HTML5 Canvas で縦書き対応してみた

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

vertical-writing

表題の通り, HTML5 Canvas で縦書き対応してみました.

友人からずっと『tmlib.js で縦書き対応してくれ〜』って言われていたのですが, 自分が使う機会がなかったので実装渋ってました.

ごめんなさい.

割とサクッとやれたので解説がてらサンプル載せておきます.

tmlib.js は次のバージョン(0.1.6)から対応版リリース予定です. 近々リリースします!!

Table of contents

Read More

あけおめ企画 – 画像を一切使用せず HTML5 Canvas で鏡餅年賀状を描いてみた

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

元旦に投稿したエントリー『アケオメー!! 画像を使わずに HTML5 Canvas, CSS, SVG それぞれで年賀状を作ってみた.』の個別解説です.

今回解説するのは HTML5 Canvas Version についてです.

nengazyou

Read More

アケオメー!! 画像を使わずに HTML5 Canvas, CSS, SVG それぞれで年賀状を作ってみた.

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

みなさんアケオメー!!

プログラマはアナログなことはやらないのだー!! ってことでもうハガキは書かなくなっちゃったので, 代わりにみなさんへ HTML5 Canvas, CSS, SVG それぞれでハガキを作りました.

Read More

HTML5 Canvas で Star Polygon(星型多角形)描画

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

またまたライブラリから抜粋. 今回は前回に引き続き Canvas 関連についてです.

前回, Polygon を描画する関数を作りましたが, 今回はそれを少しいじって Star Polygon(星型多角形)を描画する関数を作ります.

Read More

HTML5 Canvas で Polygon(多角形)描画

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

今, JavaScript のゲームライブラリを制作しています.

まだ公開前ではありますが, 整理がてら その中からチョコチョコと機能を晒していこうと思います.

では早速, 今回は Polygon(多角形) を描画するサンプルを作りました. この多角形描画処理を使えば簡単に下図のようなキレイな三角形や色々な多角形を描画することができます.

Read More