今日はバレンタイン!! ってことで tmlib.js でハート描画対応してみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

heart

Pocket

今日はバレンタイン! ってことで 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

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT