福野泰介の一日一創

「jigintern/2023-summer-b: スケッチャラボ」

「home | p5.js」
お絵かき関係はJavaのProcessingからJavaScript用に派生したp5.jsが使われています。 p5.jsは、ESモジュールと相性が悪いので、ESモジュール化した「p5.es」を作ってみることにします。

「p5.es forked p5.js」
まずは色、p5.Color.js から！ESモジュール表記に変更。 import Color from "https://code4fukui.github.io/p5.es/src/color/p5.Color.js"; const c = new Color("hsl(100,30%,20%)"); console.log(c.toString("rgb%")); // rgb(18.0%, 26.0%, 14.0%) RGB、HSB、HSLに対応できました。数を1つ引数で渡すとグレースケール。

Denoのテストで発覚した、rgba%で出力したときアルファがパーセント表記になっているとパースできないなど、書式が入力と出力で合っていなかったところを修正してあります。p5.jsへIssue上げて、プルリク投げてもいいかも。