matrix-engine-wgpu 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/examples/games/jamb/html-content.js +25 -20
- package/examples/games/jamb/jamb.js +107 -53
- package/examples/games/jamb/readme.md +3 -0
- package/index.js +1 -1
- package/main.js +162 -40
- package/package.json +1 -1
- package/public/app.js +384 -120
- package/public/css/style.css +32 -13
- package/public/empty.js +10140 -9865
- package/public/examples.js +271 -97
- package/public/res/audios/dice-roll.mp3 +0 -0
- package/public/res/multilang/en.json +7 -2
- package/public/res/multilang/sr.json +7 -1
- package/readme.md +2 -0
- package/src/engine/utils.js +94 -7
package/public/css/style.css
CHANGED
|
@@ -606,24 +606,24 @@ p {
|
|
|
606
606
|
height: 24px;
|
|
607
607
|
left: 4px;
|
|
608
608
|
bottom: 4px;
|
|
609
|
-
background-color: #
|
|
609
|
+
background-color: #00bbff;
|
|
610
610
|
border-radius: 50%;
|
|
611
611
|
transition: transform 0.4s ease;
|
|
612
612
|
z-index: 2;
|
|
613
|
-
box-shadow: 0 0 10px #
|
|
613
|
+
box-shadow: 0 0 10px #00bbff;
|
|
614
614
|
}
|
|
615
615
|
|
|
616
616
|
/* ON state */
|
|
617
617
|
.switch input:checked+.sliderSwitch {
|
|
618
618
|
background-color: #002233;
|
|
619
|
-
border-color: #
|
|
620
|
-
box-shadow: 0 0 12px #
|
|
619
|
+
border-color: #00ffee;
|
|
620
|
+
box-shadow: 0 0 12px #00ffee;
|
|
621
621
|
}
|
|
622
622
|
|
|
623
623
|
.switch input:checked+.sliderSwitch::before {
|
|
624
624
|
transform: translateX(28px);
|
|
625
|
-
background-color: #
|
|
626
|
-
box-shadow: 0 0 10px #
|
|
625
|
+
background-color: #00ffee;
|
|
626
|
+
box-shadow: 0 0 10px #00ffee;
|
|
627
627
|
}
|
|
628
628
|
|
|
629
629
|
select {
|
|
@@ -662,11 +662,12 @@ option {
|
|
|
662
662
|
|
|
663
663
|
#jambTable {
|
|
664
664
|
position: absolute;
|
|
665
|
-
display:flex;
|
|
666
|
-
top:
|
|
667
|
-
left:
|
|
668
|
-
width:
|
|
669
|
-
transform:
|
|
665
|
+
display: flex;
|
|
666
|
+
top: 15%;
|
|
667
|
+
left: 2%;
|
|
668
|
+
width: 370px;
|
|
669
|
+
transform: scale(1);
|
|
670
|
+
/* translate(-50%, -50%) */
|
|
670
671
|
background: rgba(0, 0, 0, 0.9);
|
|
671
672
|
border: 2px solid #0ff;
|
|
672
673
|
padding: 15px;
|
|
@@ -679,13 +680,31 @@ option {
|
|
|
679
680
|
/* Visible state */
|
|
680
681
|
#jambTable.show {
|
|
681
682
|
display: flex;
|
|
682
|
-
transform:
|
|
683
|
+
transform: scale(1);
|
|
684
|
+
/* translate(-50%, -50%) */
|
|
683
685
|
opacity: 1;
|
|
684
686
|
}
|
|
685
687
|
|
|
686
688
|
/* Hidden state */
|
|
687
689
|
#jambTable.hide {
|
|
688
|
-
transform:
|
|
690
|
+
transform: scale(0);
|
|
691
|
+
/* translate(-50%, -50%) */
|
|
689
692
|
opacity: 0;
|
|
690
693
|
pointer-events: none;
|
|
694
|
+
}
|
|
695
|
+
|
|
696
|
+
#dragHandler {
|
|
697
|
+
width: 100%;
|
|
698
|
+
height: 20px;
|
|
699
|
+
background: #333;
|
|
700
|
+
cursor: move;
|
|
701
|
+
position: absolute;
|
|
702
|
+
top: 0;
|
|
703
|
+
left: 0;
|
|
704
|
+
z-index: 10;
|
|
705
|
+
opacity: 0.8;
|
|
706
|
+
color: white;
|
|
707
|
+
text-align: center;
|
|
708
|
+
font-size: 12px;
|
|
709
|
+
line-height: 20px;
|
|
691
710
|
}
|