Snake game in Firefox devtools panel 🦊🔬🐍

Play snake game in devtools panel

The the game is based on kubowania/Nokia3310-Snake but has other features and modifications:

• Add pineapples to speed 50% up of the snake 🍍
• Re-generate map tiles based on screen size (offsetWidth) 🗺
• Integrate game into Firefox extension (devtools panel) 🦊
• Use Tailwind CSS
• Use TypeScript

screenshot:

Usage

install dependencies

npm i

dev

dev and preview in Firefox browser

npm run dev

or

npx web-ext -s ./src run

dev with TailwindCSS

npm run dev:css

Ref

• kubowania/Nokia3310-Snake: A vanilla JavaScript game with tutorial
• webextensions-examples/devtools-panels at master · mdn/webextensions-examples
• Porting a Google Chrome extension | Firefox Extension Workshop
• chrome.devtools.panels - Chrome Developers
• JavaScript APIs - Mozilla | MDN