Skip to main content

HTML5 tribute to three decades of Mario

interactive website mario

IGN looks at over 30 years of the Mario gaming franchise

Mario has undeniably produced some of the best designs in video games (opens in new tab), spawning over 30 years in the industry. Whilst this impressive legacy continues to grow stronger with every new Mario game release, developer Kyle Simpson decided to step back and celebrate what the little plumber from Italy has already acheived.

The Museum of Mario (opens in new tab) was created by popular gaming network IGN (opens in new tab) in cooperation with Intel’s HTML5 Hub have created. The interactive website showcases the journey of Mario games throughout the years - highlighting the evolution of the game from its 8-bit arcade game start to its more modern, 3D versions.

The site was created using a number of different open source libraries that Simpson has worked on, including a templating engine called grips (opens in new tab) and a dynamic script loader called lab.js (opens in new tab), as well as WebGL, three.js, socket.io, a custom audio/video manager using soundjs, and Adobe Edge.

"I think anyone that’s played a Mario game has built an emotional attachment to that character," Simpson explains. "So having the opportunity to use web technology to build an interactive anthology around Mario has been a blast. I think we’ve achieved a modern method of viewing content".

interactive website mario

interactive website mario

interactive website mario

interactive website mario

interactive website mario

[via You The Designer (opens in new tab)]

Liked this? Read these!

Which era of Mario was your favourite? Let us know in the comments box below!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.