大家好,我是前端西瓜哥。上一篇文章讲解了如何绘制一个点。但这个点的信息是写死在渲染器源码中的,也就是硬编码。 这是系列文章,如果...
关键代码: function animate() { requestAnimationFrame(animate); // 使用渲染器渲染相机看这个场景的内容渲染出来 renderer.render(scene, ...
文章目录 前言 EffectComposer 使用流程 场景初始化:自转的地球 创建THREE.EffectComposer 添加后期处理通道并更新渲染 EffectComposer 使用示...
关键代码: //控制灯光强度 gui.add(directionalLight, 'intensity').min(0).max(30).step(1).name("灯光强...
代码: <template> <div id="three_div"></div> </template> <script> import * as THREE from &...
代码: <template> <div id="three_div"></div> </template> <script> import * as THREE from &...
下载组件dat.gui npm install dat.gui -S 引入组件 import * as dat from 'dat.gui' //界面控制 代码: <template> <div ...