带画布的HTML问答游戏

嗨，我正在尝试用画布创建一个html问答游戏，但是我对这个东西还不熟悉，我没有找到任何关于这个特殊东西的文档

游戏摘要

游戏分为5个场景，每个场景都是一个时间段（史前、古罗马ecc……），背景中只有一个静态图像，带有一些闪亮的点。当用户点击这一点时，游戏会放大它，并出现一个问题。当用户回答问题时，场景缩小，他可以单击下一个问题。当用户回答了该场景中的所有问题后，游戏将转到下一个场景

我的问题

我找不到关于这个的有效文档，我真的不知道从哪里开始。我的想法是使用bootstrap并包含一些插件来实现这一点，但我没有找到任何人。我知道有更好的框架，比如angular，来做这种游戏，但我真的没有时间去学习这样的东西

---

有人知道更好的方法吗？

你是将人们的进步存储在数据库中还是与谷歌教室通信（例如，在作业中添加分数？我个人建议使用谷歌应用程序脚本并将其嵌入HTMLsave包中以去除“水印”这将显示在应用脚本web应用的顶部。以下是一些帮助您入门的文档：

---

我正在使用一个数据库，但是你在这里放的链接是一个关于如何使用引导的简单指南否？这不是我的问题，我需要的是一个在网站上用js插件实现游戏的方法，或者一个使用canvas进行此类操作的指南这里有一个插件，有一些文档：这很好，但是我如何将其与canvas游戏w合并所有的图形？