🍕 Hackaton 18

Qi Chen, Gabriel Gendron, Sylvain Hamann, Jean-Loup Trolliard

Motivation

We want to prove that great and highly interactive things can happen in your web browser.

💻 Technology

HTML, CSS, JS...

• Framework: Phaser
• Backend: Node.js
• GitHub and Heroku

Fig. Ryan working hard

Progessive Web Apps

• It's installable
• It's fullscreen
• It's any device
• It's fast
• ...and much more

Share to anyone, anywhere

Lighthouse reports

💻

📱

Speed Matters!

53% of mobile site visits are abandoned if pages take longer than 3 seconds to load.

Source: https://www.awwwards.com/brainfood-mobile-performance-vol3.pdf

Web for the Next Billion Users

🖌️ Art

Spice collector

Set in the distant future amidst a feudal interstellar society in which noble houses, in control of individual planets, owe allegiance to the Emperor Yannas. Spice Collector embarks the player on a journey to become the Universes' most notorious Spice Runner, a spice collector sent by your noble house to gather the most rare and important ressource ever known to kin. He who controls the Spice, Controls the Universe.

Graphic design

• Art direction is inspired by Chris Foss' concept art for Alejandro Jodorowsky’s unrealized film adaptation of Frank Herbert’s Dune
• Color scheme is inspired by Mark Zug's concept art for Dune CCG
• UI inspired by games such as Destiny and God of War
• Every asset was done in Adobe Illustrator

🚨 Methodology

Tools

• Communication: Slack
• Organisation: Trello
• Daily meeting

🎮 Demo time

👁️ Vision

Web games then

• Point & click games
• Poor interactions
• Heavy technology (Flash, PHP...)
• https://clb.heroes-online.com/en-US
• https://en.ogame.gameforge.com/

Web games now

• Massive multiplayer games
• Same look and feel as mainstream prods
• Scalable and reusable technology (JS based)
• https://www.madworldmmo.com/

Benefits

• ↗️ Acquisition (less friction)
• ↗️ Retention (addictive)
• 💸  In-game purchases (freemium model)

Fig. Ryan got rich and is happy

Thank you

🌶️ Join the battle for the Spice 🌶️

https://goo.gl/8QnAVp or

https://hackubi18.herokuapp.com/