查看: 83|回复: 0
收起左侧

在浏览器上实现丰富的3D表达!WebGL最新趋势

[复制链接]
发表于 2019-5-24 15:13:56 | 显示全部楼层 |阅读模式

马上注册,下载海量CG资源,结交各路大神,加入CG拓扑网!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x



自进入HTML5时代以来,使用3DCG的Web内容已经司空见惯。“WebGL”是一种仅使用浏览器进行3D渲染的技术,无需插件,近年来,更加复杂的丰富3D表达成为可能。在这里,我们将介绍最新的服务,可以用WebGL做些什么。

严肃的WebGL时代到来了!
不要错过这个潮流
近年来,消费者游戏用大量利用丰富的3DCG的被释放从家里许多国内外,3D表现也是在手机游戏正变得司空见惯。Oculus Rift以和HTC万岁和将要陆续公布,如最新的iOS·Android机如板载AR功能的标准,3DCG阶段变得不再蔓延超越现有的方式VR设备。
从2010年站上半年,3D终于也扩展到了网络世界。3DCG可以在Web浏览器技术,使人们有可能是“WebGL的”显示。你每天都在使用以某种方式如果一个人处理3DCG 3D标准的OpenGL,一个标准,它是在Web浏览器中运行。标准组织Khronos工作组(克罗诺斯集团继KG),其中包括超过100家公司,公司正在执行的OpenGL标准的开发,这WebGL的。Adobe的目标是一度传出,现在,Flash,这已经引起了业界的支持迅速失速智能手机普及率的机会,WebGL的进化将不再是一个夸张地说,网络代表未来的可能性很。现在,更多的确实90%的Web浏览器的世界的一个支持WebGL 1.0,已成为各种图像表现和动态内容是充分利用3D的可以在Web世界中实现。
WebGL 1.0正是基于OpenGL ES 2.0,OpenGL ES 2.0是OpenGL嵌入式设备的子集标准。在之前的旧3D标准中,可以仅在GPU具有的有限固定功能的范围内绘制和表示。但是,从这一代3D标准开始,程序员可以编写要在称为着色器的GPU上执行的程序,并提供这些3D API,从而实现更多功能的3D表示。
从下一节开始,我想举例说明充分利用WebGL的特色服务,这些服务近年来在日本和海外陆续出现。
主题1 WebGL开发和技术规范
通用格式“glTF”极大地促进了WebGL的传播
KG发布了基于OpenGL ES 3.0的增强版WebGL 2.0。主流浏览器已于2017年开始支持它,但据称WebGL 2.0具有大致的PlayStation 3性能。与很久以前的最新游戏相媲美的视觉表达将在Web浏览器上实现。
但是,显示3D内容还需要与Web高度兼容的3D文件格式。现有的通用格式COLLADA和FBX不适合Web,因为它们的规格是多余的。因此,KG制定了一种称为“glTF”(GL传输格式)的格式。glTF不依赖于特定的公司或工具,其规格可在GitHub上获得,因此任何人都可以使用它。支持的功能也是多种多样的,例如PBR(基于物理的渲染),蒙皮动画和变形目标(Maya中的混合形状)。
这些技术对Web3D至关重要,但对这些技术的直接编程需要非常先进的技术。矢量,矩阵......网络工程师经常被问及不熟悉的背景。然而,对Web3D的潜在需求很强,并且出现了许多抽象WebGL并使其更易于处理的库。使用这些可以相对容易地实现诸如PBR和物理模拟的高级表达。然而,这些现有的许多图书馆仍然在深入思考CG技术的世界,即使有了这些,仍有许多人仍然难以学习WebGL。也有人试图改变这种情况。
它是国内开源的Grimoire.js库,填补了Web开发人员和CG开发人员之间的空白,并为两者提供了易于使用的方法。特征是可以基于HTML等“标签”构建3D场景,支持PBR和glTF的开发者由经济产业省下属的信息处理促进机制支持,作为未开发的项目。这是四名日本大学生。WebGL不再是只有一些人使用的专业技术。它已经发展到可以实际使用的程度。
OpenGL / WebGL的谱系



OpenGL是WebGL的原型,它是IRIS GL的开放版本,IRIS GL是由前CG公司SGI创建的内部3D API,用于提高可移植性并将其用于任何公司。我们添加了版本更新的功能,但是不可能为CG表达式的多样化添加静态功能,并且自从OpenGL 2.0以来我们通过使用着色器语言获得软件灵活性来应对它。随着移动市场的蓬勃发展,制定了轻量级子集标准OpenGL ES。WebGL基于其OpenGL ES
WebGL渲染管道



GPU的处理分为多个步骤,其中数据像管道一样传播并改变形状。WebGL也是一个考虑其GPU处理步骤的规范。顶点着色器和片段着色器(也称为像素着色器)进程允许任何程序员执行他们想要的任何操作。今天,由于WebGL的着色器功能,Web上可以进行大量的3D表示。在WebGL 2.0中,该处理流程已经部分改进,以实现更多功能的处理
一个框架“Grimoire.js”,作为CG和Web工程师之间的桥梁

Grimoire.js官方网站。提供了一些简单的例子以及该框架的概念



显示glTF的样本。模型的显示以非常接近传统网络开发的形式提供,例如图像插入



像Ray Marching这样的高级表达式可以使用Grimoire.js在Web上轻松发布



调试工具。它以常规Web开发人员工具的形式提供,作为Chrome扩展


主题2“Sketchfab”和“PlayCanvas”
投资组合服务“Sketchfab”和云型游戏引擎“PlayCanvas”,可实现游戏开发和发布
虽然使用WebGL的服务在日本和国外陆续出现,但“Sketchfab”正在快速增长,足以压倒其他人。这是一项专注于3DCG的服务,pixiv是日本流行的插图通信服务,不仅可以将自己的作品作为一个组合分享,同时将其嵌入到博客或SNS中,但它也可以将Pro版本用作私有模式您可以发布或使用VR将您自己的模型检查为VR。它支持骨骼动画,不仅纯粹地展示了模型,而且还是一个出色的编辑器,可以通过一个非常通用的编辑工具使模型具有吸引力。对于每个文件最大容量为200 MB的Pro许可证,每月收费10美元;对于具有查看器自定义和广泛支持的Business许可证,收费为29美元,每个文件的最大文件数量增加到500 MB。我们鼓励3D艺术家尝试一下,因为它邀请了朋友,并通过Pro许可证免费提供限时优惠。


想了解更多关于游戏模型设计的内容吗?




上一篇:“僕は存在していなかった”-22/7-CG音乐视频制作
下一篇:飞行粒子和爆炸!Soundcornizer与PopcornFX
回复

举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Tutorials本版精华

Hottest最热帖子

Trading精品推荐

Copyright   ©2011-2016  CGtop.com  Powered by©CG拓扑网  :   蜀ICP备14022215号