microsoft / microsoft/SandDance

Ability to choose easing curve

Open
#130 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

good first issue
Dominant language
TypeScript
Stars
7.1k
Forks
573
Avg merge
8d 9h
Merged PRs (30d)
4

Description

This is really awesome, thanks! One minor feature request - is there a way to change the transition easing curve? You can change the durations, but the easing curve appears to be hard-coded to easeExpInOut which I find a bit "snappy". I think this is the relevant code:

function newCubeLayer(presenter, config, cubeData, highlightColor, lightSettings, lightingMix, interpolator) {
    const getPosition = getTiming(config.transitionDurations.position, easeExpInOut);
    const getSize = getTiming(config.transitionDurations.size, easeExpInOut);
    const getColor = getTiming(config.transitionDurations.color);

Just needs a config.transitionCurve or something too.

Contributor guide

No contributing guide indexed for this repository

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 at the newCubeLayer function and inspect how config.transitionDurations and getTiming currently supply easing. Make the transition easing configurable instead of hard-coded to easeExpInOut, while preserving the existing duration and color behavior. Done means callers can choose the easing curve through configuration.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.