Typewriter effect in reverse

[usmanpakistan]

Hi @daybrush

Any idea how can we run the typewriter effect in reverse? I have tried the sceneItem.setDirection but it does not produce the desired effect. Please see the attached gif as a visual example of the effect I need

Secondly can we integrate other animation libraries to produce effects not available in this library.?

[daybrush]

@usmanpakistan

Try using direction: "reverse".

or try something like this

typingItem.setDirection("reverse");

const sceneItem = new SceneItem();
sceneItem.set(typingItem);

If not, how can I know which sceneItem or scene the typing code is applied to?

It provides something called @scenejs/effect, but it is typed by character.

import { typing } from "@scenejs/effects";

typing({
    text: "Make a typing effect with Scene.js.",
    duration: 7,
    delay: 1,
    direction: "reverse",
  })

https://codepen.io/daybrush/pen/ydOVPW