Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Vibe coding a web-based MMORPG w/ Three.js update: ⚔️ Multiplayer combat ❤️‍🩹 Health tracking 🪄 Spell VFX updates The earthquake spell was co-designed by Anthropic claude-3.7-sonnet (thinking). I prompted the design for a few basic spells (fire ball, ice blast) in Cursor, then prompted to come up with a... show more

Majid Manzarpour

8,048 subscribers

77,230 views • 1 year ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

12 Comments

Multisynq1 year ago

@threejs @AnthropicAI Awesome

Moescape AI1 year ago

Sign up & effortlessly find YOUR perfect character to chat with on Moescape AI: #MoescapeTavern #aichatbot

S Ρ Λ Γ Τ Λ Π1 year ago

@threejs @AnthropicAI The speed you're progressing this at is crazy - not long till you're giving WoW a run for it's money. 🔥🔥

Harshith Vaddiparthy1 year ago

@threejs @AnthropicAI Web MMORPG + AI co-designed spells = peak nerd heaven. Drop a gameplay link when it's ready ️

Majid Manzarpour1 year ago

@threejs @AnthropicAI 😂

Thomat Sam1 year ago

@threejs @AnthropicAI haha, so great game, no code ?

Majid Manzarpour1 year ago

@threejs @AnthropicAI Will share some code soon!

Cody De Arkland1 year ago

@threejs @AnthropicAI Oh man this is so cool….. I know what’s next on my agenda!

Pablo1 year ago

@threejs @AnthropicAI Is this all on one file or multiple files? This is truly amazing development and loving your progress. 🚀🚀🚀

Majid Manzarpour1 year ago

@threejs @AnthropicAI Thanks! It's 30+ files so far 😆

VibeCoding.Wiki1 year ago

@threejs @AnthropicAI Which library do you use to support multiplayer?

Majid Manzarpour1 year ago

@threejs @AnthropicAI I'm using @SocketIO

Related Videos

Vibe coding a web-based MMORPG w/ Three.js updates: 🎮 Player controls & movement ⛰️ Basic terrain formation 🌓 Day & night cycle w/ sun & moon 📝 Lighting editor to debug in-game Cursor & Anthropic claude-3.7-sonnet-thinking did a good job with the moon shader!

Vibe coding a web-based MMORPG w/ Three.js updates: 🎮 Player controls & movement ⛰️ Basic terrain formation 🌓 Day & night cycle w/ sun & moon 📝 Lighting editor to debug in-game Cursor & Anthropic claude-3.7-sonnet-thinking did a good job with the moon shader!

Majid Manzarpour

13,185 views • 1 year ago

Vibe coding a web-based MMORPG w/ Three.js update: 👥 Basic MULTIPLAYER support! By far the most complex feature yet. It maintains the state of the game and synchronizes it across clients. Using Node.js backend + WebSockets. Private alpha test soon, reply if interested!

Vibe coding a web-based MMORPG w/ Three.js update: 👥 Basic MULTIPLAYER support! By far the most complex feature yet. It maintains the state of the game and synchronizes it across clients. Using Node.js backend + WebSockets. Private alpha test soon, reply if interested!

Majid Manzarpour

51,333 views • 1 year ago

Vibe coding a web-based MMORPG w/ Three.js updates: 🎒 Basic inventory 🧙‍♂️ Item equipping 🧌 Enemy combat logic 💔 Damage UI The wizard staff was generated with Google Gemini + TRELLIS like the characters. Need to work on the clipping issues with the terrain, anyone have tips?

Vibe coding a web-based MMORPG w/ Three.js updates: 🎒 Basic inventory 🧙‍♂️ Item equipping 🧌 Enemy combat logic 💔 Damage UI The wizard staff was generated with Google Gemini + TRELLIS like the characters. Need to work on the clipping issues with the terrain, anyone have tips?

Majid Manzarpour

46,507 views • 1 year ago

Here’s how to build a Slack clone with Claude 3.7 Sonnet and Cursor Agent in v0.46. Perfect for *anyone* wanting to pick up AI coding tools. Learn how to build an app 100% from scratch with the newest AI coding workflows. Watch for 1hr+ of agentic coding.

Here’s how to build a Slack clone with Claude 3.7 Sonnet and Cursor Agent in v0.46. Perfect for anyone wanting to pick up AI coding tools. Learn how to build an app 100% from scratch with the newest AI coding workflows. Watch for 1hr+ of agentic coding.

Mckay Wrigley

212,484 views • 1 year ago

Building a very useful app in 20 minutes that has - Deep Research (Perplexity) - Claude 3.7 Sonnet - YT Transcript API (SupaData) Without writing a single line of code With the latest Cursor update with web search and Claude 3.7 Sonnet, Vibe Coding got even more vibey. Timestamps: 00:00 Getting Started 00:57 Ideating with excalidraw 02:29 Opening Cursor Starting From Template 05:25 Perplexity Deep Research API and Claude API set up 10:18 OHHH NO AN ERROR! WHATEVER WILL I DO? 11:17 PERPLEXITY AND CLAUDE WORKED! 12:02 IMPROVING DESIGN 13:04 ADDING YOUTUBE TRANSCRIPT API 15:21 Redesign Concept with v0 17:07 This is what we created 19:42 Want to dive deeper into vibe coding?

Building a very useful app in 20 minutes that has - Deep Research (Perplexity) - Claude 3.7 Sonnet - YT Transcript API (SupaData) Without writing a single line of code With the latest Cursor update with web search and Claude 3.7 Sonnet, Vibe Coding got even more vibey. Timestamps: 00:00 Getting Started 00:57 Ideating with excalidraw 02:29 Opening Cursor Starting From Template 05:25 Perplexity Deep Research API and Claude API set up 10:18 OHHH NO AN ERROR! WHATEVER WILL I DO? 11:17 PERPLEXITY AND CLAUDE WORKED! 12:02 IMPROVING DESIGN 13:04 ADDING YOUTUBE TRANSCRIPT API 15:21 Redesign Concept with v0 17:07 This is what we created 19:42 Want to dive deeper into vibe coding?

Riley Brown

84,875 views • 1 year ago

I finally caved to the hype. Here's my attempt at #vibecoding with *zero* manual coding. I gave myself 30 minutes to build a 3D RPG with #threejs using Cursor + Claude 3.7-sonnet. I'm honestly impressed with what it was able to generate: - Infinite terrain generation/chunking - Trees, rocks and bushes - NPC manager - Skeletons and goblins - Health bars - Combat mechanics (this is where it broke down) It only ended up failing because Cursor got confused about which files to update and I ran out of time. The code it was generating still looked solid, so I'm guessing I was hitting the limits of the context window.

I finally caved to the hype. Here's my attempt at #vibecoding with zero manual coding. I gave myself 30 minutes to build a 3D RPG with #threejs using Cursor + Claude 3.7-sonnet. I'm honestly impressed with what it was able to generate: - Infinite terrain generation/chunking - Trees, rocks and bushes - NPC manager - Skeletons and goblins - Health bars - Combat mechanics (this is where it broke down) It only ended up failing because Cursor got confused about which files to update and I ran out of time. The code it was generating still looked solid, so I'm guessing I was hitting the limits of the context window.

Dan Greenheck

44,797 views • 1 year ago

I made a working 🎁 Claw Machine for 🥨 Richard's birthday today full of 🥨 3d pretzels: It took about 2 hours prompting in Cursor and it was a good opportunity to practice basic physics in JS with Cannon JS for physics About 80% was Cursor and 20% was me hand coding things like the claw Today I am rewriting the flight model for my plane game and I want to add real physics so what I learnt here I can apply then

I made a working 🎁 Claw Machine for 🥨 Richard's birthday today full of 🥨 3d pretzels: It took about 2 hours prompting in Cursor and it was a good opportunity to practice basic physics in JS with Cannon JS for physics About 80% was Cursor and 20% was me hand coding things like the claw Today I am rewriting the flight model for my plane game and I want to add real physics so what I learnt here I can apply then

@levelsio

240,258 views • 1 year ago

Unity MCP, let's goooo! 🚀 Absolutely loving that this is happening during GDC week 😅. My schedule's packed with meetings & meetups, so not much time to vibe code, but I spun up a basic demo for a platformer jumping game, in minutes. This was fully prompted via Claude 3.7 (on the left), zero manual tweaks. Link below 👇 and I'll keep sharing improvements and tips! 2025 is going to be a wild year for AI-powered game devs.

