http://heavymetagaming.com/eslgames/avengers.html

I've only tested this on Chrome, and it doesn't seem to be working with IE unfortunately. Something to do with the FlexBox Framework I used.


Basically, it's a fully functional game with videos that you can load with questions/answers/pictures(clue).

The format to add questions looks like this:

This is your first question; this is your first answer; http://www.thisIsAPictureURL.com
use a line break; to create a new question; with the same format
you can have up to; 26 questions; separated by line breaks
if you put less than 26 questions; they will be auto repeated; to fill the missing spaces
notice that there isn't; a semicolon; at the end of the picture URL


The reason I did it as this block of text rather than having individual text boxes for question/answer/clue was so you can type up your entire lesson in a word document and just copy and paste it into the text box. This means if you teach at several schools, or lesson plan at home, you can have it prepared and ready to go when you get to school (just email yourself the wall of text).

The other cool thing about the design is that I should be able to make games with the same format but different themes very easily. So, if someone wants to help me make another game, they would only need to track down videos, images, and color schemes to change everything from The Avengers to something else (maybe k-pop themed or something else for girl schools).

Anyway, I put a lot of work into this, and I hope people can get good use of out. Please test it out, try to break it and post feedback here.

Especially: Let me know how it looks on the resolutions at your school. It won't work well if you shrink the page too much, but it seems to be fine on most common resolutions.

Known Issues:
Captain America vids are edited a bit weird (they were the first ones I did, so I was figuring it out as I went)

Possible improvements (in order of priority):
Try to make font sizes more flexible.
Add an element of randomness to the bombs and big points (thinking of using a wheel) Done!
Add a "change points" feature. Done!
More videos for Iron Man and Hulk (I need to go through those movies still)
More efficient way of preloading the videos so they are accessible. Currently, I can't figure out how to do this.
Make this functional in IE (I doubt I'll do this unfortunately, it's just too much work essentially rewriting everything in a different framework).



Also, if you finish making a game for a particular lesson, feel free to post your wall of text here so other teachers can just copy and paste it. Currently, I have a default lesson I threw together about body parts for a 1st/2nd grade class I'm teaching.

Interesting concept. I like that it automatically tallies the scores for each team. Is there a way to change the font sizes of the questions and scoreboards? I notice that Captain America Team bleeds off the score box, and some of the questions could be bigger in size.

The problem with font sizes is I can't do a percentage size for those. If Captain America bleeds off, try zooming the page down a bit. The text should shrink and everything else stay the same.

It's not about the page zooming; it's about the area for the text going outside the area for the little score box.

And in IE 11, the music you've got for the choice slide just gives "invalid source" but it played fine in current chrome...

Now the text is really small. it works on my school computer at 1024x768, but it looks really bad on my 1080p monitor at home. So if it looks too small for you, make sure you zoom in.

Also, I've tested this with a few classes. It went well, but I really need to change the bomb to a random chance thing, and add a point switch mechanism. I was planning that out in my head earlier, and I don't think it will be too hard. I'm just dreading diving headfirst back into this.

The problem wasn't the text size; it was the fact that the score was written to the same text box as the team name and Captain America took up 2 lines where the rest took up 1, thus pushing that team's score further down. You could probably change the text size back and just give the team score it's own box that appears at the same position inside the bigger box every time. Hope that makes sense.

I get what you're saying. It is to do with the text size. It has to do with HTML putting an extra line between paragraph blocks. I'll tweak it some more and try to get rid of the space between them.

Well done, I will be giving this a shot in the weeks to come and will let you know how it goes.

BTW, as ENglish teachers it should probably be either "Iron Man's Team" or "Team Iron Man" instead of "Iron Man Team."

Thanks for this, I used my own images with this to review textbook lessons with my all-boys grade 3 and 4 classes last week and they loved it. I only have 4 students in each class so they could all choose a character.
(The only thing was they wanted to choose the order but it was like 'too bad, the person who chose Thor is going first'.)

Yeah, I randomized the first team intentionally to prevent having to rock paper scissors  at the beginning.

I'm really glad the students enjoyed it! I've been having success with  big and small classes.

The biggest problem I'm having is that the game plays really fast because the points are auto tallied. Usually, I would have to walk to the board between each choice and write the scores which fills a lot of time, haha. I guess it's not a bad problem to have.