ocean-clip-doll

The command line app for ocean-clip-doll

Installation

$ npm i ocean-clip-doll

Features

• sample demo for caught gift game
• 简易版的demo，爪子横移，点击时停止移动，并向下抓取底部礼物，抓取成功可调用回调函数

Browser Support

Modern browsers and Internet Explorer 10+.

| IE / Edge | Firefox | Chrome | Safari | iOS Safari | Samsung | Opera | | --------- | --------- | --------- | --------- | --------- | --------- | --------- | | IE10, IE11, Edge| last 10 versions| last 10 versions| last 10 versions| last 5 versions| last 10 versions| last 10 versions

Notice

little bug, if you resize the screen, you must call restart method and then call init method to reset game, otherwise it will use before resize data to judge

Usage

$ ocean-clip-doll

  var clipDoll = new ClipDoll({
    giftSelector: ".gift-item", ## gift class
    pawWrapperSelector: ".game-paw-wrapper", ## paw content selector
    pawRopeSelector: ".game-paw-rope", ## paw rope selector
    downActiveClass: "down", ## paw rotate active class
    judegRange: 40, ## the judging distance between each gift center position
    buttonSelector: "", ## start paw down
    successCallback: function() {
      alert("xixi");
    } ## catch gift callback
  });
  ## restart button
  document.querySelector(".restart").addEventListener("click", function(e) {
    clipDoll.restart(function() {
      alert("restart");
    });
    e.stopPropagation();
    e.cancelBubble = true;
  });
  ## resize events
  window.addEventListener("resize", function() {
    setTimeout(function() {
      clipDoll.restart();
      clipDoll.init();
    }, 100);
  });