62 lines
1.9 KiB
JavaScript
Executable File
62 lines
1.9 KiB
JavaScript
Executable File
//绘制引擎文档可以参考 https://wechat-miniprogram.github.io/minigame-canvas-engine/
|
||
import Layout from './open-data-js-sdk/minigame-canvas-engine/index';
|
||
import SDK from "./open-data-js-sdk/index";
|
||
|
||
function main({x /*屏幕左上角横坐标*/, y/*屏幕左上角纵坐标*/, width/*渲染区域宽度大小*/, height/*渲染区域高度大小*/, devicePixelRatio/*像素密度比*/}){
|
||
//这里写你的业务逻辑，unity里面调用 WX.ShowOpenData 会自动执行到这里，WX.HideOpenData会自动销毁
|
||
|
||
|
||
//以下是demo可以删除掉, 体验demo可以参考 https://github.com/wechat-miniprogram/minigame-unity-webgl-transform/tree/main/Demo/Ranking/MiniGame/minigame
|
||
|
||
// demo开始
|
||
let template = `
|
||
<view id="container">
|
||
<text id="testText" class="redText" value="hello canvas"></text>
|
||
</view>
|
||
`;
|
||
let style = {
|
||
container: {
|
||
width: 200,
|
||
height: 100,
|
||
backgroundColor: '#ffffff',
|
||
justContent: 'center',
|
||
alignItems: 'center',
|
||
},
|
||
testText: {
|
||
color: '#ffffff',
|
||
width: 200,
|
||
height: 50,
|
||
lineHeight: 50,
|
||
fontSize: 20,
|
||
textAlign: 'center',
|
||
backgroundColor: '#ffff00',
|
||
},
|
||
// 文字的最终颜色为#ff0000
|
||
redText: {
|
||
color: '#ff0000',
|
||
}
|
||
};
|
||
Layout.init(template, style);
|
||
const list = Layout.getElementsById('testText');
|
||
let id = 0;
|
||
list.forEach(item => {
|
||
item.on('click', (e) => {
|
||
console.log(e, item);
|
||
list[0].value = "hhh"+(++id);
|
||
});
|
||
});
|
||
let canvas = wx.getSharedCanvas();
|
||
let ctx = canvas.getContext('2d');
|
||
Layout.updateViewPort({
|
||
width: width / devicePixelRatio,
|
||
height: height / devicePixelRatio,
|
||
x: x / devicePixelRatio,
|
||
y: y / devicePixelRatio
|
||
});
|
||
Layout.layout(ctx);
|
||
|
||
// demo结束
|
||
}
|
||
|
||
SDK.start(main);
|