/synthetique

Retrofuturistic demo

Primary LanguageJavaScript

synthétique

Made with Three.js

screenshot

Other Technologies Used

Controls

Key Function
S Start/stop music
M Toggle Mark Fisher
H Show controls

Control panel

Option Function
enabled Enable orbit controls (hold left-click and move mouse)
enablePan Enable camera panning (hold right-click and move mouse)
freeControls Remove limits to camera's horizontal and vertical rotation
autoRotate Rotate the structure automatically around the Y-axis
autoRotateSpeed Set the speed of the automatic rotation

Setup

First, you need to download and install Node.js, as well as, install Yarn globally. Then, clone or download the project, and while inside its main folder run the following commands:

# Install dependencies (only the first time)
yarn

# Run the local server at localhost:8080
yarn dev

# Build for production in the dist/ directory
yarn build

Screenshots

screenshot

screenshot

screenshot

Acknowledgments

Music by Aries Beats

Special thanks to Ricardo Cabello, aka Mr. doob for creating Three.js and to Bruno Simon for being such an inspiring teacher.

Inspired by the works of Mark Fisher, aka k-punk

💖 Support the Project

Thank you so much for your interest in my project! If you want to go a step further and support my work, buy me a coffee:

Buy Me a Coffee at ko-fi.com

Copyright

Copyright (c) 2023 Michael Kolesidis. All rights reserved.