Shaky Gotcha

Shaky Gotcha

Interactive 3D WebGL arcade & gacha experience built with Three.js.

Author:

Allen Tseng

Do you know a Resource we should add?Submit a new Resource!

Video

Three.js Marketplace

Three.js Marketplace

Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.

Web Development

Help with your project?

Custom Three.js, WebGL, and WebGPU development — from product visualizers to interactive 3D websites.

Links

Featured Badge

Add this badge to your website to show you are featured on Three.js Resources.

Light Version

Description

A solo-developed 3D WebGL arcade & gacha experience built with Three.js.

Spin the real-time WebGL cylinder, tap Shakys & trigger screen-shaking Rage Mode! Features an interactive 22-track DJ console with 10 custom original anthems, a 75-card collectible gallery, dual gacha & Shaky's awkward humor.

► Audio & UX:

Driven by 22-track dynamic audio with 10 custom anthems. At 30s remaining, BGM accelerates 15% instantly to boost tension.

► Combo & Penalty:

• 10+: Screen shockwaves & gold particles.

• 30+: Giant red combo bursts.

• 100+: Visual overload with cyan nuclear halos.

• Miss: 5 consecutive misses trigger -10 score; card flips away to mock you.

► Gacha & Shop:

• Base: Cyberpunk glitch loop with strict 0.5% legendary drop rate.

• Shards: Consolation shards upgraded into metal 3D crystal artifacts.

• Pity: Spend 10/100/250 shards to bypass RNG & force-unlock “Halloween Legendary”.

► The Gallery:

• Phase 1: Characters awaken with async animations.

• Phase 2: Destroys grid into chaotic 3D shuffle chaos.

► Retention:

• Gift: Drops 10 tokens (“CLAIM”) then 1000 shards (“START MISSION”).

• Login: 1.5s delayed UI slide-in to seamlessly accumulate daily rewards.

Live site: https://www.myshaky.com/gotcha

Sponsors