Unity MCP, let's goooo! 🚀 Absolutely loving that this is happening during GDC week 😅. My schedule's packed with meetings & meetups, so not much time to vibe code, but I spun up a basic demo for a platformer jumping game, in minutes. This was fully prompted via Claude 3.7 (on the left), zero manual tweaks. Link below 👇 and I'll keep sharing improvements and tips! 2025 is going to be a wild year for AI-powered game devs.

Emm | scenario.com

44,682 views • 1 year ago

No Three.js. No fake web-based depth-of-field or focal-length emulation. Customize in web, render in Blender. While everyone is vibe-coding apps for flat pattern generators, or at most Three.js-based 3D scenes, we’re already one step ahead. We built an app that lets you use a web UI to control an actual Blender 3D render. Eevee engine is used for streaming quick previews back into the app, while Cycles renders the final image for better material quality and lighting. So simple to use that you can even give it to your client. Of course, built with Toolcraft.

No Three.js. No fake web-based depth-of-field or focal-length emulation. Customize in web, render in Blender. While everyone is vibe-coding apps for flat pattern generators, or at most Three.js-based 3D scenes, we’re already one step ahead. We built an app that lets you use a web UI to control an actual Blender 3D render. Eevee engine is used for streaming quick previews back into the app, while Cycles renders the final image for better material quality and lighting. So simple to use that you can even give it to your client. Of course, built with Toolcraft.

Alex Barashkov

75,807 views • 28 days ago

Valora’s next patch is big, so we’ll break it down part by part. This first post is focused on progression and combat. Level cap is moving from 40 to 100, with a new XP curve made for a much longer grind. Combat is also getting deeper. 4 new spells have been added, bringing the total to 7: • Blink (lvl 40): teleport with cooldown • Frostbite (lvl 60): damage + MP removal • Blastwave (lvl 80): AoE damage • Cataclysm (lvl 100): heavy damage + AP removal Spell damage is no longer fixed. Spells now roll between a min and max value, adding a real chance factor to PvM and PvP. Spells can also be upgraded up to rank 5 using spell points earned while leveling, but players won’t be able to max everything. Different choices, different builds. This is only one part of the patch. Next posts will focus on the dungeon, new mobs, boss fight, drops, new high-level items, gear sets, bug fixes, and item stat changes. The dungeon boss will also drop new items, including the second Valdoria relic out of the 6 total relics. Full technical details will be added to the wiki when the patch is deployed.

Valora’s next patch is big, so we’ll break it down part by part. This first post is focused on progression and combat. Level cap is moving from 40 to 100, with a new XP curve made for a much longer grind. Combat is also getting deeper. 4 new spells have been added, bringing the total to 7: • Blink (lvl 40): teleport with cooldown • Frostbite (lvl 60): damage + MP removal • Blastwave (lvl 80): AoE damage • Cataclysm (lvl 100): heavy damage + AP removal Spell damage is no longer fixed. Spells now roll between a min and max value, adding a real chance factor to PvM and PvP. Spells can also be upgraded up to rank 5 using spell points earned while leveling, but players won’t be able to max everything. Different choices, different builds. This is only one part of the patch. Next posts will focus on the dungeon, new mobs, boss fight, drops, new high-level items, gear sets, bug fixes, and item stat changes. The dungeon boss will also drop new items, including the second Valdoria relic out of the 6 total relics. Full technical details will be added to the wiki when the patch is deployed.

Valora

10,204 views • 1 month ago

Spent just 2 days vibe coding and already have a playable kart racing prototype. AI has reached a point where even building 3D games feels fast and fluid. I used Cursor (Opus 4.7) with Three.js plus CC-licensed assets. The plan is clear. This will go live on Karts․com as a real-time multiplayer racing game. Multiple tracks, different characters, and constant expansion. The first track is inspired by Santa Monica Pier. Next step is more advanced tracks, boosts, slopes, and deeper mechanics. Building a game and watching your ideas come to life piece by piece is insanely fun. #GameDev #DomainDrivenDevelopment

