Web 3D 渲染器类型 All In One

xgqfrms / 2023-08-05 / 原文

Web 3D 渲染器类型 All In One

Renderer 渲染器

  1. 基于 WebGL 渲染器 (底层 OpenGL / OpenGL ES )
  2. 基于 CSS3 3D 渲染器
  3. 基于 HTML5 Canvas 渲染器
  4. 基于 SVG 渲染器

demos

在线 3D 模型编辑器
在线 3D 看房
在线 3D 车展
票务信息系统:可视化选排选座系统

WebGL

WebGL 2.0 (based on OpenGL ES 3.0)

https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API

https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial

https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web

OpenGL ES 3.2 => WebGL

https://www.khronos.org/opengles/

HTML5 Canvas

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial

https://developer.mozilla.org/en-US/docs/Glossary/Canvas

https://html.spec.whatwg.org/multipage/

CSS 3D

https://developer.mozilla.org/en-US/docs/Web/CSS

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_transforms/Using_CSS_transforms#3d_specific_css_properties

refs



©xgqfrms 2012-2021

原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️!