three..js在渲染方面支持的怎么样
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了three..js在渲染方面支持的怎么样相关的知识,希望对你有一定的参考价值。
参考技术AThree.js是大多数开发者首次接触的WebGL 3D库,Threejs库的出现解决了底层的渲染细节和复杂的数据结构,可以支持如一个房间级别,或一个楼层级别的渲染,或符合特殊要求的大量同类模型的渲染。
1~开发性能
对 WebGL进行了封装,提供了更高层的渲染接口,提供摄影机、视口的控制,提供场景组织方式,能够加载多种文件格式,通过创建材质、贴图并编写 shader来实现物体效果,创建立方体、球等基本元素,提供灯光、阴影、点云等等底层功能。
2~劣势
虽然Three.js底层引擎级别的三维图形库,有很多开源库对它进行扩展,但较为松散,适合做轻量级可视化应用,复杂应用则需要基于此库进行大量封装才行。尤其场景输出层面,需要3 3DSMax、Maya、CAD等专业美术人员,通过建模再做一定的导出工作才能得到需要的模型,团队协作成本高。
3~three.js和ThingJS 3D框架做对比
ThingJS是新兴的3D框架,2018年诞生,由北京优锘科技公司研发,旨在简化3D应用开发。轻量化的表现在:1、ThingJS封装了对模型交互事件的API、对模型的操作及层次关系,一个个具体的模型抽象把初学者从复杂的3D概念中解放出来,2、加载简单场景仅需1行代码,发布方式支持iframe, 微信和PC发布,在线化更方便,3、ThingJS是一个完成的物联网可视化应用开发生态,提供CampusBuilder, CityBuilder等场景搭建SAAS、场景存储云空间(无需付费)和10万个场景资源……
如果是你是初学者,three.js用起来更花费时间,就一个加载模型、调光、选择模型弹框的功能,就能写出Threejs上百行代码,ThingJS是更为上层的抽象,不用关心渲染、mesh、光线等复杂概念,更适合项目团队提高开发效率。
three.js 相关概念
1.什么是three.js?
Three.js 是一个 3D JavaScript 库。Three.js 封装了底层的图形接口,使得程序员能够在无需掌握繁冗的图形学知识的情况下,
也能用简单的代码实现三维场景的渲染。
2.渲染器(renderer)
渲染器(Renderer):渲染器是3D引擎的核心部分,它完成将3D物体绘制到屏幕上的任务。渲染器分为硬件渲染器和软件渲染器组成。
a).软件渲染器通常基于底层图形API(应用程序接口)构建,采用适合硬件架构的光栅化方法进行渲染。图形API负责与硬件的通信,常用的图形API包括DirectX和OpenGL。 OpenGL API通过OpenGL图形库来使用3D硬件,多数3D卡支持这种方法。而DirectX API 使用微软的DirectX库——归并到 Windows操作系统中。在老的3D卡上面,OpenGL一般绘制速度较快一些,而在现代的3D卡上面,DirectX表现则更加出色。现在的OpenGL版本只有一个,而DirectX版本有很多。DirectX通过提供更新版本的方式来扩展功能 OpenGL通过一个通用的扩展(OpenGL Ext)来对功能进行扩展。
以上是关于three..js在渲染方面支持的怎么样的主要内容,如果未能解决你的问题,请参考以下文章
Three.js中使用MarkPass(掩码)的高级效果组合器