如何使用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://threejs.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/