3d фон глубины для div с PIXI.js - PullRequest
0 голосов
/ 28 октября 2019

У меня есть этот код, он генерирует хороший эффект трехмерного изображения с pixi.js, я хочу использовать этот эффект для фонового изображения элемента "tlo".

document.getElementById("tlo").style.backgroundImage

Если у вас есть какие-либо подсказкиБуду благодарен

<script>
    let app = new PIXI.Application({width: window.innerWidth, height: window.innerHeight});
    document.getElementById("tlo").appendChild(app.view);
    //document.getElementById("tlo").style.backgroundImage.append.Child(app.view);
    let img = new PIXI.Sprite.from("przystan.jpg");
    img.width = window.innerWidth;
    img.height = window.innerHeight;
    app.stage.addChild(img);
    depthMap = new PIXI.Sprite.from("przystan-map.jpg");
    app.stage.addChild(depthMap);
    displacementFilter = new PIXI.filters.DisplacementFilter(depthMap);
    app.stage.filters = [displacementFilter];

    window.onmousemove = function(e) {
        displacementFilter.scale.x = (window.innerWidth / 2 - e.clientX) /20;
        displacementFilter.scale.y = (window.innerHeight / 2 - e.clientY) /20;
    };
</script>
...