【Three.js技术简介】什么是Three.js

epeppanda
发布于 2021-2-5 09:24
浏览
0收藏

部分内容参考自:


(1)Three.js百度百科:https://baike.baidu.com/item/three.js/7896801?fr=aladdin
(2)WebGL百度百科:
https://baike.baidu.com/item/WebGL/592485?fr=aladdin
(3)OpenGL百度百科:https://baike.baidu.com/item/OpenGL/238984?fr=aladdin
(4)OpenGL ES百度百科:https://baike.baidu.com/item/OpenGL%20ES/7922580?fr=aladdin
(5)《Three.js开发指南》(Jos Dirksen著)
(6)http://www.yanhuangxueyuan.com/

 

一、什么是Three.js?


Three.js是用JavaScript编写的一个第三方库,用于实现很多的3D功能。而此Three.js正是封装的WebGL这个库,WebGL又是封装的OpenGL ES 2.0与JavaScript。而OpenGLES 2.0又是OpenGL 三维图形 API 的一个子集,而OpenGL是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口(API),或者说仅仅是一个规范,因此,以上关系用一个图来说明的话,如下所示:【Three.js技术简介】什么是Three.js-鸿蒙开发者社区

 

二、Three.js可以做什么


3D游戏开发、3D效果展示、物联网3D可视化等等…

图例一(3D游戏开发):下图为本人拙作,控制一只小鸟模型在杂乱无章的几何体方块群中,朝任意方向飞行。【Three.js技术简介】什么是Three.js-鸿蒙开发者社区

图例二(3D效果展示):

参考自《Three.js开发指南》书中的例子,可以调整参数,从而改变此几何体的各项指标,进而改变形状。【Three.js技术简介】什么是Three.js-鸿蒙开发者社区

图例三(物联网3D可视化):
(1)3D动态家装展示,参考自:http://www.yanhuangxueyuan.com/3D/houseDesign/index.html【Three.js技术简介】什么是Three.js-鸿蒙开发者社区(2)3D动态粮仓展示,参考自:http://www.yanhuangxueyuan.com/3D/liangcang/index.html

【Three.js技术简介】什么是Three.js-鸿蒙开发者社区

分类
已于2021-2-5 09:24:29修改
收藏
回复
举报
回复
    相关推荐