1. ngCore
@mootoh

2. Showcase

8. ngCore

9. Me
http:// /mootoh
JTPA SVC 2009

11. Mobile
Social Game

12. Mobile
http://www.flickr.com/photos/mkuma443/4731933259/
http://www.flickr.com/photos/marklincoln/5255361533/

13. Mobile
http://blog.nielsen.com/nielsenwire/consumer/smartphones-to-overtake-feature-phones-in-u-s-by-2011/
March 26, 2010

14. Social

15. Social Mobile

16. Game
http://www.flickr.com/photos/nchill4x4/5560435682/

17. Game Mobile
http://www.flickr.com/photos/nchill4x4/5560435682/

18. Mobile Social Game

19. Mobile
Social Game

20. ngCore

21. Cross
Platform
Performance Productivity

22. Platforms
Objective-C Java

23. Platforms
Objective-C Java

24. Platforms
Objective-C Java
C/C++

25. Platforms
Objective-C Java
C/C++
Javascript + HTML

26. Performance Productivity
C/C++ (^o^)
JS + HTML ☓

27. Performance Productivity
C/C++ (^o^)
JS + HTML ☓
JS + Native

28. ngCore
• Write game logic in JS
• Run across multiple platforms
• Optimized Native modules
• Rapid development iteration

30. Developer’s
View

31. Development
Process
JS
httpd

32. Development
Process
JS
httpd
Edit

33. Development
Process
JS
httpd
Edit reload

34. Development
Process
JS
httpd
Edit reload Test

35. Development
Process
JS
httpd
Edit reload Test

36. Demo
• Write game logic in JS
• Run across multiple platforms
• Optimized Native modules
• Rapid development iteration

37. API
• Audio • Social
• Bank • Storage
• Device sensors • UI
• 2D Graphics
• Networking
• Physics

38. http://developer.mobage.com

39. Internal

40. Architecture
JS game code
JS ngCore module
v8
JS Engine JSC
C++
Native module Objective-C
Java
Native Runtime ActionScript
Android iOS Flash

41. Game Engine
for(;;) {
input();
update();
}

42. RunLoop
JS Engine Native Runtime
command string

43. RunLoop
JS Engine Native Runtime
command string
parse
Module

44. RunLoop
JS Engine Native Runtime
command string
parse
Module
exec

45. RunLoop
JS Engine Native Runtime
command string
parse
Module
exec

46. RunLoop
JS Engine Native Runtime
command string
parse
Module
eval exec

47. RunLoop
JS Engine Native Runtime
command string
parse
Module Module
parse eval exec

48. RunLoop
JS Engine Native Runtime
command string
exec parse
Module Module
parse eval exec

49. RunLoop
JS Engine Native Runtime
command string
exec parse
return
Module Module
parse eval exec

50. RunLoop
JS Engine Native Runtime
command string
exec parse
return
Module Module
parse eval exec

51. Command
var label = new GL2.Text();
label.setSize(150, height);
NGCore/Client/GL2/Text.js

52. Command
var label = new GL2.Text();
label.setSize(150, height);
Module → id
NGCore/Client/GL2/Text.js

53. Command
var label = new GL2.Text();
label.setSize(150, height);
Module → id
Instance → id
NGCore/Client/GL2/Text.js

54. Command
var label = new GL2.Text();
label.setSize(150, height);
Module → id
Instance → id
Method → id
NGCore/Client/GL2/Text.js

55. Command
var label = new GL2.Text();
label.setSize(150, height);
Module → id
Instance → id
Method → id
Args: eval
Primitive → String
Instance → id
NGCore/Client/GL2/Text.js

56. Command
var label = new GL2.Text();
label.setSize(150, height);
Module → id
Instance → id String
“311,1,3,150,100”
Method → id
Args: eval
Primitive → String
Instance → id
NGCore/Client/GL2/Text.js

57. Command
var label = new GL2.Text();
label.setSize(150, height);
Module → id
Instance → id String
“311,1,3,150,100”
Method → id
Args: eval
Primitive → String
Marshal.dump
Instance → id
NGCore/Client/GL2/Text.js

58. Implement a
Module
IDL in JS gen stub
{
class: “Text”, .js
namespace: “GL2”,
methods: {
{
sig: “void setText(string text)”, .cpp / .h
js -> native
}
} .as

59. Upcoming...
• More Interactive Development
• Profiler, Debugger
• Graphical Editor
• Social

60. Discussion

61. Social
Game

66. http://www.flickr.com/photos/canadianveggie/4104506343/ http://www.flickr.com/photos/gullevek/3368785185/

67. Social Game
•
•
•$
• ?

68. Game
Engines

69. JS/HTML5
• ?
•
• JS engine, device spec
•

70. Performance
Native
JS + Native
JS + HTML

71. •
• Performance x Productivity

72. Hot topics

73. Why
ngCore?

74. Existing Global
Social Graph
ngCore
$

75. •

76. Conclude

77. Mobile
Social Game
Cross
ngCore
Platform
Performance Productivity