草庐IT

javascript - 基于对象边界框的相机控制？

coder 2024-07-25 原文

three.js 的正常轨道控制非常适合圆形物体，但不适用于长物体(尤其是当缩放关闭时)，我正在寻找解决方案来解决这个问题。

很难用语言描述，请查看来自 Google 的这个 webgl 示例(放大到最大可以看到):https://www.google.com/o3d/shopping/viewer/360?q=ymMBhK8fu3C&o3ds=use_3d

这是我正在寻找的俯 View :

我正在考虑基于默认 OrbitControls 的使用，从相机到边界框的连续转换光线并保持恒定距离，但问题是相机始终注视着物体的中心，这与上面的示例不同(cam 仅旋转当到达物体的 Angular 落时)。

任何想法将不胜感激。

最佳答案

正如您所指出的，使用现有的 THREE.OrbitControls 并修改 target 不起作用，因为相机不会垂直地注视边界框。

我尝试了不同的方法，结果很糟糕，但这是我的工作。
在我尝试的每个解决方案中，我总是必须计算(以任何顺序):

  1. 相机的位置；
  2. 相机的方向。

无论如何，相机必须围绕某物旋转。所以，我所有的解决方案都或多或少地基于 THREE.OrbitControls，它充当，比如说，“旋转的当前状态” 并处理所有 DOM 事件的东西对我来说。

查看 AABB 上的最近点

思路如下:

  • 相机旋转；
  • 距离相机AABB 上的最近点 是相机应该注视的地方(方向)；
  • 一定距离d用于将相机推离该点(位置)。

有2种情况:

  1. 边框

  2. Angular 落

测试于 this (very tricky) fiddle .不过仍然需要修复顶面和底面(旋转奇点)。

包围体上的光线转换

这是您在问题中描述的想法:

  • 创建相机应遵循的边界体积；
  • 在此 BV 上转换相机位置；
  • 相机的新位置是交点 ;
  • 相机的新方向是相交面的法线。

我尝试使用具有圆形边框和 Angular 的分割盒子几何体，以便相机以一定 Angular 旋转。

考虑到表面的光滑度，结果可能会非常方便。不幸的是，当交叉路口的法线发生变化时，相机会急剧改变方向，导致运动中出现令人不快的颠簸。

参见 this (tricky again) fiddle .

为了解决这个问题，我们可以沿三 Angular 形对法线进行线性插值，但这需要以这样一种方式计算法线，即顶点的每个法线都是该顶点所属面的法线的平均值。

请注意，此解决方案非常繁重(对很多面进行光线转换)并且可能需要进行一些预处理才能创建 BV。

改变经典轨道控制的基础

这不是您要找的东西，但它也适用于长对象，老实说，这是我做的不太棘手的解决方案。

想法是修改经典THREE.OrbitControls操作的基础，修改位置但方向不变，如下所示:

我有点用定制版本做到了:THREE.BasisOrbitControls .看看this fiddle .

var basis = new THREE.Matrix4();
basis.makeScale(2.0, 3.0, 4.0); // my object is very long and a bit tall

var controls = new THREE.BasisOrbitControl(camera, basis, renderer.domElement);

请注意，相机的最终运动由椭圆体描述。


希望这有帮助，我也对干净的解决方案很感兴趣。

关于javascript - 基于对象边界框的相机控制？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42591350/

javascript基于strongnoreferrernoopener3dthree.js

