P5.js

  1. CG関連

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

    サインコサインなどの『三角関数』を使う事で、大きさを変える色を変えるふわふわした動きをつくる円を描くなどの動きを簡単に表現できるようになります…

  2. CG関連

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

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

  3. CG関連

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

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

  4. CG関連

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

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

  5. フロントエンド

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

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

  6. CG関連

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

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

  7. CG関連

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

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

  8. CG関連

    【ベクトル】をわかりやすくするコツ〜『ベクトル』はただの数値の組み合わせです(4)【P5.js】

    遊ぶようにプログラミングができて、デザインやアートをつくれる『クリエイティブコーディング』を、『P5.js(ProcessingのJavaScript版)』…

  9. フロントエンド

    【CSS】色の設定は『RGB』より『HSL』の方が使いやすい件〜ランダムに使いたい(3)【P5.js…

    遊ぶようにプログラミングができる『クリエイティブコーディング』はもちろん、ホームページやウェブサービス、洋服やコスメなどでも、『色』によってずいぶんと雰…

  10. CG関連

    プログラムで移動・回転・拡大縮小を覚えると表現に幅がでてきます(2)【P5.js】

    遊ぶようにプログラミングができる『クリエイティブコーディング』の中でももっとも取り組みやすいのではと思っているのが『P5.js(ProcessingのJav…

最近の記事

ピックアップ記事

  1. バックエンド

    【検索システム】をつくってみた【実際にログインしてさわれます】
  2. 音楽

    コードの転回形の練習方法をまとめてみた【大人のピアノ】
  3. バックエンド

    【Python】手軽に試す方法2つとwebフレームワークについて【初心者向け】
  4. CG関連

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

    【WebGL】入門 わかりやすく【図解】してみた
PAGE TOP