デザインゲームの作品例15選

デザインゲームの作品例15選
Scratchのデザイン作品のサンプル集です。お手本になる事例を厳選してます。

Scratch《スクラッチ》のデザインゲームの作品例《さくひんれい》を集めました。

(作成中!どんどん増やしていきます)

スクラッチ公式サイトで共有されているプログラミング例まとめ

#01 NIKEレベル!?靴のカスタマイズゲーム

  • Shoe Creatorという口コミを寄せてくれた方 Shoe Creator

    実際に靴をカスタマイズできるウェブサイトを見たことがありますか?たとえばNIKEやアディダスなど、靴の色や紐などを自分好みに変えて注文することができるサイトがあります。このスクラッチゲームは、そういった本当のビジネスサイトでできることを、スクラッチで実現しているという点がすごい。

    プログラミング方法もよく考えられています。どう考えられているかというと、カスタマイズを増やすことがとても簡単なのです。イベントを使って各スプライト同士がコミュニケーションをする仕組みが練られており、シンプルで変えやすいというプログラミングの理想的な作り方の1つと言えます。

紹介動画(音あり)

#02 有名じゃないけど好きなものを紹介したい!

  • Create a Axolotl WIPという口コミを寄せてくれた方 Create a Axolotl WIP

    メキシコサンショウウオのお着替えを楽しむデザインカスタマイズゲーム。一番素敵なところは、あまり知名度のないメキシコサンショウウオを、それでも自分が好きという気持ちを追い風にしてスクラッチプロジェクトとして公開した点です。

    やっぱり、好きなものを扱うと作業が丁寧になりますね。作品の、とくにコスチュームから愛を感じます。

    好きなものをカスタマイズするゲームは、新しい視点で好きなものを見直す機会になります。コスチュームを描く段階になって「普段は気にしてなかったけど、尻尾の形ってどうだったっけ?」と気づいたり「指って何本だっけ?」と気になったり、そういう気付きがスクラッチのコーディングそのものよりも大切だと思っています。

紹介動画(音あり)

#03 ツリーハウスを作ろう。

SSugar0810さんのスクラッチ作品という口コミを寄せてくれた方 SSugar0810さんのスクラッチ作品

マイ・ツリーハウスをデザイン。
ツリーハウスの内装や外装、その色合い、時間帯までをカスタマイズして作り込める。
個人的にはデザイン中にかかる音楽もいっぱい用意されていて好き。

これはかなりリミックスしがいがありそうですね!

使い方

動き対応キー
時間帯の変更窓をクリック
室内外への移動ドアをクリック
色変更モノをクリック

#04 猫の顔をつくろう

chung175さんのスクラッチ作品という口コミを寄せてくれた方 chung175さんのスクラッチ作品

ほのぼのとした猫の顔メーカー。

右側のボタンで目、口、耳、顔をそれぞれ変更できるよ。背景の色も背景をクリックすれば変更できる。

中国語がわからない場合は左上のEnglishのボタンをクリックすると表示を英語に切り替えられるよ。

左上の設定ボタンでは目と口の色の濃さを変えられる。真っ黒な目はちょっとこわい。。。

その下のランダムのボタンを押すと、適当なパーツの組み合わせで顔ができるよ。

セーブすると7桁の数字が発行される。ロードボタンを押すと数字を入れるボックスが表示されるので、セーブしたときに発行された数字をいれると、セーブした猫の顔を呼び出せるよ。

7桁の数字とできる顔の関連性を調べてみるのは、なかなかの暇つぶしになるかもね。

#05 ポテトをデザインするツール

katak5786さんのスクラッチ作品という口コミを寄せてくれた方 katak5786さんのスクラッチ作品

いろいろなキャラメーカーがありますが、ポテトキャラをデザインするツールは初めて見たかもしれない。

直感でいろいろなポテトキャラをデザインしてみよう。

見ればわかると思うけど念の為、各ボタンの解説は以下のとおり。

Color:ポテトの色を変更できる

Eyes:ポテトの目を変更できる

Mouth:ポテトの口を変更できる

Arms:ポテトに腕をつけられる

Extra:その他の変なものをつけられる

Backdrop:背景を変更できる

Save:作成したデザインを呼び出すためのコードを生成できる

Load:Saveで生成したコードを入力すると、作ったデザインを呼び出せる

#06 キャラクターをカスタマイズして作ろう。

Krspaさんのスクラッチ作品という口コミを寄せてくれた方 Krspaさんのスクラッチ作品

キャラクターを作ってみよう!
目・眉・髪・洋服・背景の色やスタイルを選べるだけではなく、
そばかす・ホクロ・コスチュームの耳や羽・アクセサリーまで自由自在にカスタマイズできる。
とりあえず、とりあえず、選択肢がとても豊富!!
ここまで選べると、作れるキャラクターの種類は無限!

