I want to rotate 4 object around background image, I done with revolution slider but the client want to rotating to pause when hovering one of the images and revolution slider do not have it. this is what I done with revolution slider [image] Home - Allium Medical 2 Ha’Eshel St., PO Box…

The other option is to use trig functions (sin, cos) to set position of a pic: https://jsfiddle.net/prisoner849/opau47vk/ @blackstrings0 Maybe makes sense to add something to the animation loop: if(parentContainer){ parentContainer.rotateZ(.001); circles.forEach(c => {c.rotateZ(-0.001)…

Thanks, I just want to move all the scene to the right so it will around to main circle. I using this on WordPress site because the client want to stop the movement when hovering and it do not work with revolution slider. this is what I have on the site: https://www.allium-medical.com/new/rotate/ …

seems to me like your just moving things in a circular path and normal to the screen? Would this not be easier to achieve without three.js - rather just css and js?

If this can be stop when hovering, having links and can be reached with the keyboard with ‘tab’ I think it will better, any idea how to do it? will this also will fix the background not looking good?

That all sounds very possible, this may get you started [AndrewLeonardi] Rotate objects around circle using CSS? html, css, css-animations asked by AndrewLeonardi on 02:21PM - 18 Aug 16 UTC

Thanks, how do I stop it on hover? this is the big problem, I used revolution slider but it do not stop the layer on hover

Hi! Stackoverflow and Google create miracles :metal: https://jsfiddle.net/prisoner849/zrfbqjh2/ [Rotation_CSS] Hovering over circles with numbers stops rotation. Pure CSS. Works in FF and Chrome for me.

Thanks, it will help. What if I need 5 items? I got that .red { color: #f00; top: calc(50% - 50px); left: calc(100% - 100px); } control the position

To be honest, discussing CSS is out of the scope of this forum, IMHO (except when it’s about CSS renderers). Feel free to use javascript for positioning your elements at your needs: https://jsfiddle.net/prisoner849/w93vcumq/ [Penta_CSS]

Rotate object around in circle

Questions

hofk November 20, 2023, 8:29am 22

Do you know that?

From the Collection of examples from discourse.threejs.org

3DReducedTextGeometry

Topic		Replies	Views
How to make a object rotate in the Editor Questions editor	11	4873	March 26, 2017
Rotate the object Questions transform	6	560	October 11, 2020
How to make meshes rotate around circle like the image provided Questions transform	2	1201	February 23, 2021
How can i rotate images in an image carousel that are close to the current position of the camera Questions react-three-fiber	0	109	September 11, 2024
Three.js Trying to rotate object around it's center Questions animation	3	182	August 12, 2024

Rotate object around in circle

Related topics