Web 3D 渲染器类型 All In One
Web 3D 渲染器类型 All In One
Renderer 渲染器
- 基于
WebGL
渲染器 (底层OpenGL
/ OpenGL ES ) - 基于
CSS3
3D 渲染器 - 基于 HTML5
Canvas
渲染器 - 基于
SVG
渲染器
demos
在线 3D 模型编辑器
在线 3D 看房
在线 3D 车展
票务信息系统:可视化选排选座
系统
WebGL
WebGL
2.0 (based onOpenGL 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, 禁止转载 🈲️,侵权必究⚠️!
未经授权禁止转载,违者必究!
Web 3D 渲染器类型 All In One更多相关文章
网页中mobile-agent的meta信息,这样添加才更专业
万象更新 Html5 - css: float 布局: 基础
万象更新 Html5 - css: float 布局: 通过 float 布局实现 3 栏式布局
万象更新 Html5 - css: flex 布局: flex-direction, flex-wrap, flex-flow
万象更新 Html5 - css: flex 布局: justify-content, align-items, align-content, align-self
万象更新 Html5 - css: flex 布局: order, flex-grow, flex-shrink, flex-basis, flex
万象更新 Html5 - css: position 布局: 定位(static, relative, absolute, fixed)
万象更新 Html5 - css: overflow 布局: 内容溢出时的样式
万象更新 Html5 - css: selector 选择器: 属性选择器(attribute selector)