+
);
+ }
+ loader.push(
+
+
+
+
);
+ for (let i = 0; i < 2; i++) {
+ loader.push(
+
+
);
+ }
+ loader.push(
+
+
+
+
+
);
+ loader.push(
+
+
);
+ for (let i = 0; i < 5; i++) {
+ loader.push(
+
+
);
+ }
const Shaders = [
'BaseRaymarching',
'Collapse',
@@ -24,6 +85,16 @@ export default function Root() {
'BaseLattice',
];
+ const Sounds = [
+ 'Collapse.mp3',
+ 'Droplets.mp3',
+ 'Heavy Ropes.mp3',
+ 'Inception.mp3',
+ 'Menstom.mp3',
+ 'Speechless.mp3',
+ 'Triangle.mp3',
+ ];
+
const handleWindowResize = useCallback((_event) => {
setWindowSize(window.innerWidth);
}, []);
@@ -35,52 +106,127 @@ export default function Root() {
}, [handleWindowResize]);
useEffect(() => {
- let newContent = [];
- let randomContent = [];
- let shadersRandom = [];
- let imagesRandom = [];
+ const newContent = [];
+ const randomContent = [];
+ const shadersRandom: Array
+
+
+
+
;
+ }
+
+ for (let i = 0; i < 7; i++) {
+ imagesRandom.push(Math.floor(Math.random() * 12) + 1);
+ while (imagesRandom.indexOf(
+ imagesRandom[imagesRandom.length - 1]) !=
+ imagesRandom.length - 1) {
+ imagesRandom[imagesRandom.length - 1] += 1;
+ if (imagesRandom[imagesRandom.length - 1] == 13) {
+ imagesRandom[imagesRandom.length - 1] = 1;
+ }
+ }
+ }
+ for (let i = 0; i < 7; i++) {
+ imagesRandom[i] =
+
+ 
+
+
;
+ }
+
+ for (let i = 0; i < 2; i++) {
+ soundsRandom.push(Math.floor(Math.random() * 7));
+ }
+ if (soundsRandom[0] == soundsRandom[1]) {
+ soundsRandom[1] += 1;
+ if (soundsRandom[1] == 7) {
+ soundsRandom[1] = 0;
+ }
+ }
+ soundsRandom[0] = Sounds[soundsRandom[0]];
+ soundsRandom[1] = Sounds[soundsRandom[1]];
+ for (let i = 0; i < soundsRandom.length; i++) {
+ soundsRandom[i] =
+
+
+
+
;
+ }
+
+ while (shadersRandom.length ||
+ imagesRandom.length ||
+ soundsRandom.length) {
+ const random = Math.floor(Math.random() * 4);
+ if (random == 0) {
+ if (shadersRandom.length > 0) {
+ randomContent.push(shadersRandom[0]);
+ shadersRandom.shift();
+ }
+ } else if (random == 1) {
+ if (soundsRandom.length > 0) {
+ randomContent.push(soundsRandom[0]);
+ soundsRandom.shift();
+ }
+ } else {
+ if (imagesRandom.length > 0) {
+ randomContent.push(imagesRandom[0]);
+ imagesRandom.shift();
+ }
+ }
+ }
+ newContent.push(randomContent[0]);
+ newContent.push(randomContent[1]);
+ newContent.push(randomContent[2]);
+ newContent.push(randomContent[3]);
+ newContent.push(randomContent[4]);
newContent.push(
+
);
+ newContent.push(randomContent[5]);
+ newContent.push(randomContent[6]);
+ newContent.push(
+
+
);
+ newContent.push(
+
+
);
+ newContent.push(randomContent[7]);
+ newContent.push(randomContent[8]);
+ newContent.push(randomContent[9]);
+ newContent.push(randomContent[10]);
+ newContent.push(randomContent[11]);
setContent(newContent);
+ setBusy(false);
}, [trigger]);
return (
- {content}
- {/*
);
}
diff --git a/src/server/main.ts b/src/server/main.ts
index 3025fcb..4c7ff25 100644
--- a/src/server/main.ts
+++ b/src/server/main.ts
@@ -3,13 +3,13 @@ import path from 'path';
const app = express();
-app.set('view engine', 'ejs')
+app.set('view engine', 'ejs');
app.use('/static', express.static(path.join(__dirname, '../../public')));
app.use('/js', express.static(path.join(__dirname, '../../dist/client')));
app.get('/', (_req, res) => {
res.render('index');
-})
+});
-app.listen(3000);
\ No newline at end of file
+app.listen(3000);
diff --git a/tsconfig.json b/tsconfig.json
index c79ead9..0a1329b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,8 +16,6 @@
"node_modules",
"config",
"views",
- "build",
- "dev",
"dist"
]
}