three+lil-gui实现可调节参数的三维场景点光pointlight照射物体效果代码
代码语言:html
所属分类:三维
代码描述:three+lil-gui实现可调节参数的三维场景点光pointlight照射物体效果代码
代码标签: three lil-gui 调节 参数 三维 场景 点光 pointlight 照射 物体
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> canvas { display: block; width: 100%; height: 100vh; cursor: -webkit-grab; cursor: grab; } </style> </head> <body> <script type="importmap"> { "imports": { "three": "//repo.bfw.wiki/bfwrepo/js/module/three/build/155/three.module.js", "three/addons/": "//repo.bfw.wiki/bfwrepo/js/module/three/examples/155/jsm/", "lil-gui": "//repo.bfw.wiki/bfwrepo/js/lil-gui.esm.js", "omega/": "//repo.bfw.wiki/bfwrepo/js/module/" } } </script> <script type="module"> import * as THREE from 'three'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import { CSG } from 'omega/CSG.js'; import { GUI } from 'lil-gui'; // ---- // main // ---- const renderer = new THREE.WebGL.........完整代码请登录后点击上方下载按钮下载查看
网友评论0