Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

Here is my new open-source isometric rooms project, Built with Claude Opus 5. Every room is built entirely with JavaScript no 3D engine, no libraries & no framework.Even the sounds are generated in real time with JavaScript. Live: Code: If you’re looking to build a unique interactive web experience... show more

Chiro Visuals

2,302 subscribers

18,203 görüntüleme • 12 gün önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

36 Yorum

hexianWeb profil fotoğrafı

hexianWeb11 gün önce

First, I really love the use of isometric perspective, the post-processing effects, and the countless details in this work—it's fantastic. Second, he used Three.js.

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Source code in the description, let me know if it uses any Threejs 😅✨

Divyanshu profil fotoğrafı

Divyanshu11 gün önce

Maybe I should have used game engines too?

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Depending on the usecase ✨

Slopa profil fotoğrafı

Slopa12 gün önce

game engines are overrated, good choice

Chiro Visuals profil fotoğrafı

Chiro Visuals12 gün önce

Thanks ! hope u like it

Slopa profil fotoğrafı

Slopa12 gün önce

some sounds are very satisfying. some prob can be smoothened to be less sharp. room is clean and cozy, do you see any usecases for this scene?

Chiro Visuals profil fotoğrafı

Chiro Visuals12 gün önce

I think just a full javascript project to be added to my portfolio, I didn't think about any other use case

Riya profil fotoğrafı

Riya11 gün önce

it's freaking so good! can't wait to try it

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Thanks ✨🙌

Big Kid Nation profil fotoğrafı

Big Kid Nation11 gün önce

This is excellent. Thanks for making it Open source too.

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Thank you for checking it out !

Nawwara profil fotoğrafı

Nawwara12 gün önce

Oh la la 🫶 very creative

Chiro Visuals profil fotoğrafı

Chiro Visuals12 gün önce

Thank you !

Curious Nori | AI · Food · Travel profil fotoğrafı

Curious Nori | AI · Food · Travel11 gün önce

Love your work 🙂

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Thank you ✨🙌

shabbir kabir profil fotoğrafı

shabbir kabir11 gün önce

very nice

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Thanks 🙌

Hammermann profil fotoğrafı

Hammermann12 gün önce

This has such a nice vibe to it!

Chiro Visuals profil fotoğrafı

Chiro Visuals12 gün önce

Thanks ! ✨

Andura profil fotoğrafı

Andura12 gün önce

Thanks for putting this out. Really inspiring work.

Chiro Visuals profil fotoğrafı

Chiro Visuals12 gün önce

Thank you 🙌✨

Homie Santo profil fotoğrafı

Homie Santo11 gün önce

Nice, looks clean

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Thank you !✨

Narayan Babu profil fotoğrafı

Narayan Babu11 gün önce

Love it. It is the minor details and finesse that makes it special.

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Much appreciated, Thank you ✨

mono profil fotoğrafı

mono11 gün önce

This is amazing!

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Thanks ! ✨

Andrii Solokh profil fotoğrafı

Andrii Solokh12 gün önce

so it is not even a three.js ? what it's then? it should be some form of canvas?

Chiro Visuals profil fotoğrafı

Chiro Visuals12 gün önce

yep canvas with native javascript ✨

Andrii Solokh profil fotoğrafı

Andrii Solokh12 gün önce

Looks nice, especially windows, raining city and lightning. show it 2 years ago, it would be so crazy!

Adam Leis profil fotoğrafı

Adam Leis11 gün önce

I love this. I've seen isometric rooms, I've seen cool personalized portfolios, but this sparks the idea to do some connected isometric rooms as a portfolio (or psuedo-"self portrait"). Very cool. Bravo!

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Thank you ! ✨

Lortbyron profil fotoğrafı

Lortbyron11 gün önce

I love all of your work and what you build! I’m curious to know where you get your inspiration from.

Chiro Visuals profil fotoğrafı

