@caperjs/core 0.1.0

package/extras/css/accessibility.css

@@ -0,0 +1,9 @@
+#pixi-accessibility {
+    top: 0 !important;
+    left: 0 !important;
+    overflow: hidden;
+}
+
+#pixi-accessibility *:focus {
+    outline: none;
+}

package/extras/css/fullscreen.css

@@ -0,0 +1,28 @@
+:root {
+  --app-width: 100dvw;
+  --app-height: 100dvh;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body,
+html {
+  position: fixed;
+  margin: 0;
+  padding: 0;
+  width: var(--app-width, 100%);
+  height: var(--app-height, 100%);
+  background-color: black;
+  font-family: 'Arial', 'Helvetica', sans-serif;
+  overflow: hidden;
+}
+
+#caper-game-container {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+}

package/extras/css/loader.css

@@ -0,0 +1,67 @@
+#caper-game-container {
+  position: relative;
+}
+
+#caper-game-container::before,
+#caper-game-container::after {
+  pointer-events: none;
+}
+
+#caper-game-container::before {
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+  content: ' ';
+  background-color: #000;
+  background-repeat: no-repeat;
+  /* caper */
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 1024 1024"><g transform="matrix(.98133 0 0 1.02846 -324.604 -271.435)"><path d="M1374.26 264.919v993.671c0 .55-.47 1-1.04 1H331.823c-.576 0-1.044-.45-1.044-1V264.919c0-.55.468-.996 1.044-.996H1373.22c.57 0 1.04.446 1.04.996" style="fill:none"/><clipPath id="a"><path d="M1374.26 264.919v993.671c0 .55-.47 1-1.04 1H331.823c-.576 0-1.044-.45-1.044-1V264.919c0-.55.468-.996 1.044-.996H1373.22c.57 0 1.04.446 1.04.996"/></clipPath><g clip-path="url(%23a)"><circle cx="511.263" cy="562.407" r="194.475" style="fill:%23344a1e" transform="matrix(1.80181 0 0 1.71924 -68.68 -123.882)"/><circle cx="511.263" cy="562.407" r="194.475" style="fill:%2399be3a" transform="matrix(1.65892 0 0 1.5829 4.37 -47.208)"/><circle cx="511.263" cy="562.407" r="194.475" style="fill:%2399be3a" transform="matrix(1.65892 0 0 1.5829 4.37 -47.208)"/><g transform="matrix(1.65892 0 0 1.5829 4.37 -47.208)"><clipPath id="b"><circle cx="526.258" cy="567.265" r="194.475"/></clipPath><g clip-path="url(%23b)"><circle cx="511.263" cy="562.407" r="194.475" style="fill:%2368943b"/></g></g><g transform="matrix(1.65892 0 0 1.5829 4.37 -47.208)"><clipPath id="c"><circle cx="526.258" cy="567.265" r="194.475"/></clipPath><g clip-path="url(%23c)"><clipPath id="d"><ellipse cx="498.211" cy="531.825" rx="186.166" ry="190.193"/></clipPath><g clip-path="url(%23d)"><circle cx="511.263" cy="562.407" r="194.475" style="fill:url(%23e)"/></g></g></g><path d="m559.262 451.302-14.277 94.165c-6.504-4.345-5.729-3.785-9.658-7.106-16.738-14.142-30.427-14.99-46.91-.276-.492.439-1.554 1.383-2.238 1.895-.854.64-2.209 1.743-2.209 1.743-1.255.993-3.454 2.574-5.072 3.546l-14.253-94.102c35.85 21.774 56.76 21.918 94.617.135" style="fill:%23344a1e" transform="matrix(1.65892 0 0 1.5829 3.147 21.501)"/><path d="M396.542 446.238c42.89 10.302 105.354 41.504 97.891 67.393-8.8 30.529-49.14 62.868-97.627 64.157-51.983 1.381-97.874-58.026-100.747-92.441-2.763-33.105 67.84-46.948 100.483-39.109" style="fill:%23344a1e" transform="matrix(1.65892 0 0 1.5829 36.219 1.931)"/><path d="M396.542 446.238c42.89 10.302 105.354 41.504 97.891 67.393-8.8 30.529-49.14 62.868-97.627 64.157-51.983 1.381-97.874-58.026-100.747-92.441-2.763-33.105 67.84-46.948 100.483-39.109" style="fill:%23344a1e" transform="matrix(-1.65892 0 0 1.5829 1667.868 1.795)"/><path d="M424.971 474.69c20.453 7.4 29.624 14.767 47.649 28.979 3.622 2.856 3.812 2.567 3.963 3.717.07.528-13.801 9.752-14.568 10.273-10.25 6.962-26.128 11.285-43.601 11.252-16.88-.032-34.513-13.477-43.299-25.233-8.631-11.549-10.239-33.589-9.986-33.634 27.26-4.91 45.621-.498 59.842 4.646" style="fill:%23fff" transform="matrix(1.65892 0 0 1.5829 3.147 21.501)"/><g transform="matrix(1.65892 0 0 1.5829 3.147 21.501)"><clipPath id="f"><circle cx="426.84" cy="490.958" r="24.743"/></clipPath><g clip-path="url(%23f)"><path d="M424.971 474.69c20.453 7.4 29.624 14.767 47.649 28.979 3.622 2.856 3.812 2.567 3.963 3.717.07.528-13.801 9.752-14.568 10.273-10.25 6.962-26.128 11.285-43.601 11.252-16.88-.032-34.513-13.477-43.299-25.233-8.631-11.549-10.239-33.589-9.986-33.634 27.26-4.91 45.621-.498 59.842 4.646"/></g></g><circle cx="414.436" cy="484.274" r="7.002" style="fill:%23fff" transform="matrix(1.65892 0 0 1.5829 6.709 24.653)"/><g transform="matrix(1.65892 0 0 1.5829 3.147 21.501)"><clipPath id="g"><path d="m484.682 493.4-6.647 20.062c-38.84-34.898-80.082-47.878-117.295-38.864l6.647-20.061q61.488 13.265 117.295 38.863"/></clipPath><g clip-path="url(%23g)"><path d="M424.971 474.69c20.453 7.4 29.624 14.767 47.649 28.979 3.622 2.856 3.812 2.567 3.963 3.717.07.528-13.801 9.752-14.568 10.273-10.25 6.962-26.128 11.285-43.601 11.252-16.88-.032-34.513-13.477-43.299-25.233-8.631-11.549-10.239-33.589-9.986-33.634 27.26-4.91 45.621-.498 59.842 4.646" style="fill:%23597a35"/></g></g><path d="M424.971 474.69c20.453 7.4 29.624 14.767 47.649 28.979 3.622 2.856 3.812 2.567 3.963 3.717.07.528-13.801 9.752-14.568 10.273-10.25 6.962-26.128 11.285-43.601 11.252-16.88-.032-34.513-13.477-43.299-25.233-8.631-11.549-10.239-33.589-9.986-33.634 27.26-4.91 45.621-.498 59.842 4.646" style="fill:%23fff" transform="matrix(-1.65892 0 0 1.5829 1702.788 21.501)"/><g transform="matrix(-1.65892 0 0 1.5829 1702.788 21.501)"><clipPath id="h"><circle cx="427.547" cy="490.958" r="24.743"/></clipPath><g clip-path="url(%23h)"><path d="M424.971 474.69c20.453 7.4 29.624 14.767 47.649 28.979 3.622 2.856 3.812 2.567 3.963 3.717.07.528-13.801 9.752-14.568 10.273-10.25 6.962-26.128 11.285-43.601 11.252-16.88-.032-34.513-13.477-43.299-25.233-8.631-11.549-10.239-33.589-9.986-33.634 27.26-4.91 45.621-.498 59.842 4.646"/></g></g><circle cx="414.436" cy="484.274" r="7.002" style="fill:%23fff" transform="matrix(1.65892 0 0 1.5829 288.46 27.906)"/><g transform="matrix(-1.65892 0 0 1.5829 1702.788 21.501)"><clipPath id="i"><path d="m368.056 459.065-7.617 14.258c13.814.064 24.659-1.214 37.947.932 25.181 4.066 52.336 15.542 77.33 37.429l10.498-14.779c-37.49-18.98-76.575-32.603-118.158-37.84"/></clipPath><g clip-path="url(%23i)"><path d="M424.971 474.69c20.453 7.4 29.624 14.767 47.649 28.979 3.622 2.856 3.812 2.567 3.963 3.717.07.528-13.801 9.752-14.568 10.273-10.25 6.962-26.128 11.285-43.601 11.252-16.88-.032-34.513-13.477-43.299-25.233-8.631-11.549-10.239-33.589-9.986-33.634 27.26-4.91 45.621-.498 59.842 4.646" style="fill:%23597a35"/></g></g><path d="M664.272 199.232c-5.162 1.659-12.65 3.104-17.217 4.131-68.305 15.358-93.405 56.29-82.321 108.859.377 1.788-.572 3.585-2.608 4.94s-4.968 2.139-8.059 2.156l-45.017.246c-5.859.032-10.702-2.653-10.942-6.065-5.505-78.24 34.976-130.412 137.808-153.844 12.338-2.811 24.014-.117 28.999 1.632 15.064 5.286 19.747 15.232 17.599 22.494-2.467 8.342-12.017 13.451-18.242 15.451m-10.475-11.077c2.588-.832 6.308-3.055 7.334-6.524.907-3.067-1.045-7.275-7.408-9.508-1.707-.599-5.682-1.65-9.907-.687-91.465 20.842-127.013 67.13-124.363 135.421l22.457-.122c-8.663-55.943 23.233-98.511 97.336-115.174 3.846-.864 10.203-2.009 14.551-3.406" style="fill:%23344a1e" transform="matrix(.9862 0 0 1.61428 328.062 80.19)"/><path d="M659.034 193.693c-4.755 1.529-11.677 2.823-15.884 3.769-72.739 16.356-100.988 59.55-89.184 115.532l-45.018.245c-5.273-74.945 32.417-125.248 130.918-147.694 8.281-1.887 16.107-.014 19.453 1.16 10.713 3.76 14.031 10.836 12.504 16.001-1.747 5.905-8.382 9.572-12.789 10.987" style="fill:%23597a35" transform="matrix(.9862 0 0 1.61428 328.062 80.19)"/><g transform="matrix(.9862 0 0 1.61428 328.062 80.19)"><clipPath id="j"><path d="M662.309 165.904c-32.538 4.382-67.18 18.445-92.706 33.346-20.127 11.751-32.639 26.859-39.942 39.611-9.172 16.015-14.666 40.735-13.861 74.363l-12.413.175c-4.661-64.423 1.58-126.134 145.527-153.585z"/></clipPath><g clip-path="url(%23j)"><path d="M664.272 199.232c-5.162 1.659-12.65 3.104-17.217 4.131-68.305 15.358-93.405 56.29-82.321 108.859.377 1.788-.572 3.585-2.608 4.94s-4.968 2.139-8.059 2.156l-45.017.246c-5.859.032-10.702-2.653-10.942-6.065-5.505-78.24 34.976-130.412 137.808-153.844 12.338-2.811 24.014-.117 28.999 1.632 15.064 5.286 19.747 15.232 17.599 22.494-2.467 8.342-12.017 13.451-18.242 15.451m-10.475-11.077c2.588-.832 6.308-3.055 7.334-6.524.907-3.067-1.045-7.275-7.408-9.508-1.707-.599-5.682-1.65-9.907-.687-91.465 20.842-127.013 67.13-124.363 135.421l22.457-.122c-8.663-55.943 23.233-98.511 97.336-115.174 3.846-.864 10.203-2.009 14.551-3.406" style="fill:%23344a1e"/><path d="M659.034 193.693c-4.755 1.529-11.677 2.823-15.884 3.769-72.739 16.356-100.988 59.55-89.184 115.532l-45.018.245c-5.273-74.945 32.417-125.248 130.918-147.694 8.281-1.887 16.107-.014 19.453 1.16 10.713 3.76 14.031 10.836 12.504 16.001-1.747 5.905-8.382 9.572-12.789 10.987" style="fill:%2399be3a"/></g></g><path d="M562.666 347.044c2.246-.786 2.215.858.026 3.326-21.448 24.184-78.168 24.235-101.206.078-1.601-1.679-2.551-4.605-.236-4.181 34.009 11.956 67.255 12.759 101.416.777" style="fill:%23344a1e" transform="matrix(1.65892 0 0 1.5829 3.147 21.501)"/><ellipse cx="451.151" cy="392.581" rx="30.681" ry="10.778" style="fill:%2399be3a;fill-opacity:.5" transform="matrix(1.30866 -.97282 1.28484 1.5736 -392.866 464.743)"/></g></g><defs><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(352.594 0 0 349.229 331.783 547.404)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:%23597a35;stop-opacity:1"/><stop offset=".42" style="stop-color:%2382a639;stop-opacity:1"/><stop offset=".76" style="stop-color:%2393b93a;stop-opacity:1"/><stop offset=".92" style="stop-color:%238db43a;stop-opacity:1"/><stop offset=".96" style="stop-color:%237da63a;stop-opacity:1"/><stop offset="1" style="stop-color:%2368943b;stop-opacity:1"/></radialGradient></defs></svg>');
+  background-size: clamp(250px, 40vw, 450px);
+  background-position: center calc(50% - 70px);
+}
+
+#caper-game-container::after {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
+  position: absolute;
+  display: block;
+  color: white;
+  content: 'Loading...';
+  font-size: 20px;
+  z-index: 1;
+  animation: loadingDots 3s infinite;
+  top: 50%;
+  left: 50%;
+  transform: translate(-40px, calc(-50% + 10px));
+}
+
+#caper-game-container.loaded::before,
+#caper-game-container.loaded::after {
+  animation: loaded 0.6s forwards ease-in;
+}
+
+@keyframes loadingDots {
+  0% {
+    content: 'Loading';
+  }
+  25% {
+    content: 'Loading.';
+  }
+  50% {
+    content: 'Loading..';
+  }
+  75% {
+    content: 'Loading...';
+  }
+}
+
+@keyframes loaded {
+  0% {
+    opacity: 1;
+    visibility: visible;
+  }
+  100% {
+    opacity: 0;
+    visibility: hidden;
+  }
+}