Skip to content

daybrush/scenejs

Repository files navigation

Scene.js npm version Build Status Coverage Status

Scene.js is an Javascript Aniamtion Library. Make Your Homepage Dynamic.

               

Examples

More Examples

Installation

$ npm install scenejs
<script src="//daybrush.github.io/scenejs/release/latest/scene.min.js"></script>

Components

  • react-scenejs: A React Component that can easily use scenejs
  • ng-scene: A Angular Component that can easily use scenejs
  • vue-scene: A Vue Component that can easily use scenejs

Documents

Make scene

import Scene, {EASE_IN_OUT} from "scenejs";

const scene = new Scene({
  ".class": {
    0: "left: 0px; top: 0px"
    1: {
      "left": "100px",
      "top": "0px"
    },
    2: {
      "left": "200px",
      "top": "100px"
    }
  }
}, {
  selector: true,
  easing: EASE_IN_OUT,
}).play();

easing

presets

Support Browser

Internet Explorer Chrome FireFox Safari Opera
9+(polyfill 8+) latest latest latest latest