style: add b to dumb !!! very important

package-lock.json

@@ -77,7 +77,6 @@
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -1073,6 +1072,7 @@
       "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25"
@@ -2002,7 +2002,6 @@
       "resolved": "https://registry.npmjs.org/@react-three/fiber/-/fiber-9.4.2.tgz",
       "integrity": "sha512-H4B4+FDNHpvIb4FmphH4ubxOfX5bxmfOw0+3pkQwR9u9wFiyMS7wUDkNn0m4RqQuiLWeia9jfN1eBvtyAVGEog==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.17.8",
         "@types/react-reconciler": "^0.32.0",
@@ -2405,6 +2404,7 @@
       "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/estree": "*",
         "@types/json-schema": "*"
@@ -2416,6 +2416,7 @@
       "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/eslint": "*",
         "@types/estree": "*"
@@ -2463,7 +2464,6 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
       "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -2474,7 +2474,6 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -2499,7 +2498,6 @@
       "resolved": "https://registry.npmjs.org/@types/three/-/three-0.182.0.tgz",
       "integrity": "sha512-WByN9V3Sbwbe2OkWuSGyoqQO8Du6yhYaXtXLoA5FkKTUJorZ+yOHBZ35zUUPQXlAKABZmbYp5oAqpA4RBjtJ/Q==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@dimforge/rapier3d-compat": "~0.12.0",
         "@tweenjs/tween.js": "~23.1.3",
@@ -2561,7 +2559,6 @@
       "integrity": "sha512-hM5faZwg7aVNa819m/5r7D0h0c9yC4DUlWAOvHAtISdFTc8xB86VmX5Xqabrama3wIPJ/q9RbGS1worb6JfnMg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.50.1",
         "@typescript-eslint/types": "8.50.1",
@@ -3079,6 +3076,7 @@
       "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.13.2",
         "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
@@ -3089,21 +3087,24 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
       "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
       "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
       "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/helper-numbers": {
       "version": "1.13.2",
@@ -3111,6 +3112,7 @@
       "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.13.2",
         "@webassemblyjs/helper-api-error": "1.13.2",
@@ -3122,7 +3124,8 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
       "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.14.1",
@@ -3130,6 +3133,7 @@
       "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -3143,6 +3147,7 @@
       "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
       }
@@ -3153,6 +3158,7 @@
       "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
       }
@@ -3162,7 +3168,8 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
       "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.14.1",
@@ -3170,6 +3177,7 @@
       "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -3187,6 +3195,7 @@
       "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
@@ -3201,6 +3210,7 @@
       "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -3214,6 +3224,7 @@
       "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-api-error": "1.13.2",
@@ -3229,6 +3240,7 @@
       "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@xtuc/long": "4.2.2"
@@ -3245,14 +3257,16 @@
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
       "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
       "dev": true,
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/@xtuc/long": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
       "dev": true,
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/acorn": {
       "version": "8.15.0",
@@ -3260,7 +3274,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3274,6 +3287,7 @@
       "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.13.0"
       },
@@ -3297,7 +3311,6 @@
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -3315,6 +3328,7 @@
       "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ajv": "^8.0.0"
       },
@@ -3333,6 +3347,7 @@
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -3349,7 +3364,8 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/ajv-keywords": {
       "version": "3.5.2",
@@ -3631,7 +3647,6 @@
       "integrity": "sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/types": "^7.26.0"
       }
@@ -3735,7 +3750,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -3779,7 +3793,8 @@
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/call-bind": {
       "version": "1.0.8",
@@ -3897,6 +3912,7 @@
       "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.0"
       }
@@ -3938,7 +3954,8 @@
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/concat-map": {
       "version": "0.0.1",
@@ -4336,7 +4353,8 @@
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
       "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/es-object-atoms": {
       "version": "1.1.1",
@@ -4427,7 +4445,6 @@
       "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -4613,7 +4630,6 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -4853,6 +4869,7 @@
       "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.8.x"
       }
@@ -4944,7 +4961,8 @@
           "url": "https://opencollective.com/fastify"
         }
       ],
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/fastq": {
       "version": "1.20.1",
@@ -5221,7 +5239,8 @@
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
       "dev": true,
-      "license": "BSD-2-Clause"
+      "license": "BSD-2-Clause",
+      "peer": true
     },
     "node_modules/globals": {
       "version": "14.0.0",
@@ -5986,6 +6005,7 @@
       "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
@@ -6001,6 +6021,7 @@
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -6065,7 +6086,8 @@
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
@@ -6470,6 +6492,7 @@
       "integrity": "sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.11.5"
       },
@@ -6573,7 +6596,8 @@
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/merge-value": {
       "version": "1.0.0",
@@ -6635,6 +6659,7 @@
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -6645,6 +6670,7 @@
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -6751,7 +6777,8 @@
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/next": {
       "version": "16.1.1",
@@ -7133,7 +7160,6 @@
       "resolved": "https://registry.npmjs.org/postprocessing/-/postprocessing-6.38.2.tgz",
       "integrity": "sha512-7DwuT7Tkst41ZjSj287g7C9c5/D3Xx5rMgBosg0dadbUPoZD2HNzkadKPol1d2PJAoI9f+Jeh1/v9YfLzpFGVw==",
       "license": "Zlib",
-      "peer": true,
       "peerDependencies": {
         "three": ">= 0.157.0 < 0.183.0"
       }
