2017-11-23 10 views
0

私はJSでこのピンポンゲームを持っている:プレイヤーが小さな小型、しばらくを取得する必要がありながらhttps://codepen.io/Raitar/pen/EbLbYK?editors=0010のonClick

私は劇的な効果のonClickを作りたい、コンピュータのパドルは、大きな取得する必要ドラマの音楽が始まります。私はすでにパドルサイズを操作するための作業を除いてすべてを持っています。ここで

は、これまでのところ、私の関数である。残りの部分については

function play() { 
var audio = document.getElementById('audio'); 
if (audio.paused) { 
    audio.play(); 
    Player.paddle = (175, 180, 10, 10); 
    Computer.paddle = (175, 180, 10, 10); 
}else{ 
    audio.pause(); 
} 
} 

codepenリンクを参照してください、それはかなり長いです。

クリックするとパドルサイズを変更できますか?ここで

+1

あなたはいくつかの他の一般的なバグを持っているように見えるが、あなたの特定のコードで無効なJavaScriptを持っています。おそらくx/y /幅/高さを更新したいだけです。 Object.assign:Object.assign(player.paddle、{x:175、y:180、width:10、height:10}) 'を使って、これを1行で行うことができます。 – vox

+0

ちょうどそれを試してみると、パドルが消えてしまいます。実際にはパドルを上に動かし、object.assignを使って遊んでいると推測します – Raitar

+1

xとyを除外することができます: 'Object.assign player.paddle、{幅:10、高さ:10}) '。しかし、プロパティがあまりにも少なくなったら、 'player.paddle.width = 10;'などのようにすることができます。 – vox

答えて

0

は動作するコードです:

function play() { 
var audio = document.getElementById('audio'); 
if (audio.paused) { 
    audio.play(); 
    Object.assign(player.paddle, { width: 10 }) 
    Object.assign(computer.paddle, { width: 200 }) 
}else{ 
    audio.pause(); 
    Object.assign(player.paddle, { width: 100 }) 
    Object.assign(computer.paddle, { width: 100 })  
} 
}