Chiro Visuals11 gün önce

Most times from X, I find something cool and i try to recreate it with my own touch ✨

solarfren profil fotoğrafı

solarfren11 gün önce

wow nice "feel"

Benzer Videolar

The asset pipeline is becoming code. Willowmere was built with Claude Opus 5.5: • No PNGs • No 3D model files • No audio samples Every object is generated procedurally with Three.js, while the music and sound effects are synthesized in-browser through the Web Audio API. Game design still needs taste. But the production bottlenecks are disappearing fast.

The asset pipeline is becoming code. Willowmere was built with Claude Opus 5.5: • No PNGs • No 3D model files • No audio samples Every object is generated procedurally with Three.js, while the music and sound effects are synthesized in-browser through the Web Audio API. Game design still needs taste. But the production bottlenecks are disappearing fast.

Jurly

35,135 görüntüleme • 6 gün önce

I've built a new opensource Third-Person Soldier Stage in the browser, built with Three.js. 4 techniques, 4 abilities, 2 boons, endless procedural night terrain, ragdoll deaths with no physics engine, katana & gun play. All GLSL. No engine, no physics lib, no asset pipeline. This VFX showcase is an extension of my previous projects to showcase customizable VFX that can be a easily implemented in your projects. Source code: Live link:

I've built a new opensource Third-Person Soldier Stage in the browser, built with Three.js. 4 techniques, 4 abilities, 2 boons, endless procedural night terrain, ragdoll deaths with no physics engine, katana & gun play. All GLSL. No engine, no physics lib, no asset pipeline. This VFX showcase is an extension of my previous projects to showcase customizable VFX that can be a easily implemented in your projects. Source code: Live link:

Chiro Visuals

24,419 görüntüleme • 1 ay önce

This is my new opensource project with WEBGL2 & Three.js , my goal was to build a third person template of a samurai, so I built 3 techniques ( using the katana ) & 3 magic abilities which are fully procedural. katana fire made of a real raymarched volume, ragdoll with no physics engine, Skeleton was done in mixamo so that it's easy to swap character & a character editor. A lot of manual work done & I used Opus 5 Anthropic help to speed up my vision. Live link: Source code:

This is my new opensource project with WEBGL2 & Three.js , my goal was to build a third person template of a samurai, so I built 3 techniques ( using the katana ) & 3 magic abilities which are fully procedural. katana fire made of a real raymarched volume, ragdoll with no physics engine, Skeleton was done in mixamo so that it's easy to swap character & a character editor. A lot of manual work done & I used Opus 5 Anthropic help to speed up my vision. Live link: Source code:

Chiro Visuals

47,160 görüntüleme • 1 ay önce

Meet Jarvis 2.0. Runs all 3 of my businesses. Builds sales pages, runs and monitors my ads, watches my tech stack, creates sales pages, and calls me on the phone when there's a problem. Built entirely with Claude Code and Obsidian. The visualizer runs on Chrome's built-in Canvas 2D API driven by vanilla JavaScript. No libraries, no downloads, no frameworks. One self-contained file that works offline.

Meet Jarvis 2.0. Runs all 3 of my businesses. Builds sales pages, runs and monitors my ads, watches my tech stack, creates sales pages, and calls me on the phone when there's a problem. Built entirely with Claude Code and Obsidian. The visualizer runs on Chrome's built-in Canvas 2D API driven by vanilla JavaScript. No libraries, no downloads, no frameworks. One self-contained file that works offline.

Jared Rhodenizer

18,896 görüntüleme • 2 ay önce

This campfire is 100% procedurally generated at runtime with Flutter Scene. No model files, no image assets. Recorded in debug mode. A full 3D engine built entirely on Flutter's built-in graphics API, Flutter GPU. No forks, no native renderer integrations. macOS, Windows, Linux, iOS, Android, web, and custom embedders.

