I’m working on a Three.js project where most of the initial development is complete. However, I need help with a few minor geometry issues, particularly involving arc creation, lofting between curves, and refining shape connections.
The core functionality is in place.
Just need small fixes and optimizations.
This is a paid gig – compensation will depend on the scope of work.
If you’re familiar with handling complex geometries, curves, and mesh manipulation in Three.js, please reach out!
Looking forward to working with someone who can help finalize this quickly.
Feel free to DM me or reply here with your experience and availability.
Hello !
I’m a web developer for over 3 years, specialized in ThreeJs
I’m based in France, and I’m ready to start freelancing right away
There is lot of way to modify a geometry, it can be blender, shader, with a brand new BufferGeometry or with a external library that can calculate boolean and union opérations.
So I think I could find the way that fit your project !
My main stack is ( Vue.js, Typescript and Three.js )
Thank you for the repy, I’m working on a simple geometry that incorporates curvature between two lines using a 3D arc with radius control in an HTML and JavaScript-based Three.js setup. The base structure is mostly complete, but I’m facing challenges in properly connecting the geometry with the arc while ensuring it adapts dynamically to the width of the lines and arc radius
Ultimately, I’m aiming to create a continuous mesh, similar to how staircase curvature is formed, while maintaining smooth transitions between edges and avoiding gaps or distortions. I’ve attached a screen capture to illustrate the issue.
Id like to keep the script in Javascript and Html, instead of working in blender, let me know if this works for you?
It always amazes me how someone, who can’t fix a “minor” problem by himself, knows, that it’s only “minor”. It does tell you something about his willingness to pay, though.
My - entirely human-intelligence based - take on this is:
I appreciate your perspective. If you’re open to helping, I’d love to hear your thoughts.
As shown in the attached video, the goal is to create a 3D arc in Three.js that connects two adaptable lines, both in length and height with an arc that also has an adjustable radius. The adaptation is already implemented, and I have control over the arc’s radius. However, the issue I’m facing is that the end edge of the arc appears skewed, and I’d like to ensure it aligns properly, remaining perpendicular to the connected edges.
I hope I’ve made my request clear. As mentioned, this is intended to be a small gig, so if you find this interesting, I’d be happy to discuss further
I’m not interested in the money. At least not in this particular case. If I wasn’t interested in helping, I’d not be posting here.
That said: if you like to connect two arbitrary lines in 3D space through an (one = 1) arc and expect the connection to be tangential at both ends, there will be more ways it doesn’t work than one single way it may(!) work out.
The notion of an arc being “skewed” or not “aligning” well may well refer to the angle at which you’re looking at it.
Please note: an “arc” is a 2D-entity with its center, start and end point being in one plane. And it is highly unlikely, that this arc/plane will align with another arbitrary line in 3D space.
I truly truly truly appreciate your time and willingness to help
I completely understand your point about the challenges of connecting two arbitrary 3D lines with a single arc while ensuring tangential continuity at both ends. My use of “skewed” was likely unclear; I meant that the arc’s end edge doesn’t align perpendicularly to the lines as expected, rather than implying a simple perspective issue.
You’re absolutely right that an arc is inherently a 2D entity within a single plane, and aligning it with arbitrary 3D lines presents constraints. Given these limitations, I’m curious if there’s a practical approach, perhaps dynamically adjusting the arc’s plane based on the endpoints’ alignment or considering an alternative way like 3D rotation to create a smooth, adaptive transition.
ps. I had actually tried posting this as a question in the forum, but my inquiry was unfortunately flagged as spam and wasn’t accepted. Since I’m learning and really enjoy working with Three.js, I was especially curious to see how this problem could be resolved, and open to pay for it as a gig to learn how others will resolve it.
thank you for your help, it’s great to have experienced developers like you share your knowledge and support
