pmndrs / pmndrs/postprocessing
Implement OutlineEffect
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 2.9k
- Forks
- 251
- Avg merge
- 17m
- Merged PRs (30d)
- 1
Description
Description
Implement an OutlineEffect.
This effect should focus on highlighting selected objects with outlines.
References:
- https://ameye.dev/notes/rendering-outlines/
- https://threejs.org/examples/?q=outline#webgl_postprocessing_outline
Tasks
- Implement
OutlineMaterial. - Create
OutlineEffect. - Create
outlinedemo underutilities. - Add unit test.
Implementation Details
- Use G-Buffer components (depth, object-id / selection (?))
- Reuse code from the v6 implementation if applicable
- Use
Selectionto manage selected objects- Implement a way to mark objects as selected to render selection data to G-Buffer (?)
- #352
- #320
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked rendering-outlines article and three.js outline example, then compare the v6 implementation if available. Define the OutlineMaterial, OutlineEffect, selection data flow, and the utilities outline demo before adding the requested unit test; done means all four listed tasks are complete.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, three.js
- Domain
- computer-graphics
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100