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

yongxinz

关注

阅读 74

2022-11-02


部分内容参考自:
(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_3d

二、Three.js可以做什么

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

图例一(3D游戏开发):下图为本人拙作,控制一只小鸟模型在杂乱无章的几何体方块群中,朝任意方向飞行。

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

图例二(3D效果展示):参考自《Three.js开发指南》书中的例子,可以调整参数,从而改变此几何体的各项指标,进而改变形状。

【Three.js技术简介】什么是Three.js_图例_03

图例三(物联网3D可视化)

(1)3D动态家装展示,参考自:http://www.yanhuangxueyuan.com/3D/houseDesign/index.html

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

(2)3D动态粮仓展示,参考自:http://www.yanhuangxueyuan.com/3D/liangcang/index.html

【Three.js技术简介】什么是Three.js_百度_05


精彩评论(0)

0 0 举报