虽然如果你知道OpenGL,那么“知道”就是你可以完成任何任务的地方,从渲染大量的顶点到执行纹理,光照和阴影映射等.

然后你可以简单地去任何Three.js og WebGL应用程序.

这是一个Three.js应用程序作为示例.

> http://mrdoob.github.io/three.js/examples/#webgl_geometry_cube

然后你可以只查看Three.js / WebGL脚本的来源.你可以自动理解它的大部分内容.喜欢.

var geometry = new THREE.CubeGeometry(100,200,300);

我们可以很容易地假设上面的代码会创建一个3D立方体,其中(100,300)=(宽度,高度,长度).现在我们知道我们需要创建一个新的VAO和/或VBO来计算顶点,正如我们在示例中看到的那样,立方体是纹理化的,所以我们知道我们需要将顶点和纹理坐标存储在缓冲.

基本上你可以读完这样的一切.这里有一些例子.

renderer.setSize(window.innerWidth,window.innerHeight);

那当然会设置显示器的大小.

此外,Three.js只是一个建立在WebGL之上的JavaScript库.