お絵かきサンプル作成中

HTML5のcanvas機能を利用してお絵かきサンプルを作成中だが、普段はHTML等のレイアウト作成をしていないからいろいろな気づきがある。たとえばマウスを動かしたところに色を塗る処理で、線の太さを変えるだけではこんな画像のようになって、非常に汚いラインになってしまう。
対策は・・・また今度。
この本に触発され、できるだけコーディングをやって確かめてみようかなと行動しているが、ずばりやってみないと考えもしなかったことがたくさん見つかる。そういう経験の積み重ねが大事なのだろう。また、普段はGUI等よりも内部処理中心で仕事しているから、非常に新鮮な気分にもなる。

今回参考にさせていただいたサイトはこちら。type="range"のところはこれを見て作ってみた。