Box2DWeb jsを使って物理演算をする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
物理演算をしてくれるライブラリにBox2DWebというのがあります。Box2DFlashというASライブラリのJavaScript版です。 こいつを使って物理演算をすると、表現の幅が広がりそうなので、試してみたいと思います。 とりあえず最初なので、簡単なのを作ってみました。 ボールが落下するデモ わりと事前準備が大変なので、Box2DWeb jsを使って物理演算をする上で、大切な所を解説しておきます。 1. スケールを定義しておこう // 17行目付近 var WORLDSCALE = 30; Box2DWebはメートル方を採用しているらしいので、共通のスケールを定義しておきます。 今回は1メートル=30pxでいきます。 2. 重力を計算する世界を作ろう // 20行目 var world = new b2World( new b2Vec2(0, 9.8) , // 重力の設定 横,縦の重
容量はjQueryの13%! 超軽量jQuery「jQuip」に注目
jQueryは人気の高いフレームワークで、軽量高速という特徴がある。いくつかの著名ベンダからCDN経由で提供されており、実質的なダウンロードも高速という状況にある。しかし、最近のjQueryはちょっとサイズが大きくなりすぎたのではないか、そう感じている開発者もいるかもしれない。特にjQueryの特定の機能しか使っていない場合、最新版がでるごとに新機能が増えることに不満を感じている方も少なくないだろう。もうこれ以上サイズを増やさないでほしい、と。 そうしたユーザにとって興味深いプロジェクトが登場した。jQueryをモジュール化して必要な部分のみを利用できるようにした「jQuip」だ。jQuip (jQuery-in-parts)はjQueryをモジュールへ分割し、利用する機能のみを組み合わせて使用できるようにしたフレームワーク。説明によればもっとも基本となるjquip.jsコアのサイズは、ミ
iPhoneでも使える。JavaScriptを使った簡易アニメーション·Spritely MOONGIFT
SpritelyはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhone + Webの最大の問題点と挙げられるのがFlashを使えないために効果的なアニメーションが利用できないということだ。GIFアニメーションを使う手もあるが、クリックやインタラクティブな動作ができないのはいただけない。 iPhone 3GSなら意外とスムーズ HTML5で解決できる部分も幾つかあるが、手軽に使えるとは言い難い。アニメーションに特化したライブラリが欲しい。そうすればiPhone + Webでの可能性がもっと広がるはずだ。そしてそれを可能にするのがSpritelyだ。 SpritelyはjQueryを使ったアニメーションライブラリで、名前の通りスプライトイメージを使ってアニメーションを行う。つまり1コマ1コマに相当する画像をくっつけて保存し、それを切り替えて表示することでア
MOONGIFT: » JavaScriptではじめるMac OSX用アプリケーション開発「JSCocoa」:オープンソースを毎日紹介
Mac OSX向けのアプリケーションを開発するにはCocoaやObjective-Cといった特有の言語を習得する必要がある。今はWebアプリケーションが盛り上がっているのに、特定のプラットフォームでしか動かない言語を習得するのは面倒くさい、そう考える方も多いはずだ。 アプリケーション一覧、プロセス一覧を表示するデモアプリケーション そんな方に朗報だ。JavaScriptを知っていればMac OSX向けアプリケーションが開発できる時代になってきたのだ。それを可能にするのがJSCocoaだ。 JSCocoaはGoogle Code上で公開されているオープンソース・ソフトウェアで、ライセンスはMITライセンスとなっている。 Mac OSXでは元々RubyCocoaと呼ばれるソフトウェアやPyObjCといったPythonとObjective-Cの橋渡しをするソフトウェアが存在している。この時に使わ
Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記
はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リアルタイムフォームバリデーション jQuery.validation.js :: 5509
selectボックスをシンプルなプルダウンに拡張するjQuery.selectable.js :: 5509
