Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
( ^o^)<艦これたのしい!
( ˘⊖˘) 。o(待てよ?ゲームプログラマーになってこんなゲーム作りたいぞ
|DirectX|┗(☋` )┓三
( C++ )☛でなおせ
▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわああああああ
Microsoft XNAは、マイクロソフトによるコンピュータゲームデザイ
ン、開発および管理を促進することを目的としたゲーム開発のための
ツールである。マネージ実行環境を完備する。2004年3月24日、カリ
フォルニア州のサンノゼのGame ...
2014年4月に終了
C#でゲームつくりたくないですか?
C#+XAMLでつくる
Windowsストアアプリ
ゲームプログラミング入門
MicrosoftStudentPartners 栂井良太(@garicchi)
自己紹介
がりっち (@garicchi)です
本名:栂井良太(Ryota Togai)
MicrosoftStudentPartners
Windowsデベロッパーカンファレンス主催
(不定期)
最近興味があるもの
資産運用、コーヒー、人工知...
アルパカ牧場
Windows Storeにて絶賛公開中!!
VAIO VGN-N51B (5年前)
Core2DUOメモリ3GB
動作遅いですがお許しください
本日のPC
今回のお話
DirectXやC++ではなく、
C#とXAMLでWindows8用ゲームを作ろう
ゲーム機としてのWindows
Windows7以前 Windows8以降
Windowsゲームプログラミングの形も移り変わる
ゲームプログラミング用プラットフォー
ム
Windows7以前
Windows8以降
新しいOSと新しいAPIによりマルチ言語で
ほぼ同じ機能をつかえるように
DirectX + C++ DirectX + C++
XAML + C#
Java...
でもゲームはやっぱりDirectX
しかしDirectXは初心者には難しい
→というかMSDNのサンプルがまともでない
C++こわい C#がいい
C#でもゲームつくれます!!
C#+XAMLでつくる利点
画像表示が楽 Imageコントロール
C#+XAMLでつくる利点
アニメーションが
楽
今回はボードゲームを作ろ
う!!
サッカーゲームを作ろう!!
DEMO
仕様
・タイトル画面
・プレイ画面
・プレイヤーは動いて任意のタイミングでける
・ゴールキーパーも動き続ける
・けるとボールはゴールへ向かう
・ボールがキーパーにぶつかると負け
・ボールがキーパーのうしろに行くと勝ち
・プロ生ちゃんボイス
・ツ...
Canvasコントロールを使う
Canvas
左上からの絶対座標で座標計算できるのでゲームには便利
Imageコントロールを使う
Image
SourceプロパティにURL指定するだけなので便利
Image
キャラクターを動かす
Blendでつくる
このとき、アニメーションで変化させるプロパティはCanvasの
LeftプロパティとTopプロパティ
→座標計算しやすくするため
Storyboard
XAMLでのアニメーション記述
方式
まあBlendで作れば簡単に作れま
す
RepertBehaviorでの無限アニメーション
ボールを蹴りたい!
↓
でもプロ生ちゃんは常に動き続けている
↓
蹴った瞬間にプログラムコードからボー
ルの初期座標を変える必要がある
KeyFrameに名前をつける
コードから変更可能に!!
アニメーションが動的に!
あたり判定
ピタゴラスの定理をつかって斜辺を2乗して
2つのオブジェクトの半径と比べて判定
http://www.c3.club.kyutech.ac.jp/gamewiki/index.php?%C5%F6%A4%BF%A4%EA%C8%BD...
サウンド
MediaElementコントロール
プロ生ちゃんシステムボイス使いました!!!
http://pronama.azurewebsites.net/pronama/download/
Twitterつぶやき機能
NugetでTweetPaneと検索
2行でつぶやける!
もうちょっと高度な話
MVVM設計
Model+View+ViewModelの3つ
ModelとViewの依存関係を極力抑えることで
WPFで使っていたコードをWinStoreで使えたりなど
流用性が高い
MVVMLightというライブラリを使...
四則演算をMVVMで考えてみる
View
計算フォー
ム
ViewModel
Modelの
インスタンス
足し算命令
引き算命令
etc…
Mode
l
値1
値2
計算結果
この部分を抽象的にしてView依存を少なくする
→別のViewでも使...
View抽象化のために
View
計算フォー
ム
ViewModel
Modelの
インスタンス
足し算命令
引き算命令
etc…
Mode
l
値1
値2
計算結果インスタン
スを持つ
DataBindin
g
Command
DataBin...
MVVMでゲームをつくると
View依存がすくない
ゲームの計算処理をほかのゲームへ流用可能
ゲーム量産
http://msdn.microsoft.com/ja-jp/library/windows/apps/jj883732.aspx
MS...
まとめ
C#+XAMLをつかうことでゲームづくりでめんどくさい
画像表示やアニメーションなどを簡略化できる
C#+XAMLでWindowsStoreゲームプログラマを目指そう!
昨日の話
やった!スライドできた!!リハーサルしよ!!
---------所要時間20分------------
40分で!!
(やばい…)
というわけでスライド追加しました
アルパカ牧場開発Tips
をお送りしたいと思います
アルパカ牧場
アルパカをタッチでお世話する謎ゲー
アルパカをお世話すると地味にレベルが上がります
※レベルはおそらくint型がオーバーフローするまで
レベルが上がる
アルパカをおせわするとレベルが上がります。
※レベルはおそらくint型がオーバーフローするまで
上がり続けます
おそらく現在の一位→1234レベル (@rall_aliceさん)
地味にWindowsStoreで人気いただいてま
す
なぜ人気がでたのか?
Twitter拡散機能をつけた
URLとハッシュタグ付きでツイートできる機能
→ブログのPV数も上がるし一石二鳥!
ソシャゲによくある体力とかつけた
体力ゲージ 称号
レベルが上がると体力へるけど
称号を集めていくとかいうよくある感じのアレ
→ユーザーが長時間プレイしてくれるかも
オンラインランキングつけた
サーバーを使ってスコアの送
信、集計、ランキング化
WebAPI化した
https://alpacabokujodata.azure-
mobile.net/api/alpacaapi
アクセスすることでランキングをJSONで返す
サードパーティアプリ開発者が!!
アルパカみるやつ
via あじょぶじん氏
アルパカ牧場ついったー
via のむら氏
サーバーめんどくさ
い!!
WindowsAzureが最強で
す
AzureMobileService
モバイルバックエンドを簡単に作成
(例
SQLデータベース カスタムAPI
iOS、Android、Windows8、WindowsPhoneなどのバックエンドが
ほぼコピペで作成可能
SQLデータベース
Azure上に簡単にデータベースを作成できま
す
コピペでできます
http://garicchi.com/blog/?p=673
カスタムAPI
WebAPIを作成できる
サーバー側は若干のNode.jsの知識が必要
http://garicchi.com/blog/?p=752
結論
WindowsAzureMobileServiceを使うと簡単にモバイルバックエンドが!!
アルパカ牧場の裏の支えに!!!なってるかも
まとめ(真)
C#+XAMLをつかうことでゲームづくりでめんどくさい
画像表示やアニメーションなどを簡略化できる
C#+XAMLでWindowsStoreゲームプログラマを目指そう!
プロ生ちゃんかわいい
WindowsAzureMobileS...
ご清聴ありがとうございまし
た!
www.garicchi.com
C#+xamlでつくるwindowsストアアプリゲームプログラミング入門
Prochain SlideShare
Chargement dans…5
×

C#+xamlでつくるwindowsストアアプリゲームプログラミング入門

プロ生@大阪でセッションしました

  • Soyez le premier à commenter

C#+xamlでつくるwindowsストアアプリゲームプログラミング入門

  1. 1. ( ^o^)<艦これたのしい! ( ˘⊖˘) 。o(待てよ?ゲームプログラマーになってこんなゲーム作りたいぞ |DirectX|┗(☋` )┓三 ( C++ )☛でなおせ ▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわああああああ
  2. 2. Microsoft XNAは、マイクロソフトによるコンピュータゲームデザイ ン、開発および管理を促進することを目的としたゲーム開発のための ツールである。マネージ実行環境を完備する。2004年3月24日、カリ フォルニア州のサンノゼのGame Developers Conferenceで発表され、 2006年12月11日にリリースされた。(Wikipediaより)
  3. 3. 2014年4月に終了
  4. 4. C#でゲームつくりたくないですか?
  5. 5. C#+XAMLでつくる Windowsストアアプリ ゲームプログラミング入門 MicrosoftStudentPartners 栂井良太(@garicchi)
  6. 6. 自己紹介 がりっち (@garicchi)です 本名:栂井良太(Ryota Togai) MicrosoftStudentPartners Windowsデベロッパーカンファレンス主催 (不定期) 最近興味があるもの 資産運用、コーヒー、人工知能、アルパカかわいい
  7. 7. アルパカ牧場 Windows Storeにて絶賛公開中!!
  8. 8. VAIO VGN-N51B (5年前) Core2DUOメモリ3GB 動作遅いですがお許しください 本日のPC
  9. 9. 今回のお話 DirectXやC++ではなく、 C#とXAMLでWindows8用ゲームを作ろう
  10. 10. ゲーム機としてのWindows Windows7以前 Windows8以降 Windowsゲームプログラミングの形も移り変わる
  11. 11. ゲームプログラミング用プラットフォー ム Windows7以前 Windows8以降 新しいOSと新しいAPIによりマルチ言語で ほぼ同じ機能をつかえるように DirectX + C++ DirectX + C++ XAML + C# JavaScript WindowsRuntimeWin32API
  12. 12. でもゲームはやっぱりDirectX しかしDirectXは初心者には難しい →というかMSDNのサンプルがまともでない C++こわい C#がいい C#でもゲームつくれます!!
  13. 13. C#+XAMLでつくる利点 画像表示が楽 Imageコントロール
  14. 14. C#+XAMLでつくる利点 アニメーションが 楽
  15. 15. 今回はボードゲームを作ろ う!! サッカーゲームを作ろう!!
  16. 16. DEMO
  17. 17. 仕様 ・タイトル画面 ・プレイ画面 ・プレイヤーは動いて任意のタイミングでける ・ゴールキーパーも動き続ける ・けるとボールはゴールへ向かう ・ボールがキーパーにぶつかると負け ・ボールがキーパーのうしろに行くと勝ち ・プロ生ちゃんボイス ・ツイッター拡散機能
  18. 18. Canvasコントロールを使う Canvas 左上からの絶対座標で座標計算できるのでゲームには便利
  19. 19. Imageコントロールを使う Image SourceプロパティにURL指定するだけなので便利 Image
  20. 20. キャラクターを動かす Blendでつくる このとき、アニメーションで変化させるプロパティはCanvasの LeftプロパティとTopプロパティ →座標計算しやすくするため
  21. 21. Storyboard XAMLでのアニメーション記述 方式 まあBlendで作れば簡単に作れま す RepertBehaviorでの無限アニメーション
  22. 22. ボールを蹴りたい! ↓ でもプロ生ちゃんは常に動き続けている ↓ 蹴った瞬間にプログラムコードからボー ルの初期座標を変える必要がある
  23. 23. KeyFrameに名前をつける コードから変更可能に!!
  24. 24. アニメーションが動的に!
  25. 25. あたり判定 ピタゴラスの定理をつかって斜辺を2乗して 2つのオブジェクトの半径と比べて判定 http://www.c3.club.kyutech.ac.jp/gamewiki/index.php?%C5%F6%A4%BF%A4%EA%C8%BD%C4%EA
  26. 26. サウンド MediaElementコントロール プロ生ちゃんシステムボイス使いました!!! http://pronama.azurewebsites.net/pronama/download/
  27. 27. Twitterつぶやき機能 NugetでTweetPaneと検索 2行でつぶやける!
  28. 28. もうちょっと高度な話 MVVM設計 Model+View+ViewModelの3つ ModelとViewの依存関係を極力抑えることで WPFで使っていたコードをWinStoreで使えたりなど 流用性が高い MVVMLightというライブラリを使うと便利 詳しくはこちら→「MVVM入門してみた がりらぼWP7」 http://d.hatena.ne.jp/garicchi/20120722/1342961470
  29. 29. 四則演算をMVVMで考えてみる View 計算フォー ム ViewModel Modelの インスタンス 足し算命令 引き算命令 etc… Mode l 値1 値2 計算結果 この部分を抽象的にしてView依存を少なくする →別のViewでも使えるように!!
  30. 30. View抽象化のために View 計算フォー ム ViewModel Modelの インスタンス 足し算命令 引き算命令 etc… Mode l 値1 値2 計算結果インスタン スを持つ DataBindin g Command DataBindin g ViewのコントロールとModelのプロパティを双方向で結びつける Command 足し算処理を抽象化しViewModelで計算処理を呼び出す
  31. 31. MVVMでゲームをつくると View依存がすくない ゲームの計算処理をほかのゲームへ流用可能 ゲーム量産 http://msdn.microsoft.com/ja-jp/library/windows/apps/jj883732.aspx MSDNでもゲームでMVVMを推奨
  32. 32. まとめ C#+XAMLをつかうことでゲームづくりでめんどくさい 画像表示やアニメーションなどを簡略化できる C#+XAMLでWindowsStoreゲームプログラマを目指そう!
  33. 33. 昨日の話 やった!スライドできた!!リハーサルしよ!! ---------所要時間20分------------ 40分で!! (やばい…)
  34. 34. というわけでスライド追加しました
  35. 35. アルパカ牧場開発Tips をお送りしたいと思います
  36. 36. アルパカ牧場 アルパカをタッチでお世話する謎ゲー アルパカをお世話すると地味にレベルが上がります ※レベルはおそらくint型がオーバーフローするまで
  37. 37. レベルが上がる アルパカをおせわするとレベルが上がります。 ※レベルはおそらくint型がオーバーフローするまで 上がり続けます おそらく現在の一位→1234レベル (@rall_aliceさん)
  38. 38. 地味にWindowsStoreで人気いただいてま す
  39. 39. なぜ人気がでたのか?
  40. 40. Twitter拡散機能をつけた URLとハッシュタグ付きでツイートできる機能 →ブログのPV数も上がるし一石二鳥!
  41. 41. ソシャゲによくある体力とかつけた 体力ゲージ 称号 レベルが上がると体力へるけど 称号を集めていくとかいうよくある感じのアレ →ユーザーが長時間プレイしてくれるかも
  42. 42. オンラインランキングつけた サーバーを使ってスコアの送 信、集計、ランキング化
  43. 43. WebAPI化した https://alpacabokujodata.azure- mobile.net/api/alpacaapi アクセスすることでランキングをJSONで返す
  44. 44. サードパーティアプリ開発者が!! アルパカみるやつ via あじょぶじん氏 アルパカ牧場ついったー via のむら氏
  45. 45. サーバーめんどくさ い!!
  46. 46. WindowsAzureが最強で す
  47. 47. AzureMobileService モバイルバックエンドを簡単に作成 (例 SQLデータベース カスタムAPI iOS、Android、Windows8、WindowsPhoneなどのバックエンドが ほぼコピペで作成可能
  48. 48. SQLデータベース Azure上に簡単にデータベースを作成できま す コピペでできます http://garicchi.com/blog/?p=673
  49. 49. カスタムAPI WebAPIを作成できる サーバー側は若干のNode.jsの知識が必要 http://garicchi.com/blog/?p=752
  50. 50. 結論 WindowsAzureMobileServiceを使うと簡単にモバイルバックエンドが!! アルパカ牧場の裏の支えに!!!なってるかも
  51. 51. まとめ(真) C#+XAMLをつかうことでゲームづくりでめんどくさい 画像表示やアニメーションなどを簡略化できる C#+XAMLでWindowsStoreゲームプログラマを目指そう! プロ生ちゃんかわいい WindowsAzureMobileServiceが最強すぎる
  52. 52. ご清聴ありがとうございまし た! www.garicchi.com

    Soyez le premier à commenter

    Identifiez-vous pour voir les commentaires

  • tkizawa

    Nov. 23, 2013
  • wowslideshare

    Dec. 28, 2013
  • okihara

    Jan. 3, 2014
  • Reffelc

    Jun. 15, 2014
  • ATSUSHIYOKOHAMA

    Nov. 13, 2014
  • KokiTakahashi

    Dec. 16, 2014
  • the-hideo54

    Dec. 17, 2014
  • ktuple9

    Mar. 16, 2015
  • yoshida-h

    Apr. 21, 2015

プロ生@大阪でセッションしました

Vues

Nombre de vues

5 479

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

120

Actions

Téléchargements

16

Partages

0

Commentaires

0

Mentions J'aime

9

×