Three.js笔记(二)啥是Three.js,它都有啥用

啥是Three.js

它是一个关于3D的JavaScript库,用来帮助开发人员创建3D网页。其基于WebGL,但是也可基于SVG、CSS共存。后两种限制比较多,暂不考虑使用。

WebGL是什么

WebGL是一种在画布中以高速绘制三角形面片的JavaScript API。其能够在多数浏览器上运行,而且由于使用了GPU渲染,速度很快。

WebGL不光能绘制三角形面片,还能用来创建二维模型。

GPU能够进行数千个并行计算。因此,对于画面当中的上千个三角形面片和其三倍多的顶点,GPU能够同时处理。每当我们把模型导入画面,GPU就能通过并行计算,描绘出模型上的点。WebGL从底层上解决了GPU调用与渲染的问题。

关于Three.js

Three.js是运行在WebGL之上,基于MIT协议的库。它的目标就是最大限度的简化WebGL开发流程。仅需几行代码,就可以让场景内的模型进行动画,并且无需写任何的渲染器和矩阵变换。

由于Three.js基于WebGL,还可以通过某些方式与其中的模型进行交互。有时候,也需要写一些渲染器,并创建一些矩阵。

在官网上,有许多Three.js的应用案例和示例。

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

推荐阅读更多精彩内容

  • Threejs 为什么? webGL太难用,太复杂! 但是现代浏览器都支持 WebGL 这样我们就不必使用 Fla...
    强某某阅读 6,196评论 1 21
  • 1、简介 WebGL 是在浏览器中实现三维效果的一套规范,而 Three.js 可以看成是浏览器对 WebGL 规...
    风之化身呀阅读 3,547评论 0 4
  • 本文主要是讲解 Three.js 的相关概念,帮助大家对 Three.js 以及相关知识形成比较完整的理解。今年来...
    Simon王小白阅读 8,513评论 2 9
  • Threejs中文文档 郭隆邦技术博客 2018-09-21 20:40:17 关注 Three.js中文文档 今...
    情人波阅读 14,135评论 0 7
  • 一、我们讲什么? 我们讲两个东西: 1、WebGL背后的工作原理是什么? 2、以Three.js为例,讲述框架在背...
    无言以越阅读 1,544评论 1 6