在vuejs网站中设计一个网页游戏

各位朋友，我用vuejs和django设计了一个类似人人网的个人网站，www.zhishiren.info,测试用户名和密码都是zhao,
我想设计一个网页游戏，简单点的剧情类，请问用vuejs能否实现？有没有设计这种剧情类的或是战棋类的设计模版？
我是非科班自学的，望大家讲的通俗一点。

先总结一下：游戏开发基于canvas！游戏开发基于canvas！游戏开发基于canvas！重要的事说三遍，不要再用 dom 操作做游戏啦！
我想你可能陷入误区了，游戏现在有专门的游戏引擎，如 cocos，Egret（听说公司没了）,pixijs(b站用来做播放器好像)；
Vue,React,某A，是响应式框架，用来处理数据流的，视图层就帮你处理了数据的计算，你可以用 Vue 看作容器，可以让你减少数据，dom的操作，但是如果通过 dom 来进行游戏开发，不大可取，你需要对每个dom设置绝对定位，css方面就够处理了，虽然还是有不少基于dom开发的游戏demo，但那也只能是demo，真正想做游戏，还得通过游戏框架（不要重复造轮子），物理引擎，碰撞检测啥的都给你做好了，模型加载也是有的，考虑下呗；
cocos 有专门的编辑器，下载后有一个打飞机的模板，可以参考；

https://www.h5w3.com/tag/vuejs%E5%B0%8F%E6%B8%B8%E6%88%8F
这里有现成的vuejs游戏。去下下来放上去

https://www.h5w3.com/js/380199.html

github上有 现成的你可以找找

img


这是一款基于js和nodejs的象棋游戏，比较适合你
下载地址：https://gitee.com/stringify/ChineseChessOnline.git

1.封装组件的必要性，初始开发比较麻烦，伤害体积，碰撞体积，跳跃递减，碰撞使跳跃开始自由落体，因为我没有接触过什么游戏框架，所以我都是自己计算写出来的，花了一天完成了基础，然后做了两关而已，因为后面的就没什么挑战难度了，封装完组件后，后面的关卡只需要添加组件就好，接下来开发一关只需要几分钟吧估计(除非需要添加攻击等其他功能)
2.要热爱代码，而不是单纯的把代码当作生活的工具，这个游戏虽然只是个小游戏，却是一个乐趣，因为鬼畜的小人物是我女朋友，这也是这个游戏的目的哈哈哈哈
3.作为一个21届专科毕业生，拥有不到一年的工作经验，希望以后还是能够对代码保持热爱
目前发现的个别bug：
1.跳跃有几率挂在墙上：这个问题我知道问题缘由，修改起来不难，但是我觉得这反而可以作为一个游戏的精髓（就像cf的卡箱子）
2.死亡后复活无法跳跃：这个当时是因为我把不应该出现在vuex管理的状态放在了vuex里，因为搬出来的话比较麻烦，我就使用了笨方法，死亡后刷新一下页面

网站不错啊