Recreate the https://aristidebenoist.com/ slider DONE!

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

Linear Slider

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…

Ok, nice. I’ll take a look at it n send you an update on my findings

1 Like

Here is a video showing the issue, the first is the correct versio and then the version that needs to be fixed.

Ok that’s great, I saw the jump instantly as from your description but didn’t have a clear idea of how it should behave. This comparison is great👌

1 Like

I hope you will figure it out, develpers are dropping like flies with this one so far 12 devs failed :slight_smile:

1 Like

Job still available, I am adding plus 50$ to the job ,so now is 400$

Maybe someone good at math can step into this and get it done…

I don’t quite understand what is the problem with the scrolling. When I try it my way it works fine.

PS. I’m not applying for this job offer, I was just trying to feel how difficult it is.

3 Likes

I think you just did what I need, can you share the code please this is driving me crazy!!!

I’ve been trying this and I think 14 devs at this point and all failed big time :slight_smile:

As it is a paid job, most likely you plan to earn more than $400, so I can share the code, if you agree to the following conditions:

  1. the code is provided as it is, so you do not ask me for additional support
  2. you can play with the code and decide whether to use it completely, or just fragments from it, or ideas from it
  3. if you actually use it in your code, you have two options:
    3.1. either your software and its source are provided as open source
    3.2 or you find a way and sponsor the Three.js development with an amount that you consider fair

Is this OK with you?

5 Likes

I lost the client for this project so at this point is just a personal obsession, I just want to inderatand the logic behind it, I triied so many things…

I will add the open source once I sort this out.

Tibi - FWD.

1 Like

Thanks. Here is the source code. I hope it would be helpful. Let me know whether it works as expected, because when you try it for real, you may find some problems.

https://codepen.io/boytchev/pen/pvvYBrx?editors=0011

3 Likes

Thank you.

It seams like exactly what I need, I will keep you posted..

I knoew I was missing some pivot/origin for the animation but I had not clue how to implement it, and I tried at the end I lost sanity anbd went copy paste from chatgpt and boy I tried, it made such a mess… to be honest I use AI for some time now, is it me or is getting dumber , it surtenly dose not feel like AI…

Generally, this is not my business, but in my opinion, seeing your commercial activity (which I have no problem with), you should pay the 400 bucks to Pavel and leave the code open, because 99.99% of your potential clients will not be able to implement it anyway…

3 Likes

The job is to recreate the slider, Pavel helped a lot by fixing the overall slider movement but is far from what I need.

Now I need to understand his code and adapt to mine, is nto a simple job…

However as agrees I will share the open source code for others to use if I can figure this out…

From what I see, the only implementation you have left to figure out is a wave dependent on the transformation force on the axis…

You have a good point, but you ignore what I just said, the jo is for fixing the actual slider…

I don’t even know if I can implement the code that Pavel wrote!

As fo money, I already paid about 600$ to other devs that tried and failed, I also lost the client, so this is a personal thing at this point…

If I make it work, I don’t mind paying for this…

Whatever…
It doesn’t look good to me, but maybe I’m oversensitive. I’ll tell you how I would do it… If I had such a situation and, for example, your code solved part of the key logic of my problem, I would feel obliged to pay you something for it, maybe not all of it, but some part of it. Look at it from this side, you publish a job offer, and you collect crumbs on the forum, and from these crumbs you bake the whole bread again… So if you are so motivated, just post your question on the forum, but not in the JOBS section, because from what I see, at least 3/2 people have already made a significant contribution to your project, and you still have 400 bucks in your pocket.

But no offense :handshake:… I just think that when someone does something for me, I do something for him…

EDIT

You edited your answer, so let me edit mine…
To be completely honest, it’s a little hard for me to believe these explanations… You’re telling me that you’ve already spent 600 bucks and no one (sic!) was able to help you with a RELATIVELY simple thing… C’mon…
If we add the current 400 bucks, that gives us $1000. For that amount of money, I think Aristide Benoist himself he would send you the solution to his slider… And if that happened, for me as a lawyer it would be an interesting case on the border between copyright and intellectual property law.
But again, don’t be angry on me, my friend, under any circumstances. I just talk about transparency, especially since, as you know, there are people on this forum who are incredibly talented, and it would be good to appreciate their contribution somehow…

3 Likes

I will share the code once is done and also pay for it as well if need be!

If you think is an easy task to adapt the code give it a try!

This doesn’t sound good… and don’t take it like attack or something like this.
So now even if you get what you want, you don’t know if you will pay? Because you write “…if need be”. How are we to understand this? I understand it this way: I will use someone else’s code and work and I will pay him under certain conditions known only to me. I don’t know if you remember, but this is the JOBS section, and as the name of this concept means - people do work and get paid for it.
Let me tell you something my friend, I have been running business in IT for almost 15 years, but if I were to say to my potential contractors “I will pay the contractor if needed...”, I would probably starve.

I’m not saying it’s simple… That’s why I clearly wrote RELATIVELY

2 Likes

I a looking at the code is brilliant, I knew I was missing a pivot, but I did not know how to implement it!

Hopefully, I will be able to port this to my slider. I will keep you posted.

Thank you again!

1 Like