//创建场景
var scene =new THREE.Scene();
//创建相机
var camera =new THREE. PerspectiveCamera(75, window.inner Width/window. innerHeight,0.1,1000);
//创建渲染器
var renderer= new THREE. WebGLRenderer(); renderer.setSize( window.innerWidth, window. innerHeight ) ;
document. body.appendChild( renderer. domElement);
//绘制立方体
var geometry =new THREE. BoxGeometry( 1, 1, 1);
//给立方体贴材质
var material =new THREE. MeshBasicMaterial ({color: 0x00ff00} );
var cube=new THREE. Mesh( geometry, material);
//将立方体放在场景中
scene.add(cube);
camera.position.z=5;
//渲染
renderer. render( scene, camera)
基于WebGL的3D框架 - ThingJS
ThingJS是新兴的3D框架,2018年诞生,是针对物联网可视化领域的JavaScript 3D Library,旨在简化3D应用开发效率,它封装了3D源码,提供完整的物联网开发概念(建筑、楼层、房间、物、标牌、线路、区域、热图、事件、查询、地图、全景图),利用可视化开发组件在线开发(CampusBuilder【客户端下载】+ThingJS),绘图的流程如下所示: