1.7.25 • Published 1 year ago

holst v1.7.25

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Holst is 2D Graphic library

index.html

<html>
  <body>
    <div id="app"></div>
  </body>
</html>

index.ts

import { Scene, DynamicRenderer2D, Color, Shape } from 'holst'

const scene = new Scene()
const forwardAnimation = scene.createAnimation({ duration: 1500 })
const backwardAnimation = scene.createAnimation({ duration: 1500 })
const layer = scene.createLayer()
const shape = Shape.create({ fill: Color.blue })
  .circle(400, 300, 150)
  .on('click', async () => {
    await forwardAnimation.play()
    await backwardAnimation.play()
  })
  .on('hover', e => (e.cursor = 'pointer'))
  .on('leave', e => (e.cursor = 'default'))
  
layer.add(shape)

forwardAnimation.action = ({ t }) => (
  shape.style.fill = Color.fromGradient(t, [Color.blue, Color.red])
)

backwardAnimation.action = ({ t }) => (
  shape.style.fill = Color.fromGradient(t, [Color.red, Color.blue])
)
  
const renderer = new DynamicRenderer2D({ width: 800, hight: 600 })
renderer.render(scene)

const app = document.getElementById('app')
app.append(renderer.element)
1.7.24

1 year ago

1.7.25

1 year ago

1.7.23

1 year ago

1.7.22

1 year ago

1.7.19

2 years ago

1.7.20

2 years ago

1.7.21

2 years ago

1.7.17

2 years ago

1.7.18

2 years ago

1.7.3

2 years ago

1.7.2

2 years ago

1.7.1

2 years ago

1.7.0

2 years ago

1.7.11

2 years ago

1.7.12

2 years ago

1.7.13

2 years ago

1.7.14

2 years ago

1.7.15

2 years ago

1.7.16

2 years ago

1.7.9

2 years ago

1.7.8

2 years ago

1.7.7

2 years ago

1.7.6

2 years ago

1.7.5

2 years ago

1.7.4

2 years ago

1.6.3

2 years ago

1.6.2

2 years ago

1.6.1

2 years ago

1.6.0

2 years ago

1.5.0

2 years ago

1.4.5

3 years ago

1.3.4

3 years ago

1.3.3

3 years ago

1.4.1

3 years ago

1.2.3

3 years ago

1.4.0

3 years ago

1.3.0

3 years ago

1.2.0

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.9

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago

1.1.2

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago