55
UEI/ARC 伏見 遼平 enchant.js で ゲームを作るコツ

enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

Embed Size (px)

Citation preview

Page 1: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

UEI/ARC伏見 遼平

enchant.js でゲームを作るコツ

Page 2: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

自己紹介

伏見 遼平

(株)ユビキタスエンターテイメント秋葉原リサーチセンター (UEI/ARC)9leap プロジェクトリーダー

Page 3: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

様々な試練をくぐり抜けてきました

• 48時間で20本のゲームを作る

• 24時間で10本のTwitter連携ゲームを作る

• 16時間で21本のゲームを作る

• 8時間でMMOを作る

Page 4: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ゲーム作りにはプログラミング以外にも要求されることが多い

気づいたこと:

Page 5: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ゲームを作るコツをお伝えします

Page 6: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

プログラマのためのゲームデザイン入門

Page 7: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• ハッカソンで優勝できる(?)

• 普段のゲーム作りにも生かせる

このセッションの目的

• 短い時間で

• テーマに沿ったゲームの

• 骨組みを作るコツ

Page 8: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

対象聴講者:

ゲームを作ったことがないすべての方々

Page 9: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• プロトタイピングはなぜ大切か

• ゲーム開発の「20%ルール」

• プロトタイピングのコツ

• ストレスコントロール

• ゲームの3要素

• テストプレイとは

• ストレス曲線を描く

レジュメ

Page 10: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

プロトタイピングPrototyping

Page 11: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

プロトタイピングPrototyping

• 遊べる状態まで完成させること

• UIやグラフィックやキャラクターは仮組みで良い

• 「おもしろい」かどうか判定できる最低限の状態

Page 12: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

20%ルール

Page 13: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

20%ルール

Page 14: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

名作と呼ばれるゲームを生み出したチームのほとんどは、

開発期間のうちおよそ20%の時間でプレイアブル・デモを完成させ、

残りの時間はその改善に当てている

“Rules Of Play” - Eric Zimmerman

Page 15: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」
Page 16: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

5ヶ月の

プロジェクト

48時間の

ゲームジャム

1週間の

プロジェクト

1ヶ月でプロトタイプ完成!

1日でプロトタイプ完成!

10時間でプロトタイプ完成!

テストプレイ期間

テストプレイ期間

テストプレイ期間

Page 17: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

90分の

ハッカソン

20分でプロトタイプ完成!?

9分のコーディングバトル

2分でプロトタイプ完成!?

テストプレイ期間

テストプレイ期間

Page 18: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

45分でプロトタイプ完成(目標)

完成品 = プロトタイプ

テストプレイ期間90分の

ハッカソン

9分のコーディングバトル

Page 19: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

90分のバトル

実際のゲーム開発の初期工程(プロトタイピング+テストプレイ)

取り出したもの

Page 20: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

では、どうやってプロトタイプを作るのか?

Page 21: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

主人公を決める

ストレスの与え方を決める

ゲームの目標を作る

では、どうやってプロトタイプを作るのか?

Page 22: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

Page 23: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

Page 24: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

Page 25: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

クリア

Page 26: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」
Page 27: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

Page 28: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」
Page 29: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

Super Mario Bros. WORLD 1-1

ゲームデザインの教科書

Page 30: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• ざっくり描いておいてあとで直せるように

• 初めてのストレスはできるだけ簡単に

Page 31: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ゲームデザインとは?↓

プレイヤーのストレスと快感をうまくコントロールすること

Page 32: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

参考文献

Page 33: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• 実際にゲームを作るには?

Page 34: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• 実際にゲームを作るには?

• テーマに沿ったゲーム

• 短い時間で骨格を作ろう

Page 35: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

主人公を決める

ストレスの与え方を決める

ゲームの目標を作る

Page 36: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• 主人公 = 中心にするモノを考える

• チーズバーガー

• 宇宙服を着たクマ

• 丸くて膨らむもの

• 走るクルマ

Page 37: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• ストレッサーを決める

• チーズバーガー

• 宇宙服を着たクマ

• 丸くて膨らむもの

• 走るクルマ

• 積み上げたバーガーが崩れる

• クマが隕石にぶつかる

• 膨らんだものが破裂する

• クルマがクラッシュする

Page 38: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• ゲームの目標を決める

• 必ずしも数値でなくとも良い

• チーズバーガー

• 宇宙服を着たクマ

• 丸くて膨らむもの

• 走るクルマ

• 積み上げたバーガーが崩れる

• クマが隕石にぶつかる

• 膨らんだものが破裂する

• クルマがクラッシュする

• 積んだバーガーの個数

• 生き残った時間

• ふくらませた数

• ラップタイム

Page 39: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

主人公を決める

ストレスの与え方を決める

ゲームの目標を作る

Page 40: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

重要なのはストレッサーのデザイン

まずはパクる

Page 41: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

Pong

アーケードゲームの元祖

Tennis for Two

Page 42: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

XEVIOUS

怒首領蜂

東方Project

Page 43: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

オリジナリティは作っているうちに生まれる

Page 44: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

Q. 45分でプロトタイプが完成しませんA. 45分で完成するプロトタイプを作ろう

Page 45: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

プロトタイプができた!

テストプレイ

Page 46: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

テストプレイとは

• ストレス曲線の修正作業

Page 47: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

耐えられるストレス量

Page 48: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

慣れてくると増える

Page 49: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

ゲームオーバー

Page 50: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

ストレス(緊張)

時間

クリア!

Page 51: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• 比較的簡単

• シューティングゲーム

• アクションゲーム

• 難しい

• パズルゲーム

ストレス曲線の修正が…

Page 53: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• 例

• 数式シューティング

Page 54: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

まとめ

• 20%ルール (プロトタイピング)

• ストレスコントロール

• 主人公・ストレス・目標

Page 55: enchant.js meetup Tokyo #2 「enchant.js でゲームを作るコツ」

• おわりです