MVCについて質問です。HTML5のCanvasで円を描いて、その円をドラッグ出来るようにしたいのですが、円の描画のところでMVCになっていない気が凄いしてちょっと詰まりました。
.
コードはcodePenに載せました。
codepen.io/anon/pen/zBZGPQ
.
ドラッグ処理の実装や円のヒット判定の実装はこれからなのですが、CircleオブジェクトはMVC的にはどのように書くべきなのでしょうか？
.
現状、円を描画するメソッドもヒット判定をするメソッドも、また、円の座標や半径の値を持つプロパティー、それらのsetter、getterも同一オブジェクトに書いており、これらはビューとモデルに分割すべきなのではないかと感じております。ただ、サーバーサイドMVC上がりの人間なのでいまいち、こういった場合のMVCがイメージできません。。。
.
凄く短いコードなので宜しければリファクタリングして頂けると非常に参考になるので有難いです。もちろんアドバイスだけでも大変有難いです。よろしくお願いいたします。
.
ちなみにメソッドは見易さの為、codePen上のコードではprototypeメソッドにはしておりません。