{"id":18827448,"url":"https://github.com/omarshehata/webgpu-compute-rasterizer","last_synced_at":"2025-04-03T03:12:22.098Z","repository":{"id":43264936,"uuid":"432602738","full_name":"OmarShehata/webgpu-compute-rasterizer","owner":"OmarShehata","description":"A simple software rasterizer running on a WebGPU compute shader. Built for educational purposes.","archived":false,"fork":false,"pushed_at":"2023-03-23T14:13:07.000Z","size":3120,"stargazers_count":252,"open_issues_count":5,"forks_count":10,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-03-24T08:43:22.313Z","etag":null,"topics":["javascript","rasterizer","shaders","webgpu"],"latest_commit_sha":null,"homepage":"","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/OmarShehata.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":"2021-11-28T02:40:49.000Z","updated_at":"2025-03-13T15:44:05.000Z","dependencies_parsed_at":"2024-12-18T17:10:56.463Z","dependency_job_id":"7b4f3e20-6c65-4d21-ab00-fa1a4d930845","html_url":"https://github.com/OmarShehata/webgpu-compute-rasterizer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OmarShehata%2Fwebgpu-compute-rasterizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OmarShehata%2Fwebgpu-compute-rasterizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OmarShehata%2Fwebgpu-compute-rasterizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OmarShehata%2Fwebgpu-compute-rasterizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OmarShehata","download_url":"https://codeload.github.com/OmarShehata/webgpu-compute-rasterizer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246927839,"owners_count":20856198,"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":["javascript","rasterizer","shaders","webgpu"],"created_at":"2024-11-08T01:16:30.168Z","updated_at":"2025-04-03T03:12:22.076Z","avatar_url":"https://github.com/OmarShehata.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WebGPU Compute Rasterizer\n\n![](media/rotating-model.gif)\n\nThis is a basic implementation of a rasterizer running on WebGPU compute shaders. It currently supports loading a list of triangles from a (very basic) glTF model and rendering it, with shading based on each triangle's distance to the camera.\n\nI built this to create a simple template for exploring compute-based rendering techniques. Initially inspired by [Rendering Point Clouds with Compute Shaders and Vertex Order Optimization](https://github.com/m-schuetz/compute_rasterizer).\n\nSee:\n\n* [How to Build a Compute Rasterizer with WebGPU](how-to-build-a-compute-rasterizer.md) for a step by step guide on building your own version of this. \n* Or [Code Overview](code-overview.md) for a brief walkthrough of the code \u0026 implementation. \n\n![](media/model-still.png)\n\n## Building locally\n\nRun `npm install` and `npm run dev`. Then open `localhost:3000`.\n\nYou must use a browser that supports WebGPU. See the [setup instructions in this article](https://alain.xyz/blog/raw-webgpu#setup).\n\n## Rust port\n\nThere is a Rust port of this article here: https://github.com/pudnax/compaster. Created by [@pudnax](https://github.com/pudnax).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomarshehata%2Fwebgpu-compute-rasterizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomarshehata%2Fwebgpu-compute-rasterizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomarshehata%2Fwebgpu-compute-rasterizer/lists"}