The document discusses HTML5 and JavaScript game development using the Impact game engine. It provides an overview of Impact's features like 2D canvas and audio support, an entity component system for defining game objects, and tools for publishing games to desktop and mobile. It also demonstrates how to create a custom player entity by extending the base Entity class and overriding init and update methods.

1. HTML5 + JavaScript

3. •

4. •
• IMPACT

5. •
• IMPACT
• IMPACT

6. •
• IMPACT
• IMPACT
• iOS IMPACT

7. •
• IMPACT
• IMPACT
• iOS IMPACT
•

8. part1
@Seasons
cocos2d AUTHOR
Kobold2D member
Blog Seasons.NET
•cocos2d
•
•Kobold2D
@cocos2dfan_jp
•cocos2d

9. part2
iOS
iPhone
Software Design

10. IMPACT

11. IMPACT
• $99

12. IMPACT
• $99
• 2D

13. IMPACT
• $99
• 2D
• HTML5 + JavaScript

14. IMPACT
• $99
• 2D
• HTML5 + JavaScript
•

15. IMPACT
• $99
• 2D
• HTML5 + JavaScript
•
•

16. IMPACT
• $99
• 2D
• HTML5 + JavaScript
•
•
•

17. IMPACT

18. IMPACT
http://impactjs.com/

19. IMPACT
http://impactjs.com/
”IMPACT javascript” !!

20. IMPACT
$99
http://impactjs.com/
”IMPACT javascript” !!

21. IMPACT
$99
•
http://impactjs.com/
”IMPACT javascript” !!

22. IMPACT
$99
•
•
http://impactjs.com/
”IMPACT javascript” !!

23. IMPACT
$99
•
•
•
http://impactjs.com/
”IMPACT javascript” !!

24. IMPACT
$99
•
•
•
• github
( )
http://impactjs.com/
”IMPACT javascript” !!

25. IMPACT
$99
•
•
•
• github
( )
ne w!!
version 1.19
http://impactjs.com/
”IMPACT javascript” !!

26. IMPACT
$99
•
•
•
• github
( )
ne w!!
version 1.19
impact
http://impactjs.com/
”IMPACT javascript” !!

27. IMPACT
$99
•
•
•
• github
( )
ne w!!
version 1.19
impact
http://impactjs.com/
weltmeister( )
”IMPACT javascript” !!

28. IMPACT
HTML5 + JavaScript

29. IMPACT
HTML5 + JavaScript
Canvas
Audio

30. IMPACT
HTML5 + JavaScript
Canvas
Audio
JavaScript
Entity Input Animation
Game Sound Collision
Font Timer etc...

31. IMPACT
HTML5 + JavaScript
Canvas
Audio
JavaScript
Entity Input Animation
Game Sound Collision
Font Timer Debug

32. IMPACT
HTML5 + JavaScript
•2D
Canvas
Audio
JavaScript
Entity Input Animation
Game Sound Collision
Font Timer Debug

33. IMPACT
HTML5 + JavaScript
•2D
Canvas •
Audio
JavaScript
Entity Input Animation
Game Sound Collision
Font Timer Debug

34. IMPACT
HTML5 + JavaScript
•2D
Canvas •
Audio •HTML5 Audio,Canvas
JavaScript
Entity Input Animation
Game Sound Collision
Font Timer Debug

35. IMPACT
HTML5 + JavaScript
•2D
Canvas •
Audio •HTML5 Audio,Canvas
•
JavaScript
Entity Input Animation
Game Sound Collision
Font Timer Debug

36. IMPACT
HTML5 + JavaScript
•2D
Canvas •
Audio •HTML5 Audio,Canvas
•
JavaScript
Entity Input Animation
Game Sound Collision
Font Timer Debug

37. IMPACT
Weltmeister( )

38. IMPACT
Weltmeister( )

39. IMPACT
Weltmeister( )

40. IMPACT
Weltmeister( )

41. IMPACT
Weltmeister( )
•HTML5 ( ):Chrome

42. IMPACT
Weltmeister( )
•HTML5 ( ):Chrome
•

43. IMPACT
Weltmeister( )
•HTML5 ( ):Chrome
•
•

44. IMPACT
Weltmeister( )
•HTML5 ( ):Chrome
•
•
•

45. IMPACT
※ Tools
http://impactjs.com/

46. IMPACT
※ Tools
tween.js , box2d.js , director.js
http://impactjs.com/

