-1

Hi I'm trying to create an html quiz game with canvas, but I'm new to this thing and I didn't find any documentation to this particular thing.

Game summary

The game is set into 5 scenes, every scene is a time period (prehistory, ancient Rome ecc..), and there is only a static image in the background with some shiny points. When the users click on that's point the game zoom on it, and appear a question. When the user answer to the question the scene zoom out and he can click on the next question. When the user has answered all the questions in that scene, the game moves on to the next.

My Problem

I can't find a valid documentation about this, and i really don't know where to start. My idea was to use bootstrap and include some plug-in to do this but i didn't find anyone. I know that there are better framework like angular to do this kind of game but I really don't have the time to learn something as that.

Someone as any idea about the better way to do that?

fabio del carlo
  • 23
  • 6

1 Answers1

0

Are you storing people's progress on a database or communicating with Google Classroom (eg. to add scores to assignments? I would personally recommend using Google Apps Script and embedding it on an HTMLsave bag to get rid of the "watermark" that is displayed on top of Apps Script web apps. Here is some documentation to get you started: Bootstrap Docs by W3Schools Apps Script Overview and Docs

David Fahim
  • 119
  • 8
  • I'm using a database, but the link you put here is a simple guide on how to use bootstrap no? This is not my problem, what i need is a way to implement the game on the site with a js plugin or a guide to use canvas for this kind of thing – fabio del carlo May 07 '20 at 12:41
  • Here is a plugin that has some documentation: https://www.jqueryscript.net/other/Dynamic-Quiz.html https://github.com/jchamill/jquery-quiz – David Fahim May 07 '20 at 14:02
  • This is good but how can i merge this with the canvas game with all the graphics? – fabio del carlo May 08 '20 at 14:41