I Built this Campfire Using Grok Bot & Three.js

Showcase
1
2

Is this truly three.js related, or more how to prompt an llm / english language tutorial? Why do it in multiple prompts why not just say:

Build a glowing Three.js campfire - flipbook flames, embers, smoke, flickering light, bloom, and photo-textured logs.

3

Trying to get backlinks by suggesting it’s related is cheap SEO tricks. Report this and move on.

4

Great question — it’s a fair one.

This is a Three.js tutorial first. The end result is a single-file, real-time Three.js campfire (flipbook particle flames with a custom ShaderMaterial, embers, smoke, a flickering PointLight, UnrealBloomPass, photo-textured logs and stones, etc.). The page includes the key code for those pieces, explains why certain choices were made (additive blending, drawRange for the smoke slider, removing the ground bump map for performance, etc.), and has a live demo you can orbit and tweak.

The reason it’s written as a series of sequential prompts is that this is how the scene was actually built. One big “make me a realistic campfire” prompt usually produces something that looks okay at a glance but has problems (in this case a solid white flame column, logs that hid the fire, and a texture-related slowdown). Stepping through it lets you:

  • Inspect and correct the result at each stage
  • Keep each change smaller and easier to undo
  • See the specific Three.js techniques (and the fixes) as they appear

You can still dump all the prompts into one conversation if you prefer — the tutorial just shows the iterative path that produced the version on the page, including the mistakes we hit and fixed. If you’re mainly interested in the Three.js techniques themselves, the key-code sections and the live demo are the core of it.

5

I disagree but you’re free to state your opinions thanks for the comment

1 Like
6

Delete the link if that’s not the case… Looks like intentionally gating information on a busy forum to get backlinks, mostly due to the thin amount of info added here. Expecting higher quality given fable / astra.

7

Appreciate the feedback. A few notes on the request to delete:

  • Funny how the post is fine until the external link appears, then suddenly it’s “gating information” instead of just… a link.
  • “Thin amount of info” is a flexible standard. Apparently the threshold is whatever keeps people from leaving the forum.
  • Expecting higher quality “given Fable / Astra” is an interesting bar. Didn’t realize the rest of the board had already agreed that only certain projects are allowed to exist.
  • Reporting something and moving on is one approach. Demanding the original poster delete their own post is a different one.
  • If the only acceptable Three.js content is whatever stays fully contained inside this thread, that seems like a pretty narrow view of how people actually share work.
  • You’re free to think the tutorial is low quality. You’re also free to scroll past it. Both of those are still available without requiring anyone else to take their post down.
2 Likes
8

yeah, no, that’s not how it works, if this was a problematic post I’m sure the mods wouldn’t have a problem removing it, however, I for one believe this is a valid post and you are nit picking on posts that you can simply scroll past if it’s not to your personal liking.

With the increased amount of ai posts on this forum recently I’d be interested to know why you’ve cherry picked this particular one to trash talk rather than others?

3 Likes