1.7.25 • Published 1 month ago
holst v1.7.25
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 month ago
1.7.25
1 month ago
1.7.23
2 months ago
1.7.22
4 months ago
1.7.19
6 months ago
1.7.20
6 months ago
1.7.21
6 months ago
1.7.17
8 months ago
1.7.18
8 months ago
1.7.3
11 months ago
1.7.2
11 months ago
1.7.1
11 months ago
1.7.0
11 months ago
1.7.11
11 months ago
1.7.12
11 months ago
1.7.13
10 months ago
1.7.14
10 months ago
1.7.15
9 months ago
1.7.16
9 months ago
1.7.9
11 months ago
1.7.8
11 months ago
1.7.7
11 months ago
1.7.6
11 months ago
1.7.5
11 months ago
1.7.4
11 months ago
1.6.3
1 year ago
1.6.2
1 year ago
1.6.1
1 year ago
1.6.0
1 year ago
1.5.0
1 year ago
1.4.5
1 year ago
1.3.4
2 years ago
1.3.3
2 years ago
1.4.1
1 year ago
1.2.3
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.2.0
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.9
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
1.1.2
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago