对three.js的新见解：问题？
对three.js的新见解：问题？
提问于 2018-08-28 04:53:59
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
这3行是什么意思？创建渲染器对象后，最后一行在这里做什么？谢谢
回答 2
Stack Overflow用户
发布于 2018-08-28 13:14:43
var renderer = new THREE.WebGLRenderer();
这将创建WebGLRenderer类的实例。这个类知道如何渲染场景，包括它的对象，颜色，纹理，材质，阴影等。正如Three.js文档所说：这就是魔术发生的地方。
renderer.setSize（window.innerWidth，window.innerHeight）;
这将设置我们希望渲染器对象渲染场景的大小。在这种情况下，它设置浏览器窗口的宽度和高度的大小。
document.body.appendChild（renderer.domElement）;
这会将renderer元素添加到HTML文档中。这是<canvas>渲染器用于显示场景的元素。
Stack Overflow用户
发布于 2018-08-28 13:58:12
创建a时THREE.WebGLRenderer，它会在内部创建并维护一个'HTMLCanvasElement`元素。您可以将此canvas元素视为WebGL呈现的表面。
你感兴趣的那一行：
document.body.appendChild(renderer.domElement);
基本上是将canvas元素（由其拥有THREE.WebGLRenderer）附加到当前文档（即网页）
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100002455
复制相关文章
相似问题
腾讯云开发者
