@wwawing/all 3.9.1 → 3.10.0-beta.1

package/dist/wwawing-dist/mapdata/wwa_classic.css

@@ -529,109 +529,152 @@ div.savedata > div.ss > span {
   width: 3em;
 }
 
+.wwa-virtualpad__button {
+  background-color: #c0c0c0;
+  border: 0;
+  color: #000;
+  font-weight: 700;
+  opacity: 0.75;
+  text-align: center;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+}
+
+#wwa-enter-button,
+#wwa-esc-button,
+#wwa-estimate-button {
+  font-size: 35px;
+  height: 16vmin;
+  width: 16vmin;
+  border-radius: 50%;
+}
+
+#wwa-up-button,
+#wwa-right-button,
+#wwa-down-button,
+#wwa-left-button {
+  font-size: 35px;
+  height: 20vmin;
+  width: 20vmin;
+}
+
+#wwa-slow-button,
+#wwa-fast-button {
+  font-size: 25px;
+  height: 10vmin;
+  width: 16vmin;
+  border-radius: 0.75rem;
+}
+
 #wwa-virtualpad-left,
 #wwa-virtualpad-right {
-  bottom: 0;
+  bottom: 20vmin;
   position: fixed;
+  pointer-events: none;
 }
 
 #wwa-virtualpad-left {
   left: 0;
-}
-#wwa-virtualpad-left .virtualpad_move button {
-  border-radius: 1rem;
+  display: grid;
+  grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
+  grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
+  width: 40vmin;
+  height: 40vmin;
+  transform: rotate(45deg);
+  gap: 4px;
+  margin-left: 6vmin;
+}
+#wwa-virtualpad-left .wwa-virtualpad__hole {
+  grid-column: 2/4;
+  grid-row: 2/4;
+  background-color: #808080;
+  border-radius: 50%;
 }
 
 #wwa-virtualpad-right {
   right: 0;
-}
-#wwa-virtualpad-right .virtualpad_select button {
-  border-radius: 50%;
-}
-#wwa-virtualpad-right .virtualpad_speedcontrol button {
-  font-size: 30px;
-  height: 50px;
-  width: 90px;
+  display: grid;
+  grid-template: " .    slow  " " .    fast  " " .      .   " 20px " .  estimate" " .  estimate" " .    enter " "esc   enter " "esc     .   " " .      .   " 1vmin;
+  gap: 1vmin;
+  margin-right: 6vmin;
 }
 
-#wwa-virtualpad-left button,
-#wwa-virtualpad-right button {
-  background-color: #c0c0c0;
-  border: 0;
-  color: #000;
-  opacity: 0.75;
+.wwa-virtualpad__button {
+  pointer-events: auto;
 }
-
-#wwa-virtualpad-left .virtualpad_move button,
-#wwa-virtualpad-right .virtualpad_select button {
-  font-size: 50px;
-  height: 100px;
-  width: 100px;
+.wwa-virtualpad__button--pressed {
+  background-color: #808080;
 }
 
-#wwa-virtualpad-left .virtualpad_move,
-#wwa-virtualpad-right .virtualpad_select,
-#wwa-virtualpad-right .virtualpad_speedcontrol {
-  display: grid;
+#wwa-up-button::before,
+#wwa-right-button::before,
+#wwa-down-button::before,
+#wwa-left-button::before {
+  transform: rotate(-45deg);
+  display: block;
 }
 
-#wwa-virtualpad-left .virtualpad_move {
-  grid-template-columns: repeat(3, 1fr);
+#wwa-up-button {
+  grid-column: 1/3;
+  grid-row: 1/3;
+  border-radius: 100% 0 0 0;
 }
-
-#wwa-virtualpad-right .virtualpad_select,
-#wwa-virtualpad-right .virtualpad_speedcontrol {
-  grid-template-columns: repeat(2, 1fr);
+#wwa-up-button::before {
+  content: "△";
 }
 
-#wwa-virtualpad-right .virtualpad_speedcontrol {
-  margin-bottom: 16px;
+#wwa-right-button {
+  grid-column: 3/5;
+  grid-row: 1/3;
+  border-radius: 0 100% 0 0;
 }
-
-#wwa-top-button {
-  grid-column-start: 2;
-  grid-row-start: 1;
+#wwa-right-button::before {
+  content: "▷";
 }
 
