Skip to content
Javascript Animation Timeline Library for the animation website
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE Update issue templates Oct 18, 2018
config test: change javascript test to typescript test Dec 30, 2018
demo/example fix: fix that when iterationCount is "infinite", did not activate Dec 6, 2018
packages
src fix: merge 1.0.0-dev (#18) Jan 21, 2019
test/unit
.gitignore fix: merge 1.0.0-dev (#18) Jan 21, 2019
.npmignore fix(scenejs): fix tsconfig (#8) Oct 15, 2018
.travis.yml
LICENSE Create LICENSE Mar 29, 2018
README.md fix: merge 1.0.0-dev (#18) Jan 21, 2019
jsdoc.json
karma.conf.js
mocha.opts add karma & test Dec 29, 2017
package-lock.json fix: merge 1.0.0-dev (#18) Jan 21, 2019
package.json
rollup.config.js fix: merge 1.0.0-dev (#18) Jan 21, 2019
tsconfig.declaration.json
tsconfig.json
tsconfig.test.json fix: tsconfig indent Jan 8, 2019
tslint.json

README.md

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
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.