tweenjs/tween.js

automatic animation loop

Open

#342 opened on Jun 21, 2017

View on GitHub
 (6 comments) (2 reactions) (1 assignee)TypeScript (9,450 stars) (1,458 forks)batch import
Featuregood first issuehelp wanted

Description

I suggest that we add a 'TWEEN.animate' convenience method. It would set up a simple requestAnimationFrame animation loop.

function animate(time) {
	requestAnimationFrame(animate);
	TWEEN.update(time);
}
requestAnimationFrame(animate);

In the documentation, we just need to tell users to use this method once before starting any tweens.

We might need a shim for Node.js.

Contributor guide

Tech stack
javascripttypescript
Domain
frontenddocumentation
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
JavaScript basicsAnimation loop concepts
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Investigate the current Tween.js architecture to add a TWEEN.animate method. Look at the main source file (e.g., src/tween.ts) to see how TWEEN.update is used. The issue suggests a simple requestAnimationFrame loop, but consider Node.js compatibility with a shim. Check the existing documentation structure to add a section about the animate method. Review comments in the issue for any additional requirements.