在线3D城市模型DEMO局部辉光效果演示源码ThreeJS版本(带指示牌)3D智慧城市、3D智慧厂区

在线3D城市模型DEMO辉光效果演示源码ThreeJS版本(带指示牌)，完全不需要安装任何插件，输入打开网址就可以查看3D辉光城市效果，非常值得学习。功能包括:

（1）城市的道路；

（2）建筑高楼群；

（3）辉光特效；

（4）楼宇指示牌（3D指示牌-2D广告牌效果，可以跟随相机朝向）

楼宇指示牌Sprite精灵的应用：2D精灵几何体是一个总是面朝着摄像机的平面，通常含有使用一个半透明的纹理。

var textured = new THREE.TextureLoader().load(“textures/warning.png”);
var spriteMaterial = new THREE.SpriteMaterial({
// color: 0xffffff,
map: textured
});
var sprite = new THREE.Sprite(spriteMaterial);
sprite.position.set(
10.001,
10.1234,
37.1897
);
// console.log(sprite);
sprite.scale.x = 10;
sprite.scale.y = 5;
scene.add(sprite);
这张图公告图是一张透明的png图片，也可以用canvas贴图，自己编写canvas渲染在指定点上，也可以使用CSS3DRenderer去实现。

（5）右侧有辉光等参数面板，可以调整光照等的参数体验不同参数下的效果。

注：本地预览请用火狐浏览器，谷歌浏览器等需要配置WEB服务器部署才能运行，localhost/127.0.0.1 服务器配置下运行才有效果。