/s3

Canvas 2D framework- https://koringz.github.io/s3/index

Primary LanguageJavaScript

S3.js

S3.js 只是创建一个简单的应用程序与画布Canvas,它能实现简单的游戏动画效果,目前这个库只支持绘画circle的功能,后续更新中...

S3.js sample

Usage

S3.js Circle

const Body = s3.body(s3.dom('canvas'));
Body.component('circle', { type:'Array', property: [
  {color: '#AB5EEE', x: 100, y: 100, radius: 50}
]})

Draw multiple

S3.js multi Circle

const Body = s3.body(s3.dom('canvas'));
Body.component('circle', { type:'Array', property: [
  {color: '#AB5EEE', x: 100, y: 100, radius: 50},
  {color: '#5716D9', x: 250, y: 100, radius: 50},
  {color: '#701B73', x: 400, y: 100, radius: 50}
]})

Examples

View examples ~

Documentation

s3 s3.body s3.dom s3.set

s3

  • body
  • const body = s3.body(param)
  • set
  • const set = s3.set(param)
  • dom
  • const dom = s3.dom(param)
s3.body
> type 
- 'Array'
> property
- x 
- y
- color
- speed
- radius
- trails
- startAngles
- stopAngles
- motion
- method
- custom
- thick
- borderColor
- alpha

change log

2018/4 v0.7.0

  • 创建并添加一个新案例 example/loop-trigger
  • 添加圆的边框thick和边框颜色borderColor,添加透明度alpha