Rezmason / matrix

matrix (web-based green code rain, made with love)
https://rezmason.github.io/matrix
MIT License
3.29k stars 212 forks source link

Feature Request: Animate between a "start" width and a "final" width #43

Open H3NR1-Creator opened 1 year ago

H3NR1-Creator commented 1 year ago

It would be like: startwidth=X , finalwidth=Y and animationspeed=Z. It would give some cool effect and I think it would be easy to implant.

The url would look like: https://rezmason.github.io/matrix/?startwidth=100&finalwidth=20&animationspeed=5.

The animation speed could be in second or in milliseconds.

Rezmason commented 1 year ago

Thanks for your interest in the project!

To clarify, what's the difference between the "start" width and the "final" width? Is the goal to make glyphs approach the screen over time? Or is your idea something different?

H3NR1-Creator commented 1 year ago

What I want to say is that parameter could be change in time by setting the parameter at start and telling where you want it to finish. The time it take to get from the "start' value to the "finish" value .

kazmier commented 3 months ago

@Rezmason I think @H3NR1-Creator meant that there should be some e.g. outro=20s option, similar to skipintro=false option. It'd be great to have this kind of feature.

Rezmason commented 3 months ago

Outro is not currently planned, though I may revisit that decision down the road— basically there needs to be some solid vision of what that looks like, that most people would agree on.

I suppose one use case for an outro would be if someone is using the effect as a transition between pages of their website or something. That could be the basis for an example of a different technique that'd still do the job.