小编Pie*_*Pie的帖子

Pixi.js 图像拖动时跳转

我在使用 pixi.js 时遇到问题我正在创建一个像http://www.wolverineunleashed.com/#muscles这样的页面我创建了一个大舞台,用户可以使用他们的拖动方式四处移动,除了何时用户正在拖动,图像在屏幕上抖动,我认为这可能是渲染问题?但目前我正在拔头发,所以任何帮助将不胜感激。我的代码是:

var w = window.innerWidth;
var h = window.innerHeight;
var images = [];
var stage = new PIXI.Container();
var renderer = new PIXI.autoDetectRenderer(w, h,{transparent:true},true);
document.body.appendChild(renderer.view);

var background = new PIXI.Container();
background.parent = background;
background.interactive = true;

background.on('mousedown', onDragStart)
        .on('touchstart', onDragStart)
        .on('mouseup', onDragEnd)
        .on('mouseupoutside', onDragEnd)
        .on('touchend', onDragEnd)
        .on('touchendoutside', onDragEnd)
        .on('mousemove', onDragMove)
        .on('touchmove', onDragMove);

loadImages();

requestAnimationFrame(animate);

function animate() {
    requestAnimationFrame(animate);
    renderer.render(background);
}

function onDragStart(event)
{
    this.data = event.data;
    this.mousePressPoint = [];
    this.dragging = true;
    this.mousePressPoint[0] = this.data.getLocalPosition(this.parent).x - …
Run Code Online (Sandbox Code Playgroud)

pixi.js

1
推荐指数
1
解决办法
1516
查看次数

标签 统计

pixi.js ×1