つぎなるお題は、マウスポインタの動きに沿って、滑らかに描かれては消える線のアニメーションだ。マウスが大きく動くと、線は太くなる。また、線はマウスポインタの軌跡そのままではなく、動きに少し弾みがついて描かれる。CreateJSコミュニティエバンジェリストのSebastian DeRossi氏がつくられたサンプル「Smooth Line」をもとに、表現は少し変えている。 マウスポインタの軌跡を滑らかな曲線で描く はじめの一歩として、マウスポインタの軌跡を滑らかな曲線で描く。この連載をとおして読んでくださっている読者なら、どこかで聞覚えのある表現だと気づかれたかもしれない。第10回「ドラッグの軌跡を滑らかな曲線で描く」で扱ったネタだ。ただ、細かい仕込みが違ってくるため、今回は新たに書き下ろす。ライブラリの読込みと初期設定の関数、body要素からの関数呼出しやcanvas要素の配置はいつもどおりだ
