How to create this animation?

First of all, I want you to watch this website : みさとと。——島根県美郷町魅力再発見プロジェクト

This is a website which introduce some local legends in Japanese. While scrolling this website, It’s background animate so wonderful!!

I want to create such page animation but I don’t have any idea to create it. How to animate image? How can I make an animation that enlarges a part of the image?

If you have any idea, please let me know.

Hi @Eighter,

Welcome to the forum!

That’s a really cool website :smile:

This animation is done using three.js - there’s a great course on it here: https://threejs-journey.com/ (Bruno is a great teacher)

I’m currently working through the course now and it’s great but it will take quite a while till you get to a point that you can animate this kind of thing.

You could look to hire a freelancer who specializes in three.js to get a quote and idea of how much work it would be for your particular project.

Hope this helps point you in the right direction!

Hi @mww ,

Thanks for answering.
I found it difficult to make this now.
I will be diligent!