@@ -7227,6 +7253,7 @@
       "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "safe-buffer": "^5.1.0"
       }
@@ -7257,7 +7284,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
       "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7277,7 +7303,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -7512,7 +7537,8 @@
           "url": "https://feross.org/support"
         }
       ],
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/safe-push-apply": {
       "version": "1.0.0",
@@ -7590,6 +7616,7 @@
       "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
       "dev": true,
       "license": "BSD-3-Clause",
+      "peer": true,
       "dependencies": {
         "randombytes": "^2.1.0"
       }
@@ -7834,6 +7861,7 @@
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true,
       "license": "BSD-3-Clause",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7853,6 +7881,7 @@
       "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
@@ -8151,6 +8180,7 @@
       "integrity": "sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
         "acorn": "^8.15.0",
@@ -8170,6 +8200,7 @@
       "integrity": "sha512-h9oBFCWrq78NyWWVcSwZarJkZ01c2AyGrzs1crmHZO3QUg9D61Wu4NPjBy69n7JqylFF5y+CsUZYmYEIZ3mR+Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.25",
         "jest-worker": "^27.4.5",
@@ -8223,6 +8254,7 @@
       "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3"
       },
@@ -8235,7 +8267,8 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
       "version": "4.3.3",
@@ -8243,6 +8276,7 @@
       "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
         "ajv": "^8.9.0",
@@ -8261,8 +8295,7 @@
       "version": "0.182.0",
       "resolved": "https://registry.npmjs.org/three/-/three-0.182.0.tgz",
       "integrity": "sha512-GbHabT+Irv+ihI1/f5kIIsZ+Ef9Sl5A1Y7imvS5RQjWgtTPfPnZ43JmlYI7NtCRDK9zir20lQpfg8/9Yd02OvQ==",
-      "license": "MIT",
+      "license": "MIT"
-      "peer": true
     },
     "node_modules/three-mesh-bvh": {
       "version": "0.8.3",
@@ -8337,7 +8370,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8567,7 +8599,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -8732,6 +8763,7 @@
       "integrity": "sha512-e6vZvY6xboSwLz2GD36c16+O/2Z6fKvIf4pOXptw2rY9MVwE/TXc6RGqxD3I3x0a28lwBY7DE+76uTPSsBrrCA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
@@ -8757,6 +8789,7 @@
       "integrity": "sha512-Qphch25abbMNtekmEGJmeRUhLDbe+QfiWTiqpKYkpCOWY64v9eyl+KRRLmqOFA2AvKPpc9DC6+u2n76tQLBoaA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -8806,6 +8839,7 @@
       "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.13.0"
       }
@@ -8834,6 +8868,7 @@
       "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3"
       },
@@ -8847,6 +8882,7 @@
       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
@@ -8861,6 +8897,7 @@
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -8870,7 +8907,8 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/webpack/node_modules/schema-utils": {
       "version": "4.3.3",
@@ -8878,6 +8916,7 @@
       "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
         "ajv": "^8.9.0",
@@ -9032,7 +9071,6 @@
       "integrity": "sha512-0wZ1IRqGGhMP76gLqz8EyfBXKk0J2qo2+H3fi4mcUP/KtTocoX08nmIAHl1Z2kJIZbZee8KOpBCSNPRgauucjw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }

src/app/page.css

