{"id":19772755,"url":"https://github.com/michaelkolesidis/synthetique","last_synced_at":"2026-05-14T04:40:36.041Z","repository":{"id":115662453,"uuid":"581819768","full_name":"michaelkolesidis/synthetique","owner":"michaelkolesidis","description":"Retrofuturistic demo","archived":false,"fork":false,"pushed_at":"2023-11-23T03:07:31.000Z","size":4276,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-11T01:11:33.382Z","etag":null,"topics":["3d-graphics","3d-scene","3d-structure","80s","art","artwork","capitalist-realism","demo","demoscene","digital-art","k-punk","mark-fisher","retrofuturism","synthwave","three-js","threejs","threejs-example","threejs-learning"],"latest_commit_sha":null,"homepage":"https://synthetique.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/michaelkolesidis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-12-24T13:08:22.000Z","updated_at":"2024-12-23T01:07:33.000Z","dependencies_parsed_at":"2023-11-23T04:29:01.874Z","dependency_job_id":"55eea939-61ba-4f35-af85-a37866ee3fcd","html_url":"https://github.com/michaelkolesidis/synthetique","commit_stats":null,"previous_names":["mnkbb699/synthetique","mkole/synthetique","michaelkolesidis/synthetique"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelkolesidis%2Fsynthetique","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelkolesidis%2Fsynthetique/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelkolesidis%2Fsynthetique/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelkolesidis%2Fsynthetique/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/michaelkolesidis","download_url":"https://codeload.github.com/michaelkolesidis/synthetique/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241104105,"owners_count":19910374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d-graphics","3d-scene","3d-structure","80s","art","artwork","capitalist-realism","demo","demoscene","digital-art","k-punk","mark-fisher","retrofuturism","synthwave","three-js","threejs","threejs-example","threejs-learning"],"created_at":"2024-11-12T05:07:33.357Z","updated_at":"2026-05-14T04:40:36.035Z","avatar_url":"https://github.com/michaelkolesidis.png","language":"JavaScript","funding_links":["https://ko-fi.com/michaelkolesidis'","https://cdn.ko-fi.com/cdn/kofi1.png'"],"categories":[],"sub_categories":[],"readme":"# synthétique\n\nMade with [Three.js](https://threejs.org/)\n\n![screenshot](/screenshots/screenshot-main.png)\n\n## Other Technologies Used\n\n- [dat.GUI](https://github.com/dataarts/dat.gui)\n- [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)\n- [Vite](https://vite.dev/)\n- [pnpm](https://pnpm.io/)\n\n## Controls\n\n| Key |      Function      |\n| --- | :----------------: |\n| S   |  Start/stop music  |\n| M   | Toggle Mark Fisher |\n| H   |   Show controls    |\n\n### Control panel\n\n| Option          |                          Function                          |\n| --------------- | :--------------------------------------------------------: |\n| enabled         |   Enable orbit controls (hold left-click and move mouse)   |\n| enablePan       |  Enable camera panning (hold right-click and move mouse)   |\n| freeControls    | Remove limits to camera's horizontal and vertical rotation |\n| autoRotate      |    Rotate the structure automatically around the Y-axis    |\n| autoRotateSpeed |          Set the speed of the automatic rotation           |\n\n## Setup\n\nFirst, you need to download and install [Node.js](https://nodejs.org/en/download/), as well as, install pnpm globally. Then, clone or download the project, and while inside its main folder run the following commands:\n\n```bash\n# Install dependencies (only the first time)\npnpm install\n\n# Run the local server at localhost:8080\npnpm run dev\n\n# Build for production in the dist/ directory\npnpm run build\n```\n\n## Screenshots\n\n![screenshot](/screenshots/screenshot-menu.png)\n\n![screenshot](/screenshots/screenshot-01.png)\n\n![screenshot](/screenshots/screenshot-02.png)\n\n## Acknowledgments\n\nMusic by [Aries Beats](https://free-songs.de/synthwave-piano/)\n\nSpecial thanks to [Ricardo Cabello, aka Mr. doob](https://mrdoob.com/) for creating Three.js and to [Bruno Simon](https://bruno-simon.com/) for being such an great teacher.\n\nInspired by the works of [Mark Fisher, aka k-punk](https://en.wikipedia.org/wiki/Mark_Fisher)\n\n## 💖 Support the Project\n\nThank 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:\n\n\u003ca href='https://ko-fi.com/michaelkolesidis' target='_blank'\u003e\u003cimg src='https://cdn.ko-fi.com/cdn/kofi1.png' style='border:0px;height:45px;' alt='Buy Me a Coffee at ko-fi.com' /\u003e\u003c/a\u003e\n\n## 📜 License\n\n\u003ca href=\"https://www.gnu.org/licenses/agpl-3.0.html\"\u003e\u003cimg src=\"./agplv3.svg\" height=\"80px\" /\u003e\u003c/a\u003e\n\nCopyright (c) Michael Kolesidis  \nThe code is licensed under the [GNU Affero General Public License v3.0](https://www.gnu.org/licenses/agpl-3.0.html).  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelkolesidis%2Fsynthetique","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmichaelkolesidis%2Fsynthetique","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelkolesidis%2Fsynthetique/lists"}