Spent just 2 days vibe coding and already have a playable kart racing prototype. AI has reached a point where even building 3D games feels fast and fluid. I used Cursor (Opus 4.7) with Three.js plus CC-licensed assets. The plan is clear. This will go live on Karts․com as a real-time multiplayer racing game. Multiple tracks, different characters, and constant expansion. The first track is inspired by Santa Monica Pier. Next step is more advanced tracks, boosts, slopes, and deeper mechanics. Building a game and watching your ideas come to life piece by piece is insanely fun. #GameDev #DomainDrivenDevelopment

Ken Lin

17,000 views • 3 months ago

we're building a new kind of home design tool that's like sims and really fun to use. customize your shape, size, doors, and our system will automatically generate the best interior layout based on your dimensions, with an all-in price for the entire project. starting to roll out soon. built with Three.js.

we're building a new kind of home design tool that's like sims and really fun to use. customize your shape, size, doors, and our system will automatically generate the best interior layout based on your dimensions, with an all-in price for the entire project. starting to roll out soon. built with Three.js.

Tim Thimmaiah

172,640 views • 3 months ago

Sick of Cursor mess up your code? This new flow reduced 90% error for my Cursor - by adopting a task system: 1. Break down PRD into small tasks with dependencies 2. Maintain & update task list as we go 3. Self improve with cursor rules With tools like claude task master & Boomerang tasks, this process is a no brainer I broken down my step by step process in the video If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Sick of Cursor mess up your code? This new flow reduced 90% error for my Cursor - by adopting a task system: 1. Break down PRD into small tasks with dependencies 2. Maintain & update task list as we go 3. Self improve with cursor rules With tools like claude task master & Boomerang tasks, this process is a no brainer I broken down my step by step process in the video If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

43,014 views • 1 year ago

Claude Code just got it's biggest upgrade yet The desktop app is now by far the best way to be building apps with AI, even better than the CLI In this video I cover every single change and a few workflows for vibe coding faster than ever, even if you've never coded before:

Claude Code just got it's biggest upgrade yet The desktop app is now by far the best way to be building apps with AI, even better than the CLI In this video I cover every single change and a few workflows for vibe coding faster than ever, even if you've never coded before:

Alex Finn

86,792 views • 3 months ago

Turns out teaching the AI Coding Agents what's your preferred way of implementation(a.k.a Claude Skills) gives much better results. 😇 Took all the guidelines from my "Spring Application Architecture Design Patterns" samples and created file and asked Claude to generate a new application. Claude followed most of those patterns as expected 😍 Earlier I used to Vibe Code and then spend some time unvibing(cleaning up) the generated code. With these Skills given to Claude, now I no need to spend too much time for cleaning up the code. 🚀

Turns out teaching the AI Coding Agents what's your preferred way of implementation(a.k.a Claude Skills) gives much better results. 😇 Took all the guidelines from my "Spring Application Architecture Design Patterns" samples and created file and asked Claude to generate a new application. Claude followed most of those patterns as expected 😍 Earlier I used to Vibe Code and then spend some time unvibing(cleaning up) the generated code. With these Skills given to Claude, now I no need to spend too much time for cleaning up the code. 🚀

Siva

113,687 views • 7 months ago

chrome extensions are just perfect for vibe coders to use ai to build utility apps (and saas too) - cursor is very good at building them (gemini & claude) - super easy to test them locally - built in distribution via the chrome web store - so many old manifest 2 extensions you can rebuild - easy to find contact info to acquire competitors i built this tool in one shot to automatically decline connection requests (with or without a message) now I'm thinking it could be part of a much larger helper tool to write posts, find content ideas, run better giveaways, create carousels etc sometimes vibe coding to scratch your own itch can give you plenty of ideas for your next biz (even added obfuscation so i could do the demo vid!)

chrome extensions are just perfect for vibe coders to use ai to build utility apps (and saas too) - cursor is very good at building them (gemini & claude) - super easy to test them locally - built in distribution via the chrome web store - so many old manifest 2 extensions you can rebuild - easy to find contact info to acquire competitors i built this tool in one shot to automatically decline connection requests (with or without a message) now I'm thinking it could be part of a much larger helper tool to write posts, find content ideas, run better giveaways, create carousels etc sometimes vibe coding to scratch your own itch can give you plenty of ideas for your next biz (even added obfuscation so i could do the demo vid!)

Ian Nuttall

