canvas
3篇文章 · 0订阅
  • 【canvas】动画原理の万有引力定律
    中心红色球是太阳，水蓝色小球是地球。可以看出地球的运行轨道是椭圆，验证了开普勒三定律的第一条。在近日点运行速度比较快，远日点比较慢，符合常识。 不到半个小时吧，其实掌握原理后实现起来还是比较快的。 原理相对来说还是简单的，前提是要使用向量工具。 1. 用向量来思考问题 本系列的…
    JavaScript Canvas
  • JS动画？其实很简单。150行代码，带你制作雪花飞舞特效
    辗转许久，终于决定拿起笔杆，记录下自己是如何克服所谓的恐惧，爱上写动画。本文面向JS基础不错的掘友，如果你的JS掌握的还不够好，记得一定要先打牢基础哦。 动画真的没有你想的那么复杂，这是我最近亲历亲为得出的结论。曾几何时，我以为动画需要非常扎实的数学、物理基础（基础好当然不错，…
    Canvas
    JS动画？其实很简单。150行代码，带你制作雪花飞舞特效
  • 【canvas】箭头跟随鼠标移动的动画原理
    这个动画看起来有点难，但其实要比想象中的简单。 它只是平移和旋转的简单合成，下面大体分析一下。 1. 鼠标位置 要跟随鼠标移动，首先就要获取鼠标的位置。 可以给画布绑定mousemove事件，这样拿到鼠标相对于页面的绝对位置（pageX，pageY），再减去画布自身的偏移量，就…
    JavaScript Canvas