哪个框架(Jquery, Dojo, Raphael)更适合在教育类电子游戏中实现SVG ?
Which framework (Jquery, Dojo, Raphael) is better for implementing SVG on an Educative Video Game?
我即将开始开发一款教育电子游戏。我决定这样做,我可以很容易地打包为Web,手机,也许,独立版本。
我不想用Flash。所以我确信(我会听取建议)使用JavaScript和SVG。
我一直在做很多关于这个主题的研究,但是我很难把这些碎片拼凑在一起。我知道Raphaels看起来简单直接,而Jquery和Dojo可能更复杂,但功能更强大。是否有可能将不同的框架结合起来?我不介意复杂性,我想要尽可能少的限制我需要的框架涵盖以下几点:
- 处理高度交互的界面
- 可以编写可重用的代码(我想用相同的骨架制作不同的版本) <
- 足够的文档/gh>
- 可以扩展到与社交网络交互
- 可以生成与事件相关的统计信息
- 与其他框架的兼容性
我还想知道混合使用不同的框架是否可取。
我愿意接受各种各样的建议。我也开始学习Python,所以我很高兴有一个专家的意见,是否建议或不使用JavaScript与SVG,或者是否值得使用更复杂的语言在这个目的。谢谢! !
编辑
直到现在我决定不使用Jquery。由于我需要可重用的代码,我将利用JavaScript的面向对象特性,而且mootools似乎在这方面做得更好(http://jqueryvsmootools.com/index.html)。为了管理SVG,我将尝试使用Raphael。有同时使用这些框架的经验吗?
我不建议您马上决定使用哪个平台。我做了几个项目,而以前使用JavaScript的游戏,有几个选项。
- SVG
- HTMLCanvas Flash
- WebGL
你将需要一个JavaScript框架,你可以很容易地在这些选项之间切换,但不要剧烈地改变代码。我建议Three.js
在你下载它之前,你可以阅读一些关于它的文章,例如这篇
相信我,如果你想要这种类型的应用程序的可重用性忘记jQuery,尽管它可以用于UI目的
—EDIT—
我刚记得另一个框架的RenderEngine源代码是在github
问题真多混合使用多个库并不是一个好主意,因为最终会占用大量的js库我考虑了一些相关的技术,但只有一种适合我
也许你会在这里找到其他答案http://irunmywebsite.com/raphael/additionalraphael.php
Android下对SVG的支持比较复杂。我最近在研究这个问题,发现Android版本<3.0在默认WebKit中不支持SVG: Android Issue 1376, Android Issue 4695
这意味着任何基于SVG的库(例如Raphael)都不能在默认的Android浏览器中工作。根据上面的第二个链接(第4695期),它似乎将在3.0+中可用。
Opera和Android版本的Firefox都支持SVG,所以你可以研究一下要求Android用户下载浏览器是否可以接受。
如果您打算通过PhoneGap打包和分发,也许可以在那里构建具有SVG支持的WebKit -这确实在我熟悉的领域之外冒险,但http://jindroid.com/2010/02/15/svg-support-on-android-webkit/可能是一个起点。
我正在调查Dojo的dojox。它提供了跨SVG、VML、Silverlight和Canvas的抽象。Canvas 被Android WebKit的发布版本所支持。
免责声明:我还没有在任何Android模拟器或设备上尝试过这些,只是想分享一下我所读到的,希望你不要在不支持的道路上走得太远:)
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何使用javascript从主svg对象动态创建svg视图框
- 如何更改<svg>标记为<img>用js标记
- 锚点元素不't使用svg时,请打开EDGE上的href
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 使用onclick绘制SVG路径
- SVG/JavaScript:尝试选择和更改多边形点
- 顺时针旋转Svg元件
- 禁用SVG拖动
- 在select元素中显示highchart dashstyle(svg)
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- 缩放Raphael/SVG容器以适应所有内容
- JavaScript-动态SVG-onload属性-未触发事件
- 设置动画时,SVG/Raphael大圆圈会变形
- 使用SVG和JavaScript创建波浪动画
- Canvas+svg路径动画,在路径中的特定点暂停一段时间,然后继续
- D3.js生成有效的SVG,但不显示任何内容
- SVG xml to image
- 如何自动保存动态生成的HTML SVG元素
- 哪个框架(Jquery, Dojo, Raphael)更适合在教育类电子游戏中实现SVG ?