{"slug": "spinweb-an-ai-powered-physics-driven-beyblade-web-game", "title": "Spinweb: An AI-Powered, Physics-Driven Beyblade Web Game 🌪️", "summary": "A developer built Spinweb, a 2D physics-based Beyblade-inspired web game using Phaser 3, Matter.js, and the Google Gemini API. The game features AI-generated trash-talk and esports commentary, and allows players to choose battle styles and arenas. It was submitted to the DEV.to Weekend Challenge: Passion Edition.", "body_md": "*This is a submission for Weekend Challenge: Passion Edition*\n\nFor this weekend's challenge, we were prompted to \"build something inspired by passion\". The prompt highlighted that passion can be seen in \"the rivalry that pushes competitors to greatness\" and the \"devotion fans pour into their teams, their fandoms, their crafts\".\n\nTo capture this intense spirit of rivalry and fandom, I built **Spinweb**-a fast-paced, 2D physics-based spinning top battler inspired by the passionate clashes of Beyblade.\n\nIn Spinweb, players choose their arena and their battle style (Attack, Defense, or Stamina), slingshot their top into a high-stakes basin, and actively battle a dynamically adapting AI opponent. To truly capture the anime-style rivalry, the game uses AI to dynamically generate aggressive trash-talk before the match and hype esports-style commentary after the clash!\n\n.\n\n**Spinweb** is a 2D side-view, physics-based spinning top battler with a retro pixel-art aesthetic. Built using **Phaser 3** and **Matter.js**, the game integrates the **Google Gemini API** to generate real-time, context-aware pre-match rivalry trash-talk and post-match esports commentaries.\n\nDeveloped for the **DEV.to Weekend Challenge: Passion Edition**.\n\nIn Spinweb, players choose their arena and select a signature Beyblade-style behavior (Attack, Defense, or Stamina). Once selected, players release their slingshot launch vectors to shoot their tops into a high-speed clashing stadium, jockeying for center control and avoiding Ring Outs and Sleep Outs using real-time keyboard inputs.\n\nSpinweb captures the **Passion**…\n\nI built Spinweb over the weekend using **Phaser 3**, **Matter.js**, and **Vite**. Building a high-impact spinning battler required some deep physics hacking:\n\n`angularVelocity`\n\n(spin speed) to a stamina bar. Collisions dynamically calculate tangential velocity and transfer kinetic energy into linear knockback force (clash drain). This means faster-spinning tops hit harder and resist being knocked out of the ring!**Integrating the Partner Technologies:**\n\nThe official challenge rules note that participants may use multiple technologies in a single submission to qualify for multiple prize categories. I utilized two of them to elevate the game's presentation:\n\nI am submitting this project for the following prize categories:", "url": "https://wpnews.pro/news/spinweb-an-ai-powered-physics-driven-beyblade-web-game", "canonical_source": "https://dev.to/webrizen/spinweb-an-ai-powered-physics-driven-beyblade-web-game-2248", "published_at": "2026-07-12 04:55:54+00:00", "updated_at": "2026-07-12 05:43:46.467389+00:00", "lang": "en", "topics": ["artificial-intelligence", "developer-tools"], "entities": ["Google Gemini", "Phaser 3", "Matter.js", "Vite", "DEV.to"], "alternates": {"html": "https://wpnews.pro/news/spinweb-an-ai-powered-physics-driven-beyblade-web-game", "markdown": "https://wpnews.pro/news/spinweb-an-ai-powered-physics-driven-beyblade-web-game.md", "text": "https://wpnews.pro/news/spinweb-an-ai-powered-physics-driven-beyblade-web-game.txt", "jsonld": "https://wpnews.pro/news/spinweb-an-ai-powered-physics-driven-beyblade-web-game.jsonld"}}