有关javascript - 基于对象边界框的相机控制？的更多相关文章

  1. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  2. ruby-on-rails - 按天对 Mongoid 对象进行分组 - 2

    在控制台中反复尝试之后，我想到了这种方法，可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法，但它确实有效。有没有人有更好的建议，或者这是一个很好的方法？#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev

  3. ruby-on-rails - 如何验证非模型(甚至非对象)字段 - 2

    我有一个表单，其中有很多字段取自数组(而不是模型或对象)。我如何验证这些字段的存在？solve_problem_pathdo|f|%>... 最佳答案 创建一个简单的类来包装请求参数并使用ActiveModel::Validations。#definedsomewhere,atthesimplest:require'ostruct'classSolvetrue#youcouldevencheckthesolutionwithavalidatorvalidatedoerrors.add(:base,"WRONG!!!")unlesss

  4. Ruby 写入和读取对象到文件 - 2

    好的，所以我的目标是轻松地将一些数据保存到磁盘以备后用。您如何简单地写入然后读取一个对象？所以如果我有一个简单的类classCattr_accessor:a,:bdefinitialize(a,b)@a,@b=a,bendend所以如果我从中非常快地制作一个objobj=C.new("foo","bar")#justgaveitsomerandomvalues然后我可以把它变成一个kindaidstring=obj.to_s#whichreturns""我终于可以将此字符串打印到文件或其他内容中。我的问题是，我该如何再次将这个id变回一个对象？我知道我可以自己挑选信息并制作一个接受该信

  5. Ruby Readline 在向上箭头上使控制台崩溃 - 2

    当我在Rails控制台中按向上或向左箭头时，出现此错误:irb(main):001:0>/Users/me/.rvm/gems/ruby-2.0.0-p247/gems/rb-readline-0.4.2/lib/rbreadline.rb:4269:in`blockin_rl_dispatch_subseq':invalidbytesequenceinUTF-8(ArgumentError)我使用rvm来管理我的ruby​​安装。我正在使用=>ruby-2.0.0-p247[x86_64]我使用bundle来管理我的gem，并且我有rb-readline(0.4.2)(人们推荐的最少

  6. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象，为什么它会起作用？ - 2

    如果您尝试在Ruby中的nil对象上调用方法，则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而，有一个tryRails中的方法，如果它被发送到一个nil对象，它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常？ 最佳答案 像Ruby中的所有其他对象

  7. ruby-on-rails - 未在 Ruby 中初始化的对象 - 2

    我在Rails工作并有以下类(class):classPlayer当我运行时bundleexecrailsconsole然后尝试:a=Player.new("me",5.0,"UCLA")我回来了:=>#我不知道为什么Player对象不会在这里初始化。关于可能导致此问题的操作/解释的任何建议？谢谢，马里奥格 最佳答案 havenoideawhythePlayerobjectwouldn'tbeinitializedhere它没有初始化很简单，因为你还没有初始化它!您已经覆盖了ActiveRecord::Base初始化方法，但您没有调

  8. ruby-on-rails - 带 Spring 锁的 Rails 4 控制台 - 2

    我正在使用Ruby2.1.1和Rails4.1.0.rc1。当执行railsc时，它被锁定了。使用Ctrl-C停止，我得到以下错误日志:~/.rvm/gems/ruby-2.1.1/gems/spring-1.1.2/lib/spring/client/run.rb:47:in`gets':Interruptfrom~/.rvm/gems/ruby-2.1.1/gems/spring-1.1.2/lib/spring/client/run.rb:47:in`verify_server_version'from~/.rvm/gems/ruby-2.1.1/gems/spring-1.1.

  9. ruby-on-rails - openshift 上的 rails 控制台 - 2

    我将我的Rails应用程序部署到OpenShift，它运行良好，但我无法在生产服务器上运行“Rails控制台”。它给了我这个错误。我该如何解决这个问题？我尝试更新ruby​​gems，但它也给出了权限被拒绝的错误，我也无法做到。railsc错误:Warning:You'reusingRubygems1.8.24withSpring.UpgradetoatleastRubygems2.1.0andrun`gempristine--all`forbetterstartupperformance./opt/rh/ruby193/root/usr/share/rubygems/rubygems

  10. ruby - 如何在 Rails 4 中使用表单对象之前的验证回调？ - 2

    我有一个服务模型/表及其注册表。在表单中，我几乎拥有服务的所有字段，但我想在验证服务对象之前自动设置其中一些值。示例:--服务Controller#创建Action:defcreate@service=Service.new@service_form=ServiceFormObject.new(@service)@service_form.validate(params[:service_form_object])and@service_form.saverespond_with(@service_form,location:admin_services_path)end在验证@ser

随机推荐