It looks like you're new here. If you want to get involved, click one of these buttons!
var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight, { view: document.querySelector("#canvas") }); var texture = PIXI.Texture.fromImage("images/armoury3.webp"); var sprite = new PIXI.Sprite(texture); sprite.alpha = 0; var stage = new PIXI.Container(); var viewWidth = (renderer.width / renderer.resolution); stage.scale.x = 2560 / viewWidth; stage.scale.y = stage.scale.x; stage.addChild(sprite); TweenLite.ticker.addEventListener("tick", function() { renderer.render(stage); }); function resize() { var canvas = document.getElementById('canvas'); var canvasRatio = canvas.height / canvas.width; var windowRatio = window.innerHeight / window.innerWidth; var width; var height; if (windowRatio < canvasRatio) { height = window.innerHeight; width = height / canvasRatio; } else { width = window.innerWidth; height = width * canvasRatio; } canvas.style.width = width + 'px'; canvas.style.height = height + 'px'; }; window.addEventListener('resize', resize, false); TweenMax.set(canvas, {zIndex: -5}); TweenMax.to(sprite, 6, {alpha: 1});
Comments
SOLUTION 1: As a global
Initialization: Usage: (no change)
SOLUTION 2: Via the setup object
Initialization: Usage: