Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Coded with Claude Sonnet 5 using Three.js, a fantasy singularity observatory featuring orbital satellites, accretion disks, polar jets, and holographic panels.

techartist_'s profile picture

Techartist

14,495 subscribers

64,880 Aufrufe • vor 1 Monat •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Vibe coded this RPG game with Three.js this weekend. Took 10+ hours using sonnet 3.7. Graphics generated using stable diffusion. Optimized with grok and gpt 4.5. Zero code edit, just let AI cook. Details 👇
0:18

Vibe coded this RPG game with Three.js this weekend. Took 10+ hours using sonnet 3.7. Graphics generated using stable diffusion. Optimized with grok and gpt 4.5. Zero code edit, just let AI cook. Details 👇

Paul Li

19,439 Aufrufe • vor 1 Jahr

created a 🦋 experiment using webgl playing with Three.js and Claude 🔗
0:16

created a 🦋 experiment using webgl playing with Three.js and Claude 🔗

cel

14,224 Aufrufe • vor 4 Monaten

We just launched Claude Sonnet 4.5 and “Imagine with Claude”, a 5-day preview that creates dynamic experiences for you in real-time (and the first product I’ve worked on at Anthropic!). It pioneers the concept of “model-as-backend”, using a model to not only generate interfaces on the fly but also power all the functionality behind it – all made possible by our newest model, Claude Sonnet 4.5. Here’s a "choose your own adventure" version of my founder journey, as retold by Imagine with Claude:
0:17

We just launched Claude Sonnet 4.5 and “Imagine with Claude”, a 5-day preview that creates dynamic experiences for you in real-time (and the first product I’ve worked on at Anthropic!). It pioneers the concept of “model-as-backend”, using a model to not only generate interfaces on the fly but also power all the functionality behind it – all made possible by our newest model, Claude Sonnet 4.5. Here’s a "choose your own adventure" version of my founder journey, as retold by Imagine with Claude:

Sean Strong

115,693 Aufrufe • vor 11 Monaten

Can't stop thinking about the art style Desimulate created so I tried to create it in Three.js to see if I could achieve a similar look and feel. I think I got pretty close with some careful pixel art billboarding and lighting. But there's some limitations to getting this particular perspective right so it would only work in environments where you limit where the player can walk to. Vibe coded on Grok 4, Claude Sonnet using Cursor.
0:15

Can't stop thinking about the art style Desimulate created so I tried to create it in Three.js to see if I could achieve a similar look and feel. I think I got pretty close with some careful pixel art billboarding and lighting. But there's some limitations to getting this particular perspective right so it would only work in environments where you limit where the player can walk to. Vibe coded on Grok 4, Claude Sonnet using Cursor.

Danny Limanseta

232,439 Aufrufe • vor 1 Jahr

As the Grok 4.6 release approaches, Grok 4.5 seems to be ageing like fine wine. Built an orbital assembly simulation around a colossal spacecraft, with robotic manipulators, hull installation, active welding and surrounding traffic, using Three.js.
0:12

As the Grok 4.6 release approaches, Grok 4.5 seems to be ageing like fine wine. Built an orbital assembly simulation around a colossal spacecraft, with robotic manipulators, hull installation, active welding and surrounding traffic, using Three.js.

Techartist

24,224 Aufrufe • vor 17 Tagen

My RL creature has escaped the computer. Built with Fable 5 from Claude, Three.js, WebGL / WebGPU and Media Pipe. Creature was trained on a Runpod A100 with JAX and MuJoCo from Google DeepMind
0:18

My RL creature has escaped the computer. Built with Fable 5 from Claude, Three.js, WebGL / WebGPU and Media Pipe. Creature was trained on a Runpod A100 with JAX and MuJoCo from Google DeepMind

Aaron Lemke

42,692 Aufrufe • vor 1 Monat

Created this game demo over the weekend without writing a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7
0:15

Created this game demo over the weekend without writing a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7

Ian Curtis

395,285 Aufrufe • vor 1 Jahr

Claude fable 5 is cooked Claude fable 5 Vs Gemma 4 26b a4b qat MTP Gemma 4 26b running locally on my 8GB vram single RTX 4060 built this using three.js in a single session and 3 prompts. no cloud, no subscription 100% private unlimited use. how long until it can catch up completely?
0:19

