今日はバレンタイン! ってことで tm.graphics.Canvas でハート描画対応しました.

tmlib.js では, 今まで多角形や星形の描画サンプルは対応していましたが ハートには対応しておりませんでした.

計算式でハートを描けるメソッドを作りました.

// X 座標, Y 座標, 半径, 下のトンガリの角度(0<angle<90)
canvas.fillHeart(x, y, radius, angle);

いくつかサンプルを用意したので良かったら参考にして遊んで下さい.

ハート描画 – tmlib.js

重ねてハート描画 – tmlib.js

たくさんハート描画 – tmlib.js

更にたくさんハート描画 – tmlib.js x three.js