Scene.js Effects

🎬 Effect collection library where you can add effects with Scene.js

About Scene.js  /  API  /  Features  /  Examples

Installation

npm

$ npm install @scenejs/effects

script

<script src="//daybrush.com/scenejs/release/latest/dist/scene.min.js"></script>
<script src="//daybrush.com/scenejs-effects/release/latest/dist/effects.min.js"></script>

How to use

import { shake, flip, fadeIn, wipeIn } from "@egjs/effects";

Scene
    .shake()
    .setDuration(1)
    .setSelector(".className")
    .play();

Effects

• typing: Make a typing effect that is typed one character at a time like a typewriter. (CodePen)
  

• shake: Make a shake effect. (CodePen)
  

• shakeX: Make a horizontal shake effect. (CodePen)
  

• shakeY: Make a vertical shake effect. (CodePen)
  

• flip: You can create a flip effect horizontally, vertically, or diagonally. (CodePen)
  

• flipX: You can create an effect that flips vertically around the x-axis. (CodePen)
  

• flipY: You can create an effect that flips horizontally around the y-axis. (CodePen)
  

• fadeIn: Make a fade in effect. (CodePen)
  

• fadeOut: Make a fade out effect. (CodePen)
  

• blink: Make a blink effect. (CodePen)
  

• wipeIn: Make a wipe in effect. (CodePen)
  

• wipeOut: Make a wipe out effect. (CodePen)
  

License

MIT License

Copyright (c) 2019 Daybrush