• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > WebGL2.0标准的发展和普及如何?

WebGL2.0标准的发展和普及如何?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含WebGL,2.0,1.0等相关知识,匿名希望在学习及工作中可以帮助到您
如题,WebGL2.0目前的标准发展到了什么样的程度?相较于WebGL1.0将会有哪些大的功能的增加?目前是否有主流浏览器对其进行了支持?如果没有,预计什么时候WebGL2.0会被大部分主流浏览器所支持?

回复内容:

碰巧做了一个WebGL 2 Samples Pack项目,内容是简单直接的展示WebGL2新特性的例程,适合学习WebGL2 新特性的用法。Github链接在此:GitHub - WebGLSamples/WebGL2Samples: Short and easy to understand samples demonstrating WebGL 2 features

贴几张里面的samples的截图,每个sample展示相应的WebGL 2的新的特性。
  • texture LOD

  • transform feedback

  • es 3 shader language中的flat,smooth interpolation

-----------------------------------------------------------------------

下面尝试回答题目中的问题:
WebGL2.0目前的标准发展到了什么样的程度?
我了解不多。我感觉标准已经比较完备了,目前在浏览器的实现阶段。据我老师说大部分的移动设备硬件本身是可以支持WebGL2的(待验证)。WebGL 2 详细spec 可以在这里找到:WebGL 2 Specification

相较于WebGL1.0将会有哪些大的功能的增加?
WebGL 1 可以看成是OpenGL ES 2 的javascript移植, 类似的,WebGL 2 可以看做是OpenGL ES 3 的javascript移植。所以大部分的特性可以去对应到OpenGL ES 3中的特性,当然有些细节上会有出入(比如texture swizzle是不支持)。这些新特性除了可以从WebGL 2 spec中找到,也可以去寻找OpenGL ES 3的书籍来大略了解。当然我非常推荐到我们的WebGL 2 Samples Pack去直接寻找新的特性及其用法,一般每个特性都有对应的sample。

比较重要的特性有:
uniform buffer object
vertex array object
transform feedback
multisample fbo
multiple render targets
一系列texture相关:texture lod, texture 2d array, texture 3d, 压缩格式texture等等

目前是否有主流浏览器对其进行了支持?
Chrome和Firefox的WebGL2都还在开发中,不过大部分功能都已经可用,其余也在迅速的开发中。目前获得WebGL2环境的方法可以在这里找到:Getting a WebGL Implementation。最新的WebGL 2 context应该使用Google Chrome Canary和Firefox developer edition。
和google的人交流过,具体发布时间记不得了,好像是今年6月?总之不会久了。Khronos已经在今年3月的GDC上举行了WebGL2 和glTF的交流会。
具体到哪些特性已经完成实现,可以在我们WebGL 2 Sample Pack的ReadMe中有一张表看到测试情况。

-------------------------------------------------------------
最后贴一个谷歌大神的博客,What's coming in-webgl-20:http://blog.tojicode.com/2013/09/whats-coming-in-webgl-20.html

最后再安利一下自己的入门级project, WebGL 2 Sample Pack:GitHub - WebGLSamples/WebGL2Samples: Short and easy to understand samples demonstrating WebGL 2 features WebGL 2.0现在已经在最新的Firefox和Chrome桌面版本上得到支持,普及的关键还是看Safari和iOS什么时候支持了,不然WebGL平台无关性相当于一句空话。

至于WebGL 2.0的新特性,可以看我专栏中关于WebGL 2.0的特性展望。相较于WebGL 1.0,2.0的功能增加都是非常实用且急需的功能。 自答这题,突然发现了一个神器:WebGL Report

可以轻松查看当前浏览器对WebGL1.0/2.0的支持情况,包括支持的attribute,uniform,varying数量,一些重要功能的支持程度等。

您可能想查找下面的文章:

  • HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
  • HTML5的WebGL3D档案馆图书可视化管理系统的实现
  • WebGL怎样操作json与echarts图表
  • HTML5 WebGL打印3D机房
  • HTML5 WebGL实现的3D机房示例
  • 怎样用H5的WebGL实现3D虚拟机房的漫游动画
  • 用H5的WebGL如何在同一个界面做出json和echarts图表
  • 基于Babylonjs自制WebGL3D模型编辑器
  • 详细介绍基于HTML5 的WebGL技术构建3D场景的图文代码(一)
  • opengl/webgl 可以部分重绘吗?

相关文章

  • 2018-12-03在线演示一个全屏切换效果实例
  • 2017-08-02HTML5的本地存储
  • 2018-12-03通过Canvas及File API缩放并上传图片完整示例_html5教程技巧
  • 2018-12-03前端没有项目经历,在面试之前如何准备才能尽可能的拿到offer?
  • 2017-08-06使用HTML5 Canvas为图片填充颜色和纹理的教程
  • 2018-12-03什么是前端和后端
  • 2018-12-03html5游戏开发-零基础开发RPG游戏-开源讲座(一)
  • 2017-08-06利用HTML5画出一个坦克的形状具体实现代码
  • 2018-12-03通过HTML5和WebGL来制作2D游戏
  • 2018-12-03在react中使用svg的各种方法总结(附代码)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5利用canvas绘画二级树形结构图
    • HTML5不支持标签和新增标签详解
    • HTML5游戏框架cnGameJS开发实录-碰撞检测模块篇
    • 网页中的电话号码如何实现一键直呼效果_附示例_html5教程技巧
    • HTML5有哪些书籍等资料推荐& 怎样判断招聘公司是否靠谱?
    • 详细介绍25+免费的Bootstrap HTML5网站模板图文详情
    • 有关技术点的文章推荐10篇
    • 使用html5 canvas创建太空游戏的示例_html5教程技巧
    • HTML5实践-实现跨浏览器HTML5文字占位符-placeholder的具体介绍
    • html5时钟实现代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有