|
|
|
|
|
by ahmadwasfi
709 days ago
|
|
Thank you for your feedback. TargetJ uses a unified mechanism for both development and animation by creating targets. Each target essentially has two variables: target and actual. When actual does not equal target, TargetJ will update actual until it matches target through iterations controlled by steps and stepIntervals. For example, to animate an object along its x-axis: App(new TModel({
x: [300, 20, 50], // Moves x to 300px in 20 steps with 50ms pauses in between
html: 'Hello world'
}));
You can find more examples at: https://targetj.io/examples. For Performance:
- TargetJ optimizes rendering by minimizing DOM manipulations.
- TargetJ divides objects automatically into a tree structure, tracking only the branches visible to the user. See examples of infinite scrolling at https://targetj.io/examples/g-Infinite-scrolling.html and infinite zooming at https://targetj.io/examples/h-Infinite-zooming.html. I am making the site https://targetj.io more mobile-friendly, which will take a few days. In the meantime, it's best to check it on a computer. |
|