- threejs_basic 基础
- three.js_mesh 材质,纹理与灯光
- three.js_mesh 材质,纹理与灯光
- three.js_raycaster raycaster光线投射与物体交互
- three.js_full_scroll 3D全频滚动官网
- three.js_physics 应用物理引擎设置物体相互作用
- three.js_shader Shader
- three.js_shader_graph Shader glsl深入学习,编写各种类型的图案
- three.js_shader_kongming shader打造漫天飞舞孔明灯
- three.js_shader_smoke 着色器打造烟雾水云效果
- three.js_shader_particle 着色器粒子效果
- three.js_firework 烟花
- three.js_shader_material 使用着色器加工材质
- three.js_effect_composer 效果合成器
- three.js_css_render HTML混合3D渲染
- three.js_curve 曲线应用
- three.js_deformation 物体的形变
- three.js_vr-house 全景VR看房
- three.js_city 智慧城市
- three.js_blender 建模学习
- three.js_blender 智慧园区
- three.js_Skeletal-animation 骨骼动画
- three.js_gongchang 智慧工厂
- three.js_light 物体发光效果
- three.js_3D-map 地理数据生成3D物体与地图
- three.js_big-screen 大屏幕数据可视化
- csium 基础
- cesium-three cesium配合three.js使用
- cesium项目 深圳南山
- 宝马4s汽车展示与选配
随着浏览器的流行,不难想象人们会满怀期待地通过它来运行复杂的3D应用程序。早在2006年,MMozilla、Opera等浏览器提供商就实验性地在浏览器中增加了用于渲染复杂图形应用的编程平台,无需安装任何插件。其目标是开发一套JavaScript API,从而充分利用3D图形API和GPU加速,以便在元素上渲染复杂图形。 最后的JavaScript API是基于OpenGL ES(OpenGL for Embedded System)2.0规范的。OpenGL ES 是 OpenGL 专注于2D和3D计算机图形的子集。这个新API被命名为WebGL(Web Graphics Library),与2011年发布1.0版。有了它,开发者就能够编写涉及复杂图形的应用程序,它会被兼容WebGL的浏览器原生解释执行。 WebGL(Web 图形库)是一个 JavaScript API,可在任何兼容的 Web 浏览器中渲染高性能的交互式 3D 和 2D 图形,而无需使用插件。WebGL 通过引入一个与 OpenGL ES 2.0 非常一致的 API 来做到这一点,该 API 可以在 HTML5 元素中使用。 这种一致性使 API 可以利用用户设备提供的硬件图形加速。
WebGL 的发展最早要追溯到 2006 年,WebGL 起源于 Mozilla 员工弗拉基米尔·弗基西维奇的一项 Canvas 3D 实验项目,并于 2006 年首次展示了 Canvas 3D 的原型。这一技术在 2007 年底在 FireFox 和 Opera 浏览器中实现。2009 年初 Khronos Group 联盟创建了 WebGL 的工作组最初的工作成员包括 Apple、Google、Mozilla、Opera 等。 2011 年 3 月 WebGL 1.0 规范发布,WebGL 2 规范的发展始于 2013 年,并于 2017 年 1 月最终完成,WebGL 2 的规范,首度在 Firefox 51、Chrome 56 和 Opera 43 中被支持。更新一代的标准叫做WebGPU