methlab-3js

The mETHLAB is an ambitious project that leverages the power of threeJS to create a visually stunning and interactive 3D world. Users are introduced to a multi-level environment, each with its own unique purpose and challenges. The narrative unfolds as users progress through these levels, immersing them in a story where they can engage with the world of mETH, reminiscent of the iconic Breaking Bad series.

Source: https://diffusionlabs.notion.site/MethLAB-ThreeJS-Project-Brief-304f7ba29b494b21b4621b80399b57cf

Build instructions

npm run dev : Starts the development server. npm run build: Builds the app for production. npm start : Runs the built app in production mode.

Structure

lib ├── deprecated │ └── PlayerPreview ├── gameplay │ ├── KeyboardControl │ └── World ├── loaders │ ├── GLBModel │ └── HDRMap ├── interface │ ├── KeyboardMap │ ├── LoadingScreen │ ├── ModalDispatcher │ ├── Simulator │ ├── SoundToggle │ └── WorldSelector ├── math │ └── Raycasting ├── sound │ └── AudioControl └── vendor ├── MethLab <- Custom modal 1 └── Spacebar <- Custom modal 2

Notes

• Move the assets to a CDN with cache control
• The selector model could have been a bit wider or longer for it to work across devices of different sizes as their crop sizes would be different.
• The selector model file had pre-existing character models which were removed before adding as they had un-semantic names and were hard to be traced. The player models have been added separately so click handler can be added to them. If you wish to update the world selector model, make sure you remove the player models from the file before adding it to the project.
• The debug lines can be disabled through Config file.