P5.js

1. 

   フロントエンド

   2020.02.10

   【プロセッシング】簡単なゲームをつくってみた その3 リファクタリングと当たり判定【P5.js】

   プログラミング初心者向けにオススメな『P5.js』を使ったプログラミング実況動画、第３弾です。今回ラストです。前回までの記事はこちら。　　今…

2. 

   フロントエンド

   2020.02.7

   【プロセッシング】簡単なゲームをつくってみた その2配列・コールバック関数【P5.js】

   前回の動画はこちら。プレイヤーの作成に続き、今回は、ブロックの実装色付けブロックを複数作成という内容になっていました。動画はこちら。…

3. 

   フロントエンド

   2020.02.6

   【プロセッシング】簡単なゲームをつくってみた その1【P5.js】

   たまたまツイッターでとてもいいプログラミング題材が見つかったので、前々からやろうと思っていた、ゲーム実況ならぬ、プログラミング実況をやってみました。…

4. 

   CG関連

   2019.09.18

   【三角関数】をプログラムで使う方法をまとめてみた(11)【P5.js】

   2020/6/5追記 三角関数に関する動画を追加しました。サインコサインなどの『三角関数』を使う事で、大きさを変える色を変えるふわふわした…

5. 

   CG関連

   2019.08.20

   プログラムで図形の描き方～頂点と【バラ曲線】を使って〜 (10)【P5.js】

   遊ぶようにプログラムできる『P5.js(ProcessingのJavaScript版)』には、円や四角形など最初からいくつかの図形が使えるようになって…

6. 

   CG関連

   2019.08.16

   【3Dプログラム】初心者にオススメな方法はこれ(9)【P5.js】

   一般的に『3Dプログラム』というとややこしい、敷居が高いイメージがあると思いますが、遊ぶようにプログラムができる『P5.js(ProcessingのJava…

7. 

   CG関連

   2019.06.17

   プログラムで色や大きさをランダムにして遊んでみる(8)【P5.js】

   遊ぶようにプログラミングができる『クリエイティブコーディング』。『クリエイティブコーディング』の中でも一番とっつきやすいかと始めた『P5.js(Proces…

8. 

   フロントエンド

   2019.06.14

   プログラムの関数をわかりやすく使ってみる〜自動販売機に例えてみる〜(7)【P5.js】

   プログラミングを始めた頃に、よくわからないと思っていたものの一つに『関数(かんすう)』があります。『PHP』でも『JavaScript』でも『PHP』でも…

9. 

   CG関連

   2019.06.12

   プログラムの【配列】をわかりやすく『ゴディバ』で例えてみる(6)【P5.js】

   今回のお題は『配列』。『プログラミング』を始めたばかりの頃を思い出すと、『配列』をどうもうまく使いこなせなかったのですが、慣れてくるにつれ、こんなに…

10. 

    CG関連

    2019.06.11

    プログラムで【加速度】【速度】の使い方をわかりやすく (5)【P5.js】

    遊ぶようなプログラミングでおなじみの『クリエイティブコーディング』。スムーズな動きを実現しようと思うとどうしても『物理』や『数学』の知識が必要になって…