spn v5.7.0
spn v5.7.0
:space_invader: SPrite eNgine :space_invader:
What's this?
spn
is a library for handling absolutely positioned elements effectively.
The responsibities of spn
- Dom layout in
position: aboslute
context - Handle multiple display sizes
- Change image according to the current state of component
What spn
doesn't do
- Dom layout in
position: relative
context - Handle canvas
- Handle game progress (Not a game engine)
Supposed usecases
- Puzzle Game
- Action Game
- Role Playing Game
- Game in general
Dependencies
- jQuery
- capsid
- Promise
Usage
Via npm
npm install spn
const { Body } = require('spn')
const { component } = require('capsid')
@component
class MyCharacter extends Body {
...
}
API
const spn = require('spn')
spn.wait(time)
- @param {number} time The time to wait (in milliseconds)
- @return {Promise}
Returns the promise which resolves after the given milliseconds.
spn.reflow(elem)
- @param {jQuer} elem The element
Reflows (repaints) the element.
spn.Area
spn.Rect
spn.Body
spn.Animation
spn.Image
Traits
spn.being
spn.body
Decorator APIs
spn.ratio({x, y})
spn.margin({x, y, left, right, top, bottom})
spn.animation({show: name, duration, hide: name, duration})
spn.width(width)
spn.height(height)
spn.transition.duration(duration)
History
- v3.10.0 2016-09-16 Added @margin() and @ratio() decorators.
License
MIT
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago