数据可视化原理与实例课件-三维可视化-控制器选择器和贴图

三维可视化控制器&贴图WebGL三维可视化Three.JS控制器贴图选择器控制器https:/g14n.info/three-orbitcontrols/添加DIV放画布Canvas区域在BODY里添加DIV 在JS里选择它var threeDiv=document.getElementById(canvas-frame);/document.body.appendChild(renderer.domElement);替换为：threeDiv.appendChild(renderer.domElement);清除背景颜色var renderer=new THREE.WebGLRenderer(antialias:true,alpha:true);/WebGLRenderer();renderer.setClearColor(0 xffffff,0);renderer.setSize(window.innerWidth,window.innerHeight);添加控制器控制器控制器更新控制器更新控制器添加网格：地平线圆柱体3D图表选择元素在画布上检测鼠标事件objSelection.jsBY LiMinRuyi1-参数参数2-事件事件3-参数参数地球贴图从球体到地球2022/9/30球体Mesh贴图文件9/30/2022几何体贴图2022/9/30添加云层（比地表高一点）2022/9/30添加位置数据2022/9/30添加文字&光源2022/9/30三维可视化：场景导航、游戏、VR/AR对数据可视化来说：D3.JS轻量级更适合2022/9/30