https://github.com/zjhiphop/fancy

HTML5 Game Labs
https://github.com/zjhiphop/fancy

Last synced: 3 days ago
JSON representation

HTML5 Game Labs

• Host: GitHub
• URL: https://github.com/zjhiphop/fancy
• Owner: zjhiphop
• Created: 2012-02-12T12:27:27.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-06-17T13:20:26.000Z (over 12 years ago)
• Last Synced: 2024-04-16T12:57:33.153Z (7 months ago)
• Language: JavaScript
• Homepage: http://zjhiphop.github.com/fancy
• Size: 652 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#_HTML5 Games_  

![HTML5 Games Architech](fancy/raw/master/git-resourses/html5 games.png)   

* * *  

##How to prototype a html5 game?    

*	think an idea,and use XMind to show it's rough demo   

*	build an html fake demo   

*	promote to an game product  

* * *

* * *

##What's the steps to build a html5 game?   

* build a framework:  

  * 1.select a structure:OO or Traits.  

  * 1.build basic data structure: stack,quene,linklist,tree etc.  

  * 2.build basic component: eventproxy,keyboard,player,level  

  * 3.build util gadget: stage,layer,sprite,container(role),action   

  * 4.build some extra effect component,eg:'partical'   

* find a good idea,and prototype it    

* make sure every parts in a game:  

  * 1.A game should have a 'stage' or 'scene' first  

  * 2.Every 'stage' should have it's own  'layer'   

  * 3.Every 'layer' should have it's 'sprite' and 'media'     

  * 4.Every 'sprite' should have it's 'role'  

  * 5.Every 'role' should have it's 'behavior' or 'action'  

  * 6.The game shoud have a LOOP logic to reset   

  * 7.A good game should have some cool effect.eg: 'partical','pausate' etc.  

    

##Best practices?  

*	

###Notes:

1.Every JS file should fllow CommonJS spec  

2.Do more CSS3&HTML5 function	

3.Try to use Compose lib to architech   

4.All game based on canvas