HTML5 + JavaScript
•
•• IMPACT
•• IMPACT• IMPACT
•• IMPACT• IMPACT• iOS IMPACT
•• IMPACT• IMPACT• iOS IMPACT•
part1@Seasonscocos2d AUTHORKobold2D memberBlog Seasons.NET•cocos2d••Kobold2D@cocos2dfan_jp•cocos2d
part2iOS              iPhone              Software Design
IMPACT
IMPACT•   $99
IMPACT•    $99• 2D
IMPACT•    $99• 2D• HTML5 + JavaScript
IMPACT•    $99• 2D• HTML5 + JavaScript•
IMPACT•    $99• 2D• HTML5 + JavaScript••
IMPACT•    $99• 2D• HTML5 + JavaScript•••
IMPACT
IMPACThttp://impactjs.com/
IMPACThttp://impactjs.com/      ”IMPACT javascript”   !!
IMPACT                            $99http://impactjs.com/      ”IMPACT javascript”         !!
IMPACT                            $99                            •http://impactjs.com/      ”IMPACT javascript”         !!
IMPACT                            $99                            •                            •http://impactjs.com/      ”...
IMPACT                            $99                            •                            •                           ...
IMPACT                            $99                            •                            •                           ...
IMPACT                            $99                            •                            •                           ...
IMPACT                            $99                            •                            •                           ...
IMPACT                            $99                            •                            •                           ...
IMPACTHTML5 + JavaScript
IMPACTHTML5 + JavaScript           Canvas           Audio
IMPACTHTML5 + JavaScript                     Canvas                     AudioJavaScriptEntity       Input     AnimationGam...
IMPACTHTML5 + JavaScript                     Canvas                     AudioJavaScriptEntity       Input     AnimationGam...
IMPACTHTML5 + JavaScript                                   •2D                     Canvas                     AudioJavaScr...
IMPACTHTML5 + JavaScript                                   •2D                     Canvas        •                     Aud...
IMPACTHTML5 + JavaScript                                   •2D                     Canvas        •                     Aud...
IMPACTHTML5 + JavaScript                                   •2D                     Canvas        •                     Aud...
IMPACTHTML5 + JavaScript                                   •2D                     Canvas        •                     Aud...
IMPACTWeltmeister(            )
IMPACTWeltmeister(            )
IMPACTWeltmeister(            )
IMPACTWeltmeister(            )
IMPACTWeltmeister(               )                        •HTML5 (   ):Chrome
IMPACTWeltmeister(               )                        •HTML5 (   ):Chrome                        •
IMPACTWeltmeister(               )                        •HTML5 (   ):Chrome                        •                    ...
IMPACTWeltmeister(               )                        •HTML5 (   ):Chrome                        •                    ...
IMPACT                  ※        Toolshttp://impactjs.com/
IMPACT                  ※        Tools                                   tween.js , box2d.js , director.jshttp://impactjs....
IMPACT                  ※        Tools                                    tween.js , box2d.js , director.js               ...
IMPACT                  ※        Tools                                     tween.js , box2d.js , director.js              ...
IMPACT                  ※        Tools                                     tween.js , box2d.js , director.js              ...
IMPACT                  ※        Tools                                     tween.js , box2d.js , director.js              ...
IMPACT                  ※        Tools                                     tween.js , box2d.js , director.js              ...
IMPACT                  ※        Tools                                     tween.js , box2d.js , director.js              ...
IMPACT
IMPACT•
IMPACT•• IMPACT
IMPACT•• IMPACT•    (Publish)
IMPACT
IMPACTPC ( Windows,Mac,Linux ... )
IMPACT                                           XAMPP( Apache )PC ( Windows,Mac,Linux ... )   http://www.apachefriends.or...
IMPACT                                           XAMPP( Apache )PC ( Windows,Mac,Linux ... )   http://www.apachefriends.or...
IMPACT                                           XAMPP( Apache )PC ( Windows,Mac,Linux ... )   http://www.apachefriends.or...
IMPACT
IMPACThttp://macromates.com/
IMPACT    http://macromates.com/•   $57(   4500    )
IMPACT     http://macromates.com/•     $57(   4500   )•   !! web
IMPACT     http://macromates.com/•      $57( 4500    )•   !! web•Ruby on Rails
IMPACT     http://macromates.com/•      $57( 4500    )•   !! web•Ruby on Rails•
IMPACT         http://macromates.com/•      $57( 4500             )•   !! web•Ruby on Rails•   tmbundlehttps://github.com/...
IMPACT         http://macromates.com/                      http://www.activestate.com/komodo-edit•      $57( 4500         ...
IMPACT         http://macromates.com/                      http://www.activestate.com/komodo-edit•      $57( 4500         ...
IMPACT         http://macromates.com/                      http://www.activestate.com/komodo-edit•      $57( 4500         ...
IMPACT         http://macromates.com/                      http://www.activestate.com/komodo-edit•      $57( 4500         ...
IMPACT         http://macromates.com/                      http://www.activestate.com/komodo-edit•      $57( 4500         ...
IMPACT         http://macromates.com/                      http://www.activestate.com/komodo-edit•      $57( 4500         ...
IMPACT
IMPACT
IMPACT
IMPACT   Entity
IMPACT   Entity
IMPACT   Entity         (Weltmeister)
IMPACT   Entity         (Weltmeister)
IMPACT   Entity         (Weltmeister)
IMPACT
IMPACT
IMPACT         IMPACT
IMPACT         IMPACT
IMPACT         IMPACT
IMPACT
IMPACTig.module(! game.entities.player).requires(! impact.entity).defines(function(){EntityPlayer = ig.Entity.extend({!! s...
IMPACTig.module(! game.entities.player).requires(! impact.entity).defines(function(){EntityPlayer = ig.Entity.extend({!! s...
IMPACTig.module(! game.entities.player).requires(! impact.entity).defines(function(){EntityPlayer = ig.Entity.extend({!! s...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •   ig.Entity).d...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •   ig.Entity).d...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •              i...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •              i...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •               ...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •               ...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •               ...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •               ...
IMPACTig.module(! game.entities.player).requires(! impact.entity                                          •               ...
IMPACT
IMPACT
IMPACT
IMPACT         •   +         •
IMPACT         •   +         •
IMPACT         •   +         •
IMPACT         •   +         •         •         •         (       )
IMPACT         •   +         •         •         •         (       )
IMPACT            •   +            •            •            •            (       )     *.js
IMPACT
IMPACT
IMPACT
IMPACT
IMPACT
IMPACT••
IMPACT••             ig.module(             !    game.entities.player             )             .requires(             !  ...
IMPACT••             ig.module(             !    game.entities.player             )             .requires(             !  ...
IMPACT•            ••            •                 ig.module(                 !    game.entities.player                 ) ...
IMPACT     !n ew! 1.18
IMPACT     !n ew! 1.18
IMPACT     !n ew! 1.18              debug
IMPACT     !n ew! 1.18              debug
IMPACT     !n ew! 1.18                      debug             Entity
IMPACT     !n ew! 1.18                      debug             Entity
IMPACT     !n ew! 1.18                           debug   version 1.18   Entity     features
IMPACT     !n ew! 1.18                                   ig.module(                           debug   ! game.main         ...
IMPACT     !n ew! 1.18                                   ig.module(                           debug   ! game.main         ...
IMPACT     !n ew! 1.18                                   ig.module(                           debug   ! game.main         ...
IMPACT     !n ew! 1.18                                   ig.module(                           debug   ! game.main         ...
IMPACT     !n ew! 1.18                                   ig.module(                           debug   ! game.main         ...
IMPACT     !n ew! 1.18                                   ig.module(                           debug   ! game.main         ...
IMPACT     !n ew! 1.18                                   ig.module(                           debug   ! game.main         ...
IMPACT     !n ew! 1.18                                   ig.module(                           debug   ! game.main         ...
IMPACTdebug API
IMPACT         debug APIig.log         1
IMPACT               debug API      ig.log         1console.log(Debug                     )
IMPACT               debug API      ig.log         1console.log(Debug                     )                     1    ig.sh...
IMPACT               debug API      ig.log         1console.log(Debug                     )                     1    ig.sh...
IMPACT               debug API      ig.log         1console.log(Debug                     )                     1    ig.sh...
IMPACT               debug API      ig.log         1console.log(Debug                     )                     1    ig.sh...
IMPACT     !n ew! 1.19
IMPACT     !n ew! 1.19
IMPACT     !n ew! 1.19                      Slope
IMPACT     !n ew! 1.19                      Slope                          ( )
IMPACT     !n ew! 1.19                      Slope                          ( )                  Passing
IMPACT     !n ew! 1.19                      Slope                          ( )                  Passing
IMPACT     !n ew! 1.19                      Slope                          ( )                  Passing
IMPACT     !n ew! 1.19                      Slope                          ( )                  Passing
IMPACT     !n ew! 1.19                      Slope                          ( )                  Passing                   ...
IMPACT     !n ew! 1.19                      Slope                          ( )                  Passing                   ...
IMPACT(Publish)Tools        bake.sh   •IMPACT                       • #bake.sh
IMPACT(Publish)Tools        bake.sh   •IMPACT                       • #bake.sh
IMPACT(Publish)Tools        bake.sh   •IMPACT                       • #bake.sh                        ig.module(          ...
IMPACT(Publish)Tools        bake.sh   •IMPACT                       • #bake.sh                            Bake            ...
iOS IMPACT
iOS IMPACT• iOSIMPACT
iOS IMPACT• iOSIMPACT• iOS
iOSIMPACT
iOSIMPACT
iOSIMPACT
iOSIMPACT
iOSIMPACT
iOSIMPACT    •       iOS
iOSIMPACT    •         iOS    •OpenGL
iOSIMPACT    •         iOS    •OpenGL    •OpenAL
iOSIMPACT    •             iOS    •OpenGL    •OpenAL    •30 60fps!!
iOSIMPACT    •           iOS    •OpenGL    •OpenAL    •30 60fps!!    •UIKit  iOS
iOSIMPACT
iOSIMPACT       iOS
iOSIMPACT    JavaScriptCore         iOS
iOSIMPACT        Audio       OpenAL    JavaScriptCore         iOS
iOSIMPACT        Canvas       OpenGL        Audio       OpenAL    JavaScriptCore         iOS
iOSIMPACTiOS iOSIMPACT Xcode Project       ig.module(       !    game.entities.player*.js   )       .requires(       !    ...
iOSIMPACTiOS iOSIMPACT Xcode Project       ig.module(       !    game.entities.player*.js   )       .requires(       !    ...
iOSIMPACTiOS iOSIMPACT Xcode Project                                                 Build Succeed       ig.module(       ...
iOSIMPACTiOS iOSIMPACT Xcode Project                                                 *.app       ig.module(       !    gam...
iOSIMPACTiOS iOSIMPACT Xcode Project                                                             *.app                    ...
iOSIMPACTiOS iOSIMPACT Xcode Project                                                                 *.app                ...
iOSIMPACTiOS iOSIMPACT Xcode Project                                                                 *.app                ...
iOSIMPACTiOS iOSIMPACT Xcode Project                                                                 *.app                ...
iOSIMPACTiOS
iOSIMPACTiOS      plugin
iOSIMPACTiOS      plugin
iOSIMPACTiOS      plugin
iOSIMPACTiOS      plugin
iOSIMPACTiOS      plugin                       ig.game.screen.x,y
iOSIMPACTiOS      plugin
iOSIMPACTiOS      plugin                     ig.game.setScreenPos(x,y)
iOSIMPACTiOS      plugin                     impact 1.18                     ig.game.setScreenPos(x,y)
iOSIMPACTiOS      plugin                     impact 1.18
iOSIMPACTiOS      plugin                     impact 1.18                           ig.game.screen.x,y
iOSIMPACTiOS      plugin                     impact 1.18                           ig.game.screen.x,y                     ...
iOSIMPACTiOS
iOSIMPACTiOS
iOSIMPACTiOS
iOSIMPACTiOS
iOSIMPACTiOS
iOSIMPACTiOS
iOSIMPACTiOS      iPad
iOSIMPACTiOS      iPad                    iPhone
iOSIMPACTiOS        iPad                      iPhone      768x1024
iOSIMPACTiOS        iPad                      iPhone      768x1024        320x480
iOSIMPACTiOS                 ig.main()        iPad                        iPhone      768x1024          320x480
iOSIMPACTiOS
iOSIMPACTiOS
iOSIMPACTiOS  •
iOSIMPACTiOS  •  •     256
iOSIMPACTiOS  •  •     256
iOSIMPACTiOS  •  •             256  iOSIMPACT     draw call
iOSIMPACTiOS
iOSIMPACTiOS
iOSIMPACTiOS  •SE caff format
iOSIMPACTiOS  •SE caff format  •BGM aac format
iOSIMPACTiOS  •SE caff format  •BGM aac format                LEI16@44100
iOSIMPACTiOS  •SE caff format  •BGM aac format                LEI16@44100                     512KB
iOSIMPACTiOS  •SE caff format  •BGM aac format                LEI16@44100                     512KB
iOSIMPACTiOS  •SE caff format  •BGM aac format                LEI16@44100                     512KB
iOSIMPACTiOS  •SE caff format  •BGM aac format                 LEI16@44100       SE             512KB      OpenAL
iOSIMPACTiOS  •SE caff format  •BGM aac format                 LEI16@44100       SE             512KB      OpenAL
iOSIMPACTiOS  •SE caff format  •BGM aac format                 LEI16@44100       SE             512KB       BGM      OpenA...
iOSIMPACTiOS  •SE caff format  •BGM aac format                 LEI16@44100       SE             512KB       BGM      OpenA...
Live Demo
One more thing...
One more thing...
SoftwareDesign
Software 2011 9,10Design         IMPACT      !!
Software 2011 9,10Design         IMPACT      !!
Enjoy!!
Impact beginngers guide_1.19
Impact beginngers guide_1.19
Impact beginngers guide_1.19
Impact beginngers guide_1.19
Upcoming SlideShare
Loading in …5
×

Impact beginngers guide_1.19

6,201 views

Published on

IMPACTJS and iOSIMPACT beginner's guide.

Published in: Technology, Design
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
6,201
On SlideShare
0
From Embeds
0
Number of Embeds
3,627
Actions
Shares
0
Downloads
27
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Impact beginngers guide_1.19

  1. 1. HTML5 + JavaScript
  2. 2.
  3. 3. •• IMPACT
  4. 4. •• IMPACT• IMPACT
  5. 5. •• IMPACT• IMPACT• iOS IMPACT
  6. 6. •• IMPACT• IMPACT• iOS IMPACT•
  7. 7. part1@Seasonscocos2d AUTHORKobold2D memberBlog Seasons.NET•cocos2d••Kobold2D@cocos2dfan_jp•cocos2d
  8. 8. part2iOS iPhone Software Design
  9. 9. IMPACT
  10. 10. IMPACT• $99
  11. 11. IMPACT• $99• 2D
  12. 12. IMPACT• $99• 2D• HTML5 + JavaScript
  13. 13. IMPACT• $99• 2D• HTML5 + JavaScript•
  14. 14. IMPACT• $99• 2D• HTML5 + JavaScript••
  15. 15. IMPACT• $99• 2D• HTML5 + JavaScript•••
  16. 16. IMPACT
  17. 17. IMPACThttp://impactjs.com/
  18. 18. IMPACThttp://impactjs.com/ ”IMPACT javascript” !!
  19. 19. IMPACT $99http://impactjs.com/ ”IMPACT javascript” !!
  20. 20. IMPACT $99 •http://impactjs.com/ ”IMPACT javascript” !!
  21. 21. IMPACT $99 • •http://impactjs.com/ ”IMPACT javascript” !!
  22. 22. IMPACT $99 • • •http://impactjs.com/ ”IMPACT javascript” !!
  23. 23. IMPACT $99 • • • • github ( )http://impactjs.com/ ”IMPACT javascript” !!
  24. 24. IMPACT $99 • • • • github ( ) ne w!! version 1.19http://impactjs.com/ ”IMPACT javascript” !!
  25. 25. IMPACT $99 • • • • github ( ) ne w!! version 1.19 impacthttp://impactjs.com/ ”IMPACT javascript” !!
  26. 26. IMPACT $99 • • • • github ( ) ne w!! version 1.19 impacthttp://impactjs.com/ weltmeister( ) ”IMPACT javascript” !!
  27. 27. IMPACTHTML5 + JavaScript
  28. 28. IMPACTHTML5 + JavaScript Canvas Audio
  29. 29. IMPACTHTML5 + JavaScript Canvas AudioJavaScriptEntity Input AnimationGame Sound CollisionFont Timer etc...
  30. 30. IMPACTHTML5 + JavaScript Canvas AudioJavaScriptEntity Input AnimationGame Sound CollisionFont Timer Debug
  31. 31. IMPACTHTML5 + JavaScript •2D Canvas AudioJavaScriptEntity Input AnimationGame Sound CollisionFont Timer Debug
  32. 32. IMPACTHTML5 + JavaScript •2D Canvas • AudioJavaScriptEntity Input AnimationGame Sound CollisionFont Timer Debug
  33. 33. IMPACTHTML5 + JavaScript •2D Canvas • Audio •HTML5 Audio,CanvasJavaScriptEntity Input AnimationGame Sound CollisionFont Timer Debug
  34. 34. IMPACTHTML5 + JavaScript •2D Canvas • Audio •HTML5 Audio,Canvas •JavaScriptEntity Input AnimationGame Sound CollisionFont Timer Debug
  35. 35. IMPACTHTML5 + JavaScript •2D Canvas • Audio •HTML5 Audio,Canvas •JavaScriptEntity Input AnimationGame Sound CollisionFont Timer Debug
  36. 36. IMPACTWeltmeister( )
  37. 37. IMPACTWeltmeister( )
  38. 38. IMPACTWeltmeister( )
  39. 39. IMPACTWeltmeister( )
  40. 40. IMPACTWeltmeister( ) •HTML5 ( ):Chrome
  41. 41. IMPACTWeltmeister( ) •HTML5 ( ):Chrome •
  42. 42. IMPACTWeltmeister( ) •HTML5 ( ):Chrome • •
  43. 43. IMPACTWeltmeister( ) •HTML5 ( ):Chrome • • •
  44. 44. IMPACT ※ Toolshttp://impactjs.com/
  45. 45. IMPACT ※ Tools tween.js , box2d.js , director.jshttp://impactjs.com/
  46. 46. IMPACT ※ Tools tween.js , box2d.js , director.js PhoneGap iOS,Androidhttp://impactjs.com/
  47. 47. IMPACT ※ Tools tween.js , box2d.js , director.js PhoneGap iOS,Android Lawnchair JSONhttp://impactjs.com/
  48. 48. IMPACT ※ Tools tween.js , box2d.js , director.js PhoneGap iOS,Android Lawnchair JSONhttp://impactjs.com/ TapJS
  49. 49. IMPACT ※ Tools tween.js , box2d.js , director.js PhoneGap iOS,Android Lawnchair JSONhttp://impactjs.com/ TapJS appMobi web iOS,Android
  50. 50. IMPACT ※ Tools tween.js , box2d.js , director.js PhoneGap iOS,Android Lawnchair JSONhttp://impactjs.com/ TapJS appMobi web iOS,Android Zeewe.com Cross Platform appstore
  51. 51. IMPACT ※ Tools tween.js , box2d.js , director.js PhoneGap iOS,Android Lawnchair JSONhttp://impactjs.com/ TapJS appMobi web iOS,Android Zeewe.com Cross Platform appstore Playtomic
  52. 52. IMPACT
  53. 53. IMPACT•
  54. 54. IMPACT•• IMPACT
  55. 55. IMPACT•• IMPACT• (Publish)
  56. 56. IMPACT
  57. 57. IMPACTPC ( Windows,Mac,Linux ... )
  58. 58. IMPACT XAMPP( Apache )PC ( Windows,Mac,Linux ... ) http://www.apachefriends.org/jp/xampp-windows.html
  59. 59. IMPACT XAMPP( Apache )PC ( Windows,Mac,Linux ... ) http://www.apachefriends.org/jp/xampp-windows.html
  60. 60. IMPACT XAMPP( Apache )PC ( Windows,Mac,Linux ... ) http://www.apachefriends.org/jp/xampp-windows.html
  61. 61. IMPACT
  62. 62. IMPACThttp://macromates.com/
  63. 63. IMPACT http://macromates.com/• $57( 4500 )
  64. 64. IMPACT http://macromates.com/• $57( 4500 )• !! web
  65. 65. IMPACT http://macromates.com/• $57( 4500 )• !! web•Ruby on Rails
  66. 66. IMPACT http://macromates.com/• $57( 4500 )• !! web•Ruby on Rails•
  67. 67. IMPACT http://macromates.com/• $57( 4500 )• !! web•Ruby on Rails• tmbundlehttps://github.com/paularmstrong/ImpactJS.tmbundle
  68. 68. IMPACT http://macromates.com/ http://www.activestate.com/komodo-edit• $57( 4500 )• !! web•Ruby on Rails• tmbundlehttps://github.com/paularmstrong/ImpactJS.tmbundle
  69. 69. IMPACT http://macromates.com/ http://www.activestate.com/komodo-edit• $57( 4500 ) • 0• !! web•Ruby on Rails• tmbundlehttps://github.com/paularmstrong/ImpactJS.tmbundle
  70. 70. IMPACT http://macromates.com/ http://www.activestate.com/komodo-edit• $57( 4500 ) • 0• !! web ••Ruby on Rails• tmbundlehttps://github.com/paularmstrong/ImpactJS.tmbundle
  71. 71. IMPACT http://macromates.com/ http://www.activestate.com/komodo-edit• $57( 4500 ) • 0• !! web ••Ruby on Rails • ( )• tmbundlehttps://github.com/paularmstrong/ImpactJS.tmbundle
  72. 72. IMPACT http://macromates.com/ http://www.activestate.com/komodo-edit• $57( 4500 ) • 0• !! web ••Ruby on Rails • ( )• • tmbundlehttps://github.com/paularmstrong/ImpactJS.tmbundle
  73. 73. IMPACT http://macromates.com/ http://www.activestate.com/komodo-edit• $57( 4500 ) • 0• !! web ••Ruby on Rails • ( )• • • IMPACT tmbundlehttps://github.com/paularmstrong/ImpactJS.tmbundle
  74. 74. IMPACT
  75. 75. IMPACT
  76. 76. IMPACT
  77. 77. IMPACT Entity
  78. 78. IMPACT Entity
  79. 79. IMPACT Entity (Weltmeister)
  80. 80. IMPACT Entity (Weltmeister)
  81. 81. IMPACT Entity (Weltmeister)
  82. 82. IMPACT
  83. 83. IMPACT
  84. 84. IMPACT IMPACT
  85. 85. IMPACT IMPACT
  86. 86. IMPACT IMPACT
  87. 87. IMPACT
  88. 88. IMPACTig.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();! },});});
  89. 89. IMPACTig.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. 90. IMPACTig.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. 91. IMPACTig.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();! },});});
  92. 92. IMPACTig.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. 93. IMPACTig.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();! },});});
  94. 94. IMPACTig.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. 95. IMPACTig.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();! },});});
  96. 96. IMPACTig.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();! },});});
  97. 97. IMPACTig.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();! },});});
  98. 98. IMPACTig.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:! },});});
  99. 99. IMPACTig.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...});
  100. 100. IMPACT
  101. 101. IMPACT
  102. 102. IMPACT
  103. 103. IMPACT • + •
  104. 104. IMPACT • + •
  105. 105. IMPACT • + •
  106. 106. IMPACT • + • • • ( )
  107. 107. IMPACT • + • • • ( )
  108. 108. IMPACT • + • • • ( ) *.js
  109. 109. IMPACT
  110. 110. IMPACT
  111. 111. IMPACT
  112. 112. IMPACT
  113. 113. IMPACT
  114. 114. IMPACT••
  115. 115. 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(); ! }, }); });
  116. 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. 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. 118. IMPACT !n ew! 1.18
  119. 119. IMPACT !n ew! 1.18
  120. 120. IMPACT !n ew! 1.18 debug
  121. 121. IMPACT !n ew! 1.18 debug
  122. 122. IMPACT !n ew! 1.18 debug Entity
  123. 123. IMPACT !n ew! 1.18 debug Entity
  124. 124. IMPACT !n ew! 1.18 debug version 1.18 Entity features
  125. 125. 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(){
  126. 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. 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. 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. 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. 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. 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. 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. 133. IMPACTdebug API
  134. 134. IMPACT debug APIig.log 1
  135. 135. IMPACT debug API ig.log 1console.log(Debug )
  136. 136. IMPACT debug API ig.log 1console.log(Debug ) 1 ig.show 2
  137. 137. IMPACT debug API ig.log 1console.log(Debug ) 1 ig.show 2 update
  138. 138. IMPACT debug API ig.log 1console.log(Debug ) 1 ig.show 2 update 1 ig.mark 2 ( #FFF )
  139. 139. IMPACT debug API ig.log 1console.log(Debug ) 1 ig.show 2 update 1 ig.mark 2 ( #FFF )
  140. 140. IMPACT !n ew! 1.19
  141. 141. IMPACT !n ew! 1.19
  142. 142. IMPACT !n ew! 1.19 Slope
  143. 143. IMPACT !n ew! 1.19 Slope ( )
  144. 144. IMPACT !n ew! 1.19 Slope ( ) Passing
  145. 145. IMPACT !n ew! 1.19 Slope ( ) Passing
  146. 146. IMPACT !n ew! 1.19 Slope ( ) Passing
  147. 147. IMPACT !n ew! 1.19 Slope ( ) Passing
  148. 148. IMPACT !n ew! 1.19 Slope ( ) Passing Tilesize
  149. 149. IMPACT !n ew! 1.19 Slope ( ) Passing Tilesize
  150. 150. IMPACT(Publish)Tools bake.sh •IMPACT • #bake.sh
  151. 151. IMPACT(Publish)Tools bake.sh •IMPACT • #bake.sh
  152. 152. 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(); ! }, }); });
  153. 153. IMPACT(Publish)Tools bake.sh •IMPACT • #bake.sh Bake • game_min.js • =
  154. 154. iOS IMPACT
  155. 155. iOS IMPACT• iOSIMPACT
  156. 156. iOS IMPACT• iOSIMPACT• iOS
  157. 157. iOSIMPACT
  158. 158. iOSIMPACT
  159. 159. iOSIMPACT
  160. 160. iOSIMPACT
  161. 161. iOSIMPACT
  162. 162. iOSIMPACT • iOS
  163. 163. iOSIMPACT • iOS •OpenGL
  164. 164. iOSIMPACT • iOS •OpenGL •OpenAL
  165. 165. iOSIMPACT • iOS •OpenGL •OpenAL •30 60fps!!
  166. 166. iOSIMPACT • iOS •OpenGL •OpenAL •30 60fps!! •UIKit iOS
  167. 167. iOSIMPACT
  168. 168. iOSIMPACT iOS
  169. 169. iOSIMPACT JavaScriptCore iOS
  170. 170. iOSIMPACT Audio OpenAL JavaScriptCore iOS
  171. 171. iOSIMPACT Canvas OpenGL Audio OpenAL JavaScriptCore iOS
  172. 172. iOSIMPACTiOS 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,
  173. 173. iOSIMPACTiOS 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. 174. iOSIMPACTiOS 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,
  175. 175. iOSIMPACTiOS 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,
  176. 176. iOSIMPACTiOS 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,
  177. 177. iOSIMPACTiOS 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. 178. iOSIMPACTiOS 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
  179. 179. iOSIMPACTiOS 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
  180. 180. iOSIMPACTiOS
  181. 181. iOSIMPACTiOS plugin
  182. 182. iOSIMPACTiOS plugin
  183. 183. iOSIMPACTiOS plugin
  184. 184. iOSIMPACTiOS plugin
  185. 185. iOSIMPACTiOS plugin ig.game.screen.x,y
  186. 186. iOSIMPACTiOS plugin
  187. 187. iOSIMPACTiOS plugin ig.game.setScreenPos(x,y)
  188. 188. iOSIMPACTiOS plugin impact 1.18 ig.game.setScreenPos(x,y)
  189. 189. iOSIMPACTiOS plugin impact 1.18
  190. 190. iOSIMPACTiOS plugin impact 1.18 ig.game.screen.x,y
  191. 191. iOSIMPACTiOS plugin impact 1.18 ig.game.screen.x,y !!
  192. 192. iOSIMPACTiOS
  193. 193. iOSIMPACTiOS
  194. 194. iOSIMPACTiOS
  195. 195. iOSIMPACTiOS
  196. 196. iOSIMPACTiOS
  197. 197. iOSIMPACTiOS
  198. 198. iOSIMPACTiOS iPad
  199. 199. iOSIMPACTiOS iPad iPhone
  200. 200. iOSIMPACTiOS iPad iPhone 768x1024
  201. 201. iOSIMPACTiOS iPad iPhone 768x1024 320x480
  202. 202. iOSIMPACTiOS ig.main() iPad iPhone 768x1024 320x480
  203. 203. iOSIMPACTiOS
  204. 204. iOSIMPACTiOS
  205. 205. iOSIMPACTiOS •
  206. 206. iOSIMPACTiOS • • 256
  207. 207. iOSIMPACTiOS • • 256
  208. 208. iOSIMPACTiOS • • 256 iOSIMPACT draw call
  209. 209. iOSIMPACTiOS
  210. 210. iOSIMPACTiOS
  211. 211. iOSIMPACTiOS •SE caff format
  212. 212. iOSIMPACTiOS •SE caff format •BGM aac format
  213. 213. iOSIMPACTiOS •SE caff format •BGM aac format LEI16@44100
  214. 214. iOSIMPACTiOS •SE caff format •BGM aac format LEI16@44100 512KB
  215. 215. iOSIMPACTiOS •SE caff format •BGM aac format LEI16@44100 512KB
  216. 216. iOSIMPACTiOS •SE caff format •BGM aac format LEI16@44100 512KB
  217. 217. iOSIMPACTiOS •SE caff format •BGM aac format LEI16@44100 SE 512KB OpenAL
  218. 218. iOSIMPACTiOS •SE caff format •BGM aac format LEI16@44100 SE 512KB OpenAL
  219. 219. iOSIMPACTiOS •SE caff format •BGM aac format LEI16@44100 SE 512KB BGM OpenAL AVAudioPlayer
  220. 220. iOSIMPACTiOS •SE caff format •BGM aac format LEI16@44100 SE 512KB BGM OpenAL AVAudioPlayer
  221. 221. Live Demo
  222. 222. One more thing...
  223. 223. One more thing...
  224. 224. SoftwareDesign
  225. 225. Software 2011 9,10Design IMPACT !!
  226. 226. Software 2011 9,10Design IMPACT !!
  227. 227. Enjoy!!

×