zim路径动画效果代码-html代码-BFW代码库

zim路径动画效果代码

代码语言：html

所属分类：动画

代码描述：zim路径动画效果代码

代码标签：效果

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  

</head>

<body translate="no" >
  

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/createjs-1.3.2.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/zim-cat.js"></script>

  
      <script>
const frame = new Frame({ scaling: "fit", width: 1024, height: 768, color: darker, outerColor: dark });
frame.on("ready", () => {// ES6 Arrow F    unction - similar to function(){}
  zog("ready from ZIM Frame"); // logs in console (F12 - choose console)

  // often need below - so consider it part of the template
  const stage = frame.stage;
  const stageW = frame.width;
  const stageH = frame.height;

  // REFERENCES for ZIM at https://zimjs.com
  // see https://zimjs.com/intro.html for an intro example
  // see https://zimjs.com/learn.html for video and code tutorials
  // see https://zimjs.com/docs.html for documentation
  // see https://codepen.io/topic/zim/ for ZIM on CodePen

  // *** NOTE: ZIM Cat defaults to time in seconds
  // All previous versions, examples, videos, etc. have time in milliseconds
  // This can be set back with TIME = "milliseconds" but we suggest you give it a try!
  // There will be a warning in the conslole if your animation is not moving ;-)

  // CODE HERE

  const holder = new Container(stageW, stageH).addTo().noMouse();

  // started off with points:20 and interactive true 
  // then recorded change below in keydown
  const points = [[0, 0, 0, 0, -33.3, 0, 33.3, 0], [69, 66.7, 0, 0, -33.3, 0, 33.3, 0], [137.9, 0, 0, 0, -33.3, 0, 33.3, 0], [206.9, 66.7, 0, 0, -33.3, 0, 33.3, 0], [275.9, 0, 0, 0, -33.3, 0, 33.3, 0], [344.8, 66.7, 0, 0, -33.3, 0, 33.3, 0], [413.8, 0, 0, 0, -33.3, 0, 33.3, 0], [482.8, 66.7, 0, 0, -33.3, 0, 33.3, 0], [551.7, 0, 0, 0, -33.3, 0, 33.3, 0], [620.7, 66.7, 0, 0, -33.3, 0, 33.3, 0], [689.7, 0, 0, 0, -33.3, 0, 33.3, 0], [758.........完整代码请登录后点击上方下载按钮下载查看