Three.js入门之上海外滩

THREE.js入门之上海外滩

  • 最近入了three.js的坑,想用three.js做一些demo以便巩固自己最近所掌握的知识点,而且正好赶上国庆放假,随,有了这篇~
  • 预览地址: Three.js之上海外滩 欢迎start❤️~

本篇虽是关于Three.js入门的文章, 但是太过入门的就不讲了。没意义,网上很多知识,本篇主要是把自己在写demo时候遇到的坑点给记录下来, 有什么不懂的直接去查阅文档或者网上搜,这里要提一下:Three.js的官方文档和例子对于开发者也是挺好的(有中文版!)

废话不多, 先看下效果吧:

《Three.js入门之上海外滩》

《Three.js入门之上海外滩》

《Three.js入门之上海外滩》

《Three.js入门之上海外滩》

《Three.js入门之上海外滩》

代码比较多,就不一一讲解了,本篇主要分为以下几个部分:

  • 初始化代码,创建场景,相机,渲染器,灯光,搭建不规则的地面几何体等
  • 搭建东方明珠
  • 搭建上海中心大厦
  • 搭建环球金融中心
  • 搭建金茂大厦
  • 随机算法搭建其他建筑物
  • 给所有建筑物进行贴图优化
  • 搭建黄浦江
  • 搭建360全景空间
    原文作者:Funky_Tiger
    原文地址: https://segmentfault.com/a/1190000020591252
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