Recreate the https://aristidebenoist.com/ slider - job

Jobs
1

Hi guys.

I am trying to recreate this slider https://aristidebenoist.com/

I figured out the bending and scrolling, but I have an issue with the slider going from maximized phase to minimized phase. I can’t figure out the math. i tried ChatGPT but no luck…

Here is a simplified version of my code to test and update Glitch :･ﾟ✧

So dragging the slider is good, and clicking on a mesh expands it also good. But then, when I drag and the slider is in maximized phase, it must minimize and continue dragging, currently it just snaps to the first mesh position. You can see how it should be here https://aristidebenoist.com/

I really need help with this one, I tried for a few days to fix it. I can’t see the code correctly anymore, and as I said ChatGPT is useless in this case…

I DO NOT WANT THE BEND OF THE VERITECES… I ONLY NEED THE SLIDER TO FLOW ORRECTLY WHEN GOING FROM MAXIMIZED TO MINIMIZED, I want to make this clear so that time is not wasted on it.

Thank you!

1 Like
2

Hi Tibi,

I think I got it working the way you wanted.

https://fluoridated-whispering-ocelot.glitch.me/

If you feel like rewarding me for my efforts here’s my PayPal. PayPal.Me

Have a great day!

The trick was to keep track of the position independent of scale then use a scaled version to display where the boxes are.

3 Likes
3

Thank you.

I will send you a few bucks on the 15th this month.

Then, the way you did it, it’s not fluid. It literally needs to flow, not have discrepancies. I figured out a different way using ChatGPT and my brain at this point, but I have a small bug that I can’t fix.

After clicking on a mesh and maximizing and dragging quickly again, there is a small jump on the x position, not sure how to fix i,t and ChatGPT does not help much with this. Click on the meh that are not in the center to replace them.

Here is the live example with textures and stuff Linear Slider

I also updated the code in Glitch with a simplified version without textures and other stuff…Glitch :･ﾟ✧

I can share the full code, is a cool project you can use it on your own if you like…

4

Hello, Nice to meet you.
I am a WebGL and Three.js expert.
I read carefully your job description and understand fully what you want.
If you share you code, I will review and provide you revisions.
I wanna cooperate with you in this project.
Thank you.

5

Great I am trying with AI now, i will send you the code once I have soemting stable, it is all a mess right now with allthe testing and AI mandness…

6

Ah I see, I will wait

7

Okay, so here is what I did so far. I had to rewrite the entire logic from the glitch example so that is not good anymore. The only issue that I have now is that when maximizing, if the mesh is far left or right, there is a big shift, and it looks bad. The minimize is perfect and prety much the rest, after this bug is fxied I can do the little deatisl like lerp visual speed and other stuff..

I think this is the way they did it on the original website not sure… I mean the dargging/maximize/minimize

Here is the project, inside there is the full project in Vite, the code that we need to fix is in the .js/FWDLSSliderManager.js http://webdesign-flash.ro/p/ls/zip.zip

The methods responsible for this are updatePosition and goToItem…

I hope you will figure this out I am exhausted, i can’t see things right anymore…

44444
444441532×1028 194 KB

8

Ok, I see Could you share your information for real-time communication?
Which service do you prefer? I prefer telegram?

9

I use Shype, now microsoft team, my id is tibi_diablo

10

I sent msg via microsoft team.

11

Pls reply, I already started work.

12

I replyed… on team…

13

I cant anything
How about whats app?

14

image
Is it you?

15

HI I can help you.

16

The job is closed.

Thank you.