8个惊艳的JavaScript WebGL 应用实验 - 代码交流
文章推薦指數: 80 %
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程序与内存
延伸文章資訊
- 1電腦王雜誌- 你的手機養30000條魚的時候,剩多少fps? | Facebook
WebGL 水族館用瀏覽器養魚,你的手機能養幾條? 最近在手機的測試上,就很流行「你的手機能養幾條魚」,透過虛擬的3D 水族館來看看瀏覽器運行WebGL 的效能是如何。
- 2分享一個養魚網站3D測試效能用的 - Mobile01
- 3不用安裝軟體也能用網頁測顯卡?WebGL 水族館用瀏覽器養魚
任何人只要有瀏覽器,就能進入WebGL 3D 水族館. 一開始要先正名一下。與其說是測顯示卡,「測試瀏覽器的GPU 操作能力及能使用的GPU 效能」會來得更 ...
- 48个惊艳的JavaScript WebGL 应用实验 - 代码交流
WebGL可以为HTML5 Canvas 提供硬件3D加速渲染,这样Web 开发人员就可以借助系统 ... 一个美丽的水族馆,此实验演示了高品质的纹理,场景动画,反射,折射的3D模型。
- 5各位海王出發吧-WebGL 3D 水族館-看看你的手机性能如何
WebGL 3D 水族館http://webglsamples.org/aquarium/aquarium.html 大家可以 ...