22,045 views • 1 year ago

Anthropic is running the oldest predatory playbook in Big Tech (Save this). Here is what actually happened. Anthropic's own Chief Product Officer, Mike Krieger, was sitting on Figma's board and he resigned on April 14, 2026. Three days later, Anthropic launched Claude Design, a direct competitor to Figma's core product that allows users to generate prototypes, slide decks, and visual assets through conversation. Figma's stock dropped 7% the day of the launch and the stock has shed approximately 80% from its all-time high, erasing nearly $50 billion in market cap. Anthropic's valuation surged toward $800 billion in the same period. This is not an accident but rather a deliberate, systematic strategy and once you see the pattern, you cannot unsee it. Anthropic watched Cursor build the coding assistant category on top of Claude's models, Cursor became one of Anthropic's biggest customers. Cursor's usage patterns and product insights flowed through Anthropic's infrastructure every single day then Anthropic launched Claude Code, entering the exact category Cursor had created armed with every data point it needed to know the market size, the use cases, and the user behavior. The same pattern has now repeated across Claude Science, Claude Security, Claude Legal, and Claude Financial, every single one a vertical that was previously served by companies building on top of Anthropic's own models. The companies that trusted Anthropic's platform were simultaneously handing Anthropic the product roadmap for what to build next. Every company currently building on top of a closed frontier model is in the same position Figma was in before April 14, 2026. The only question is which category Anthropic targets next. David Sacks

Anthropic is running the oldest predatory playbook in Big Tech (Save this). Here is what actually happened. Anthropic's own Chief Product Officer, Mike Krieger, was sitting on Figma's board and he resigned on April 14, 2026. Three days later, Anthropic launched Claude Design, a direct competitor to Figma's core product that allows users to generate prototypes, slide decks, and visual assets through conversation. Figma's stock dropped 7% the day of the launch and the stock has shed approximately 80% from its all-time high, erasing nearly $50 billion in market cap. Anthropic's valuation surged toward $800 billion in the same period. This is not an accident but rather a deliberate, systematic strategy and once you see the pattern, you cannot unsee it. Anthropic watched Cursor build the coding assistant category on top of Claude's models, Cursor became one of Anthropic's biggest customers. Cursor's usage patterns and product insights flowed through Anthropic's infrastructure every single day then Anthropic launched Claude Code, entering the exact category Cursor had created armed with every data point it needed to know the market size, the use cases, and the user behavior. The same pattern has now repeated across Claude Science, Claude Security, Claude Legal, and Claude Financial, every single one a vertical that was previously served by companies building on top of Anthropic's own models. The companies that trusted Anthropic's platform were simultaneously handing Anthropic the product roadmap for what to build next. Every company currently building on top of a closed frontier model is in the same position Figma was in before April 14, 2026. The only question is which category Anthropic targets next. David Sacks

Milk Road AI

69,499 views • 1 month ago

Introducing SuperDesign.Dev The first open-source Design Agent that lives inside Cursor, Windsurf, or any IDE: 👉 Instantly spin up 10 different design in parallel 👉 Explore, fork, and iterate 10x faster 👉 Create new or iterate on your existing UI — all fully local JackJack and I shipped this as a quick weekend experiment to validate a hunch: design is the killer use case for parallel agents. Currently at V0.005 — a simple customization of the Claude Code SDK + static HTML generation. (We might be the first product powered by the Anthropic Claude Code SDK!) More coming soon: web app, mobile app, SVG generation, and more. GitHub: Try it out: ----- Upvote on Hacker News ❤️:

Introducing SuperDesign.Dev The first open-source Design Agent that lives inside Cursor, Windsurf, or any IDE: 👉 Instantly spin up 10 different design in parallel 👉 Explore, fork, and iterate 10x faster 👉 Create new or iterate on your existing UI — all fully local JackJack and I shipped this as a quick weekend experiment to validate a hunch: design is the killer use case for parallel agents. Currently at V0.005 — a simple customization of the Claude Code SDK + static HTML generation. (We might be the first product powered by the Anthropic Claude Code SDK!) More coming soon: web app, mobile app, SVG generation, and more. GitHub: Try it out: ----- Upvote on Hacker News ❤️:

Jason Zhou

49,435 views • 1 year ago