lettucegoblin / lettucegoblin/AnimRef

Rotate & Flip elements(images, gifs, videos)

Open
#7 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Focused Enhancement good first issue
Dominant language
JavaScript
Stars
124
Forks
17
PR merge metrics
No merged PRs in 30d

Description

Suggested here: https://github.com/lettucegoblin/pureref-gif-support/issues/2#issue-1980199763

My initial thoughts are:

  • Rotate: Use css transform: rotate3d since it's gpu accelerated
  • Flip/invert: Possibly use transform: rotate3d.
    • I'm more familiar with rotateY(180deg) inverting over the y axis and rotateX(180deg) for x axis
  • Add rotation gimbal to rotate and right click context to flip image over y or x axis.
    • Insane stretch goal is 3d gimbal since rotate3d supports laying things out with perspective. It'd be even more insane to have a toggleable perspective grid that you can snap things to 💯
  • Update saving: save rotation state for each element
    • Support older savefiles: Add default neutral rotation state to each element on load if not detected.

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 by tracing how image, GIF, and video elements are rendered and how their state is saved and loaded; the issue does not name specific files or tests. Define the scope before implementation, separating rotation, X/Y flipping, controls, persistence, and older savefile compatibility. Done means these elements can be rotated or flipped and their rotation state survives saving while older savefiles receive a neutral default.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.