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

JavaScript ライブラリ tmlib.js を使って日食を再現してみた

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

昨日放送された『世界の果てまでイッテQ!』で出川哲朗とデヴィ夫人のコーナーでやっていた金環日食.

金環日食』も『金星の太陽面通過』も当然のようにスルーした私ですが, この放送を観てちゃんと観ておくべきだったと後悔…

ここまでキレイに観れなかったにしろ, やはりロマンを感じますよね.

ちょっと悔しくなったので HTML5 Canvas with tmlib.js で日食を再現してみました. コードも載せておくので, よかったら遊んでください.

それっぽく見えるよう調整しただけなので, 公転の計算はやっていません. (誰か fork してやってくれると嬉しいな♪)

tmlib.js は近々 webgl 対応したやつを公開する予定なので, 3D 化するついでに本格的に計算して 作ってみようかと思っています.

screenshot

Read More

本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました.

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

最近, JSX やら enchant.js やら arctic.js やらで JavaScript 界隈はすごく盛り上がっています. そんな中, 私自身も一石を投じようと本日 JavaScript ライブラリ 『tmlib.js』を公開しました!!

リニューアルって言った方が良いのかな? 実際には, 2年前に作っていたライブラリ 『tmlib』 を大幅に改良したものになります.

私一人でコツコツと作っていたものなのでクォリティは低めです. 誰か協力してくれー!!

コンセプトは『JavaScript をより使いやすく, より便利に, そしてより豊かに』とざっくりとした感じ.

やってることは

  • 生成時に new がいらない class 定義の仕組みを作ってみたり
  • jQuery ライクに DOM を扱えるようにしたり
  • ajax 機能をサポートしてみたり
  • HTML5 Canvas をラップして使いやすくしたり
  • アニメーションできるようにしてみたり
  • ベクトルや行列をサポートしてみたり
  • 音を鳴らせるようにしてみたり
  • 入力系をサポートしてみたり
  • 1つのコードで PC とスマホ同時対応できるようにしてみたり

と色々やってます.

ここであーだこーだ書くより, サンプルを見てもらえれば色々やれるのが分かるかと思います. jsdo.it で 10 個程サンプルを作ったのでよかったら実行したり fork して遊んで下さい.

また, 多くのクリエイターの方々に使ってほしいので ツイート, はてブして頂けると嬉しいです. ご協力お願いします.

Read More