A game that can be played anywhere on the Internet, with as many levels as there are webpages :)
- Run
yarn
to install all the needed deps - Run
yarn build
to build production package - Run
yarn deploy
to 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 id
We 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 dev
to start up a webserver on port9000
that 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
test
folder - 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 watch
to start upwebpack --watch
- Manually inject the
bundle.js
file
javascript:document.head.innerHTML += '<script src="http://localhost:9000/bundle.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 andrea@ruggiero.top (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.json
file!