enchant.js を使ったハックの紹介「enchant.js meetup! OSAKA」

20,191 views

Published on

2011年11月に開催された「enchant.js meetup! OSAKA」の講演です。http://blog.enchantjs.com/2011/11/30/enchant-js-meetup-osaka/

Published in: Technology, Design, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
20,191
On SlideShare
0
From Embeds
0
Number of Embeds
18,760
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

enchant.js を使ったハックの紹介「enchant.js meetup! OSAKA」

  1. 1. Ubiquitous Entertainment Inc.11年11月30日水曜日
  2. 2. 11年11月30日水曜日
  3. 3. enchant.jsを使った いろいろなハックの紹介11年11月30日水曜日
  4. 4. 物理シミュレーション Physics Simulation11年11月30日水曜日
  5. 5. demo11年11月30日水曜日
  6. 6. PhySprite < Sprite PhySprite11年11月30日水曜日
  7. 7. Ruby on enchant.js11年11月30日水曜日
  8. 8. Ruby 1.9.0 Web Server Compile to YARV code compileRuby.cgi HotRuby.js(Custom) Running YARV code Web Browser on HTML5 Ruby Code enchant.js Ruby on enchant.js11年11月30日水曜日
  9. 9. Extend from Sprite class class Effect < Sprite def initialize (x,y) super(16,16) self.image = Game.assets("kirakira.gif") self.frame=0 self.x = x+16 self.y = y+8 self.scaleX=2 self.scaleY=2 $group.addChild(self) @mode = 0 end Define event listener def enterframe if Game.frame%4 < 3 return end self.frame += 1 if self.frame >= 4 destroy end end end HTML5 with Ruby code11年11月30日水曜日
  10. 10. demo11年11月30日水曜日
  11. 11. Canvasを使った半透明処理11年11月30日水曜日
  12. 12. scr = new Sprite(320,320); surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets[bg.png]); ctx = surface.context; ctx.beginPath(); ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = rgba(0,0,0,0.2); ctx.fill();11年11月30日水曜日
  13. 13. scr = new Sprite(320,320); Surfaceを作る surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets[bg.png]); ctx = surface.context; ctx.beginPath(); ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = rgba(0,0,0,0.2); ctx.fill();11年11月30日水曜日
  14. 14. scr = new Sprite(320,320); Surfaceを作る surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets[bg.png]); 直接イメージを ctx = surface.context; 描画可能 ctx.beginPath(); ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = rgba(0,0,0,0.2); ctx.fill();11年11月30日水曜日
  15. 15. scr = new Sprite(320,320); Surfaceを作る surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets[bg.png]); 直接イメージを ctx = surface.context; 描画可能 ctx.beginPath(); Canvasの コンテキストを取得 ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = rgba(0,0,0,0.2); ctx.fill();11年11月30日水曜日
  16. 16. scr = new Sprite(320,320); Surfaceを作る surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets[bg.png]); 直接イメージを ctx = surface.context; 描画可能 ctx.beginPath(); Canvasの コンテキストを取得 ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = rgba(0,0,0,0.2); アルファ付きで ctx.fill(); 色指定できる11年11月30日水曜日
  17. 17. demo11年11月30日水曜日
  18. 18. AR Game11年11月30日水曜日
  19. 19. AR 認識エンジン搭載 OpenGL ES対応 音声、マルチタッチサポート11年11月30日水曜日
  20. 20. AR Market Recognize and Manipulate from JavaScript11年11月30日水曜日
  21. 21. Integrated 3D Scene Graph Supports for OpenGL/WebGL11年11月30日水曜日
  22. 22. Only 30 lines to manipulate AR tag and drawing 3D Model!11年11月30日水曜日
  23. 23. お仕事 enchant.js11年11月30日水曜日
  24. 24. ふつうのOLが二人で作成11年11月30日水曜日
  25. 25. 社内情報セキュリティ研修用ゲーム11年11月30日水曜日
  26. 26. 趣味からお仕事まで11年11月30日水曜日
  27. 27. 11年11月30日水曜日
  28. 28. Ubiquitous Entertainment Inc.11年11月30日水曜日
  29. 29. Roadmap11年11月30日水曜日
  30. 30. 2003年創業資本金:2億9000万円資本準備金(2億7300万円)従業員:100人(正社員70人+学生30人)11年11月30日水曜日
  31. 31. 社長 取締役会 組織図 Solution Contents Research ソリューションビジネス部 コンテンツビジネス部 秋葉原リサーチセンター 研究開発部11年11月30日水曜日
  32. 32. 社長 取締役会 組織図 Solution Contents Research ソリューションビジネス部 コンテンツビジネス部 秋葉原リサーチセンター 研究開発部11年11月30日水曜日
  33. 33. 社長 取締役会 組織図 社長直轄の 研究部門 Solution Contents Research ソリューションビジネス部 コンテンツビジネス部 秋葉原リサーチセンター 研究開発部11年11月30日水曜日
  34. 34. 今年度から新卒募集開始 会社説明会は12月21日 場所は浅草花屋敷 詳細は9月5日のリクナビを参照11年11月30日水曜日
  35. 35. 中途採用も受付中! 詳細はリクナビNEXTにて11年11月30日水曜日
  36. 36. 11年11月30日水曜日
  37. 37. docomo Palette UI11年11月30日水曜日
  38. 38. ZeptoPad Folio11年11月30日水曜日
  39. 39. 11年11月30日水曜日
  40. 40. 11年11月30日水曜日
  41. 41. 今 日 僕たちが 伝 え た い メッセージ11年11月30日水曜日
  42. 42. プログラミングは最高だってこと11年11月30日水曜日
  43. 43. これからプログラミングを 勉強したいと思うなら 最適なものがひとつある11年11月30日水曜日
  44. 44. 11年11月30日水曜日
  45. 45. 2014年にHTML5が 正式に策定される予定11年11月30日水曜日
  46. 46. スマートフォンにおける HTML5は、 ケータイのFlash Liteと 同じかそれ以上の位置づけとなる11年11月30日水曜日
  47. 47. つまり HTML5を制する者 だけが 未来への切符を 手にすることができる11年11月30日水曜日
  48. 48. だから11年11月30日水曜日
  49. 49. これからの予定 2011 11月28日 リアルタイム通信ゲーム対応 9leapに通信サーバを設置 2011 12月中旬 enchant PRO for iPhoneリリース enchant.js / WebGL対応(β)11年11月30日水曜日
  50. 50. 開発中のもの 物理シミュレーションプラグイン - Box2Dをベースに書き直し PC環境向け3Dエンジン - WebGL対応11年11月30日水曜日
  51. 51. 開発中のもの 物理シミュレーションプラグイン - Box2Dをベースに書き直し PC環境向け3Dエンジン - WebGL対応 その他、あなたのPullRequestを受付中!11年11月30日水曜日
  52. 52. 開発中のもの enchant.js本(初の公式本) 2012年2月頃発売予定! (アスキーメディアワークスから!) さらにもう一冊を夏頃予定11年11月30日水曜日
  53. 53. 開発中のもの enchant.js本(初の公式本) 2012年2月頃発売予定! (アスキーメディアワークスから!) さらにもう一冊を夏頃予定 その他、enchant.js本執筆者募集中! http://9leap.net/info/inquiry11年11月30日水曜日
  54. 54. ナインリープ HTML5によるミニゲーム開発コンテスト11年11月30日水曜日
  55. 55. 9leapは Presentation and Achievement HTML5による ゲーム開発を 活発化していく! Game Framework Good Platform 4711年11月30日水曜日
  56. 56. ピアプロとクロスライセンスを締結 初音ミクを始めとする素材が使えるようになりました 自分で描いてピアプロに投稿して9leapで使ってもOK!11年11月30日水曜日
  57. 57. テラカワユス!!!11年11月30日水曜日
  58. 58. 上位3名に選出されると・・・ シリコンバレー 視察ツアーに招待!11年11月30日水曜日
  59. 59. ただし、本戦への参加資格は25歳以下の学生のみ11年11月30日水曜日
  60. 60. おいおい、 大人にも参加させろ! というご要望も多かったので11年11月30日水曜日
  61. 61. 毎月9日間限定で 大人も参加可能な コンテストも併催11年11月30日水曜日
  62. 62. してたんだけど11年11月30日水曜日
  63. 63. やっぱり忙しい社会人が 9日間という短い期間に ゲームを作るというのも けっこう大変みたいです11年11月30日水曜日
  64. 64. とはいえ 趣味としての ゲームプログラミング はもっと流行って欲しい11年11月30日水曜日
  65. 65. 僕は爺さんになっても 盆栽いじりじゃなくて ゲーム作りをして 老後を過ごしたい11年11月30日水曜日
  66. 66. 11年11月30日水曜日
  67. 67. ソースコードは11年11月30日水曜日
  68. 68. ソースコードは 秘伝の味噌みたいなもの11年11月30日水曜日
  69. 69. 11年11月30日水曜日
  70. 70. enchant.jsで11年11月30日水曜日
  71. 71. enchant.jsで いろんなゲームを作ると11年11月30日水曜日
  72. 72. enchant.jsで いろんなゲームを作ると いろんな味噌が11年11月30日水曜日
  73. 73. enchant.jsで いろんなゲームを作ると いろんな味噌が たまって来た11年11月30日水曜日
  74. 74. 制作時間:1時間 制作人数:2人11年11月30日水曜日
  75. 75. 制作時間:4時間 制作人数:2人11年11月30日水曜日
  76. 76. 11年11月30日水曜日
  77. 77. かつてこれほどまでに11年11月30日水曜日
  78. 78. かつてこれほどまでに 気軽に11年11月30日水曜日
  79. 79. かつてこれほどまでに 気軽に 簡単に11年11月30日水曜日
  80. 80. かつてこれほどまでに 気軽に 簡単に ゲーム作りできたことが11年11月30日水曜日
  81. 81. かつてこれほどまでに 気軽に 簡単に ゲーム作りできたことが あっただろうか!?11年11月30日水曜日
  82. 82. かつてこれほどまでに 気軽に 簡単に ゲーム作りできたことが あっただろうか!? いや、ない(反実仮想)11年11月30日水曜日
  83. 83. もっと色んな人が 面白いゲームを作って オープンソースで使える ようにすれば もっと面白いゲームが 出てくるんじゃないか11年11月30日水曜日
  84. 84. そこで11年11月30日水曜日
  85. 85. 無差別級11年11月30日水曜日
  86. 86. 社会人も参加できる ミニゲーム開発コンテスト を 新たに開始します!11年11月30日水曜日
  87. 87. オ ー プ ン リ ー プ11年11月30日水曜日
  88. 88. 学生でも社会人でも 20歳以上ならエントリー可能 テーマは自由 ただし、 ソースはMITライセンスで公開する11年11月30日水曜日
  89. 89. 優勝賞金 50万円 優秀賞 10万円 奨励賞 1万円11年11月30日水曜日
  90. 90. 第一回 11月1日∼12月31日まで 奨励賞 1万円 ※10000プレイを獲得したゲームから先着10作品 (但し、同一プレイヤーのアクセスは1日1回のみカウント)11年11月30日水曜日
  91. 91. 第一回 11月1日∼12月31日まで 奨励賞 1万円 ※10000プレイを獲得したゲームから先着10作品 (但し、同一プレイヤーのアクセスは1日1回のみカウント) も使用可能11年11月30日水曜日
  92. 92. さらに・・・11年11月30日水曜日
  93. 93. 最終決勝戦11年11月30日水曜日
  94. 94. そして・・・11年11月30日水曜日
  95. 95. プログラミングを愛する 全ての人のために11年11月30日水曜日
  96. 96. 11年11月30日水曜日
  97. 97. リ ー プ フ ェ ス ト11年11月30日水曜日
  98. 98. enchant.jsに限らず 日本中からスゲえ ハッカーとプログラマーを 連れてきます!11年11月30日水曜日
  99. 99. 2012/2/12 @Akihabara11年11月30日水曜日
  100. 100. 予定あけといてね!11年11月30日水曜日
  101. 101. 我々の野望11年11月30日水曜日
  102. 102. プログラミングは楽しい! 自分でプログラミングしたゲームで遊ぶのは格別の面白さ!11年11月30日水曜日
  103. 103. プログラミングは嬉しい! 自分のゲームを家族や友達に遊んでもらったらとっても嬉しい!11年11月30日水曜日
  104. 104. プログラミングは素晴らしい! 人類がかつて手にした中で最高の教材であり、コミュニケーション手段にもなる!11年11月30日水曜日
  105. 105. プログラミングは もうプロだけのものじゃない 主婦や学生やOLやおじいさん みんながプログラミングを 楽しめるようになれば もっと世の中が楽しくなる!11年11月30日水曜日
  106. 106. enchant.jsは プログラミングの面白さを 誰もが手軽に楽しめる 幸せな世界を作ります11年11月30日水曜日
  107. 107. 一億11年11月30日水曜日
  108. 108. 総11年11月30日水曜日
  109. 109. プログラマー11年11月30日水曜日
  110. 110. 国家11年11月30日水曜日
  111. 111. Ubiquitous Entertainment Inc.11年11月30日水曜日

×