Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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...

majidmanzarpour's profile picture

Majid Manzarpour

8,048 subscribers

77,230 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

12 Yorum

Multisynq profil fotoğrafı
Multisynq1 yıl önce

@threejs @AnthropicAI Awesome

Moescape AI profil fotoğrafı
Moescape AI1 yıl önce

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

S Ρ Λ Γ Τ Λ Π profil fotoğrafı
S Ρ Λ Γ Τ Λ Π1 yıl önce

@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 Vaddiparthy profil fotoğrafı
Harshith Vaddiparthy1 yıl önce

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

Majid Manzarpour profil fotoğrafı
Majid Manzarpour1 yıl önce

@threejs @AnthropicAI 😂

Thomat Sam profil fotoğrafı
Thomat Sam1 yıl önce

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

Majid Manzarpour profil fotoğrafı
Majid Manzarpour1 yıl önce

@threejs @AnthropicAI Will share some code soon!

Cody De Arkland profil fotoğrafı
Cody De Arkland1 yıl önce

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

Pablo profil fotoğrafı
Pablo1 yıl önce

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

Majid Manzarpour profil fotoğrafı
Majid Manzarpour1 yıl önce

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

VibeCoding.Wiki profil fotoğrafı
VibeCoding.Wiki1 yıl önce

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

Majid Manzarpour profil fotoğrafı
Majid Manzarpour1 yıl önce

@threejs @AnthropicAI I'm using @SocketIO

Benzer Videolar

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!
1:11

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 görüntüleme • 1 yıl önce

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!
0:30

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 görüntüleme • 1 yıl önce

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?
0:49

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 görüntüleme • 1 yıl önce

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.
1:12:45

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 görüntüleme • 1 yıl önce

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?
20:20

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 görüntüleme • 1 yıl önce

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.
0:32

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 görüntüleme • 1 yıl önce

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
0:54

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 görüntüleme • 1 yıl önce

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.
1:09

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 görüntüleme • 1 yıl önce

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.
1:15

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 görüntüleme • 28 gün önce

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.
1:13

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 görüntüleme • 1 ay önce

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
1:01

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 görüntüleme • 3 ay önce

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.
1:33

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 görüntüleme • 3 ay önce

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)
14:11

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 görüntüleme • 1 yıl önce

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:
16:15

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 görüntüleme • 3 ay önce

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. 🚀
1:28

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 görüntüleme • 7 ay önce

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!)
0:20

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 görüntüleme • 1 yıl önce

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
5:11

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 görüntüleme • 1 ay önce

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 ❤️:
0:55

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 görüntüleme • 1 yıl önce