Exploring the Future Potential of AI-Enabled Smartphone Processors
JavaScriptゲーム制作勉強会
1. JavaScript
Vol.2
(2011/8/23)
•
•
• SG SP
•
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
1/35
2. TwiQer:
@shibukawa
•
– →DeNA
–
•
– SphinxUsers.jp
•
– XP
– Python ( )
•
– IT
( )
– Python
( )
–
( )
–
( )
:
web
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
2/35
3. • Android iOS ngCore
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
3/35
4. • JavaScript
•
–
• Android iOS
• Flash HTML
5
–
• /app,apk
– API
• XNA API
– API
• iOS/Android
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
4/35
5. • JavaScript
•
–
• Android iOS
• Flash HTML
5
–
• /app,apk
– API
• XNA API
– API
• iOS/Android
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
5/35
6. • JavaScript
•
–
• Android iOS
• Flash HTML
5
–
• /app,apk
– API
• XNA API
• JavaScript
• – API
• • iOS/Android
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
6/35
7. Build
Server
(node.js)
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
7/35
8. •
• Or
Build
Server
(node.js)
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
8/35
9. • 1 js
• /2
• (manifest)
• minify ( )
• 150kb zip ( )
etc
Build
Server
(node.js)
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
9/35
10. •
•
Build
Server
(node.js)
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
10/35
11. mobage
Dev
site
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
11/35
12. • Bake
•
mobage
Dev
site
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
12/35
13. • mobage
•
•
mobage
Dev
site
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
13/35
14. mobage
Dev
site
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
14/35
15. • Bake
• iAP
• APP
→ appstore
mobage
Dev
site
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
15/35
16. • Appstore
•
mobage
Dev
site
Baked
game
By
nyuhuhuu
under
CC-‐BY
By
the_toe_stubber
under
CC-‐BY
By
m
geers
under
CC-‐BY-‐SA
By
superstrikertwo
under
CC-‐BY-‐SA
By
osde8info
under
CC-‐BY-‐SA
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
16/35
17. •
– API
– 2D → 3D
–
•
– BGM/SE
• UI
– WebView
etc
•
– XHR
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
17/35
18. •
– Box2D
•
– Key/Value
•
–
– Observer
– MD5/SHA
•
–
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
18/35
19. •
• /
•
•
•
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
19/35
20. var GL2 = require(“./NGCore/Client/GL2”).GL2;
var Core = require(“./NGCore/Client/Core”).Core;
var MainLoop = Core.MessageListener.subclass({
initialize: function() {
this.image = mychar = new GL2.Sprite();
this.image.setImage(“Content/myimage.png”);
this.setPosition(100, 100);
this.x = 100;
},
onUpdate: function() {
this.x += 3;
this.setPosition(this.x, 100);
}
});
function main() {
var loop = new MainLoop();
Core.UpdateEmitter(loop, loop.onUpdate);
}
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
20/35
21. var GL2 = require(“./NGCore/Client/GL2”).GL2; • CommonJS
var Core = require(“./NGCore/Client/Core”).Core;
•
var MainLoop = Core.MessageListener.subclass({
initialize: function() {
this.image = mychar = new GL2.Sprite();
this.image.setImage(“Content/myimage.png”);
this.setPosition(100, 100);
this.x = 100;
},
onUpdate: function() {
this.x += 3;
this.setPosition(this.x, 100);
}
});
function main() {
var loop = new MainLoop();
Core.UpdateEmitter(loop, loop.onUpdate);
}
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
21/35
22. var GL2 = require(“./NGCore/Client/GL2”).GL2;
var Core = require(“./NGCore/Client/Core”).Core;
var MainLoop = Core.MessageListener.subclass({ •
initialize: function() {
this.image = mychar = new GL2.Sprite();
•
this.image.setImage(“Content/myimage.png”);
this.setPosition(100, 100);
this.x = 100;
},
onUpdate: function() {
this.x += 3;
this.setPosition(this.x, 100);
}
});
function main() {
var loop = new MainLoop();
Core.UpdateEmitter(loop, loop.onUpdate);
}
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
22/35
23. var GL2 = require(“./NGCore/Client/GL2”).GL2;
var Core = require(“./NGCore/Client/Core”).Core;
var MainLoop = Core.MessageListener.subclass({
initialize: function() {
this.image = mychar = new GL2.Sprite();
this.image.setImage(“Content/myimage.png”);
this.setPosition(100, 100);
this.x = 100;
},
onUpdate: function() {
this.x += 3;
this.setPosition(this.x, 100);
}
});
function main() { • main
var loop = new MainLoop(); • UpdateEmiQer
Core.UpdateEmitter(loop, loop.onUpdate);
}
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
23/35
24. var GL2 = require(“./NGCore/Client/GL2”).GL2;
var Core = require(“./NGCore/Client/Core”).Core;
var MainLoop = Core.MessageListener.subclass({ • inialize/destroy
initialize: function() {
this.image = mychar = new GL2.Sprite();
this.image.setImage(“Content/myimage.png”);
this.setPosition(100, 100);
this.x = 100;
},
onUpdate: function() { •
update
this.x += 3;
this.setPosition(this.x, 100);
}
});
function main() {
var loop = new MainLoop();
Core.UpdateEmitter(loop, loop.onUpdate);
}
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
24/35
25.
( )
(V8/JavaScriptCore)
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
25/35
26. new
GL2.Sprite();
i.setImage();
i.setPosion();
( )
(V8/JavaScriptCore)
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
26/35
27. new
GL2.Sprite();
i.setImage();
i.setPosion();
( )
(V8/JavaScriptCore)
“71818741285187013897431”
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
27/35
28. new
GL2.Sprite();
i.setImage();
i.setPosion();
( )
(V8/JavaScriptCore)
“71818741285187013897431”
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
28/35
29. “71818741285187013897431”
EmiQer
(Box2D)
onUpdate
{
}
( )
(V8/JavaScriptCore)
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
29/35
30. •
•
•
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
30/35
31. • SDK
•
Copyright
(c)
1999-‐2011
DeNA
CO.,Ltd.
All
rights
reserved.
31/35