@@ -1,46 +1,291 @@
-.canvas {
+:root {
-	width: 100vw !important;
+	--bg: #fff;
-	height: 100vh !important;
+	--bg-pattern: #f7f2f2;
+
+	--surface: #fff;
+	--border: #e2e8f0;
+
+	--text-header: #444;
+	--text-title: #666;
+	--text-title-shadow: #7d93bb;
+
+	--text-main: #5a6b82;
+	--text-dim: #94a3b8;
+
+	--accent: #d7e6ff;
+	--pink-accent: #ffd6f5;
+
+	--sparkle: #ffffff;
+	--sparkle-glow: rgba(0, 100, 255, 0.555);
+
+	--border-width: 2px;
 }
 
-.loader {
+* {
-	position: fixed;
+	cursor: url('https://cdn.cursors-4u.net/previews/my-custom-cursor-8-957a5617-32.webp') 32 32, auto;
-	top: 0;
+}
-	left: 0;
-	width: 100%;
-	height: 100%;
-	background: black;
-	z-index: 4444;
-	transition: opacity 1s ease-in-out;
-	pointer-events: none;
 
-	opacity: 1;
+body {
+	color: var(--text-main);
+	font-family: "Times New Roman", Times, serif;
+	text-align: center;
 
 	display: flex;
 	justify-content: center;
 	align-items: center;
+	min-height: 100vh;
+	margin: 0;
+	overflow-x: hidden;
 
-	will-change: opacity;
+	background-color: var(--bg);
+	background-image:
+		linear-gradient(45deg, var(--bg-pattern) 25%, transparent 25%, transparent 75%, var(--bg-pattern) 75%, var(--bg-pattern)),
+		linear-gradient(45deg, var(--bg-pattern) 25%, #fff 25%, #fff 75%, var(--bg-pattern) 75%, var(--bg-pattern));
+	background-size: 40px 40px;
+	background-position: 0 0, 20px 20px;
 }
 
-.loader.hidden {
+/*
-	opacity: 0;
+	layout stuffs
-}
+*/
-
+@keyframes float {
-.niko-spin {
-	width: 50vw;
-	height: auto;
-	display: block;
-	animation: spin 3s ease-in-out infinite;
-	will-change: transform;
-}
-
-@keyframes spin {
 	0% {
-		transform: rotate(0deg);
+		transform: translateY(0px);
+	}
+
+	50% {
+		transform: translateY(-10px);
 	}
 
 	100% {
-		transform: rotate(360deg);
+		transform: translateY(0px);
 	}
 }
+
+.main-frame {
+	background: var(--surface);
+
+	padding: 40px;
+
+	position: relative;
+	max-width: 420px;
+	width: 100%;
+
+	box-shadow: 4px 4px 0px var(--accent);
+	border: 2px solid #fff;
+	outline: 1px solid var(--pink-accent);
+
+	animation: float 6s ease-in-out infinite;
+}
+
+.main-frame::before,
+.main-frame::after {
+	content: "✧";
+	position: absolute;
+	color: var(--sparkle);
+	font-size: 1.5rem;
+	text-shadow: 0 0 20px var(--sparkle-glow), 0 0 15px var(--sparkle-glow), 0 0 10px var(--sparkle-glow), 0 0 5px var(--sparkle-glow)
+}
+
+.main-frame::before {
+	top: 10px;
+	left: 10px;
+}
+
+.main-frame::after {
+	bottom: 10px;
+	right: 10px;
+}
+
+.content-box {
+	border: 1px ridge var(--pink-accent);
+	background: #fffafa;
+	margin-top: 20px;
+	padding: 18px;
+}
+
+/*
+	text stuffs
+*/
+h1 {
+	font-size: 1.5rem;
+	letter-spacing: -1px;
+	color: var(--text-header);
+	text-transform: lowercase;
+	font-style: italic;
+	font-weight: normal;
+	margin-bottom: 5px;
+	filter: drop-shadow(0 0 15px var(--text-title-shadow));
+}
+
+.motto {
+	font-size: 0.8rem;
+	letter-spacing: 2px;
+	margin-bottom: 20px;
+	color: var(--text-dim);
+}
+
+.social-links {
+	margin: 25px 0;
+	font-size: 0.8rem;
+}
+
+.social-links a {
+	color: var(--text-main);
+	text-decoration: none;
+	margin: 0 10px;
+	padding: 2px 8px;
+	transition: 0.5s;
+}
+
+.title {
+	font-size: 1.1rem;
+	margin-bottom: 10px;
+	color: var(--text-title);
+}
+
+.invite-btn {
+	display: inline-block;
+	margin-top: 15px;
+
+	text-decoration: none;
+	color: var(--text-dim);
+	font-size: 0.7rem;
+	text-transform: uppercase;
+	letter-spacing: 2px;
+
+	transition: 0.3s;
+}
+
+.invite-btn:hover {
+	color: var(--accent);
+	text-shadow: 0 0 15px var(--sparkle);
+	letter-spacing: 2.5px;
+}
+
+.directory {
+	list-style: none;
+	padding: 0;
+	display: flex;
+	justify-content: center;
+	gap: 12px;
+}
+
+.directory a {
+	padding: 4px 12px;
+	font-size: 0.8rem;
+	color: var(--text-main);
+	transition: 0.5s;
+}
+
+/* text hover anim */
+.social-links a:hover,
+.directory a:hover {
+	color: #fff;
+	background: var(--pink-accent);
+	box-shadow: 0 0 15px var(--pink-accent);
+	border-radius: 4px;
+	cursor: url('https://cdn.cursors-4u.net/previews/my-custom-cursor-8-1-e2eeed6e-preview-32.webp') 0 0, auto !important;
+}
+
+.marquee {
+	width: 100%;
+	overflow: hidden;
+	white-space: nowrap;
+	padding: 10px 0;
+	margin-top: 30px;
+
+	font-size: 0.75rem;
+	letter-spacing: 2.5px;
+	color: var(--text-dim);
+
+	border-top: 1px ridge var(--pink-accent);
+	border-bottom: 1px ridge var(--pink-accent);
+	background: rgba(255, 255, 255, 0.5);
+}
+
+.marquee span {
+	display: inline-block;
+	padding-left: 100%;
+	animation: marquee 15s linear infinite;
+}
+
+@keyframes marquee {
+	0% {
+		transform: translate(0, 0);
+	}
+
+	100% {
+		transform: translate(-100%, 0);
+	}
+}
+
+/*
+	modal
+*/
+.modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.6);
+    backdrop-filter: blur(2px);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+    animation: fadeIn 0.3s ease;
+}
+
+.modal-content {
+    background: var(--surface);
+    padding: 25px;
+    border: 1px ridge var(--pink-accent);
+    outline: 1px solid var(--accent);
+    box-shadow: 8px 8px 0px var(--pink-accent);
+    text-align: center;
+    min-width: 250px;
+}
+
+.modal-header {
+    color: var(--text-title);
+    font-size: 1.1rem;
+    margin-bottom: 15px;
+    border-bottom: 1px double var(--accent);
+    padding-bottom: 5px;
+}
+
+.modal-body p {
+    font-size: 0.9rem;
+    margin: 8px 0;
+    color: var(--text-main);
+}
+
+.modal-close-btn {
+    background: none;
+    border: none;
+    margin-top: 15px;
+    font-family: inherit;
+    font-size: 0.7rem;
+    color: var(--text-dim);
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    cursor: pointer;
+    transition: 0.3s;
+}
+
+.modal-close-btn:hover {
+    color: var(--text-title-shadow);
+    letter-spacing: 2px;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+@keyframes popIn {
+    from { transform: scale(0.8); opacity: 0; }
+    to { transform: scale(1); opacity: 1; }
+}

src/app/page.tsx

@@ -1,8 +1,85 @@
 'use client';
 
+import { useState } from 'react';
 import './page.css';
-import SealHome from './pages/seal';
+
+const TWITTER_LINK = "https://x.com/neruu444"
+const DISCORD_USER = "neru444"
+const DISCORD_ID = "1104474057916809226"
+const STEAM_LINK = "https://steamcommunity.com/profiles/76561198440714757/"
+
+function Content() {
+	const [isOpen, setIsOpen] = useState(false);
+
+	const toggleModal = () => setIsOpen(!isOpen);
+
+	return (
+		<>
+			<div className="main-frame">
+				<header>
+					<h1>neru</h1>
+					<p className="motto">˚₊‧꒰ა 𓂋 ໒꒱ ‧₊˚</p>
+				</header>
+
+				<nav className="social-links">
+					<a href={TWITTER_LINK}>twitter</a> •
+					<a onClick={toggleModal}>discord</a> •
+					<a href={STEAM_LINK} style={{ cursor: 'pointer' }}>steam</a> •
+					<a href="https://git.neru.rip/neru">projects</a>
+				</nav>
+
+				<section className="content-box">
+					<h2 className="title">✧ luma ✧</h2>
+					<p style={{ fontSize: '0.9rem' }}>a rly barebones TTS discord bot that sometimes works</p>
+					<a href="https://discord.com/api/oauth2/authorize?client_id=1459513087278186567&scope=applications.commands+bot&permissions=70643692457024" className="invite-btn">
+						[ add to server ]
+					</a>
+				</section>
+
+				<section className="content-box">
+					<h2 className="title">✧ sites ✧</h2>
+					<ul className="directory">
+						<li><a href="https://git.neru.rip">gitea</a></li>
+						<li><a href="https://zl.neru.rip">zipline</a></li>
+						<li><a href="https://files.neru.rip">files</a></li>
+					</ul>
+				</section>
+
+				<section className="content-box">
+					<h2 className="title">✧ dumb stuff ✧</h2>
+					<ul className="directory">
+						<li><a href="discord://-/apps">break discord</a></li>
+						<li><a href="discord://-/channels/@me/">fix discord</a></li>
+					</ul>
+				</section>
+
+
+				<footer>
+					<div className="marquee">
+						<span>✧ ꒰ა˵• ﻌ •˵ა꒱ ✧ ฅ^•ﻌ•^ฅ ✧ ᶻ 𝗓 𐰁 /ᐠ. ｡ .ᐟ\ ✧ ฅ/ᐠ. ̫ .ᐟ\ฅ ✧ ꒰ა≽^•⩊•^≼໒꒱ ✧ ₍˄·͈༝·͈˄₎ ✧ /ᐠ. ⩊ .ᐟ\ﾉ ✧ 𓏲ּ ֶָ ࣪ /ᐠ .ᆺ. ᐟ\ﾉ ✧</span>
+					</div>
+					{/* <p style={{ fontSize: '0.65rem', opacity: 0.5 }}>✼　 ҉ 　✼　 ҉ 　✼　 ҉ 　✼</p> */}
+				</footer>
+
+				{isOpen && (
+					<div className="modal-overlay" onClick={toggleModal}>
+						<div className="modal-content" onClick={(e) => e.stopPropagation()}>
+							<div className="modal-header">✧ discord info ✧</div>
+							<div className="modal-body">
+								<p><strong>User:</strong> {DISCORD_USER}</p>
+								<p><strong>ID:</strong> {DISCORD_ID}</p>
+							</div>
+							<button className="modal-close-btn" onClick={toggleModal}>[ close ]</button>
+						</div>
+					</div>
+				)}
+			</div>
+		</>
+	);
+}
 
 export default function Home() {
-	return <SealHome />;
+	return (
+		<Content />
+	)
 }

src/app/pages/seal.tsx

@@ -1,684 +0,0 @@
-'use client';
-
-import {
-	forwardRef,
-	useImperativeHandle,
-	useLayoutEffect,
-	useMemo,
-	useRef,
-	useState
-} from 'react';
-
-import {
-	Bloom,
-	EffectComposer,
-	Noise,
-	Vignette,
-	DepthOfField,
-	SMAA,
-	HueSaturation,
-	BrightnessContrast,
-	LUT
-} from '@react-three/postprocessing';
-
-import { Environment, OrbitControls, useProgress } from '@react-three/drei';
-import { Canvas, useLoader, useFrame } from '@react-three/fiber';
-import {
-	BufferAttribute,
-	BufferGeometry,
-	Mesh,
-	Object3D,
-	InstancedMesh,
-	DoubleSide,
-	TextureLoader,
-	Color,
-	MeshStandardMaterial
-} from 'three';
-
-import { LUTCubeLoader } from 'three/examples/jsm/loaders/LUTCubeLoader.js';
-
-import { createNoise2D } from 'simplex-noise';
-
-import grassVert from './shaders/grass.vert';
-import grassFrag from './shaders/grass.frag';
-
-interface Shader {
-	uniforms: { [key: string]: { value: unknown } };
-	vertexShader: string;
-	fragmentShader: string;
-}
-
-function getTerrainHeight(
-	localX: number,
-	localZ: number,
-	worldXBase: number,
-	worldZBase: number,
-	scale: number,
-	hillScale: number,
-	hillHeight: number,
-	detailScale: number,
-	detailHeight: number,
-	noise2D: (x: number, y: number) => number
-) {
-	const worldX = (worldXBase + localX) * 0.1;
-	const worldZ = (worldZBase + localZ) * 0.1;
-
-	const noiseHill =
-		noise2D(worldX * hillScale, worldZ * hillScale) * hillHeight;
-	const noiseDetail =
-		noise2D(worldX * detailScale, worldZ * detailScale) * detailHeight;
-
-	return (noiseHill + noiseDetail) * scale;
-}
-
-interface GrassProps {
-	x: number;
-	y: number;
-	size: number;
-	count: number;
-	grassSize: number;
-	scale: number;
-	hillScale: number;
-	hillHeight: number;
-	detailScale: number;
-	detailHeight: number;
-	noise2D: (x: number, y: number) => number;
-	grassLOD: number;
-	enableShadows?: boolean;
-}
-
-function Grass({
-	x,
-	y,
-	size,
-	count,
-	grassSize,
-	scale,
-	hillScale,
-	hillHeight,
-	detailScale,
-	detailHeight,
-	noise2D,
-	grassLOD
-}: GrassProps) {
-	const meshRef = useRef<InstancedMesh>(null);
-	const dummyRef = useRef<Object3D>(new Object3D());
-
-	const [alphaMap, normalMap] = useLoader(TextureLoader, [
-		'/img/grass_alpha.png',
-		'/img/grass_normal.png'
-	]);
-
-	const materialRef = useRef<
-		MeshStandardMaterial & { userData: { shader: Shader } }
-	>(null);
-
-	useFrame((state) => {
-		if (
-			materialRef.current &&
-			materialRef.current.userData &&
-			materialRef.current.userData.shader
-		) {
-			(materialRef.current.userData.shader as Shader).uniforms.uTime.value =
-				state.clock.getElapsedTime();
-		}
-	});
-
-	const geometry = useMemo(() => {
-		const geo = new BufferGeometry();
-
-		const w = 0.5;
-		const h = 2;
-		const segments = 4;
-
-		const positions: number[] = [];
-		const uvs: number[] = [];
-		const indices: number[] = [];
-
-		for (let i = 0; i < 3; i++) {
-			const angle = (Math.PI / 3) * i;
-			const sinA = Math.sin(angle);
-			const cosA = Math.cos(angle);
-
-			const offset = positions.length / 3;
-
-			for (let y = 0; y <= segments; y++) {
-				const v = y / segments;
-				const yPos = v * h;
-
-				positions.push(-w * cosA, yPos, -w * sinA);
-				uvs.push(0, v);
-
-				positions.push(w * cosA, yPos, w * sinA);
-				uvs.push(1, v);
-			}
-
-			for (let y = 0; y < segments; y++) {
-				const row1 = offset + y * 2;
-				const row2 = offset + (y + 1) * 2;
-
-				indices.push(row1, row1 + 1, row2);
-				indices.push(row1 + 1, row2 + 1, row2);
-			}
-		}
-
-		geo.setAttribute(
-			'position',
-			new BufferAttribute(new Float32Array(positions), 3)
-		);
-		geo.setAttribute('uv', new BufferAttribute(new Float32Array(uvs), 2));
-		geo.setIndex(indices);
-		geo.computeVertexNormals();
-
-		return geo;
-	}, []);
-
-	useLayoutEffect(() => {
-		if (!meshRef.current) return;
-		const dummy = dummyRef.current;
-
-		const worldXBase = x * size;
-		const worldZBase = y * size;
-
-		const color = new Color();
-		const lushColor = new Color('#348a34');
-		const dryColor = new Color('#556b19');
-
-		let instanceIndex = 0;
-
-		for (let i = 0; i < count; i++) {
-			const localX = (Math.random() - 0.5) * size;
-			const localZ = (Math.random() - 0.5) * size;
-
-			const globalX = worldXBase + localX;
-			const globalZ = worldZBase + localZ;
-
-			const dist = Math.sqrt(globalX * globalX + globalZ * globalZ);
-
-			const maxDist = grassLOD;
-
-			const falloffStart = maxDist * 0.1;
-			const falloffEnd = maxDist;
-
-			let fallofFactor = (dist - falloffStart) / (falloffEnd - falloffStart);
-			fallofFactor = Math.max(0, Math.min(1, fallofFactor));
-
-			const density = (1.0 - fallofFactor) * (1.0 - fallofFactor);
-
-			if (Math.random() > density) continue;
-
-			const localY = getTerrainHeight(
-				localX,
-				localZ,
-				worldXBase,
-				worldZBase,
-				scale,
-				hillScale,
-				hillHeight,
-				detailScale,
-				detailHeight,
-				noise2D
-			);
-
-			dummy.position.set(localX, localY, localZ);
-
-			dummy.rotation.y = Math.random() * Math.PI * 2;
-			dummy.rotation.x = (Math.random() - 0.5) * 0.2;
-			dummy.rotation.z = (Math.random() - 0.5) * 0.2;
-
-			const baseScale = grassSize + Math.random() * grassSize * 0.5;
-			const heightMult = 0.5 + Math.random() * 1.0;
-			dummy.scale.set(baseScale, baseScale * heightMult, baseScale);
-
-			dummy.updateMatrix();
-			meshRef.current.setMatrixAt(instanceIndex, dummy.matrix);
-
-			const noiseVal = noise2D(globalX * 0.02, globalZ * 0.02);
-
-			const t = (noiseVal + 1) / 2;
-
-			const randomInternal = (Math.random() - 0.5) * 0.2;
-			const finalT = Math.max(0, Math.min(1, t + randomInternal));
-
-			color.lerpColors(dryColor, lushColor, finalT);
-
-			meshRef.current.setColorAt(instanceIndex, color);
-
-			instanceIndex++;
-		}
-		meshRef.current.count = instanceIndex;
-
-		meshRef.current.instanceMatrix.needsUpdate = true;
-		if (meshRef.current.instanceColor)
-			meshRef.current.instanceColor.needsUpdate = true;
-	}, [
-		x,
-		y,
-		size,
-		count,
-		grassSize,
-		scale,
-		hillScale,
-		hillHeight,
-		detailScale,
-		detailHeight,
-		noise2D,
-		grassLOD
-	]);
-
-	const onBeforeCompile = useMemo(
-		() => (shader: Shader) => {
-			shader.uniforms.uTime = { value: 0 };
-
-			shader.vertexShader = `
-			uniform float uTime;
-			varying vec2 vGrassUv;
-			
-			float hash(vec2 p) {
-				return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453);
-			}
-			
-			float noise(vec2 p) {
-				vec2 i = floor(p);
-				vec2 f = fract(p);
-				f = f * f * (3.0 - 2.0 * f);
-				
-				float a = hash(i);
-				float b = hash(i + vec2(1.0, 0.0));
-				float c = hash(i + vec2(0.0, 1.0));
-				float d = hash(i + vec2(1.0, 1.0));
-				
-				return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);
-			}
-			
-			float fbm(vec2 p) {
-				float value = 0.0;
-				float amplitude = 0.5;
-				float frequency = 1.0;
-				
-				for(int i = 0; i < 4; i++) {
-					value += amplitude * noise(p * frequency);
-					frequency *= 2.0;
-					amplitude *= 0.5;
-				}
-				
-				return value;
-			}
-			
-			${shader.vertexShader}
-		`;
-			shader.vertexShader = shader.vertexShader.replace(
-				'#include <begin_vertex>',
-				`
-			#include <begin_vertex>
-			vGrassUv = uv;
-			${grassVert}
-			`
-			);
-
-			shader.fragmentShader = `
-			uniform float uTime;
-			varying vec2 vGrassUv;
-			${shader.fragmentShader}
-		`;
-			shader.fragmentShader = shader.fragmentShader.replace(
-				'#include <color_fragment>',
-				`
-			#include <color_fragment>
-			${grassFrag}
-			`
-			);
-
-			if (materialRef.current) {
-				materialRef.current.userData.shader = shader;
-			}
-		},
-		[]
-	);
-
-	return (
-		<instancedMesh
-			ref={meshRef}
-			args={[undefined, undefined, count]}
-			position={[x * size, 0, y * size]}
-			geometry={geometry}
-		>
-			<meshStandardMaterial
-				ref={materialRef}
-				color='#ffffff'
-				side={DoubleSide}
-				alphaMap={alphaMap}
-				alphaTest={0.5}
-				normalMap={normalMap}
-				roughness={0.8}
-				metalness={0.1}
-				onBeforeCompile={onBeforeCompile}
-			/>
-		</instancedMesh>
-	);
-}
-
-interface TerrainChunkProps {
-	x: number;
-	y: number;
-	size: number;
-	resolution: number;
-	scale: number;
-	hillScale: number;
-	hillHeight: number;
-	detailScale: number;
-	detailHeight: number;
-	noise2D: (x: number, y: number) => number;
-	grassCount: number;
-	grassSize: number;
-	grassLOD: number;
-}
-function TerrainChunk({
-	x,
-	y,
-	size,
-	resolution,
-	scale,
-	hillScale,
-	hillHeight,
-	detailScale,
-	detailHeight,
-	noise2D,
-	grassCount,
-	grassSize,
-	grassLOD
-}: TerrainChunkProps) {
-	const chunkDist = Math.sqrt((x * size) ** 2 + (y * size) ** 2);
-	const shouldRenderGrass = chunkDist < grassLOD + size;
-
-	const meshRef = useRef<Mesh>(null);
-
-	const geometry = useMemo(() => {
-		const geo = new BufferGeometry();
-
-		const vertices: Array<number> = [];
-		const indices: Array<number> = [];
-
-		const step = size / (resolution - 1);
-		const halfSize = size / 2;
-		const worldXBase = x * size;
-		const worldZBase = y * size;
-
-		/*
-			vtx gen
-		*/
-		for (let iz = 0; iz < resolution; iz++) {
-			for (let ix = 0; ix < resolution; ix++) {
-				const localX = ix * step - halfSize;
-				const localZ = iz * step - halfSize;
-
-				const localY = getTerrainHeight(
-					localX,
-					localZ,
-					worldXBase,
-					worldZBase,
-					scale,
-					hillScale,
-					hillHeight,
-					detailScale,
-					detailHeight,
-					noise2D
-				);
-
-				vertices.push(localX, localY, localZ);
-			}
-		}
-
-		/*
-			idx gen
-		*/
-		for (let iz = 0; iz < resolution - 1; iz++) {
-			for (let ix = 0; ix < resolution - 1; ix++) {
-				const topLeft = iz * resolution + ix;
-				const topRight = topLeft + 1;
-				const bottomLeft = (iz + 1) * resolution + ix;
-				const bottomRight = bottomLeft + 1;
-
-				indices.push(topLeft, bottomLeft, topRight);
-				indices.push(topRight, bottomLeft, bottomRight);
-			}
-		}
-		geo.setAttribute(
-			'position',
-			new BufferAttribute(new Float32Array(vertices), 3)
-		);
-
-		const colors: Array<number> = [];
-		for (let iz = 0; iz < resolution; iz++) {
-			for (let ix = 0; ix < resolution; ix++) {
-				const localX = ix * step - halfSize;
-				const localZ = iz * step - halfSize;
-				const globalX = worldXBase + localX;
-				const globalZ = worldZBase + localZ;
-				const colorNoise = noise2D(globalX * 0.02, globalZ * 0.02);
-				const t = (colorNoise + 1) / 2;
-
-				const dryGreen = { r: 0.01, g: 0.01, b: 0.0 };
-				const lushGreen = { r: 0.0, g: 0.05, b: 0.0 };
-
-				const r = dryGreen.r + (lushGreen.r - dryGreen.r) * t;
-				const g = dryGreen.g + (lushGreen.g - dryGreen.g) * t;
-				const b = dryGreen.b + (lushGreen.b - dryGreen.b) * t;
-
-				colors.push(r, g, b);
-			}
-		}
-		geo.setAttribute('color', new BufferAttribute(new Float32Array(colors), 3));
-
-		geo.setIndex(indices);
-		geo.computeVertexNormals();
-
-		return geo;
-	}, [
-		x,
-		y,
-		size,
-		resolution,
-		scale,
-		hillScale,
-		hillHeight,
-		detailScale,
-		detailHeight,
-		noise2D
-	]);
-
-	return (
-		<group>
-			<mesh
-				ref={meshRef}
-				geometry={geometry}
-				position={[x * size, 0, y * size]}
-			>
-				<meshStandardMaterial vertexColors roughness={1.0} metalness={0.0} />
-			</mesh>
-			{shouldRenderGrass && (
-				<Grass
-					x={x}
-					y={y}
-					size={size}
-					count={grassCount}
-					grassSize={grassSize}
-					scale={scale}
-					hillScale={hillScale}
-					hillHeight={hillHeight}
-					detailScale={detailScale}
-					detailHeight={detailHeight}
-					noise2D={noise2D}
-					grassLOD={grassLOD}
-				/>
-			)}
-		</group>
-	);
-}
-
-interface TerrainProps {
-	chunks?: number;
-	chunkSize?: number;
-	resolution?: number;
-	scale?: number;
-	hillScale: number;
-	hillHeight: number;
-	detailScale: number;
-	detailHeight: number;
-	grassCount?: number;
-	grassSize?: number;
-	grassLOD?: number;
-}
-function Terrain({
-	chunks = 5,
-	chunkSize = 10,
-	resolution = 8,
-	scale = 1,
-	hillScale = 0.2,
-	hillHeight = 3,
-	detailScale = 3,
-	detailHeight = 0.1,
-	grassCount = 6000,
-	grassSize = 0.6,
-	grassLOD = 40
-}: TerrainProps) {
-	const noise2D = useMemo(() => createNoise2D(), []);
-	const offset = -Math.floor(chunks / 2);
-
-	const chunkPositions = useMemo(() => {
-		const positions: [number, number][] = [];
-		for (let x = 0; x < chunks; x++)
-			for (let y = 0; y < chunks; y++) positions.push([x + offset, y + offset]);
-
-		return positions;
-	}, [chunks, offset]);
-
-	return (
-		<group>
-			{chunkPositions.map(([x, y], index) => (
-				<TerrainChunk
-					key={`${x}-${y}-${index}`}
-					x={x}
-					y={y}
-					size={chunkSize}
-					resolution={resolution}
-					scale={scale}
-					hillScale={hillScale}
-					hillHeight={hillHeight}
-					detailScale={detailScale}
-					detailHeight={detailHeight}
-					noise2D={noise2D}
-					grassCount={grassCount}
-					grassSize={grassSize}
-					grassLOD={grassLOD}
-				/>
-			))}
-		</group>
-	);
-}
-
-const SealCube = forwardRef<Mesh>((props, ref) => {
-	const texture = useLoader(TextureLoader, '/img/niko.jpg');
-	const meshRef = useRef<Mesh>(null);
-
-	useImperativeHandle(ref, () => meshRef.current!, []);
-
-	useFrame((state, delta) => {
-		if (meshRef.current) {
-			meshRef.current.rotation.x += delta * 0.5;
-			meshRef.current.rotation.y += delta * 0.5;
-		}
-	});
-
-	return (
-		<mesh ref={meshRef} position={[0, 3, 0]} castShadow receiveShadow>
-			<boxGeometry args={[0.85, 0.85, 0.85]} />
-			<meshBasicMaterial map={texture} depthWrite={true} />
-		</mesh>
-	);
-});
-SealCube.displayName = 'SealCube';
-
-function Loader() {
-	const { progress, active } = useProgress();
-	const [visible, setVisible] = useState(true);
-
-	useLayoutEffect(() => {
-		if (!active && progress === 100) {
-			const timeout = setTimeout(() => setVisible(false), 500);
-			return () => clearTimeout(timeout);
-		}
-	}, [progress, active]);
-
-	return (
-		<div className={`loader ${!visible ? 'loader hidden' : ''}`}>
-			<picture>
-				<img alt='niko!!' src='/img/niko.jpg' className='niko-spin' />
-			</picture>
-		</div>
-	);
-}
-
-function LutEffect() {
-	const lutTexture = useLoader(LUTCubeLoader, '/lut/Landscape6.cube');
-	return <LUT lut={lutTexture.texture3D} />;
-}
-
-export default function SealHome() {
-	return (
-		<>
-			<Loader />
-			<Canvas
-				shadows
-				camera={{ position: [0, 5, 15], fov: 50, far: 100 }}
-				gl={{ antialias: true }}
-				className='canvas'
-			>
-				<EffectComposer>
-					<DepthOfField target={[0, 3, 0]} focalLength={10} bokehScale={5} />
-					<Vignette />
-					<Noise opacity={0.05} />
-					<Bloom
-						intensity={2}
-						luminanceThreshold={0.5}
-						luminanceSmoothing={0.1}
-					/>
-					<SMAA />
-					<HueSaturation saturation={0.1} />
-					<BrightnessContrast brightness={0.05} contrast={-0.1} />
-					<LutEffect />
-				</EffectComposer>
-
-				<Environment
-					files={'hdr/sky.hdr'}
-					environmentIntensity={1}
-					background
-				/>
-				<fogExp2 attach='fog' args={[0x9a9a9a, 0.01]} />
-
-				<Terrain
-					chunks={16}
-					chunkSize={10.0}
-					resolution={8.0}
-					scale={1}
-					hillScale={0.1}
-					hillHeight={6.0}
-					detailScale={1.0}
-					detailHeight={0.2}
-					grassCount={6000}
-					grassSize={0.6}
-					grassLOD={60}
-				/>
-				<SealCube />
-
-				<OrbitControls
-					target={[0, 3, 0]}
-					enablePan={false}
-					makeDefault
-					minDistance={2}
-					maxDistance={10}
-				/>
-			</Canvas>
-		</>
-	);
-}

src/app/pages/shaders/grass.frag

@@ -1,13 +0,0 @@
-float ao = smoothstep(0.0, 0.4, vGrassUv.y);
-ao = mix(0.2, 1.0, ao); // Roots are 20% brightness
-
-vec3 rootColor = diffuseColor.rgb * 0.4;
-vec3 tipColor = diffuseColor.rgb * 1.3 + vec3(0.1, 0.1, 0.0);
-
-vec3 grassColor = mix(rootColor, tipColor, vGrassUv.y);
-grassColor *= ao;
-
-float translucency = pow(vGrassUv.y, 2.0) * 0.5;
-grassColor += vec3(0.1, 0.2, 0.0) * translucency;
-
-diffuseColor.rgb = grassColor;

src/app/pages/shaders/grass.vert

@@ -1,37 +0,0 @@
-vec4 worldPos = modelMatrix * instanceMatrix * vec4(0.0, 0.0, 0.0, 1.0);
-float gx = worldPos.x;
-float gz = worldPos.z;
-
-vec2 mainWindDir = normalize(vec2(1.0, 0.6));
-float windSpeed = 1.5;
-
-float windTime = uTime * windSpeed;
-vec2 windSamplePos = (worldPos.xz * 0.05) - (mainWindDir * windTime * 0.2);
-
-float windBase = fbm(windSamplePos * 0.8) * 0.4 + 0.2;
-float gustNoise = fbm(windSamplePos * 0.4);
-float gust = pow(gustNoise, 3.0) * 1.8;
-float totalWind = windBase + gust;
-
-float phase = gx * 0.5 + gz * 0.3;
-float spring = sin(uTime * 2.0 + phase) * 0.06 + sin(uTime * 4.5 + phase * 1.5) * 0.03;
-
-float angleNoise = fbm(windSamplePos * 2.0 + uTime * 0.1) - 0.5;
-vec2 windDir = normalize(mainWindDir + vec2(-mainWindDir.y, mainWindDir.x) * angleNoise * 0.4);
-
-float taperFactor = pow(uv.y, 4.0);
-float taper = 1.0 - taperFactor * 0.6;
-transformed.x *= taper;
-transformed.z *= taper;
-
-float curveVal = fbm(vec2(gx, gz) * 0.5);
-float curveStrength = 2.0 + curveVal * 2.0; 
-float curveAmount = uv.y * uv.y * curveStrength; 
-vec2 curveDir = normalize(vec2(curveVal, fbm(vec2(gz, gx))) - 0.5);
-transformed.x += curveAmount * curveDir.x * 0.5;
-transformed.z += curveAmount * curveDir.y * 0.5;
-
-float swayAmount = (totalWind + spring) * uv.y * uv.y;
-transformed.x += swayAmount * windDir.x;
-transformed.z += swayAmount * windDir.y;
-transformed.y -= abs(swayAmount) * 0.2;