如何構建HTML5遊戲

我的任務是爲使用HTML5的非營利組織的6至10歲兒童構建教育遊戲。我已經使用HTML5/CSS3/jQuery來構建新網站，但沒有建立遊戲的經驗。這個項目將在大約2個月內完成。如何構建HTML5遊戲

這裏的專家們幾個問題：

這是可行的2個月？
我需要在這兩個月完成它的全職嗎？從未做過遊戲，我不確定涉及什麼。
那裏有一個HTML5/JS遊戲引擎，會讓這更簡單嗎？

，你對此有什麼其他的想法可以理解的。謝謝。

UPDATE：我們希望有這個遊戲通過Safari iPhone/iPad的正常工作;換句話說，讓它檢測手勢。

來源

2010-09-30 Alex

可能是這個JS引擎幫助http://github.com/mrdoob/three.js。順便說一句你打算建造什麼樣的遊戲？ – 2010-09-30 13:15:43

謝謝，Avinash。這將是一件簡單的事，孩子們會點擊並以某種方式互動。沒有太複雜。甚至沒有在吃豆人的水平上。 – Alex 2010-09-30 13:54:31

雖然很酷的圖書館。我可能會在某個時候搞砸（這是書籤:-) – 2010-10-01 13:52:05

的這個問題的答案在很大程度上取決於遊戲是否已被設計成的呢，怎麼複雜的這場比賽。在一個（不眠）週末的比賽中，有3或4人的團隊完成比賽（設計，圖形，聲音，遊戲等）。他們在這一點上通常不是非常複雜，但他們完全是一個完整的遊戲。

在另一方面，參加這些比賽的人都在很大程度上誰知道他們在做什麼的人。他們有專人致力於聲音的人，致力於圖形的人，至少有一個致力於編程的人。如果你不知道你在做什麼（無論是缺乏設計還是缺乏經驗），那麼這就增加了時間，那段時間可能很重要。

在此背景下，我相信你將有可能在兩個月內，你不需要滿時間來完成它，但你可能需要將大部分時間投入到該項目。有幾個方面的原因：

教育遊戲通常是相當簡單的
遊戲對於那個年齡段通常是相當簡單的
圖形高水平的似乎非必要
教育遊戲有一個具體的目標，因此不太容易受到過度設計
您有HTML5體驗

現在，T最後一點可能是有效的，或者它不能。例如，如果您需要使用<canvas>，而您以前沒有，則可能會遇到麻煩。

否則，給定，並且在某些方向是作爲遊戲設計的假設的信息，我想你在良好的狀態是。

祝你好運！

來源

2010-09-30 13:22:57

謝謝，瑞恩。我對CANVAS標籤有一點經驗，儘管我使用了一個使用它的庫（Cufon）。我會是唯一一個在此工作的人。此外，我們還處於構思階段的初期階段 - 試圖提出一些可能的遊戲，然後選擇一個可用的遊戲。 – Alex 2010-09-30 13:47:21

如果沒有太多的複雜性，你應該可以花費大約三個星期到一個月的時間來設計遊戲，並且還有時間進行開發。兩個關鍵點：不要陷入無限的設計週期（我已經看到它發生），並閱讀遊戲開發。有一些細微差別，直到你認真考慮它（時間，速度，機制等）纔會顯現。 – 2010-09-30 13:59:13

最初的Scrabb.ly是在48小時內爲Node.js knockout（與許多其他遊戲一樣）使用HTML5構建的。所以是的，這是非常可行的。

這個遊戲有什麼要求？我們正在談論pac-man類型的遊戲，馬里奧兄弟，暈到（lol）。

其他人（@ryan kinal）剛剛回答這個問題比我想的要好。所以我會留下這個答案。

祝你好運！

來源

2010-09-30 13:24:11

謝謝大衛。我們早在設想階段，它將涉及三個領域之一：閱讀;理解;欺凌。它需要在需求收集，開發和測試/部署期間從社區獲得輸入。我們希望保持它相當簡單，但交互性，聲音和圖形。我使用HTML5元素設計了這個網站：http://bit.ly/9x5nl0 我們正在考慮沿着孩子們的線條，可能會點擊不同的元素，讓顏色變化和聲音播放。主要目標是讓他們在這三個領域中的一個領域學習（尚未決定哪個領域）。 – Alex 2010-09-30 13:49:00

作爲Ryan的出色答案的後續工作，如果您堅持使用HTML5及其附帶的好東西，我無法強調足夠的重要性。但要小心。人們經常評論HTML5使我們回到了1995年的圖形理想。爲任何事情做好準備。

來源

2010-09-30 15:03:43 Ben

在我們的HTML5遊戲引擎Construct 2 the HTML5 Game Maker

看看這可能是一個非常適合你，它使人們沒有和以往的經驗，以快速開發HTML5遊戲。

估計項目完成時間總是很困難。這取決於很多因素！

來源

2012-01-23 22:16:00