DEV Community

loading...

Discussion on: Create a JavaScript Kinetic Typing Animation with Scene.js

Collapse
anilkulkarni87 profile image
anilkulkarni87

HI, I need some help with this. I created a .ts file with the below content

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

typing({ text: "Make a typing effect with Scene.js."})
  .setDuration(7)
  .setSelector(".target")
  .play();

How do I render it?

Collapse
alina2802 profile image
Alina2802

Hi, have you figured out how to export a scene to MP4 format? Can you explain to me how to do this?

Collapse
anilkulkarni87 profile image
anilkulkarni87

Nope, I haven't done it yet. Were you and to automate in browser?

Collapse
daybrush profile image
Daybrush (Younkue Choi) Author • Edited

You wrote in the usage of typing. Is it not working?
I think there is no element corresponding to .target.

Collapse
anilkulkarni87 profile image
anilkulkarni87

Is there an end to end tutorial of how I can render a video file out of this. Any pointers would help.

Thread Thread
daybrush profile image
Daybrush (Younkue Choi) Author
Thread Thread
anilkulkarni87 profile image
anilkulkarni87

Yes I read about render. The missing piece for me how all these components play together. Will try again and see if I can make something out of it. An end to end tutorial would help though. Thanks for taking time to respond.

Thread Thread
daybrush profile image
Daybrush (Younkue Choi) Author

Yes. The documentation is still weak. I have not been able to care much because there are many things that I am preparing now.

render helps render scenes set as global variables.