marlatte / rock-paper-scissors

Retro-futuristic, mobile-app-style game.

Hi there 👋

I'm a front-end developer educated through The Odin Project who also enjoys:

• Making music 🎸 🥁 🎤
• Designing logos and layouts 🖼️ 🖍️
• Tearing my hair out over soccer ⚽️ 🛡️

Skilled with

rock-paper-scissors's Issues

Add keyboard support

r, p, and s keys should trigger the game.

Add sounds to button clicks

• Swooshes for shrinking things
• Punch effects for rounds played
• Maybe even celebrations and crowd groans for victory and defeat, respectively

Alternate Color Scheme

Try a new, lighter look with variations on these colors:

        --game-btn-bg: var(--fg-3);
	--game-btn-selected: var(--accent-3);

	--text-primary: var(--accent-4);
	--text-secondary: var(--fg-4);

	--fail-color: var(--fg-2);
	--success-color: var(--fg-5);
	--success-color-secondary: #649e61;

	--bg-primary: var(--bg-1);
	--bg-rays: var(--bg-2);
	--bg-prog: #262626;

	--bg-1: #48386f;
	--bg-2: #635184;
	--bg-3: #f0f0f1;
	--bg-4: #c3c3c4;
	--bg-5: #626f7d;

	--fg-1: #df4c61;
	--fg-2: #d362a4;
	--fg-3: #8cadda;
	--fg-4: #fecd6c;
	--fg-5: #73af93;

	--accent-1: #f1a7b0;
	--accent-2: #c3a6be;
	--accent-3: #b5c4d6;
	--accent-4: #f6af32;
	--accent-5: #8a8e95;

Head to head visual

Put progress bar on top, user choice comes in from left, computer choice from right, creating more of a "battle" on screen