This campfire is 100% procedurally generated at runtime with Flutter Scene. No model files, no image assets. Recorded in debug mode. A full 3D engine built entirely on Flutter's built-in graphics API, Flutter GPU. No forks, no native renderer integrations. macOS, Windows, Linux, iOS, Android, web, and custom embedders.

Brandon DeRosier

11,241 görüntüleme • 2 ay önce

Built a Skool clone with Claude Code (Opus 4.5), with auth, db + storage with the new web app builder. (Launching next week). We are building the easiest way to use the most powerful coding model (Claude Code) in the world to build mobile apps and web apps. No performative hour long agent runs that waste tokens. Just raw Claude Code running in a sandbox, pre built with skills that make frontend + backend just work. Let me know if you want to beta test.

Built a Skool clone with Claude Code (Opus 4.5), with auth, db + storage with the new web app builder. (Launching next week). We are building the easiest way to use the most powerful coding model (Claude Code) in the world to build mobile apps and web apps. No performative hour long agent runs that waste tokens. Just raw Claude Code running in a sandbox, pre built with skills that make frontend + backend just work. Let me know if you want to beta test.

Riley Brown

51,044 görüntüleme • 9 ay önce

Told Claude Fable 5 to make a Vampire Survivors clone in pure C++, no engine, no asset files Everything from sprites, sounds, graphics to music tracks is generated by code at runtime Source code is in the thread below

Told Claude Fable 5 to make a Vampire Survivors clone in pure C++, no engine, no asset files Everything from sprites, sounds, graphics to music tracks is generated by code at runtime Source code is in the thread below

Lentils

99,199 görüntüleme • 3 ay önce

Introducing Claude Code Templates 🚀 I originally built this to streamline how I set up new projects with Claude Code…just a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas — feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community 🙌

Introducing Claude Code Templates 🚀 I originally built this to streamline how I set up new projects with Claude Code…just a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas — feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community 🙌

Daniel San

28,410 görüntüleme • 1 yıl önce

I've built a new open-source Elemental Sandbox, a VFX playground built with Three.js, Contianing 10 new complex abilities, every one of them fully customizable, live, while the sim is paused. Everything you see is generated: no textures, no sprite sheets, no baked meshes. Hand-written GLSL, GPU-simulated instanced particles, raymarched volumes, world position resolved in the vertex shaders. Source code : Live link:

I've built a new open-source Elemental Sandbox, a VFX playground built with Three.js, Contianing 10 new complex abilities, every one of them fully customizable, live, while the sim is paused. Everything you see is generated: no textures, no sprite sheets, no baked meshes. Hand-written GLSL, GPU-simulated instanced particles, raymarched volumes, world position resolved in the vertex shaders. Source code : Live link:

Chiro Visuals

56,126 görüntüleme • 26 gün önce

I built a bot on an ESP32 that can create full projects by itself. Ask it to generate images, videos, 3D, build a website and publish it, it does everything autonomously. Powered by Claude Opus 4.6 for code, visual content generated with fal, bot powered via OpenClaw🦞 The skills to generate project with fal are here All running on a tiny M5Stack Core2.

I built a bot on an ESP32 that can create full projects by itself. Ask it to generate images, videos, 3D, build a website and publish it, it does everything autonomously. Powered by Claude Opus 4.6 for code, visual content generated with fal, bot powered via OpenClaw🦞 The skills to generate project with fal are here All running on a tiny M5Stack Core2.

Lovis Odin

50,520 görüntüleme • 7 ay önce

We rebuilt - entirely vibe coded with Claude Code & Opus 4.5. If this site was built manually, it would have cost over $50K. Instead, I was able to build it in 2 weeks with Claude Code. For the first time in our company's history, the marketing site isn't in Webflow. It's been live for 2 weeks. Nothing broke. Performance and vitals are perfect. AMA

