npm - brick-engine-js - Versions diffs - 1.0.8 → 1.0.10 - Mend

brick-engine-js 1.0.8 → 1.0.10

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.

Files changed (280) hide show

package/public/favicon.ico DELETED Viewed

Binary file

package/public/fonts/digital-7.monoitalic.ttf DELETED Viewed

Binary file

package/public/images/cell.svg DELETED Viewed

@@ -1,32 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3">
-    <rect
-        x="0"
-        y="0"
-        width="3"
-        height="3"
-        fill="rgb(172, 189, 173)"
-    />
-    <rect
-        x="0.3"
-        y="0.3"
-        width="2.5"
-        height="2.5"
-        stroke="rgb(161, 178, 160)"
-        stroke-width=".2"
-        fill="none"
-    />
-    <rect
-        x=".8"
-        y=".8"
-        width="1.5"
-        height="1.5"
-        fill="rgb(161, 178, 160)"
-    />
-</svg>

package/public/images/close.png DELETED Viewed

Binary file

package/public/images/games.png DELETED Viewed

Binary file

package/public/images/github.png DELETED Viewed

Binary file

package/public/images/letter-a.png DELETED Viewed

Binary file

package/public/images/letter-d.png DELETED Viewed

Binary file

package/public/images/letter-j.png DELETED Viewed

Binary file

package/public/images/letter-s.png DELETED Viewed

Binary file

package/public/images/letter-w.png DELETED Viewed

Binary file

package/public/images/meta-image.png DELETED Viewed

Binary file

package/public/images/number-1.png DELETED Viewed

Binary file

package/public/images/number-2.png DELETED Viewed

Binary file

package/public/images/number-3.png DELETED Viewed

Binary file

package/public/images/number-4.png DELETED Viewed

Binary file

package/public/images/number-5.png DELETED Viewed

Binary file

package/public/images/number-6.png DELETED Viewed

Binary file

package/public/images/splash.gif DELETED Viewed

Binary file

package/public/index.html DELETED Viewed

@@ -1,15 +0,0 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <title>P5 Project</title>
-        <script src="vendor/p5.min.js"></script>
-    </head>
-    <body>
-        <div id="brick-game"></div>
-        <div id="splash">
-            <img src="images/splash.gif" />
-        </div>
-    </body>
-</html>

package/public/sounds/sound_00.wav DELETED Viewed

Binary file

package/public/sounds/sound_01.wav DELETED Viewed

Binary file

package/public/sounds/sound_02.wav DELETED Viewed

Binary file

package/public/sounds/sound_03.wav DELETED Viewed

Binary file

package/public/sounds/sound_04.wav DELETED Viewed

Binary file

package/public/sounds/sound_05.wav DELETED Viewed

Binary file

package/public/sounds/sound_06.wav DELETED Viewed

Binary file

package/public/sounds/sound_07.wav DELETED Viewed

Binary file

package/public/sounds/sound_08.wav DELETED Viewed

Binary file

package/public/sounds/sound_09.wav DELETED Viewed

Binary file

package/public/sounds/sound_10.wav DELETED Viewed

Binary file

package/public/sounds/sound_11.wav DELETED Viewed

Binary file

package/public/sounds/sound_12.wav DELETED Viewed

Binary file

package/public/sounds/sound_13.wav DELETED Viewed

Binary file

package/public/sounds/sound_14.wav DELETED Viewed

Binary file

package/public/sounds/sound_15.wav DELETED Viewed

Binary file

package/public/style/body.css DELETED Viewed

@@ -1,86 +0,0 @@
-/* MAIN BODY */
-#brick-game {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-}
-#container {
-    width: var(--width);
-    height: var(--height);
-    background-color: var(--main-color);
-    border-radius: var(--border-radius);
-    border: var(--border);
-    box-sizing: border-box;
-    margin: auto;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    box-shadow:
-        calc(var(--width) * -0.03) calc(var(--width) * 0.03) var(--dispersion) black,
-        calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow-reflexion) inset,
-        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow) inset;
-}
-#brick-game-canvas {
-    border: var(--border);
-    box-shadow:
-        calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--color-shadow),
-        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow-reflexion);
-}
-/* FRAME */
-#frame {
-    border: var(--border);
-    border-radius: var(--border-radius);
-    position: relative;
-    width: calc(var(--width) * 0.85);
-    height: auto;
-    aspect-ratio: 9/10;
-    margin: 7.5%;
-    margin-bottom: 3.75%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-#frame div {
-    position: absolute;
-    top: calc(var(--height) * -0.02);
-    left: 27.5%;
-    width: 45%;
-    height: calc(var(--height) * 0.03);
-    background-color: var(--main-color);
-    display: flex;
-    justify-content: center;
-    padding-top: calc(var(--height) * 0.005);
-    padding-bottom: 0;
-}
-#frame p {
-    text-align: center;
-    font-family: 'retro-gamming';
-    font-weight: bold;
-    font-size: calc(var(--height) * 0.03);
-    text-shadow:
-        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),
-        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);
-}

