Auto commit

.gitignore

 node_modules
 .DS_Store
-dist
 dist-ssr
 *.local
 *-lock.yaml

.inscode

-run = "upm add guess;npm run dev"
+run = "dist/index.html"
 entrypoint = "index.ts"
 
 [nix]

dist/assets/index.648ad158.css

+body{font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden}*{touch-action:none}@font-face{font-family:Minecraft;src:url(/dist/assets/mc-font.c5bcd562.otf);font-display:swap}.start{background-image:url(/dist/assets/menu.e25a1d96.jpeg);background-repeat:no-repeat;background-size:100% 100%}.start #exit{display:none}.menu{z-index:1;position:fixed;left:0%;top:0%;display:flex;flex-direction:column;align-items:center;width:100vw;height:75vh;padding-top:25vh;text-align:center;user-select:none;background-color:#1c1c1cb3}.button{width:300px;margin-bottom:15px;padding:10px;display:inline-block;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;font-size:1.2rem;color:#fff;background-color:#727272;cursor:pointer;border-left:2px solid #a4a4a4;border-top:2px solid #a4a4a4;border-bottom:2px solid #545655;border-right:2px solid #545655;box-shadow:0 0 0 2px #000}.button:hover{background-color:#218306;border-left:2px solid #17cd07;border-top:2px solid #17cd07;border-bottom:2px solid #004e00;border-right:2px solid #004e00;box-shadow:0 0 0 2px #fff}.footer{position:fixed;color:#fff;left:50%;top:100%;opacity:75%;transform:translate(-50%,-100%);font-family:sans-serif}.fps{position:fixed;color:#fff;left:0%;top:0%;padding:5px;margin:1px;border:2px solid rgb(141,139,139);background-color:#1c1c1c80}.bag{position:fixed;left:50%;top:100%;transform:translate(-50%,-100%);width:fit-content;background-color:#1c1c1c80;height:62px}.item{display:inline-block;width:56px;height:56px;margin:1px;border:2px solid rgb(141,139,139)}.selected{border:2px solid rgb(236,234,234);outline:1px solid rgb(236,234,234)}.icon{display:block;margin:auto;transform:translateY(20%);width:40px;height:40px}.cross-hair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);user-select:none;font-size:3rem;color:#fff}.hidden{display:none}.features{z-index:2;position:fixed;left:50%;top:20%;transform:translate(-50%);width:300px;color:#fff;background-color:#727272;border-left:2px solid #a4a4a4;border-top:2px solid #a4a4a4;border-bottom:2px solid #545655;border-right:2px solid #545655;box-shadow:0 0 0 2px #000;padding:0 30px;text-align:center;user-select:none;text-align:left;line-height:1.8rem}.save-modal,.load-modal{z-index:3;position:fixed;left:50%;transform:translate(-50%);margin-top:calc(25vh + 62px);padding:12px 0;width:300px;color:#fff;background-color:#218306;border-left:2px solid #17cd07;border-top:2px solid #17cd07;border-bottom:2px solid #004e00;border-right:2px solid #004e00;box-shadow:0 0 0 2px #fff;opacity:0%;transition:opacity .35s ease-in-out;text-align:center;user-select:none}.load-modal{background-color:#727272;border-left:2px solid #a4a4a4;border-top:2px solid #a4a4a4;border-bottom:2px solid #545655;border-right:2px solid #545655;box-shadow:0 0 0 2px #000}.show{transition:opacity .5s ease-in-out;opacity:100%}.github svg{z-index:3;fill:#727272;position:fixed;left:100%;top:-1%;transform:translate(-99%) rotate(-90deg) scaleY(-1)}.settings{z-index:2;position:fixed;left:50%;top:20%;transform:translate(-50%);width:300px;height:370px;color:#fff;background-color:#727272;border-left:2px solid #a4a4a4;border-top:2px solid #a4a4a4;border-bottom:2px solid #545655;border-right:2px solid #545655;box-shadow:0 0 0 2px #000;padding:0 30px;text-align:center;user-select:none;text-align:left;line-height:1.8rem}#distance-input,#fov-input{appearance:none;width:100%;height:16px;background-color:#ddd;box-shadow:0 0 0 2px #000}#music-input{appearance:none;width:14%;height:16px;background-color:#ddd;box-shadow:0 0 0 2px #000}#distance-input::-webkit-slider-thumb:hover,#fov-input::-webkit-slider-thumb:hover,#music-input::-webkit-slider-thumb:hover{background-color:#218306;border-left:2px solid #17cd07;border-top:2px solid #17cd07;border-bottom:2px solid #004e00;border-right:2px solid #004e00;box-shadow:0 0 0 2px #fff}#distance-input::-webkit-slider-thumb,#fov-input::-webkit-slider-thumb,#music-input::-webkit-slider-thumb{appearance:none;width:20px;height:30px;background-color:#727272;border-left:2px solid #a4a4a4;border-top:2px solid #a4a4a4;border-bottom:2px solid #545655;border-right:2px solid #545655;box-shadow:0 0 0 2px #000;cursor:pointer}#distance-input::-moz-range-thumb,#fov-input::-moz-range-thumb,#music-input::-moz-range-thumb{appearance:none;width:20px;height:30px;background-color:#727272;border-left:2px solid #a4a4a4;border-top:2px solid #a4a4a4;border-bottom:2px solid #545655;border-right:2px solid #545655;box-shadow:0 0 0 2px #000;cursor:pointer}*{-webkit-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;user-select:none}

