CSS 3D Dice: визуально заставляйте игральные кости приземляться на разные числа [закрыто] ⇐ Javascript

[Anonymous]

Я беру два разных кодовых кубика: бросок кубика d20 здесь: https://codepen.io/vicentemundim/pen/nXNvBw и закрученный многогранник здесь: https://codepen.io/vcurd/pen/RwaQPrb . Моя цель — получить все формы кубиков-многогранников из второго кодового зала, но перекатывать их одним щелчком мыши. Я начинаю с d8. У меня есть фигура d8 с цифрами, и она катится, но я не могу заставить кубик выпасть на другое число. За кулисами атрибут стороны данных меняется на другой бросок, но визуально кубики оказываются на стороне: 2 вверху и 7 вниз.
Это мой код : https://codepen.io/bookluvr416/pen/qEWymxX. В основном html и css взяты из закрученного многогранника, а js — из броска кубика. Некоторые дополнения к CSS из кода Dice Roll. Я никогда раньше не играл с анимацией, это мой любимый проект.
Может ли кто-нибудь мне помочь? Я не уверен, что я сделал не так и как это исправить. Я изучил код анимации броска игральных костей и попытался создать html/css, подобный этому, с использованием классов и счетчиков шагов для установки чисел сторон - и у меня все равно возникла та же проблема, что и визуально кубик приземляется в том же месте.

Подробнее здесь: https://stackoverflow.com/questions/793 ... ent-number