ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
p5.jsでクリエイティブコーディングを体験しよう
p5.jsを使ってクリエイティブコーディングの基本的なトピックについて学んでいきます。
0%
動画レッスン一覧
(10)
補足情報一覧
(1)
未完了
#01 完成版で遊んでみよう
(02:31)
概要
完成版の確認
p5.jsの紹介
未完了
#02 描画領域の設定をしよう
(02:39)
実行環境の使い方
setup()
未完了
#03 グリッドを作ってみよう
(01:51)
グリッドの描画
未完了
#04 二重ループを使ってみよう
(02:48)
forループ
二重ループ
未完了
#05 円の数を増やしてみよう
(02:08)
変数の導入
未完了
#06 乱数を使ってみよう
(02:21)
random()
メリハリの付け方
未完了
#07 色に応用してみよう
(02:44)
色への応用
配色アルゴリズム
未完了
#08 HSB色空間を使ってみよう
(02:37)
HSB色空間
HSBでの配色
未完了
#09 作品に動きをつけてみよう
(02:40)
draw()
mouseX, mouseY
軌跡の作り方
未完了
#10 マウスとの距離を使ってみよう
(02:43)
dist()
三角関数の利用
#02 描画領域の設定をしよう
2018年10月25日
補足情報
p5.jsのレッスンについて
この動画で使われているp5.jsについては以下のレッスンを参照してください。
・p5.js入門 (全14回)
https://dotinstall.com/lessons/basic_p5js
ギャラリー
このレッスンについて
最終更新日
2018年10月24日
(416日前)
バージョン情報
p5.js 0.7.2
関連キーワード
(6)
基礎講座
(284)
初心者向け
(287)
JavaScript
(127)
p5.js
(3)
クリエイティブコーディング
(1)
メディアアート
(1)
このレッスンを共有する
補足情報 p5.jsのレッスンについて
この動画で使われているp5.jsについては以下のレッスンを参照してください。
・p5.js入門 (全14回)
https://dotinstall.com/lessons/basic_p5js