0.18.3 • Published 2 years ago
jl-engine v0.18.3
JL 2D Engine
2d 模型引擎
例子:
import { Engine, Model } from 'jl-engine';
/**
* 初始化引擎
*/
const engine = Engine.init(
document.getElementById('App'),
{
imageBaseUrl: 'path/to/bucket/',
backgroundColor: '#ace'
}
)
/**
* 添加模型
*/
const model = new Model(modelData).addTo(engine, [100, 100])
/**
* 修改模型属性
*/
model.attr({
position: [200, 200],
rotation: 90, //角度
scale: 0.5 //缩放以模型中心为基准
})
数据示例
/*modelData*/
const modelData = {
name: '9527-yly-test',
shapeList: [
{
type: 'Line',
basic: {
points: [
[0, 32],
[298, 254],
],
},
style: { fill: '#ffffff00', stroke: '#000000', opacity: 1, lineWidth: 1 },
common: { z: 0 },
},
{
type: 'Polyline',
basic: {
points: [
[88, 291],
[416, 72],
[522, 324],
[269, 477],
[303, 55],
[405, 250],
[212, 381],
[149, 381],
],
rotation: 0,
},
style: { fill: '#ffffff00', stroke: '#000000', opacity: 1, lineWidth: 1 },
common: { z: 0 },
},
],
}
/* mapData */
const mapData = {
modelList: [
{
position: [0, 0],
model: modelData,
},
{
position: [400, 400],
rotation: 90,
model: modelData,
},
{
position: [0, 400],
scale: 0.3,
model: modelData,
},
{
position: [400, 0],
model: modelData,
},
],
}
0.18.1
2 years ago
0.18.2
2 years ago
0.17.3
2 years ago
0.18.3
2 years ago
0.17.4
2 years ago
0.18.0
2 years ago
0.17.2
2 years ago
0.16.3
2 years ago
0.16.0
2 years ago
0.17.0
2 years ago
0.16.1
2 years ago
0.17.1
2 years ago
0.16.2
2 years ago
0.15.0
2 years ago
0.14.11
2 years ago
0.14.10
2 years ago
0.14.9
2 years ago
0.14.8
2 years ago
0.14.7
2 years ago
0.14.6
2 years ago
0.14.5
2 years ago
0.14.4
2 years ago
0.14.3
2 years ago
0.14.2
2 years ago
0.14.1
2 years ago
0.14.0
2 years ago
0.13.4
2 years ago
0.13.3
2 years ago
0.13.2
2 years ago
0.12.2
2 years ago
0.12.1
2 years ago
0.11.1
2 years ago
0.10.1
2 years ago
0.10.0
2 years ago
0.9.0
2 years ago
0.8.0
2 years ago
0.7.0
2 years ago
0.6.0
2 years ago
0.5.0
2 years ago
0.4.0
2 years ago
0.3.0
2 years ago
0.2.0
2 years ago
0.1.0
2 years ago
0.0.1-b
2 years ago
0.0.1-a
2 years ago
0.0.1
2 years ago