How to build an HTML5 game

I have been tasked with creating an educational game for children aged 6 to 10 years using HTML5 for a non-profit organization. I used HTML5 / CSS3 / jQuery to create a new site, but I have no experience creating games. This project should be completed in about 2 months.

A few questions for experts here:

  • Is this possible in 2 months?
  • Do I have to be full time on this for two months to complete it? Never making a game, I'm not sure what will participate.
  • Is there an HTML5 / JS game engine out there that will simplify this?

Any other thoughts you have on this will be appreciated. Thank.

UPDATE: We would like this game to work well on iPhone / iPad through Safari; in other words, for him to detect hand gestures.

+3
source share
6 answers

The answer to this question largely depends on whether the game has been developed so far and how complex this game is. There are competitions in which teams of 3 or 4 people complete the game (design, graphics, sound, game and all) during the (sleepless) weekend. At this point, they are usually not very complicated, but they, in any case, are a full-fledged game.

On the other hand, the people participating in these competitions are mostly people who know what they are doing. They have someone dedicated to sound, someone dedicated to graphics, and at least one person dedicated to programming. If you have little idea what you are doing with any of them (either due to lack of design or lack of experience), then this adds time, and this time can be significant.

, , , , . :

  • , , .
  • .
  • , , .
  • HTML5

. , , <canvas>, , .

, , - , , .

!

+8

jQuery (8 ) . "" : . ; html- div-s . / ( html).

; (vs , ) Chrome/Chrome. , - ( -) .

: liveHtml2D engine, jMachinarium search/puzzle game

(. №1, №2).

:)

+5

HTML5 2 HTML5 Game Maker

, HTML5.

. !

+2

Scrabb.ly HTML5 48 Node.js ( ). , .

? pac-man, Mario Bros, Halo reach (lol).

- (@ryan kinal) , . , .

!

+1

, , , HTML5 , . . , HTML5 1995 . .

+1

Tetris, HTML5 Canvas, : http://htmltetris.com

, . , , , . - , , , "".

( CSS3 - ), iOS, , , , 60 iPhone 5.

, HTML5 - . Javascript .

+1
source

Source: https://habr.com/ru/post/1767348/


All Articles