HTML5 Canvas で縦書き対応してみた | TM Life
表題の通り, HTML5 Canvas で縦書き対応してみました. 友人からずっと『tmlib.js で縦書き対応してくれ〜』って言われていたのですが, 自分が使う機会がなかったので実装渋ってました. ごめんなさい. 割とサクッとやれたので解説がてらサンプル載せておきます. tmlib.js は次のバージョン(0.1.6)から対応版リリース予定です. 近々リリースします!! Table of contents HTML5 Canvas 縦書きデモ HTML5 Canvas 縦書きする方法 HTML5 Canvas 縦書きデモ up HTML5 Canvas 縦書きする方法 縦書き描画の実装は下記のコードになります. tategakiという関数を実装しています.(ローマ字でごめんなさい, 良い感じの名前が思いつかなかったのでw) var tategaki = function(context
javascript+canvasでiPhoneのピッカーを作ってみた - jsdo.it - Share JavaScript, HTML5 and CSS
blog - http://testcording.com/?p=1225 スマホでも触ってみてください。 2013/04/25 - パラメータ名の変更＋追加、メニュー内要素のフェードアウト開始位置の変更 2013/04/30 - ドラッグ処理をgithubからダウンロードするように変更 : https://github.com/omatoro/tmlib.js_drag // forked from omatoro's "canvasだけでプルダウンメニュー - プロトタイプ ver.0.6" http://jsdo.it/omatoro/u69f // forked from omatoro's "canvasだけでプルダウンメニュー - プロトタイプ ver.0.5" http://jsdo.it/omatoro/mp3D // forked from omatoro's "canv
HTML5 Canvas で Polygon(多角形)描画 | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. 今, JavaScript のゲームライブラリを制作しています. まだ公開前ではありますが, 整理がてら その中からチョコチョコと機能を晒していこうと思います. では早速, 今回は Polygon(多角形) を描画するサンプルを作りました. この多角形描画処理を使えば簡単に下図のようなキレイな三角形や色々な多角形を描画することができます. Sample and Download 今回制作したサンプルはこちらです. サンプルはこちらからダウンロードできます. Code Script ポリゴンを描画する関数を定義しているスクリプト(tm.polygon.js)のコードです. /** * @author phi *
tmlib.js で様々なソートをビジュアル化してみた | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. 昔作ってた visual sort を tmlib.js で作りなおしてみました. 色々なソートをビジュアル化してます. ビジュアル的にソートの流れが分かるよん♪ 個人的には bidirectionalBubbleSort が好き♪♪ jsdo.it で作っているので, 気軽に実行できます. まだまだ色々なソートがあるので fork して実装してくれると凄く嬉しいです. Sample Demo Check out this Pen! bubbleSort /** * バブルソート */ var bubbleSort = function(list) { var sortProcess = []; var le
超簡単♪ tmlib.js の Canvas クラスを使って様々な図形を描画しよう!! | TM Life
今回は tmlib.js を使って様々な図形を描画する方法について紹介します. tmlib.js ってなんぞや？って方は『JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました.』へ. GitHub Docs tmlib.js は標準の HTML5 Canvas をラップして機能を拡張しているので 様々な図形を簡単に描画することができます. 単純な図形描画の他にもグラデーションをかけたり, フィルターをかけたり 画像として保存したりってことも簡単にできるのでぜひ使ってみて下さい. もちろんサンプルは jsdo.it で作成しています. なので, 実際に動かしたり fork してコードをイジったりしてもらえると嬉しいです. Table of contents サンプル & コード 解説 四角形描画 三角形描画 円描画 スター描画 魔法陣サンプル その他機能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript+canvasでiPhone風ピッカーを作ってみた – tmlib.js
今日はバレンタイン!! ってことで tmlib.js でハート描画対応してみた | TM Life