Quick Sync

Untitled/assets/fonts/gbs-mono.json

@@ -0,0 +1,4 @@
+{
+  "name": "GBS Mono",
+  "mapping": {}
+}

Untitled/assets/fonts/gbs-var.json

@@ -0,0 +1,4 @@
+{
+  "name": "GBS Variable Width",
+  "mapping": {}
+}

Untitled/build/web/README.md

@@ -0,0 +1,25 @@
+# binjgb
+
+Fork of binji's Game Boy emulator built as a WebAssembly module.
+
+It includes changes from [Daid's fork](https://github.com/daid/binjgb) and others to better support GB Studio.
+
+## License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

Untitled/build/web/css/style.css

@@ -0,0 +1,321 @@
+body {
+  background: #031921;
+  color: #fff;
+  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
+    Helvetica, Arial, "Lucida Grande", sans-serif;
+  font-weight: 300;
+  margin: 0;
+  padding: 0;
+  touch-action: none;
+  -webkit-touch-callout: none;
+  user-select: none;
+  -webkit-user-select: none;
+  overflow: hidden;
+}
+
+#game {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  touch-action: none;
+}
+
+#game canvas {
+  object-fit: contain;
+  image-rendering: -moz-crisp-edges;
+  image-rendering: -webkit-crisp-edges;
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  height: 100%;
+}
+
+#controller {
+  display: none;
+  position: fixed;
+  bottom: 0px;
+  height: 210px;
+  width: 100%;
+  touch-action: none;
+  opacity: 0.8;
+}
+
+#controller_dpad {
+  position: absolute;
+  bottom: 20px;
+  left: 0px;
+  width: 184px;
+  height: 184px;
+}
+
+#controller_dpad:before {
+  content: "";
+  display: block;
+  width: 48px;
+  height: 48px;
+  background: #5c5c5c;
+  background: radial-gradient(
+    ellipse at center,
+    #5c5c5c 0%,
+    #555 59%,
+    #5c5c5c 60%
+  );
+  position: absolute;
+  left: 68px;
+  top: 68px;
+}
+
+#controller_left {
+  position: absolute;
+  left: 20px;
+  top: 68px;
+  width: 48px;
+  height: 48px;
+  background: #666;
+  background: radial-gradient(ellipse at center, #666 0%, #5c5c5c 80%);
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+#controller_right {
+  position: absolute;
+  left: 116px;
+  top: 68px;
+  width: 48px;
+  height: 48px;
+  background: #666;
+  background: radial-gradient(ellipse at center, #666 0%, #5c5c5c 80%);
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+#controller_up {
+  position: absolute;
+  left: 68px;
+  top: 20px;
+  width: 48px;
+  height: 48px;
+  background: #666;
+  background: radial-gradient(ellipse at center, #666 0%, #5c5c5c 80%);
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+#controller_down {
+  position: absolute;
+  left: 68px;
+  top: 116px;
+  width: 48px;
+  height: 48px;
+  background: #666;
+  background: radial-gradient(ellipse at center, #666 0%, #5c5c5c 80%);
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+#controller_a {
+  position: absolute;
+  bottom: 110px;
+  right: 20px;
+}
+
+#controller_b {
+  position: absolute;
+  bottom: 80px;
+  right: 100px;
+}
+
+.roundBtn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+  font-size: 32px;
+  color: #440f1f;
+  line-height: 64px;
+  width: 64px;
+  height: 64px;
+  border-radius: 64px;
+  background: #870a4c;
+  background: radial-gradient(ellipse at center, #ab1465 0%, #8b1e57 100%);
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
+}
+
+.capsuleBtn {
+  font-weight: bold;
+  font-size: 10px;
+  color: #111;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  line-height: 40px;
+  text-transform: uppercase;
+  width: 64px;
+  height: 32px;
+  border-radius: 40px;
+  background: #222;
+  background: radial-gradient(ellipse at center, #666 0%, #555 100%);
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
+}
+
+#controller_start {
+  position: absolute;
+  bottom: 20px;
+  right: 15px;
+}
+
+#controller_select {
+  position: absolute;
+  bottom: 20px;
+  right: 100px;
+}
+
+.btnPressed {
+  opacity: 0.5;
+}
+
+.spinner {
+  height: 50px;
+  width: 50px;
+  margin: 0px auto;
+  -webkit-animation: rotation 0.8s linear infinite;
+  -moz-animation: rotation 0.8s linear infinite;
+  -o-animation: rotation 0.8s linear infinite;
+  animation: rotation 0.8s linear infinite;
+  border-left: 10px solid #306850;
+  border-right: 10px solid #306850;
+  border-bottom: 10px solid #306850;
+  border-top: 10px solid #88c070;
+  border-radius: 100%;
+  background-color: #031921;
+}
+@-webkit-keyframes rotation {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+  }
+}
+@-moz-keyframes rotation {
+  from {
+    -moz-transform: rotate(0deg);
+  }
+  to {
+    -moz-transform: rotate(360deg);
+  }
+}
+@-o-keyframes rotation {
+  from {
+    -o-transform: rotate(0deg);
+  }
+  to {
+    -o-transform: rotate(360deg);
+  }
+}
+@keyframes rotation {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media only screen and (max-width: 640px) {
+  #game canvas {
+    margin-top: 0px;
+    width: 100%;
+    max-width: 512px;
+    border: 0px;
+    border-radius: 0px;
+  }
+}
+
+@media only screen and (max-device-width: 812px) and (orientation: portrait) {
+  body {
+    margin: 0;
+  }
+
+  #game {
+    width: 100%;
+    position: fixed;
+    touch-action: none;
+  }
+
+  #game canvas {
+    margin: 0;
+    display: block;
+    width: 100% !important;
+    height: auto !important;
+  }
+}
+
+@media only screen and (max-device-width: 320px) and (orientation: portrait) {
+  #controller_dpad {
+    left: -5px;
+    bottom: -5px;
+  }
+
+  #controller_a {
+    right: 5px;
+    bottom: 95px;
+  }
+
+  #controller_b {
+    right: 80px;
+  }
+
+  #controller_start {
+    right: 5px;
+  }
+
+  #controller_select {
+    right: 80px;
+  }
+}
+
+@media only screen and (max-width: 500px) and (max-height: 400px) {
+  #controller {
+    display: none;
+  }
+}
+
+/* Small devices in landscape */
+@media only screen and (max-device-width: 300px) and (orientation: landscape) {
+  html,
+  body {
+    height: 100%;
+  }
+  body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  #game:after {
+    content: "PLEASE ROTATE ↻";
+    font-size: 24px;
+    font-weight: bold;
+    color: #fff;
+  }
+
+  #game canvas {
+    display: none;
+    max-width: 480px;
+  }
+
+  #controller {
+    display: none;
+  }
+}
+
+/* Devices large enough for landscape */
+@media only screen and (min-width: 300px) and (orientation: landscape) {
+  #controller {
+    bottom: 50%;
+    transform: translateY(50%);
+    opacity: 0.5;
+  }
+}

