qbq 发表于 2011-12-21 08:44

九个难以置信的HTML5和JavaScript实验

Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript
的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript
能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。
<p>  <strong>1</strong>.<strong>Untangle</strong></p><div align="center"><div style="width: 400px; height: 240px;" class="mbArticleSharePic             "><div class="mbArticleShareBtn"><span><br></span></div><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/123/92/757/49247508.jpg" border="1"></div></div><div align="center"><font style="font-size: 12px;">拖动蓝点,让所有线都不相交,看看你多久能解开? :)</font></div><br>  <strong>2.Z Type</strong><div style="width: 400px; height: 240px;" class="mbArticleSharePic      "><div class="mbArticleShareBtn"><span><br></span></div><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/124/92/757/49247509.jpg" border="1"></div><br>  一款太空射击游戏,基于ImpactJS游戏库开发。
<p>  <strong>3.Cube Out</strong></p><div align="center"><div style="width: 400px; height: 240px;" class="mbArticleSharePic   "><div class="mbArticleShareBtn"><span><br></span></div><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/125/92/757/49247510.jpg" border="1"></div></div><br>  模仿经典的益智游戏Blockout(三维俄罗斯方块),移动和旋转方块填补空白,完成一层后会自动消隐。
<p>  <strong>4.Bounce</strong></p><div style="width: 400px; height: 240px;" class="mbArticleSharePic   "><div class="mbArticleShareBtn"><span><br></span></div><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/126/92/757/49247511.jpg" border="1"></div><br>  一款javascript游戏,点击和控制蓝色的盒子,让黄色的点击不要碰到红色的点。
<p>  <strong>5.Sketch 3D</strong></p><div align="center"><div style="width: 400px; height: 240px;" class="mbArticleSharePic   "><div class="mbArticleShareBtn"><span><br></span></div><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/127/92/757/49247512.jpg" border="1"></div></div><br>  一款非常棒的素描工具,这里可看别人的作品。
<p>  <strong>6. Conductor</strong></p><div style="width: 400px; height: 240px;" class="mbArticleSharePic   "><div class="mbArticleShareBtn"><br></div><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/128/92/757/49247513.jpg" border="1"></div><br>  转换纽约地铁系统为一个互动的弦乐器,使用真实的地铁时刻表来模拟。
<p>  <strong>7.Bacterium</strong></p><div align="center"><div style="width: 400px; height: 240px;" class="mbArticleSharePic   "><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/129/92/757/49247514.jpg" border="1"></div></div><br>  模仿水族馆,您可以创建丰富多彩,充满活力的运动模式。
<p>  <strong>8. Ultra Neuron Pong</strong></p><div style="width: 400px; height: 240px;" class="mbArticleSharePic   "><div class="mbArticleShareBtn"><span><br></span></div><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/130/92/757/49247515.jpg" border="1"></div><br>  这是模仿经典的Pong游戏开发的一款基于HTML5技术的游戏。
<p>  <strong>9.</strong><strong>Tank World</strong></p><div align="center"><div style="width: 400px; height: 240px;" class="mbArticleSharePic      "><div class="mbArticleShareBtn"><span><br></span></div><img name="MM" alt="九个难以置信的HTML5和.实验" src="http://img1.gtimg.com/hb/pics/hv1/131/92/757/49247516.jpg" border="1"></div></div><br>  一款让人惊叹的三维射击游戏。
<p>  </p>
页: [1]
查看完整版本: 九个难以置信的HTML5和JavaScript实验