中村俊介とスプリンギンの紹介
はるか
はい、よろしくお願いします。 今日はゲスト回というか、新しい試みですね。ゲストワークショップ回というかね。
ひとし
しかも急遽、もう、いい回になったから配信しよう！っていうやつ。
はるか
テンション高めで、急遽収録が決まったという感じですね。 ゲストは中村俊介さん。
クリエイタークリエイターの中村俊介さんですね。
ひとし
しくみデザインという会社の代表をやっております。
はるか
やっておりまして、クリエイタークリエイターってどういうことかっていうと、クリエイターをクリエイターするっていう。
クリエイターをクリエイトするということですよね。
ひとし
ティーチャーをティーチャーするということですね。
はるか
ティーチャーをティーチャーするという意味ですか? Teacher Teacherは。
ひとし
Teacher Teacherの意味とは違うみたいでした。
はるか
だからとにかくクリエイター、みんなが誰もがクリエイターになれる時代を作りたいという思いを持っていて
詳しくは俊介さん本人の話を聞いてほしいんだけど
作る過程が一番楽しいんだからその過程を奪いたくないと、その体験を奪いたくないという思いで
みんなが、ほんと4歳からね、4歳のお子さんから大人まで楽しくゲームを作ることができるっていう
そんなアプリを、スプリンギンというアプリを作っている方が出てくれているということで
ひとし
以前、昔4年前にコテンラジオのゲスト回でも話されてて
はるか
やばかったね、あの回
ひとし
49、50、51とか
はるか
番外編の49、50、51で
ひとし
ぜひ、そっちはもう聞いてからこの音源を再生してほしいぐらいなんですが
はるか
仕組みで世界中を笑顔にっていう回で
子どもたちへの思いとか
このみんながクリエイターになることへの思いとか
なんかそこら辺の哲学が半端じゃなかったから
ぜひ聞いてほしいなって思っています
プログラミングの挫折体験
ひとし
このスプリンギン自体は
ゲームを作れるんだけどプログラミングがいらないっていうもので
あんまり言いたくない過去やけどさ
大学時代プログラミングやろうとして
4回ぐらい挫折したけんさ
はるか
4回もよう粘ったね
ひとし
4回ね、だって入学してすぐあるし授業
研究研究とかで
そう何度も挫折した自分からしたら
プログラミング言語が触れなくて
そこが難しすぎて前に何も進まんっていう
はるか
なるほどね
ひとし
プログラミング言語なしで成果物を作れるっていうのがマジですごい
はるか
そうよね
この間のTeacher Teacher村でも話題になった
失敗を経験し続けるとどうせ無理だと思って行動しなくなっちゃうっていうのがあるやん
まさにプログラミング僕も挫折した側なんですけど
ちょろっとやってみようと思ったけど
その最初のね、一番言語扱うところでやめちゃって
俊介さんからするとそのその後の一番美味しいところというかね
楽しいところが待ってる
そこまで最短でできるようなものを作りたいということで
今回スプリンギンを作っているということで
で、そのスプリンギンというアプリを使って
作ったものを出しましょう？という回ですか
ひとし
そうですね
この回としてはスプリンギンで作ったゲームでコンテストが行われて
はるか
コンテストがコンテストが行われます、と
ひとし
だからゲームを俺もはるかも自分で作って応募するわけよ
コンテストと参加の呼びかけ
ひとし
「それにみんなで応募しませんか？」っていう
はるか
「応募しませんか？」ということですね
ゲームを作れるの？って
ひとし
思ったよ、俺も最初はね
はるか
「皆さんゲーム作れる自信ありますか？」っていう話よね
ひとし
ありますっていう人が、ほぼおらんやろうね
はるか
大丈夫です
ひとし
大丈夫です
はるか
できるんです
ひとし
スプリンギンさえあればできますと
はるか
できる
マジでそうだからね
ひとし
そうなんよ
はるか
ほんといっしょにこれからの音源では
ひとしとはるかが、俊介さんのワークショップを受けながら
ゲームができるようになるまでの過程が流れるんですけど今から
ひとし
音源をね
はるか
その中で俊介さんがそこでね
クリエイトに対する思い
それが俺の中でも哲学思想、教育思想
教育哲学にも感じて子どもたちと関わっていく上でも
こういう考え方を大事にしたいっていうことがいっぱい詰まってたから
ぜひ聞いてもらえたら嬉しいなと思っております
ひとし
そうね
具体的にコンテストのテーマみたいなのが決まってて
はるか
はい
ひとし
今回スズキってあの車のね
自動車のメーカーのスズキさんといっしょに
スプリンギンがコンテストやってて
テーマが「うんこ×くるま」
はるか
大好きですよね「うんこ×くるま」
みんな大好きですよね
ひとし
うんこ×くるまが？
はるか
はい
ひとし
みんな大好き
はるか
うんちとか好きやんみんな
ひとし
そうやねそこは好き
はるか
みんなとか言ってあれやけど
でもこのうんこって
子どもがただ喜ぶからつけたんだろうなって
みなさん思ってるよね？
あのソフトクリーム型のね
アラレちゃんが始まるあのタイプの
うんこが面白いなっていう
子ども騙しかと思いきや
相当そこにもね
ひとし
そうね
はるか
思い、考えが詰まってたよね
メッセージ性が詰まってた
ひとし
そうなんです
その説明もあるか
はるか
あります
はい
なぜうんこなのか
うんこが車を動かすんですって
えー！！って。っていう話を
ひとし
っていう話を聞いていただきつつ
あの9月いっぱいまで
そのコンテストやられてるみたいで
はるか
はい
ひとし
あの何度でも何作品も
ゲームを作って応募できるので
ぜひみんなで出しましょう
はるか
そうですね
ひとし
あのゲーム作ったら他の人が遊べるように公開できるらしくて
僕とはるかが作ったゲームも公開しましょう
はるか
もちろんですよ
ひとし
遊んでもらえますよ
はるか
作りますよ、はい。
僕の色全開でやっていきますので
ひとし
はい
いいねそれTeacher Teacherを聞いて
ゲーム作った人のゲームをさURLまとめてさ
はるか
確かに
ひとし
遊ぼうや
はるか
遊びたい
そういうね
YouTube、俊介さんもやってるしね
ひとし
あそうやね
はるか
みなさんが作ったゲームで
遊ぶ音源とか
映像とか流してるみたいだから
だね
子どもたちがさ
いっぱいいろんな天才が作ったゲームを
楽しんでて
誰かが作ったもので楽しむ
そこでいろんなね、経験ができるっていうのも楽しいし
だから俊介さんの思いとしては
子どもたちが作る側にまわる
そこの喜びも味わってほしいっていうところだから
それができるんだってことが分かったから
ぜひ皆さんといっしょにやっていけたらと思ってます
今回映像付きだよね
ひとし
そう初めての試み
ビデオポッドキャスト
Spotifyではそのまま動画流れると思いますので
ぜひ見ていただきたいんですが
今はTeacher Teacherのロゴを静止画で流しておいて
この後
後で俊介さんの説明が、実際アプリをいじるところからは
動画にしようかなと思っておりますので
ぜひ動画を見ていっしょにできればと思います
はるか
この音源でいっしょに皆さんも
ゲームを作るという体験をしてもらえればと思ってます
スマホ1台あればできるし
iPad1台あればできるので
ぜひぜひチャレンジしてみましょう
ひとし
ということでいってらっしゃい
はるか
どうぞいってらっしゃい
ひとし
ということで、俊介さんにやっていただいた
ワークショップの音源を聞いていただくんですが
本当にポッドキャストで流す予定ではなかったことがあり
3人とも音質があまり良くないのですが
素敵な内容ですのでぜひ最後までお聞きください
そして最後には俊介さんと僕とはるかで
対面で集まって音質がかなり良い場所で撮っているので
そこまでぜひたどり着いてください
はるか
じゃあ、よろしくお願いします
中村俊介
よろしくお願いします
はるか
俊介さんです
中村俊介
はい俊介さんです
よろしくお願いします
はるか
お願いします
じゃあ簡単に自己紹介とかいいですか？
中村俊介
はい、しくみデザインという会社やってます、俊介です
今日はスプリンギンというアプリを使って
ゲームとかね、いろんな作品が作れたりするので
その使い方だったりとか
あと今ちょっとここに、後でもうちょっと詳しく言いますけど
「うんこ×くるま」っていう
あのコンテストやってるんですけど
ここのコンテストに作品を出して欲しいなって思って
その辺スプリンギンの使い方から
応募の仕方とか
そういうもののお話ができたらいいなというふうに
今日は思ってます
よろしくお願いします
ひとし
お願いします
これってなんか僕らも出せるんでしたっけ？
対象年齢
そうですよね。
中村俊介
対象年齢ないです
子どもだけじゃなくて大人も
お父さんお母さんがハマってすごいのを作るとかがけっこうあるんですよ
ひとし
出したい
はるか
楽しみ
中村俊介
去年「軽トラ」っていうので同じコンテストやった時は
年齢層でいくと小学生、中学生、高校生、大学生
大人みたいな感じでみんな幅広く受賞したんですよね
ひとし
受賞いけるんだ大人
中村俊介
そうなんですよ
はるか
受賞目指して頑張りたい
中村俊介
はいぜひぜひお願いします
はるか
俊介さんは、クリエイタークリエイターですよね
中村俊介
そうなんですよ
はるか
Teacher Teacherみたいな感じ
中村俊介
僕、クリエイタークリエーターって言ってるから
なんかちょっと近くて面白いって思って
ひとし
クリエイターをクリエイトする人？
中村俊介
そうです
ひとし
だから僕らで言うとティーチャーをティーチャーする人になってるってことか
僕らあんまり意味というより響きで決めた
かわいいなって思った
はるか
俊介さんはちゃんと思想を持って
クリエイターをちゃんと増やしていきたいっていう感じですね
なんか僕もプログラミングとかけっこうやろうと思ったことあるんですよ
学校の教員時代に猫があるやつとかで
スクラッチとかで、使ってゲーム作ろうと思うんですけど
けっこう難しくて挫折しちゃうんですよね
中村俊介
そうですよね
なんかコーディングなんであれも
プログラミングをしようって先に思いすぎちゃうと
なんか勉強しなきゃいけなくなっちゃって
勉強してから何か作るってけっこう順番逆だと思ってるんですよね
先に作って、必要なやつを勉強したくなってする
みたいな流れがいいと思うので
極力最初の勉強量を減らして
いきなりアウトプットができるものがあった方がいいんじゃないかなって思っていて
スクラッチはちょっとむずいんですよ
ちょっと最初に頑張ってできるようになったらすごい
もちろんそれはいいんですけど
そこへ行くまでに挫折しちゃうっていう人が
どうしても多くなっちゃいがちなので
そこを何とか最初頑張らなくても
なんとなくそれっぽいものがすぐ作れるみたいな
そんな言語が欲しいなって思って作ったのがこのスプリンギン
はるか
めっちゃありがたいです
何歳ぐらいからできるんでしたっけ？
中村俊介
年齢で言ったら多分4歳ぐらいから
はるか
4歳からスタートできるっていうので
ひとし
それはすごいな
はるか
さすがにできるかなって今
自信が湧いてる状態です
ひとし
なんかポッドキャスト配信もけっこうその現象あって
編集のやり方とかをゼロからちゃんとやろうとしたら
めっちゃ大変でそこで挫折しちゃう
でも実はリッスンとかで配信してみるみたいなのから
スタートする方が徐々にクオリティ上げやすいみたいな
似てるなと
中村俊介
そうそうなんです
だいたい作ろう
クリエイトするってだいたい何でもそうなんですよ。本当は
はるか
まずやってみれるっていう
中村俊介
そうそうそれ大事
はるか
楽しみです
中村俊介
なんですよ
はるか
やりたい
お願いします
中村俊介
じゃあどっから行こうかな
まず今このコンテストのページが出てるので
ざっくりなんかうんことか書いてある
何って感じかと思って
まずこの説明だけ先にしたいなと思います
スプリンギンの使い方はこの後詳しく説明するんですけど
鈴木とのコラボレーション
中村俊介
スプリンギンっていうアプリを使って
作った作品のコンテストっていうのを
こうやって開催をしています
これだいたいスズキって自動車のスズキなんですけど
そういうどこかといっしょに組んでやるっていうことが今多くて
今回はスズキといっしょにやってる。2回目です
1回目は軽トラでした
で今回はうんこで行こうと
面白いんじゃないっていう
本当に副社長さんがうんこで行こうぜっていう
めちゃめちゃノリがいいんですよ
やることになって
でもじゃあなんでうんこかっていうところね
その辺詳しく漫画で説明してるんですけど
何かっていうと
このスズキがインドで
今4割ぐらいのシェアあるぐらい、車が人気
すごく力入れてるんですよ
インドって人いっぱいもちろんいるんですけど牛もたくさんいるんですって
日本人の数よりインドにいる牛の数が、断然多いぐらいなんですけど
そうするともちろん
お肉食べるためにというよりは
農作業で使うためだったりとか、あとは乳とかそういうのだったり
いろんなのに使われているんですけど
絶対にうんこ出るんですよ
ひとし
そうですよね
中村俊介
でめちゃくちゃいっぱい出るんです
ひとし
確かに出そう
中村俊介
けっこう困っていて昔からいろんなものに
臭くないんですって。草しか食べないから
なのでそれを使っていろんなものにしてたけど
とはいえほとんど廃棄しなきゃいけないし大変
だからこれなんとかならないかなっていうのがずっと問題としてあって
それをバイオマス燃料って言って
発酵させてガス出して、それが天然ガスと同じような成分になるんで
うんこをいっぱい集めて
そこからガス出して、出したガスを燃料にして
車を走らせるみたいなことを
はるか
すげーうんこで走れるんですね
中村俊介
そうです。走れるんです。
っていうのをすごく力入れてて、知らないじゃないですか
僕も知らなかったんで
これをやっぱりみんなに知って欲しいっていうのはスズキとしてはある
はるか
ただ面白いからじゃなかったこれは
ひとし
違ったよね
小学生が好きだから
中村俊介
そういうのを詳しく漫画で描いたりとかもしてるんですけど
せっかくだからこういう車
しかも車と合わせて
うんこと車っていう
うまいことその二つを組み合わせたもの
ゲームでも表現とかなんでもいいんだけど
そういうのをスプリンギンで作って
応募してほしいというコンテストになっています
コンテスト応募の特典
中村俊介
コンテストなんで
一人一個じゃないです
一人何個作品出してもいいです
はるか
いっぱい作りたい
中村俊介
すぐ出してもいいし
もうちょっと良くしようと思ってアップデートして
もう一回、後の日から出しても全然いいって
ひとし
同じものも出していいんですね
中村俊介
アップデートしちゃえばですね
ひとし
なるほど出し直せる
中村俊介
気軽に出してもらった方が
なんかさっきのハードルじゃないけど
すごいの作って一個だけ出すってなると
やっぱ大変になっちゃうんで
作ったやつ出してみたら、もっと良くしよう
より良いものを作ってあげる、みたいなことをしてほしいんで
いっぱい出してください！っていうのと
あとはこれ応募していいこと何があるかっていうと
一つはこの500コイン
ちょっと読みにくいですけど
500コインって書いていて
これ何かっていうと
これはスプリンギンのアプリ内で
使えるコインがもらえるよってやつ
これも応募するとみんなもらえます
もう一つは受賞するとすごいんですよ
スズキ歴史館っていうのが浜松にあるんですけど
ひとし
浜松
中村俊介
その浜松の歴史館で授賞式をするんですね
その授賞式にもう完全招待なんで旅費とか全部出してくれます
ひとし
それは嬉しい
ちょっともう予定入れとこ
はるか
いやいや優勝する気満々やん
すごいな自信が
中村俊介
しかもあのお子さんが受賞したら親の分も出ます
ひとし
あーすげー
はるか
家族連れて行けるやん
中村俊介
そうです
はるか
親孝行になりますねそれは
中村俊介
すごいんですよ
でここの歴史館面白いんですけど
歴史館に特別ツアーとかもしてくれたりとかして
車がこのように軽自動車できたかとか
説明ももらえるしっていうのが、まず一つ面白い
し、あと今日あのやっと公開できたんですけど
一つ『地球の歩き方』ってあの本あるじゃないですか
はるか
はい
中村俊介
あれの静岡が出たんですけど
それのスズキ特別版みたいなのができるらしくて
それを副賞でもらえますという
あといくつかまたあの
追加の副賞、今話してるところだったりするんで
なんかあの受賞するといいこといっぱいあります
スプリンギンの使い方
はるか
盛りだくさん
中村俊介
そういうところです
はい
なのでちょっと是非是非ね
あの出して欲しいなと思っています
どなたでも参加できますって
さっきあの言ってましたけど
大人でもいいですっていうところがあるので
まあちょっとみんなに出して欲しいなっていうふうに
思っているというところで
まあ、とはいえ、どうやって作ったらいいのとか
スプリンギン使い方わかんないよっていう人も
けっこういるんじゃないかな
まだやったことないよっていうのもあるので
まあ今回こういうふうに
あのいっしょにね話しする時間もらったんで
使い方を是非いっしょにやって
とりあえず使えるようになってもらおうというところから
今日はやっていきたいなと思います
ひとし
いきましょう
中村俊介
ということでですね
いきますかね
みなさんスプリンギンダウンロードして
立ち上げられる状態になってますかね
はるか
確かに
中村俊介
あのこっちの方であれですよね
動画にして公開してもらえるかなとは思うので
後で見ながらでも全然いいんですけど
もしよかったら今いっしょにできると
あのこれがこんなふうにできるんだって分かると思うんで
スマホでもできます
これ今タブレットiPadつなげてるんで
iPadの画面なんですけど
あのタブレットだと
タブレットとスマホとちょっとだけ画面の配置が違います
タブレット横長で、スマホ縦長なんで
なんですけど、できることは全部いっしょです
だからスマホじゃなきゃできないこととか
タブレットじゃなきゃできないことはないんで
ひとし
僕もスマホでやろうとしてるんで
中村俊介
けっこうスマホでめちゃくちゃすごいの作って
受賞しちゃった人とかいます
はるか
スマホでもチャンスあるんですね
中村俊介
これもいけますいけます
ということでぜひちょっと一回
いっしょにやってもらえたらなと思います
で何するかっていうと
一番最初にダウンロードしたら
なんかチュートリアルが簡単なのがじゃらっと出ると思うんですけど
あれもなんかよく分からないかもしれないんで
あのチュートリアルっぽいのを
一回いっしょに作ってみようかな
で、作るとけっこう「ああそういうふうにできるんだ」って
簡単だなとか分かってもらえると思うんで
ちょっとそういうふうにスタートしていきたいなと思います
はるか
はい
中村俊介
じゃあもう早速やっていきましょうかね
この画面の初めてやった人は
チュートリアルとかいろいろ出てくるので
少し画面違うんですけど
必ず左下右下か、右下にこの緑の＋（タス）のマーク
はるか
ありました
中村俊介
これをピッとタッチしてみてください
そうするとこんな感じで背景に
ちょっと見にくいけど、これあの後ろに方眼紙状態になっていて
白い枠と黒い枠があります
であそうですありがとうございます
スマホはこの黒と白は上に並んでる感じですね
でこれ何かって言うと、これも開発画面スタートです
スクラッチとかいろんな言語とかとちょっと違うのは
文字を使わないってことと
もう一つは開発画面と実行画面がいっしょです
作ってる画面があって、実行して違う画面で動かして、じゃなくて
書いたやつをそのまま動かすっていうような感じで作ります
はるか
すぐできるんですね
中村俊介
すぐできるんですよ
でもう一つはエラーがないです
はるか
エラーがない
ひとし
ちょっとプログラミングって
基本エラーとの戦いですからね
中村俊介
そうそうそう
僕あれが嫌いで
もともとエンジニアもやってたしプログラミングもやってたけど
もうエラーってめちゃムカつくじゃないですか
でもプログラミング言語って人間が作ったわけですよ
なのになんでプログラミングって
ちょっとごめんなさい話逸れちゃうんですけど
プログラミングって何かっていうと
人間とコンピューターのコミュニケーション手段のことなんですよ
「こんなことしてほしいんだけど？」
って言ったら「はいはい」っていうのがプログラミング
言葉が一番わかりやすいんで
言葉で今までやってましたっていうのはあるけど
でも別に何でもいいんです
「こういうことしたいんだけど」っていうのが伝わればそれでいい
なんだけどエラーって何かって言うと
「こういうことはしてほしいんだけど」って言ったら
「ちょっと何言ってるかわかんないです」って言われてる状態です
めっちゃ言ってるじゃないですか
でしかも何で伝わんないかがわかんない
そんなわかんないって言われてるだけなんですよ
すっごい困る
だから、エラーが嫌だ！
で多分、多くの人はエラーのせいで挫折したんですよプログラミングが
はるか
挫折した人です
中村俊介
なのでエラーっていうものがそもそも存在しない
プログラミング言語があればいいんだと
はるか
ありがとうございます
最高の世界じゃないですかそれは
中村俊介
だから結局エラーって何かって言うと
その伝わらない方法があったりするわけなので
まず一つは言葉ですね
あのスペルミスだったりとか、あのなんですかね
構文ミスとかそういうののせいで伝わらないんですけど
でも人間って僕が言い間違いしたって
なんとなくこういうことを言おうとしてるんだなって
おもんばかってくれるじゃないですか皆さん
でもコンピューターやってくんないですよ
最近AIでだいぶやってくれるようになってるけど
だからエラーってそこなので
まず文字を使わないとさっき言った
文字を使わないっていうことによってそういうスペルミスをなくします
でもう一つは構文とかこうしなきゃ分かりませんみたいなやつを
やめてしまう
その概念としてエラーが存在しないように作りました
っていうのが大事
でもう一つはその画面が作ってる画面と
実行画面がほとんどいっしょっていうところなんですけど
それって、作った、こういうことしたい！っていうのを書いたら
すぐに動いてほしいんですよ
ちょっと思ってたのと違うなと思ったらすぐ直したい
そのためにはこの頭の切り替えとかを極力減らしたいので
いかに思ったものがまんま動くようにするか
それが大事なので、画面をいっしょにしたかった
っていうのとエラーがないのと近いんですけど
その試行錯誤をできるだけたくさん早く回したいわけです。プログラミングで
なので実行する戻るっていうのを極力高速に繰り返して
動かしたい
こんな風にした
やってみた
思ったのと違う
思った通りだった
みたいのをいっぱいやることによってイメージがどんどん膨らんでいくので
そういうふうにしたいというのでできたのがスプリンギンです
今言いながらめちゃめちゃ僕自分でハードル上げてますよね
はるか
でもなんか神に見えてきました
ゲーム制作の始まり
はるか
エラーのない世界を作った神に見えてます
ひとし
確かに。そうだね
でもそれを、スプリンギン作る時にはプログラミングしてたんですか？
中村俊介
そうなんです
これはめちゃめちゃプログラミングしてます
はるか
わぁ。そうなんだ。すげー面白い
中村俊介
じゃあまず早速触ってみたいと思います
文字使わないので文字の代わりに何するかっていうと
絵を作るんですよね
でチュートリアルとかをやる時に一番分かりやすいのでやるのが
ピタゴラスイッチみたいなのを作ります
ひとし
はいはいはい
中村俊介
ピタゴラスイッチみんなだいたい知ってるじゃないですか
ボールがコロコロ転がっていってなんかいろいろ起こるやつ
っていうのをいっしょにまず作ってみたい
そうするとなんとなく使い方わかるので、それを今からやる
でどうやってやるかっていうと、ピタゴラスイッチってボール転がしたい
のでボールが必要ですよね
今ここが真っ白。何にもないじゃないですか
だから今からボールを追加したいと思います
ボールを何か追加したかったらこの白い方ですね
白い方のタスを押すと
ピッとタッチしたりするとこんな感じになります
でツールの位置がスマホとタブレットちょっと違うんですけど
スマホは全部下にツールが
でここのちょっと縦長になっているこの部分がキャンバスというか
絵描くとこになっているので
今この色はですね勝手に選ばれます
なので僕は今ブルーになってます
多分、人によって色選ばれてるの違うと思うんで
色変えたかったらこの色、丸ですね
これをタッチするとこんな感じでタブレットああ、パレットが出てきます
なんで好きな色じゃあ赤でしょかなとかって選んで
細かい色とかも作れるんですけどもこれで好きな色選んで
で下にこのペンの太さが変えられるので
これをこう指でこんな風に上げたり下げたりで太さ変える
あのスマホは左右ですね太さ変えられます
なのでちょっと太め中くらいぐらいにして
じゃあ転がるための丸をこんな感じで真ん中にグリグリとかいてください
はるか
できました
中村俊介
これで色塗ってもらった方が、色々と可愛いんで色塗ってください
何かって言うとちょっとここに転がる様子みたいんで顔にします
ペンの色変えて。黒にしようかな
でこんな感じで顔にしてください
丸いでまぁこれ練習なんでそんなに神経質にまん丸にするとかしなくてもいいんです
なんとなく丸になってて顔が出たりみたいのがかけたら
かけましたか?
はるか
かけました
中村俊介
右下にチェックマークあります
このチェックマークこの後スプリンギンにいっぱい出てくるんだけど
このチェックマークはOK完成ってことです
なので絵ができたらこのチェックマークを押すと
シュッとね白いところに入りました
これでこんな感じでアイテムをどんどん増やしていくんだけど
まず1個丸できたんでこれを画面に配置して今から開発していきます
じゃあこの丸を指でぴゅーっと持っていってどっかでパッと離してください
こんな感じでデジタルのいいとこは1回作ったやつ何回も使えることなので
もう1個出せます何個でも出せるもう1個出せる
はるか
ほんとだいっぱいできた
中村俊介
こんな感じで2つ
いいですねこんな風になる
今かいたものが置いてあると状態できましたね？
どんなふうに動くかな？って見たいじゃないですか
はるか
見たいです
中村俊介
もう開発してるんで
いつでも画面何かやってたら動きっていうのを下のこの再生ボタンがあるんですけど
はるか
ありました右下に
中村俊介
これをタップしてください
そうすると後ろの背景の方眼紙がなくなったと思うんですよ
方眼紙があるときは作ってる開発中
方眼紙がないときは実行中になっています
ただ今、実行してるんですけど、画面に顔2つ置いただけだから何も起こんないですね
なんですけどこれタブレットとかスマホなんで、タッチしたいんです
タッチは最初からできるようになってます
あと掴んで飛ばしたりとかもできる
はるか
ほんとだ動く！すげー！
中村俊介
バーってなっちゃう
これは何かというと最初の状態で
ここの空間は無重力状態の何もない空間ですよっていうのが最初から用意されてるわけですね
そこに2つの顔を置いたんで
そんな感じでですね飛んでいっちゃう
飛んでいっちゃってどっか行っちゃったと思っても、この停止ボタンがあるって
停止ボタンを押すと何ももうなかったことになります
だから開発中でやっていて
実行した後に何かしらを試したりするわけだけど
何か起こったことは何か起こっちゃったと思っても
止まったら全部なかったことになってもっかい開発画面に戻ってこれるんで
この開発と実行を繰り返すっていうのがすごく大事になります
世界に重力を設定
ひとし
なんかもうあの『メイドインワリオ』とかのゲームできますよね？
中村俊介
そういう感じのもっとプログラミングの要素がある。イメージとして
続いてこれだから無重力なわけですよ
なのでふわふわしちゃって飛んでいっちゃうんで
今度はピタゴラスイッチにするためには
転がる必要があるので転がるために重力いるじゃないですか
なので重力。ここの今無重力なんで
ここに下方向の重力をかけるっていう世界を作っていきたいと思います
どうしたらいいかというと、この世界に何かをしたいので
プログラミングって誰かに対して何かを設定するわけです
なので今からこの世界に対して重力をかけることをしていきます
そのためにはこの背景の方眼紙の何にもないところどこでもいい
タッチしてみるんですよ
はるか
はい
中村俊介
するとこんな感じのアイコン3つ出てきたと思います
この先こういうアイコンの組み合わせでプログラムを書くっていうのは
このスプリンギンの特徴なんですけど
この中の一番左側にリンゴが落ちてるの
はるか
はいはいはい
中村俊介
もう大人は「あー、ニュートンね」と思っていいんですけど
その通りなんですけど、これをタッチしてください
そうするとこんな感じで円が出てきます
これ何かっていうと、真ん中にリンゴあるんですけど
このリンゴを引っ張って
例えば今は下方向の2番目ぐらいにしようかなと今思ってるんですけど
これ何かというと
どっちの方向にどれぐらいの力をかけるかというのが決められます
長さがベクトルになっているので
長いほど強い力
これは下方向に真ん中ぐらいの力をかけて
上に来たら上に飛んでいっちゃうし横に来たら横に飛んでいっちゃう
これも重力じゃないいろんな使い方もできたりするんだけど
今回下に落としたいので下方向にします
これができたら同じようにまたチェックマークですね
そうするとここの世界に重力かかったはずなんで
ちょっと実行してみてください
オブジェクト思考の理解
ひとし
すげー
はるか
やばいこれワクワクが止まらんですね
中村俊介
落ちるんですよ
これはもう一回ちょっと停止してもらうと
ここの世界に下方向からかかったんで
それにこうやって2つの球を置いてあるから落ちちゃうよね？
落ちるだけだとピタゴラじゃないんで
転がすための床が欲しいです
床があって転がしたい
なのでまたこの白い方でタスを押して絵を描きます
今度は床なんて何色でもいいんですけど
黒でまっすぐ引いてください
縦でも横でも斜めでもいいですけどとにかくまっすぐ引いて
床です
これできたらまた右下のチェックで
ここに入りましたね
これ入ったやつを指で出してください
スマホだと指触りにくいんですけど
同じ絵の中に2本指入れて動かすことができます
角度とかサイズとかも指のピンチアウトでできます
内側にすると小さくなるので
なんとなくこんな感じの配置にしてみてもらってもいいですか？
ボール1個ちょっと小さめのやつが上にあって
その下に転がりそうな床があって
もう1個か2個のやつは、ちょっとそのよそに置いておいてください
できました?
はるか
できました
中村俊介
じゃあこれ再生しましょうか
はるか
全然落ちた
ひとし
落ちちゃった
中村俊介
これ当たり前でちょっと停止してます
当たり前ですよ
「床だ」って思ってるのはまだ作ってる人だけなんですよ
このスプリンギンとかタブレットとか
このコンピューターは知らないわけです
だから教えてあげて
どうやって教えるかっていうと
落ちないでねってちゃんとこの棒に伝えてあげないといけないですね
それがプログラミングで言うと
ちょっと難しい言葉でオブジェクト思考って言うんですけど
オブジェクトってものです
もの、オブジェクトに対していろんな命令とか
プログラムを書いていくってやり方をしていくんですけど
なのでこの床に対して命令を与えなきゃいけないです
こうやってしてね、落ちないでね
なのでこの床の棒をタッチしてください
そうすると
ザラザラザラと出てきます
ひとし
いっぱいありますね
はるか
実行押したい。試したい
中村俊介
逆
そうですね
ザッと初めて見るといっぱいあると思うんですけど
スクラッチとかいきなり130個以上あるんです
ひとし
そうなんですか
中村俊介
でもこれ40個ないぐらいなんで
実はすごい少ない。で、これで全て
せっかくなんで
この4種類ある。4種類の違いを簡単に説明しますね
ひとし
これ4種類ですね
中村俊介
あるんです
四角い白、丸い白、四角い点線、丸い点線
4種類あるんです
何かっていうと
まずこの塗りつぶされてる白いやつ
白いやつは、自分自身に起こることです
自分の性格を用意するんですね
点線で囲まれてるのは、これ実は照準器
ターゲットマークから作ってるんですけど
相手に対して何かを関係性を作るっていうやつです
四角いやつは常に効果を発揮していて
丸いやつは何かしらイベントって言うんですけど
こういうことをしないと、きっかけもらったらやるやつ
変数と関数。プログラミングでいうとになってます
この辺の難しい話はそうなんだぐらいでいいんですけど
今何したいかというと
この床、黒い棒を止めときたいじゃないですか
この白の四角の一番上にピンがあるの分かります?
これどういうことかっていうと
これタッチしてもらうと緑になるんですけど「ピン止めする」です
はるか
なるほど
これ分かりやすいですね
中村俊介
「画面にピン止めする」っていうことを
今この性格を与えました
じゃあこれどうなるかっていうのは実際また再生を押してみましょうか
ひとし
うわ行けた
中村俊介
こういう感じになります
ひとし
簡単っすね
中村俊介
ただですね
これもう一回見てもらうといいんですけど
この上の顔
滑ってるんですよ
転がってないんです
でも転がってほしいですよね
なんでかっていうと
このスプリンギンってアプリは
そもそもプログラミングをできるだけ省略したくて作ったんです
プログラミングを学んでほしくて作ったんじゃないです
プログラミングをできるだけショートカットして
プログラミングした出来上がるものを
早く提供できるようになってほしいと思う
なので
初期値。一番最初に設定した状態が
一番作品作りやすいように設定しています
ひとし
はいはいはい
中村俊介
どういうことかっていうと
これ画面に置いたものは
その状態を保つ方が作りやすいんです
初期値が
なんだけど
意図的に転がってほしいなって思ったら転がってほしいじゃないですか
なのでこのボール
タッチするとまた同じの出てくるんですけど
この中にくるくる回ってるやつがあるんです
この四角の三番目
これが回転していいよってやつですから
回転属性をちゃんとつけてあげますよ
って言うんですけど
そうすると
これ回転してよ
じゃあ再生しましょうと
そうするとちゃんとくるくる
物理演算の導入
中村俊介
多分さっき
ひとしさんの丸じゃなかったんで
転がらずに引っかかりながら滑っていくと
ひとし
いいですかじゃあ
はるか
滑ってる？
中村俊介
滑っちゃう
なんですけど
丸が何かっていうと
ちゃんと書いたやつを画面に置いたことによって
これ点線見えるじゃないですか。開発画面
ひとし
点線ありますね
中村俊介
これはこういう風に形を認識してますよという点線です
なのでこの形で物理演算をしています
だから丸かったら転がるし、四角かったら転がらないで
当然普通の世の中といっしょなので
それ以上回転しないで引っかかったまますーっと滑っちゃう
傾きがゆるいと止まっちゃうし
傾きが強かったらシューッと落ちる
みたいな感じで
本当に重力とかこの世の中のメタファーを
そのままの物理演算を入れています
ゴールとジャンプ機能の実装
ひとし
すげえ
中村俊介
今度は
これ今まだ転がっただけなんで
次にゴールを作っていきたいと思います
ゴールどうやって作るか
また同じなんで、この白いところのタスをして
旗を描きましょう
ひとし
ゴール
はるか
クリアみたいな感じですか
中村俊介
ゴールはピタゴラなんで
ゴール
ピタゴラを作りたい
はるか
そこに
ひとし
ピタゴラスイッチ
はるか
タッチしたらゴールってことですね
中村俊介
そうです
ゴールの
今だとただ落ちるだけなんでゴールを作ります
絵が描けたらまたタスをします
タスじゃないチェックマークをします
ここに入ったんで、これを出すんですけど
ちょっとですね
意地悪して
こんな感じで、空中
ピンで止めてあげてください
ひとし
旗に触れたらゴールみたいな
中村俊介
にしたいんですけど
でも触れられなくします
どうなるかというと
ゴールがせっかくあるのに転がっていっちゃう
っていうのができる
なぜやったかというと
ゲームにしたいじゃないですか
操作したいじゃないですか。操作したいので
ジャンプしたらゴールできるようにします
はるか
なるほど
中村俊介
今からジャンプ
はるか
もうそこまでいきたくてしょうがない
中村俊介
一回もう一回停止ボタン押して
実は最初に何個か出したの
この子を今から
ジャンプボタンに変換してあげます
このピック割りあったんです
ひとし
ボタンになるんですか
中村俊介
今からボタンにします
どうするかというと
ずっと落ちててかわいそう
もう一回これタッチしてみましょうかね
いつもみたいに
そうすると
この同じの出るんですけど
落ちててかわいそうなんで、まずピンで止めてあげましょう
次にこの中に
相手にジャンプしてねって伝えるよ
っていうのがあるんですよ
よーく見ると
ここにあるんです
右上に線で囲まれていて
人がジャンプしている丸
っていうのがあると思います
これは何かというと
ジャンプして
ジャンプって実際は
ジャンプっていうよりは
重力と反対方向に力をかけるんですけど
これが線で囲まれているので
誰かに対して言います
いつやるかっていうと
何かしらのきっかけもらった時ですっていう状態なんで
このジャンプしてる丸をタッチしてください
そうすると
誰に伝えますか？っていうのを指定してほしい
ひとし
そういうことか
中村俊介
次に顔をタッチしてください。ボールを
ひとし
全員が飛んじゃったらダメですもんね
中村俊介
困っちゃう
誰にってちゃんと伝えないといけないんで
そうすると、この相手が決まったら線で点々ってつながります
ひとし
面白い
中村俊介
そうすると
この元の方ですね
アイコンついてるジャンプしてるやつが
つながってる先に伝えますよっていうふうになります
これで、OKを押してください
はるか
どうやってこれつなげるんでしたっけ？
中村俊介
えっと、一回
ジャンプする人をタッチしたら、ちょっとグレーになる
その状態で相手をタッチするだけでいいです
選ぶ
ボールをタッチすると線でつながります
つかないですか？
ひとし
ジャンプボタンを押した後に
中村俊介
ジャンプボタンを押してください。まず
はるか
あ、なるほど。ジャンプボタンを
できました
ジャンプボタンを押してからですね。はい、できました
ありがとうございます
中村俊介
で、チェックマークを押して
スタートして、この顔をタッチしてみてください
そうするとこんな感じでジャンプできる
はるか
なるほど
ボタンになるんですね
中村俊介
ボタンになる
はるか
すげえ
ひとし
すげえマジで
中村俊介
でこれが丸の
あのさっきのですね
このこれのアイコンの丸の機能で
これが丸っていうのは
何かしたとき、例えば触られたとき、とか
そういうきっかけがあったときに実行するものです
なんで常に起こってるわけじゃないですよね？
でもこの「ピンで止める」って常に起こっててほしいじゃないですか
ピンで止めたらずっと止まってて欲しい
なので四角のやつはずっと影響がある
で
丸のものは、なんかがあったとき
プログラミングで言うと
イベントが発生したときって言うんですけど
その時に実行するものっていうのを設定していきます
ゲームの完成とタイマーの設計
中村俊介
でこれは、今のやつは
何かあったとき。まぁ、タッチされたときに
つながってる相手に対して
ジャンプしてねって命令を送りますよっていうやつ
で今度は
次にですねここまでいったら
ゴールせっかくしたのに
何も起こらないと寂しいじゃないですか
なので、ちゃんとゴールしたら「ゴールしたよ！」
っていうふうに作っていきたいと思います
でどうやってやるかっていうと
今までずっとこの白い方ばっかりで
アイテム作ったんですけど今度、黒い方使います
これは何かというと
ページがどんどん増やせるようになってるんですね
なのでこの
黒い方のタスを押していく
そうすると1個増えましたね？
こんな感じでページどんどん増やせる。と
多分あんまりプログラミングのゲームにはないんですけど
この白い新しいやつ
ここにゴールページにしたいんで
ゴールかいてもいいんですけど
もうアイテム追加するのめんどくさいんで、顔を大きくしましょう
なんかドヤっぽい感じで大きい顔にします
はるか
ちょっと怖い
赤いニコちゃんが
中村俊介
でこれができたら
さっきのページに戻るんですけど
この黒い
さっきのコロコロ転がる方タッチしたらページ戻りですね
で次に何を考えるかっていうと
「旗に当たったらゴールのページに移動する」ってしたいわけですよ
っていうことは
この旗の能力として
ページ移動するって付けてあげたいですよ
プログラミング的に言うと関数なんですけど
能力って言うと分かりやすい
この旗にページ移動の能力を付けます
で何かしたかったら相手を選ぶので
まず旗をタッチしましょう
そうするといつもと同じの出るんですけど、この中に
丸の白いやつで
ページめくってるやついるんですよ
ページ移動します
丸なんで何かあったときに自分自身でやる
なのでページ移動する
そうすると「どこに移動しますか？」って選べるので
さっき新しく作ったこの顔の方ですね
これをタッチしてチェックすると
そうするとこの旗に
ページ移動する能力ついたはずなのでちょっとやってみる
転がして
ぶつかってもいかないんですよ
ひとし
いかないです
中村俊介
なぜかというと
このボールがぶつかったらっていうのは誰も教えてないんですよ
能力ついたんでこの旗タッチしてみてください
ひとし
タッチしたらいきます
中村俊介
つまり
もう一回停止して、さっきのコロコロのページに戻ってもらって
この旗の能力としては
ページ移動するってのはついたんですけど
いつ移動するかっていうと何かしらきっかけあったときに
触られたらきっかけが発生するっていうのは
最初からこのスプリンギンには入っているので
そこはわざわざ設定しなくても触れるようになってるんですよね
だけど、今やりたいのって
指でタッチする代わりに
このボールがここにぶつかったときに「触ったよ！」って
「何かやったよ！」って伝えてほしいわけです
だから指の代わりにこのボールに
きっかけを与える力をつけてあげたいです
そのためには、また
何かしたかったら相手をまずタッチするところから始まるので
顔を選びますね
この中に四角で線で囲まれていて
物と物がぶつかってビリビリしてるやつが
この四角の線で囲まれている
これ何かっていうと
接触って言うんですけど
ぶつかったら相手にビリビリがイベント発生
ってこのスプリンギンの中では使われているんですけど
「あなたのできることやってね」って伝える
ひとし
本当はタッチしてたやつ
中村俊介
そうですそうです
タッチの代わりにこのボールが伝えてくれるよって
そのためには
線で囲まれているので
相手がいるので、まずこのぶつかるやつを選んで
次に誰にぶつかるかっていうとこの旗ですよね
ここをつけてあげます
で
またこのチェックマークってやると
じゃあ実際やってみましょうか
転がって
ぶつかったやつ
ひとし
いったこれはすげえ
中村俊介
これゲームできたんですよ
はるか
できた！
中村俊介
で停止してまた戻って
これでだいたいokです
はるか
だいぶ感覚つかめました
中村俊介
だからあとはこのアイコン
どういう意味かな？とか考えればいいし
もっと複雑にするためには
本当はもっとですね
いろんな仕掛けとかを考えていくんですけど
プログラミングなんだけど、カラクリ作るイメージです
ひとし
うん
中村俊介
例えば
「タイマーを作りたい」とかってけっこう言われる
あるんですけど
タイマー作るって普通に考えたら
プログラミングだったら
数字で何秒とか作って
だんだんそれが減っていって、ゼロになったらーとかするじゃないですか
それをスプリンギンでタイマー作ろうと思ったら
いろんな作り方あるんですけど
例えば一番簡単なやつは
えっとですね
ちょっとやってみましょうか
上にタイマーつけます
このボールが
上でピューと勝手に動いて
ここの旗にぶつかるまでを
時間としたいな。とかってタイマーになりますよね？
動きをどうつけるかとか
そのつけ方もいっぱいあるんですけど
とりあえず今めちゃめちゃ適当にやると
この顔が
えっとですね
この丸の上に
ぐりぐりっと線を引いたみたいなやつが
あるんですけど、これ何かっていうと
「かいた通りに動く」ってやつです
なのでこれを選んでこっからピュー
と旗にぶつかるよと線を引きます
かいた速度とかもまんま反映されるので
速くかいたら速く動くし
ゲーム制作の基本
中村俊介
ゆっくりかいたらゆっくり動きます
でまぁこんな感じで設定しました
でチェックマークでやって
スタートするとこれまだ始まらないです。落ちちゃうしね。
なので
ちゃんとピンで止めてあげる
これもピンで止めてあげる
でちょっとこれは特殊なんですけど
ここにですね「自動的にスタートする」っていうのがあるんですよ
この、四角の
２番目の上から３番目のやつですね
ひとし
これです
中村俊介
これそうです。再生勝手にする。
これ、音と動きはスタートしたときに、こっちのアクションなくても
やって欲しいときあるので
これを設定しておくと最初から
例えば、BGM鳴り始めるとかもこれでできるんですけど
っていうのをやっておくと
これでこうやって動くようになる
これが、「ここまでいったら終了」っていうふうにしてあげれば
ゴール
終わるよっていうタイマーを作る
本当にからくり作っていくイメージ
ひとし
だから、上の今のも
旗と赤が接触したからタイムオーバーっていう表示に
中村俊介
ですです。ざっとちょっとやっちゃいましょうか
黒いところで
ひとし
ゲームオーバー的な？
中村俊介
ゲームオーバー的なやつを
じゃあ、ちょっと×にしますね。適当に
これだめですよーと
これはこの旗、上のやつですね
この旗のページ移動で
×の方に行きますってして
さっきのゴールといっしょで、こいつがここに当たったら
この接触ですね
ぶつかる
この旗っていうふうにしてあげて実行すると
この旗がビーっていってここまでたどり着いたら
だめっていうのができる
ひとし
すげえ
これは分かりやすい
はるか
やり方分かってきました
コメントでお子さんが「できた！」って
中村俊介
やった嬉しい！
こんな感じで大体やり方分かると思うんですけど
もうちょっとせっかくなんで
ゲームとかゲームに限らずなんですけど
こういうインタラクティブな
触って操作ができる作品って
音があるのとないので全然違うんですよ
音入れたいじゃないですか？
はるか
音入れたい
中村俊介
音、実はめちゃめちゃ簡単に入れられるようになっていて
なので音を入れるのをやってみたいと思います
じゃあゴール
このページ
勝手に「ゴール！」って言うってして
まずやりたいと思います
どうするかっていうとこの顔に声入れます
こいつをタッチしてアイコン出てきたら
その丸の
上から3番目に音符あります
この音符をやると
このスプリンギン2種類の音の作り方があります
1つは
もうロックオンマイクですね
そのまんま
この中にシンセサイザーが入っているので
ゼロから音を作れます
波形かいて
めっちゃ面白いですけど
これやってると本当にこれでハマったりするくらい
面白いんですけど
とりあえず今簡単なマイクをやります
マイクをして
マナーモードとかになっていると音出ないので
それ解除しないと音出ないんですけど
今から僕やりますね
このマイクのボタンタッチすると録音スタートします
でもう一回押すとストップします
ゴール
ゴール
あれ出てる?
出てますかね？音
で、この音を
この上の部分がトリミングできるんですよ
なのでトリミングってどこ使うか、ですね
音長く録って
ここだけ使う、とかもできたりするし
これ、十字になっているのは何かというと
上に上げると
ゴール
ひとし
あー、声変わるんだ
中村俊介
下に行くと下がります
右に行くと早くて
左に行くとゆっくり
変わりましたね
はるか
すげー
中村俊介
でこういう感じで音がカスタムできるんです
ひとし
やりましたすごい
はるか
やりましたね
中村俊介
こういうふうに音作れるので
これでチェックマークで
OKすると
ここに音が新しく追加されました
でこの音を
また今緑で囲まれているので
下のチェックをやると
この顔に音が入ったので
普通に再生すると
また丸なんで何にも起こらないんですね
タッチするとなります
ひとし
なるほど
中村俊介
でこれはさっきのゴールしたときに
自動で鳴ってほしいなって思ったときには
また停止をして
このさっきのやつですね
音符の隣に「自動的に再生します」があるので
これを緑ONにしておくと
ページスタートしたら勝手になるっていうのができます
そうすると、さっきの転がるところから一回やってみますね
そして転がって
ジャンプしてぶつかったらゴールして
「ゴール！」まで言ってくれると
っていうのが
音入れるだけでだいぶ楽しいですよね
はるか
すげー
全然雰囲気変わる
中村俊介
そうなんですよ
はるか
今日参加してくれて
最後の方ガンガンガンって、もしついていけなかった子とかは
中村俊介
そうですね
はるか
あの動画見てもらって何回もできると思うから
またゆっくり見てくださいね
すごいこれは
ひとし
すげー
中村俊介
けっこう簡単にできるんですよ
音の取り入れ方
中村俊介
でせっかくなんで
じゃあこれ何が作れるの?
こんな簡単なやつ子どもだましのやつしかできないでしょ？
って言われることあるんですけど
めちゃめちゃすごいの作る人たちがいっぱいいるんですよ
はるか
見たい
中村俊介
ちょっと、皆さんの作品
あ、これ、作った作品アップしたら
他の人に遊んでもらったりとかできるので
それで落としてきた作品たちなんですけど
えっとですね
けっこうこの辺とかも絵がそもそもすごい
はるか
絵がとんでもない
中村俊介
自分で描きましたけど
絵を別のやつで描いたやつを
取り込むこととかもできるし
画像取り込みできるんですけど
もちろん著作権とかの問題はあるので
そこは注意してほしいは、してほしい
でも
画像取り込みができます
だからけっこうですね
いろんなお絵かきソフト
アイビスペイントとかを使って
絵描くの好きな人が上手な絵描いて取り込み
っていうのをよくやっていたりとか
ちょっとしたパーツは
AIで描いてもらって上手に切り抜いて
みたいなことをしている人もいます
ひとし
あの、スズキの
「うんこ×くるま」だと
使っていいデザインがあります
中村俊介
それ、やりましょうか
先にやりましょうか
使い方があってですね
この
トップに行って
ここに
スプリンギンのコンテスト一覧の中に
さっきのやつがあるんですけど
ここから
この公式アイテムワークっていうのがあって
これをダウンロードするんですよね
ダウンロードすると
ここに再編集ができるんで
ペンのマークです
再編集すると今のやつそのまんま
自分でもう一回作れるので消してみます
この説明のやつ
そしたらいっぱい素材あります
はるか
うわー、本当だ
中村俊介
こんな感じ
そうそうそう
ひとし
牛はそうだ
牛のうんちだから
中村俊介
これを使って
ゲームを作ってもいいんです
自分で描いてもいいし
この素材使うと
ちょっとクオリティの高いやつとかも動いたり
ひたすらこのうんこが落ちてくるだけでもけっこう面白かったりとか
はるか
確かに
中村俊介
こういう使い方も、なんでこれは、
「使っていいですよ」って入ってるやつなのでぜひ使ってください
あとは戻って
いろんな人の作品
例えば
これは、多分、中学生が作ったやつです
はるか
絵のクオリティがすごい
中村俊介
すごいんです
これでもスプリンギンで全部。
音は大きいとあれなんで少し下げますけど
こんな感じで
次へってすると進む漫画なんです
はるか
漫画になってる
中村俊介
で漫画が進んで背景が動いたり音が鳴ったりとかしていて
でちょっとずつゲームっぽいのがあるんです
指で動かして、どんどん進んでいくと
さっきの金魚に当たるとここからストーリーが進んで
ひとし
ストーリーとかいろいろ
はるか
なるほど
中村俊介
こういうのを作ったりとか
こういうのも本当に
お話っぽいのももちろんできるし
あとはゲームとかは本当にすごいゲームいっぱいあって
せっかくなんで
小学生とか作ったやつがいいですよね
はるか
確かに
中村俊介
えっと
この
これ本当に小学生？っていうぐらい。
小学6年生から中1ぐらいのときに作ったやつなんですけど
これ
こうやって
ひとし
うわすげえ
中村俊介
落ちていくんですよ
爆弾とか
はるか
なるほど
中村俊介
これすごくないですか？
こんなん作れるんだ！って僕びっくりした
はるか
すげえ
中村俊介
すごいんですよ
上手い
こういうのとかですね
ひとし
へえ
中村俊介
あとはこのこれも確か小学生
はるか
どうやって発想してるんだこれ
中村俊介
これはスタートすると
めっちゃ上手に使ってて
上下で鉄砲を動かして撃つんですよ
撃って一定以上、下まで落としたらクリア
はるか
なるほど
ひとし
クリアのこれもかわいい
中村俊介
ゆるゆる落としてます
こういうのとかも
飛ばせば
こんなんとかね
はるか
好きやろな子どもたち
中村俊介
すごいのはめちゃくちゃすごいんですよ
ほんとに
えっと
ひとし
うわっ本格的
中村俊介
本格的なんですけど、子供が
面白いのやってる！って見てやりたくなって
やり始めたお母さんが作ったやつです。
はるか
まさかのお母さんの作品
中村俊介
お母さんは
はるか
なんかちょっとひと味違うな、やっぱり
中村俊介
すごいです
はるか
なんか動きが、、なんか、歩いてるし
歩くとかできるんだ
中村俊介
実は他の作品落としたら
中、見れるんで、解析できる
はるか
なるほど
ひとし
それいいですね！
中村俊介
これはなかなかむずいんですけど
はるか
学べるんだ
だいぶ作り込んでるな
中村俊介
これはめちゃめちゃ作り込んでます
こんな感じで
わかんないと思いますけど
例えばここ見てもらうと
ここがですね
ずっと繰り返しピピピって動いてるじゃないですか
青いやつ
他の参加者の作品
中村俊介
青いのが実はスクロールの仕掛けになっていて
ここをタッチすると
めちゃめちゃいっぱいあるんですけど
これ下方向の矢印が
この上の全部についてるんですよ
ひとし
なるほどな
ステージは固定されてて、なるほど
中村俊介
この青いやつが
下に動かすっていうふうな
能力を持ってるんですよね
いつ動かすかっていうと
それがこの上の青いやつで
この青いやつが接触が入ってるんですよ
さっきのボールが旗にぶつかるのやつですね
つまり、こいつがここにぶつかったら下にやる
ゲーム製作の面白さ
中村俊介
そこにぶつかったら「時間を戻す」ってやつがあるんですけど
タイム
これに
上のやつに対して戻すってつけてるので
ぶつかったらもっかい元に戻るっていうのをひたすら繰り返すんです
そうすると直後のこれが下がってくる
そういう仕組みなんだって
僕も思って、本当にからくりなんですよ
これがここになったら、こう動いてみたいなのを作ってくっていう
ひとし
面白い
はるか
これは面白い
これ操作マニュアルがあるわけじゃなくて
多分これ何回も繰り返して試行錯誤して
できてる仕組みですよね
中村俊介
こういうのとかも人の作品を見て
「これどうやって作ってんの？」っていうので
みんな解析して
本当にそんなにたくさん
本も一冊しか出してないし
使い方の本とかも
ネットとかにも一応チュートリアル、うちでいくつか映像作っておいてるんですけど、
いくつかしかないです
だけどみんな他の人の作品見て
「これすごいどうやってんの？」っていうので
中、解析して頑張って作ってる人がいっぱいいて
どんどんこう新しいアイデアが出てくるんですよ
めちゃくちゃ面白い作品がだからいっぱいあるので
ひとし
いいですね
勉強になる
中村俊介
あとはこういう
これも、この子めちゃくちゃすごくてですね
中学生の時に
すごい世界観なの
はるか
浄化
中村俊介
これはもう社内で「めっちゃ面白いの出てきた！」つって
はるか
こういう世界観ですね
中村俊介
世界観ですよ
ストーリーがこうやって出てきてたからですね
はるか
あーいいですね
僕こっち派だ
ひとし
どっち派
はるか
僕こっち派です
ストーリー作りたい派です
ひとし
ストーリーは大事やな
中村俊介
でネクストやっていくとストーリーが
結局戦うんですけどこの後
もう世紀末な感じで起こっていくっていう
はるか
僕、これ好みですね
非常に
中村俊介
めちゃめちゃ面白いですよこれ
はるか
すごすぎる。なんだこの世界は
中村俊介
すげーむずいんですこれ
ひとし
あー倒すんだ
はるか
面白い
ひとし
なるほどな。だからこの今の銃とモンスターが接触したら
モンスターの体力が減るっていう
中村俊介
そういう風にやってる
ひとし
あー面白い
中村俊介
でこの子本当に世界観がめちゃくちゃすごくて
で、この子がこの後に
このスプリンギンのコンテスト
今「うんこ×くるま」でやってますけど
昔、「スイッチのゲームを作ろう」っていうコンテストやったんですよ
はるか
スイッチ
中村俊介
でなぜかというと
実はスプリンギンのエンジンってスイッチで動くように作ってるんで
なのでスプリンギンで賞に選ばれた作品を
コントローラーいるんで
コントローラー用の
あの
テンプレートっていうんですけど
これを使ったらコントローラーの
機能入れられますよってやつを
ダウンロードしてもらって
それの上で作ってもらうことをしたんですけど
それで作って
賞に選ばれて実際スイッチで、今販売してます。この子の作品
ひとし
そんなことできるんだ
中村俊介
できるんです
はるか
スイッチってニンテンドースイッチの？
中村俊介
そうですニンテンドースイッチです
はるか
へー夢ありますねなんか
中村俊介
どっかにあるんですけど
ひとし
これ面白い
これみんなで毎回コンテスト出したいな
中村俊介
そうなんですコンテストいっぱいやりたいんですよね
そしたら
なんか自分に合うやつ絶対あるじゃないですか
これはエディアっていう
ゲーム会社といっしょにやって
エディアがゲーム出せるんで
じゃあ優勝作品をちゃんとスイッチにパブリッシュしよう！
って言って作ったんですよ
その時に
大人の作品と
へんなのボックスさんっていう
中学生の作品が選ばれて
『イノーストリート』って言うんですけど
実際にうちの方で
これを中身は全く変えずに、スイッチで動くように少し変換して
それをスイッチのオンラインマーケットで売ってるの
これ今いくらだったかな
500円？くらいで
300円とかで売ってるので
スイッチでスイッチオンラインの販売のストアから
『イノーストリート』で検索すると出てきます
これスイッチで動くやつが
スプリンギンで作ったんだって思ったらめっちゃすごい
一切、僕ら手を加えてないんですよ。作品に対しては
パブリッシュをするだけ
しかも後で聞いたら、スマホで作ってました
絵もプログラムも全部スマホでやってました
はるか
夢あるな本当に
中村俊介
めちゃくちゃすごい
面白いんですよ
はるか
今、コメントに
お子さんはアイコン見ただけで、なんとなくどんな動作をするか
想像できる、みたいな
やっぱもう、そうですよね
中村俊介
そうなんですよ
はるか
説明を受けてできるっていうのもあるけども
この子たちはアイコン見たら「これこう動くんだろうな」みたいな
いっぱい試して、どんどん先に進んでいくんでしょうね
中村俊介
で、いいのは
さっき最初に言ったみたいに
エラーがないので、何試しても大丈夫
で、絶対壊れないです
はるか
安心
中村俊介
ただ、設定がおかしいと変な動きがします
し、なんか思った動きじゃないな、とか
何にも反応がないなとかはあるけど、止まるとか
なんだかわからないみたいのはないです。
なんだかわからないけど拒絶される、とかはなくて
かいた通りに動いちゃってるだけっていうところではあるので
試してやっていく
プログラミングとかゲーム作りとかでもよく
こういうの作りたい！とかもちろんあってそれに向かっていくっていうのは、ひとつ
面白い、いい方法ではあるけど
やっぱり大変だし、上手くいかなかった時に嫌になっちゃうんですよね
だけど
このスプリンギンの作り方ですごい面白いなと思ったのは
よくわかんないけどとりあえず置いてみた
落ちたら面白い、落ちたら床欲しいなとか
混ぜたらいいんじゃない？とかぶつかった時に泣いたらいいなとか
やりながらどんどん追加していって
ゲームが、もう最初に考えてたのと全然違うゲームになったりするんですよ
でもそれが面白いなと思って
はるか
なるほど
失敗が失敗じゃなくて新しい発想の転換になったりとか
中村俊介
そうなんです
はるか
面白いな展開が
中村俊介
なのでこういう
コンテストと成功事例
中村俊介
僕言ってとか言いたいのは
出来上がり完成するゲームが
ゲームがポンと出ちゃうとかじゃなくて
作っていく過程が実はめちゃくちゃ楽しいし学びになるから
この、途中をいかに楽しめるかが、特にこの先AIがバンバン発達して
何でもこんなの欲しいんだけどって言ったら、ポンと出てくる時代になるから
その時に
出来上がったものじゃなくて
試行錯誤してる過程をいかに楽しめるかっていうのが
この何年後かに、一番上手くやっていける
人間になるんじゃないかなと思ってて
必要な人間ってそういう人なんじゃないかなと思ってるんで
この楽しみ方を是非、身につけて欲しいなと思ってます
はるか
めちゃくちゃ励みになりました今
いろいろな作品の完成形見て
正直ここまでの完成度できるかな？って
ちょっと不安になっちゃった部分あったんですけど
俊介さんが今、作ること自体、この過程自体を楽しんでくれて
超救われました
中村俊介
楽しいし
あとですね
試行錯誤の大切さ
中村俊介
賞も取りやすいけど
めちゃくちゃ、なんかくだらないんだけど、スッゲー面白いのあったりするんですよ
なんでこんなこと考えたのかなっていうぐらい
面白いのとかあるんで
はるか
確かに
作品の作り方の方向性がいっぱいありますよね
中村俊介
いっぱいあります
はるか
スーパーマリオみたいに
どんどん難易度上げてクリアしていく系もあれば
ストーリーと世界観作る系もあるってなるって
中村俊介
あります
あとただ見てるだけとか
はるか
見てるだけもあるんですね
中村俊介
あるんですよ
はるか
そっかそっか
それは楽しめるな
ありがとうございます
中村俊介
というところで
けっこうざっと駆け足になっちゃいましたけど
いろいろ
可能性感じてもらえると嬉しいなと思います
はるか
面白すぎました
過程を楽しむ
スプリンギン
みんなどうだったんだろう
今度はちょっと慣れた時には
皆さんの作品も見せてもらえるように
外部でできたらいいですね
ありがとうございました
ひとし
ありがとうございました
はるか
ありがとうございました
ひとし
一旦録画はここで終わりましょうか
はい
はるか
急遽
ありがとうございました
僕、正直あんなにがっつり講座してくれると思わず
ワークショップしてくれると思わず
うんちの差し棒を持って
ひとし
はいはい
はるか
背景もYouTuberみたいな背景で
中村俊介
はい
はるか
子どもたち大満足でありがとうございました
中村俊介
こちらこそありがとうございました
楽しかったですね
せっかく授業をするから
ひとし
うん
中村俊介
YouTubeっぽい感じにしようと思って
でOBSとか使ってうちでやってたから
それを今回用に少しレイアウトを変えて
授業の内容自体は、わりと普段やるやつに近いですよね
はるか
うん
中村俊介
ちょっと簡易版にはしてるんですけど
なので内容自体はわりと慣れてるから
いつもの感じでしゃべってたんですけど
2人の反応がめっちゃいいから
はるか
めっちゃ面白かったですもん
中村俊介
反応いいとちょっとこっちもだんだん
テンション上がっていらんこともいっぱいしゃべって
はるか
めっちゃよかったです
ティーチャーズハイって言ったりするんですけど
中村俊介
はいはい
はるか
先生が熱くなってきて
教えてるうちにどんどん自分の思いがあふれてきて
相当最後授業終わりにハイになるみたいなことが
けっこう教師時代もよく言われててティーチャーズハイって
そんな感じだったしね
俊介さんがティーチャーズハイ入ってるなと思って
もう哲学思想までどんどんどんどん出てきて
ミスしても何回もミスできるような。そんなゲームだったらいいなっていう
ひとし
言語化されてるんや
ティーチャーズハイって
はるか
ティーチャーズハイって言ったりしますね
そんな言葉があるのか知らないけど現場でよく使われてたね
ちなみにここは？場所は？
中村俊介
ここは
FGNのスタジオが、収録のスタジオがあって
そこに今来ています
はるか
福岡の廃校を利用したスタートアップ支援の場所ですよね
中村俊介
福岡グロースネクスト（Fukuoka Growth Next）
はるか
そこに俊介さんがスタジオを作ったんですか？
中村俊介
このスタジオは僕が作ったわけじゃなくて
もともとawabar（アワバー）が運営しているスタジオなんですけど
そこに、前のオフィスに自分たちでスタジオ作ってたんですよ
スタジオの紹介と収録体験
中村俊介
映像配信とかするための
その時の機材がいっぱいあって
引っ越ししてこっちに来たけど置くとこないから
「スタジオをうちの機材いっぱいあるんで、ちょっと豪華にしませんか？」って言って
もともとマイク。すごいいいマイクだったりとかは
もともとここにあったんですよ
ポッドキャストを撮るためのスタジオがあって
だけど後ろにブルーバックとかあると思うんですけど
このブルーバックとか音の反射を吸収するやつとか
カメラとかスイッチャーとかあの辺全部うちが持ってきたんですよ
なので、YouTubeの配信とかも全部できるスタジオになってます
はるか
たまらんですね
ポッドキャスター人生で一番豪華な収録
ひとし
確かに。いいですね
しかも個室でもともとバーだった場所なんで
なんか10人20人で公開収録しやすそうな
中村俊介
そうですね公開収録楽しそう
ひとし
楽しそうですね
はるか
やりましょう
あの後子どもたちの反応というか
いっしょに子どもたちが何人くらいいたかな
ひとし
8人くらい？
はるか
ほんと、前日とかに
ひとし
告知して
はるか
集まってくれて
8人くらい子どもたち集まってくれて
レクチャーしてもらっても
保護者なかなかできないんだけど、子どもたちはもう画面見て
パッと分かっちゃって
どのボタンがどんなふうに動くか分かって
それですごい子どもと保護者の差に「おもろっ」ってなったという感想とか
中村俊介
なるほどそう！
時々あるんですけど、大人と子ども逆転するんですよ
はるか
いいですね！それめちゃくちゃいいです
中村俊介
子どもがお父さんに教えたりとかするんですよ
それいいなって思ってみてるんで
はるか
そういうのたまらないですよね
子どもから学ぶみたいな
どうしても親が教えるばっかりだったら固定しちゃうけど
それ逆転するっていうのは相当関係性上、良さそう
ひとし
しかも大人も応募できるやつなんで
子どもに教えてもらって作品作って応募してほしい
中村俊介
そうですね
はるか
今日お子さんが参加してるはずだったのに
今、夫がめちゃくちゃ楽しんで制作しておりましたっていうのが
中村俊介
すごい嬉しい
はるか
そこもありましたよね？俊介さんの思いとして
大人も楽しめる
中村俊介
僕はこういうプログラミングの
簡単なとか学習のためのっていうツールって
「子ども向けに簡単にしてあげました」って感じなんですよ
すっごい嫌で
大人も子どもも使えるものじゃないと意味がないし
なのでデザインとかUIとかっていうのも
基本的に子ども向けに作ってないんですよ
子どもでもできるっていうのは完全に意識はしてるんですけど
よくあるのだと原色ばっかりにしちゃうとか
めちゃくちゃ大きなアイコン、プラスひらがなで
説明するとかみたいなことは全くしてないんですよ
何なら文字一回も使ってないんで
言葉を使わないでやれるっていうので
大人も子どもも同じ土俵で戦える場所にしたいんです
なんでさっきの感想はめっちゃ嬉しい
はるか
嬉しいですね
子どもの参加とプログラミング教育
はるか
このあいだ、通信制高校さんの
学校紹介イベントに行ってきた時に
ある学生さんがプログラミングとかゲーム作り大好きなんだけど
LDって学習障害を持ってて
言語とかになるとなかなか難しいってなって
挫折して今諦めちゃってるんですよねって言ってたんですよ
それがすごい印象的で忘れられなくて
まさに今日やったスプリンギンとかは
彼がクリエイトできるイベントになるだろうなと思って
あの子が「できた！」って喜ぶ顔が目に浮かんで紹介したい
中村俊介
いいですね
ひとし
9月末まで
中村俊介
うんこ×くるま
コンテストが
はるか
放送されるのが9月の
ひとし
来週くらいには出すとして
はるか
9日
中村俊介
全然余裕あります
1日2日でも作れちゃうし
ちょっと凝ってみたいなと思ってやって
1週間2週間かけてももちろんいい
途中のやつも
「これくらいでもいいか」と思って一回出しちゃって
「やっぱ続きやりたいわ」ってやって
またより良いものにしても出すとかもありだし
ひとし
結局こういうのって締め切りギリギリまで出せないじゃないですか
もっとクオリティ上げなきゃ
でも一旦ここまでで遊べるゲームできたんで
出す、あげたかったらもう一回出すみたいな
それできるのがいいですよね
はるか
これyoutubeも見れるの？これ皆さん
youtubeの限定公開は
ひとし
見れるようにしようか
はるか
名前があったりするのか
ひとし
そもそもこのさっきのレクチャーしてるのは動画で流せたらいいなとは思ってた
レクチャー始まったところからはポッドキャスト動画で
中村俊介
あそうか今ポッドキャスト動画もいけるんだ
なるほど
ひとし
多分、見れた後にエンディングを聞いてると思います
中村俊介
いやー
はるか
集まってほしいですね
中村俊介
集まってほしい
ひとし
ぜひぜひ
よろしくお願いします
ありがとうございます
また俊介さん、しっかりゲストになって
中村俊介
また、いろいろとお話できると嬉しいです
はるか
冒頭にも話すと思うけど、コテンラジオさんに番外編で
3本出て
中村俊介
もうだいぶ前、3年くらい前ですかね
はるか
そうですね
それを聞いてもらいたいと
めちゃくちゃ哲学と思想がある
ひとし
ではまた
よろしくお願いします
中村俊介
ありがとうございました