Skip to content

Latest commit

 

History

History
32 lines (29 loc) · 807 Bytes

README.md

File metadata and controls

32 lines (29 loc) · 807 Bytes

文档查看 https://hxg2050.github.io/hxg/
安装

npm install hxg
yarn add hxg

一个简单hello word!栗子

import { Application, canvas2d, Transform, Text } from 'hxg';
const app = new Applaction({
	width: 720,
	height: 1280
});

// 获取canvas
const canvas = document.querySelector('#canvas')! as HTMLCanvasElement;
// 此处自定义和视图渲染相关的,默认实现了canvas2d相关的逻辑,理论上支持任何渲染模式,包括使用webgl和html以及其它的,例如pixi
app.use(canvas2d(canvas));

// 创建文字节点
const hello = new Transform(Text);
// 插入到舞台
app.stage.addChild(hello);
// 获取文字组件
const text = hello.getComponent(Text)!;
// 设置文字内容
text.value = 'hello word!';