{"id":16255467,"url":"https://github.com/quinten/spaces","last_synced_at":"2025-06-12T20:04:25.432Z","repository":{"id":140937962,"uuid":"119200782","full_name":"Quinten/spaces","owner":"Quinten","description":"html5 canvas animation experiment, loop of spaces in colors","archived":false,"fork":false,"pushed_at":"2018-02-06T21:45:35.000Z","size":32,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-11T14:48:06.782Z","etag":null,"topics":["3d-graphics","animation","canvas","demo","es6","javascript"],"latest_commit_sha":null,"homepage":"https://quinten.github.io/spaces/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Quinten.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-01-27T20:39:31.000Z","updated_at":"2018-02-06T21:48:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"339fd55f-8036-4399-b428-abc1630061d6","html_url":"https://github.com/Quinten/spaces","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Quinten/spaces","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quinten%2Fspaces","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quinten%2Fspaces/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quinten%2Fspaces/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quinten%2Fspaces/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Quinten","download_url":"https://codeload.github.com/Quinten/spaces/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quinten%2Fspaces/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259521513,"owners_count":22870446,"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","animation","canvas","demo","es6","javascript"],"created_at":"2024-10-10T15:43:10.820Z","updated_at":"2025-06-12T20:04:25.417Z","avatar_url":"https://github.com/Quinten.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# spaces\n\n## html5 canvas animation experiment, loop of spaces in colors\n\nDemo: https://quinten.github.io/spaces/\n\n### About this demo\n\nI programmed this demo to get familiar with some of the new es6 javascript features. So it probably won't work in IE11.\n\nIt has a little homemade 3d engine running that is loaded through javascript modules. No external frameworks. Everything is drawn onto the canvas 2d context.\n\nThe animation is a camera moving through doors and turning corners, but it is kept very abstract. There is no shading on the walls and each room appears to have a different color.\n\nIf you look deeper into the code, you will see that there are actually no walls rendered at all. Instead the doors are being rendered with a special compositing effect that reveals the door behind it. Once a door is passed, the background of the canvas becomes the color of the door.\n\n### Running the code on your local machine\n\nOnce you have cloned this repo, you can run a local dev server with:\n\n```\nnode server.js\n```\n\nAnd open http://localhost:4567/ in your browser.\n\n### License\n\nMIT license\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquinten%2Fspaces","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquinten%2Fspaces","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquinten%2Fspaces/lists"}