用three.js修改後的三角形形狀

2017-04-23 90 views 1 likes

我剛剛找到three.js庫。我想通過定義一個二維三角形來使用它，這個二維三角形的形狀在頂點上有手，這樣我就可以實時修改三角形的形狀。這怎麼能用three.js完成？用three.js修改後的三角形形狀

來源

2017-04-23 MarkokraM

什麼是「手持」？ – pailhead

可以拖動以變換對象形狀的點。 http://www.thefreedictionary.com/handhold – MarkokraM

請參閱http://threejs.org/examples/webgl_geometry_spline_editor.html – WestLangley

回答

還有就是three.js所收集在一個很好的例子：https://threejs.org/examples/webgl_interactive_raycasting_points.html

隨着光線投射，你可以得到有關在任何給定的時間相交什麼頂點的信息，只需更換一個三角形的例子幾何形狀。

當用戶點擊並與頂點相交時，您可以開始跟蹤鼠標位置並相應地移動頂點。如果你有一個簡單的二維視圖，你可以使用畫布座標，如果沒有，你可以在背景上有一個隱形平面來找到這裏演示的三維矢量（DragControls.js）：https://threejs.org/examples/webgl_interactive_draggablecubes.html

來源

2017-04-24 15:28:38

相關問題

1. java中的三角形形狀
2. three.js所繪製簡單的三角形
3. 修補Delaunay三角形
4. Android GDX Box2D三角形形狀
5. 建立一個形狀類三角形
6. 在三角形的三角形中繪製三角形
7. Three.js + .OBJ loading：只有三角形面孔？
8. 的CSS：三角形後
9. opengl中的三角形多邊形三角形es
10. Android OpenGL ES不使用TRIANGLES顯示我的三角形形狀
11. 三角形狀的自舉立柱
12. 從Delphi修改Excel形狀
13. 設計形狀類與圓形和三角形
14. CSS3菱形到三角形
15. osmdroid多邊形 - 三角形
16. Three.js幾何形狀拉伸？
17. Three.js - 自定義形狀？
18. 如何使FAB按鈕的形狀像三角形一樣
19. 非三角形輸入輸出角度非右三角形
20. 更改公開三角形的方向
21. 表格行後的css三角形
22. 將原始三角形拆分爲更小的三角形
23. opengl - 與三角形帶相鄰的三角形
24. HSV三角形C＃
25. 三角形漂浮
26. 無效三角形
27. 中心三角形
28. 三角形分區
29. 三角形邊框
30. 遞歸三角形