{"id":15204058,"url":"https://github.com/spite/wagner","last_synced_at":"2025-05-16T05:07:26.586Z","repository":{"id":13996228,"uuid":"16697417","full_name":"spite/Wagner","owner":"spite","description":"Effects composer for three.js","archived":false,"fork":false,"pushed_at":"2024-05-26T03:30:18.000Z","size":7004,"stargazers_count":1080,"open_issues_count":15,"forks_count":132,"subscribers_count":57,"default_branch":"master","last_synced_at":"2025-05-16T05:07:17.117Z","etag":null,"topics":["effects-composer","glsl","javascript","postprocessing","shaders","threejs","webgl"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/spite.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":"2014-02-10T14:18:33.000Z","updated_at":"2025-05-16T01:42:49.000Z","dependencies_parsed_at":"2024-08-01T12:16:34.055Z","dependency_job_id":"3d5302a2-1b7a-4360-8688-c7df8abec3e2","html_url":"https://github.com/spite/Wagner","commit_stats":{"total_commits":148,"total_committers":8,"mean_commits":18.5,"dds":"0.10135135135135132","last_synced_commit":"87dde4895e38ab8c2ef432b1e623ece9484ea5cc"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2FWagner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2FWagner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2FWagner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2FWagner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/spite","download_url":"https://codeload.github.com/spite/Wagner/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254471060,"owners_count":22076585,"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":["effects-composer","glsl","javascript","postprocessing","shaders","threejs","webgl"],"created_at":"2024-09-28T05:20:22.592Z","updated_at":"2025-05-16T05:07:21.577Z","avatar_url":"https://github.com/spite.png","language":"JavaScript","readme":"Wagner\n======\n\nEffects composer for three.js\n\nThis is a WIP version of a new proposal for an effect composer for three.js\n\nThere's a demo with the latest-ish version of the code here [demo](http://www.clicktorelease.com/tmp/wagner). Here's a snapshot to give you an idea of what it can achieve:\n\n![Image](./assets/snapshot.jpg)\n\nPlease use it only for review and test purposes. Don't hesitate to add issues or open a conversation about design decisions.\n\nBasic usage\n----------\n\n```js\n/*\nInclude the libs\n\u003cscript src=\"Wagner.js\"\u003e\u003c/script\u003e\n*/\n\nvar composer = new WAGNER.Composer( renderer );\ncomposer.setSize( window.innerWidth, window.innerHeight ); // or whatever resolution\n\nvar zoomBlurPass = new WAGNER.ZoomBlurPass();\nvar multiPassBloomPass = new WAGNER.MultiPassBloomPass();\n\nrenderer.autoClearColor = true;\ncomposer.reset();\ncomposer.render( scene, camera );\ncomposer.pass( multiPassBloomPass );\ncomposer.pass( zoomBlurPass );\ncomposer.toScreen();\n```\n\nWhat works\n----------\n\n- Passes are by default RGBA\n- Ping-pong buffers when chaining passes\n- ShaderLoader is being replaced, but you can use it to load .glsl files. It hides all the XHR stuff\n- Composing with Wagner for effects that run chained with the same resolution (e.g. full-screen effects)\n- Basic effects implemented in the new WAGNER.Pass class:\n    - Blend pass: all single pass. Current blend modes implemented: normal, darken, multiply, lighten, screen, overlay, soft light, hard light\n    - Invert: single pass, inverts colours\n    - Box Blur: single pass, blur in one direction specified in vec2 delta uniform\n    - Full Box Blur: multipass, 2 box blur in two directions\n    - Zoom Blur: single pass\n    - Sepia, Noise, Denoise, Vignette, edge detection\n    - Multi Pass Bloom: multipass, applies blur and blends with Screen mode\n    - DOF (simple)\n    - SSAO (simple)\n- uniform reflection from GLSL source is working enough to be usable for most cases\n- settings different path for shader loading\n\nWhat still doesn't work / needs work\n------------------------------------\n\n- ~~ShaderLoader will probably be removed, or be transparent to the user~~\n- ~~Passing parameters to WAGNER.ShaderPass from main code~~\n- ~~Correct use of textures of different dimensions along the chain~~\n- Resizing correctly all render targets\n- ~~Multiple Composers working at the same time~~\n- Shaders that are not ported to WAGNER.Pass: ~~pixelate~~, ~~rgb split~~, different single-pass bloom\n- Shaders that haven't even been ported to WAGNER: camera motion blur, directional blur, gamma, levels, \n- Alias definition of passes (previously loadPass()) legacy\n- uniform reflection from GLSL source doesn't support structures (I don't even know if WebGL supports structures)\n\nCredits\n-------\n\nComposer following the work of alteredq's [THREE.EffectComposer](https://github.com/mrdoob/three.js/blob/master/examples/js/postprocessing/EffectComposer.js)\n\nMost of the shaders are from [https://github.com/evanw/glfx.js](https://github.com/evanw/glfx.js). Others are from different sources and forums, papers, or my own.\n\nLicense\n=======\n\nMIT licensed\n\nCopyright (C) 2014 Jaume Sanchez Elias - All shaders are copyright of their respective authors.\n\nI'm trying to trace the original source for some of the common shaders. If your code is featured in the shaders folders, and wish to be correctly credited, or the code removed, please open an issue.\n\nhttp://www.clicktorelease.com","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspite%2Fwagner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspite%2Fwagner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspite%2Fwagner/lists"}