NinjaCodex

vibe coding, testing ai models & sharing prompts. building cool stuff without spending a fortune 🥷

[NinjaCodex @N1njaCodex]

I’m shocked - why is this so expensive 😭🍉

Asked Claude Sonnet 5.5 to make a jelly watermelon. You can stretch it, squish it, and let go - it bounces right back in your browser

But the estimated API cost came to around 8.20$
Here’s the breakdown:

Code and reasoning - 2.80$
Cached context reads - 3.60$
Cache writes - 1.80$
Regular input tokens - 0.02$

Almost two-thirds went toward handling context. I came for a gummy watermelon and ended up wondering why its memory costs more than its code 😂

[Vib3Coded @vib3coded]

Making a watermelon - $4.50. Letting me slice it - another $7.98 😂🔪🍉

Asked Claude Opus 5.5 to add a knife to my jelly watermelon. Now I can cut it into pieces, and each one keeps wobbling, stretching, and bouncing right in the browser

Estimated API cost: $4.50 for the watermelon + $7.98 for the knife and slicing = $12.48

Slicing cost more than the watermelon itself. But I can’t stop playing with it lol

[NinjaCodex @N1njaCodex]

@vib3coded Can you share the full prompt ?

[Vib3Coded @vib3coded]

Remember the jelly watermelon slice? Now there’s a whole watermelon 🍉

Using Claude Opus 5.5, I made a full jelly watermelon you can cut into pieces with a knife right in your browser

First, squish and stretch the whole thing, then grab the knife and slice it however you like. The pieces stay jiggly too - you can grab and squish them individually

This one cost $30.07. My jelly experiments seem to be getting more expensive

If Opus 5.5 can already do this, imagine what Claude Fable 5.5 will be able to create 👀

[NinjaCodex @N1njaCodex]

@maxt3chno I'm just scared what Fable 5.5 could do, nice result by the way

[NinjaCodex @N1njaCodex]

@AntarexBTC same, would be interesting to give it the exact same prompt

[NinjaCodex @N1njaCodex]

12.67$ for a box of jelly that needs help holding itself together 💀

Claude Opus 5.5 built an interactive box of jelly candies: open the lid, pull them out, and stretch them

Looks cute at first. Then you start playing with it

The jelly doesn’t return to its original shape after stretching, and the candies pass straight through the box. For a demo built around physics and interaction, those are pretty major issues

Honestly, I don’t think this result justifies the 12.67$ price. Getting it into decent shape would take a bunch more fixes, pushing the total cost even higher

Would you keep fixing it or try another model? 👀

[NinjaCodex @N1njaCodex]

@0xPifagor yeah apparently the box is just a suggestion

[NinjaCodex @N1njaCodex]

prompt
Build a single self-contained HTML file: an interactive 3D toy called "Fruit Jelly Box".
All UI text must be in English.

TECH
- Plain HTML/CSS/JS in one file. Load three.js r149 UMD from
https://t.co/WrFxgDN5mD (no other libraries).
- Google Fonts: "Lobster" for display text, "Nunito" for UI.
- Use WebGLRenderer with sRGB output, ACES tone mapping, soft shadows, and
ColorManagement.legacyMode = false.
- Build a procedural PMREM environment map (a small room with a few bright light panels).
- Lights: a hemisphere light, a warm directional "sun" that casts shadows, and a faint rim light.
- Run a fixed 60 Hz simulation loop with 2 physics substeps per tick.

