Tag:Trunk line

  • 7. Draw flying snowflakes with canvas 2


    Attached link: draw flying snowflake 1 with canvasDrawing flying snowflakes with canvas 3 Next:Effect link: https://codepen.io/andy-js/pen/qwwavjjRight click to open it. This time, we installed the JS method in the previous article, and basically added an initial angle setting.Called as a method at any time. Direct code: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” […]

  • 8. Draw flying snowflakes with canvas 3


    Link before:Using canvas to draw flying snowflake 1Drawing flying snowflakes 2 with canvas This effect: Effect preview: https://codepen.io/andy-js/pen/yzpyqvz No nonsense, just code itThe difference is that it increases the random appearance and top-down effect of snowflakes.And this time I used RAF to do animation.The next article introduces some features of Raf. <!DOCTYPE html> <html lang=”en”> […]