Javascript-MVC应用程序设计

我很难掌握如何在Javascript中使用类似MVC的方法来构造/构建画布应用程序。用户界面将是相当流畅和动画，游戏相当简单，但与吐温和动画的高度重视。我在原则上了解MVC的工作原理，但在实践中却不了解。我已经在谷歌上搜索过了，读了很多书，现在和我刚开始的时候一样困惑

有关应用程序区域的一些详细信息：

• 多屏幕游戏框架-多个游戏将坐在这个框架内
• 常见的用户界面“屏幕”包括：设置、信息、选择难度、主菜单等
• 多输入法
• 常见的UI元素，如某些屏幕上的顶部菜单栏
• 使用不同渲染方法的可能性（canvas/DOM/webGL）

目前，我有一个AppModel、AppController和AppView。从这里开始，我计划添加每个“屏幕”，并将其连接到AppView。但是像顶部菜单栏这样的东西呢，它们应该是另一个MVC三元组吗？如果没有紧密耦合的组件，我将在何处以及如何连接它

将一个MVC三和弦放在另一个MVC三和弦中是公认的做法吗？i、 e.我可以将每个“屏幕”添加到AppView吗？“三合会”甚至是公认的MVC术语吗

我的心在选项下融化。。。我觉得我错过了一些基本的东西。我已经有了一个没有使用MVC方法的解决方案，但最终得到了紧密耦合的汤逻辑和视图，并且目前已经结合在一起。其想法是将其打开并允许更轻松地更改视图（例如，用基于DOM的视图替换画布视图）

当前使用的库：require.js、createJS、下划线、GSAP、手动MVC实现

任何指针、示例等，特别是与实际设计有关的东西，以及将“屏幕”拆分为适当的M、V或C，都将不胜感激

---

编辑：…或者使用MVC以外的更合适的方法

codereview.stackexchange.com可能是这个更好的地方TA，将尝试，我是新来的@Martin No Code Review对于这个问题来说并不是一个更好的地方，因为没有代码可供审查。在推荐网站之前，请先阅读主题上和主题下的内容。不确定如何直接向您发送消息，但我不知道在哪里可以找到主题上和主题下的内容。此内容作为重复内容关闭