摘要: 场景动起来有两种方式:第一种方法是让物体在坐标系里面移动,摄像机不动。第二种方法是让摄像机在坐标系里面移动,物体不动。这样场景就能够动起来了。 一、渲染循环 如果想要将场景绘制到浏览器中,就需要调用渲染器的render()函数。代码如下: 所以在物体运动过程中,如果场景发生改变,就需要重新调用ren 阅读全文
posted @ 2018-05-22 21:17 麦田里的小王子 阅读(1048) 评论(0) 推荐(1) 编辑
摘要: 一、综述 在计算机世界里,3D世界是由点组成,两个点能够组成一条直线,三个不在一条直线上的点就能够组成一个三角形面,无数三角形面就能够组成各种形状的物体,如下图: 我们通常把这种网格模型叫做Mesh模型。给物体贴上皮肤,或者专业点就叫做纹理,那么这个物体就活灵活现了。最后无数的物体就组成了我们的3D 阅读全文
posted @ 2018-05-22 18:08 麦田里的小王子 阅读(9727) 评论(0) 推荐(1) 编辑
摘要: WebGL是在浏览器中实现三维效果的一套规范,而Three.js是一个WebGL的开源框架,它掩盖了WebGL很多麻烦的细节。 一、环境配置 引入 three.js文件就可以了 二、代码结构 在Three.js中,要渲染物体到网页,我们需要三个组件:场景(scene)、相机(camera)、和渲染器 阅读全文
posted @ 2018-05-22 14:21 麦田里的小王子 阅读(257) 评论(0) 推荐(0) 编辑