Write a confession animation using canvas and a confession animation using canvas
<! DOCTYPE html>
<Html>
<Head lang = "en">
<Meta charset = "UTF-8">
<Title> </title>
<Script>
/* I don't believe there is heaven, because it takes too long for me to be trapped in this hell */
</Script>
</Head>
<Body
Style = "background-color: pink;">
<H1> <p style = "text-align: center; color: purple"> I Love You! </P>
<Canvas
Id = "c"> </canvas>
<Script>
Var B = document. body;
Var c = document. getElementsByTagName ('canvas ') [0];
Var a = c. getContext ('2d ');
Document. body. clientWidth; </script>
<Script> with (m = Math)
C = cos, S = sin, P = pow, R = random;
C. width = c. height = f = 613;
H =-250;
Function p (a, B, c ){
If (c> 60)
Return [S (a * 7) * (13 + 5 /(. 2 + P (B * 4, 4)-S (B) * 50, B * f + 50,
625 + C (a * 7) * (13 + 5 /(. 2 + P (B * 4, 4) + B * 400, a * 1-B/2, a];
A = a * 2-1;
B = B * 2-1;
If (A * A + B * B <1 ){
If (c> 37 ){
N = (j = c & 1 )? 6: 4;
O =. 5/(a +. 01) + C (B * 125) * 3-a * 300;
W = B * h;
Return [o * C (n) + w * S (n) + j * 610-390, o * S (n)-w * C (n) + 550-j * 350,118 0 + C (B + A) * 99-j * 300 ,. 4-*. 1 + P (1-B * B,-h * 6 )*. 15-a * B *. 4 + C (a + B)/5 + P (C (o * (a + 1) + (B> 0? W:-w)/25), 30) *. 1 * (1-B * B), o/1e3 +. 7-o * w * 3e-6]
}
If (c> 32 ){
C = c * 1.16-. 15;
O = a * 45-20;
W = B * h;
Z = o * S (c) + w * C (c) + 620;
Return [o * C (c)-w * S (c), 28 + C (B *. 5) * 99-B * 60-z/2-h, z, (B *. 3 + P (1-(A * A), 7 )*. 15 +. 3) * B, B *. 7]
}
O = A * (2-B) * (80-c * 2 );
W = 99-C (A) * 120-C (B) * (-h-c * 4.9) + C (P (1-B, 7 )) * 50 + c * 2;
Z = o * S (c) + w * C (c) + 700;
Return [o * C (c)-w * S (c), B * 99-C (P (B, 7 )) * 50-c/3-z/1.35 + 450, z, (1-B/1.2 )*. 9 + *. 1, P (1-B), 20)/4 +. 05]
}
}
SetInterval ('for (I = 0; I <1e4; I ++) if (s = p (R (), R (), I % 46 /. 74) {z = s [2]; x = ~~ (S [0] * f/z-h); y = ~~ (S [1] * f/z-h); if (! M [q = y * f + x] | m [q]> z) m [q] = z, a. fillStyle = "rgb (" ++ ~ (S [3] * h) + "," + ~ (S [4] * h) + "," + ~ (S [3] * s [3] *-80) + ")", a. fillRect (x, y, 1, 1)} ', 0) </script>
<H3> <p style = "float: right; color: green"> </p> </Body>
New guy! Click like! Thank you!