Menu

jQueryでMVC (1) ゆっくりしていってね!
「継続渡しスタイル(CPS)でアニメーション」バージョンもあります。

ソースコード
アプリケーションの説明
ボタンを押すと博麗霊夢が動きます。文字も出ます。
ソースコードの説明
Model
positionに霊夢の位置が、textにテキストが設定されます。
start()で霊夢の動きとテキストの変化が初期化されます。 runningがtrueの間は次のステップが残っています。next()を呼ぶと、position, text, runningが変化します。
Controller
Modelを呼び出すだけです。Viewのことは感知しません。
View
JavaScriptのViewはwindowオブジェクトおよびjQueryに依存します。
ViewをModelに登録することで、Modelが更新されたときにViewに通知されます。 このコードではupdate()が呼び出されるので、その中でModelの値を読み取り、 jQueryを使って画面を更新します。
Viewで発生するイベントやコールバックはControllerに委譲します。
Last Update: 2012-12-30 18:30:08