weixin_46022934的博客

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

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