-#wwa-left-button,
-#wwa-right-button {
-  grid-row-start: 2;
+#wwa-down-button {
+  grid-column: 3/5;
+  grid-row: 3/5;
+  border-radius: 0 0 100% 0;
+}
+#wwa-down-button::before {
+  content: "▽";
 }
 
 #wwa-left-button {
-  grid-column-start: 1;
+  grid-column: 1/3;
+  grid-row: 3/5;
+  border-radius: 0 0 0 100%;
 }
-
-#wwa-right-button {
-  grid-column-start: 3;
+#wwa-left-button::before {
+  content: "◁";
 }
 
-#wwa-bottom-button {
-  grid-column-start: 2;
-  grid-row-start: 3;
+#wwa-enter-button {
+  grid-area: enter;
 }
 
-#wwa-y-button {
-  grid-column-start: 2;
-  grid-row-start: 3;
+#wwa-esc-button {
+  grid-area: esc;
 }
 
-#wwa-n-button {
-  grid-column-start: 1;
-  grid-row-start: 4;
+#wwa-estimate-button {
+  grid-area: estimate;
 }
 
-#wwa-m-button {
-  grid-column-start: 1;
-  grid-row-start: 2;
+#wwa-slow-button {
+  grid-area: slow;
 }
 
-#wwa-i-button {
-  border-radius: 1rem 0 0 1rem;
+#wwa-fast-button {
+  grid-area: fast;
 }
 
