Posted Category 技術的な話題


seccon記事以来となりますね。

トップページをスマホ対応しようしよう思ってトントンと流れていたのですが、
もくもく会に参加した際に、この前見つけた物理エンジンを使ってみようと
切り替えたらスマホ対応いけちゃった感です。

ぷあさんとぐらぷすの愉快なもくもく会
http://www.zusaar.com/event/10387003

具体的には、Matter.js というものを使用しました。

Matter.js
http://brm.io/matter-js/

 

いままで、box2d-jquery を使って、DOMから構築しDOM更新されていく、なのですが、
今回は、全部js側に持って行き、そっちで全部動く、という形です。
(ので、今までDOM更新されていた分の処理が消えるのでぬるぬる感がでる、はず!)

加えて、スマホサポートもしているらしく、物理エンジン周りについては
とくに何もせずともスマホ対応できちゃいました。

ただ、スマホで見た時の画面がしんでいたので、cssをいじったり、iframeの幅をいい感じにしました。

 

ぜひスマホでもお試しあれ。


(追)

エイプリルフールからそのまま残っていた、
ゴミを吐き出していく処理はこのタイミングで消しました。

そのままではなんだかもったいないので、機能は残し、
ボタンを押すと吐き出すようにしています。