WebGL + HTML5 = ?

发布时间:2024-12-10 19:37

HTML5和CSS3的响应式布局 #生活知识# #编程教程#

最新推荐文章于 2024-08-14 14:55:18 发布

DrHSZhao 于 2010-12-30 16:46:00 发布

之前学过一阵子javascript,那个时候天真的想,用这个语言来写个游戏引擎,用在网页上,那个时候清一色的Flash网页游戏将通通被颠覆。

现在,当HTML5+WebGL 出来,我发现这将是个转折点。突破网页游戏的瓶颈,一但网页游戏能够带来客户端那般3D体验,哪怕现在还很丑陋,但是将是场变革。

还有一个就是手机上网游的支持。

简介:

WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript 和OpenGL ES 2.0 结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas 提供硬件3D加速渲染 ,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。

OpenGL相信大家已经和熟悉了,受硬件限制,非PC端的很多还是要它做图像处理。


来一个实例,网页3D版CS ,请用chrome 6.0 等支持HTML5的浏览器打开。不要再用IE了,原因略去。

http://www.benjoffe.com/code/demos/canvascape/textures

再来一个,3D的俄罗斯方块

http://www.benjoffe.com/code/games/torus/?

当然这些都是牛刀小试,google的开发者利 用HTML5 在网页上完美运行了3D FPS游戏Quake2,技术人员利用HTML5 Canvas、WebGL 3DGraphics、HTML5 WebSockets等特性开发出了一个强大的跨平台游戏,并且在一台笔记本上用浏览器运行了依附该平台的游戏Quake2,运行时帧速高达60FPS, 而且从公布的视频画面和音效质量看来,HTML5的性能被Google发挥得淋漓尽致。

http://pcedu.pconline.com.cn/softnews/dongtai/1004/2091196.html

现在,基于这些的技术的网页游戏引擎,谁会是第一个?国内,国外?

当然还有一个限制因素,就是网速,

不要沉湎于旧时的成功,SNS也好,QQ也好,PC网游也好,重新复制别人的成功么,多复制几遍,呵呵,继续复制好了。

一打开浏览器就能玩3D游戏的时代,Are you ready?

网址:WebGL + HTML5 = ? https://www.yuejiaxmz.com/news/view/436440

相关内容

WebGL(1.0)API
浅谈移动网络中HTML5的应用前景
HTML5+CSS宠物网站设计
玩转HTML5移动页面(优化篇)
前端HTML5自动化工具你了解指南.pdf
Canvas绘图小结
充实的学习生活从千锋深圳HTML5培训开始
玩转HTML5 Video视频WebVTT字幕使用样式与制作 « 张鑫旭
Html5与Css3布局、盒模型(七)
HTML5 + CSS制作一个网络照片墙

随便看看