Create a neon sign generator

Hey everyone! I’m new to Three.js and I need to know if it’s possible to build a project I have in mind. It’s a neon sign generator where the user would type the content of the sign, choose the font type, color, letter size, sign shape, etc., and then click a button to generate the neon sign, which would then be rendered for the user to see (either after the click or in real time).

If this is doable, could anyone point me in the right direction to get started?

Here’s an example of the product I’m trying to replicate:

It’s basically a neon LED strip mounted on an acrylic base.

As far as the standalone neon effect is concerned, try searching the forum for “selective bloom”. @prisoner849 has posted some good examples, many including “live” code on codepen.io or similar.

Example.

3 Likes

And: three.js examples

3 Likes