8个效果惊人的WebGL/JS演示

开发 前端
WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等。本文将为你带来8个效果惊人的WebGL效果。

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打印的细胞模型。

原文链接:9 IMPRESSIVE WEBGL JAVASCRIPT EFFECT SHOWCASE

【编辑推荐】

  1. JavaScript制作新浪网易的评论块
  2. 大部分人没用过的JS页面模板化
  3. 网易邮箱前端JavaScript编码规范
  4. JavaScript提升网页加载速度
  5. 看JavaScript如何实现页面自适
责任编辑:张伟 来源: iTeye
相关推荐

2011-06-29 13:22:58

CSS3

2010-09-02 09:26:04

FlashAndroid

2020-12-24 07:02:07

CSS框架

2014-09-28 14:03:18

Cocos 2d-JSIOS

2017-12-26 17:42:12

前端WebGLThree.js

2019-07-10 05:47:37

GAN无监督表征学习机器学习

2011-03-18 09:56:19

JavaScript

2020-03-10 08:55:50

PandasNumPy函数

2017-05-08 11:41:37

WebGLThree.js

2012-03-05 20:11:37

iPad3

2016-10-11 13:48:41

WebGLJavascriptWeb

2012-01-06 13:33:02

Windows 8Metro

2013-07-31 15:06:58

未来的WebWebGLWeb

2013-09-02 09:23:25

Win XPWin 8

2016-06-01 09:19:08

开发3D游戏

2022-09-13 11:11:45

物联网农业

2018-01-08 08:30:02

云计算SaaS混合云

2012-10-10 10:22:57

JavaScriptJSjQuery

2022-07-14 16:27:11

边缘计算智慧城市应用

2017-03-06 16:45:36

Linux命令动画演示
点赞
收藏

51CTO技术栈公众号