简明现代魔法 -> web设计理念 -> Canvas版的Google吉它模拟

Canvas版的Google吉它模拟

2011-06-11

这个吉它效果是使用HTML5 Canvas编写的,如果你的浏览器不支持HTML5,那么就看不到这个演示效果了。

主要以简要为主,所以可能看起来会比较简陋,没有原版的写的这么有深度,不过保证是你能看的懂的代码。仿的不是很好,主要原因在于琴弦的张度和弹性的函数变化,网上搜索了下公式,可能是欠阻尼方程。但基本功能还是有了。

IE 懒的自己写兼容了,所以直接用了谷歌的 excanvas.js, 一个IE下canvas的兼容脚本,效果就不谈了。

效果演示

具体代码还是蛮长的,如果有兴趣的话可以查看本页源代码获得。反正前端代码都是可以看的。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们