javascript - 用 three.js 修改三 Angular 形

标签 javascript three.js geometry

我刚刚找到了 three.js 库。我想通过定义一个在顶点上有手的二维三 Angular 形开始使用它,这样我就可以实时修改三 Angular 形的形状。如何使用 three.js 完成此操作?

最佳答案

Three.js 集合中有一个很好的示例:https://threejs.org/examples/webgl_interactive_raycasting_points.html

借助光线转换,您可以获得有关在任何给定时间相交的顶点的信息,只需将示例几何体替换为三 Angular 形即可。

当用户单击并与顶点相交时,您可以开始跟踪鼠标位置并相应地移动顶点。如果你有一个简单的 2D View ,你可以使用 Canvas 坐标,如果没有,你可以在背景上有一个不可见的平面来找到这里演示的 3D 矢量 (DragControls.js):https://threejs.org/examples/webgl_interactive_draggablecubes.html

关于javascript - 用 three.js 修改三 Angular 形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43568315/

相关文章:

three.js - 深度测试为 true 的 Three.js Sprite 的黑色背景

html - 如何将不同的颜色应用于 SVG 圆中的 stroke-dashoffset?

java - 如何使用循环线填充三角形

javascript - 有没有办法强制用户滚动到 div 的底部?

javascript - 如何从 api 获取和渲染图像?

javascript - 这可能吗?使用 jQuery 修改样式标签内的字符串

javascript - React 中的three.js - 缺少THREE.ShaderTerrain

javascript - 获取 AngularJS [$injector :modulerr] even when code is correct

javascript - 如何告诉 tween.js 等待纹理在 Three.js 中显示

math - 将 3d 共面点列表按顺时针或逆时针排序