three.js - 如何选择一个对象并将相机移动到另一个位置?
解决方案
你基本上分两步解决这个问题:
首先,您必须使 3D 对象可选择,这可以通过光线投射来完成。有很多官方示例演示了基于光线投射的 3D 交互,例如:
https://threejs.org/examples/webgl_interactive_cubes
如果您知道单击了某个 3D 对象,则可以将相机从其当前位置设置为动画到定义的目标位置。可以预先定义可能的目标位置,或者您可以根据对象的包围体和当前相机位置以某种方式动态计算目标位置。实际的动画可以通过多种方式完成。一种方法是使用像tween.js这样的补间引擎。查看以下示例以了解它如何与 一起使用three.js
:
推荐阅读
- php - laravel api 包无法识别我之前的路线
- angular-library - 如何在 Angular 库中包含资产?(v 8.0)
- sql-server - 设置超链接时将 int 转换为字符串
- sql - 当 id 值至少一次不等于 0 时返回 id
- sql - 具有默认值性能的设置表
- python - 运行 Jupiter 时遇到问题。由于 EnvironmentError 无法安装软件包:
- regex - 谷歌表格过滤器
- sql-server - 如何删除字符串字段中的空格并插入浮点数据类型?
- mysql - mysql插入带动态查询,只需要在db中一一插入
- python - 如何在 windows10 中创建符号链接,如在 linux 中创建符号链接