jQueryでMVC (1) ゆっくりしていってね！

「継続渡しスタイル(CPS)でアニメーション」バージョンもあります。

ソースコード

lame.js

アプリケーションの説明

ボタンを押すと博麗霊夢が動きます。文字も出ます。

ソースコードの説明

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に委譲します。

MVC インデックスへ戻る