コードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみた

  • 1,329 views
Uploaded on

NICE STALKERのイトウシンタロウによるTechBuzz_AndroidGames勉強会_2012.9.11にて発表したプレゼンのスライド資料です。 …

NICE STALKERのイトウシンタロウによるTechBuzz_AndroidGames勉強会_2012.9.11にて発表したプレゼンのスライド資料です。

ニコニコニュースでも紹介され、公開4週間で1万ダウンロードを達成した人気アプリ「ヤンデレ小杉」の製作理由や過程などについて発表したプレゼン資料です。


  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,329
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. コードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみた
  • 2. 自己紹介• イトウシンタロウ• NICE STALKER主宰• 東京の小劇場界で劇作家・俳優として活動。舞台作品を製作。• 2008年、創作団体である、NICE STALKER (ナイスストーカー)を立ち上げて活動を開始。
  • 3. アプリ製作開始時• アプリ製作経験なし• プログラム言語は一切わからない• Android不所持 (ガラケー持ち)※ 一 応 、 W E B 製 作 を や っ て い る の で 、H T M L と C S S と 基 本 的 な 画 像 編 集 ( P h o t o s h o p ) は で き ま すj a v a s c r i p t は ほ ぼ コ ピ ペ と 微 修 正 程 度 。
  • 4. アプリ公開までの流れ
  • 5. アプリ公開までの流れ知識ゼロ(企画もゼロ・アプリ製作だけ決定)↓
  • 6. アプリ公開までの流れ知識ゼロ(企画もゼロ・アプリ製作だけ決定)↓立ち読み(1時間)
  • 7. アプリ公開までの流れ知識ゼロ(企画もゼロ・アプリ製作だけ決定)↓立ち読み(4時間) → 製作(1ヶ月)
  • 8. アプリ公開までの流れ知識ゼロ(企画もゼロ・アプリ製作だけ決定)↓立ち読み(4時間) → 製作(1ヶ月) → 公開
  • 9. アプリ公開までの流れ知識ゼロ(企画もゼロ・アプリ製作だけ決定)↓立ち読み(4時間) → 製作(1ヶ月) → 公開↓1万ダウンロード (公開4週間)
  • 10. 製作目的私イトウが、「初対面の女子を口説くためのツール」として作成。
  • 11. 「ヤンデレ小杉」とは?• いわゆる恋愛ノベルゲーム• ヒロインがヤンデレ• マルチエンディング方式だが、エンディング23個中22個がバッドエンド• 選択肢を間違えると即死• イラストでなく実写の写真を使用• 実在する女優「小杉美香」が、本名で本人として出演している。
  • 12. ゲーム画面
  • 13. ゲーム画面
  • 14. ゲーム画面
  • 15. ゲーム画面
  • 16. ゲーム画面
  • 17. ゲームへの反応▼ 紹 介 記 事• EXドロイド:『バッドエンド多すぎの鬼畜ゲー「ヤンデレ小杉」が人気』→(ニコニコニュースにも掲載)• OCTOBA『ヤンデレな彼女に振り回される三次元ノベルゲーム』• アプリ★ゲット:『まて……。包丁をしまっ……(ザシュっ!!?)即殺天使アドベンチャー「ヤンデレ小杉」』• appliko:『ヤンデレ小杉 | | スタッフレビュー』• あ~んどろいど:『病んでる中にふと見せるデレが男のハートと命を鷲掴み!!』• AppLab:『ヤンデレヒロインに振り回されながら、Androidで真のエンディングを探そう!』▼プレイ動画• IWGP(池袋ウエストガールズフォン)メンバーの女子大生様たちが、「ヤンデレ小杉」をプレイしてみたくれた動画記事http://www.youtube.com/watch?v=A8F0nq363b0&feature=youtu.be
  • 18. 企画の経緯主宰する団体NICE STALKERが公演開催不能な状態に陥ったため集団としての活動を維持するためにアプリ製作をすることに!!
  • 19. NICE STALKERとは?【N IC E STALKER :ナイスストーカー 】はイトウシンタロウを主宰とする、 【芸術表現を大義名分 】に【個性的な女子をフィーチャーした作品製作 】を行う創作団体です 。メンバーは、W EB上に開設した「 NIC E STALKER バックステージ」という、クローズド のSNS( 承認制) に登録し、主宰を中心にゆるくつながりながら、イトウシンタロウ の出す企画毎に参加者を決めてチームを作り公演を運営しています。集団への出入りの敷居を下げることで、アイデア と人間の風通しが良い創作環境を担保する【 劇団とプロデュースユニットの中間のような組織】を目指しています 。現在 は完全クローズドの集団ですが、いずれはファンや関係者にも集団を解放し、一定の制限の中でゆるくつながりながら、一つの作品を作り上げていく半CGM (消費者生成メディア)的創作集団を指向しています 。社会 にとっての演劇を変えるには、それを作る集団の在り方自体を変える必要があると考えています。
  • 20. 要は、面白くて変わった女子をみつけて、【芸術】【アート】を口実に誘い、一緒にいろいろ楽しいことをしてそれを観客に見せびらかしてお金を取る人数不定の個人サークル※ 公 序 良 俗 に 著 し く 反 す る よ う な 行 為 や 、 犯 罪 に 類 す る よ う な行 為 は し ま せ ん
  • 21. 活動の一部• 実際に登場人物とやりとりができるメールアドレスの展示即売会型演劇• 観客自身が推理し謎を解いていくことで物語が展開していく、参加型ARG演劇• 上演中にリアルタイムで行われる観客の電子投票でストーリーが分岐していくマルチエンディング型展開の舞台公演
  • 22. 分岐ノベルゲームの舞台化いわゆる選択肢分岐型サウンドノベルゲームを、そのまま舞台上でリアルにやってみよう!
  • 23. 分岐ノベルゲームの舞台化いわゆる選択肢分岐型サウンドノベルゲームを、そのまま舞台上でリアルにやってみよう!
  • 24. 分岐ノベルゲームの舞台化いわゆる選択肢分岐型サウンドノベルゲームを、そのまま舞台上でリアルにやってみよう!↓やってみた
  • 25. 分岐ノベルゲームの舞台化いわゆる選択肢分岐型サウンドノベルゲームを、そのまま舞台上でリアルにやってみよう!↓やってみた↓大赤字!!!!
  • 26. 集団の継続ができないこれまで加わってくれていたメンバーの女子と一緒にやる仕事がない面白い女子をみつけても、一緒に●●をしましょうという、女子を、口説く(勧誘する)ネタがない!
  • 27. 集団の継続ができない面白い女子をみつけても、一緒に●●をしましょうという、女子を、口説く(勧誘する)ネタがない!↓アプリでも作ろう
  • 28. 内輪受け専用アプリ• 当の女子とそのファンコミュニティの人が喜ぶ内容のゲーム• 遠方に住んでいる等、実際に会えなくても簡単に製作に加わってもらえるもの• プログラムやガワが一緒で、画像とテキスト等の素材のみを差し替えて、何人でも量産できるもの
  • 29. ジョークアプリであること• 女子を過剰に賛美するような内容は✕コミュニティの外部にも内部にもアンチを生んでしまう• 少し汚れ、ドロをかぶるくらいのものの方が、女子の写真提供へのハードルが下がる• 人に笑われる気概のある女子という線引きで、今後の企画への参加が期待できる
  • 30. 展開• NICESTALKERでタグ付けされた、そこそこ人気の面白い女子を、アプリを介して紐付ける• ひもづけられたそれぞれのファンがNICE STALKERを認知するようになる。• 既存の女優・女子アーティストの販促物・名刺の提供者としていくらでも売り込んでいける
  • 31. 課題仕組みはできた↓
  • 32. 課題仕組みはできた↓後は作るだけ↓
  • 33. 課題仕組みはできた↓後は作るだけ↓プログラムができない!!(盲点)
  • 34. 課題仕組みはできた↓後は作るだけ↓プログラムができない!!(盲点)↓何か方法があるはず…!
  • 35. 課題仕組みはできた↓後は作るだけ↓プログラムができない!!(盲点)↓「APP Inventor」(アップ インベンター)
  • 36. 「APPInv entor 」 と は ?• Google Labsで公開されたAndroidアプリ作成ツール(現在MITに移管)• EclipseもJavaのコードも不使用• 教育目的なので直感的。12歳の小学生でも1時間でアプリが作れるようになる• パーツをつなぎ合わせることでアプリを作るので、コーディングの必要がなくバグの入り込む余地が非常に少ない
  • 37. Web ブ ラ ウ ザ で 「 デ ザ イ ナ 」
  • 38. 「ブロックエディタ」
  • 39. 「ブロックエディタ」
  • 40. 「ブロックエディタ」
  • 41. 何故APPInventor?ノベルアプリを作りたいなら、他にマルチプラットフォームなツールがある。▼例Artemis EngineKAS(吉里吉里/KAG)Onscripter on android (Ns0cripter)
  • 42. 何故APPInventor?それでもAPP Inventorを選んだのは、↓
  • 43. 何故APPInventor?それでもAPP Inventorを選んだのは、↓たまたま本屋で最初に手に取ったから!
  • 44. 何故APPInventor?それでもAPP Inventorを選んだのは、↓たまたま本屋で最初に手に取ったから!↓ではなく、JavaとAndroidSDKへの理解が進みやすいため、ステップアップが容易になるから
  • 45. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ
  • 46. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー
  • 47. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー2. 写真撮影
  • 48. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー2. 写真撮影
  • 49. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー2. 写真撮影3. Photoshopで画面デザイン
  • 50. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー2. 写真撮影3. Photoshopで画面デザイン
  • 51. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー2. 写真撮影3. Photoshopで画面デザイン4. シナリオ執筆(2週間)
  • 52. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー2. 写真撮影3. Photoshopで画面デザイン4. シナリオ執筆(2週間)5. AppInventorでプログラム
  • 53. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー2. 写真撮影3. Photoshopで画面デザイン4. シナリオ執筆(2週間)5. AppInventorでプログラム6. 台詞と背景と音を通し番号で管理
  • 54. 台詞をExcelで管理
  • 55. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ1. 女子(小杉美香)へオファー2. 写真撮影3. Photoshopで画面デザイン4. シナリオ執筆(2週間)5. AppInventorでプログラム6. 台詞と背景と音を通し番号で管理7. App Inventorに流しこみ完成
  • 56. 「 ヤ ン デ レ 小 杉 」 製 作 の 流 れ8. 関係者にテストプレイ→修正9. 小杉美香本人のチェック10.彼氏チェック(重要!)11.Google PLAYで公開12.SNSやブログで宣伝13.本作を見本とした、次回作を女子にオファー (←今ココ!)
  • 57. 苦労した点• デバッグ• 誤字脱字チェック• APP Inventor 【5MBの壁】• App Inventorのウイルス疑惑• 変なメールと無言の★1ラッシュ• iPhone版を出せという圧力• 彼氏問題
  • 58. 今後の展開• 次回作の複数製作• iPhone版の開発• 舞台化
  • 59. 最後に• Androidアプリ製作のいいところは、こういう仕事とも趣味ともなんとも言えない領域の活動に形を与えてくれること• アプリ製作という行為自体は自由「アプリ製作」ということ自体を何かのツールや媒介にして活動していくという方法もあると思います
  • 60. ありがとうございました。