Pixi.jsメモ

内にあるcanvasに紐づける +リサイズしてもウィンドウサイズいっぱいのcanvas領域にする設定

html

<div id="test">
 <canvas id="myCanvas"></canvas>
/<div>

js

let bw = 1200;
		let bh = 800;
		let app = new PIXI.Application({
			view: document.getElementById("myCanvas"),
			width: bw,
			height: bh,
			backgroundColor: 0x999999,
			antialias: true,
			transparent: true
		});
		app.renderer.autoResize = true;
		app.stage.interactive = true;
		$(window).on("load resize", function () {
			app.renderer.resize(window.innerWidth, window.innerHeight);
		});
		document.getElementById("test").appendChild(app.view);