Untitled/build/web/index.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="css/style.css" />
+    <title>Root Access Presentation</title>
+    <meta name="author" content="everyday" />
+    <style type="text/css"> body { background-color:#undefined; }</style>
+    
+  </head>
+  <body>
+    <div id="game">
+      <canvas id="mainCanvas" width="256" height="224">No Canvas Support</canvas>
+    </div>
+    <div id="controller">
+      <div id="controller_dpad">
+        <div id="controller_left"></div>
+        <div id="controller_right"></div>
+        <div id="controller_up"></div>
+        <div id="controller_down"></div>
+      </div>
+      <div id="controller_select" class="capsuleBtn">Select</div>
+      <div id="controller_start" class="capsuleBtn">Start</div>
+      <div id="controller_b" class="roundBtn">B</div>
+      <div id="controller_a" class="roundBtn">A</div>
+    </div>      
+    <script>
+      const customControls = {}
+    </script>
+    <script src="binjgb.js"></script>
+    <script src="js/script.js"></script>
+</body>

Untitled/build/web/rom/README.md

@@ -0,0 +1 @@
+Add your ROM here named as game.gb

svgs/page2.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="160mm"
+   height="144mm"
+   viewBox="0 0 160 144"
+   version="1.1"
+   id="svg172"
+   xml:space="preserve"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   sodipodi:docname="page2.svg"
+   inkscape:export-filename="page2.png"
+   inkscape:export-xdpi="25.4"
+   inkscape:export-ydpi="25.4"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview174"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.75277076"
+     inkscape:cx="25.904301"
+     inkscape:cy="403.8414"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" /><defs
+     id="defs169"><rect
+       x="12.327099"
+       y="14.78356"
+       width="579.89794"
+       height="518.53791"
+       id="rect135" /><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Greyscale"
+       id="filter350"
+       x="0"
+       y="0"
+       width="1"
+       height="1"><feColorMatrix
+         values="-10 -10 -10 -10 0 -10 -10 -10 -10 0 -10 -10 -10 -10 0 0 0 0 1 0 "
+         id="feColorMatrix348" /></filter></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><rect
+       style="fill:#ffffff;stroke-width:0.264583"
+       id="rect309"
+       width="210.53773"
+       height="184.87711"
+       x="-16.648886"
+       y="-16.860462" /><text
+       xml:space="preserve"
+       id="text133"
+       style="font-size:64px;font-family:minecraft;-inkscape-font-specification:minecraft;white-space:pre;shape-inside:url(#rect135);display:inline;fill:#000000"
+       transform="scale(0.26458333)"><tspan
+         x="12.326172"
+         y="70.783203"
+         id="tspan482">We are a </tspan><tspan
+         x="12.326172"
+         y="150.7832"
+         id="tspan484">community </tspan><tspan
+         x="12.326172"
+         y="230.7832"
+         id="tspan486">hackerspace and </tspan><tspan
+         x="12.326172"
+         y="310.7832"
+         id="tspan488">makerspace for </tspan><tspan
+         x="12.326172"
+         y="390.7832"
+         id="tspan490">coders.</tspan></text></g></svg>

svgs/page3.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="160mm"
+   height="144mm"
+   viewBox="0 0 160 144"
+   version="1.1"
+   id="svg172"
+   xml:space="preserve"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   sodipodi:docname="page3.svg"
+   inkscape:export-filename="page2.png"
+   inkscape:export-xdpi="25.4"
+   inkscape:export-ydpi="25.4"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview174"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.75277076"
+     inkscape:cx="-110.25933"
+     inkscape:cy="403.8414"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" /><defs
+     id="defs169"><rect
+       x="12.327099"
+       y="14.78356"
+       width="579.89794"
+       height="518.53791"
+       id="rect135" /><filter
+       style="color-interpolation-filters:sRGB;"
+       inkscape:label="Greyscale"
+       id="filter350"
+       x="0"
+       y="0"
+       width="1"
+       height="1"><feColorMatrix
+         values="-10 -10 -10 -10 0 -10 -10 -10 -10 0 -10 -10 -10 -10 0 0 0 0 1 0 "
+         id="feColorMatrix348" /></filter></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><rect
+       style="fill:#ffffff;stroke-width:0.264583"
+       id="rect309"
+       width="210.53773"
+       height="184.87711"
+       x="-16.648886"
+       y="-16.860462" /><text
+       xml:space="preserve"
+       id="text133"
+       style="font-size:64px;font-family:minecraft;-inkscape-font-specification:minecraft;white-space:pre;display:inline;fill:#000000;shape-inside:url(#rect135)"
+       transform="scale(0.26458333)"><tspan
+         x="12.326172"
+         y="70.783203"
+         id="tspan635">We are a </tspan><tspan
+         x="12.326172"
+         y="150.7832"
+         id="tspan637">community </tspan><tspan
+         x="12.326172"
+         y="230.7832"
+         id="tspan639">hackerspace and </tspan><tspan
+         x="12.326172"
+         y="310.7832"
+         id="tspan641">makerspace for </tspan><tspan
+         x="12.326172"
+         y="390.7832"
+         id="tspan643">crafters.</tspan></text></g></svg>