8个惊艳的JavaScript WebGL 应用实验 - 代码交流

文章推薦指數: 80 %
投票人數:10人

WebGL可以为HTML5 Canvas 提供硬件3D加速渲染,这样Web 开发人员就可以借助系统 ... 一个美丽的水族馆,此实验演示了高品质的纹理,场景动画,反射,折射的3D模型。

WebGL是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过WebGL的技术,只需要编写网页代码即可实现3D图像的展示。

WebGL可以为HTML5Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。

今天,本文向大家展示8个惊艳的 WebGL应用实验。

TankWorld 使用WebGL技术开发的一款坦克射击游戏。

Clouds 结合Javascript和WebGL技术模拟立体的云层效果。

HelloRacer™WebGL WebGL实现的一辆很帅的高仿真汽车。

WebGLAquarium 一个美丽的水族馆,此实验演示了高品质的纹理,场景动画,反射,折射的3D模型。

FractalLab 这个WebGL示例实验探索和呈现3D分形(fractals)。

Chrysaora 这个WebGL实验实现绘制水母形态。

VisualRandom 演示随机下降的彩色立方体。

SintelGoesBoom 演示三维视频纹理效果。

(编译来源:梦想天空 原文来自:8StunningJavascriptWebGLdemonstrations)完8个惊艳的JavaScriptWebGL应用实验8个惊艳的JavascriptWebGL示例未来的Web:九个不可思议的WebGL应用试验9个很酷的基于CSS3和JavaScript实现的效果Web3D与X3D技术探讨前端之美:9个很酷的基于CSS3和JavaScript实现的效果未来的Web:让你惊叹的Chrome浏览器实验项目Web前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十五】webGL总结惊艳!9个不可思议的HTML5Canvas应用试验【Web前沿】CSS3在网页设计中的20佳惊艳应用使用HTML5可以做的五件很棒的事情20个不可思议的WebGL示例和演示CodePen作品秀:Canvas粒子效果文本动画FingerprintJS-在浏览器端实现指纹识别WebGL简介Web前端开发人员和设计师必读文章推荐【系列一】推荐15款创建漂亮幻灯片的jQuery插件20款美化网站的jQueryLightbox灯箱插件文章目录加载话题列表网站架构负载均衡面试大数据机器学习BootstrapPython编码性能优化算法TypeScriptAndroidIOSGOGIT云计算NettySwiftJavascript内核VSCodeRustUnityPyTorchAnacondaSparkMongoDBRabbitMQ程序与内存



請為這篇文章評分?