dotCanvas.js, keyChecker.js, vector.jsのデモ
この文字読めるかな？
JavaScriptで色をいじる方法をググっても、あらかじめ配列に色を用意しておくくらいの方法しかみつからなかったので、計算的に色を作れるスクリプトを作りました。
RGBで指定して色を作れるほか、"lightgoldenrodyellow"みたいな色名から"#fafad2"やRGBの数値取り出したりとか、そういうのができます。
上の円形のデモは、カーソルキーを押すと色が変わるようにしてあります。
ためしに上矢印キーでも押してみてください。
それと、色の名前と具体的な数値を入れた連想配列も用意しました。
たとえば、ColorNamedArray["lightgoldenrodyellow"]で"#fafad2"が出てきます。
この配列は煮るなり焼くなり好きにしろライセンスですので、気兼ねなく使ってやってください。
オマケに、16進文字列をRGBの数値にそれぞれ分解したり、分解したRGBから16進文字列に変換する方法もつけました。
これも煮るなり焼くなり好きにしろライセンスです。使えるものなら遠慮なく使ってやってください。
というか、JavaScriptにそのような機能無いものなんでしょうか。無駄骨だったらいやだなぁ。
colorNamedArray.js : 141色分の色名データを突っ込んだ連想配列。NYSL!
dotCanvas.js : テーブルタグを動的に生成してセルの背景色を使ってドットを表示するスクリプト。GPL!
vector.js : ベクトルを処理するためのスクリプト。GPL!
keyChecker.js : ベクトルを処理するためのスクリプト。GPL!
・その他の実験
JavaScriptで遊ぶ3(ベクトルの回転と反射)
JavaScriptで遊ぶ2(テトリスもどき)
JavaScriptで遊ぶ1(三角形の当り判定)
ブログ