Claude fable 5 is cooked Claude fable 5 Vs Gemma 4 26b a4b qat MTP Gemma 4 26b running locally on my 8GB vram single RTX 4060 built this using three.js in a single session and 3 prompts. no cloud, no subscription 100% private unlimited use. how long until it can catch up completely?

Alok

30,802 Aufrufe • vor 2 Monaten

Wait, is Claude Opus 4.8 actually a Fable 5?? Opus generated this. A 3D botanical DNA strand. No, it's not a video or a 3D asset. It's pure math using Three.js, running at 60fps ❤️‍🔥 Everything including petals and flowers is generated using custom geometry. Also responsive. That too done from a image reference. Fable or not, Claude is generally good at 3D stuff.
0:15

Wait, is Claude Opus 4.8 actually a Fable 5?? Opus generated this. A 3D botanical DNA strand. No, it's not a video or a 3D asset. It's pure math using Three.js, running at 60fps ❤️‍🔥 Everything including petals and flowers is generated using custom geometry. Also responsive. That too done from a image reference. Fable or not, Claude is generally good at 3D stuff.

The Bugged Dev

24,145 Aufrufe • vor 2 Monaten

Claude Fable 5 and GPT-5.6 are cooked already… Sonnet 5 vs Opus 4.8 on another agentic video pipeline. Both generated a storyboard with GPT Images 2.0, then fed it into Seedance 2.0, all through Higgsfield MCP on Claude. Same quality, but each directed Seedance 2.0 completely differently.
0:15

Claude Fable 5 and GPT-5.6 are cooked already… Sonnet 5 vs Opus 4.8 on another agentic video pipeline. Both generated a storyboard with GPT Images 2.0, then fed it into Seedance 2.0, all through Higgsfield MCP on Claude. Same quality, but each directed Seedance 2.0 completely differently.

FHILY👑

34,557 Aufrufe • vor 1 Monat

Sonnet 5 is here. It's worse than Opus 4.8 on nearly every benchmark... Does that mean it's useless? Absolutely not. Use it with Claude Code Dynamic Workflows! 1. /model set to Sonnet 5 2. /effort set to Ultracode 3. Any complex task will kick off a dynamic workflow This will only become more powerful when Fable is back. You'll use Fable 5 as the superintelligent advisor and Sonnet 5 as the fast and efficient implementer.
0:15

Sonnet 5 is here. It's worse than Opus 4.8 on nearly every benchmark... Does that mean it's useless? Absolutely not. Use it with Claude Code Dynamic Workflows! 1. /model set to Sonnet 5 2. /effort set to Ultracode 3. Any complex task will kick off a dynamic workflow This will only become more powerful when Fable is back. You'll use Fable 5 as the superintelligent advisor and Sonnet 5 as the fast and efficient implementer.

Dan McAteer

663,679 Aufrufe • vor 1 Monat

New Claude Sonnet 5 performs at GPT 5.5 level 6x cheaper! We gave 4 models the same prompt: build three self-contained HTML5 canvas scenes with real physics crash demos Prompts: - A car crashes into a brick wall - A wrecking ball destroys a house - A catapult throws a rock at a castle wall Outputs: Sonnet 5: 15,047 tokens, $0.15 Opus 4.8: 23,063 tokens, $0.58 Sonnet 4.6: 25,824 tokens, $0.39 GPT 5.5: 31,152 tokens, $0.94 Sonnet 5 did as well as Opus 4.8 and GPT 5.5 on all three tests. In the wrecking ball test, it beat Opus 4.8. The cable moves smoothly and every hit connects. In the catapult test, it beat GPT 5.5. The rock always lands inside the wall. Sonnet 5 still needs better detail and graphics. But it used fewer tokens than every other model
0:18

New Claude Sonnet 5 performs at GPT 5.5 level 6x cheaper! We gave 4 models the same prompt: build three self-contained HTML5 canvas scenes with real physics crash demos Prompts: - A car crashes into a brick wall - A wrecking ball destroys a house - A catapult throws a rock at a castle wall Outputs: Sonnet 5: 15,047 tokens, $0.15 Opus 4.8: 23,063 tokens, $0.58 Sonnet 4.6: 25,824 tokens, $0.39 GPT 5.5: 31,152 tokens, $0.94 Sonnet 5 did as well as Opus 4.8 and GPT 5.5 on all three tests. In the wrecking ball test, it beat Opus 4.8. The cable moves smoothly and every hit connects. In the catapult test, it beat GPT 5.5. The rock always lands inside the wall. Sonnet 5 still needs better detail and graphics. But it used fewer tokens than every other model

