JavaScript _lշ
?Download as PPTX, PDF?
0 likes?340 views
This document summarizes a presentation about JavaScript development practices using the game Gu~Morning as an example. It discusses supporting different browsers like IE6-8 and newer versions of Firefox, Chrome, and Safari. It covers using HTML5 Canvas with JavaScript for graphics, and CSS3 animation. It also outlines the game engine, project structure, build process, and device/mobile optimization techniques used in Gu~Morning's development.
JavaScript _lշ
- 3. HTML5 Game
- 8. IE6 IE7 IE8 Firefox3.x Safari4 IE9 Firefox4 Chrome Safari5 Android iPhone iPad CSS3 Animation Canvas + JavaScript CSS + JavaScript + DOM
- 9. IE6 IE7 IE8 Firefox3.x Safari4 IE9 Firefox4 Chrome Safari5 Android iPhone iPad CSS3 Animation Canvas + JavaScript CSS + JavaScript + DOM
- 10. IE6 IE7 IE8 Firefox3.x Safari4 IE9 Firefox4 Chrome Safari5 Android iPhone iPad CSS3 Animation Canvas + JavaScript CSS + JavaScript + DOM
- 11. IE6 IE7 IE8 Firefox3.x Safari4 IE9 Firefox4 Chrome Safari5 Android iPhone iPad CSS3 Animation Canvas + JavaScript CSS + JavaScript + DOM
- 12. IE6 IE7 IE8 Firefox3.x Safari4 IE9 Firefox4 Chrome Safari5 Android iPhone iPad CSS3 Animation Canvas + JavaScript Flash CSS + JavaScript + DOM
- 13. IE6 IE7 IE8 Firefox3.x Safari4 IE9 Firefox4 Chrome Safari5 Android iPhone iPad CSS3 Animation Canvas + JavaScript Flash CSS + JavaScript + DOM
- 14. Game Engine
- 25. Hydra
- 26. hydra
- 30. Gu~Morning
- 41. Structure
- 42. closure externs projects src tools .Rake
- 43. closure externs projects src tools .Rake
- 46. EffectBoard Piece Player Scene Stage util main.js src
- 47. EffectBoard Piece Player Scene util main.js GameFinishScene.js GameOverScene.js OrientationScene.js PauseScene.js PlayingScene.js src
- 48. EffectBoard Piece Player Scene util main.js GameFinishScene.js GameOverScene.js OrientationScene.js PauseScene.js src PlayingScene.js
- 50. EffectBoard Piece Player Scene Stage util main.js src
- 53. gu.soy soy
- 57. gu.soy soy
- 68. soysrc web Projects Buil d Compiler & Minimize Compile Template deploy
- 70. device
- 72. board
- 73. 480px 300px
- 74. 480px 300px20px
- 75. 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 1 1 1 1 1 1 1 1 1 1 480px 300px20px
- 76. piece
- 77. -1,-1 0,-1 1,-1 -1,0 0,0 1,0 -1,1 0,1 1,1
- 78. -1,-1 0,-1 1,-1 -1,0 0,0 1,0 -1,1 0,1 1,1 -1,-1 0,-1 1,-1 -1,0 0,0 1,0 -1,1 0,1 1,1
- 79. event driven
- 80. Scene PlayingScene.js EventDispatcher Board.js BoardSprite.js Piece Player Piece Player Global.js
- 81. CSS animation
- 83. AI state
- 84. վ ը T K D K S
- 85. IE678
- 88. Mobile Optimize
- 93. iPhone Optimize
- 101. iPhone Optimize2
- 105. iPhone Optimize3
- 109. iPhone Optimize4
- 112. Reference
- 116. 2011 ? Gamania Digital Entertainment Co, Ltd. All Rights Reserved.
Editor's Notes
- #2: JavaScript_lշ C GuMorning
- #16: Game lib
- #17: Game lib
- #18: Game lib
- #19: Game lib
- #20: Game lib
- #21: Game lib
- #22: Game lib
- #25: Game lib
- #26: Game lib
- #29: stucture
- #43: ϼܹ
- #44: ϼܹ
- #45: ϼܹ
- #46: ϼܹ
- #47: ϼܹ
- #48: ϼܹ
- #49: ϼܹ
- #51: ϼܹ
- #52: ϼܹ
- #53: ϼܹ
- #54: ϼܹ
- #58: ϼܹ
- #59: ϼܹ
- #60: ϼܹ
- #61: ϼܹ
- #62: ϼܹ
- #64: ϼܹ
- #65: ϼܹ
- #67: ϼܹ
- #68: ϼܹ
- #69: ϼܹ
- #76: Board structure
- #78: piece
- #79: Piece rotate
- #81: Event board boardsprite
- #83: Css sprite
- #85: State machine
- #103: JavaScript_lշ C GuMorning
- #104: /** * Mobile browser navigator bar Hacks */ function hideNavBar() { window.setTimeout(window.scrollTo, 0, 1, 0); // 1 px is intentional } window.addEventListener("resize", hideNavBar, false); document.addEventListener("touchstart", function (event) { event.preventDefault(); window.scrollTo(0, 1); }, true); window.scrollTo(0, 1);