我開始了一個新項目,將物理模擬(在Adobe Director中創建) 轉換爲更新的平臺,即html5 canvas或SVG。我想避免Flash有幾個原因。我在尋找建議和原因,爲什麼canvas或SVG最適合這個項目。我已經讀過SVG更適合交互性,在這種情況下它很重要,但它不是動畫的最佳選擇。畫布在動畫上更好,但它與交互作用掙扎,所以我聽說過。有沒有人有與畫布交互方面的經驗,難道真的那麼難嗎?請指教。謝謝您將使用哪種技術來進行物理仿真SVG或Canvas?
3
A
回答
1
帆布框架和庫的討論,見這個問題:
What is the current state of the art in HTML canvas JavaScript libraries and frameworks?
一些在對象的交互方面列出重複SVG到一個相當高的標準畫布庫。 fabric.js看起來特別好,目前正在積極開發。
+1
感謝您指導我走向fabric.js,看起來完全像我所需要的。 – tstrokes 2010-09-17 14:30:09
1
畫布中的交互不一定非常困難(有相當多的js庫可以幫助你)。而且svg中的動畫完全可以做到,例如參見svg-wow.org。請記住,您可以按照您認爲合適的方式混合搭配svg和帆布,以便充分利用這些技術的優勢,如演示here。
+0
任何方向或用於在畫布中進行交互的庫的示例? – tstrokes 2010-09-16 16:52:14
相關問題
- 1. 您可以使用哪些技術來分析您的代碼
- 2. 您使用哪些技術來最大化代碼重用?
- 3. Android上使用哪種webservice技術?
- 4. apache php使用哪種緩存技術
- 5. 2048使用哪種渲染技術?
- 6. GMail使用哪種前端技術?
- 7. 哪種技術更高效?
- 8. 哪種技術更好?
- 9. 哪種報告技術?
- 10. 哪種技術在這三種技術中速度會很快?
- 11. Java併發 - 使用哪種技術來實現安全?
- 12. 我應該使用哪種SCM技術? Subversion或Git?
- 13. 應該使用哪種模式或技術來生成事件報告?
- 14. 哪種搜索技術可用於ASP.NET?
- 15. 您應該何時堅持使用新技術進行培訓?
- 16. 我應該使用什麼策略/技術來進行這種複製?
- 17. C/C++程序的API。哪種技術?
- 18. 使用Optisystem軟件進行仿真
- 19. 使用Java進行LAN仿真?
- 20. 您使用什麼來源的信息/視頻來學習使用C#進行web開發的新技術?
- 21. 使用哪種技術製作YouTube,如應用程序
- 22. 我應該使用哪種技術來創建新應用程序?
- 23. SVG或Canvas!哪個更適合圖表?
- 24. 2種將文件包含在Python發行版中的技術:哪種更好?
- 25. 設計Web應用時應使用哪種技術 - HTML5 + CSS3或HTML4 + CSS2?
- 26. 如何使用Docker(或Linux容器)進行網絡仿真?
- 27. 使用並行處理技術來產生UNIX
- 28. 面向GlassFish 2.1和NetBeans 6.7使用哪種技術?
- 29. 新的.NET 3.5項目:使用哪種DAL技術?
- 30. Technorati使用哪種語言/技術/框架?
我知道Box2D畫布引擎被移植到Javascript/canvas。可能是你想要查看的東西。 http://box2d-js.sourceforge.net/ – dave 2010-09-15 15:54:26
另外https://developer.mozilla.org/en/Canvas_tutorial – dave 2010-09-15 15:55:48
這只是一個意見:如果我在爲網絡做物理模擬,我會用一些東西交給胖客戶端,這樣我可以稍後獲得更多的靈活性,比如Java applet。如果涉及3D,我已經看到在瀏覽器中託管xaml的整齊演示。我可以問問,如果這些現在在網上?我只是好奇。 – 2010-09-15 15:58:01