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