10个绝对让你疯狂的HTML5和JS实验性展示
openkk 13年前
<div id="OSChina_News_27325" class="NewsContent TextContent NewsType2"> <div id="pagebody"> <p>看看今天我们收集的绝对让你疯狂的HTML5和JS实验展示，这些演示验证了各种框架和超酷互动的性能。大多数的演示都能在Google Chrome和Firefox里流畅的运行，当然IE5并不支持这些演示。</p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334947974853658" target="_blank">1. Canvas Sphere </a></h2> <p>由Emil Korngold渲染的一个超酷的3D点装球体实现的2D投影，使用一个非常迷你的3D引擎。这个演示使用z-sorting和alpha motion模糊方式来生成3D旋转感受。看看这个超酷的演示吧！</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/255e0dbb276177346392a6849200ceb2.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334948774783782" target="_blank">2. Marbles</a></h2> <p>简单的物理演示，使用新发布的A3 WebGL引擎。请确认你使用Chrome来查看演示，超酷！</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/8985038ebef425a15245863acfdb0e02.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334949578217677" target="_blank">3. Noise Field</a></h2> <p>通过Perlin noise生成的离子轨道特效。移动鼠标来修改颗粒移动行为。点击会生成随机参数。</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/1455f0b2e33f64842c135b25950f51e7.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334950376707280" target="_blank">4. Fishbowl</a></h2> <p>一个超赞的HTML5测试用演示，由微软开发创建用来测试浏览器的性能。看看你最多能运行多少条鱼吧。</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/612544458dc105252fbe7affaed4fd0b.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958200859053112366" target="_blank">5. Sticky Thing</a></h2> <p>丢过去看看是否被粘住了</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/ab0c435f863dd4f31fc114b1a4259309.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334951895648731" target="_blank">6. Breathing Galaxies</a></h2> <p>一个动态变化颜色和直径的javascript实现的内转轨迹线演示。你可以使用键盘来修改形状，或者移动鼠标来创建一个新的形状。</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/8a66285cad68490f9075a87119082784.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334952694177580" target="_blank">7. Flower Power</a></h2> <p>另外一个非常不错的实验 - 简单的画图工具，使用花朵来作为笔刷并且使用贝塞尔曲线</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/9ea75baccdcbdea56f933add4d62eb4d.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334953483571410" target="_blank">8. One Hour Per Second</a></h2> <p>现在油Tube每秒钟会上传1小时的视频。为了更好的说明，他们开发了一个HTML5网站来进行拥有上下文的数字比较。大家看看吧！超酷！</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/09b74278f46437ac55a5497800d5da66.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334954289098297" target="_blank">9. Asteroid Belt</a></h2> <p>图片上的HTML5动画效果</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/d011577df1beabf54e725f48e15ba5ab.jpg" width="520" height="134" /></p> <h2><a title="gbin1.com" href="/misc/goto?guid=4958334955074770951" target="_blank">10. Graph Layout</a></h2> <p>一个互动的强迫式图片布局</p> <p><img alt="10个绝对让你疯狂的HTML5和JS实验性展示" src="https://simg.open-open.com/show/59d8c11907d6b6c891e8b2d0bec1caba.jpg" width="520" height="134" /></p> <p>via jquery4u</p> <p>来源：<a href="/misc/goto?guid=4958334955875903046">10个绝对让你疯狂的HTML5和JS实验性展示</a></p> </div> </div>