{"id":18980965,"url":"https://github.com/cynthiachiu/3d-space","last_synced_at":"2026-04-15T10:34:27.585Z","repository":{"id":165004009,"uuid":"600238234","full_name":"cynthiachiu/3D-Space","owner":"cynthiachiu","description":"An interactive, 3D rendering of space at night with Earth, the Sun, the Moon, stars and an astronaut. This application uses ThreeJS for realistic 3D rendering, GSAP for smooth scroll triggered animations and text, 3D model animations, postprocessing techniques including ThreeJS layers, UnrealBloom and OutlinePass.","archived":false,"fork":false,"pushed_at":"2023-05-14T01:19:35.000Z","size":17636,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-19T01:50:55.579Z","etag":null,"topics":["3d","3d-model","animation","astronaut","atmospheric","gsap","gsap-scrolltrigger","moon","nodejs","outlinepass","reactjs","space","stars","threejs","threejs-layers","unrealbloompass"],"latest_commit_sha":null,"homepage":"https://cynthia-3d-space.netlify.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/cynthiachiu.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-02-10T22:34:41.000Z","updated_at":"2023-07-17T07:55:45.000Z","dependencies_parsed_at":"2024-07-24T11:05:32.105Z","dependency_job_id":null,"html_url":"https://github.com/cynthiachiu/3D-Space","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cynthiachiu/3D-Space","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cynthiachiu%2F3D-Space","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cynthiachiu%2F3D-Space/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cynthiachiu%2F3D-Space/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cynthiachiu%2F3D-Space/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cynthiachiu","download_url":"https://codeload.github.com/cynthiachiu/3D-Space/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cynthiachiu%2F3D-Space/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31837258,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T10:26:52.245Z","status":"ssl_error","status_checked_at":"2026-04-15T10:26:51.649Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","3d-model","animation","astronaut","atmospheric","gsap","gsap-scrolltrigger","moon","nodejs","outlinepass","reactjs","space","stars","threejs","threejs-layers","unrealbloompass"],"created_at":"2024-11-08T16:08:18.366Z","updated_at":"2026-04-15T10:34:27.561Z","avatar_url":"https://github.com/cynthiachiu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\" id=\"top\"\u003e \n  \u003cimg src=\"./.github/app.gif\" alt=\"3d Space\" /\u003e\n\n  \u0026#xa0;\n\n  \u003ca href=\"https://cynthia-3d-space.netlify.app/\"\u003eDemo\u003c/a\u003e\n\u003c/div\u003e\n\n\u003ch1 align=\"center\"\u003e3D Space\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Github top language\" src=\"https://img.shields.io/github/languages/top/cynthiachiu/3D-Space?color=56BEB8\"\u003e\n\n  \u003cimg alt=\"Github language count\" src=\"https://img.shields.io/github/languages/count/cynthiachiu/3D-Space?color=56BEB8\"\u003e\n\n  \u003cimg alt=\"Repository size\" src=\"https://img.shields.io/github/repo-size/cynthiachiu/3D-Space?color=56BEB8\"\u003e\n\n  \u003cimg alt=\"License\" src=\"https://img.shields.io/github/license/cynthiachiu/3D-Space?color=56BEB8\"\u003e\n\n  \u003c!-- \u003cimg alt=\"Github issues\" src=\"https://img.shields.io/github/issues/{{YOUR_GITHUB_USERNAME}}/3d-space?color=56BEB8\" /\u003e --\u003e\n\n  \u003c!-- \u003cimg alt=\"Github forks\" src=\"https://img.shields.io/github/forks/{{YOUR_GITHUB_USERNAME}}/3d-space?color=56BEB8\" /\u003e --\u003e\n\n  \u003c!-- \u003cimg alt=\"Github stars\" src=\"https://img.shields.io/github/stars/{{YOUR_GITHUB_USERNAME}}/3d-space?color=56BEB8\" /\u003e --\u003e\n\u003c/p\u003e\n\n\u003c!-- Status --\u003e\n\n\u003c!-- \u003ch4 align=\"center\"\u003e \n\t🚧  3d Space 🚀 Under construction...  🚧\n\u003c/h4\u003e \n\n\u003chr\u003e --\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#dart-about\"\u003eAbout\u003c/a\u003e \u0026#xa0; | \u0026#xa0; \n  \u003ca href=\"#sparkles-features\"\u003eFeatures\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"#rocket-technologies\"\u003eTechnologies\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"#white_check_mark-requirements\"\u003eRequirements\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"#checkered_flag-starting\"\u003eStarting\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"#memo-license\"\u003eLicense\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"https://github.com/{{YOUR_GITHUB_USERNAME}}\" target=\"_blank\"\u003eAuthor\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n## :dart: About ##\n\nAn interactive, 3D rendering of space at night with Earth, the Sun, the Moon, stars and an astronaut laid out to show the vastness of space. This application uses ThreeJS for realistic 3D rendering, GSAP for smooth scroll triggered animations and text, 3D model animations, postprocessing techniques including ThreeJS layers, UnrealBloom for city lights and the sun, OutlinePass for Earth's atmosphere.\n\nView the site live at: https://cynthia-3d-space.netlify.app/\n\n\n![Alt Text](demo_med.gif)\n\n## :sparkles: Features ##\n\n:heavy_check_mark: Smooth GSAP scroll triggered animations and text;\\\n:heavy_check_mark: 3D web technology using ThreeJS for realistic planet modelling with bump and texture maps;\\\n:heavy_check_mark: 3D model animations;\\\n:heavy_check_mark: Postprocessing scene effects including camera layers, flickering city lights, and Earth's atmosphere;\\\n:heavy_check_mark: Dazzling rendering of the Sun using Lensflare technique;\\\n:heavy_check_mark: Interactive mouse movement of the stars;\n\n## :rocket: Technologies ##\n\nThe following tools were used in this project:\n\n- [ThreeJS](https://threejs.org/)\n- [Node.js](https://nodejs.org/en/)\n- [React](https://pt-br.reactjs.org/)\n- [GSAP](https://greensock.com/gsap/)\n\n## :white_check_mark: Requirements ##\n\nBefore starting :checkered_flag:, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.\n\n## :checkered_flag: Starting ##\n\n```bash\n# Clone this project\n$ git clone https://github.com/cynthiachiu/3D-Space\n\n# Access\n$ cd 3D-Space\n\n# Install dependencies\n$ npm install\n\n# Run the project\n$ npm start\n\n# The server will initialize in the \u003chttp://localhost:3000\u003e\n```\n\n## :memo: License ##\n\nThis project is under license from MIT. For more details, see the [LICENSE](LICENSE.md) file.\n\n\nMade with :heart: by \u003ca href=\"https://github.com/cynthiachiu\" target=\"_blank\"\u003ecynthiachiu\u003c/a\u003e\n\n\u0026#xa0;\n\n\u003ca href=\"#top\"\u003eBack to top\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcynthiachiu%2F3d-space","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcynthiachiu%2F3d-space","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcynthiachiu%2F3d-space/lists"}