使い方

行動対応キー
選ぶボタンをクリック
色を変える虹色ボタンをクリック
色の濃さ調整黒い灯り/白い灯りボタンをクリック
アクセサリーの位置を変えるドラッグ
音量上下矢印キー(↑、↓)

#07 雪を降らせて。

smiIeyfaceさんのスクラッチ作品という口コミを寄せてくれた方 smiIeyfaceさんのスクラッチ作品

まさにタイトル通り、Make it Snow!!
お気に入りのバックドロップを選んで、雪が落ちる風景に癒されて。

バックドロップはリアルで綺麗な背景からイラスト感満載だったり、ゲームちっくな背景もあり、
多くの人の好みと気分に合わせて使えそう!

色々なリミックスも作れそうですね。

使い方

行動対応キー
雪のサイズ・色を変更スライダー(画面左上)をドラッグ
キャラクターを変えるCキー
背景の変更スペースキー
リセットRキー

#08 自分の蛍を作ってみよう。

hazeL388さんのスクラッチ作品という口コミを寄せてくれた方 hazeL388さんのスクラッチ作品

可愛い。癒される!!
今の自分の感情にぴったりな蛍を自由自在にカスタマイズして作れます。
あの光を灯している姿だけで癒される蛍なのに、リボンのアクセサリーまでも付けられるように作り込んでいるところに…またグッと心が奪われちゃいますね。
カスタマイズしたイメージにはコードが付与され、またリロードすることもできる機能が含まれているのも良いアイデアですね。

使い方

動き対応キー
蛍のカスタマイズ各ボタンをクリック
バックグラウンド変更バックグラウンドをクリック
完成DONEボタン(各種ボタンが消える)
コード作成SAVEボタンをクリック

#09 Rainbow Scratch Paper OrigamiPig

OrigamiPigさんのスクラッチ作品という口コミを寄せてくれた方 OrigamiPigさんのスクラッチ作品

スクラッチペーパーというのは、一見何も書かれてないのに削ると下から絵が出てくるような遊び紙です。

個人的にはなぜか10円玉で削るのが好きです。

で、この作品はスクラッチでスクラッチペーパーを作っちゃったよというダジャレも意識している(と思う)作品です。

ありそうでなかった!とうなりました。

下から絵が出てくるわけではなく、これはレインボーカラーが出てくるようです。それが絵になっているわけではないですが、十分クリエイティブです!

#10 デザイン)インクリングをカスタマイズできる

PencilApocalypseさんのスクラッチ作品という口コミを寄せてくれた方 PencilApocalypseさんのスクラッチ作品

スプラトゥーンのインクリングの髪型や服装などをカスタマイズできるデザインゲームです。

自分だけのオリジナルなインクリングをデザインしたいという方にはおすすめのプロジェクト。かなり細かいチューニングが可能です。髪、服だけではなく肌やインクの色などガシガシ変えていけるので、世界に一人しかいないインクリングを作れます。

こういうの好き。

#11 ✿ Icon Creator ✿

SophIIsaさんのスクラッチ作品という口コミを寄せてくれた方 SophIIsaさんのスクラッチ作品

おしゃれを楽しむスクラッチです。最近僕もアバターを作ることが多いのですが、目の色を変えたり髪型を変えたり服を変えたり、キャラを作り上げる楽しみに目覚めています。

そこに来てこの素晴らしい作品です。まさにアバターを作るように目の色を変えたり髪型を変えたりできます。自分の理想を作り上げることができます。

こういうカスタマイズ系の作品は、作ってみると分かるのですが終わりがないんですよね。だからこだわると数週間以上かかることもザラです。この作品もカスタマイズの種類の多さから、かなり時間と力を使ったろうなと分かります。

#12 バレンタインクッキーデコレーション

spaceyJCさんのスクラッチ作品という口コミを寄せてくれた方 spaceyJCさんのスクラッチ作品

遠距離の相手にバレンタインを渡したい!
このデザインゲームでいくらでも叶えられる!

クッキーに文字を描いたり、スプリンクルをちょっと乗せたり、自分らしさを様々な方法で表現できるように作り込まれている。それもクッキーを作るだけではなく、完成したクッキーを食べられることがとても楽しく、クリエイティブさを感じます。
バレンタインに限らず、使えそうな感じですね。

使い方

動き対応キー
クッキーに乗せるクリック
スプリンクル画面左のアイコンをクリック
アイシングの細さ画面左下の数字を左右にドラッグ
アイシングの色画面下の丸をクリック
クリアスペース
食べるEキー