実際にマウスを動かさずにキャンバスを描画するアニメーションをトリガする方法は？

Question

私は現在、実際に描画するマウスを動かす必要もなく、ページの読み込み時に線を描く方法を考えています

マウスを動かすときだけ線を引くコードです。

https://codepen.io/arvi/pen/RgYZqB

私は「負荷」イベントリスナを追加し、documentMouseMoveHandlerにそれを縛らが、それは、このシナリオのための解決策ではないようです。

可能でしょうか？

Answer 1

あなたがマウスイベントを取得するまで、このようなことをしてください。マウスイベントが来たら、間隔の中でランダムなモウポイントを取ってから削除してください。

var intervalId; 
function documentMouseMoveHandler(event) { 
    if (!event) { 
    intervalId = setInterval(function() { 
     mouseX = Math.floor(Math.random() * (window.innerWidth - 1)); 
     mouseY = Math.floor(Math.random() * (window.innerHeight + 1)); 
     }, 3000); 
    return; 
    } 
    if (event && intervalId) { 
    clearInterval(intervalId); 
    } 

    mouseX = event.clientX - (window.innerWidth - SCREEN_WIDTH) * .5; 
    mouseY = event.clientY - (window.innerHeight - SCREEN_HEIGHT) * .5; 
}`