SlideShare a Scribd company logo
1 of 20
ノンエンジニアがクソなコードで
シューティングゲームを作った話。
〜Swiftで〜
「その入り口の部分だけやろうと思います。」
2014-08-20
@mochizukikotaro
1
⌘僕のスペック
2
• Objective-C:2ヶ月
• Swift:2.5ヶ月
• PHP:半年くらいかなあ
• Python:2週間
• ディレクション業務のバイトしてます。
⌘シューティングゲームを作ろうと思った。
3
特になんのきっかけもなく、
ふと、Swiftでゲームを作ろうと
おもったのですが。
「SpriteKit」
というフレームワークを採用しました。
⌘SpriteKitについて
4
• Apple純正のフレームワーク
• 2Dゲームを作るのに良い。
• 物理演算とか。
• 会社の人はCocos2d-xとか、
すごそうなの使っているけど、
とりあえず「Swift」使ってみたかったから。
• 簡単そう。(知らんけど。)
• Androidは対応しません(˙∆˚)/
⌘完成図
5
⌘Swiftを使ってみての感想
6
• 超見やすい!書きやすい!最高
• Objective-Cとか、無理!まず、
おぶじぇくてぃぶしーって書くこと自体
苦難!(˚¬˚)/
• 「初心者にとって勉強しやすい」と
どこかに書いてあった気がするけど。
本当そう!
⌘例えばこんな感じでかけます。
7
超読みやすい。。。
⌘ちなみにSwiftの勉強は、どうしたかと言うと。
8
ただひたすら800ページくらいある公式のドキュメントを端から読みました。
全編英語で、とても楽しく読めました。
⌘本題
9
こいつ使って
何できるの?
⌘例えば
10
• 物理体をつくって
• 重力を加えて落としたり
• 投げて放物線運動させたり
• 物体同士を衝突させたり
• 衝突したら火花を飛ばしてみたり
• 手裏剣なげたり
• ができます。
だから…フラッピーバードとか、
シューティングゲームとか、アングリーバードとか、
スプラッシーフィッシュとか、そんなのが簡単に
作れそうです!
⌘だいたいこうなってます。
11
SKというのはSpriteKitの略でしょうね。
⌘四角を作ってみます。
12
デフォルトで用意される「GameScene.swift」(SKSceneのサブクラス)
の「didMoveToView」メソッド内に書けば大丈夫です。
⌘こうなります。
13
⌘ただ、これだと。
14
ただの四角で、物理体ではない。
• 他の物体と衝突しない。
• 重力も感じない。
• 放物線運動もしない。
• 衝突して火花飛ばしたりもし
ない。
• 役立たず。(^∆^)/
⌘SKPhysicsBodyを使います。
15
⌘こうなります。
16
重力を感じて
画面の下に落ちちゃいます。
左図は、
四角が落ちた後の図です。
⌘四角を放り投げてみる。
17
デフォルトで用意される「GameScene.swift」の
「touchesBegan」メソッド内に書いてみます。
⌘こうなります。
18
⌘その他サンプルはこちら。
19
http://qiita.com/mochizukikotaro
以上、ありがとうございました。
20

More Related Content

What's hot

20161126_Blender step2
20161126_Blender step220161126_Blender step2
20161126_Blender step2naotaro0123
 
Sketch速習会@Wantedly
Sketch速習会@WantedlySketch速習会@Wantedly
Sketch速習会@Wantedly龍 宇佐美
 
Unity入門講座その2
Unity入門講座その2Unity入門講座その2
Unity入門講座その2spi8823
 
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミングXcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミングKazuki Sato
 
Live2Dモデリング部
Live2Dモデリング部Live2Dモデリング部
Live2Dモデリング部naotaro0123
 
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろうSketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろうNaoki Masuda
 
Unity入門講座その3
Unity入門講座その3Unity入門講座その3
Unity入門講座その3spi8823
 
StoryboardでUIを使いまわす
StoryboardでUIを使いまわすStoryboardでUIを使いまわす
StoryboardでUIを使いまわすMasaki Fuke
 
Live2Dでユニティちゃんを微妙に動かしてみた
Live2Dでユニティちゃんを微妙に動かしてみたLive2Dでユニティちゃんを微妙に動かしてみた
Live2Dでユニティちゃんを微妙に動かしてみたkazuya noshiro
 
第2回 Blender勉強会(難波)Unityちゃん
第2回 Blender勉強会(難波)Unityちゃん第2回 Blender勉強会(難波)Unityちゃん
第2回 Blender勉強会(難波)Unityちゃんnaotaro0123
 
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」Toshio Ehara
 
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生Yuusuke Takeuchi
 