-#wwa-p-button {
-  border-radius: 0 1rem 1rem 0;
+#virtualpad-controller {
+  margin: 1rem;
+  text-align: center;
 }
 
 /*
@@ -893,6 +936,10 @@ div#wwa-sidebar {
   z-index: 501;
 }
 
+.wwa-virtualpad__hole {
+  z-index: 502;
+}
+
 .wwa-size-box {
   text-shadow: 1px 0px 0 gray;
 }

package/dist/wwawing-dist/mapdata/wwamap.html

@@ -11,7 +11,7 @@
   </head>
   <body>
     <div id="wrapper">
-      <div class="wwa-size-box" id="wwa-wrapper" data-wwa-mapdata="wwamap.dat" data-wwa-urlgate-enable="true" data-wwa-title-img="cover.gif" data-wwa-autosave="200" data-wwa-var-dump-elm="#vardump" data-wwa-user-var-names-file="wwamap-vars.json" data-wwa-display-user-vars="true"></div>
+      <div class="wwa-size-box" id="wwa-wrapper" data-wwa-mapdata="wwamap.dat" data-wwa-urlgate-enable="true" data-wwa-title-img="cover.gif" data-wwa-autosave="200" data-wwa-var-dump-elm="#vardump" data-wwa-user-var-names-file="wwamap-vars.json" data-wwa-display-user-vars="true" data-wwa-virtualpad-enable="false"></div>
     </div>
     <!-- 下記 div 要素内に変数一覧が出ます。実際に公開する WWA では、変数一覧を表示させないよう、次の行は消してください。-->
     <div id="vardump"></div>

package/dist/wwawing-update/wwa.css

@@ -529,109 +529,152 @@ div.savedata > div.ss > span {
   width: 3em;
 }
 
+.wwa-virtualpad__button {
+  background-color: #c0c0c0;
+  border: 0;
+  color: #000;
+  font-weight: 700;
+  opacity: 0.75;
+  text-align: center;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+}
+
+#wwa-enter-button,
+#wwa-esc-button,
+#wwa-estimate-button {
+  font-size: 35px;
+  height: 16vmin;
+  width: 16vmin;
+  border-radius: 50%;
+}
+
+#wwa-up-button,
+#wwa-right-button,
+#wwa-down-button,
+#wwa-left-button {
+  font-size: 35px;
+  height: 20vmin;
+  width: 20vmin;
+}
+
+#wwa-slow-button,
+#wwa-fast-button {
+  font-size: 25px;
+  height: 10vmin;
+  width: 16vmin;
+  border-radius: 0.75rem;
+}
+
 #wwa-virtualpad-left,
 #wwa-virtualpad-right {
-  bottom: 0;
+  bottom: 20vmin;
   position: fixed;
+  pointer-events: none;
 }
 
 #wwa-virtualpad-left {
   left: 0;
-}
-#wwa-virtualpad-left .virtualpad_move button {
-  border-radius: 1rem;
+  display: grid;
+  grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
+  grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
+  width: 40vmin;
+  height: 40vmin;
+  transform: rotate(45deg);
+  gap: 4px;
+  margin-left: 6vmin;
+}
+#wwa-virtualpad-left .wwa-virtualpad__hole {
+  grid-column: 2/4;
+  grid-row: 2/4;
+  background-color: #808080;
+  border-radius: 50%;
 }
 
 #wwa-virtualpad-right {
   right: 0;
-}
-#wwa-virtualpad-right .virtualpad_select button {
-  border-radius: 50%;
-}
-#wwa-virtualpad-right .virtualpad_speedcontrol button {
-  font-size: 30px;
-  height: 50px;
-  width: 90px;
+  display: grid;
+  grid-template: " .    slow  " " .    fast  " " .      .   " 20px " .  estimate" " .  estimate" " .    enter " "esc   enter " "esc     .   " " .      .   " 1vmin;
+  gap: 1vmin;
+  margin-right: 6vmin;
 }
 
-#wwa-virtualpad-left button,
-#wwa-virtualpad-right button {
-  background-color: #c0c0c0;
-  border: 0;
-  color: #000;
-  opacity: 0.75;
+.wwa-virtualpad__button {
+  pointer-events: auto;
 }
-
-#wwa-virtualpad-left .virtualpad_move button,
-#wwa-virtualpad-right .virtualpad_select button {
-  font-size: 50px;
-  height: 100px;
-  width: 100px;
+.wwa-virtualpad__button--pressed {
+  background-color: #808080;
 }
 
-#wwa-virtualpad-left .virtualpad_move,
-#wwa-virtualpad-right .virtualpad_select,
-#wwa-virtualpad-right .virtualpad_speedcontrol {
-  display: grid;
+#wwa-up-button::before,
+#wwa-right-button::before,
+#wwa-down-button::before,
+#wwa-left-button::before {
+  transform: rotate(-45deg);
+  display: block;
 }
 
-#wwa-virtualpad-left .virtualpad_move {
-  grid-template-columns: repeat(3, 1fr);
+#wwa-up-button {
+  grid-column: 1/3;
+  grid-row: 1/3;
+  border-radius: 100% 0 0 0;
 }
-
-#wwa-virtualpad-right .virtualpad_select,
-#wwa-virtualpad-right .virtualpad_speedcontrol {
-  grid-template-columns: repeat(2, 1fr);
+#wwa-up-button::before {
+  content: "△";
 }
 
-#wwa-virtualpad-right .virtualpad_speedcontrol {
-  margin-bottom: 16px;
+#wwa-right-button {
+  grid-column: 3/5;
+  grid-row: 1/3;
+  border-radius: 0 100% 0 0;
 }
-
-#wwa-top-button {
-  grid-column-start: 2;
-  grid-row-start: 1;
+#wwa-right-button::before {
+  content: "▷";
 }
 
-#wwa-left-button,
-#wwa-right-button {
-  grid-row-start: 2;
+#wwa-down-button {
+  grid-column: 3/5;
+  grid-row: 3/5;
+  border-radius: 0 0 100% 0;
+}
+#wwa-down-button::before {
+  content: "▽";
 }
 
 #wwa-left-button {
-  grid-column-start: 1;
+  grid-column: 1/3;
+  grid-row: 3/5;
+  border-radius: 0 0 0 100%;
 }
-
-#wwa-right-button {
-  grid-column-start: 3;
+#wwa-left-button::before {
+  content: "◁";
 }
 
-#wwa-bottom-button {
-  grid-column-start: 2;
-  grid-row-start: 3;
+#wwa-enter-button {
+  grid-area: enter;
 }
 
-#wwa-y-button {
-  grid-column-start: 2;
-  grid-row-start: 3;
+#wwa-esc-button {
+  grid-area: esc;
 }
 
-#wwa-n-button {
-  grid-column-start: 1;
-  grid-row-start: 4;
+#wwa-estimate-button {
+  grid-area: estimate;
 }
 
-#wwa-m-button {
-  grid-column-start: 1;
-  grid-row-start: 2;
+#wwa-slow-button {
+  grid-area: slow;
 }
 
-#wwa-i-button {
-  border-radius: 1rem 0 0 1rem;
+#wwa-fast-button {
+  grid-area: fast;
 }
 
-#wwa-p-button {
-  border-radius: 0 1rem 1rem 0;
+#virtualpad-controller {
+  margin: 1rem;
+  text-align: center;
 }
 
 /*
@@ -891,4 +934,8 @@ div#wwa-sidebar {
 
 #wwa-virtualpad-right {
   z-index: 501;
+}
+
+.wwa-virtualpad__hole {
+  z-index: 502;
 }