dist/index.html

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/dist/assets/mc.5fa29ff9.ico" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1,maximum-scale=1"
+    />
+    <meta
+      name="description"
+      content="Minecraft clone made with Three.js + TypeScript, play minecraft in your own browser!"
+    />
+    <title>Minecraft - Three.js</title>
+    <script type="module" crossorigin src="/dist/assets/index.3d64fa62.js"></script>
+    <link rel="modulepreload" href="/dist/assets/vendor.b16e062d.js">
+    <link rel="stylesheet" href="/dist/assets/index.648ad158.css">
+  </head>
+  <body>
+    
+    <a
+      href="https://github.com/Vyse12138/minecraft-threejs"
+      title="Source on GitHub"
+      class="github"
+      target="_blank"
+      rel="noopener"
+    >
+      <svg width="72" height="72" viewBox="0 0 250 250">
+        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
+        <path
+          d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
+          fill="white"
+        ></path>
+        <path
+          d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
+          fill="white"
+        ></path>
+      </svg>
+    </a>
+    <div class="menu start">
+      <button id="play" class="button">Play</button>
+      <button id="save" class="button">Load Game</button>
+      <button id="setting" class="button">Setting</button>
+      <button id="feature" class="button">Guide</button>
+      <button id="exit" class="button">Exit</button>
+      <footer class="footer">© 2022 Yulei Zhu</footer>
+    </div>
+
+    <div class="features hidden">
+      <p>
+        <b> Left-Click: </b> destroy block <br />
+        <b> Right-Click:</b> place block <br />
+        <b> Wheel / Number Key: </b>change block <br />
+        <b> WASD: </b>move <br />
+        <b> Space: </b>jump <br />
+        <b> Q:</b> normal / dev mode <br />
+        <b> Shift:</b> fly up (in dev mode) <br />
+        <b> F: </b>full screen <br />
+        <b> E: </b>menu <br />
+      </p>
+      <button id="back" class="button">Back</button>
+    </div>
+
+    <div class="settings hidden">
+      <p id="distance">Render Distance: 3</p>
+      <input
+        type="range"
+        id="distance-input"
+        min="1"
+        max="8"
+        value="3"
+        step="1"
+      />
+
+      <p id="fov">Field of View: 70</p>
+      <input
+        type="range"
+        id="fov-input"
+        min="40"
+        max="100"
+        value="70"
+        step="1"
+      />
+
+      <p id="music">Music: On</p>
+      <input type="range" id="music-input" min="0" max="1" value="1" step="1" />
+
+      <br />
+      <br />
+      <button id="setting-back" class="button">Apply</button>
+    </div>
+
+    <div class="save-modal hidden">Game Saved!</div>
+    <div class="load-modal hidden">Game Loaded!</div>
+  </body>
+</html>

package.json

@@ -6,7 +6,7 @@
   "description": "Minecraft clone made with Three.js and TypeScript",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vite build --base=/dist/",
     "preview": "vite preview --port 8080",
     "lint": "tsc --noEmit"
   },

vite.config.ts

-import { defineConfig } from 'vite';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  server: {
-    host: '0.0.0.0'
+export default {
+  build: {
+    chunkSizeWarningLimit: 2000,
+    assetsInlineLimit: 0,
+    sourcemap: true
   }
-})
\ No newline at end of file
+}