Konva模拟台风旋转动画效果代码
代码语言:html
所属分类:动画
代码描述:Konva模拟台风旋转动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> html, body { width: 100%; height: 100%; margin: 0; padding: 0; background: #333; } #container { padding: 50px; } .konvajs-content { margin: 0 auto; box-shadow: 0 0 50px black; background: black; } .stats { position: fixed; top: 0; right: 0; z-index: 1; opacity: 0.3 !important; } .stats:hover { opacity: 1 !important; } </style> </head> <body> <div id="container"></div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/Stats-16.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/kelvin_util.min.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/victor.min.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/konva.min.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tinycolor.min.js"></script> <script > const km = kelvinUtil.math const width = 600 const height = 600 const bgColor = 'black' const bgOpacity = 0.1 const color = { red1: '#E74C3C', red2: '#C0392B', orange1: '#E67E22', orange2: '#D35400', yellow1: '#F1C40F', yellow2: '#F39C12', green1: '#2ECC71', green2: '#27AE60', mint1: '#1ABC9C', mint2: '#16A085', blue1: '#3498DB.........完整代码请登录后点击上方下载按钮下载查看
网友评论0