Skip to content

See outline effect through transparent objects #320

Closed

Description

@andregoncalvesdev

Description of the bug

Hello @vanruesc ! Thanks again for this awesome library.

I´m trying to create a set of transparent panels in a row, where each one of them has an outline glow effect.

I want to see the outline glow of the back panels through the front panels and control their glow, as they were independent/different layers. I´m only able to see the front panel glow or the sum of both as shown of the SSs below.

To Reproduce

https://codesandbox.io/s/youthful-lichterman-uzwk3?file=/src/App.js

Expected behavior

Would that be possible to achieve with this library or should i go with other approach? Thank you.

Screenshots

Screenshot 2021-10-19 at 12 22 39

Screenshot 2021-10-19 at 12 22 44

Library versions used

  • Three: 0.124.0
  • Post Processing: 6.21.5

Desktop

  • OS: MacOS
  • Browser Chrome v94
  • Graphics hardware: Radeon Pro 555X 4 GB

Activity

  1. vanruesc commented on Oct 20, 2021

    @vanruesc
    Member

    Hi,

    Would that be possible to achieve with this library

    no, the OutlineEffect doesn't currently support this use case. Outlines are detected based on depth, so when an object covers another object, the depth of the occluded object will be overwritten.

    The planned changes for v7 will allow us to render an object ID buffer that maps objects to unique colors. This information could then be used to support separate outlines for individual objects.

    Let's keep this issue open as a feature request.

  2. vanruesc commented on Aug 21, 2025

    @vanruesc
    Member

    Folding this into #727

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions