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

您所在的位置:网站首页 jsm是什么意思啊 【Three.js技术简介】什么是Three.js

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

2024-07-17 09:27| 来源: 网络整理| 查看: 265

部分内容参考自: (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可以做什么

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

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

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

图例三(物联网3D可视化): (1)3D动态家装展示,参考自:http://www.yanhuangxueyuan.com/3D/houseDesign/index.html 在这里插入图片描述

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

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3