0:00 / 0:00
癒されるはずの猫が「何やお前」――お世話をサボると反省文を書かされる「癒しの猫八さん」|セリフのリストとタイマーで作るツッコミ待ちゲーム
ProtoPedia の作品「癒しの猫八さん」を2人のMCが初心者目線で紹介。可愛い猫のお世話で癒されるはずが、出てくるのは関西弁で毒を吐く猫八さん。餌をあげても「まっず」、お世話をサボれば反省文・ニセのブルースクリーン・難問クイズで仕返し。第3回 ツクってアソぶハッカソンのお題『いや違う。そうじゃない。』から生まれ、学生の投票で得票率79.6%の学生賞を受けた作品です。セリフのリスト・30秒のタイマー・くじ引きという、驚くほどシンプルな仕組みの種明かしまで。
チャプター
0:00オープニング0:21可愛い猫に癒される……はず0:56可愛らしい猫で日頃の疲れを癒しませんか?2:20ご飯をあげずに30秒で怒り出す5:04お題「いや違う。そうじゃない。」6:43部品は 絵・吹き出し・ボタン の3つ8:42学生の投票で得票率79.6%・1位9:24今日できる最小の一歩10:13エンディング
文字起こし(98行)
- BANNO
- ゆっくりばんのです。
- HIGEDARUMA
- ゆっくりひげだるまです。
- BANNO
- 今日もプロトペディアから、とびきり面白い作品を紹介していきますよ。
- HIGEDARUMA
- ばんのさん、疲れたとき、猫の動画を見て癒されること、ありませんか?
- BANNO
- ありますあります。寝る前に、ついずっと見ちゃいます。
- HIGEDARUMA
- 今日紹介するのは、癒しの猫八さん。可愛い猫のお世話をして、疲れを癒すゲーム、のはずなんです。
- BANNO
- のはず、って何ですか。急に不安になってきました。
- HIGEDARUMA
- まずはスタート画面から。ピンクのキラキラの背景に、まんまるな目の白い子猫がいます。
- BANNO
- かわいい!可愛らしい猫で日頃の疲れを癒しませんか、って書いてありますね。
- HIGEDARUMA
- では、はじめるボタンを押してみましょう。
- BANNO
- ポチッと。……あれ?目つきの悪い猫が、立ってこっちを見てますけど。
- HIGEDARUMA
- それが猫八さんです。第一声が、こちら。何やお前。
- BANNO
- いきなり関西弁でにらまれた!さっきの子猫はどこ行ったんですか!
- HIGEDARUMA
- セリフの吹き出しを押すと、次々しゃべるんです。勝手に触んなや。白って200色あんねん。
- BANNO
- 白の話、今いります?会話がまったく成り立たないです。
- HIGEDARUMA
- 最初の画面と顔が違う、と思いますよね。それにも猫八さん、自分で答えてくれます。
- BANNO
- なんて言うんですか?
- HIGEDARUMA
- 画像はイメージです言うとるやろ、そんなんもわからんの?
- BANNO
- 開き直った!でも、ご飯をあげたら、なついてくれるんじゃないですか?
- HIGEDARUMA
- 餌やりボタンがあるので、あげてみましょう。返ってくるのは、うわ!安モンや!
- BANNO
- ひどい!ご飯をあげて文句を言われるなんて。
- BANNO
- 全然癒されない!ご飯をあげて、どんどん疲れてきました。
- HIGEDARUMA
- じゃあ、もうお世話をやめて、ほったらかしにしますか?
- BANNO
- そうします。放っておけば静かになりますよね。
- HIGEDARUMA
- それが甘いんです。ご飯をあげずに30秒放っておくと、猫八さんが怒り出します。
- BANNO
- たった30秒で?
- HIGEDARUMA
- 本当は5分の設定でした。でもハッカソンの間は、すぐ見られるように30秒に縮めたそうです。
- BANNO
- それで、怒るとどうなるんですか?
- HIGEDARUMA
- あー、傷ついた。めっちゃ傷ついたわ。どないしてくれるねん。と言って、仕返しが始まります。
- BANNO
- 30秒放っておいただけなのに!仕返しって、何をされるんですか?
- HIGEDARUMA
- 3種類あって、そのうちどれか1つが、くじ引きのように選ばれます。1つめは、反省文です。
- BANNO
- 猫に反省文を書かされるんですか!
- HIGEDARUMA
- お手本の文を、一字一句そのまま打ち込みます。1文字でも間違えたら許さへんで、と。
- BANNO
- お手本には、何て書いてあるんですか?
- HIGEDARUMA
- 私の怠惰さゆえに、猫八様が暇を持て余してしまい。お詫びに、鯖缶1年分をお送りします。
- BANNO
- 鯖缶1年分!どれだけ偉そうなんですか、この猫。
- HIGEDARUMA
- ちゃんと書けると、うわー!こいつほんまに書きよった!おもろ!と笑われます。
- BANNO
- 書いても笑われる。悔しいけど、ちょっと笑っちゃいます。
- HIGEDARUMA
- 2つめは、お楽しみ画面。作品ページでは、機嫌がいいと出てくる、楽しい画面と紹介されています。
- BANNO
- やっとご褒美ですね。どんな画面ですか?
- HIGEDARUMA
- 画面いっぱいの、真っ青なエラー画面です。パソコンが壊れたときに出る、ブルースクリーンのニセモノなんですよ。
- BANNO
- パソコンが壊れたと思ったら、心臓が止まりますよ!
- HIGEDARUMA
- 画面を押すと、ビビったやろ。お前が飯持ってこーへんからブルスクにしてやったわ。
- BANNO
- 楽しいのは猫八さんだけじゃないですか。
- HIGEDARUMA
- 3つめはクイズ。まあこの問題解けたら許したるわ、と出題されます。
- BANNO
- クイズなら答えられそうです。どんな問題ですか?
- HIGEDARUMA
- 1から1000までに素数はいくつ?とか、日本で19番目に高い山は?とか。
- BANNO
- 19番目は知らないです!作品ページには、簡単なクイズって書いてありましたよね?
- HIGEDARUMA
- そこもツッコミどころです。しかも正解すると、え?解けたん?おもんな。
- BANNO
- どうしたって喜ばせられない!思わず、違う、そうじゃない、って叫びたくなります。
- HIGEDARUMA
- 実はその叫びこそ、この作品のねらいなんです。
- BANNO
- えっ、ツッコませるために作ったんですか?
- HIGEDARUMA
- 第3回 ツクってアソぶハッカソンの作品です。ハッカソンは、決まった期間に、テーマに沿って作品を作って見せ合うイベントですね。
- BANNO
- そのときのテーマは、何だったんですか?
- HIGEDARUMA
- いや違う。そうじゃない。とツッコまれたくなるモノを作る、です。
- BANNO
- なるほど、ツッコミを集めたら勝ち。それで猫なんですね。
- HIGEDARUMA
- 作者はこう書いています。エンジニアの人は、よく猫の可愛い写真をSNSにアップしている。猫イコール癒し、というイメージがある。
- BANNO
- 確かに、タイムラインに猫、よく流れてきます。
- HIGEDARUMA
- そこに、めっちゃイラつく猫が出てきたら、違う!そうじゃない!ってなりそうだ、と。
- BANNO
- イメージを、まるごとひっくり返したわけですね。
- HIGEDARUMA
- もう1つ、発想のもとがあります。スマホゲームの広告を見てダウンロードしたら、実物が全然違った、という体験です。
- BANNO
- あー、それあります!広告で見たのと、遊び方からして違うやつ。
- HIGEDARUMA
- だから、可愛い子猫のスタート画面が広告、猫八さんが実物、という作りなんです。
- BANNO
- 画像はイメージです、のセリフも、そこにつながってたんですね!
- HIGEDARUMA
- しかも、猫八さんの絵も、部屋の背景も、チームの手描きです。フリー素材は、最初の可愛い猫だけ。
- BANNO
- 可愛い猫だけ借り物って、そこまでネタになってますね。
- BANNO
- でも、ここまで色々起きるゲーム、作るのは大変そうです。
- HIGEDARUMA
- ところが、仕組みは驚くほどシンプルなんです。公開されているプログラムを読んでみました。
- BANNO
- ぜひ、種明かしをお願いします。
- HIGEDARUMA
- まず、ブラウザで動くゲームです。Vue.jsという、画面を部品ごとに作れる道具を使っています。
- BANNO
- 部品って、どんなものですか?
- HIGEDARUMA
- 猫八さんの絵、セリフの吹き出し、餌やりボタン。この3つが組み合わさって、1つの画面になっています。
- BANNO
- あのセリフは、毎回考えて返してるんですか?
- HIGEDARUMA
- いえ、セリフを並べたリストを、プログラムに書いてあるだけです。ふだんのセリフは14個。それを順番に出しています。
- BANNO
- 台本を順番にめくっていく感じですね。
- HIGEDARUMA
- そうです。餌やりのときは、7個のセリフから、くじ引きで1つを選びます。だから毎回、何を言われるか分からない。
- BANNO
- 30秒で怒り出すのは、どうやっているんですか?
- HIGEDARUMA
- 1秒ごとに、1、2、3と数えるタイマーがあって、30になったら怒りモードに切り替えます。
- BANNO
- キッチンタイマーみたいですね。仕返しの3つは、サイコロで決めているんですか?
- HIGEDARUMA
- その通りです。3つから1つを、サイコロのように選んでいるだけなんです。
- BANNO
- リストと、タイマーと、サイコロ。それだけで、あんなに振り回されたんですね。
- HIGEDARUMA
- ただ、意地悪の作り込みは細かいんです。反省文のお手本、文字ではなく画像で出しているんですよ。
- BANNO
- 画像だと、何か違うんですか?
- HIGEDARUMA
- コピーして貼り付け、ができないんです。だから本当に、自分の手で一字ずつ打つしかない。
- BANNO
- ずるは許さへんで、ってことですね。技術より、セリフと意地悪のアイデアが主役なんだ。
- HIGEDARUMA
- このアイデアが、しっかり届きました。学生の参加者による投票で、得票率79.6パーセントの1位。学生賞を受けています。
- BANNO
- およそ5人に4人が、この作品に入れたってことですか!
- HIGEDARUMA
- そうなんです。このハッカソンには、全部で19の作品が集まっていました。
- BANNO
- 作ったのは、どんな人たちなんですか?
- HIGEDARUMA
- コメットさん、カニさん、まごしさんの3人。チーム名は、大阪府立たまごかけごはん、です。
- BANNO
- チーム名からして面白い!難しい技術がなくても、キャラクターとアイデアで、こんなに笑わせられるんですね。
- HIGEDARUMA
- 残念ながら、遊べるページは今は開けなくなっています。でも作品ページで、画面の様子は見られますよ。
- BANNO
- では今日の一歩。自分だけのキャラクターを決めて、そのセリフを5つ、紙に書いてみてください。
- HIGEDARUMA
- その5つが、そのままセリフのリストの中身になるんです。猫八さんの、はじめの一歩と同じですよ。
- BANNO
- もう一歩いくなら、ボタンを押すと、その5つからくじ引きで1つ出るページを作ってみる。
- HIGEDARUMA
- 猫八さんのソースコードも公開されているので、のぞいてみると、きっとできそうって思えますよ。
- BANNO
- さて、今日紹介したのは、癒されたいあなたを全力でイラッとさせる、癒しの猫八さんでした。
- HIGEDARUMA
- 次回の作品でも、ゆっくりしていってね。
クレジット
紹介した作品声
あなたの作品も、動画で紹介します
ProtoPedia の作品ページの URL を送るだけで、夜のうちに紹介動画に仕上げます。対象は CC BY 4.0 の作品です。
動画をリクエストする