atomic.chat

728,485 Aufrufe • vor 1 Monat

vibecoding UI animations with Claude using Three.js to paint the images onto a 2d plane that gets stretched by the corners and distorted with RGB offset/chromatic aberration devs of the past would have spent more time arguing that it cant be done than it took me to create it
0:14

vibecoding UI animations with Claude using Three.js to paint the images onto a 2d plane that gets stretched by the corners and distorted with RGB offset/chromatic aberration devs of the past would have spent more time arguing that it cant be done than it took me to create it

Mike Three

37,726 Aufrufe • vor 6 Monaten

I created this using Claude + 3D animation: 1. Ask Claude for a scroll-based cinematic animation pla 2. Generate prompts for depth, parallax, and camera movement 3. Install Three.js + GSAP + ScrollTrigger 4. Use scroll to control zoom, scale, and scene transitions 5. Add layered images for 3D depth illusion 6. Apply smooth easing, lighting, and shadows for realism 7. Refine until it feels like one continuous scene Save this
0:16

I created this using Claude + 3D animation: 1. Ask Claude for a scroll-based cinematic animation pla 2. Generate prompts for depth, parallax, and camera movement 3. Install Three.js + GSAP + ScrollTrigger 4. Use scroll to control zoom, scale, and scene transitions 5. Add layered images for 3D depth illusion 6. Apply smooth easing, lighting, and shadows for realism 7. Refine until it feels like one continuous scene Save this

FHILY👑

395,598 Aufrufe • vor 3 Monaten

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)
0:12

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)

The Bugged Dev

95,858 Aufrufe • vor 7 Monaten

Weeks of work for a senior Three.js dev is ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:
0:15

Weeks of work for a senior Three.js dev is ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:

The Bugged Dev

26,718 Aufrufe • vor 27 Tagen

Gemini (left) vs ChatGPT vs Claude (right) Prompt: Create an interactive HTML, CSS, and JavaScript simulation of a satellite system that transmits signals to ground receivers. The simulation should show a satellite orbiting the Earth and periodically sending signals that are received by multiple ground stations. Include realistic factors such as signal delay based on distance, occasional signal loss due to obstructions or interference, and visualization of the signal path as lines or waves. The satellites’ position should be updated using simplified orbital mechanics, and the ground receivers should display received signal strength and timestamps.
0:18

Gemini (left) vs ChatGPT vs Claude (right) Prompt: Create an interactive HTML, CSS, and JavaScript simulation of a satellite system that transmits signals to ground receivers. The simulation should show a satellite orbiting the Earth and periodically sending signals that are received by multiple ground stations. Include realistic factors such as signal delay based on distance, occasional signal loss due to obstructions or interference, and visualization of the signal path as lines or waves. The satellites’ position should be updated using simplified orbital mechanics, and the ground receivers should display received signal strength and timestamps.

Alex Prompter

230,015 Aufrufe • vor 9 Monaten

Fable 5 + Goose Ads is insane – literally a full ad-creative team right in Claude Code. 1. Install the skill: npx gooseworks install --all npx gooseworks login 2. Ask Claude Fable to make ads for your brand. /goose-ads create ads for my brand . Fable 5 pulls the ads already winning in your space and rebuilds them on-brand – your product, your palette, your copy – a whole batch, ready to test. It can ship a month of creative testing in a single prompt. This is also possible with Opus and Sonnet, but Fable's brand research is next level. Link below.
0:11

Fable 5 + Goose Ads is insane – literally a full ad-creative team right in Claude Code. 1. Install the skill: npx gooseworks install --all npx gooseworks login 2. Ask Claude Fable to make ads for your brand. /goose-ads create ads for my brand . Fable 5 pulls the ads already winning in your space and rebuilds them on-brand – your product, your palette, your copy – a whole batch, ready to test. It can ship a month of creative testing in a single prompt. This is also possible with Opus and Sonnet, but Fable's brand research is next level. Link below.

Shiv

222,198 Aufrufe • vor 1 Monat