5
मैंने समस्या को दोहराने के लिए एक छोटी परीक्षा परियोजना बनाई है। परियोजना इस उदाहरण से केवल pixi.min.js और कोड के साथ index.html शामिल हैं:इंटेल-एक्सडीके फाइलों को धक्का देने के बाद आईफोन पर पिक्सी.जेएस टच इवेंट नहीं फायरिंग
http://pixijs.github.io/examples/index.html?s=demos&f=interactivity.js&title=Interactivity
बटन काम जब मैं यह ब्राउज़र के माध्यम से परीक्षण करें। वे intel-xdkemulate टैब में भी काम करते हैं।
लेकिन जब मैं test टैब पर जाता हूं, फ़ाइलों को पुश करता हूं, आईफोन पर बनाए गए ऐप को खोलने के लिए क्यूआर कोड स्कैन करता हूं, बटन दिखाई देते हैं लेकिन टच इवेंट काम नहीं कर रहे हैं।
आईफोन पर टच इवेंट क्यों नहीं चल रहे हैं?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body style="margin:0; padding: 0; background: #333333;">
<script src="pixi.min.js"></script>
<script>
var renderer = PIXI.autoDetectRenderer(800, 600);
document.body.appendChild(renderer.view);
var stage = new PIXI.Container();
var textureButton = PIXI.Texture.fromImage('images/button.png');
var textureButtonDown = PIXI.Texture.fromImage('images/button.png');
var textureButtonOver = PIXI.Texture.fromImage('images/button2.png');
var buttons = [];
var buttonPositions = [
175, 75,
655, 75,
410, 325,
150, 465,
685, 445
];
var noop = function() {
//console.log('click');
};
for (var i = 0; i < 5; i++)
{
var button = new PIXI.Sprite(textureButton);
button.buttonMode = true;
button.anchor.set(0.5);
button.position.x = buttonPositions[i*2];
button.position.y = buttonPositions[i*2 + 1];
button.interactive = true;
button.on('mousedown', onButtonDown)
.on('touchstart', onButtonDown)
.on('mouseup', onButtonUp)
.on('touchend', onButtonUp)
.on('mouseupoutside', onButtonUp)
.on('touchendoutside', onButtonUp)
.on('mouseover', onButtonOver)
.on('mouseout', onButtonOut);
button.tap = noop;
button.click = noop;
stage.addChild(button);
buttons.push(button);
}
buttons[0].scale.set(1.2);
buttons[2].rotation = Math.PI/10;
buttons[3].scale.set(0.8);
buttons[4].scale.set(0.8,1.2);
buttons[4].rotation = Math.PI;
animate();
function animate() {
renderer.render(stage);
requestAnimationFrame(animate);
}
function onButtonDown(){
this.isdown = true;
this.texture = textureButtonDown;
this.alpha = 1;
}
function onButtonUp(){
this.isdown = false;
if (this.isOver){ this.texture = textureButtonOver;
}else{ this.texture = textureButton; }
}
function onButtonOver(){
this.isOver = true;
if (this.isdown){
return;
}
this.texture = textureButtonOver;
}
function onButtonOut(){
this.isOver = false;
if (this.isdown){ return; }
this.texture = textureButton;
}
</script>
</body>
</html>
पर काम करके 'काम नहीं कर रहा' देखेंगे, क्या आपका मतलब कुछ भी नहीं होता है जब आप उन्हें नल? – Karmacon
हां, घटनाएं फायरिंग नहीं कर रही हैं। मैंने सवाल को सही किया। –
छवियां कहां हैं? उनके माप क्या हैं? button.png और button2.png – krisrak