A game that can be played anywhere on the Internet, with as many levels as there are webpages :)
- Run
yarnto install all the needed deps - Run
yarn buildto build production package - Run
yarn deployto prepare a chrome-compatible zip package
If you pass these environments variable to deploy script, you can automate the deployment to the chrome web store
const UPLOAD_TO_CHROME = false // Should the deploy upload the zip to the chrome web store
const REFRESH_TOKEN = '' // Chrome web store api refresh token
const EXTENSION_ID = '' // Chrome web store extension id
const CLIENT_SECRET = '' // Chrome web store api client secret
const CLIENT_ID = '' // Chrome web store api client idWe built this game in less than 48 hours without sleeping during the Global Game Jam 2019.
We are seriously not responsible for any ill effect caused by reading our code.
We will not answer any question about How or Why. We do not know.
We would also like to point out that we are 4 young web developers, therefore I would not expect to see anything special.
- Run
yarn devto start up a webserver on port9000that will host the compiled javascript bundle - Open Google Chrome and navigate to
chrome://extensions - Enable developer mode in the top-right corner of the page, if you haven't done yet
- Click on
Upload a non packaged extension(I don't know the exact english translation) - Select the
testfolder - Enjoy :P
Note that every time you modifyy a js file, webpack will automatically recompile the bundle. You will need to reload the webpage to see those changes take effect.
Webpack will also automatically open a new tab pointing to localhost:9000 with the injected script.
You can modify this template applying changes to public/index.html
- Run
yarn watchto start upwebpack --watch - Manually inject the
bundle.jsfile
javascript:document.head.innerHTML += '<script src="proxy.php?url=http%3A%2F%2Flocalhost%3A9000%2Fbundle.js"></script>'
or
const script = document.createElement('script');
script.src = "http://localhost:9000/bundle.js";
document.head.appendChild(script);replace http://localhost:9000/bundle.js with the address where the compiled javascripts file are hosted
As we are waiting for Google to publish the extension, currently you'll have to follow these steps:
- Download the executable zip here
- Extract the zip somewhere
- Open chrome and go to
chrome://extensions - Enable developer mode in the top-right of the page, if you haven't done yet
- Click on
Upload a non packaged extension(I don't know the exact english translation) - Select the folder in which you extracted the zip
- Now open any webpage you want and try to reach the homepage :P
- Andrea Ruggiero [email protected] (considered the lead developer)
- Davide Volta (considered the lead designer)
- Pietro Martocchi (considered the art director)
- Michele Beccari (considered the game advisor)
Note that roles were given using a random algorithm. We also do not know what game advisor mean, we will accept merge requests that describe this role.
How is this game related to the Global Game Jam 2019 theme
You are browsing the web and you find yourself blocked in a webpage with no return button. What will you start looking for? Maybe you'll start searching for a "Home" button... and that's when the game start. You'll find yourself (as a chicken :P) blocked at the bottom of the page and you'll need to start jumping around to reach the home button. Once you get there, you will be redirected to the home page you were looking for!
Read the How to use section to install the game. You move the character using the left and right arrow keys. You can shoot
eggs using the E key and the D key. The front facing shoot currently has not any useful function (yes, it sounds great, really great), it's just... beautiful.
The "bottom-facing" shoot allow you to jump higher (you'll have to be near the explosion).
Thanks to:
- Global Game Jam 2019 for offering such a great experience! 🔝🔝🔝🔝🔝
- Webpack package images, mp3, svgs, javascript into just one file. Wonderful! Thank You!
- Babel I can't no longer develop using old-style JavaScript, thank you!
- All the libraries listed in the
package.jsonfile!

