Как реализовать вращение ромба в пространстве с помощью кнопок?

Question

[Владислав]

Добрый день, пользователи Тостера! Помогите поменять вращение по курсору на кнопку(например, повернуть ромб на 45 градусов).

https://jsfiddle.net/e6ysvpq5/2/

Answer 1

[Павел Корнилов]

https://jsfiddle.net/tjo5ta1r/

Comments

[Владислав]

Большое спасибо за отклик, а вы не подскажете, как повернуть фигуру как бы слева-направо? Я пробовал такими способами как rotateX, rotateY, rotateZ почему то вообще не работал.. И чтоб кнопка могла разворачивать фигуру многократно, нужен цикл? Или есть способ проще?

[Павел Корнилов]

Владислав, ну я принцип показал. А для многократного вращения нужно добавлять к существующему значению новое. Цикла точно не нужно.
rotateX и др. прекрасно работают в актуальных броузерах, как видно в примере.

[Владислав]

KorniloFF, ну вот у меня ни в какую не получается вращать ромб как монетку...

[Павел Корнилов]

Владислав, так а в чём трудность? Пример я дал, нужно посидеть, его доработать под свои нужды. Что-то не выйдет - подскажем, но не писать же весь код за вас?
И не ромб это! Это частный случай параллелепипеда, называемый кубом.

[Владислав]

KorniloFF, ну потому что у меня не хватает знаний)) Логично же, я бы не обращался сюда.

[Павел Корнилов]

Владислав, вы не поняли сути этого проекта. Тут подсказывают, отвечают на определённые вопросы и проч.
А готовый код пишут здесь - https://freelansim.ru.