{"id":20815866,"url":"https://github.com/aurbano/nuophoto","last_synced_at":"2025-06-15T10:37:28.643Z","repository":{"id":6196678,"uuid":"7427315","full_name":"aurbano/nuophoto","owner":"aurbano","description":":camera: Web based image editor","archived":false,"fork":false,"pushed_at":"2019-12-18T21:02:39.000Z","size":2554,"stargazers_count":60,"open_issues_count":3,"forks_count":14,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-31T10:04:37.238Z","etag":null,"topics":["gui","javascript","photo-editing","photo-filter"],"latest_commit_sha":null,"homepage":"https://aurbano.github.io/nuophoto/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"mnunberg/libcouchbase","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aurbano.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}},"created_at":"2013-01-03T17:49:25.000Z","updated_at":"2023-11-14T13:12:24.000Z","dependencies_parsed_at":"2022-09-10T01:31:54.925Z","dependency_job_id":null,"html_url":"https://github.com/aurbano/nuophoto","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aurbano%2Fnuophoto","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aurbano%2Fnuophoto/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aurbano%2Fnuophoto/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aurbano%2Fnuophoto/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aurbano","download_url":"https://codeload.github.com/aurbano/nuophoto/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252878878,"owners_count":21818663,"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":["gui","javascript","photo-editing","photo-filter"],"created_at":"2024-11-17T21:26:38.866Z","updated_at":"2025-05-07T12:40:26.614Z","avatar_url":"https://github.com/aurbano.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![nuophoto](https://raw.github.com/aurbano/nuophoto/master/img/logo/logo_bw.PNG)\r\n===\r\n\r\n\u003e A JavaScript/HTML5 canvas image editor\r\n\r\n**Currently working on version 2 - With Angular, bootstrap, and much better practices**\r\n\r\nNuophoto is basically a web interface that aims to show the capabilities of JavaScript as a photo editing software.\r\nThe photo editing part is done with the library [PhotoJShop](https://github.com/aurbano/PhotoJShop).\r\n\r\nNuophoto and PhotoJShop started as the same project, but I realised that they should be developed independently, to provide image editing functions in JS without the need to load all the interface code in Nuophoto.\r\n\r\n## Demo:\r\n\r\nStill in alpha stage of development. If you want to test the latest build check out:\r\n\r\n- https://aurbano.github.io/nuophoto\r\n\r\n\r\n## Compatibility:\r\nnuophoto is using some CSS3 and HTML5 things that only updated browsers support. I haven't run very specific tests (if you do please let me know) but so far I have detected the following:\r\n\r\n- Blending modes: [Chrome and Firefox](http://blogs.adobe.com/webplatform/2013/05/20/canvas-blending-is-now-in-chrome-canary-safari-and-firefox/), iOS Safari\r\n\r\n## How it works\r\nIt consists of different parts that are completely independent (modular). First it's the GUI, without any logic. It's all hard coded inside `index.html`.\r\nThe interface event listeners are in `main.js`, which is kind of the conductor, it sets up the listeners, starts all the necessary components, but still doesn't know how to do anything by itself really.\r\nAbove that sits `workspace.js`, which has all the GUI logic. All the event listeners call methods on this \"class\" and it handles all the visual requirements.\r\nWhen the user triggers an event that implies changes in the image, the last piece comes in place: `imgEditor.js`. This is the underlying library that handles the image manipulation, and there is one instance for every open file.\r\nThe effects are dynamically loaded when they are required, and they live in the `effects/` folder. All the effects receive a reference to the corresponding imgEditor instance, so that they are able to access and modify the image.\r\n\r\nimgEditor should be completely unaware of the existance of the other layers, it's job is to modify the image and nothing else. It should work fine as a standalone library (Although it would probably require some tweaking)\r\n\r\n## Contribute\r\nIf you want to contribute please feel free to do so, below are some ideas I have for future development:\r\n\r\n- Responsive design\r\n- Touch controls\r\n- Custom matrix effects (Maybe even store in local memory)\r\n- Upload/load from url\r\n- Allow history traversal (moving back and forth)\r\n\r\n## Meta\r\n\r\n* Developed by [Alejandro U. Alvarez](https://aurbano.eu)\r\n* Licensed under the MIT License\r\n* Contributors: -\r\n\r\n[![Analytics](https://ga-beacon.appspot.com/UA-3181088-16/nuophoto/readme)](https://github.com/aurbano)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faurbano%2Fnuophoto","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faurbano%2Fnuophoto","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faurbano%2Fnuophoto/lists"}