You will be exhausted if you write naked canvas or webgl. Try cocos2d or unity. Unity is recommended. The principle is also very simple. A mask covers the top, and then the three sprites move downward in turn. At the end of the movement, switch the sprite frame and place it on the top and continue to move downward. For Unity, you can add some shaders, and then you can achieve special effects such as motion blur. Cocos2d can also do it, but it is not written in the document. You have to modify sgNode yourself
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You will be exhausted if you write naked canvas or webgl. Try cocos2d or unity. Unity is recommended.
The principle is also very simple. A mask covers the top, and then the three sprites move downward in turn. At the end of the movement, switch the sprite frame and place it on the top and continue to move downward.
For Unity, you can add some shaders, and then you can achieve special effects such as motion blur. Cocos2d can also do it, but it is not written in the document. You have to modify sgNode yourself