Hello,
I’m a bit of a newbie in Three.js. I’m trying to create a project similar to Sootworld.
I want to position 1001 planes in the shape of “1001.” Could you give me any tips on where to start?
I don’t know what does Sootworld do, as the site breaks with an error and nothing is shown. Shaping “1001” with 1001 planes is a real challenge. My only advice is to split the problem into smaller problems and try to solve them. At least this will clarify what you need to learn from Three.js.
If you consider “1001” as a text string, this could be a good start:
2 Likes
Hi,
Creating a project in Three.js that resembles something like Sootworld, and specifically positioning 1001 planes in the shape of the numbers “1001,” is a great project to get familiar with the library.
If possible, I will provide step-by-step guide.
The first idea that came to mind is to write “1001” in Illustrator using the Pen tool with 1001/3 points, then export it as an SVG. I plan to use the points from this SVG to determine the positions of each plane. After that, I would copy the SVG group, move it slightly back on the Z-axis and slightly right on the X or Y-axis, and repeat the process with another copy. Is this a good idea?
Unless you’re specifically looking to get points along the contours, it’s not!
Take a look at the ShapeGeometry example. You’ll notice that the geometry is optimized along the edges, while the interior is empty with very few points inside.
I tried to go through based on your reference, and everything went so well. Thank you so much!
1 Like