圣诞将至：js加html5教你写出动态旋转圣诞树。

M = Math;

Q = M.random; J = [];

U = 16;

T = M.sin;

E = M.sqrt;

for (O = k = 0; x = z = j = i = k < 200;)

with (M[k] = k ? c.cloneNode(0) : c) {

width = height = k ? 32 : W = 446;

with (getContext(‘2d’))

if (k > 10 | !k)

for (

font = ‘60px Impact’,

V = ‘rgba(’; I = i * U, fillStyle = k ? k == 13 ? V + ‘205,205,215,.15)’ :

V + (147 + I) + ‘,’ + (k % 2 ? 128 + I : 0) + ‘,’ + I + ‘,.5)’ : ‘#cca’, i < 7;)

beginPath(fill(arc(U - i / 3, 24 - i / 2, k == 13 ? 4 - (i++) / 2 : 8 - i++, 0, M.PI * 2, 1)));

else for (;

x = T(i),

y = Q() * 2 - 1,

D = x * x + y * y,

B = E(D - x / .9 - 1.5 * y + 1),

R = 67 * (B + 1) * (L = k / 9 + .8) >> 1,

i++ < W;

)

if (D < 1)

beginPath(strokeStyle = V + R + ‘,’ + (R + B * L >> 0) + ‘,40,.1)’),

moveTo(U + x * 8, U + y * 8),

lineTo(U + x * U, U + y * U),

stroke();

for (

y = H = k + E(k++) * 25,

R = Q() * W;

P = 3, j < H;)

J[O++] = [

x += T® * P + Q() * 6 - 3, y += Q() * U - 8,

z += T(R - 11) * P + Q() * 6 - 3,

j / H * 20 + ((j += U) > H & Q() > .8 ? Q(P = 9) * 4 : 0) >> 1]

}

setInterval(function G(m, l) {

A = T(D - 11);

if (l)

return (

m[2] - l[2]) * A + (l[0] - m[0]) * T(D);

a.clearRect(0, 0, W, W);

J.sort(G);

for (

i = 0;

L = J[i++];

a.drawImage(M[L[3] + 1], 207 + L[0] * A + L[2] * T(D) >> 0, L[1] >> 1)) {

if (i == 2e3)

a.fillText

(‘Happy Christmas!’, U, 345);

if (!(i % 7))

a.drawImage(M[13],

((157 * (i * i) + T(D * 5 + i * i) * 5) % W) >> 0,

((113 * i + (D * i) / 60) % (290 + i / 99)) >> 0);

}

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！