1.7.25 • Published 1 year 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 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