Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Developers       Summit                HTML5でモバイル3Dゲームの開発は可能?!                    可能にする         となる技術はここにあるのか?!           ...
Developers       Summit                    HTML5での描画技術    アジェンダ                    ・案件紹介                    ・スマホ国内ブラウザシェア ...
Developers       Summit                    自己紹介                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                       自己紹介    名前:KARL GUNTHER ALAN BRUNNER (グンタ)    言語:JAVASCRIPT, PHP, C++, ASM, ...
Developers       Summit                    自己紹介     オットクラウゼ専門学校    ブエノスアイレス大学                         日本工学院     電子科       ...
Developers       Summit                    今関わっている案件    バトルスロット                        http://battleslot.jp               ...
Developers       Summit                    今関わっている案件    バトルスロット                      Developers Summit 2013 Action !13年2月1...
Developers       Summit                    HTML5での描画技術                       Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    HTML5での描画技術                        ・DOM                        ・CSS3           ...
Developers       Summit                     HTML5での描画技術         “スマートフォンでHTML5の3Dゲーム開発を果たして              可能にする   となる技術はここに...
Developers       Summit                    国内スマホOSシェア              iOS   Android               Nintendo 3DS               ...
Developers       Summit                    国内スマホOSシェア                    IOS+ANDROID = 98%                                ...
Developers       Summit                    国内スマホブラウザシェア                                                                   ...
Developers       Summit                    国内スマホブラウザ状況              WEBKITが事実上標準のレンダリング              エンジンになっている状況。        ...
Developers       Summit                    国内スマホブラウザ状況              WEBKITとはいえ、              IOS、ANDROID、CHROMEは全く異なる。    ...
Developers       Summit                    国内スマホブラウザ状況      しかし、      ・描画技術(CANVAS, CSS3,...)                            リ...
Developers       Summit                    国内スマホブラウザ状況     “ゲームでは描画のパフォーマンスが大事”                       理想:	  60fps         ...
Developers       Summit               スマホブラウザのバグ、バグ                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    HTML5での描画技術                        ・DOM                        ・CSS3           ...
Developers       Summit                         DOM                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    DOM	  CSS2で描画          2年前までのPCサイトでのJSアニメーションは、          DOMのCSS2で実装されていた。     ...
Developers       Summit                    DOM	  CSS2で描画    マージンレフトで動かす        IOS: GPU無効。遅い。        ANDROID: 遅い。若干安定。    ...
Developers       Summit                    DOM	  CSS2で描画    レフトで動かす        IOS: GPU無効。遅い。        ANDROID: 遅い。若干安定。        ...
Developers       Summit                          CSS3                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    DOM	  CSS3で描画         CSS3が定義実装され、GPUアクセラレーションの効いたJS              アニメーションができるよう...
Developers       Summit                    DOM	  CSS3で描画    TRANSLATEXで動かす        IOS: IOS>4、GPU有効。早い。        ANDROID: 機種に...
Developers       Summit                    DOM	  CSS3	  3Dで描画    TRANSLATE3Dで動かす        IOS: GPU有効。一番早い。        ANDROID: 不...
Developers       Summit                    GPUは有効?                     Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    GPUを可視化する    IOS SIMULATOR                      Developers Summit 2013 Action !...
Developers       Summit                    GPUを可視化する    MIHTOOL      IPHONEアプリ(無料)                      Developers Summit ...
Developers       Summit                    GPU使用時の注意点                                                        リアリ          ...
Developers       Summit                    GPU使用時の注意点                                                         リアリ         ...
Developers       Summit                    CSS3	  FILTERS                      Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                      CSS3	  FILTERSで描画    CSS3 FILTERSで効果         ・グレースケール:GRAYSCALE         ・色相:H...
Developers       Summit                    CSS3	  FILTERSで描画    CSS3 FILTERSで効果        IOS: IOS6より実装。GPU有効。ぼかし以外は早い。      ...
Developers       Summit                    CSS3	  CUSTOM	  FILTERS                           Developers Summit 2013 Action...
Developers       Summit                    CSS3	  CUSTOM	  FILTERSで描画    CSS3 CUSTOM FILTERSで効果         シェーダーはOPENGLシェーディン...
Developers       Summit                    CSS3	  CUSTOM	  FILTERSで描画    CSS3 CUSTOM FILTERSで効果        IOS: 未実装。IOS>7に期待。 ...
Developers       Summit                     CANVAS                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    CANVASで描画    CANVAS        CANVASは自由度が高い一方、        DOM側で実装されていた機能が使用できなくなる。    ...
Developers       Summit                    CANVASで描画    CANVASの描画の全ては自分でやらないといけない       パフォーマンスTIPS       ・状態操作を必要最小限にする  ...
Developers       Summit                    CANVASで描画    CANVASで動かす        IOS: IOS>5ピクセルの描画のみGPU支援。        ANDROID: 場合によって...
Developers       Summit                      WEBGL                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                     WEBGLで描画    WEBGL               PC版のCHROMEでは既に盛り上がっている様子。               HTML5で...
Developers       Summit                    WEBGLで描画    THREE.JSで動かす        IOS: 実装されているが、非公開。IADのみ許可。        ANDROID: OS>4...
Developers       Summit                    スマホで使える3D技術                       Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    スマホで使える3D技術          現状          IOS: CSS3 3D、IOS4から安定に実装済み。          ANDROID: ...
Developers       Summit                    スマホで使える3D技術          今後          IOS: CSS3 3Dも変わらず。IOS7~8よりWEBGL許可に期待。         ...
Developers       Summit                    CSS3	  3D用のライブラリ                         Developers Summit 2013 Action !13年2月14...
Developers       Summit                    CSS3	  3D用のライブラリ    THREE.JS         現在一番機能と人気のあるライブラリ。         ・WEBGLレンダー     ...
Developers       Summit                    CSS3	  3D用のライブラリ    SPRITE3D.JS         CSS3-3D専用の軽量ライブラリ。                     ...
Developers       Summit                    CSS3	  3D用のライブラリ    PHOTON         CSS3-3D専用のライトニングエンジン。                       ...
Developers       Summit                    CSS3	  3D用のライブラリ    FAMO.US         米企業によるCSS3-3D専用のエンジンを開発中。                  ...
Developers       Summit                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit      表現力はブラウザによって全く異なる                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    ブラウザによっての表現力                                                          リアリ      ...
Developers       Summit      ブラウザの諸々バグによって、実際に                    Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit                    ブラウザによっての表現力                               PS2                      =        SN...
Developers       Summit                    ブラウザによっての表現力    考えられるポリシー                                                      ...
Developers       Summit                    I	  suggest	  your	  Next	  AcEon!                                Developers Su...
Developers       Summit              最後に、THREE.JSでデモを作ろう                     Developers Summit 2013 Action !13年2月14日木曜日
Developers       Summit              最後にThree.jsでデモを作ろう        WEBGLとCSS3 3Dを扱いやすくするTHREE.JSを採用。        ・SCENE支援        ・C...
Developers       Summit                    It’s	  your	  turn.                       Developers Summit 2013 Action !13年2月1...
Developers       Summit                                                リンク集              紹介              BATTLESLOT       ...
Developers       Summit                                                   リンク集              ツール              IOS SIMULATOR...
Developers       Summit                                                   リンク集              HTML5描画関連のプレゼン              HO...
Developers       Summit                                                    リンク集      CANVAS対CSS3記事      諸々異なる意見と検証結果。     ...
Developers       Summit                      リンク集                    ご清聴ありがとうございました!                      Developers Summi...
Upcoming SlideShare
Loading in …5
×

Devsumi2013 gunta 2_pdf

738 views

Published on

  • Be the first to comment

Devsumi2013 gunta 2_pdf

  1. 1. Developers Summit HTML5でモバイル3Dゲームの開発は可能?! 可能にする となる技術はここにあるのか?! ブルンナー・グンタ Gunther Brunner 14-C-4 #devsumiC アメーバ事業本部 フロンティアゲーム事業部 Developers Summit 2013 Action !13年2月14日木曜日
  2. 2. Developers Summit HTML5での描画技術 アジェンダ ・案件紹介 ・スマホ国内ブラウザシェア ・HTML5での描画技術紹介 ・リアリティチェック ・3Dデモ Developers Summit 2013 Action !13年2月14日木曜日
  3. 3. Developers Summit 自己紹介 Developers Summit 2013 Action !13年2月14日木曜日
  4. 4. Developers Summit 自己紹介 名前:KARL GUNTHER ALAN BRUNNER (グンタ) 言語:JAVASCRIPT, PHP, C++, ASM, 英語, スペイン語, 日本語 仕事:サイバーエージェント(株)フロントエンドエンジニア TWITTER: @GUNTA85 BLOG: HTTP://AMEBLO.JP/GUNTA85/ Developers Summit 2013 Action !13年2月14日木曜日
  5. 5. Developers Summit 自己紹介 オットクラウゼ専門学校 ブエノスアイレス大学 日本工学院 電子科 情報科 グラフィックデザイン科 Developers Summit 2013 Action !13年2月14日木曜日
  6. 6. Developers Summit 今関わっている案件 バトルスロット http://battleslot.jp Developers Summit 2013 Action !13年2月14日木曜日
  7. 7. Developers Summit 今関わっている案件 バトルスロット Developers Summit 2013 Action !13年2月14日木曜日
  8. 8. Developers Summit HTML5での描画技術 Developers Summit 2013 Action !13年2月14日木曜日
  9. 9. Developers Summit HTML5での描画技術 ・DOM ・CSS3 ・CSS3 3D ・CSS3 FILTERS ・CANVAS ・WEBGL Developers Summit 2013 Action !13年2月14日木曜日
  10. 10. Developers Summit HTML5での描画技術 “スマートフォンでHTML5の3Dゲーム開発を果たして 可能にする となる技術はここにあるのか?!” まず、リアリティチェック。 Developers Summit 2013 Action !13年2月14日木曜日
  11. 11. Developers Summit 国内スマホOSシェア iOS Android Nintendo 3DS その他 1% リアリ ティ 1% チェッ ク 46% 52% STATSCOUNTER GLOBALSTATS調べ。2013年3月14日(現在) Developers Summit 2013 Action !13年2月14日木曜日
  12. 12. Developers Summit 国内スマホOSシェア IOS+ANDROID = 98% STATSCOUNTER GLOBALSTATS調べ。2013年3月14日(現在) Developers Summit 2013 Action !13年2月14日木曜日
  13. 13. Developers Summit 国内スマホブラウザシェア リアリ ティ チェッ ク IOS ANDROID ANDROID BROWSER CHROME SAFARI Developers Summit 2013 Action !13年2月14日木曜日
  14. 14. Developers Summit 国内スマホブラウザ状況 WEBKITが事実上標準のレンダリング エンジンになっている状況。 Developers Summit 2013 Action !13年2月14日木曜日
  15. 15. Developers Summit 国内スマホブラウザ状況 WEBKITとはいえ、 IOS、ANDROID、CHROMEは全く異なる。 ・WEBKITの実装 ・バージョン違い ・不明なところ ・バグ ・JSエンジン ・デバイスの違い Developers Summit 2013 Action !13年2月14日木曜日
  16. 16. Developers Summit 国内スマホブラウザ状況 しかし、 ・描画技術(CANVAS, CSS3,...) リアリ チェッ ティ ク ・デバイス(IPHONE, ANDROID) ・OSバージョン(IOS4VS6, ANDROID 2VS4) ・ブラウザバグ(特にANDROID) パフォーマンス、ユーザ体感が全く異なる。 Developers Summit 2013 Action !13年2月14日木曜日
  17. 17. Developers Summit 国内スマホブラウザ状況 “ゲームでは描画のパフォーマンスが大事” 理想:  60fps 最悪:  20fps Developers Summit 2013 Action !13年2月14日木曜日
  18. 18. Developers Summit スマホブラウザのバグ、バグ Developers Summit 2013 Action !13年2月14日木曜日
  19. 19. Developers Summit HTML5での描画技術 ・DOM ・CSS3 ・CSS3 3D ・CSS3 FILTERS ・CANVAS ・WEBGL Developers Summit 2013 Action !13年2月14日木曜日
  20. 20. Developers Summit DOM Developers Summit 2013 Action !13年2月14日木曜日
  21. 21. Developers Summit DOM  CSS2で描画 2年前までのPCサイトでのJSアニメーションは、 DOMのCSS2で実装されていた。 Developers Summit 2013 Action !13年2月14日木曜日
  22. 22. Developers Summit DOM  CSS2で描画 マージンレフトで動かす IOS: GPU無効。遅い。 ANDROID: 遅い。若干安定。 結論:NG。 Developers Summit 2013 Action !13年2月14日木曜日
  23. 23. Developers Summit DOM  CSS2で描画 レフトで動かす IOS: GPU無効。遅い。 ANDROID: 遅い。若干安定。 結論:NG。 Developers Summit 2013 Action !13年2月14日木曜日
  24. 24. Developers Summit CSS3 Developers Summit 2013 Action !13年2月14日木曜日
  25. 25. Developers Summit DOM  CSS3で描画 CSS3が定義実装され、GPUアクセラレーションの効いたJS アニメーションができるようになった。 Developers Summit 2013 Action !13年2月14日木曜日
  26. 26. Developers Summit DOM  CSS3で描画 TRANSLATEXで動かす IOS: IOS>4、GPU有効。早い。 ANDROID: 機種によって不安定。 結論:有り(特にIOS) Developers Summit 2013 Action !13年2月14日木曜日
  27. 27. Developers Summit DOM  CSS3  3Dで描画 TRANSLATE3Dで動かす IOS: GPU有効。一番早い。 ANDROID: 不安定、描画されない。 CHROME: 場合による。 結論:有り(IOSのみ) Developers Summit 2013 Action !13年2月14日木曜日
  28. 28. Developers Summit GPUは有効? Developers Summit 2013 Action !13年2月14日木曜日
  29. 29. Developers Summit GPUを可視化する IOS SIMULATOR Developers Summit 2013 Action !13年2月14日木曜日
  30. 30. Developers Summit GPUを可視化する MIHTOOL IPHONEアプリ(無料) Developers Summit 2013 Action !13年2月14日木曜日
  31. 31. Developers Summit GPU使用時の注意点 リアリ ティ GPUはマジックブラックボックス。 チェッ ク ・バッファーサイズが不明 ・リソースの上限が不明 ・オブジェクトのカウントが不可 ・クラッシュの原因が特定不可 Developers Summit 2013 Action !13年2月14日木曜日
  32. 32. Developers Summit GPU使用時の注意点 リアリ ティ チェッ ク だが、ハードウェアによる高速な描画を実現するために GPUに依存せざるを得ない。 Developers Summit 2013 Action !13年2月14日木曜日
  33. 33. Developers Summit CSS3  FILTERS Developers Summit 2013 Action !13年2月14日木曜日
  34. 34. Developers Summit CSS3  FILTERSで描画 CSS3 FILTERSで効果 ・グレースケール:GRAYSCALE ・色相:HUE-ROTATE ・明度:BRIGHTNESS ・彩度:SATURATE ・セピア:SEPIA ・透明度:OPACITY ・階調の反転:INVERT ・コントラスト:CONTRAST ・ぼかし:BLUR ・ドロップシャドウ:DROP-SHADOW Developers Summit 2013 Action !13年2月14日木曜日
  35. 35. Developers Summit CSS3  FILTERSで描画 CSS3 FILTERSで効果 IOS: IOS6より実装。GPU有効。ぼかし以外は早い。 ANDROID: 未実装。CHROMEでまだ不安定。 結論:有り(IOSのみ) Developers Summit 2013 Action !13年2月14日木曜日
  36. 36. Developers Summit CSS3  CUSTOM  FILTERS Developers Summit 2013 Action !13年2月14日木曜日
  37. 37. Developers Summit CSS3  CUSTOM  FILTERSで描画 CSS3 CUSTOM FILTERSで効果 シェーダーはOPENGLシェーディング言語(GLSL)で 記述される。 ・PS: ピクセルシェーダ ・VS: バーテックスシェーダ DOMの要素に対して適用できる。 Developers Summit 2013 Action !13年2月14日木曜日
  38. 38. Developers Summit CSS3  CUSTOM  FILTERSで描画 CSS3 CUSTOM FILTERSで効果 IOS: 未実装。IOS>7に期待。 ANDROID: 未実装。OS>4.3のCHROMEに期待。 結論:今後 Developers Summit 2013 Action !13年2月14日木曜日
  39. 39. Developers Summit CANVAS Developers Summit 2013 Action !13年2月14日木曜日
  40. 40. Developers Summit CANVASで描画 CANVAS CANVASは自由度が高い一方、 DOM側で実装されていた機能が使用できなくなる。 ・テキストレイアウト ・CSS効果:SHADOW, FILTERS ・テキストハイライト(アクセシビリティも無し) ・ボタンやフォーム要素 ・位置や周りのオブジェクトの情報取得 Developers Summit 2013 Action !13年2月14日木曜日
  41. 41. Developers Summit CANVASで描画 CANVASの描画の全ては自分でやらないといけない パフォーマンスTIPS ・状態操作を必要最小限にする ・複数のCANVAS要素を使ってプレレンダリングや レイヤーを検討する ・差分のみレンダリングする ・浮動小数点座標を整数に変換する Developers Summit 2013 Action !13年2月14日木曜日
  42. 42. Developers Summit CANVASで描画 CANVASで動かす IOS: IOS>5ピクセルの描画のみGPU支援。 ANDROID: 場合によって安定。 結論:有り Developers Summit 2013 Action !13年2月14日木曜日
  43. 43. Developers Summit WEBGL Developers Summit 2013 Action !13年2月14日木曜日
  44. 44. Developers Summit WEBGLで描画 WEBGL PC版のCHROMEでは既に盛り上がっている様子。 HTML5での描画の最先端技術。 Developers Summit 2013 Action !13年2月14日木曜日
  45. 45. Developers Summit WEBGLで描画 THREE.JSで動かす IOS: 実装されているが、非公開。IADのみ許可。 ANDROID: OS>4.2のCHROME(Β)より有効。現状不安定。 結論:今後有り Developers Summit 2013 Action !13年2月14日木曜日
  46. 46. Developers Summit スマホで使える3D技術 Developers Summit 2013 Action !13年2月14日木曜日
  47. 47. Developers Summit スマホで使える3D技術 現状 IOS: CSS3 3D、IOS4から安定に実装済み。 ANDROID: CANVAS 2Dで3Dをシミュレーション。 Developers Summit 2013 Action !13年2月14日木曜日
  48. 48. Developers Summit スマホで使える3D技術 今後 IOS: CSS3 3Dも変わらず。IOS7~8よりWEBGL許可に期待。 ANDROID: OS>4.2のCHROMEよりWEBGLが実装される。 Developers Summit 2013 Action !13年2月14日木曜日
  49. 49. Developers Summit CSS3  3D用のライブラリ Developers Summit 2013 Action !13年2月14日木曜日
  50. 50. Developers Summit CSS3  3D用のライブラリ THREE.JS 現在一番機能と人気のあるライブラリ。 ・WEBGLレンダー ・CSS3 3Dレンダー ・CANVASレンダー ・CPUレンダー Developers Summit 2013 Action !13年2月14日木曜日
  51. 51. Developers Summit CSS3  3D用のライブラリ SPRITE3D.JS CSS3-3D専用の軽量ライブラリ。 Developers Summit 2013 Action !13年2月14日木曜日
  52. 52. Developers Summit CSS3  3D用のライブラリ PHOTON CSS3-3D専用のライトニングエンジン。 Developers Summit 2013 Action !13年2月14日木曜日
  53. 53. Developers Summit CSS3  3D用のライブラリ FAMO.US 米企業によるCSS3-3D専用のエンジンを開発中。 Developers Summit 2013 Action !13年2月14日木曜日
  54. 54. Developers Summit Developers Summit 2013 Action !13年2月14日木曜日
  55. 55. Developers Summit 表現力はブラウザによって全く異なる Developers Summit 2013 Action !13年2月14日木曜日
  56. 56. Developers Summit ブラウザによっての表現力 リアリ ティ チェッ ク スマホブラウザの表現力の状況は 昔のコンシューマー向けゲーム機戦争と 似たような状況。 Developers Summit 2013 Action !13年2月14日木曜日
  57. 57. Developers Summit ブラウザの諸々バグによって、実際に Developers Summit 2013 Action !13年2月14日木曜日
  58. 58. Developers Summit ブラウザによっての表現力 PS2 = SNES リアリ チェッ ティ ク = = N64 PS3 ~ Developers Summit 2013 Action !13年2月14日木曜日
  59. 59. Developers Summit ブラウザによっての表現力 考えられるポリシー リアリ ティ チェッ ク コンシューマー向けゲーム機と同様扱い: 3D表現は特定のプラットホームに絞る。 古いブラウザは通常の2Dでレンダリング。 Developers Summit 2013 Action !13年2月14日木曜日
  60. 60. Developers Summit I  suggest  your  Next  AcEon! Developers Summit 2013 Action !13年2月14日木曜日
  61. 61. Developers Summit 最後に、THREE.JSでデモを作ろう Developers Summit 2013 Action !13年2月14日木曜日
  62. 62. Developers Summit 最後にThree.jsでデモを作ろう WEBGLとCSS3 3Dを扱いやすくするTHREE.JSを採用。 ・SCENE支援 ・CAMERA支援 ・MESH支援 ・TWEENS支援 ・等々 Developers Summit 2013 Action !13年2月14日木曜日
  63. 63. Developers Summit It’s  your  turn. Developers Summit 2013 Action !13年2月14日木曜日
  64. 64. Developers Summit リンク集 紹介 BATTLESLOT HTTP://BATTLESLOT.JP @GUNTA85のブログ HTTP://AMEBLO.JP/GUNTA85/PAGE-2.HTML @GUNTA85のデザインポートフォリオ HTTP://GUNTA.ORG/DESIGN/ デモ @GUNTA85のTHREE.JS CSS3 3Dデモ HTTP://BIT.LY/DEMOCSS3D SPRITE3D.JS HTTP://SPRITE3D.MINIMAL.BE/ CSS3 CUSTOM FILTERS HTTP://ALTEREDQUALIA.COM/CSS-SHADERS/SPHERE.HTML Developers Summit 2013 Action !13年2月14日木曜日
  65. 65. Developers Summit リンク集 ツール IOS SIMULATOR HTTPS://DEVELOPER.APPLE.COM/DEVCENTER/IOS/INDEX.ACTION MIHTOOL HTTP://WWW.IUNBUG.COM/MIHTOOL CSS FILTERLAB HTTP://HTML.ADOBE.COM/WEBSTANDARDS/CSSCUSTOMFILTERS/CSSFILTERLAB/ ライブラリ SPRITE3D.JS HTTP://MINIMAL.BE/LAB/SPRITE3D/ THREE.JS HTTP://MRDOOB.GITHUB.COM/THREE.JS/ PHOTON CSS3D LIGHTNING HTTP://PHOTON.ATTASI.COM/ FAMO.US HTTP://FAMO.US/ Developers Summit 2013 Action !13年2月14日木曜日
  66. 66. Developers Summit リンク集 HTML5描画関連のプレゼン HOT SUMMER PICKS FROM HTML5 BY GOOGLE HTTPS://HOTSUMMERPICKS.APPSPOT.COM/#1 HTML5 DEVCONF OCT 2012: FAMO.US HTTP://WWW.SLIDESHARE.NET/BEFAMOUS/HTML5-DEVCONF-OCT-2012-TECH-TALK CSS3 3D対CSS2記事 WHY MOVING ELEMENTS WITH TRANSLATE() IS BETTER THAN POS:ABS TOP/LEFT HTTP://PAULIRISH.COM/2012/WHY-MOVING-ELEMENTS-WITH-TRANSLATE-IS-BETTER-THAN-POSABS-TOPLEFT/ Developers Summit 2013 Action !13年2月14日木曜日
  67. 67. Developers Summit リンク集 CANVAS対CSS3記事 諸々異なる意見と検証結果。 TO CANVAS, OR NOT TO CANVAS, WHEN BUILDING BROWSER-BASED GAMES? HTTP://GAMEDEV.STACKEXCHANGE.COM/QUESTIONS/23023/TO-CANVAS-OR-NOT-TO-CANVAS-WHEN-BUILDING-BROWSER-BASED-GAMES DOM SPRITES: A VIABLE ALTERNATIVE TO CANVAS HTTP://BUILDNEWGAMES.COM/DOM-SPRITES/ MADE A MATCH-THREE GAME WITH HTML5 HTTP://VINCENTPETRY.NET/BLOG/?P=225 TIZEN: HTML5 CANVAS VS CSS3 HTTP://DOWNLOAD.TIZEN.ORG/MISC/MEDIA/CONFERENCE2012/WEDNESDAY/BALLROOM-A/2012-05-09_0945-1025-HTML5_CANVAS_VS._CSS3.PDF HTML5のDOMとCANVASの描画性能 HTTP://BLOGS.DION.NE.JP/KOTEMARU/ARCHIVES/10750190.HTML CANVAS VS. DOM MANIPULATION HTTP://BLOG.FRONTEND.FI/CANVAS-VS-DOM-MANIPULATION/ Developers Summit 2013 Action !13年2月14日木曜日
  68. 68. Developers Summit リンク集 ご清聴ありがとうございました! Developers Summit 2013 Action !13年2月14日木曜日

×