PCDTokyo2026_LT_p5.jsで始めるプロッターアート

Processing Community Day Tokyo 2026のLT『p5.jsで始めるプロッターアート』の資料です
少し前から始めたペンプロッターにまつわる個人作品を紹介しています

Transcript

1. p5.jsで始めるプロッターアート @3ur3k4/⽣⽅ 隼⼈ Processing Community Day Tokyo 2026
2. 3ur3k4 / ⽣⽅ 隼⼈ - デザイン系⼤学 学部4年 - ⼿触り感/質感をつくるのが好き
3. しばらくスケッチを描いていて…
4. ディスプレイに飽きてきた
7. - 実際にペンを持って描いてくれる - 描いてる途中が⾒ていて楽しい - ⾃然のノイズを加えられる - 機械と協働している感がある - 何より、かっこいいし可愛い✨
8. ペンプロッターを ⼿に⼊れるだけ！
9. 🤔
10. 価格が⾼い... A4サイズで5万〜 ⼤学⽣には少し⾟い+もう少し⼤きいやつが欲しい
11. ⾃作すればいいのでは？ 市販品 普通に買ってすぐに使える ⾃作 < （もしかしたら）安く作れるし、 試⾏錯誤した⽅が愛着も湧く あと、楽しい
12. 必要な材料 Arduino + CNC Shield 直動機構になりそうなもの モータードライバー ステンレスロッド + ベアリング 約4000円 約2500円 or リニアレール 約4000円〜 or V-Slot 約5000円〜 ステッピングモーター タイミングベルト + プーリー 約2500円×3 約4000円
13. 実際に作ってみた
14. 初号機（ギリギリ動く）
16. Georg Nees 🥰
17. ペンプロッターMk-4 MFT2025に出展しました
19. p5.jsのスケッチの変換フロー p5.js SVG G-code p5.plotSvg svg2gcode GcodeTracer プロッターのようなCNC機 SVGをG-codeに変換する ⾃作したセンダーツール 械向けのSVGを出⼒するラ Rust製のライブラリ OSC通信に対応している イブラリ WASM対応がありがたい が、通常のものでもOK https://github.com/sameer/svg2gcode https://github.com/3ur3k4/GcodeTracer https://github.com/golanlevin/p5.plotSvg
20. GcodeTracer ファームウェアから得た機械 位置を元に、OSCで送信する 機能をつけたペンプロッター 専⽤のセンダーツールを作り ました が頑張りました
23. Trace Attributeの制作過程やプロッターアートを編纂したブック
25. GenerativeArtとペンプロッターは 相性がいい 機械的特性 外的要因 アルゴリズム、乱数 画材、機械の精度 - 同じスケッチでも画材を変えるだけで質感が変化する - 予期しない現象をより楽しめる - その場で⽣み出されているという感覚を共有できる アウトプット 複製不可能な作品
26. Thank you for your attention!