enchant.js meetup! ショートセッション「はじめてのenchant.js...

64
はじめての enchant.js AtlasX でゲームを作る ~ともだちポン開発秘(?)話~ 株式会社ユビキタスエンターテインメント ARC 辻秀美

Upload: wise9

Post on 08-Jul-2015

19.323 views

Category:

Technology


2 download

DESCRIPTION

HTML5+JavaScriptゲームエンジン「enchant.js」のユーザイベント「enchnat.js meetup! 大阪」で行われたセッションの発表資料です。

TRANSCRIPT

Page 1: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

はじめての enchant.jsAtlasX でゲームを作る~ともだちポン開発秘(?)話~

株式会社ユビキタスエンターテインメントARC 辻秀美

Page 2: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

プロローグ = function(){! 台詞("さーあやってまいりましたぁ!");! 一時停止();! 台詞("司会のゼプトラ・ザ・ベアーです~"); 一時停止(); 台詞("ご存知の方もいるかもしれませんね。");! 一時停止();! 台詞("ところで、キミはこれが誰かわかるかな?");! 一時停止(); 台詞("じゃいくよー、カンパツいれずにいっちゃうよー!");! 一時停止();

Page 3: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」
Page 4: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

さーあやってまいりましたぁ!

Page 5: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

さーあやってまいりましたぁ!

司会のゼプトラ・ザ・ベアーです~。

Page 6: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

さーあやってまいりましたぁ!

司会のゼプトラ・ザ・ベアーです~。

ご存知の方もいるかもしれませんね。

Page 7: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

さーあやってまいりましたぁ!

司会のゼプトラ・ザ・ベアーです~。

ご存知の方もいるかもしれませんね。

ところで、キミはこれが誰かわかるかな?

Page 8: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

じゃいくよー、カンパツいれずにいっちゃうよー!

さーあやってまいりましたぁ!

司会のゼプトラ・ザ・ベアーです~。

ご存知の方もいるかもしれませんね。

ところで、キミはこれが誰かわかるかな?

Page 9: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

Q. これは誰でしょう?

Page 10: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

•東京の西のほうにある高校 出身

Q. これは誰でしょう?

Page 11: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

•某大学の教育学部 出身•東京の西のほうにある高校 出身

Q. これは誰でしょう?

Page 12: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

•某大学の教育学部 出身•東京の西のほうにある高校 出身

•ピッチャー

Q. これは誰でしょう?

Page 13: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

•某大学の教育学部 出身•東京の西のほうにある高校 出身

•ピッチャー

•よくハンカチを持っている

Q. これは誰でしょう?

Page 14: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

A. ハンカチ王子?

Page 15: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

A. ハンカチ王子?×

Page 16: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

それは @hidemy です。

Page 17: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

@hidemy【ひでみぃ、ひでみー】 とは

•東京都千代田区で働くOL(自称)。•中学、高校はソフトボール部のピッチャーだった。•教育学部卒。大学では18世紀の英文学を中心に学ぶ。•家にパソコンがやってきたのは高校3年生のころ。•ゲーム好き。•ドット絵がすき。•ガチャピンとムックだったらムックを応援したい方。•あと、くまとかすき。

Page 18: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

つまりは、

Page 19: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

プログラミングとかやったことない人。つまりは、

Page 20: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

プログラミングとかやったことない人。つまりは、

hidemy vs. JavaScript死闘の模様はwise9で公開中!

Page 21: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」
Page 22: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

とはいえ、

Page 23: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

とはいえ、

まだ作りたいものは作れない...。

Page 24: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

そんな私の強い味方!

Page 25: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」
Page 26: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」
Page 27: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

さて、何つくろう?

Page 28: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ともだちポン製作時の条件

•twitter連携。

•短時間で遊べる。

•結果をつぶやきたくなる。

Page 29: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ユーザ名

twitter連携

ユーザ同士の関係

ID

つぶやきつぶやき数 フォロー数

フォロワー数アイコン

Page 30: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

twitter連携

Page 31: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

twitterアイコンって、変えるとだれかわからなくなるなあ。

twitter連携

Page 32: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

twitterアイコンって、変えるとだれかわからなくなるなあ。

twitter連携

フォロー数の多い人って、アイコンだけじゃ誰かわからないんじゃないの?

Page 33: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

twitter連携

ということで、アイコン当てクイズに決定。

?

Page 34: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ともだちポン製作時の条件

•twitter連携。

•短時間に遊べる。

•結果をつぶやきたくなる。

Page 35: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ともだちポン製作時の条件

•twitter連携。

•短時間に遊べる。

•結果をつぶやきたくなる。

•アイコン当てクイズ

•5問程度

•友達への愛情を%で表示

Page 36: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

じゃあ、ゲームを面白くするためには?

Page 37: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ゲームに盛り込む要素

Page 38: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ゲームに盛り込む要素

バラエティ

Page 39: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

つい何度も遊びたくなる

「探求欲」「コンプリート欲」を刺激

バラエティ

Page 40: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

1問目からランダムで問題を変化

バラエティ

Page 41: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ゲームに盛り込む要素

バラエティ

Page 42: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ゲームに盛り込む要素

オマケ

バラエティ

Page 43: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

はずれにもマメ知識

オマケ

Page 44: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ゲームに盛り込む要素

オマケ

バラエティ

Page 45: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ゲームに盛り込む要素

オマケ

リズム

バラエティ

Page 46: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

単純な流れにしない。意外性を出す。

リズム

Page 47: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

ともだちポンにまつわる都市伝説

Page 48: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

答える速度によって結果が異なっている?

ともだちポンの結果

最高は 理解度130%

Page 49: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

答える速度によって結果が異なっている?×ともだちポンの結果

最高は 理解度130%

Page 50: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

リズム

オマケ

バラエティ

ゲームに盛り込む要素

Page 51: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

リズム

オマケ

バラエティ

ゲームに盛り込む要素

Page 52: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

5問だけでは理解度なんてわからない!

Page 53: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

実力

Page 54: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

実力 + 時の運

Page 55: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

実力

乱数(40)+([a1+a2+a3+a4+a5]*18)

+ 時の運

Page 56: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

実力

乱数(40)+([a1+a2+a3+a4+a5]*18)

よって、最高は 理解度130%

+ 時の運

Page 57: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

攻略情報

Page 58: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

明かさないほうがいい事実もあります。

攻略情報

Page 59: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

戦え!レンジャー5人衆のはなし

Page 60: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

レンジャーものがしたい

深みどレンジャー...

日本古来の色の名前

友達と戦隊を組むっておもしろそう

Page 61: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

+グラフィック

わかりやすさ

Page 62: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

いろいろな角度で考えてみる。

ムダな努力を惜しまない。

おもしろい、と思ったものは盛り込んでみる。

ゲーム作りで大切にしていること

Page 63: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

いろいろな角度で考えてみる。

ムダな努力を惜しまない。

おもしろい、と思ったものは盛り込んでみる。

ゲーム作りで大切にしていること

+ ライトに考える

Page 64: enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」

おわり