FREE: 8-Bit style True/False Quiz with novel use of scrolling panels

Hello everyone!

This week I went down a JavaScript rabbit hole following a discussion with Preethi and Chris during this week's ELH Challenge.  In her brilliant demo for ELHC #273 Using Scrolling Panels, Preethi used a snazzy bit of code to trigger events and actions based on the position of the scrolling panel, making it function a bit like a slider.

I recommend you check out this thread, where Preethi, Chris and I discuss the technical aspects in a bit more detail.

TL;DR this is a really cool way of making scrolling panels more versatile

Inspired by this discussion, I went back to opengameart.org and cobbled together this retro style true/false quiz.

CAN YOU CROSS QUESTION CANYON?

Demo: https://bit.ly/elhc273c

Donwload: https://bit.ly/elhc273cdl

The fonts used in this demo are PLAYBILL, APPLE GARAMOND and 8 BIT WONDER, which can be found here:

https://www.dafont.com/apple-garamond.font 
https://www.dafontfree.net/freefonts-playbill-f138771.htm 
https://www.dafont.com/8bit-wonder.font 

It's subtle, but you'll see that the coins are disabled until the scroll panel reaches the correct position. 

For more great examples of this JavaScript in use, check out ELHC #273!

5 Replies
Allison LaMotte

This is super cool, Jonathan! Love the design. Thanks for sharing. One small thing I would change if this were my project would be to not have learners do multiple attempts. Since there are only 2 possible answers (true or false), if learners get it wrong, they already know what the correct answer is. Just my 2 cents! ;)

Jonathan Hill

Totally agree, this is very much a proof of concept not a rigorous assessment, but could easily be adapted to have more than two possible answers.

As it's currently pitched this is more of a school level assessment with an emphasis on fun and learning by repetition/elimination, crossing the canyon through multiple attempts.