如何使用three.js绘制自定义3D表面？

Question

我用什么函数/数学来绘制3d表面？例如,如何生成z = sin(x + y)？如何计算和绘制点数？我找不到任何例子.

Answer 1

以下示例链接自three.js网站:

• http://stemkoski.github.io/Three.js/Graphulus-Function.html
• http://stemkoski.github.io/Three.js/Graphulus-Surface.html

这两个示例都使用THREE.ParametricGeometry

Answer 2

https://trijs.org/docs/#api/en/geometries/PlaneGeometry

像这样的东西包含顶点。如果顶点由 [x,y,z] 组成，您可以通过循环遍历所有顶点来应用您的函数。

http://aerotwist.com/tutorials/an-introduction-to-shaders-part-1/

本教程是一个示例，说明如何使用着色器更快地完成相同的操作

我相信本教程是所有实时 3d 事物的一个很好的起点： http://www.opengl-tutorial.org/beginners-tutorials/tutorial-3-matrices/