weixin_46022934的博客

一、最终的成果图如下所示：1.图1如下所示（添加了光源的效果）：2.图2如下所示（绘制了3个旋转的立方体）：如下图所示（模糊问题）解如下所示（解决模糊问题）二、创建一个透光立方体的步骤如下第一步：创建DOM，获取DOM，创建renderer渲染器代码如下所示第二步：创建摄像机，设置摄像机代码如下所示第三步：创建场景、几何图形和材质，设置网格代码如下所示第四步：设置渲染render代码如下所示第五步：创建的立方体，结果图如下所示第六步：给立方体添加灯光效果1.实现灯光效果，添加

系列文章目录学习背景一、什么是3D（直接看作品吧）？汽车作品欣赏鼠标可以随意转动角度打开机盖（交互效果）尾部3D链接🔗如下（链接打开会有一些慢）二、如何创建一个3d的旋转立方体1.准备Threejs库（创建js文件）2.如何创建旋转立方体，步骤如下第一步：引入three.js的类库第二步：创建【场景，相机，渲染器】PerspectiveCamera的用法解释如下：渲染器的解释如下：代码如下：第三步：创建立方体的【几何形状，面的样式，存贮的网格】解释网格的意义代码如下：