package/public/style/buttons.css DELETED Viewed

@@ -1,233 +0,0 @@
-/* BUTTONS */
-.sm-btn,
-.btn,
-.lg-btn {
-    z-index: 999;
-}
-.sm-btn {
-    box-shadow:
-        calc(var(--width) * -0.0075) calc(var(--width) * 0.0075) var(--dispersion) var(--color-shadow),
-        calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--button-color-reflexion) inset;
-}
-.sm-btn:active {
-    box-shadow:
-        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--color-shadow),
-        calc(var(--width) * -0.003) calc(var(--width) * 0.003) var(--dispersion) var(--button-color-reflexion) inset;
-    transform: translateX(calc(var(--width) * -0.0025)) translateY(calc(var(--width) * 0.0025));
-}
-.btn {
-    box-shadow:
-        calc(var(--width) * -0.015) calc(var(--width) * 0.015) var(--dispersion) var(--color-shadow),
-        calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;
-}
-.btn:active {
-    box-shadow:
-        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--color-shadow),
-        calc(var(--width) * -0.003) calc(var(--width) * 0.003) var(--dispersion) var(--button-color-reflexion) inset;
-    transform: translateX(calc(var(--width) * -0.005)) translateY(calc(var(--width) * 0.005));
-}
-.lg-btn {
-    box-shadow:
-        calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow),
-        calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;
-}
-.lg-btn:active {
-    box-shadow:
-        calc(var(--width) * -0.005) calc(var(--width) * 0.005) var(--dispersion) var(--color-shadow),
-        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--button-color-reflexion) inset;
-    transform: translateX(calc(var(--width) * -0.0075)) translateY(calc(var(--width) * 0.0075));
-}
-.sm-btn-p,
-.btn-p,
-.lg-btn-p {
-    font-family: 'retro-gamming';
-    color: white;
-    text-align: center;
-    user-select: none;
-}
-.sm-btn-container,
-.btn-container,
-.lg-btn-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-.sm-btn,
-.btn,
-.lg-btn {
-    outline: none;
-    border-radius: 50%;
-    border: var(--button-border);
-    transition-property: transform box-shadow;
-    transition-duration: var(--button-animation-duration);
-    background-color: var(--button-color);
-}
-.sm-btn-container {
-    flex-direction: column;
-}
-.sm-btn {
-    width: var(--sm-button-size);
-    height: var(--sm-button-size);
-}
-.sm-btn-p {
-    font-family: 'retro-gamming';
-    color: white;
-    text-align: center;
-    user-select: none;
-    font-size: calc(var(--width) * 0.03);
-    /* width: calc(var(--width) * 0.08); */
-    margin-top: calc(var(--width) * 0.01);
-    line-height: calc(var(--width) * 0.03);
-    height: calc(var(--width) * 0.06);
-    text-shadow:
-        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),
-        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);
-}
-.btn-container {
-    flex-direction: column-reverse;
-}
-.btn {
-    width: var(--button-size);
-    height: var(--button-size);
-}
-.btn-p {
-    font-weight: bold;
-    font-size: calc(var(--width) * 0.04);
-    margin-bottom: calc(var(--width) * 0.015);
-    line-height: calc(var(--width) * 0.03);
-}
-.lg-btn-container {
-    flex-direction: column;
-}
-.lg-btn {
-    width: var(--lg-button-size);
-    height: var(--lg-button-size);
-}
-.lg-btn-p {
-    font-weight: bold;
-    font-size: calc(var(--width) * 0.05);
-    margin-bottom: calc(var(--width) * 0.015);
-    line-height: calc(var(--width) * 0.03);
-}
-.btn,
-.lg-btn {
-    font-family: 'retro-gamming';
-    font-size: calc(var(--width) * 0.045);
-    font-weight: bold;
-    color: white;
-    text-shadow:
-        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--button-color-shadow),
-        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--button-color-reflexion);
-}
-/* BUTTON CONTAINERS */
-#button-container,
-#small-button-container,
-#inner-button-container,
-#medium-button-container,
-#large-button-container {
-    width: 100%;
-    height: auto;
-}
-#button-container {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
-}
-#small-button-container {
-    display: flex;
-    flex-grow: 0.1;
-    justify-content: space-evenly;
-    max-height: 150px;
-    position: relative;
-}
-.sm-btn-container-top {
-    position: relative;
-    top: -20%;
-}
-.sm-btn-container-bottom {
-    position: relative;
-    bottom: -20%;
-}
-#inner-button-container {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: row;
-}
-#medium-button-container {
-    display: flex;
-    flex-shrink: 1;
-    position: relative;
-}
-#large-button-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-shrink: 1.5;
-}
-#direction-vertical-container,
-#direction-horizontal-container {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: calc(var(--width) * 0.115);
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-}
-#direction-vertical-container {
-    flex-direction: column;
-}
-#direction-horizontal-container {
-    flex-direction: row;
-}

