マガジンのカバー画像

無料教材

55
運営しているクリエイター

#子供向けプログラミング

一攫千金!株投資シミュレーションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

一攫千金!株投資シミュレーションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-お金を稼ぐのは楽しい今回は株トレードゲームです。どの株が上がるのかを予想しながら投資していきましょう。
ゲームの中の話とはいえ、お金が増えるというのは遊び手を熱くさせる手軽な方法です。
また、今回はゲーム会社の株という世界観にしてみましたが、どんな世界観でも割とマッチする仕組みです。誰が作ってもそれなりに面白くなることが確約されています。あなたオリジナルの世界観でトレードゲームを作ってみてくださ

もっとみる
チョコ争奪戦?多人数NPCの乱闘ゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

チョコ争奪戦?多人数NPCの乱闘ゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-わちゃわちゃ感を楽しもう今回作るのは1人間 + 9NPCのわちゃわちゃ乱闘ゲームです。チョコを奪い合いましょう。
配列を上手に使うことで短いコードで多プレイヤーを用意することができます。たくさんのNPCがいるだけで笑える展開が生まれやすく、ネタゲーに仕上げても、本格乱闘ゲーム仕上げても良さそうです。

デモアプリはこちらから。https://openprocessing.org/sketch/1

もっとみる
汎用性抜群!定番の4択選択クイズゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

汎用性抜群!定番の4択選択クイズゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

- 定番だからこそ発想次第今回作るのは定番の選択クイズです。
定番だからこそクイズ本来の面白さが重要になってきます。汎用性も高い仕組みですので、ぜひ皆さんのオリジナルクイズを作ってみてください。
なお今回のデモとしては、小競り合いを繰り返す北関東というテーマで僕の偏見でクイズにしてみました。異論は認めます。

デモアプリはこちらから。https://openprocessing.org/sketc

もっとみる
擬似3次元を表現!UFOキャッチャークレーンゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

擬似3次元を表現!UFOキャッチャークレーンゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

- キャッチーさが最大の売り今回作るのはUFOキャッチャーです。アームを狙い通りに操作しましょう。
UFOキャッチャーは見た目のキャッチーさ、わかりやすさが売りで、何よりも「嫌いな人がいない」というのが非常に魅力的な題材です。
アームで掴むのは工数がかかるため、今回はスティック状のものでボタンを押すようなゲームに仕上げていきます。
技術的なポイントとしては、擬似的な3次元の表現方法です。2次元でも

もっとみる
ハンドル操作でゴールを目指せ!カードライブアクションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

ハンドル操作でゴールを目指せ!カードライブアクションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-回転をマスターする今回作るのはカーアクションゲームです。
図形の回転や、sin,cosの三角関数による移動方向の決定など、回転に関わるプログラムが一通り学べる教材になっています。

デモアプリはこちらから。https://openprocessing.org/sketch/1639594

- クミタテ式プログラミングドリルとは?クミタテ式は英語のp5JavaScriptのコードを、日本語で書か

もっとみる
オシャレなグラデーションを作れ!カラーパズルゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

オシャレなグラデーションを作れ!カラーパズルゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-推移的な規則性の発見がパズルの発見今回作るのは色だけのパズルゲームです。グラデーションを成立させればステージクリアとなります。
パズルといえば推移的である数字がよく用いられますが、色のグラデーションも推移的な規則制の元に成り立っています。数字以外の推移的な規則制がないか身の回りを探ってみたら新しいゲーム性の発見があるかも?
また、技術的なポイントとしてはRGB色を使ってグラデーションを自動生成す

もっとみる
連打でスピードアップ!白熱レースゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

連打でスピードアップ!白熱レースゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-単純な連打ゲーでも見せ方で活かす今回作るのは連打するだけで加速するシンプルなレースゲームです。
シンプルな連打ゲーでも、見せ方を変えるだけでプレイヤーの気持ちよさを増幅させることができます。
また今回は基本的な配列を使っていますので配列が苦手な初心者にもおすすめな教材となっています。

デモアプリはこちらから。https://openprocessing.org/sketch/1630426

