It's Hammer Time!

A Client-Side Twitch Extension (and some Backend)

Pick up the hammer and smash the streamer's livestream window

Do you feel inner pressure? Have you ever wanted to smash the screen? Do you know what time it is? IT'S HAMMER TIME! Pick up the hammer and smash the streamer's livestream window.

Available at https://dashboard.twitch.tv/extensions/uikhtmhdgzgwoq7e1vnlw7pryqajji-0.0.1

Frontend /app/frontend/

More TBA

build

npm run build:frontend

dev

npm run dev:frontend

Backend /app/backend/

https-server

Generate cert and key using openSSH via:

openssl req -nodes -new -x509 -keyout server.key -out server.cert

and store them in the root directory of this project.

build, dev and start backend server

build

npm run build:backend

dev

npm run dev:backend

start

npm run start:backend:server

Mentionable Codesnippets

vanilla-picker vanilla color picker
Star Shape draws a star shaped particle on canvas
FPS count used to display current FPS in debugmode
Random Color Generator created a wonderful rainbow palette of colors, also see mjackson
CopyToClipboard how to implement copy-top-clipboard functionality in js

Gamepad API

Tested with GamePad Xbox 360 Controller

• Controller Type: Gamepad connected at index 0: Xbox 360 Controller (XInput STANDARD GAMEPAD). 17 buttons, 4 axes.
• Browser (Chrome): Version 79.0.3945.88 (Official Build) (64-bit)
• Controller Image: https://commons.wikimedia.org/wiki/File:360_controller.svg

Assets

• SVG Icons by IconIcons
• Item images by Free Game Items
• Wooden UI images by Wooden UI
• Glass SFX by Gass Sound Effects Pack 1

Credits

Thanks to David, Flo, Mat and Mira

twitter.