{"id":20651005,"url":"https://github.com/muhamadajiw/webgl-visualizer","last_synced_at":"2026-04-29T12:38:57.117Z","repository":{"id":240100313,"uuid":"801676221","full_name":"MuhamadAjiW/WebGL-Visualizer","owner":"MuhamadAjiW","description":"WebGL to implement a web application with drawing, editing, and visualizing a variety of models on a canvas. Made for Computer Graphics Course","archived":false,"fork":false,"pushed_at":"2024-05-16T17:40:23.000Z","size":738,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-16T21:51:46.403Z","etag":null,"topics":["typescript","vanilla-typescript","vite","web","webgl"],"latest_commit_sha":null,"homepage":"","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/MuhamadAjiW.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-05-16T17:39:13.000Z","updated_at":"2024-05-16T18:57:24.000Z","dependencies_parsed_at":"2024-05-16T18:49:19.091Z","dependency_job_id":"a2e0d715-8124-4ffd-b755-fbb6dd72ec45","html_url":"https://github.com/MuhamadAjiW/WebGL-Visualizer","commit_stats":null,"previous_names":["muhamadajiw/webgl-visualizer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MuhamadAjiW/WebGL-Visualizer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhamadAjiW%2FWebGL-Visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhamadAjiW%2FWebGL-Visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhamadAjiW%2FWebGL-Visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhamadAjiW%2FWebGL-Visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuhamadAjiW","download_url":"https://codeload.github.com/MuhamadAjiW/WebGL-Visualizer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhamadAjiW%2FWebGL-Visualizer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32426588,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T12:24:25.982Z","status":"ssl_error","status_checked_at":"2026-04-29T12:24:24.439Z","response_time":110,"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":["typescript","vanilla-typescript","vite","web","webgl"],"created_at":"2024-11-16T17:25:01.240Z","updated_at":"2026-04-29T12:38:57.100Z","avatar_url":"https://github.com/MuhamadAjiW.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tugas Besar Grafika Komputer\n\nUsing pure WebGL to implement a web application with drawing, editing, and visualizing a variety of models on a canvas.\n\n## Implemented models, along with their special methods:\n\n- **Line**: Adjust length\n- **Square**: Adjust side length\n- **Rectangle**: Adjust length or width\n- **Polygon**: Addition and deletion of corner points\n\n## For each model, the following can be done:\n\n- 2 geometry transformations: translation, scaling, rotation\n- Move one of the corner points using a slider or drag and drop\n- Change the color of one or all corner points\n- Save a created model\n\n## Advanced features:\n\n- Implementation of an algorithm to draw polygons in such a way that regardless of the changing order of adding points, the final polygon image remains the same, which is the convex hull of its points.\n- Integration of animation on flat shapes\n- Integration of animation on each vertex (marker)\n- Calculation of the centroid of the polygon for rotational purposes\n\nKelompok SukaSamaKamu\n- Fakhri Muhammad Mahendra / 13521045\n- Razzan Daksana Yoni / 13521087\n- Muhamad Aji Wibisono / 13521095\n\n## Requirement\n- node version 20 or latest\n- npm version 10 or latest\n\n# How to Run the program\n1. Ensure the requirement are installed on your device\n2. Enter the directory and run on terminal\n   ```sh\n   npm install\n   npm run dev\n   ```\n5. Open localhost:5173 on your browser (chrome recommended)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhamadajiw%2Fwebgl-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuhamadajiw%2Fwebgl-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhamadajiw%2Fwebgl-visualizer/lists"}