プログラミングブートキャンプを開催してみた。
プログラミングブートキャンプを開催してみた。プログラミングブートキャンプを開催してみた。
プログラミングブートキャンプを開催してみた。NAKAOKU Takahiro
 
20130202 unitycreators prefab
20130202 unitycreators prefab20130202 unitycreators prefab
20130202 unitycreators prefabKonabe Kurisaka
 
インド人のために 分でレースゲー作れるようにしてみた/UnityおとなのLT大会2
インド人のために 分でレースゲー作れるようにしてみた/UnityおとなのLT大会2インド人のために 分でレースゲー作れるようにしてみた/UnityおとなのLT大会2
インド人のために 分でレースゲー作れるようにしてみた/UnityおとなのLT大会2Hiroki Omae
 
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよあたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよmomo yagi
 

What's hot (20)

20161126_Blender step2
20161126_Blender step220161126_Blender step2
20161126_Blender step2
 
Sketch速習会@Wantedly
Sketch速習会@WantedlySketch速習会@Wantedly
Sketch速習会@Wantedly
 
Unity入門講座その2
Unity入門講座その2Unity入門講座その2
Unity入門講座その2
 
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミングXcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
 
Live2Dモデリング部
Live2Dモデリング部Live2Dモデリング部
Live2Dモデリング部
 
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろうSketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう
 
Seeing is Believing
Seeing is BelievingSeeing is Believing
Seeing is Believing
 
Unity入門講座その3
Unity入門講座その3Unity入門講座その3
Unity入門講座その3
 
StoryboardでUIを使いまわす
StoryboardでUIを使いまわすStoryboardでUIを使いまわす
StoryboardでUIを使いまわす
 
つくるもの
つくるものつくるもの
つくるもの
 
Live2Dでユニティちゃんを微妙に動かしてみた
Live2Dでユニティちゃんを微妙に動かしてみたLive2Dでユニティちゃんを微妙に動かしてみた
Live2Dでユニティちゃんを微妙に動かしてみた
 
第2回 Blender勉強会(難波)Unityちゃん
第2回 Blender勉強会(難波)Unityちゃん第2回 Blender勉強会(難波)Unityちゃん
第2回 Blender勉強会(難波)Unityちゃん
 
Z axis
Z axisZ axis
Z axis
 
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
 
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生
 
プログラミングブートキャンプを開催してみた。
プログラミングブートキャンプを開催してみた。プログラミングブートキャンプを開催してみた。
プログラミングブートキャンプを開催してみた。
 
20130202 unitycreators prefab
20130202 unitycreators prefab20130202 unitycreators prefab
20130202 unitycreators prefab
 
2014 04-10
2014 04-102014 04-10
2014 04-10
 
インド人のために 分でレースゲー作れるようにしてみた/UnityおとなのLT大会2
インド人のために 分でレースゲー作れるようにしてみた/UnityおとなのLT大会2インド人のために 分でレースゲー作れるようにしてみた/UnityおとなのLT大会2
インド人のために 分でレースゲー作れるようにしてみた/UnityおとなのLT大会2
 
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよあたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
 

Viewers also liked

De barst in de kruik
De barst in de kruikDe barst in de kruik
De barst in de kruikWilly Troch
 
Medicina psicosomática en ginecología
Medicina psicosomática en ginecologíaMedicina psicosomática en ginecología
Medicina psicosomática en ginecología27fer
 
Галактика AMM
Галактика AMMГалактика AMM
Галактика AMMgk-it-consult
 
Indulekha Bringha Hair Oil, UAE & QATAR
Indulekha Bringha Hair Oil, UAE & QATARIndulekha Bringha Hair Oil, UAE & QATAR
Indulekha Bringha Hair Oil, UAE & QATARswetharajeev
 
Beautyinnatuurenspreuken(nx power lite)2
Beautyinnatuurenspreuken(nx power lite)2Beautyinnatuurenspreuken(nx power lite)2
Beautyinnatuurenspreuken(nx power lite)2Willy Troch
 
Indulekha Coconut Milk Shampoo for a Perfect Hair
Indulekha Coconut Milk Shampoo for a Perfect Hair Indulekha Coconut Milk Shampoo for a Perfect Hair
Indulekha Coconut Milk Shampoo for a Perfect Hair swetharajeev
 
Indulekha Hair Care & Skin Care Products
Indulekha Hair Care & Skin Care ProductsIndulekha Hair Care & Skin Care Products
Indulekha Hair Care & Skin Care Productsswetharajeev
 
(Eft)emotional freedom technique cici
(Eft)emotional  freedom technique cici(Eft)emotional  freedom technique cici
(Eft)emotional freedom technique ciciYan Eshad
 
