{"id":21499382,"url":"https://github.com/alaingalvan/image-editor-effects","last_synced_at":"2025-07-17T03:34:23.749Z","repository":{"id":16911983,"uuid":"19673172","full_name":"alaingalvan/image-editor-effects","owner":"alaingalvan","description":"💎 A WebGL example of image adjustment / effects shaders found in Photoshop, other image editors and game engines.","archived":false,"fork":false,"pushed_at":"2022-12-11T09:23:19.000Z","size":14352,"stargazers_count":87,"open_issues_count":1,"forks_count":6,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-04-14T16:01:43.366Z","etag":null,"topics":["blend","filter","gimp","instagram","photoshop","shader"],"latest_commit_sha":null,"homepage":"https://alain.xyz/blog/image-editor-effects","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"MileanCo/angular-material-meteor-dashboard","license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alaingalvan.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-05-11T17:56:16.000Z","updated_at":"2024-03-29T15:28:01.000Z","dependencies_parsed_at":"2023-01-13T19:04:46.762Z","dependency_job_id":null,"html_url":"https://github.com/alaingalvan/image-editor-effects","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/alaingalvan%2Fimage-editor-effects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alaingalvan%2Fimage-editor-effects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alaingalvan%2Fimage-editor-effects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alaingalvan%2Fimage-editor-effects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alaingalvan","download_url":"https://codeload.github.com/alaingalvan/image-editor-effects/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226071033,"owners_count":17569103,"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":["blend","filter","gimp","instagram","photoshop","shader"],"created_at":"2024-11-23T17:15:50.221Z","updated_at":"2024-11-23T17:15:50.881Z","avatar_url":"https://github.com/alaingalvan.png","language":"TypeScript","funding_links":[],"categories":["Specialty Topics"],"sub_categories":["Shaders"],"readme":"![Cover](https://alain.xyz/blog/image-editor-effects/assets/overlay.jpg)\n\n# Image Editor Effects\n\n[![License][license-img]][license-url]\n[![Codepen][codepen-img]][codepen-url]\n\nImage processing effects used in image editors like **Adobe Photoshop** or **GIMP** are used to composite different layers and adjust the overall appearance of an image. These effects build upon research in areas such as signal processing, statistics, and mathematical analysis, and applies them to visual effects and postprocessing.\n\nThis is an example of photoshop layer effects, describe in detail in this [blog post](https://alain.xyz/blog/image-editor-effects).\n\n## Shader Snippets\n\nYou'll find these GLSL snippets in `src/script.ts`, line 4.\n\n## Running\n\n```bash\n# 👶 Get Dependencies\nnpm i\n\n# 🔨 Compile typescript files\nnpm run build\n\n# 💻 Run a server at http://localhost:8080\nnpm start\n```\n\n## License\n\nThis project is unlicensed, feel free to use it however you would like.\n\n\n[license-img]: https://img.shields.io/:license-unlicense-blue.svg?style=flat-square\n[license-url]: https://unlicense.org/\n[codepen-img]: https://img.shields.io/:demo-codepen-1e1f26.svg?style=flat-square\n[codepen-url]: https://codepen.io/alaingalvan/pen/eQeqwE\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falaingalvan%2Fimage-editor-effects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falaingalvan%2Fimage-editor-effects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falaingalvan%2Fimage-editor-effects/lists"}