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

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

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

4. さーあやってまいりましたぁ！

5. さーあやってまいりましたぁ！
司会のゼプトラ・ザ・ベアーです∼。

6. さーあやってまいりましたぁ！
司会のゼプトラ・ザ・ベアーです∼。
ご存知の方もいるかもしれませんね。

7. さーあやってまいりましたぁ！
司会のゼプトラ・ザ・ベアーです∼。
ご存知の方もいるかもしれませんね。
ところで、キミはこれが誰かわかるかな？

8. さーあやってまいりましたぁ！
司会のゼプトラ・ザ・ベアーです∼。
ご存知の方もいるかもしれませんね。
ところで、キミはこれが誰かわかるかな？
じゃいくよー、カンパツいれずにいっ
ちゃうよー！

9. Q. これは誰でしょう？

10. Q. これは誰でしょう？
•東京の西のほうにある高校 出身

11. Q. これは誰でしょう？
•東京の西のほうにある高校 出身
•某大学の教育学部 出身

12. Q. これは誰でしょう？
•東京の西のほうにある高校 出身
•某大学の教育学部 出身
•ピッチャー

13. Q. これは誰でしょう？
•東京の西のほうにある高校 出身
•某大学の教育学部 出身
•ピッチャー
•よくハンカチを持っている

14. A. ハンカチ王子？

15. A. ハンカチ王子？

16. それは ＠hidemy です。

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

18. つまりは、

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

20. つまりは、
プログラミングとかやったことない人。
hidemy vs. JavaScript
死闘の模様はwise9で公開中！

22. とはいえ、

23. とはいえ、
まだ作りたいものは作れない...。

24. そんな私の強い味方！

27. さて、何つくろう？

28. ともだちポン製作時の条件
•twitter連携。
•短時間で遊べる。
•結果をつぶやきたくなる。

29. twitter連携
ID
ユーザ名
つぶやき
つぶやき数
フォロー数
アイコン
フォロワー数
ユーザ同士の関係

30. twitter連携

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

32. twitter連携
twitterアイコンって、
変えるとだれかわからなくなるなあ。
フォロー数の多い人って、
アイコンだけじゃ誰かわからないんじゃないの？

33. twitter連携
?
ということで、アイコン当てクイズに決定。

34. ともだちポン製作時の条件
•twitter連携。
•短時間に遊べる。
•結果をつぶやきたくなる。

35. ともだちポン製作時の条件
•twitter連携。 •アイコン当てクイズ
•短時間に遊べる。 •5問程度
•結果をつぶやきたくなる。 •友達への愛情を%で表示

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

37. ゲームに盛り込む要素

38. ゲームに盛り込む要素
バラエティ

39. バラエティ
「探求欲」「コンプリート欲」を刺激
つい何度も遊びたくなる

40. バラエティ
1問目からランダムで問題を変化

41. ゲームに盛り込む要素
バラエティ

42. ゲームに盛り込む要素
バラエティ
オマケ

43. オマケ
はずれにもマメ知識

44. ゲームに盛り込む要素
バラエティ
オマケ

45. ゲームに盛り込む要素
バラエティ
オマケ
リズム

46. リズム
単純な流れにしない。意外性を出す。

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

48. ともだちポンの結果
最高は 理解度130%
答える速度によって結果が異なっている？

49. ともだちポンの結果
最高は 理解度130%
答える速度によって結果が異なっている？

50. ゲームに盛り込む要素
バラエティ
リズム
オマケ

51. ゲームに盛り込む要素
バラエティ
リズム
オマケ
？

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

53. 実力

54. 実力 ＋ 時の運

55. 実力 ＋ 時の運
乱数(40)+([a1+a2+a3+a4+a5]*18)

56. 実力 ＋ 時の運
乱数(40)+([a1+a2+a3+a4+a5]*18)
よって、最高は 理解度130%

57. 攻略情報

58. 攻略情報
明かさないほうがいい事実もあります。

59. 戦え！レンジャー5人衆のはなし

60. レンジャーものがしたい
友達と戦隊を組むっておもしろそう
日本古来の色の名前
深みどレンジャー...

61. わかりやすさ
＋グラフィック

62. ゲーム作りで大切にしていること
いろいろな角度で考えてみる。
ムダな努力を惜しまない。
おもしろい、と思ったものは盛り込んでみる。

63. ゲーム作りで大切にしていること
いろいろな角度で考えてみる。
ムダな努力を惜しまない。
おもしろい、と思ったものは盛り込んでみる。
＋ ライトに考える

64. おわり