CONCEPTS - Mozilla · X-Ray Goggles Remix (1 of 2) Hack this web page.Activate the X-Ray Goggles to...

Post on 30-May-2020

1 views 0 download

Transcript of CONCEPTS - Mozilla · X-Ray Goggles Remix (1 of 2) Hack this web page.Activate the X-Ray Goggles to...

“HACK THE STARTPAGE”CONCEPTS

“Hack the start page” with Webmaker

CONCEPTS:

1) X-Ray Googles Remix2) Asteroids3) Pong

X-Ray Goggles Remix (1 of 2)

Hack this web page. Activate the X-Ray Goggles to mess around with this page. WARNING: may alter reality.

Hack this web page. Activate the X-Ray Goggles to mess around with this page.

ACTIVATED! Try swapping the logo for something new.

X-Ray Goggles Remix (2 of 2)

User swaps in an image / alters other page attributes. Then is prompted to sign up and learn more with Webmaker.

READY PLAYER ONE? Launch me.

Asteroids (1 of 4)

READY PLAYER ONE? Launch me.

Activate Webmaker to remix

Asteroids (2 of 4)

Player uses simple keyboard controls to pilot ship and blast logo.Webmaker button activates remix.

REMIXED! Achievement unlocked

Asteroids (3 of 4)

Achivement unlocked! Player remixes spaceship to whimsycorn or other element.

DOUBLE RAINBOW REMIXED! Achievement unlocked

Asteroids (4 of 4)

Double remix. Player also remixes logo. Then is prompted to sign up so they can save and share their game, plus learn more with Webmaker.

READY PLAYER ONE?

Pong (1 of 3)

PONG HACK: ACTIVATED!Use Javascript to adjust paddle movement

Pong (2 of 3)

PONG HACK: ACTIVATED. Player adjusts simple Javascript values to adjust paddle movement and keep logo ball in play.

ACHIEVEMENT UNLOCKEDRemix-a-lot!

Pong (3 of 3)

Player uses simple HTML to remix the ball. Could also use CSS to adjust paddle color, etc.