質問編集履歴
1
質問文を加筆修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
javascriptでスロットゲームを制作しています。リールの回転部分をcss transformを使用したアニメーションに変更しようとしているのですが
|
|
1
|
+
javascriptでスロットゲームを制作しています。リールの回転部分をcss transformを使用したアニメーションに変更しようとしているのですが、リールが上へ下へ不規則に動いたり、リールが画面上から消えてしまったりと上手くいきません。
|
|
2
2
|
|
|
3
3
|
具体的にどこに問題があるのか、解決方法をご教授よろしくお願いいたします。
|
|
4
4
|
|
|
@@ -531,3 +531,49 @@
|
|
|
531
531
|
}
|
|
532
532
|
|
|
533
533
|
```
|
|
534
|
+
|
|
535
|
+
```html
|
|
536
|
+
|
|
537
|
+
<html>
|
|
538
|
+
|
|
539
|
+
<body>
|
|
540
|
+
|
|
541
|
+
<div id="result"></div>
|
|
542
|
+
|
|
543
|
+
<div id="slotmachinebox">
|
|
544
|
+
|
|
545
|
+
<div id="reelbox">
|
|
546
|
+
|
|
547
|
+
<div class="reel reel0">
|
|
548
|
+
|
|
549
|
+
<ul class="wrapper">
|
|
550
|
+
|
|
551
|
+
</ul>
|
|
552
|
+
|
|
553
|
+
</div>
|
|
554
|
+
|
|
555
|
+
<div class="reel reel1">
|
|
556
|
+
|
|
557
|
+
<ul class="wrapper">
|
|
558
|
+
|
|
559
|
+
</ul>
|
|
560
|
+
|
|
561
|
+
</div>
|
|
562
|
+
|
|
563
|
+
<div class="reel reel2">
|
|
564
|
+
|
|
565
|
+
<ul class="wrapper">
|
|
566
|
+
|
|
567
|
+
</ul>
|
|
568
|
+
|
|
569
|
+
</div>
|
|
570
|
+
|
|
571
|
+
</div>
|
|
572
|
+
|
|
573
|
+
</div>
|
|
574
|
+
|
|
575
|
+
</body>
|
|
576
|
+
|
|
577
|
+
</html>
|
|
578
|
+
|
|
579
|
+
```
|