p5.js で JavaScript の基礎を体験できる全15単元のサンプル集です。学びたい単元を選び、ブラウザで直接実行しながらコードを編集してください。
p5.js スケッチの基本構造と最小のアニメーション。
let / const の使い分けと変数操作の基礎を確認。
Number / String / Boolean と文字列の組み立て。
算術・比較・論理演算を可視化しながら学習。
if / else による条件分岐と状態管理の導入。
for / while ループでパターンや配列処理を作成。
引数・戻り値を使った関数設計と再利用。
push / shift とループを組み合わせたデータ処理。
連想配列的なオブジェクトで複合データを扱う。
マウス・キーボードイベントを使ったインタラクション。
random / noise を応用した自然なパターン生成。
スライダーなどの UI 要素を組み合わせた操作。
loadImage / image で画像を読み込み自由に描画。
状態変数を使いアニメーションの振る舞いを制御。
util.js を分割し ES モジュールで機能を整理。