我正在开始一个新项目,将物理模拟(在Adobe Director中创建)转换为更现代的平台,即html5画布或SVG。出于一些原因,我想避免使用Flash。我正在寻找建议,以及为什么canvas或SVG最适合这个项目的原因。我已经了解到,SVG更适合互动,这在这种情况下很重要,但它并不是最擅长动画。Canvas更适合动画,但据说它的交互性比较困难。有没有人有canvas交互方面的经验,它真的那么难吗?请建议。谢谢
我正在开始一个新项目,将物理模拟(在Adobe Director中创建)转换为更现代的平台,即html5画布或SVG。出于一些原因,我想避免使用Flash。我正在寻找建议,以及为什么canvas或SVG最适合这个项目的原因。我已经了解到,SVG更适合互动,这在这种情况下很重要,但它并不是最擅长动画。Canvas更适合动画,但据说它的交互性比较困难。有没有人有canvas交互方面的经验,它真的那么难吗?请建议。谢谢
关于画布框架和库的讨论,请参见以下问题:
HTML画布JavaScript库和框架的最新技术现状是什么?
列出的一些画布库在对象交互方面与SVG相当。其中fabric.js看起来特别不错,目前正在积极开发中。
Canvas中的交互并不一定很难(有很多JS库可以帮助你)。而在SVG中进行动画制作也是完全可行的,例如可以参考svg-wow.org。请记住,您可以根据需要混合使用SVG和Canvas,以利用这两种技术的优势,如此处所示here。