We rebuilt - entirely vibe coded with Claude Code & Opus 4.5. If this site was built manually, it would have cost over $50K. Instead, I was able to build it in 2 weeks with Claude Code. For the first time in our company's history, the marketing site isn't in Webflow. It's been live for 2 weeks. Nothing broke. Performance and vitals are perfect. AMA

Julian Galluzzo

45,632 görüntüleme • 9 ay önce

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap

Victor Work

24,069 görüntüleme • 10 ay önce

i built a dashboard for my claude code sessions: 254 sessions across 58 projects over 3 months 🤖🧚‍♀️ - 3d terrain map of token usage over time - session cards with first/last prompts, hover to expand - click to resume any past session in-browser - activity heatmaps, project treemaps code available for my x subscribers <3

i built a dashboard for my claude code sessions: 254 sessions across 58 projects over 3 months 🤖🧚‍♀️ - 3d terrain map of token usage over time - session cards with first/last prompts, hover to expand - click to resume any past session in-browser - activity heatmaps, project treemaps code available for my x subscribers <3

Kat ⊷ the Poet Engineer

356,099 görüntüleme • 6 ay önce

South Korea is bringing home cultural assets stored in foreign museums with an innovative project to digitize them for use in real-time 3D environments with a pipeline built upon Unreal Engine and RealityScan. Learn how it was made: #photogrammetry

South Korea is bringing home cultural assets stored in foreign museums with an innovative project to digitize them for use in real-time 3D environments with a pipeline built upon Unreal Engine and RealityScan. Learn how it was made: #photogrammetry

80 LEVEL

22,475 görüntüleme • 2 yıl önce

Announcing the LittleJS Mini Arcade! 🚂🕹️ 50+ classic games built with Claude Code on my open-source HTML5 engine. Each one is a single HTML file you can fork into your own project. 😻👍 #gamedev #ClaudeCode #opensource

Announcing the LittleJS Mini Arcade! 🚂🕹️ 50+ classic games built with Claude Code on my open-source HTML5 engine. Each one is a single HTML file you can fork into your own project. 😻👍 #gamedev #ClaudeCode #opensource

Frank Force 🌻

16,699 görüntüleme • 4 ay önce

Today we're changing how people build for the web. Introducing MagicPath Libraries. Your component library is a living doc that AI uses to design in your style. No more slop. Build with defaults or custom libraries, share them with teams. Always synced with your code.

Today we're changing how people build for the web. Introducing MagicPath Libraries. Your component library is a living doc that AI uses to design in your style. No more slop. Build with defaults or custom libraries, share them with teams. Always synced with your code.

Pietro Schirano

134,956 görüntüleme • 1 yıl önce

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Dev Ed

77,206 görüntüleme • 7 ay önce

ANTHROPIC 🔥: Claude Tag is coming to Claude Desktop in the form of collaborative Projects for Claude Code. That's essentially a built-in Slack 👀 > Earlier spotted Managed Projects feature got a slight upgrade, mentioning that users will be able to spawn different threads within a single project session. > Project creation UI got a new option to add repositories as context, which will be used across all sessions. The upcoming Projects for Claude Code feature is expected to enable teams and individuals to work collaboratively inside Claude Desktop, as they would with Claude Tag on Slack. Claude Code Projects will have persistent context and memory, which Claude will periodically refine and improve over time.

ANTHROPIC 🔥: Claude Tag is coming to Claude Desktop in the form of collaborative Projects for Claude Code. That's essentially a built-in Slack 👀 > Earlier spotted Managed Projects feature got a slight upgrade, mentioning that users will be able to spawn different threads within a single project session. > Project creation UI got a new option to add repositories as context, which will be used across all sessions. The upcoming Projects for Claude Code feature is expected to enable teams and individuals to work collaboratively inside Claude Desktop, as they would with Claude Tag on Slack. Claude Code Projects will have persistent context and memory, which Claude will periodically refine and improve over time.

🚨 AI News | TestingCatalog

90,939 görüntüleme • 1 ay önce