SCENE
- A full-screen tabletop with a linen texture generated on a canvas. The table color comes
from CSS tokens, so it works in both light and dark themes. Add fog that blends into the
background.
- A cherry-red cardboard candy box: a base, 4 walls, and gold trim on the outer sides.
- Inside the box sits a champagne-gold molded plastic tray. It has rounded-square cups
(formочки), made by displacing a subdivided plane with a signed-distance function of
rounded rectangles, plus a small lip around each cup.
- Layout: 4×3 cups on landscape screens, 3×4 on portrait screens.
- The lid is hinged at the back edge and opens like a laptop screen, up to about 106°.
Put two small gold hinge cylinders at the back.
- Lid outside: cherry color with a gold diamond pattern, a double gold frame, a diagonal
gold ribbon with a bow on one corner, and a cream oval label. The label reads
"ASSORTED JELLY CANDIES" / "Fruit Jellies" (Lobster, auto-fit to the oval) /
"12 candies, each in its own cup".
- Lid inside: a cream paper "menu card" titled "Fruit Jellies · ASSORTED JELLY CANDIES · 12 PIECES".
It has a grid that mirrors the tray layout. Each cell shows a small picture of that cup's
candy (drawn from the candy's own texture) and its name.
- Camera: perspective, elevated about 46°, rotated about 11° to the side. Auto-fit it so the
box, the fully opened lid and some table space all fit between the top bar and the bottom
hint, on any screen size.

LID INTERACTION
- Tap or click the lid to toggle it open or closed, with a springy animation and a small
bounce at the stop.
- Drag the lid's edge up or down to set the angle by hand. It stays where you release it,
like a laptop hinge. It snaps shut below about 8°.
- A header button toggles "Open" / "Close".
- Candies can only be grabbed once the lid is open past about 72°.

12 CANDIES (each in its own cup, random order)
Orange slice (half-moon), Kiwi slice, Watermelon slice (wedge), Lemon slice, Gummy bear
(random bright color), Heart, Star, Strawberry (with leaves and seeds), Peach ring
(sugar-coated, with a hole), Raspberry (bumpy, with drupelets), Rainbow cube (3 stripes),
Fish.
- Each candy has a 512px canvas texture with realistic detail: pulp vesicles, segment
membranes, white pith, rind, seeds, kiwi rays and core, watermelon rind bands, and
embossed bear features.
- A 128px transmission mask marks the opaque parts (rind, seeds, leaves).
- Material: MeshPhysicalMaterial with transmission about 0.62 (0.35 for sugared candies),
that transmissionMap, thickness, attenuationColor set to the candy color, roughness about
0.14, clearcoat, and a faint emissive glow. Sugared candies are rough and use sheen.
Set shadowSide = DoubleSide.

SOFT-BODY JELLY PHYSICS (the core feature: candies must feel truly jelly and stretchable)
- Each candy is a 2D soft body in the table plane, rendered as a puffy 3D mesh.
- Mesh construction:
- Generate a dense outline polygon per shape. Use a radial sampling of an implicit
function for the bear (union of circles).
- Resample about 40–70 boundary particles evenly, plus hex-grid interior particles
(spacing about 0.066).
- Triangulate with Bowyer–Watson Delaunay. Drop triangles whose centroid or edge
midpoints fall outside the shape.
- Add boundary-ring edges and k-nearest edges so every particle is tied in.
- Each substep, using Verlet integration:
- Damp the shared translation (friction) separately from internal wobble.
- Apply grab pull.
- Run 3 iterations of soft PBD distance constraints.
- Apply shape matching (Müller et al.) with a rigid rotation blended with a
volume-normalized linear fit (beta about 0.12 at rest, 0.45 while being pulled), so a
pulled candy stretches as a whole.
- Apply a "seat" spring that pulls a seated candy back into its cup at its seat angle.
- Clamp to the box interior, or keep the candy outside the box walls when it is on the table.
- Rendering:
- Top-surface vertex height comes from a rounded dome profile based on distance to the edge.
- Thickness thins out where the local area grows (volume preservation).
- A vertical side skirt runs around the outline and around the ring's hole.
- A thickness spring adds squash-and-wobble on landing and poking.
- Recompute normals every frame.
- Grab: Gaussian-weighted pinch around the touch point. While still seated, the pinched area
lifts and the candy stretches. Once it is pulled about 0.5 units, it pops out of its cup.
- Carry: a free candy lifts above the box walls and follows the pointer with a slight jelly lag.
- Release: compute throw velocity from recent pointer history using event timestamps.
- The candy becomes airborne with gravity and bounces with squash.
- If it lands on a wall, nudge it off.
- It settles on the tray or the table.
- Dropped near an empty cup, it snaps into that cup.
- Quick tap without dragging pokes the candy: a radial impulse plus a squish.
- Candies on the same surface push each other out (particle-in-polygon collision).
- A candy thrown off-screen counts as "fell off the table".
- Button "Put them back": every candy, including fallen ones, flies home to its own cup.

UI
- Header: the title "Fruit Jelly Box" (Lobster) and two pill buttons, "Put them back" and
"Open"/"Close".
- Bottom hint bubble:
- When closed: "Lift the lid like a laptop screen: drag its edge up or just tap it."
- When open: "Pull a candy and it stretches, then pops out of its cup. Toss it and it
bounces. Drop it over an empty cup and it settles in."
- Also show a count of candies that fell off the table.
- Show shorter text on phones.
- Light and dark theme through CSS custom properties. Mobile friendly, touch-action: none,
safe-area padding.
- Respect prefers-reduced-motion for the lid spring.
- Adaptive quality: if frames are slow, first lower the pixel ratio, then turn off
transmission and shrink the shadow map.

[NinjaCodex @N1njaCodex]

@vib3coded I’ll give it a try today

[NinjaCodex @N1njaCodex]

@vib3coded curious how Sol 6.1 would handle this

[Vib3Coded @vib3coded]

Sonnet, why so expensive when Opus is right there? 🐡

Claude Opus 5.5 vs Claude Sonnet 5.5. Same task - make a jelly fugu you can squish and puff up right in your browser

Claude Opus 5.5 - 7.45$
Claude Sonnet 5.5 - 6.20$

Just $1.25 apart, but I like the Opus result much more: more detail on the body, better-defined spikes and fins, and the fish itself looks more like jelly. It’s more fun to look at and squish

Sonnet made something cute too, but at almost the same cost, I’d pick Opus

Honestly, I don’t get why Sonnet ended up costing so much. It’s supposed to be the cheaper option, but the savings here are tiny

Would you pay the extra 1.25$ for the Opus result? 👀

[NinjaCodex @N1njaCodex]

@vib3coded @threejs Wow, nice 👌

[NinjaCodex @N1njaCodex]

@vib3coded Thanks 🙏

[Vib3Coded @vib3coded]

16.49$ for jelly dice. But the interesting part is how they move 🎲

Claude Opus 5.5 built an interactive 3D scene: the dice spin through the air, squish when they hit the plate, and wobble back into shape

The entire scene runs right in the browser. Each die contains a lattice of 125 physics nodes that handles stretching, compression, and shape recovery. Light refraction and glossy highlights give the material its jelly look

You can change the color, number of dice, and softness. Everything is packed into a single HTML file

What do you think of the result for 16.49$? 👀

[NinjaCodex @N1njaCodex]

@DanielZambrini cool

[NinjaCodex @N1njaCodex]

Claude Opus 5.5 joins the Sonnet vs Sol comparison 🥝

Opus produced a nicely textured skin, clean highlights on the flesh, and a springy wobble as the kiwi moves

Cost per result:
- GPT-6.1 Sol - $1.22
- Claude Sonnet 5.5 - $6.93
- Claude Opus 5.5 - $12.25

Opus costs about 10x as much as Sol, but the difference in quality doesn’t look nearly that big

Which kiwi offers the best value?

[Vib3Coded @vib3coded]

Sonnet, what did I pay 6x more for?

One prompt, two jelly kiwis

I really liked the jelly’s transparency in Claude Sonnet 5.5. You can see the seeds inside, and the material actually looks like jelly

But $6.93 for this result? GPT-6.1 Sol did it for $1.22, and I’m pretty impressed at that price

Sonnet’s jelly looks better, but does it justify costing almost 6x as much? I’m not convinced yet

Which result would you pay for?

[NinjaCodex @N1njaCodex]

@MameliFilippo wow, amazing

[NinjaCodex @N1njaCodex]

@Dlassche1 i ran this one on max, so that probably explains the price

[NinjaCodex @N1njaCodex]

I’m shocked - why is this so expensive 😭🍉

Asked Claude Sonnet 5.5 to make a jelly watermelon. You can stretch it, squish it, and let go - it bounces right back in your browser

But the estimated API cost came to around 8.20$
Here’s the breakdown:

Code and reasoning - 2.80$
Cached context reads - 3.60$
Cache writes - 1.80$
Regular input tokens - 0.02$

Almost two-thirds went toward handling context. I came for a gummy watermelon and ended up wondering why its memory costs more than its code 😂

[Vib3Coded @vib3coded]

Making a watermelon - $4.50. Letting me slice it - another $7.98 😂🔪🍉

Asked Claude Opus 5.5 to add a knife to my jelly watermelon. Now I can cut it into pieces, and each one keeps wobbling, stretching, and bouncing right in the browser

Estimated API cost: $4.50 for the watermelon + $7.98 for the knife and slicing = $12.48

Slicing cost more than the watermelon itself. But I can’t stop playing with it lol

[NinjaCodex @N1njaCodex]

@vib3coded you should try making the same thing with Astra and Sonnet too - it’d be cool to compare them

[Vib3Coded @vib3coded]

This balloon cost $14.03. Watch it pop💥

Claude Opus 5.5 built an interactive balloon demo with a working pump, stretching rubber, and scraps flying everywhere when it bursts

Then comes the water balloon. And the splash

AI can build all this. Getting it to feel convincing is the real test

14.03$ well spent - or an expensive party trick? 👀

[NinjaCodex @N1njaCodex]

@AntarexBTC exactly, that’s what makes Sol so impressive