试试眼力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="http://repo.bfw.wiki/bfwrepo/js/createjs-1.3.2.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/zim-cat.js"></script>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/zim-game.2.3.js"></script>
<script>
const frame = new Frame("fit", 1024, 768, "#A496A4".lighten(.8), "#A496A4".lighten(.3));
frame.on("ready", () => {// ES6 Arrow Function - 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

  // The AHA Game 
  // Try and find the square that is not changing 

  const colors = ["#A5A7BB", "#A496A4", "#554d73"];
  const size = 520; // size of game tile
  let num = 4; // number of tiles per col or row

  // Just some design - a backing focus rectangle
  new Rectangle(900, 530, "#A5A7BB", yellow).alp(.2).loc(50, 70);

  // Backing rectangle for game tile
  new Rectangle(size + 5, size + 5, dark).rot(45).center();

  // When we get the right square we emit particles 
  // These will be the same size as the tile 
  // but the tile sizes can be changed 
  // So... we could make a new emitter each time 
  // or there is a better solution below:

  // ZIM has dynamic parameters - called ZIM VEE values or Pick Objects
  // This means, we can pass in a ZIM VEE value to the obj parameter 
  // Each time the particle is made inside it will pick from the ZIM VEE value

  // Different ZIM VEE values are as follows:
  // [1,3,2] - random
  // {min:10, max:20} - range
  // series(1,2,3) - order, 
  // function(){return result;} - function

  // We want to make a particle the size of the current tile
  // so we can use a function to make the particle
  // and then pass the function to the Emitter

  // Note that the Rectangle being made also uses a ZIM VEE value 
  // It is using the colors array to pick randomly from the color
  // This would not work without ZIM VEE system

  function makeParticle() {
    return new Rectangle(size / num, size / num, colors, dark).rot(45);
  }

  const emitter = new Emitter({
    obj: makeParticle,
    startPaused: true,
    gravity.........完整代码请登录后点击上方下载按钮下载查看