playcanvas / playcanvas/engine

A more flexible way of masking UI elements

Open
#4,614 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area: ui enhancement
Dominant language
JavaScript
Stars
16.8k
Forks
2k
Avg merge
4h 32m
Merged PRs (30d)
222

Description

Please watch the attached video.

https://user-images.githubusercontent.com/5656275/188182512-7de5136a-b775-4f2f-8ff4-031f57beb8ef.mp4

You can read about the layer modes here.

EDIT

Video doesn't play for some reason...but you can still download it.

Please allow users to mask UI elements by placing the mask above the UI elements(on the hierarchy) that need to be masked, without necessarily having to make the masked elements a child of the mask. This allows for more flexibility.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the attached video and the linked layer modes documentation, then locate the engine's UI masking and render-order entry points. Done means a mask can be placed above UI elements in the hierarchy without making those elements children of the mask, with behavior matching the requested flexibility.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
computer-graphics
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.