Take the Gitcoin Product Video and make it into an HTML5 game

[owocki]

Reference Links

Video: https://www.youtube.com/watch?time_continue=28&v=DJartWzDn0E
Creative Vector Assets: https://github.com/gitcoinco/creative

What

At 28 seconds into the product video, there is a scene where the main character is busting rocks coming from outer space. Here is what it looks like:

Bounty

I would like for this product video to be made into an HTML5 game. How the game works:

• Player is in the center of the screen in a fixed area.
• The game throws 'rocks' at the player.
• Player can swing their fists to bust the rocks. (either clicking the mouse or pressing space bar will swing fists)
• If player hits a rock, they get 100 points and the rock is destroyed.
  If a player misses a rock, it hits them, and they lose health. If the player gets hit 3 times, it's game over.
• Game speeds up over time as the player destroys more rocks.
• Game should be full screen (the entire browser window). It should be embeddable.
• music in the game should match music from video
• light sound effect when the rocks are smashed pls
• game should degrade gracefully in mobile/tablet

[owocki]

audio: http://bits.owocki.com/1J0j0c09443S/audiojungle-19473039-80s-synth-pop.zip

[PixelantDesign]

Are you thinking this would be used when a user is in a long waiting state?

[mbeacom]

This reminds me of the pacman 404 page on MySpace. 😂

[owocki]

@PixelantDesign i was thinking it would make a good error (404, 500) page #715

[owocki]

@PixelantDesign but only if you feel like we can bounty it and have someone in the crowd BUIDL it in a way that doesnt neglect our core UX

[owocki]

@mbeacom xactly.

[stevenwritescode]

This looks like it would be fun to build, but I'm having a hard time finding the vector assets from the video in here: https://github.com/gitcoinco/creative

Is there a subfolder I should be looking in?

[owocki]

https://github.com/gitcoinco/creative/blob/master/Brand/Brand%20Guide/Gitcoin_Brand.ai
http://bits.owocki.com/0B443j1z1Z3C/back-dark.jpg

i also have the raw aftereffects source for the video if you want to pull some assets out of that

[stevenwritescode]

That would be great, I think seeing how it's animated in keyframes will help me visualize what I need to do in code as well.

[owocki]

here ya go https://github.com/gitcoinco/creative/tree/master/video/karot/karot_gitcoin_092917_deliver%20folder

[stevenwritescode]

Awesome, thanks!

This will be a bit of a learning project for me, so I'm not sure on time frame yet. If someone else wants to do this and it seems like I'm taking a long time, don't let me get in your way.

[owocki]

@stevenwritescode are you still interested in this?

[stevenwritescode]

Its been in the back of my mind, unfortunately I just haven’t had the time to start coding it out yet. Work, school, and looking for a new job have kinda gotten in the way of my attempts to contribute to open source stuff. I still think it would be a fun project if I can find the time. Sorry for the radio silence.

[owocki]

@stevenwritescode okie dokie.. let us know when priorities shift and you can work on it again!