How to make a 3D object and allow a user to rotate to any angle of the shape using web

Question

3D shapes

Answer 1

This is how you can rotate something.
https://www.sololearn.com/learn/CSS/2250/
To make the user rotate it , you can use an range bar , for example.

Answer 2

To rotate an object you can use :
rotateX(180deg)
rotateY(180deg)
rotateZ(180deg)

Idk how to do an 3D object...

Answer 3

you could try some divs which have different colors and make, for example a square oht of them

Answer 4

Thanks. But how do you rotate a 3D shape

Answer 5

👍

Answer 6

you can either make stuff in plain css, svg or canvas. the simpler option is css, so its probably worth learning first, then youd need to manipulate it some how with JS or JQ(much easier) to respond to some kind of event.

these are the css tags to look up to get you started

perspective
transformation-style:
transform

youll also need to nest at least three elements
.container.object>.part*6

the perspective applies to the container
the transformation-style applies to the .object
and finally the transform applies to the .part(there are multiple parts)

Answer 7

I would suggest look at other people's code where they are doing exactly what you want to do and learn from that.

To me, being able to easily see other people's codes is one of the best features of Sololearn. I, myself have learned mutiple things by doing just that: seeing a code that has a feature that I want to know how to use and so I look at the actual code to see how they did it.

Answer 8

You could use a library like Babylon or Three.js
https://code.sololearn.com/Wovfpg9i4dXv/?ref=app