canvas 数字点阵时钟 彩色小球动画

原创意来自 慕课网 liuyubobobo 教程是免费的

本人参考此教程 用 konva.js 库 并实现 另外两种 canvas 动画效果

效果图

思路可参考 原创意来自 慕课网 liuyubobobo 数字点阵文件 可下载教程里的 digit.js

这里展示第 一种 效果 另外的现个效果 只要改变 小球 相应时段的 x y 速度 就可以实现 更多创意效果可自行实现

<script>
    var radius = 10, // 小球半径
        timestamp = {h: null,m:null,s:null,t:0} ; // 时间戳
    var stage = new Konva.Stage({
        container:'cvs',
        width:1500,
        height:800,
    })