package/public/style/debugger.css DELETED Viewed

@@ -1,117 +0,0 @@
-#debugger {
-    font-family: 'retro-gamming', monospace;
-    background-color: rgba(0, 0, 0, 0.9);
-    color: #0f0; /* Green phosphor */
-    border: 2px solid #0f0;
-    box-shadow: 0 0 10px #0f0;
-    padding: 10px;
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    width: 300px;
-    max-height: calc(100vh - 40px);
-    overflow-y: auto;
-    user-select: none;
-    -webkit-user-select: none;
-    z-index: 9999;
-    font-size: 14px;
-    /* text-shadow: 0 0 2px #0f0; */
-}
-/* Custom Scrollbar */
-#debugger::-webkit-scrollbar {
-    width: 8px;
-}
-#debugger::-webkit-scrollbar-track {
-    background: #001100;
-}
-#debugger::-webkit-scrollbar-thumb {
-    background: #0f0;
-    border-radius: 4px;
-}
-#debugger::-webkit-scrollbar-thumb:hover {
-    background: #0a0;
-}
-/* Summary / Header */
-#debugger-summary {
-    font-weight: bold;
-    font-size: 16px;
-    cursor: pointer;
-    margin-bottom: 10px;
-    /* text-transform: uppercase; */
-    border-bottom: 1px dashed #0f0;
-    padding-bottom: 5px;
-    list-style: none;
-}
-/* Module Sections */
-.debugger-module {
-    margin-bottom: 10px;
-    border-left: 1px solid #004400;
-    padding-left: 8px;
-}
-.debugger-module-summary {
-    cursor: pointer;
-    font-weight: bold;
-    color: #cfc;
-    margin-bottom: 4px;
-}
-.debugger-module-summary:hover {
-    color: #fff;
-    /* text-shadow: 0 0 4px #fff; */
-}
-/* Data Rows */
-.debugger-container {
-    display: flex;
-    justify-content: space-between;
-    padding: 2px 0;
-    border-bottom: 1px dotted #003300;
-}
-/* Closed State */
-#debugger:not([open]) {
-    width: auto;
-    height: auto;
-    max-height: none;
-    padding: 5px 10px;
-    border: 1px solid #0f0;
-    background-color: rgba(0, 0, 0, 0.5);
-    box-shadow: none;
-}
-#debugger:not([open]) #debugger-summary {
-    margin-bottom: 0;
-    border-bottom: none;
-    padding-bottom: 0;
-}
-.debugger-container:hover {
-    background-color: rgba(0, 255, 0, 0.05);
-}
-.debugger-container.highlight {
-    background-color: transparent;
-    color: #fff;
-    /* text-shadow: 0 0 5px #fff; */
-    border-bottom: 1px solid #fff;
-}
-.debugger-container.highlight span {
-    color: #fff;
-}
-.debugger-container p {
-    margin: 0;
-    opacity: 0.8;
-}
-.debugger-container span {
-    font-weight: bold;
-}