もっとみる
隠し通路を探し出せ!ダンジョン探索アドベンチャーゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

隠し通路を探し出せ!ダンジョン探索アドベンチャーゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-見せ方を変えればゲームも変わる今回作るのはダンジョン探索アドベンチャーゲームです。
カメラワークにより見える部分が限定されているため、シンプルなマップながら複雑な迷路のような印象を持たせることができます。
単純なマップでも、見せ方を変えればゲーム性を持たせられる好例かなと思います。

デモアプリはこちらから。https://openprocessing.org/sketch/1627352

-

もっとみる
時間を止めろ!タイムロッカー系弾幕ゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

時間を止めろ!タイムロッカー系弾幕ゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-アクションゲームなのにターン制今回作るのは弾幕ゲームです。
シューティングの名作タイムロッカーをヒントに、時間を停止(スロー)しながら弾幕を避けてアイテムをGETしていきます。
時間が止まるため、長考型のターン制のようなパズル感覚で楽しめる、アクションゲームが苦手な人でも遊べるゲームに仕上げてみました。

デモアプリはこちらから。https://openprocessing.org/sketch

もっとみる
空中ダッシュですり抜けろ!ダッシュアクションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

空中ダッシュですり抜けろ!ダッシュアクションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-気持ちいい動作をベースにする今回作るのはダッシュが特徴のアクションゲームです。
アクションゲームは単純に作ると、単調なマリオの亜種のようなゲームになりがちです。気持ちの良い動作をベースにし、その動作が活きてくるゲームルールに落とし込むと良いでしょう。
今回は空中ダッシュを気持ちの良い動作とし、アクションゲームを作っていきます。

デモアプリはこちらから。https://openprocessin

もっとみる
三角関数を理解する!動く目のアニメーションを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

三角関数を理解する!動く目のアニメーションを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

- 演出でおろどかせる今回作るのはアニメーション演出です。
2つの目がマウスをじーっと見てくるインタラクティブなアニメーションにしてみました。チープなゲームシステムでも演出で新しさや面白さを伝えられる良い題材かなと思っています。
また、技術的には、角度を調べる逆三角関数(アークタンジェント)を使用しています。角度を調べるときに非常に使える関数ですのでぜひ覚えておきましょう。

デモアプリはこちらか

もっとみる
すべってゴールを目指せ!スライドパズルアクションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

すべってゴールを目指せ!スライドパズルアクションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

- スライドにすればゲームが変わる今回作るのはスライドしていくパズルアクションゲームです。
ツルツル滑る氷の上をすべってゴールを目指します。
パネルを1マスずつではなく、スライドさせることで独特のパズル感を出すことができます。
スマホパズルゲーム「2048」や、ドイツゲームの巨匠アレックスランドルフの「ハイパーロボット」などが代表例でしょう。
学習のポイントとしては、「壁に当たるまで止まれない」と

もっとみる
仕入れて売る!経営シミュレーションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

仕入れて売る!経営シミュレーションゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-お金儲けは楽しい今回作るのは経営シミュレーションゲームです。商品を仕入れて売ってお金を稼いでいきます。
経営シミュレーションゲームは複雑ではありますが、ゲームとして成立するギリギリまで削ぎ落として簡易的なシステムに落とし込みました。

デモアプリはこちらから。https://openprocessing.org/sketch/1522944
Unityroom版はこちらから。https://un

もっとみる
弾けて連打する気持ちよさ!ピンボールゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

弾けて連打する気持ちよさ!ピンボールゲームを作ろう!クミタテ式プログラミングドリル(p5JavaScript / Processing)

-連打はとりあえず気持ちいい今回作るのは、ピンボールゲームです。
ピンボールは連打する気持ちよさをシンプルにゲームに落とし込まれています。
技術的にも、簡易的な物理エンジンを作れるようになるのでおすすめです。
なお、ピンボールといえば手動でボールを弾くフリッパーですが、今回は省略します(どちらかというとパチンコ?スマートボール?)

デモアプリはこちらから。https://openprocessi

もっとみる