Kinectisj：問題，即鼠標跟蹤遺體（層問題）

我想提出一個遊戲作爲一個自學。Kinectisj：問題，即鼠標跟蹤遺體（層問題）

我的目標是在鼠標指針後面有一條線索。（其中的作品）但是，當我在chrome上打開並運行它。一定高度和寬度後，步道停留在帆布，而不是被擦掉上。任何人都可以幫助我嗎？

下面是它的小提琴：http://jsfiddle.net/Frm27/4/ 但請嘗試在鉻或任何瀏覽器上使用，導致問題不在小提琴，但瀏覽器！

我有以下代碼：

這裏的HTML：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Collision Detection</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <meta name="viewport" content="width=device-width"> 
     <link rel="stylesheet" href="../css/style.css"/> 
    </head> 
    <body> 
     <div id="container" style=" background:#000; margin:auto; float:left;"></div> 
     <script src="../js/jquery.min.js"></script> 
     <script src="../js/kinetic-v5.0.0.min.js"></script> 
     <script src="../js/main_kinetic.js"></script> 
    </body> 
</html>

和css：

html { 
    color:#000; 
    background:#222222; 
} 
a { 
    cursor:pointer; 
    list-style: none; 
} 
html, body { 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    overflow: hidden; 
} 
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { 
    margin:0; 
    padding:0; 
} 
#container { 
    background:#000; 
    margin:auto; 
    cursor:none; 
    float:left; 
}

來源

2014-01-28 Nevin Madhukar K

其A層的問題..誰能幫助我？ –

可能是一個O/S的問題。使用IE11，FF26和Chrome32在Win8上按預期工作。我看到一個有尾巴的圓圈。如果您拖動鼠標的速度更快（因爲拖動點距離更遠），尾部會變得更長。如果拖動鼠標速度較慢（因爲拖拽點靠得更近），尾部會變短。 – markE

即使在極端的窗口，它也能工作嗎？ –

我有同樣的問題，你在一個項目中，我正在努力。

我能夠重現你的問題在Chrome 34.0.1847.116米，但不IE11（請參閱「問題小提琴」）。

這似乎是在KineticJS 4.5.3中的錯誤，因爲移動到KineticJS 5.1.0似乎解決它（見「固定小提琴」）。

Problem fiddle

Fixed fiddle

var stage = new Kinetic.Stage({ 
    container: 'container', 
    width: window.innerWidth, 
    height: window.innerHeight 
}); 

var layer = new Kinetic.Layer(); 

var player = new Kinetic.Circle({ 
    x: 20, 
    y: 20, 
    radius: 6, 
    fill: 'cyan', 
    stroke: 'black', 
    draggable: true 
}); 

layer.add(player); 
stage.add(layer); 

// move the circle with the mouse 
stage.getContent().addEventListener('mousemove', function() { 
    player.setPosition(stage.getPointerPosition());   
    layer.draw(); 
});

來源

2014-04-14 22:05:28 Paul

這並沒有真正回答這個問題。如果您有不同的問題，可以通過單擊[提問]（http://stackoverflow.com/questions/ask）來提問。您還可以[添加賞金]（http://stackoverflow.com/help/privileges/set-bounties）在您擁有足夠的[聲譽]（http://stackoverflow.com/help/）時吸引更多人關注此問題什麼聲譽）。 – Chaos

@Chaos其實，我認爲這是一個答案......保羅有同樣的問題，這是他的解決方案。 – MikeTheLiar

@mikeTheLiar是的，你似乎是對的！ – Chaos

Kinectisj：問題，即鼠標跟蹤遺體（層問題）

回答

相關問題