我試圖建立一個Web應用程序(如僅使用現代瀏覽器的一個個人項目),將充分利用http://www.blackoutrugby.com API。這是一款在線橄欖球管理模擬遊戲。其目的是爲用戶提供一些強大的功能,根據球隊和對手當前的統計數據計算出最佳球隊,同時讓我有機會熟悉新科技。該API返回XML,但我一直在翻譯這個JSON,因爲我認爲這是一個更好的格式來處理。
我想要在用戶界面上有一個拖放界面,以便他們可以自定義將在http://www.rygbirhuthun.com/images/site_images/pitch_players.gif之類的背景上佈局的團隊,該團隊將顯示比玩家數量(年齡,國籍,最佳位置,個人資料圖片等)。這將是一個像棒球卡孩子們收集的球員卡對象。這些卡片可以作爲播放器對象在應用程序中拖動。我知道畫布,SVG和CSS3過渡/動畫。
這些技術組合或其他我錯過的技術組合對於像這樣的項目會有效嗎?
上一邊我已經建立在.net中的原型,以獲得API響應,並從XML @http://github.com/denishoctor/BlackoutRugby.API.POC它翻譯成JSON。我正在編寫一個用於數據存儲的python Google App Engine工具。如果有人有興趣參與,請與我們聯繫。
感謝, 丹尼斯
是的,我應該提到的,但我不確定,因爲像http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html這樣的東西。然後我碰到http://stackoverflow.com/questions/2856262/detecting-html5-drag-and-drop-support-in-javascript,並在FF和Chrome中使用http://jsfiddle.net/cDmVF/,但工作,但在IE中它返回false。考慮到API基於自5.5版本以來在IE中的某些東西,我對此有點困惑。 – 2010-07-18 09:02:34
除此之外,唯一的其他相關技術可能是客戶端數據庫。不幸的是,這個規範是「擱置」的,實現處於不確定狀態。有兩種競爭模型:SQL和鍵值對,我不確定哪種瀏覽器支持哪種模型,何時支持。對於這些事情,我一直在使用http://caniuse.com/,這是一個很好的資源,用於瞭解何時可以使用哪些技術。目前通過sessionStorage和localStorage支持KVP。他們可能對你有用。 – 2010-07-18 22:17:13