2022年12月5日
摘要：
导入方式1 import * as THREE from "three"; //设置场景 const scene = new THREE.Scene(); // 初始化渲染器 const renderer = new THREE.WebGLRenderer(); //设置渲染器的大小 rendere 阅读全文
摘要：
出现的问题： 第一是我们的立方体被拉伸了。他们不是立方体了更像是个盒子，太高或者太宽。 在新标签中打开它然后改变尺寸你就能看到立方体是怎么在宽高上被拉伸的。 解决： function render(time) { time *= 0.001; const canvas = renderer.domE 阅读全文
摘要：
1. DOM + CSS 2. 将文字绘制到画布中，并将其用作Texture（纹理） 如果你希望在three.js的场景中的平面上轻松地绘制文本，请使用此方法。 3. 在你所喜欢的3D软件里创建模型，并导出给three.js 如果你更喜欢使用3D建模软件来工作并导出模型到three.js，请使用这种 阅读全文
摘要：
在.vue文件script中： //设置好renderer（渲染器）、scene（场景）和camera（相机）const renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHe 阅读全文
摘要：
vue3框架 安装： npm install three 导入： // 方式 1: 导入整个 three.js核心库 import * as THREE from 'three'; const scene = new THREE.Scene(); // 方式 2: 仅导入你所需要的部分 import 阅读全文