个人Three.js网页端项目展示

UnityWebgl心脏演示：http://eevee.com.cn/Examples/26.HeartWebgl/index.html

image.png

Three.js网页端样例：
鳄鱼：http://eevee.com.cn/Examples/7.Crocodile/index.html

image.png

一个亭子和水：http://eevee.com.cn/Examples/0.Pavilion/index.html

image.png

简单实验室漫游：http://eevee.com.cn/Examples/1.Shiyanshi/index.html

image.png

人民大会堂展示：http://eevee.com.cn/Examples/2.Rmdht/index.html

image.png

体积云：http://eevee.com.cn/Examples/3.Cloud/index.html

image.png

下面是UnityWebGL样例（UnityWebGL移动端都没写操作适配哈，为啥不写？因为懒！）：
可编辑场景：http://eevee.com.cn/Examples/8.Webgl_Room/index.html

image.png

用ArchVizPROInteriorVol3场景调了一个wengl版本：http://eevee.com.cn/Examples/12.ArchVizPROInteriorVol3/index.html

image.png

用ArchVizPROInteriorVol6场景平衡效果和网页加载速度的webgl版本：http://eevee.com.cn/Examples/11.ArchVizPROInteriorVol6/index.html

image.png

这个基于ModernLivingRoom3.1感觉还不错～总共37M左右：http://eevee.com.cn/Examples/14.ModernLivingRoom3.1/index.html

image.png

简单尝试了一下三渲二（鼠标右键转视角，wasd移动视角）：
http://eevee.com.cn/Examples/21.3To2/index.html

image.png

找了个妹子模型优化了一下头发等细节，增加了动画（鼠标右键转视角，wasd移动视角）：
http://eevee.com.cn/Examples/22.3TO2v2/index.html

image.png

一个汽车例子：http://eevee.com.cn/Examples/25.Car/index.html

image.png

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Three.js快速入门
    简介 Three.js是基于原生WebGL封装运行的三维引擎。可与各种前端技术结合使用。 github链接：Git...
    田苗苗_7785阅读 2,122评论 0赞 0
  • Three.js学习规划
    学习目标 熟悉并掌握Three.js中的基本概念，主要包括场景，摄像机，灯光，渲染器，物体对象，几何体，材质，动画...
    田苗苗_7785阅读 1,883评论 2赞 8
  • Three.js
    是什么 三维引擎 WebGL（Web图形库）是一个JavaScript API，可在任何兼容的Web浏览器中渲染高...
    baxiamali阅读 555评论 0赞 0
  • Three.js基础入门
    Three.js是一款开源的主流3D绘图JS引擎（名字Three就是3D的含义），原作者为Mr.Doob，项目地址...
    宋小菜_菜菜阅读 2,028评论 0赞 1
  • 网页前端资源整合
    作为一个前端程序猿，下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 8,938评论 18赞 303