{"id":28289406,"url":"https://github.com/akash-pandey1/angular-18-three-js","last_synced_at":"2025-06-13T05:31:35.021Z","repository":{"id":261559889,"uuid":"844620162","full_name":"akash-pandey1/angular-18-three-js","owner":"akash-pandey1","description":"This project demonstrates how to integrate Three.js with an Angular 18 application. It provides a basic setup for creating 3D graphics and animations within an Angular environment. The project includes a simple example of rendering a 3D cube, showing how to set up Three.js ","archived":false,"fork":false,"pushed_at":"2024-08-19T16:26:12.000Z","size":132,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-22T01:12:42.360Z","etag":null,"topics":["3d-angular","angular-18-3d","angular-18-threejs","angular-3d","angular-3d-animation","angular-animations","angular-three","angular-three-js","angular18-3d","angular18-threejs","angularjs-three-animation","threejs-angular-example"],"latest_commit_sha":null,"homepage":"https://knowledgedoom.vercel.app","language":"TypeScript","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/akash-pandey1.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":"2024-08-19T16:22:03.000Z","updated_at":"2024-11-20T17:03:10.000Z","dependencies_parsed_at":"2024-11-07T07:55:14.859Z","dependency_job_id":"f29c49af-cabe-46da-acc0-41d0e1640029","html_url":"https://github.com/akash-pandey1/angular-18-three-js","commit_stats":null,"previous_names":["akash-pandey1/angular-18-three-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/akash-pandey1/angular-18-three-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akash-pandey1%2Fangular-18-three-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akash-pandey1%2Fangular-18-three-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akash-pandey1%2Fangular-18-three-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akash-pandey1%2Fangular-18-three-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akash-pandey1","download_url":"https://codeload.github.com/akash-pandey1/angular-18-three-js/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akash-pandey1%2Fangular-18-three-js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259588938,"owners_count":22880874,"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-angular","angular-18-3d","angular-18-threejs","angular-3d","angular-3d-animation","angular-animations","angular-three","angular-three-js","angular18-3d","angular18-threejs","angularjs-three-animation","threejs-angular-example"],"created_at":"2025-05-22T01:12:04.005Z","updated_at":"2025-06-13T05:31:35.006Z","avatar_url":"https://github.com/akash-pandey1.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular 18 Three.js Integration\n\n### Author: Akash Pandey akashdeep9226@gmail.com\n\n## Introduction\n\nThis project demonstrates how to integrate **Three.js** with an **Angular 18** application. It provides a basic setup for creating 3D graphics and animations within an Angular environment. The project includes a simple example of rendering a 3D cube, showing how to set up Three.js within an Angular component and how to manage rendering, animation, and responsiveness.\n\n## Features\n\n- **Angular 18**: The latest version of Angular.\n- **Three.js**: A powerful 3D graphics library.\n- **Responsive Canvas**: The Three.js scene automatically adjusts to window size changes.\n- **Anti-Aliasing**: Smooth edges for better visual quality.\n\n## Getting Started\n\n### Prerequisites\n\nBefore you begin, ensure you have met the following requirements:\n\n- **Node.js** and **npm** installed on your machine.\n- Basic knowledge of Angular and Three.js.\n\n### Installation\n\nFollow these steps to set up the project locally:\n\n1. **Clone the repository**:\n   ```bash\n   git clone https://github.com/info-next/angular-18-three-js.git\n   cd angular-three-app\n   npm install\n   ng serve\n\n### Contact   \n   Email: akashdeep9226@gmail.com","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakash-pandey1%2Fangular-18-three-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakash-pandey1%2Fangular-18-three-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakash-pandey1%2Fangular-18-three-js/lists"}