Waarheden( lieven )
Waarheden( lieven )Waarheden( lieven )
Waarheden( lieven )Willy Troch
 

Viewers also liked (17)

Privacy policy procedure
Privacy policy procedurePrivacy policy procedure
Privacy policy procedure
 
De barst in de kruik
De barst in de kruikDe barst in de kruik
De barst in de kruik
 
Bop
Bop Bop
Bop
 
Mindoromusic 131111083814-phpapp02
Mindoromusic 131111083814-phpapp02Mindoromusic 131111083814-phpapp02
Mindoromusic 131111083814-phpapp02
 
Stumpf et al, 2003
Stumpf et al, 2003Stumpf et al, 2003
Stumpf et al, 2003
 
Laxmikant vermamsc 3rd
Laxmikant vermamsc 3rdLaxmikant vermamsc 3rd
Laxmikant vermamsc 3rd
 
Medicina psicosomática en ginecología
Medicina psicosomática en ginecologíaMedicina psicosomática en ginecología
Medicina psicosomática en ginecología
 
Галактика AMM
Галактика AMMГалактика AMM
Галактика AMM
 
Indulekha Bringha Hair Oil, UAE & QATAR
Indulekha Bringha Hair Oil, UAE & QATARIndulekha Bringha Hair Oil, UAE & QATAR
Indulekha Bringha Hair Oil, UAE & QATAR
 
Politici ldr 1
Politici ldr 1Politici ldr 1
Politici ldr 1
 
anindya maity-cv
anindya maity-cvanindya maity-cv
anindya maity-cv
 
Beautyinnatuurenspreuken(nx power lite)2
Beautyinnatuurenspreuken(nx power lite)2Beautyinnatuurenspreuken(nx power lite)2
Beautyinnatuurenspreuken(nx power lite)2
 
My health
My healthMy health
My health
 
Indulekha Coconut Milk Shampoo for a Perfect Hair
Indulekha Coconut Milk Shampoo for a Perfect Hair Indulekha Coconut Milk Shampoo for a Perfect Hair
Indulekha Coconut Milk Shampoo for a Perfect Hair
 
Indulekha Hair Care & Skin Care Products
Indulekha Hair Care & Skin Care ProductsIndulekha Hair Care & Skin Care Products
Indulekha Hair Care & Skin Care Products
 
(Eft)emotional freedom technique cici
(Eft)emotional  freedom technique cici(Eft)emotional  freedom technique cici
(Eft)emotional freedom technique cici
 
Waarheden( lieven )
Waarheden( lieven )Waarheden( lieven )
Waarheden( lieven )
 

Similar to ノンエンジニアが手探りでシューティングゲームを作った話。Swiftで。その入り口部分。

組み込み向けC++のやり方を探る - mbedで楽しい組み込みプログラミング -
組み込み向けC++のやり方を探る - mbedで楽しい組み込みプログラミング -組み込み向けC++のやり方を探る - mbedで楽しい組み込みプログラミング -
組み込み向けC++のやり方を探る - mbedで楽しい組み込みプログラミング -Kishi Shundo
 
C++でiOSアプリ
C++でiOSアプリC++でiOSアプリ
C++でiOSアプリ5mingame2
 
Swift (with SceneKit) で簡単な3Dゲームを作ってみた
Swift (with SceneKit) で簡単な3Dゲームを作ってみたSwift (with SceneKit) で簡単な3Dゲームを作ってみた
Swift (with SceneKit) で簡単な3Dゲームを作ってみたKazuya Hiruma
 
Live2D Cubism SDK for Unity(ver 3.0)を使った話
Live2D Cubism SDK for Unity(ver 3.0)を使った話Live2D Cubism SDK for Unity(ver 3.0)を使った話
Live2D Cubism SDK for Unity(ver 3.0)を使った話BURAI_VC2008
 
ゲームデザインについて
ゲームデザインについてゲームデザインについて
ゲームデザインについてmeyco
 
Live2Dのモデリング~モーションづけ
Live2Dのモデリング~モーションづけLive2Dのモデリング~モーションづけ
Live2Dのモデリング~モーションづけnaotaro0123
 
Nutanixログほいほい作ってみた.pdf
Nutanixログほいほい作ってみた.pdfNutanixログほいほい作ってみた.pdf
Nutanixログほいほい作ってみた.pdfsatorukondou
 
UnityでつくるはじめてのPONG
UnityでつくるはじめてのPONGUnityでつくるはじめてのPONG
UnityでつくるはじめてのPONGKohei Kadowaki
 
Cocos sharpでゲーム開発してみました
Cocos sharpでゲーム開発してみましたCocos sharpでゲーム開発してみました
Cocos sharpでゲーム開発してみましたTomohiro Suzuki
 
