diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..40b878d --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules/ \ No newline at end of file diff --git a/calculator.html b/calculator.html deleted file mode 100644 index a57cfb4..0000000 --- a/calculator.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - Simple Calculator - - - - - - \ No newline at end of file diff --git a/img/ancient-egypt-papyrus-scroll-cartoon-vector-56185862.jpg b/img/ancient-egypt-papyrus-scroll-cartoon-vector-56185862.jpg new file mode 100644 index 0000000..07fed9a Binary files /dev/null and b/img/ancient-egypt-papyrus-scroll-cartoon-vector-56185862.jpg differ diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..f6b344f --- /dev/null +++ b/package-lock.json @@ -0,0 +1,1173 @@ +{ + "name": "dungeons-and-dragons", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "dungeons-and-dragons", + "version": "1.0.0", + "license": "ISC", + "devDependencies": { + "vitest": "^4.1.10" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "dev": true, + "license": "MIT" + }, + "node_modules/@oxc-project/types": { + "version": "0.143.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.143.0.tgz", + "integrity": "sha512-u6JZdLBTLotrNC9Vd6vPssINdzcCzleKAH6EJKImQb7GtYvX5keN2dxkoK44stCc4tffE6QQRtZTXVSzsLUlWA==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" + } + }, + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.3.tgz", + "integrity": "sha512-zrJtHDcaZJ1Fp7xf4hNl+7seH9Cn/N5TwLYkhgXREtBwAd/jaqW3uqeHxpDugJLVICWg4eW44kOQEGJ1r6jCGw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.3.tgz", + "integrity": "sha512-ieIiibVCp0tX7TLu2cafoNPv8wJyYi01ekXpbf8q2j7F4rGAhhXb/eQh7ge9DRBY78GwmRQtvjZDux7EDbA8kA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.3.tgz", + "integrity": "sha512-Zh9tCon19eDXJoihx0rqKhMUlMYqzwj3aPsSuHmI4RWZh62dWUL+DJN4C5YQya5TcQBJU/Fe8+rY0jhXTQITqA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.3.tgz", + "integrity": "sha512-nGbJWewA1wrXXZiQhjAT5rhibGfns5ZNkDVqxsO6zJ3f3YvpoDNNmGMSbbhLuXKjNScaBJVOAboztAWVespQMg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.3.tgz", + "integrity": "sha512-QNniJr5Kml0kDEB98jiDOJjXNroxIIi0IXIbdYzY26Xt1pVbeP62+KnoIZLwirOymX/0jDk/2gI/bNUv7A7OIw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.3.tgz", + "integrity": "sha512-TkqEAcmmvH3I/q4114NB4RVt6241Dao48pF45uLcFGrwAaIn0iITgTAKP/dLjbN0R4buJjGb91+UHSoFmpgIWw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.3.tgz", + "integrity": "sha512-NHqjnxpsndf4MPymxteFAWHHfkTL8HjWh1KB7z23ofZ6QO2euONuxDXjat69dKZRALnGypg8k8SsK8vZJoXv1Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.3.tgz", + "integrity": "sha512-6tbrbwfz5GB9DQ4Jwo6hy9v+vR31xZlvzZ6n5Xut6Hhx5PvrA9q/HsK8KMaYQp063iqZGXwNvZtYNLD7EM/x0w==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.3.tgz", + "integrity": "sha512-oyuXxXmoZHjXC917IAPFAAv4wWAa0cM9afk8nx1+9/jNNOX1uPf8yDA6p7G0RypOfw/X0PQt5IfoquY1um+zSg==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.3.tgz", + "integrity": "sha512-TytMwF2KVGqP2tgd0I1OY0PAv78dZRAYcF5ssDzjM34SUXCED3uXvSd5+lHoC0bTD6eEdFz7LdQNCO1y0oVk9w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.3.tgz", + "integrity": "sha512-/E9m3qstrJFVPoULV25mVQblSNExY2+kBsYe4sy0Tn0yOOgJ8wZbZt3KnRbF/XeU2Gl1STKUQnDNTqhIE5MD4A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.3.tgz", + "integrity": "sha512-Kr0OcsoQI816i6HOl3vFHpd1K0eZyh76zgfj4c1nTyaTsd5r2Mj1lwM4R90y/qaCfmTn9eHy0SKwi98eitRxug==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.3.tgz", + "integrity": "sha512-hOtMwTqnME+/gJcH/PCZ0wn0zPUjiWOgkHpxbSJpfGKMezHltx1S7/k1SitzVa7Ww2cqrDDaFbZEhcJZO8o+Jw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.3.tgz", + "integrity": "sha512-ekcqMMkI2PlhYnfzQnB/cEdYUVVJViWvoUyLrbzgDoi3Snfc1mVBwdnc306ufA5ejy8JSPjT2RlW1nQSjW7efg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz", + "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@standard-schema/spec": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz", + "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/chai": { + "version": "5.2.3", + "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz", + "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/deep-eql": "*", + "assertion-error": "^2.0.1" + } + }, + "node_modules/@types/deep-eql": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz", + "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/estree": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz", + "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@vitest/expect": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.10.tgz", + "integrity": "sha512-YsCn+qAk1GWjQOWFEsEcL2gNQ0zmVmQu3T03qP6UyjhtmdtwtbuI+DASn/7iQB3HGTXkdBwGddzxPlmiql5vlA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@standard-schema/spec": "^1.1.0", + "@types/chai": "^5.2.2", + "@vitest/spy": "4.1.10", + "@vitest/utils": "4.1.10", + "chai": "^6.2.2", + "tinyrainbow": "^3.1.0" + }, + "funding": { + "url": "https://opencollective.com/vitest" + } + }, + "node_modules/@vitest/mocker": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.10.tgz", + "integrity": "sha512-v0xaezt+DKEmKfaxg133ldzADrwLGd7Ze1MfQQTYfvs8OqZIwbxyxaYURivwV7sWy5fqn3rH5uOrSp07bp44Ow==", + "dev": true, + "license": "MIT", + "dependencies": { + "@vitest/spy": "4.1.10", + "estree-walker": "^3.0.3", + "magic-string": "^0.30.21" + }, + "funding": { + "url": "https://opencollective.com/vitest" + }, + "peerDependencies": { + "msw": "^2.4.9", + "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" + }, + "peerDependenciesMeta": { + "msw": { + "optional": true + }, + "vite": { + "optional": true + } + } + }, + "node_modules/@vitest/pretty-format": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.10.tgz", + "integrity": "sha512-W1HsjSH4MXQ9YfmmhLAoIYf1HRfekQCGngeIgcei6MP5QQGWUe0gkopdZQaVCFO+JDJMrAJGwa5pRpNpvy4P8Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "tinyrainbow": "^3.1.0" + }, + "funding": { + "url": "https://opencollective.com/vitest" + } + }, + "node_modules/@vitest/runner": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.10.tgz", + "integrity": "sha512-IKI6kpIH+LmpROplyLwBBaCfMgOZOMsygVa6BARD6ahA04VRuJSa6OaVG7kRvSEMD870Vd91rSSw0eegtWyLGg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@vitest/utils": "4.1.10", + "pathe": "^2.0.3" + }, + "funding": { + "url": "https://opencollective.com/vitest" + } + }, + "node_modules/@vitest/snapshot": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.10.tgz", + "integrity": "sha512-xRkfOT1qpTAi/Ti4Y1LtfRc3kEuqxGw59eN2jN9pRWMtS/XDevekhcFSqvQqjUNGksfjMJu3Y+oJ+4Ypn2OaJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@vitest/pretty-format": "4.1.10", + "@vitest/utils": "4.1.10", + "magic-string": "^0.30.21", + "pathe": "^2.0.3" + }, + "funding": { + "url": "https://opencollective.com/vitest" + } + }, + "node_modules/@vitest/spy": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.10.tgz", + "integrity": "sha512-PLf/Ugvoq5wO/b4rwYCR1h2PSIdXz7wnkQFMiUpLdtM7l6pqVFcQIBEHyT1+l+cj7mNwAfZHzqXqDyjvOuwbDw==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://opencollective.com/vitest" + } + }, + "node_modules/@vitest/utils": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.10.tgz", + "integrity": "sha512-fy9am/HWxbaGt/Sawrp90vt6Y6jQwf1RX77cz3uwoJwJVMli/e1IEwRPnMNJ7vKfPTwo0diXifkpPvwH9v7nGA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@vitest/pretty-format": "4.1.10", + "convert-source-map": "^2.0.0", + "tinyrainbow": "^3.1.0" + }, + "funding": { + "url": "https://opencollective.com/vitest" + } + }, + "node_modules/assertion-error": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz", + "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + } + }, + "node_modules/chai": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz", + "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + } + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true, + "license": "MIT" + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/es-module-lexer": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.3.1.tgz", + "integrity": "sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==", + "dev": true, + "license": "MIT" + }, + "node_modules/estree-walker": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz", + "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "^1.0.0" + } + }, + "node_modules/expect-type": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz", + "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=12.0.0" + } + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/lightningcss": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz", + "integrity": "sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==", + "dev": true, + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-android-arm64": "1.33.0", + "lightningcss-darwin-arm64": "1.33.0", + "lightningcss-darwin-x64": "1.33.0", + "lightningcss-freebsd-x64": "1.33.0", + "lightningcss-linux-arm-gnueabihf": "1.33.0", + "lightningcss-linux-arm64-gnu": "1.33.0", + "lightningcss-linux-arm64-musl": "1.33.0", + "lightningcss-linux-x64-gnu": "1.33.0", + "lightningcss-linux-x64-musl": "1.33.0", + "lightningcss-win32-arm64-msvc": "1.33.0", + "lightningcss-win32-x64-msvc": "1.33.0" + } + }, + "node_modules/lightningcss-android-arm64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.33.0.tgz", + "integrity": "sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.33.0.tgz", + "integrity": "sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.33.0.tgz", + "integrity": "sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.33.0.tgz", + "integrity": "sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.33.0.tgz", + "integrity": "sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.33.0.tgz", + "integrity": "sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.33.0.tgz", + "integrity": "sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.33.0.tgz", + "integrity": "sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.33.0.tgz", + "integrity": "sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.33.0.tgz", + "integrity": "sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz", + "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/magic-string": { + "version": "0.30.21", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", + "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" + } + }, + "node_modules/nanoid": { + "version": "3.3.18", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz", + "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/obug": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.4.tgz", + "integrity": "sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==", + "dev": true, + "funding": [ + "https://github.com/sponsors/sxzz", + "https://opencollective.com/debug" + ], + "license": "MIT", + "engines": { + "node": ">=12.20.0" + } + }, + "node_modules/pathe": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz", + "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==", + "dev": true, + "license": "MIT" + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.26", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.26.tgz", + "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.17", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/rolldown": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.3.tgz", + "integrity": "sha512-rn9wpmxplLf7NLNyCk9FyWh3FM43DbY8jOzCdEPzH7uflhTftRbCEpqi6Ly2osgoU8OwObtmavMbWLaWy4LX7A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/types": "=0.143.0", + "@rolldown/pluginutils": "^1.0.0" + }, + "bin": { + "rolldown": "bin/cli.mjs" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "optionalDependencies": { + "@rolldown/binding-android-arm64": "1.2.3", + "@rolldown/binding-darwin-arm64": "1.2.3", + "@rolldown/binding-darwin-x64": "1.2.3", + "@rolldown/binding-freebsd-x64": "1.2.3", + "@rolldown/binding-linux-arm-gnueabihf": "1.2.3", + "@rolldown/binding-linux-arm64-gnu": "1.2.3", + "@rolldown/binding-linux-arm64-musl": "1.2.3", + "@rolldown/binding-linux-ppc64-gnu": "1.2.3", + "@rolldown/binding-linux-s390x-gnu": "1.2.3", + "@rolldown/binding-linux-x64-gnu": "1.2.3", + "@rolldown/binding-linux-x64-musl": "1.2.3", + "@rolldown/binding-openharmony-arm64": "1.2.3", + "@rolldown/binding-win32-arm64-msvc": "1.2.3", + "@rolldown/binding-win32-x64-msvc": "1.2.3" + } + }, + "node_modules/siginfo": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz", + "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==", + "dev": true, + "license": "ISC" + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/stackback": { + "version": "0.0.2", + "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz", + "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==", + "dev": true, + "license": "MIT" + }, + "node_modules/std-env": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/std-env/-/std-env-4.2.0.tgz", + "integrity": "sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==", + "dev": true, + "license": "MIT" + }, + "node_modules/tinybench": { + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz", + "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==", + "dev": true, + "license": "MIT" + }, + "node_modules/tinyexec": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.3.0.tgz", + "integrity": "sha512-QKAl9m8gWWGHV8jZcPeym6j+XULi6tOf1mT83WYJ4Lk2ytW/uwAWkrP0uFsdoYMdueVJ0qs26wZ+23xeB4ibNQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", + "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.4" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/tinyrainbow": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.1.1.tgz", + "integrity": "sha512-yau8yJdTt989Mm0Bd/236QnzEiPf2xLLTqUZRUJOo/3CB078LSwzei343DgtJVmfJKJE3TMINY1u42SQsP6mXw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/vite": { + "version": "8.2.1", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.2.1.tgz", + "integrity": "sha512-EU/eS7BH3XROHh2YnBefjM6DBKA6ZeMZEYQbj7NLWg5wHYlhB8B/Mayd5XsgWq+NFYccDOTemRpdETWR6Ka/lw==", + "dev": true, + "license": "MIT", + "dependencies": { + "lightningcss": "^1.33.0", + "picomatch": "^4.0.5", + "postcss": "^8.5.25", + "rolldown": "~1.2.1", + "tinyglobby": "^0.2.17" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.4.0", + "esbuild": "^0.27.0 || ^0.28.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "@vitejs/devtools": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/vitest": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.10.tgz", + "integrity": "sha512-R9jUTe5S4Qb0HCd4TNqpC7oGcrMssMRGXLW80ubjWsW9VH5GF8y1Y0SFLY9AbqSk6nt0PnOx4H4WNJYZ13GUPw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@vitest/expect": "4.1.10", + "@vitest/mocker": "4.1.10", + "@vitest/pretty-format": "4.1.10", + "@vitest/runner": "4.1.10", + "@vitest/snapshot": "4.1.10", + "@vitest/spy": "4.1.10", + "@vitest/utils": "4.1.10", + "es-module-lexer": "^2.0.0", + "expect-type": "^1.3.0", + "magic-string": "^0.30.21", + "obug": "^2.1.1", + "pathe": "^2.0.3", + "picomatch": "^4.0.3", + "std-env": "^4.0.0-rc.1", + "tinybench": "^2.9.0", + "tinyexec": "^1.0.2", + "tinyglobby": "^0.2.15", + "tinyrainbow": "^3.1.0", + "vite": "^6.0.0 || ^7.0.0 || ^8.0.0", + "why-is-node-running": "^2.3.0" + }, + "bin": { + "vitest": "vitest.mjs" + }, + "engines": { + "node": "^20.0.0 || ^22.0.0 || >=24.0.0" + }, + "funding": { + "url": "https://opencollective.com/vitest" + }, + "peerDependencies": { + "@edge-runtime/vm": "*", + "@opentelemetry/api": "^1.9.0", + "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0", + "@vitest/browser-playwright": "4.1.10", + "@vitest/browser-preview": "4.1.10", + "@vitest/browser-webdriverio": "4.1.10", + "@vitest/coverage-istanbul": "4.1.10", + "@vitest/coverage-v8": "4.1.10", + "@vitest/ui": "4.1.10", + "happy-dom": "*", + "jsdom": "*", + "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" + }, + "peerDependenciesMeta": { + "@edge-runtime/vm": { + "optional": true + }, + "@opentelemetry/api": { + "optional": true + }, + "@types/node": { + "optional": true + }, + "@vitest/browser-playwright": { + "optional": true + }, + "@vitest/browser-preview": { + "optional": true + }, + "@vitest/browser-webdriverio": { + "optional": true + }, + "@vitest/coverage-istanbul": { + "optional": true + }, + "@vitest/coverage-v8": { + "optional": true + }, + "@vitest/ui": { + "optional": true + }, + "happy-dom": { + "optional": true + }, + "jsdom": { + "optional": true + }, + "vite": { + "optional": false + } + } + }, + "node_modules/why-is-node-running": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz", + "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==", + "dev": true, + "license": "MIT", + "dependencies": { + "siginfo": "^2.0.0", + "stackback": "0.0.2" + }, + "bin": { + "why-is-node-running": "cli.js" + }, + "engines": { + "node": ">=8" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..937dda4 --- /dev/null +++ b/package.json @@ -0,0 +1,25 @@ +{ + "name": "dungeons-and-dragons", + "version": "1.0.0", + "description": "A simple text based rpg game", + "main": "index.js", + "directories": { + "test": "test" + }, + "scripts": { + "test": "vitest" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/solowiz398/Dnd.git" + }, + "author": "Odogwu Sam", + "license": "ISC", + "bugs": { + "url": "https://github.com/solowiz398/Dnd/issues" + }, + "homepage": "https://github.com/solowiz398/Dnd#readme", + "devDependencies": { + "vitest": "^4.1.10" + } +} diff --git a/src/characters.js b/src/characters.js new file mode 100644 index 0000000..581d6ec --- /dev/null +++ b/src/characters.js @@ -0,0 +1,50 @@ +import { ShowText } from "./updateUi.js"; +import * as weapons from "./weapons.js"; + +export class Characters{ + + constructor(name,health,damage,accuracy,sword,shield){ + this.name = name; + this.health = health; + this.damage = damage; + this.accuracy = accuracy; + this.sword = sword; + this.shield = shield; + } + + get name(){ + return this._name; + } + + set name(avatar){ + this._name = avatar; + + } + + + equipSword(blade){ + this.sword = blade.name; + ShowText(`${this.sword} equipped`) + } + + equipShield(_shield){ + this.shield = _shield.name; + ShowText(`${this.shield} equipped`); + } + + setDamage(_damage){ + this.damage = _damage; + +} + +setAccuracy(_accuracy){ + this.accuracy = _accuracy; +} + +} + +export let EmberDrake = new Characters("Ember Drake",8,4,5); + +export let SilverWizard = new Characters("Silver Wizard",9,5,6); + +export let player = new Characters("Adventurer",15,3,3); \ No newline at end of file diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..dcf0baa --- /dev/null +++ b/src/index.html @@ -0,0 +1,37 @@ + + + + + + Dungeons and Dragons + + + +
+
+
+ + 15/15 + + + ATTACK!!! + inventory + STORY +
+ +
+ Our story begins... +
+ +
START...
+ +
+ Sword + Shield +
+
+
+ + + + \ No newline at end of file diff --git a/src/index.js b/src/index.js new file mode 100644 index 0000000..e84d5a8 --- /dev/null +++ b/src/index.js @@ -0,0 +1,6 @@ + import progress from "./progress.js"; +import * as updateUi from "./updateUi.js"; + +let explorebtn = document.getElementById("explorebtn"); + + explorebtn.addEventListener("click", ()=> progress()); diff --git a/src/logic.js b/src/logic.js new file mode 100644 index 0000000..d95e5b1 --- /dev/null +++ b/src/logic.js @@ -0,0 +1,115 @@ +import * as Ui from "./updateUi.js"; +import * as character from "./characters.js"; +import { gameOver, storyLine } from "./progress.js"; +import { alternate } from "./story.js"; + +let turn; + +let isExploring = false; + +function exploring(){ + if(isExploring){ + Ui.showExploreBtn(); + Ui.hideWeapons(); + } + else{ + Ui.hideExploreBtn(); + } +} + +function random(){ + let hit = Math.random()*9; + return hit; +} + +/* `hits` takes in the accuracy of our player or villian as a parameter +It generates a random number using `Math.random()` +Then we check to see if the number generated is less than or equal to accuracy If true -> return true, else -> return false +hit has to be greater than the accuracy before it can be registered as a hit */ + +export function hits(accuracy){ + let hit = random(); + if(hit > accuracy){ + return false; + } + else{ + return true; + } +} + +function fight(villian){ + + turn = "player"; + + exploring(); + + let playerHit = hits(character.player.accuracy); + + if(playerHit){ + + villian.health -= character.player.damage; + + console.log(villian.health); + + Ui.ShowText(`You hit the ${villian.name} health is: ${villian.health}`) + } + + else{ + Ui.ShowText("You missed!"); + } + + if(villian.health <= 0){ + + isExploring = true; + + exploring(); + + storyLine(); + + return; + + } + else{ + turn = "enemy"; + Ui.showShield(); + return defending; + } +} + +export function defending(villian){ + exploring(); + + let enemyHit = hits(villian.accuracy); // pass in the enemy accuracy + + if(enemyHit){ + + let health = document.getElementById("char_health"); + + character.player.health -= villian.damage; + + health.innerHTML = character.player.health; + + Ui.ShowText(`You got hit by the ${villian.name}`); + } + + else{ + Ui.ShowText("You dodged the attack"); + } + + if(character.player.health <= 0){ + character.player.health = 0; + isExploring = true; + let story = alternate[0].text; + Ui.ShowText(story); + gameOver(); + exploring(); + } + + else{ + turn = "player"; + Ui.showSword(); + return fight; + } +} + +export default fight; \ No newline at end of file diff --git a/src/progress.js b/src/progress.js new file mode 100644 index 0000000..68cedbd --- /dev/null +++ b/src/progress.js @@ -0,0 +1,115 @@ +import { story } from "./story.js"; +import * as Ui from "./updateUi.js"; +import * as characters from "./characters.js"; +import * as weapons from "./weapons.js"; +import fight from "./logic.js"; +import { defending } from "./logic.js"; + + +let index = 0; + +let initialStart = true; + +let sword = document.querySelector(".sword"); + +let shield = document.querySelector(".shield"); + +let exploreBtn = document.getElementById("explorebtn"); + +let isSwordBtnClicked = false; + +let isShieldBtnClicked = false; + + +function GameStarted(){ + while(initialStart){ + explorebtn.innerHTML = "Explore"; + initialStart = false; + } +} + +export function gameOver(){ + initialStart = true; + index = 0; +} + +//The `storyLine()` function provides the story in other of it's index. +//When called it stores the current story event in the `story` variable based on the index value +//it displays the text to the storyboard +//Then finally increments the index variable by one each time it's called + +export function storyLine(){ + let event = story[index].text; + Ui.ShowText(event); + index++ + +} + +function isBtnClicked(){ + if(isSwordBtnClicked && isShieldBtnClicked){ + Ui.showExploreBtn(); + } +} + +/* regEventListner is a helper function that attaches an event listner to an element +allowing us to perform a specific UI change depending on which element has been clicked first +*/ + +function regEventListner(element, callback){ + element.addEventListener("click", (e)=>{ + callback(); + if(e.target.className === "sword"){ + Ui.hideSword(); + isSwordBtnClicked = true; + isBtnClicked(); + } + + else if(e.target.className === "shield"){ + Ui.hideShield(); + isShieldBtnClicked = true; + isBtnClicked(); + } + }) +} + +function pickUpItems(blade,_shield){ + + Ui.hideExploreBtn(); + + Ui.btnText(blade.name,_shield.name); + + regEventListner(sword,()=>characters.player.equipSword(blade)); + + regEventListner(shield, ()=>characters.player.equipShield(_shield)); + + storyLine(); + +} + +function progress(){ + + GameStarted(); + + if(story[index].gameState === "exploring"){ + storyLine(); + } + + else if(story[index].gameState === "action"){ + + Ui.hideExploreBtn(); + + Ui.showSword(); + + sword.addEventListener("click", ()=>{fight(story[index].villian)}); + + shield.addEventListener("click",()=>{defending(story[index].villian)}) + } + + else if(story[index].gameState === "powerup"){ + pickUpItems(story[index].sword, story[index].shield); + } + + +} + +export default progress \ No newline at end of file diff --git a/src/simpleGame.css b/src/simpleGame.css deleted file mode 100644 index 5854304..0000000 --- a/src/simpleGame.css +++ /dev/null @@ -1,217 +0,0 @@ -body{ - min-height: 100vh; - font-family: 'Times New Roman', Times, serif; - background: rgb(31, 29, 29); - display: flex; - justify-content: center; - align-items: center; -} - -.container{ - background-color: rgb(231, 197, 0); - width: 80%; - height: 566px; - display: flex; - justify-content: center; - align-items: center; - -} -.inner-container{ - background-color: rgba(0, 0, 0, 0.4); - width: 95%; - height: 80%; -} - -.hero-bar{ - width: 100%; - background-color:rgba(0, 0, 0, 0.4) ; - height: 80px; - border-bottom: 2px solid rgb(184, 184, 184); - font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; - display: flex; - align-items: center; - justify-content: space-evenly; - color: white; -} - -.HB{ - color: rgb(233, 228, 228); - background-color: rgba(255, 255, 255, 0.4); - display: inline-block; - padding: 12px; - border-radius: 5px; - cursor: pointer; - border: 2px solid gold; -} - -.attack{ - display: inline-block; - padding: 12px; - background-color: rgba(255, 255, 255, 0.4); - border-radius: 5px; - border: 2px solid gold; - -} - -.attack .attack-btn{ - width: 100%; - background-color: rgba(255, 255, 255, 0.4); - cursor: pointer; - -} -.attack:hover{ - border: 2px solid green; -} - -.inventory{ - background-color: rgba(255, 255, 255, 0.4); - display: inline-block; - padding: 12px; - border-radius: 5px; - border: 2px solid gold; -} - -.inventory:hover{ - border: 2px solid green; -} - -.story{ - background-color: rgba(255, 255, 255, 0.4); - display: inline-block; - padding: 12px; - border-radius: 5px; - border: 2px solid gold; -} - -.story:hover{ - border: 2px solid green; -} - -.storyboard{ - width: 95%; - height: 150px; - border-bottom: 2px solid white ; - background-color: rgba(0, 0, 0, 0.4); - margin: 20px auto; - border-radius: 7px; - color: white; - font-family: serif; - padding-left: 10px; - padding-top: 15px; - font-style: italic; - -} - -.contdbtn{ - background-color: rgba(0, 0, 0, 0.4); - width: 150px; - padding: 12px; - color: white; - margin: 10px auto; - text-align: center; - font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; - font-weight: 400; - border-radius: 5px; - font-style: italic; -} - -.contdbtn:hover{ - border: 2px solid gold; - cursor: pointer; - transition: all .2 ease; -} - -.actionbtn{ - padding: 20px; - display: flex; - justify-content: space-evenly; - align-items: center; -} - -.actionbtn #sword{ - background-color: rgba(0, 0, 0, 0.4); - border: 2px solid white; - padding: 12px; - border-radius: 5px; - width: 150px; - font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; - font-weight: 400; - font-style: italic; - text-align: center; - color: white; - display: none; -} - -.actionbtn #sword:hover{ - border: 2px solid gold; - cursor: pointer; - transition: all .2 ease; -} - -.actionbtn #shield{ - background-color: rgba(0, 0, 0, 0.4); - border: 2px solid white; - padding: 12px; - border-radius: 5px; - width: 150px; - font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; - font-weight: 400; - font-style: italic; - text-align: center; - color: white; - display: none; -} - -.actionbtn #shield:hover{ - border: 2px solid gold; - cursor: pointer; - transition: all .2 ease; -} - -.done{ - padding: 20px; - display: flex; - justify-content: space-evenly; - align-items: center; -} - -#pickupsword{ - background-color: rgba(0, 0, 0, 0.4); - border: 2px solid white; - padding: 12px; - border-radius: 5px; - width: 150px; - font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; - font-weight: 400; - font-style: italic; - text-align: center; - color: white; - display: none; -} - -#pickupshield{ - background-color: rgba(0, 0, 0, 0.4); - border: 2px solid white; - padding: 12px; - border-radius: 5px; - width: 150px; - font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; - font-weight: 400; - font-style: italic; - text-align: center; - color: white; - display: none; -} - -#pickupsword:hover{ - border: 2px solid gold; - cursor: pointer; - transition: all .2 ease; -} - -#pickupshield:hover{ - border: 2px solid gold; - cursor: pointer; - transition: all .2 ease; -} - diff --git a/src/simpleGame.html b/src/simpleGame.html deleted file mode 100644 index 51dc2ce..0000000 --- a/src/simpleGame.html +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - SimpleGame - - - - -
-
-
- - - 10/10 - - - ATTACk!!!! - - - - inventory - - - - STORY - - - -
- -
- OUR STORY BEGINS... -
- -
- START... -
- -
- - pick it up... - - - shieldddd - -
-
- - sword... - - - - shield - - -
- -
-
- - - - - \ No newline at end of file diff --git a/src/simpleGame.js b/src/simpleGame.js deleted file mode 100644 index a16bf6c..0000000 --- a/src/simpleGame.js +++ /dev/null @@ -1,321 +0,0 @@ -// variables churned out of my html elements - -let healthBar = document.getElementById("HB"); -let attackBar = document.getElementById("attack"); -let inventory = document.getElementById("inventory"); -let storyBar = document.getElementById("story"); -let storyBoard = document.getElementById("storyboard") -let contdBtn = document.getElementById("contdbtn"); -let actionBtn = document.getElementById("actionbtn"); -let sword = document.getElementById("sword"); -let shield = document.getElementById("shield"); -let playerHealth = document.getElementById("health"); -let playerHealth2 = document.getElementById("health2") -let pickUpswordItem = document.getElementById("pickupsword"); -let pickUpshieldItem = document.getElementById("pickupshield") - -//in game variable definitions -let gameInProgress = true; -let initialStart = true; -let gameState = "exploring"; -let pageFlip = 0; -let turn = "player"; -let randAttack = Math.floor(Math.random() * 2); -let randWeapon = Math.floor(Math.random() * 3 + 1); - -//THIS HOLDS SOME OF THE IN-GAME ITEMS - -let gameWeapons = { - swords: ["Basic Adventurers blade", "Slithering blade"], - shield: ["Basic Adventurers shield","Slithering shield"] -} - -//inGame mechanics -let view = { - displayHealth(health){ - let playerHealth = document.getElementById("health"); - playerHealth.innerHTML = health; - - } -} -let gameLogic = { - updateGameUi(){ - if(gameState === "exploring"){ - contdBtn.style.display = "block"; - shield.style.display = "none"; - sword.style.display = "none"; - } - - else if(gameState === "inBattle"){ - contdBtn.style.display = "none"; - shield.style.display = "none"; - sword.style.display = "block"; - } - - else if (gameState === "defending"){ - contdBtn.style.display = "none"; - sword.style.display = "none"; - shield.style.display = "block"; - } - -}, - attackHits(accuracy){ - randomNumber = Math.random(); - if(randomNumber <= accuracy){ - return true; - } - else{ - return false; - } - -}, - -battle(){ - this.updateGameUi(); - - playerHit = playerChar.strike; - if(playerHit){ - EmberDrake.health -= playerChar.damage - attackBar.innerHTML = `EmberDrake: ${EmberDrake.health}`; - storyBoard.innerHTML = "You striked the dragon"; - } - - else{ - storyBoard.innerHTML = "You missed"; - } - - if(EmberDrake.health == 0){ - gameState = "exploring"; - this.updateGameUi(); - EmberDrake.health = 0; - pageFlip++; - story = storyEvent[pageFlip].text - storyBoard.innerHTML = story; - return; - - } - else{ - gameState = "defending"; - turn = "enemy"; - } - - if(gameState !== "inBattle" && turn !== "player"){ - this.updateGameUi(); - return this.defence; - -} -}, - -defence(){ - this.updateGameUi(); - - - enemyHit = playerChar.defend; - - if(enemyHit){ - playerChar.health -= EmberDrake.damage; - view.displayHealth(playerChar.health); - storyBoard.innerHTML = "You got hit by the EmberDrake"; - } - - else{ - storyBoard.innerHtml = "You dodged the attack" - } - - if(playerChar.health <= 0){ - playerChar.health = 0; - story = storyEvent[6].text; - storyBoard.innerHTML = story; - this.updateGameUi() - } - else{ - gameState = "inBattle"; - turn = "player"; - } - if(gameState !== "defending" || turn !== "enemy"){ - this.updateGameUi(); - return this.battle; - } - -} - - - - -} -//THIS HOLDS ALL THE PLAYERS INFO. SKILLS ACQUIRED IN THE GAME WILL LATER BE ADDED HERE AND RESET WHEN THE GAME IS RESTARTED -let playerChar = { - name: "Adventurer", - health: 4, - damage: 4, - accuracy: 0.7, - pickUpSword(weapon){ - playerChar.sword = weapon; - pickUpswordItem.style.display = "none"; - if(playerChar.sword == gameWeapons.swords[0] && playerChar.shield == gameWeapons.shield[0]){ - contdBtn.style.display = "block"; - } - }, - - pickUpShield(guard){ - playerChar.shield = guard; - pickUpshieldItem.style.display = "none"; - if(playerChar.sword == gameWeapons.swords[0] && playerChar.shield == gameWeapons.shield[0]){ - contdBtn.style.display = "block"; - } - }, - strike(){ - if(this.sword == gameWeapons.swords[0]){ - let attackstrike = gameLogic.attackHits(this.accuracy); - return attackstrike; - } - else if(this.sword == gameWeapons.swords[1]){ - this.damage = 5; - this.accuracy = 0.75; - let attackstrike = gameLogic.attackHits(this.accuracy); - return attackstrike; - - } - }, - defend(){ - - let enemyHit = gameLogic.attackHits(EmberDrake.accuracy); - console.log(enemyHit); - return enemyHit; - - } - } - -let EmberDrake = { - name: "Ember Drake", - health: 8, - damage: 3, - accuracy: 0.5, -} - -let silverWizard = { - name: "Silver wizard", - health: 9 -} - -//THIS ARRAY HOLDS THE STORY THAT WILL LATER THE RANDOMLY INSERTED IN FOR THE PLAYER -let storyEvent = [ -{ - type: "story", - text: `The rain had not stopped for days. You boots sink into the black soil of the Ashen Vale. The air smells like smoke and old magic. In the distance a golden tower leans against the the sky like a broken finger. A whisper curls around you "Turn back, ${playerChar.name}. This land feeds on the brave." ` -}, - -{ - - type: "story", - text: ` A Sudden crack splits the silence. The ground trembles. From behind a cluster of dead trees, - a scaled beast lumbers forward, it's eyes glowing like coals beaneath ash-covered horns` -}, - -{ - type: "action", - text: "You are offered two items. . A basic adventurer's blade and a basic adventurer's shield. You can't fight this Beast empty handed. pick your weapon" -}, - -{ -type: "battle1", -text: `The creature snarls, "Your bones will warm my nest. The Ember Drake lunges` -}, - -{ - type: "story", - text: `You fight back. Steel clashes against scale Fire scorches your shield. The creature rears back for one final blast of flame and you drive your blade forward. The drake collapses. Smoke rises from its fading body. Silence returns. From the ashes two objects remain untouched by the fire. You may choose one` -}, - -{ - type: "battleReward", - text: `You may choose one: - - . A Jagged sword humming with heat - - . A blackened sheild that absorbs warmth instead of burning - - Pick your prize and continue toward the crooked tower` - -}, - -{ - type: "Alternate ending", - - text: `Your vision blurs. The world tilts, your sword slips from your hand and clatters across the stone floor. You try to rise but your sword feels impossibly heavy. The last thing you see is the crooked tower window, lightning flashes beyond it... THEN --- Silence.` -}, - -{ - type: "story2", - text: `The tower door creaks open before you can knock. Inside, candles float in midair, their flames burning blue. At the center of the chambers stands a tall figure in a silver robe. His eyes shine with cold amusement "Impressive ${playerChar.name}", the sorcerer says softly. "Few survive my guardian". The candles extinguish all at once` - -}, - -{ - type: "battle2", - text: `Dark energy coils around him, the air grows heavy. You charge... Shadows twist into blades, illusions flicker. The sorcerer vanishes and reappears behind you, laughing`, - text2: `You anticipate his movements. You strike when he materializes. The spells around him shatters like glass. The veil sorcerer falls to his knees ` -} -] - - - -function progressStory(){ - while(initialStart){ - contdBtn.innerHTML = "CONTINUE ON PATH"; - initialStart = false; - } -//CHECKING FOR STORY CONDITIONS - if(storyEvent[pageFlip].type === "story" && gameState === "exploring"){ - story = storyEvent[pageFlip].text; - storyBoard.innerHTML = story; - pageFlip++ - } - - else if(storyEvent[pageFlip].type == "action"){ - contdBtn.style.display = "none"; - pickUpswordItem.style.display = "block"; - pickUpshieldItem.style.display = "block"; - story = storyEvent[pageFlip].text; - storyBoard.innerHTML = story; - pickUpswordItem.innerHTML = gameWeapons.swords[0]; - pickUpshieldItem.innerHTML = gameWeapons.shield[0]; - pageFlip++ - pickUpswordItem.addEventListener("click", ()=>playerChar.pickUpSword(gameWeapons.swords[0])) - pickUpshieldItem.addEventListener("click", ()=>playerChar.pickUpShield(gameWeapons.shield[0])) - } - - else if(storyEvent[pageFlip].type == "battle1"){ - gameState = "inBattle"; - gameLogic.updateGameUi(); - story = storyEvent[pageFlip].text - storyBoard.innerHTML = story; - } - - -} - - - - - -sword.addEventListener("click", ()=>{ - if(gameState === "inBattle"){ - gameLogic.battle(); - } -}); -shield.addEventListener("click", ()=>{ - if(gameState === "defending"){ - gameLogic.defence(); - } -}); - - - -//THIS WILL START THE GAME -function startGame(){ - if(gameState === "exploring"){ - progressStory(); - } -} - contdBtn.addEventListener("click",startGame) diff --git a/src/story.js b/src/story.js new file mode 100644 index 0000000..6ef34ee --- /dev/null +++ b/src/story.js @@ -0,0 +1,104 @@ +// `story.js` contains the storyline of our gameplay +// It makes use of an array `storyEvent` that stores each sequence of stories in an object +// Objects have a : +// 1. gameState - signifying if its just a normal sequence of our story or an action sequence +// 2. text - stores our story + +import { Characters, EmberDrake, SilverWizard } from "./characters.js"; +import { Basic_Blade, Basic_shield, Slithering_Blade, Slithering_Shield } from "./weapons.js"; + + +export let story = [ +{ + gameState: "exploring", + text: `The rain had not stopped for days. You boots sink into the black soil of the Ashen Vale. The air smells like smoke and old magic. In the distance a golden tower leans against the the sky like a broken finger. A whisper curls around you "Turn back, Adventurer. This land feeds on the brave." ` +}, + +{ + gameState: "powerup", + + sword: Basic_Blade, + + shield: Basic_shield, + + text: "You are offered two items to help continue your quest. . A basic adventurer's blade and a basic adventurer's shield. You can't fight this Beast empty handed. pick your weapon" +}, + +{ gameState: "exploring", + text: ` A Sudden crack splits the silence. The ground trembles. From behind a cluster of dead trees, + a scaled beast lumbers forward, it's eyes glowing like coals beaneath ash-covered horns` +}, + +{ + gameState: "exploring", + + text: `The creature snarls, "Your bones will warm my nest. The Ember Drake lunges` +}, + +{ + +gameState: "action", + +villian: EmberDrake + +}, + +{ + gameState: "exploring", + text: `You fight back. Steel clashes against scale Fire scorches your shield. The creature rears back for one final blast of flame and you drive your blade forward. The drake collapses. Smoke rises from its fading body. Silence returns. From the ashes two objects remain untouched by the fire. You may choose one` +}, + +{ + gameState: "exploring", + + text: `You may choose one: + + . A Jagged sword humming with heat + + . A blackened sheild that absorbs warmth instead of burning + + Pick your prize and continue toward the crooked tower` + +}, + +{ + gameState: "powerup", + sword: Slithering_Blade, + shield: Slithering_Shield + + +}, + +{ + gameState: "exploring", + text: `The tower door creaks open before you can knock. Inside, candles float in midair, their flames burning blue. At the center of the chambers stands a tall figure in a silver robe. His eyes shine with cold amusement "Impressive Adventurer", the sorcerer says softly. "Few survive my guardian". The candles extinguish all at once` + +}, + +{ + gameState: "exploring", + text: `Dark energy coils around him, the air grows heavy. You charge... Shadows twist into blades, illusions flicker. The sorcerer vanishes and reappears behind you, laughing`, +}, + +{ + gameState: "action", + + villian: SilverWizard +}, + +{ + gameState: "exploring", + + text: `You anticipate his movements. You strike when he materializes. The spells around him shatters like glass. The veil sorcerer falls to his knees ` +} + +] + +export const alternate = [ + + { gameState: "Alternate ending", + + text: `Your vision blurs. The world tilts, your sword slips from your hand and clatters across the stone floor. You try to rise but your sword feels impossibly heavy. The last thing you see is the crooked tower window, lightning flashes beyond it... THEN --- Silence.` + } + +] \ No newline at end of file diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..4299441 --- /dev/null +++ b/src/style.css @@ -0,0 +1,167 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; + min-height: 100vh; + font-family: 'Georgia', 'Times New Roman', serif; + background-color: #000; + background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url('../img/ancient-egypt-papyrus-scroll-cartoon-vector-56185862.jpg'); + background-position: center; + background-size: contain; + background-repeat: no-repeat; + display: flex; + justify-content: center; + align-items: center; + padding: 24px; + color: #2b1508; + overflow-x: hidden; +} +.container { + width: min(760px, 100%); + max-width: 920px; + margin: 0 auto; + display: block; +} + +.inner-container { + width: 100%; + padding: 24px; + box-sizing: border-box; +} + +/* Container and inner-container styles are inlined into the HTML to remove class selectors while preserving responsiveness */ + +.hero-bar { + width: 100%; + min-height: 82px; + padding: 12px 18px; + background: linear-gradient(90deg, rgba(96, 60, 24, 0.95), rgba(146, 92, 36, 0.9)); + border: 2px solid #c89a4d; + border-radius: 14px; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: 12px; + color: #fff7e6; + font-family: 'Impact', 'Arial Narrow Bold', sans-serif; + letter-spacing: 1px; + text-transform: uppercase; +} + +.HB, +.attack, +.inventory, +.story, +.explorebtn, +.sword,.shield + { + background: linear-gradient(135deg, rgba(255, 242, 212, 0.98), rgba(212, 166, 94, 0.95)); + color: #2b1508; + border: 2px solid #6b4326; + border-radius: 8px; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 6px 14px rgba(0, 0, 0, 0.28); +} + +.HB, +.attack, +.inventory, +.story { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 12px 16px; + cursor: pointer; + min-width: 120px; + text-align: center; + flex: 1 1 120px; + max-width: 180px; +} + +/* Prevent hero bar and buttons from overflowing on small screens */ +@media (max-width: 720px) { + .container { width: 95%; } + .hero-bar { padding: 8px; gap: 8px; } + .HB, .attack, .inventory, .story { min-width: 64px; padding: 8px 10px; max-width: 140px; } + .storyboard { padding: 12px; min-height: 140px; } + .explorebtn { width: 140px; } +} + +@media (max-width: 420px) { + .hero-bar { flex-direction: column; align-items: stretch; } + .HB, .attack, .inventory, .story { width: 100%; max-width: 100%; } + .explorebtn { width: 100%; } +} + +.HB:hover, +.attack:hover, +.inventory:hover, +.story:hover, +.explorebtn:hover, +.sword:hover,.shield:hover { + border-color: #e6bb4e; + transform: translateY(-1px); + transition: all 0.2s ease; +} + +.storyboard { + width: 100%; + min-height: 180px; + margin: 22px 0; + padding: 20px 22px; + background: rgba(255,255,255,0.06); + border: 2px solid rgba(107,66,38,0.55); + border-radius: 14px; + color: #dbd6d6; + font-family: 'Georgia', serif; + font-style: italic; + font-size: 1.05rem; + line-height: 1.6; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 6px 18px rgba(0,0,0,0.25); + backdrop-filter: blur(1px); +} + +.explorebtn { + width: 180px; + padding: 12px 16px; + margin: 10px auto 20px; + text-align: center; + font-family: 'Impact', 'Arial Narrow Bold', sans-serif; + font-weight: 400; + font-style: italic; + cursor: pointer; +} + +.explorebtn, .HB, .attack, .inventory, .story { color: #2b1508; } + + +.weapon { + padding: 16px 0 8px; + display: none; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 12px; +} + +.shield,.sword { + padding: 12px 16px; + width: min(180px, 100%); + text-align: center; + font-family: 'Impact', 'Arial Narrow Bold', sans-serif; + font-weight: 400; + font-style: italic; + color: #4d2f16; + +} + +#health { + font-weight: bold; +} + +#health2 { + opacity: 0.9; +} + diff --git a/src/updateUi.js b/src/updateUi.js new file mode 100644 index 0000000..52566f6 --- /dev/null +++ b/src/updateUi.js @@ -0,0 +1,52 @@ +export function showExploreBtn(){ + let exploreBtn = document.getElementById("explorebtn"); + exploreBtn.style.display = "block"; + } + +export function hideExploreBtn(){ + let exploreBtn = document.getElementById("explorebtn"); + exploreBtn.style.display = "none"; +} + +export function displayWeapons(){ + let weapons = document.querySelector(".weapon"); + weapons.style.display = "flex"; + } + + export function hideWeapons(){ + let weapons = document.querySelector(".weapon") + weapons.style.display = "none"; + } + + export function ShowText(text){ + let storyBoard = document.getElementById("storyboard"); + storyBoard.innerHTML = text; + } + + export function hideSword(){ + let sword = document.querySelector(".sword"); + sword.style.display = "none" + } + + export function hideShield(){ + let shield = document.querySelector(".shield"); + shield.style.display = "none" + } + + export function showShield(){ + let shield = document.querySelector(".shield"); + shield.style.display = "block" + } + + export function showSword(){ + let sword = document.querySelector(".sword"); + sword.style.display = "block" + } + + export function btnText(weapon_1,weapon_2){ + let sword = document.querySelector(".sword"); + let shield = document.querySelector(".shield"); + displayWeapons(); + sword.innerHTML = weapon_1; + shield.innerHTML = weapon_2; + } \ No newline at end of file diff --git a/src/weapons.js b/src/weapons.js new file mode 100644 index 0000000..f35fc3a --- /dev/null +++ b/src/weapons.js @@ -0,0 +1,23 @@ +import * as characters from "./characters.js"; + +class Sword{ + constructor(name,damage,accuracy){ + this.name = name; + this.damage = damage; + this.accuracy = accuracy; + } +} + +class Shield{ + constructor(name,block){ + this.name = name; + this.block = block; + } +} + +export const Basic_Blade = new Sword("Basic Blade",3,3); +export const Basic_shield = new Shield("Basic Shield",3); +export const Slithering_Blade = new Sword("Slithering_Blade",4,5); +export const Slithering_Shield = new Shield("Slithering Shield",4); +export const Lightning_Blade = new Sword("Lightning_Blade",5,6); +export const Lightning_Shield = new Shield("Lightning_Shield",6); \ No newline at end of file diff --git a/test.html b/test.html deleted file mode 100644 index e7b8414..0000000 --- a/test.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - test - - - - -

- Whatever you do do not resize this window -

- - - - - \ No newline at end of file diff --git a/tests/logic.test.js b/tests/logic.test.js new file mode 100644 index 0000000..793e3c2 --- /dev/null +++ b/tests/logic.test.js @@ -0,0 +1,14 @@ +import {describe, test, it, expect } from "vitest"; + +import { hits } from "../src/logic"; + +describe('hits', ()=>{ + it('Should return true when accuracy is greater than hit',()=>{ + + const accuracy = 5; + + let result = hits(accuracy); + + expect(result).toBe(true); + }) +}) \ No newline at end of file