概要

演習内容

JavaScriptロゴ p5.js

JavaScript(じゃばすくりぷと)の基礎を学びながら、そのライブラリであるp5.js(ぴーふぁいぶじぇーえす)を使用してジェネラティブアート / インタラクティブアートの制作を行います。

この資料の見方

それぞれ以下のように表示されます。

プログラム

sketch.js
function setup() {
  createCanvas(400, 400);
}

function draw() {
  let brightness = frameCount % 255;
  background(brightness);
}

実行結果

補足情報

猫派です🐈

注意事項

熊出没注意!

エラー

Uncaught SyntaxError: Unexpected token ';' (sketch: line 6)

作業箇所

○○○を使ったコードを書いてみましょう!

カラーテーマ

このボタンでページのカラーテーマを変更できます:

ライトモード / ダークモード の好きなほうを使ってください。
モード切り替えボタンは全てのページの最下部の右側にあります。