Three.js之几何体、高光材质、渲染器设置、gui

参考资料

  • 阵列立方体和相机适配体验
  • Threejs常见几何体简介
  • gui.js库(可视化改变三维场景)

知识点

注:基于Three.jsv0.155.0

  • 长方体:oxGeometry
  • 球体:SphereGeometry
  • 圆柱:CylinderGeometry
  • 矩形平面:PlaneGeometry
  • 圆形平面:CircleGeometry
  • 高光网格材质:MeshPhongMaterial(shininess、specular)
  • WebGL渲染器设置:antialias 、setPixelRatio、setClearColor
  • gui.js库:add、addColor、addFolder、name、step、onChange
  • 关键词搜索examples:Find in Folder

代码实现

阵列立方体




	
	Three.js

  
  
  
  
  
	

常见几何体




	
	Three.js

  
  
  
  
  

高光网格材质




	
	Three.js

  
  
  
  
  

WebGL渲染器设置




	
	Three.js

  
  
  
  
  

gui.js库




	
	Three.js

  
  
  
  
  

你可能感兴趣的:(Web3D,Web3D,threejs)