Film strip carousel

Here I made such a version from your code.

This is amazing thank you so much, can you do the wrapping as well please I am lost in this codeā€¦

Is it possible to create a version just with normal geometries on top of the shader one, I will need that for raycasting.

My brain is fried at this point trying this is like I donā€™t understand anything :slight_smile:

1 Like

If you have time can you help me center it I mean the center mesh should be in the center and the rest distributed left and right, the origin point should be in the center now on the left, and the wrapping :slight_smile:

I tried on my own but failed I will keep tryingā€¦

I just donā€™t understand the darn math hereā€¦ I tried chatgpt it makes such a messā€¦

Lets say there are 17 mehes the center mesh 8 should be on the center of the curve the rest distributed left and rightā€¦ I canā€™t figure it out, tried ChatGPT is a disasterā€¦

I am willing to pay to get this done I am lost :slight_smile:

Thank you @ trueshko, we did the shader versio perfectlyā€¦

I need help with the normal vetritces version I need this for raycasting and positioning some html elements, I am completely lost in the math behind this, I need help )

I did itm, huge thank you @ trueshko and @ prisoner849

https://webdesign-flash.ro/ht/carousel/filmstrip.html

2 Likes

One question here how can I change visually this curve to create other variations?

// this.curve = new THREE.CatmullRomCurve3([
// vec3(-7, 1, -1),
// vec3(-1, 1.25, -1.2),
// vec3(-2, -0.5, 2),
// vec3(3, -0.5, 2),
// vec3(2, 1, -1),
// vec3(7, 1, -1)
// ], false, ā€œcatmullromā€, 0.9);

Done it here Shader Carousel

Thank you for the help.