HTML5 mensimulasikan gerakan membaling rata (mensimulasikan proses gerakan membaling rata bola kecil)_html5 kemahiran tutorial

Objek dilontar ke arah mendatar dengan halaju awal tertentu Jika objek hanya dipengaruhi oleh graviti, gerakan sebegini dipanggil gerakan melontar mendatar. Gerakan balingan mendatar boleh dianggap sebagai gerakan gabungan gerakan linear seragam dalam arah mendatar dan gerakan jatuh bebas dalam arah menegak. Oleh kerana daya luaran bersih pada objek dalam gerakan mendatar ialah daya malar, gerakan objek dalam gerakan mendatar ialah gerakan lengkung kelajuan berubah-ubah seragam, dan trajektori objek yang dilempar secara mendatar ialah parabola. Gerakan balingan mendatar ialah gerakan melengkung Masa gerakan balingan mendatar hanya berkaitan dengan ketinggian menegak titik lontaran, anjakan mendatar objek yang mendarat adalah berkaitan dengan masa (tinggi menegak) dan halaju awal mendatar.

Salin kod

Kodnya adalah seperti berikut:

>

;
var box_y=0;
var box_width=300; var box_height=300;
var ball_vx=10;
var ball_vy=0;
//constant
var g=10;//note
var rate=0.9>//bound
var bound_left_box_x ball_radius; 🎜>fungsi init()
{
ctx=document.getElementById('canvas').getContext('2d'); 200,0,50)";
move_ball();
setInterval(move_ball,100);
}
function move_ball()
{
ctx.clearRect( box_x,box_y ,box_width,box_height);
move_and_check();
ctx.beginPath();
ctx.arc(ball_x,ball_y,ball_radius,0,Math.PI*2,true); .fill();
ctx.strokeRect(box_x,box_y,box_width,box_height); =ball_vy;
ball_vy=ball_vy g;
var cur_ball_y=ball_y ball_vy g/2; *0.9;
ball_vy=ball_vy*0.9;
}
if(cur_ball_x>bound_right)
{
cur_ball_x=bound_right; =ball_vy*0.9;
}
if(cur_ball_y{
cur_ball_y=bound_top;
ball_vy=-ball_vy*0.9; >}
if(cur_ball_y>bound_bottom)
{
cur_ball_y=bound_bottom;
ball_vy=-ball_vy*0.9; cur_ball_x;
ball_y=cur_ball_y;
}
id="canvas" width="400" height="400"/>

.