Live2Dの描画の裏側の話
Live2Dの描画の裏側の話Live2Dの描画の裏側の話
Live2Dの描画の裏側の話Naoki Aso
 
Siv3Dのすゝめ
Siv3DのすゝめSiv3Dのすゝめ
Siv3DのすゝめAzaika At
 
PHPカンファレンス関西 2011
PHPカンファレンス関西 2011PHPカンファレンス関西 2011
PHPカンファレンス関西 2011Takako Miyagawa
 
mmoの作り方
mmoの作り方mmoの作り方
mmoの作り方kamimamita
 
わんくま勉強会東京#67 LT資料
わんくま勉強会東京#67 LT資料わんくま勉強会東京#67 LT資料
わんくま勉強会東京#67 LT資料Kenji Daikoku
 
「Microbit」で簡単プログラミング体験
「Microbit」で簡単プログラミング体験「Microbit」で簡単プログラミング体験
「Microbit」で簡単プログラミング体験はなずきん Hana
 
C# で i phone ゲーム開発
C# で i phone ゲーム開発C# で i phone ゲーム開発
C# で i phone ゲーム開発Katsutoshi Makino
 

Similar to ノンエンジニアが手探りでシューティングゲームを作った話。Swiftで。その入り口部分。 (20)

組み込み向けC++のやり方を探る - mbedで楽しい組み込みプログラミング -
組み込み向けC++のやり方を探る - mbedで楽しい組み込みプログラミング -組み込み向けC++のやり方を探る - mbedで楽しい組み込みプログラミング -
組み込み向けC++のやり方を探る - mbedで楽しい組み込みプログラミング -
 
C++でiOSアプリ
C++でiOSアプリC++でiOSアプリ
C++でiOSアプリ
 
Swift (with SceneKit) で簡単な3Dゲームを作ってみた
Swift (with SceneKit) で簡単な3Dゲームを作ってみたSwift (with SceneKit) で簡単な3Dゲームを作ってみた
Swift (with SceneKit) で簡単な3Dゲームを作ってみた
 
Seeing is Believing
Seeing is BelievingSeeing is Believing
Seeing is Believing
 
Live2D Cubism SDK for Unity(ver 3.0)を使った話
Live2D Cubism SDK for Unity(ver 3.0)を使った話Live2D Cubism SDK for Unity(ver 3.0)を使った話
Live2D Cubism SDK for Unity(ver 3.0)を使った話
 
ゲームデザインについて
ゲームデザインについてゲームデザインについて
ゲームデザインについて
 
Live2Dのモデリング~モーションづけ
Live2Dのモデリング~モーションづけLive2Dのモデリング~モーションづけ
Live2Dのモデリング~モーションづけ
 
Nutanixログほいほい作ってみた.pdf
Nutanixログほいほい作ってみた.pdfNutanixログほいほい作ってみた.pdf
Nutanixログほいほい作ってみた.pdf
 
UnityでつくるはじめてのPONG
UnityでつくるはじめてのPONGUnityでつくるはじめてのPONG
UnityでつくるはじめてのPONG
 
Cocos sharpでゲーム開発してみました
Cocos sharpでゲーム開発してみましたCocos sharpでゲーム開発してみました
Cocos sharpでゲーム開発してみました
 
Nishimoto 170603-mruby
Nishimoto 170603-mrubyNishimoto 170603-mruby
Nishimoto 170603-mruby
 
EAWebKitについて
EAWebKitについてEAWebKitについて
EAWebKitについて
 
Nintendo labo
Nintendo laboNintendo labo
Nintendo labo
 
Live2Dの描画の裏側の話
Live2Dの描画の裏側の話Live2Dの描画の裏側の話
Live2Dの描画の裏側の話
 
Siv3Dのすゝめ
Siv3DのすゝめSiv3Dのすゝめ
Siv3Dのすゝめ
 
PHPカンファレンス関西 2011
PHPカンファレンス関西 2011PHPカンファレンス関西 2011
PHPカンファレンス関西 2011
 
mmoの作り方
mmoの作り方mmoの作り方
mmoの作り方
 
わんくま勉強会東京#67 LT資料
わんくま勉強会東京#67 LT資料わんくま勉強会東京#67 LT資料
わんくま勉強会東京#67 LT資料
 
「Microbit」で簡単プログラミング体験
「Microbit」で簡単プログラミング体験「Microbit」で簡単プログラミング体験
「Microbit」で簡単プログラミング体験
 
C# で i phone ゲーム開発
C# で i phone ゲーム開発C# で i phone ゲーム開発
C# で i phone ゲーム開発
 

ノンエンジニアが手探りでシューティングゲームを作った話。Swiftで。その入り口部分。