4款基于html5 canvas充满想象力的重力特效

时间:2022-02-03 07:39:18

今天给大家分享4个物理和重力实验,用来展示 html canvas 的强大。几年前,所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中,就个人而言,我比较喜欢仿真布料的那个,我简直不敢相信它是使用html canvas 做出来的。效果图如下:

4款基于html5 canvas充满想象力的重力特效

在线预览   源码下载

主页面代码:

  <iframe scrolling="no" frameborder="0" width="800px;" height="535px" src="examples/shapes.html">
</iframe>
<br />
<br />
<iframe scrolling="no" frameborder="0" width="800px;" height="535px" src="examples/tree.html">
</iframe>
<br />
<br />
<iframe scrolling="no" frameborder="0" width="800px;" height="535px" src="examples/cloth.html">
</iframe>
<br />
<br />
<iframe scrolling="no" frameborder="0" width="800px;" height="535px" src="examples/spiderweb.html">
</iframe>

详细代码可下载源码来看。

via:http://www.w2bc.com/Article/27270