47. IMPACT
※ Tools
tween.js , box2d.js , director.js
PhoneGap iOS,Android
http://impactjs.com/

48. IMPACT
※ Tools
tween.js , box2d.js , director.js
PhoneGap iOS,Android
Lawnchair JSON
http://impactjs.com/

49. IMPACT
※ Tools
tween.js , box2d.js , director.js
PhoneGap iOS,Android
Lawnchair JSON
http://impactjs.com/
TapJS

50. IMPACT
※ Tools
tween.js , box2d.js , director.js
PhoneGap iOS,Android
Lawnchair JSON
http://impactjs.com/
TapJS
appMobi web iOS,Android

51. IMPACT
※ Tools
tween.js , box2d.js , director.js
PhoneGap iOS,Android
Lawnchair JSON
http://impactjs.com/
TapJS
appMobi web iOS,Android
Zeewe.com Cross Platform appstore

52. IMPACT
※ Tools
tween.js , box2d.js , director.js
PhoneGap iOS,Android
Lawnchair JSON
http://impactjs.com/
TapJS
appMobi web iOS,Android
Zeewe.com Cross Platform appstore
Playtomic

53. IMPACT

54. IMPACT
•

55. IMPACT
•
• IMPACT

56. IMPACT
•
• IMPACT
• (Publish)

57. IMPACT

58. IMPACT
PC ( Windows,Mac,Linux ... )

59. IMPACT
XAMPP( Apache )
PC ( Windows,Mac,Linux ... ) http://www.apachefriends.org/jp/xampp-windows.html

60. IMPACT
XAMPP( Apache )
PC ( Windows,Mac,Linux ... ) http://www.apachefriends.org/jp/xampp-windows.html

61. IMPACT
XAMPP( Apache )
PC ( Windows,Mac,Linux ... ) http://www.apachefriends.org/jp/xampp-windows.html

62. IMPACT

63. IMPACT
http://macromates.com/

64. IMPACT
http://macromates.com/
• $57( 4500 )

65. IMPACT
http://macromates.com/
• $57( 4500 )
• !! web

66. IMPACT
http://macromates.com/
• $57( 4500 )
• !! web
•Ruby on Rails

67. IMPACT
http://macromates.com/
• $57( 4500 )
• !! web
•Ruby on Rails
•

68. IMPACT
http://macromates.com/
• $57( 4500 )
• !! web
•Ruby on Rails
•
tmbundle
https://github.com/paularmstrong/ImpactJS.tmbundle

69. IMPACT
http://macromates.com/ http://www.activestate.com/komodo-edit
• $57( 4500 )
• !! web
•Ruby on Rails
•
tmbundle
https://github.com/paularmstrong/ImpactJS.tmbundle

70. IMPACT
http://macromates.com/ http://www.activestate.com/komodo-edit
• $57( 4500 ) • 0
• !! web
•Ruby on Rails
•
tmbundle
https://github.com/paularmstrong/ImpactJS.tmbundle

71. IMPACT
http://macromates.com/ http://www.activestate.com/komodo-edit
• $57( 4500 ) • 0
• !! web •
•Ruby on Rails
•
tmbundle
https://github.com/paularmstrong/ImpactJS.tmbundle

72. IMPACT
http://macromates.com/ http://www.activestate.com/komodo-edit
• $57( 4500 ) • 0
• !! web •
•Ruby on Rails • ( )
•
tmbundle
https://github.com/paularmstrong/ImpactJS.tmbundle

73. IMPACT
http://macromates.com/ http://www.activestate.com/komodo-edit
• $57( 4500 ) • 0
• !! web •
•Ruby on Rails • ( )
• •
tmbundle
https://github.com/paularmstrong/ImpactJS.tmbundle

74. IMPACT
http://macromates.com/ http://www.activestate.com/komodo-edit
• $57( 4500 ) • 0
• !! web •
•Ruby on Rails • ( )
• •
• IMPACT
tmbundle
https://github.com/paularmstrong/ImpactJS.tmbundle

75. IMPACT

76. IMPACT

77. IMPACT

78. IMPACT
Entity

79. IMPACT
Entity

80. IMPACT
Entity
(Weltmeister)

81. IMPACT
Entity
(Weltmeister)

82. IMPACT
Entity
(Weltmeister)

83. IMPACT

84. IMPACT

85. IMPACT
IMPACT

86. IMPACT
IMPACT

87. IMPACT
IMPACT

88. IMPACT

89. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
)
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

90. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
)
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

91. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
)
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

92. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

93. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){ •
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

94. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){ •
EntityPlayer = ig.Entity.extend({ • Entity +
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

95. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){ •
EntityPlayer = ig.Entity.extend({ • Entity +
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

96. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){ •
EntityPlayer = ig.Entity.extend({ • Entity +
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE, •init:
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

97. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){ •
EntityPlayer = ig.Entity.extend({ • Entity +
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE, •init:
! init: function( x, y, settings ) { •update:
/* */
! }, ( )
!
! update: function() {! !
/* */
! ! this.parent();
! },
});
});

98. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){ •
EntityPlayer = ig.Entity.extend({ • Entity +
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE, •init:
! init: function( x, y, settings ) { •update:
/* */
! }, ( )
!
! update: function() {! ! •draw:
/* */
! ! this.parent();
! },
});
});

99. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){ •
EntityPlayer = ig.Entity.extend({ • Entity +
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE, •init:
! init: function( x, y, settings ) { •update:
/* */
! }, ( )
!
! update: function() {! ! •draw:
/* */
! ! this.parent(); •check:
! },
});
});

100. IMPACT
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
• ig.Entity
)
.defines(function(){ •
EntityPlayer = ig.Entity.extend({ • Entity +
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE, •init:
! init: function( x, y, settings ) { •update:
/* */
! }, ( )
!
! update: function() {! ! •draw:
/* */
! ! this.parent(); •check:
! },
}); etc...
});

101. IMPACT

102. IMPACT

103. IMPACT

104. IMPACT
• +
•

105. IMPACT
• +
•

106. IMPACT
• +
•

107. IMPACT
• +
•
•
•
( )

108. IMPACT
• +
•
•
•
( )

109. IMPACT
• +
•
•
•
( )
*.js

110. IMPACT

111. IMPACT

112. IMPACT

113. IMPACT

114. IMPACT

115. IMPACT
•
•

116. IMPACT
•
•
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
)
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {!!
/* */
! ! this.parent();
! },
});
});

117. IMPACT
•
•
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
)
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {!!
/* */
! ! this.parent();
! },
});
});

118. IMPACT
• •
• •
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
)
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {!!
/* */
! ! this.parent();
! },
});
});

119. IMPACT
!
n ew! 1.18

120. IMPACT
!
n ew! 1.18

121. IMPACT
!
n ew! 1.18
debug

122. IMPACT
!
n ew! 1.18
debug

123. IMPACT
!
n ew! 1.18
debug
Entity

124. IMPACT
!
n ew! 1.18
debug
Entity

125. IMPACT
!
n ew! 1.18
debug
version 1.18 Entity
features

