『第一回全国統一HTML5実技コンテスト – jsdo.it』にエントリーしてみた

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

テーマはじゃんけんです.

ふといくつかゲームを思いついたので私も作ってみました.

テーマがじゃんけんなのに作ったのはパズルゲーム! 最近ハマっているパズドラに影響されちゃってますw

よかったら遊んで下さいな♪

screenshot

Read More

超簡単♪ tmlib.js の Canvas クラスを使って様々な図形を描画しよう!!

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

今回は tmlib.js を使って様々な図形を描画する方法について紹介します.

tmlib.js ってなんぞや?って方は『JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました.』へ.

GitHub Docs

tmlib.js は標準の HTML5 Canvas をラップして機能を拡張しているので 様々な図形を簡単に描画することができます.

単純な図形描画の他にもグラデーションをかけたり, フィルターをかけたり 画像として保存したりってことも簡単にできるのでぜひ使ってみて下さい.

もちろんサンプルは jsdo.it で作成しています. なので, 実際に動かしたり fork してコードをイジったりしてもらえると嬉しいです.

Read More

JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた

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

以前, 本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. で紹介した 魔法陣のサンプル.

このサンプルの色違いを色々と作ってみました.

screenshot

Read More

『リッチマン、プアウーマン』のデスメールカウントダウン演出をWebで再現してみた

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

先週『リッチマン、プアウーマン』第三話が放送されました.

このドラマに出てくる架空の会社「NEXT INNOVATION」で下記のような面白い設定がありました.

NEXT INNOVATION のプログラマは3ヶ月更新になっており, 今日が更新日. 夕方6時までに解雇メールが届けば, 否応なしに解雇になる. 解雇通知のメールはデスメールと呼ばれていた.

理由は, 使えない人間を置いておくと, 優秀な人間がそのフォローをしなくてはいけなくなるかららしい. ん~なかなか面白い.

この制度の興味深いところは…ってまぁ本題はそこじゃなくて.

ドラマの演出で社内のモニターに映しだされていた夕方6時までのデスメールカウントダウンの演出が 面白くて簡単そうだったので再現してみましたって話です.

death mail

Read More

JavaScript ライブラリ tmlib.js を使った本格アプリ Reverse Reverse が公開されました!!

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

先日, tmlib.js という JavaScript ライブラリを公開しました.

そして早くもその tmlib.js を使った本格アプリ 『Reverse Reverse』が公開されました.

開発してくれたのは Halt.
Web クリエイター && イケメン && オタク && 変態 && 私の大切な友人のひとりです.

tmlib.js を本格的に使った第一弾アプリになります. コードは GitHub 上で公開しているので参考にしていただけると嬉しいです. プレイして Tweet してくれると更に嬉しいです.

Read More

JavaScript ライブラリ tmlib.js を使って10秒で遊べるゲームを作りました

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

先日公開した tmlib.js を使って 10秒で遊べる簡単なゲームを作ってみました.

今回制作したゲーム『Enclose Circle』は クリックもしくはタッチをして, どれだけのサークルを消せるかを競うゲームです.

tmlib.js の処理で簡単にスマホ対応できるので, PC のブラウザでも iPhone や Android でもプレイすることができます.

自前サーバーを用意してランキングってまではやっていませんが, Tweet できるようになっているので, Tweet してスコアを競って遊んでくれると嬉しいです.

今回のは私がさくっと作った簡単なゲームですが, 近々 tmlib.js で作られたアプリが続々と公開される予定です. お楽しみに♪

あと, ソースコードは下に乗っけておきます. 全部で 400 行程度ですが, タイトル画面やらポーズ画面やらリザルト画面やらと色々作っているので, 実質ゲームの処理は 100~140 行程度です.

近々ちゃんと解説します.

Read More