マガジンのカバー画像

無料教材

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

2021年11月の記事一覧

シンプルでクセになる!一筆書きパズルゲームを作ろう!クミタテ式プログラミングドリル(JavaScript / p5js)

シンプルでクセになる!一筆書きパズルゲームを作ろう!クミタテ式プログラミングドリル(JavaScript / p5js)

この教材は期間限定で無料公開している教材です。

- わかりやすさと気持ちのいい操作性
今回作るのは、一筆書きパズルゲームです。一筆書きパズルは、誰でもルールがわかりやすく、適度な難易度があり、マスを埋めていく気持ちよさがある優れたパズルゲームです。

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

- クミタテ式プログラミングドリルと

もっとみる
ひっぱって離す気持ちよさ!ゴムをひっぱるアクションゲームを作ろう!クミタテ式プログラミングドリル(JavaScript / p5js)

ひっぱって離す気持ちよさ!ゴムをひっぱるアクションゲームを作ろう!クミタテ式プログラミングドリル(JavaScript / p5js)

この教材は期間限定で無料公開している教材です。

- ゴムの動きを再現
今回作るのは、ゴムの物理挙動を使ったアクションゲームです。引っ張って離すゴムの気持ちいい動きを再現しよう。この教材でアニメーション移動(ツイーン)の方法も学ぶことができるのでぜひチャレンジしよう。

でもアプリはこちらから。ゴムの動力を使ってボールを弾くストラックアウトゲームにしてみました。https://openproces

もっとみる
ターゲットへ放て!弓矢シューティングゲームを作ろう!クミタテ式プログラミングドリル(JavaScript / p5js)

ターゲットへ放て!弓矢シューティングゲームを作ろう!クミタテ式プログラミングドリル(JavaScript / p5js)

この教材は期間限定で無料公開している教材です。

- 矢の動きを再現今回作るのは、弓矢の物理挙動を使ったシューティングゲームです。マウスで方向を定めて弓を放ちます。角度から座標を算出する三角関数とは違い、座標から角度を算出する逆三角関数(アークタンジェント)が学べます。

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

- クミタテ式

もっとみる
画像を分割して入れ替え!オリジナルのジグソーパズルを作ろう!クミタテ式プログラミングドリル(JavaScript / p5js)

画像を分割して入れ替え!オリジナルのジグソーパズルを作ろう!クミタテ式プログラミングドリル(JavaScript / p5js)

この教材は期間限定で無料公開している教材です。

- オリジナルパズルを作ろう
今回作るのは、お気に入りの画像を使ったジグソーパズルです。1枚の画像を複数枚にカットしてバラバラにします。画像処理の応用が学べる教材です。

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

- クミタテ式プログラミングドリルとは?
クミタテ式は一言で言えば、

もっとみる