TrianGo | Triangle Strategy HTML5 Game (rubber band puzzle)

Video Demo

TrianGo is a modern HTML5 strategy puzzle game inspired by triangle territory board games. Players compete by connecting adjacent pegs using elastic bands to complete triangles and capture territory. Every completed triangle awards points and grants an extra turn, creating exciting chain reactions and tactical gameplay.

Designed with a stunning futuristic neon interface, smooth particle animations, intelligent AI, responsive controls, and polished visual effects, TrianGo provides an engaging experience on desktop and mobile browsers.

Main Features

Modern futuristic neon UI

Beautiful glassmorphism interface

Animated particle background

Responsive mobile-friendly design

Smooth HTML5 Canvas rendering

Intelligent AI opponent

Easy / Medium / Hard AI difficulty

Gameplay

Players stretch virtual rubber bands between adjacent pegs.

Whenever a player completes all three sides of a triangle:

The triangle becomes their territory They receive points They immediately earn another turn

The player controlling the highest number of triangles wins the match.

Technology Used

HTML5 CSS3 JavaScript (ES6) HTML5 Canvas API Web Audio API Google Fonts Responsive Design CSS Animations RequestAnimationFrame Glassmorphism UI Neon Effects

Browser Support

Google Chrome Mozilla Firefox Microsoft Edge Safari Opera Brave Samsung Internet Mobile Chrome Mobile Safari

Troubleshooting

Game does not start

Make sure JavaScript is enabled. Use a modern browser. Verify all project files are uploaded correctly.

Sounds do not play

Click or tap once to activate browser audio. Ensure browser audio permissions are enabled.

Images are missing

Verify the assets folder is uploaded. Check image paths.

Fonts not loading

Ensure internet access for Google Fonts. Replace with local fonts if desired.

Touch controls not working

Test using HTTPS. Update to the latest mobile browser.