126. IMPACT
!
n ew! 1.18
ig.module(
debug ! 'game.main'
)
.requires(
Entity ! 'impact.game',
version 1.18 ! 'impact.font',
features //
! 'impact.debug.debug',
)
.defines(function(){

127. IMPACT
!
n ew! 1.18
ig.module(
debug ! 'game.main'
)
.requires(
Entity ! 'impact.game',
version 1.18 ! 'impact.font',
features //
! 'impact.debug.debug',
)
.defines(function(){

128. IMPACT
!
n ew! 1.18
ig.module(
debug ! 'game.main'
)
.requires(
Entity ! 'impact.game',
version 1.18 ! 'impact.font',
features //
! 'impact.debug.debug',
)
.defines(function(){

129. IMPACT
!
n ew! 1.18
ig.module(
debug ! 'game.main'
)
.requires(
Entity ! 'impact.game',
version 1.18 ! 'impact.font',
features //
! 'impact.debug.debug',
)
.defines(function(){

130. IMPACT
!
n ew! 1.18
ig.module(
debug ! 'game.main'
)
.requires(
Entity ! 'impact.game',
version 1.18 ! 'impact.font',
features //
! 'impact.debug.debug',
)
.defines(function(){

131. IMPACT
!
n ew! 1.18
ig.module(
debug ! 'game.main'
)
.requires(
Entity ! 'impact.game',
version 1.18 ! 'impact.font',
features //
! 'impact.debug.debug',
)
.defines(function(){

132. IMPACT
!
n ew! 1.18
ig.module(
debug ! 'game.main'
)
.requires(
Entity ! 'impact.game',
version 1.18 ! 'impact.font',
features //
! 'impact.debug.debug',
)
.defines(function(){

133. IMPACT
!
n ew! 1.18
ig.module(
debug ! 'game.main'
)
.requires(
Entity ! 'impact.game',
version 1.18 ! 'impact.font',
features //
! 'impact.debug.debug',
)
.defines(function(){

134. IMPACT
debug API

135. IMPACT
debug API
ig.log 1

136. IMPACT
debug API
ig.log 1
console.log
(Debug )

137. IMPACT
debug API
ig.log 1
console.log
(Debug )
1
ig.show 2

138. IMPACT
debug API
ig.log 1
console.log
(Debug )
1
ig.show 2
update

139. IMPACT
debug API
ig.log 1
console.log
(Debug )
1
ig.show 2
update
1
ig.mark 2 ( #FFF )

140. IMPACT
debug API
ig.log 1
console.log
(Debug )
1
ig.show 2
update
1
ig.mark 2 ( #FFF )

141. IMPACT
!
n ew! 1.19

142. IMPACT
!
n ew! 1.19

143. IMPACT
!
n ew! 1.19
Slope

144. IMPACT
!
n ew! 1.19
Slope
( )

145. IMPACT
!
n ew! 1.19
Slope
( )
Passing

146. IMPACT
!
n ew! 1.19
Slope
( )
Passing

147. IMPACT
!
n ew! 1.19
Slope
( )
Passing

148. IMPACT
!
n ew! 1.19
Slope
( )
Passing

149. IMPACT
!
n ew! 1.19
Slope
( )
Passing
Tilesize

150. IMPACT
!
n ew! 1.19
Slope
( )
Passing
Tilesize

151. IMPACT
(Publish)
Tools bake.sh •IMPACT
• #bake.sh

152. IMPACT
(Publish)
Tools bake.sh •IMPACT
• #bake.sh

153. IMPACT
(Publish)
Tools bake.sh •IMPACT
• #bake.sh
ig.module(
! 'game.entities.player'
)
.requires(
! 'impact.entity'
)
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides: ig.Entity.COLLIDES.PASSIVE,
! init: function( x, y, settings ) {
/* */
! },
!
! update: function() {!!
/* */
! ! this.parent();
! },
});
});

154. IMPACT
(Publish)
Tools bake.sh •IMPACT
• #bake.sh
Bake
•
game_min.js
• =

155. iOS IMPACT

156. iOS IMPACT
• iOSIMPACT

157. iOS IMPACT
• iOSIMPACT
• iOS

158. iOSIMPACT

159. iOSIMPACT

160. iOSIMPACT

161. iOSIMPACT

162. iOSIMPACT

163. iOSIMPACT
• iOS

164. iOSIMPACT
• iOS
•OpenGL

165. iOSIMPACT
• iOS
•OpenGL
•OpenAL

166. iOSIMPACT
• iOS
•OpenGL
•OpenAL
•30 60fps!!

167. iOSIMPACT
• iOS
•OpenGL
•OpenAL
•30 60fps!!
•UIKit iOS

168. iOSIMPACT

169. iOSIMPACT
iOS

170. iOSIMPACT
JavaScriptCore
iOS

171. iOSIMPACT
Audio
OpenAL
JavaScriptCore
iOS

172. iOSIMPACT
Canvas
OpenGL
Audio
OpenAL
JavaScriptCore
iOS

173. iOSIMPACT
iOS
iOSIMPACT Xcode Project
ig.module(
! 'game.entities.player'
*.js )
.requires(
!
)
'impact.entity'
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides:
ig.Entity.COLLIDES.PASSIVE,

174. iOSIMPACT
iOS
iOSIMPACT Xcode Project
ig.module(
! 'game.entities.player'
*.js )
.requires(
!
)
'impact.entity'
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides:
ig.Entity.COLLIDES.PASSIVE,

175. iOSIMPACT
iOS
iOSIMPACT Xcode Project
Build Succeed
ig.module(
! 'game.entities.player'
*.js )
.requires(
!
)
'impact.entity'
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides:
ig.Entity.COLLIDES.PASSIVE,

176. iOSIMPACT
iOS
iOSIMPACT Xcode Project
*.app
ig.module(
! 'game.entities.player'
*.js )
.requires(
!
)
'impact.entity'
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides:
ig.Entity.COLLIDES.PASSIVE,

177. iOSIMPACT
iOS
iOSIMPACT Xcode Project
*.app
•
•AppStore
ig.module(
! 'game.entities.player'
*.js )
.requires(
!
)
'impact.entity'
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides:
ig.Entity.COLLIDES.PASSIVE,

178. iOSIMPACT
iOS
iOSIMPACT Xcode Project
*.app
•
•AppStore
)
ig.module(
! 'game.entities.player'
*.js )
.requires(
!
)
'impact.entity'
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides:
ig.Entity.COLLIDES.PASSIVE,

179. iOSIMPACT
iOS
iOSIMPACT Xcode Project
*.app
•
•AppStore
)
ig.module(
! 'game.entities.player'
*.js )
.requires(
!
)
'impact.entity'
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
! checkAgainst: ig.Entity.TYPE.NONE,
! collides:
ig.Entity.COLLIDES.PASSIVE, Biolab
Disaster

180. iOSIMPACT
iOS
iOSIMPACT Xcode Project
*.app
•
•AppStore
)
ig.module(
! 'game.entities.player'
*.js )
.requires(
!
)
'impact.entity'
.defines(function(){
EntityPlayer = ig.Entity.extend({
!
! size: {x: 12, y:10},
! offset: {x: 4, y: 6},
! type: ig.Entity.TYPE.A,
Drop JS
! checkAgainst: ig.Entity.TYPE.NONE,
! collides:
ig.Entity.COLLIDES.PASSIVE, Biolab
Disaster

181. iOSIMPACT
iOS

182. iOSIMPACT
iOS
plugin

183. iOSIMPACT
iOS
plugin

184. iOSIMPACT
iOS
plugin

185. iOSIMPACT
iOS
plugin

186. iOSIMPACT
iOS
plugin
ig.game.screen.x,y

187. iOSIMPACT
iOS
plugin

188. iOSIMPACT
iOS
plugin
ig.game.setScreenPos(x,y)

189. iOSIMPACT
iOS
plugin
impact 1.18
ig.game.setScreenPos(x,y)

190. iOSIMPACT
iOS
plugin
impact 1.18

191. iOSIMPACT
iOS
plugin
impact 1.18
ig.game.screen.x,y

192. iOSIMPACT
iOS
plugin
impact 1.18
ig.game.screen.x,y
!!

193. iOSIMPACT
iOS

194. iOSIMPACT
iOS

195. iOSIMPACT
iOS

196. iOSIMPACT
iOS

197. iOSIMPACT
iOS

198. iOSIMPACT
iOS

199. iOSIMPACT
iOS
iPad

200. iOSIMPACT
iOS
iPad
iPhone

201. iOSIMPACT
iOS
iPad
iPhone
768x1024

202. iOSIMPACT
iOS
iPad
iPhone
768x1024 320x480

203. iOSIMPACT
iOS
ig.main()
iPad
iPhone
768x1024 320x480

204. iOSIMPACT
iOS

205. iOSIMPACT
iOS

206. iOSIMPACT
iOS
•

207. iOSIMPACT
iOS
•
• 256

208. iOSIMPACT
iOS
•
• 256

209. iOSIMPACT
iOS
•
• 256
iOSIMPACT draw call

210. iOSIMPACT
iOS

211. iOSIMPACT
iOS

212. iOSIMPACT
iOS
•SE caff format

213. iOSIMPACT
iOS
•SE caff format
•BGM aac format

214. iOSIMPACT
iOS
•SE caff format
•BGM aac format
LEI16@44100

215. iOSIMPACT
iOS
•SE caff format
•BGM aac format
LEI16@44100
512KB

216. iOSIMPACT
iOS
•SE caff format
•BGM aac format
LEI16@44100
512KB

217. iOSIMPACT
iOS
•SE caff format
•BGM aac format
LEI16@44100
512KB

218. iOSIMPACT
iOS
•SE caff format
•BGM aac format
LEI16@44100
SE 512KB
OpenAL

219. iOSIMPACT
iOS
•SE caff format
•BGM aac format
LEI16@44100
SE 512KB
OpenAL

220. iOSIMPACT
iOS
•SE caff format
•BGM aac format
LEI16@44100
SE 512KB BGM
OpenAL AVAudioPlayer

221. iOSIMPACT
iOS
•SE caff format
•BGM aac format
LEI16@44100
SE 512KB BGM
OpenAL AVAudioPlayer

223. Live Demo

225. One more thing...

226. One more thing...

228. Software
Design

229. Software 2011 9,10
Design
IMPACT !!

230. Software 2011 9,10
Design
IMPACT !!

231. Enjoy!!