【转】8 个效果惊人的 WebGL/JavaScript 演示

英文原文：9 IMPRESSIVE WEBGL JAVASCRIPT EFFECT SHOWCASE，翻译：iteye

WebGL 是一种 3D 绘图标准，这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起，为 HTML5 Canvas 提供硬件 3D 加速渲染。WebGL 技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂 3D 结构的网站页面，甚至可以用来设计 3D 网页游戏等。

本文将为你带来 8 个效果惊人的 WebGL 效果，你可以在最新的 Chrome 浏览器中查看。

1. Supershape.js

supershape.js 让你可以在浏览器中试验 3D superformula。Superformula 是一个通用的几何变形公式，涵盖了大量在自然界中发现的几何形状。在 supershape.js 中，除了公式参数外，你还可以选择不同的材料，并设置灯光。

2. HolyMania

在一个扭曲的隧道中，你需要控制一个球，且不能碰到隧道的边缘。看看你的最好成绩是多少。

3. Cube

基于 WebGL 构建，你可以在一个立方体的纽约、东京和其他城市地图上旅游。

4. Cloth Simulation

基于 WebGL、GPU 加速的布料模拟程序。

5. Reactive Ball

一个具有金属质感的球。这是关于光线、液态、环境地图的试验。

6. Lorenz Attractor

这不仅是堆积随机点，而是呈现出洛伦茨吸引子（洛伦茨振子的长期行为对应的分形结构）。

7. Swiss Addresses in 3D

使用 WebGL，以 3D 形式呈现出 370 万瑞士人口的分布图。

8. Cell Cycle

Cell Cycle 是一个用来进行 webGL 设计的应用，用于创建可 3D 打印的细胞模型。

原文链接：http://blog.jobbole.com/20427/

转载于:https://www.cnblogs.com/dwf07223/p/3284905.html

【转】8 个效果惊人的 WebGL/JavaScript 演示相关推荐

CSDN开发者周刊第 20 期：Google 下一代操作系统 Fuchsia 源码正式公开；AI 消除马赛克效果惊人
CSDN开发者周刊:只为传递"有趣/有用"的开发者内容,点击 Star(CodeChina)! 本周热门项目 1.红帽停止维护 CentOS 8,创始人另起炉灶 12 月 8 日, ...
自定义动画属性java_创建酷炫动画效果的10个JavaScript库
原标题:创建酷炫动画效果的10个JavaScript库 1) Dynamics.jsDynamics.js是设计基于物理规律的动画的重要Java库.它可以赋予生命给所有包含CSS 和SVG属性的DOM ...
40个html作品,40个效果惊人的单页设计
单页网站是一个越来越火的设计趋势,尽管它不能成为主流,不过已经有很多设计师注意到这种设计风格,今天我们收集了40个风格迥异.效果惊人的单页网站,对这类型感兴趣的同学可以学习一下,希望给你带来灵感. V ...
百度宣布AI同传最新突破！能预测，低延时，演示效果惊人，外媒称媲美人类翻译...
夏乙栗子乾明一璞发自三区五地量子位报道 | 公众号 QbitAI 同传AI,刚刚在国内掀起过暴风骤雨. 但现在,百度于硅谷宣布了最新重大突破--一个名为STACL的同传AI,论文结果优 ...
无需在数据集上学习和预训练，这种图像修复新方法效果惊人 | 论文
林鳞编译自 Github 量子位出品 | 公众号 QbitAI Reddit上又炸了,原因是一个无需在数据集上学习和预训练就可以超分辨率.修补和去噪的方法:Deep image prior. 帖子 ...
这是html5中WebGL的演示
这是html5中WebGL的演示,让我们与他人分享爱您发送短消息.每次你进入它使用不同的位置,新的爱情点被添加到全球.让世界更明亮的地方与你的朋友分享! 源文件: 部分代码: <!DOCTYPE ...
JavaScript:演示Ajax的get和post请求，练习选顶卡和换肤案例
JavaScript:演示Ajax的get和post请求,练习选顶卡和换肤案例 Ajax 异步请求特别提示: 异步请求不要使用live server插件,必须创建一个本地服务器环境同步与异步以前 ...
php实现页面雪花效果,JavaScript_使用javascript实现雪花飘落的效果，看了javascript网页特效实例大全 - phpStudy...
使用javascript实现雪花飘落的效果看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈 ...
html 中一个格子拆分成两个_一个效果惊人的数字游戏
安爸曾多次讲过数学推理能力对孩子成长的重要性,听到有位家长说自己用扔骰子的方法教孩子数学等式.步骤大致是扔骰子时,如果骰子是3,就在棋盘上从0出发走3步,并且写出0+3=3的加法等式.扔到负数就后退, ...

【转】8 个效果惊人的 WebGL/JavaScript 演示

【转】8 个效果惊人的 WebGL/JavaScript 演示相关推荐

最新文章

热门文章