mapbox / mapbox/mapbox-gl-js

Enable property functions for *-translate properties

Open
#2,731 10 comments 6 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

feature :green_apple:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

Supporting *-translate properties isn't as straightforward as supporting other paint properties because translation is incorporated into the transform matrix.
## Potential Designs
- incorporate translation property function into position in vertex buffer, requires translate be treated like a layout property
- add new "translate" shader uniform
- don't support this feature
## Properties
- `circle-translate`
- `circle-translate-anchor`
- `line-translate`
- `line-translate-anchor`
- `fill-translate`
- `fill-translate-anchor`

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 tracing the existing property-function handling for paint properties and how translation enters the transform matrix. Compare the three proposed designs for circle-, line-, and fill-translate and their anchor properties, then establish the chosen behavior and tests before implementation.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
computer-graphics
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.