メリークリスマス!JavaScriptのクリスマスツリーをどうぞ。

メリークリスマス!

今日はクリスマスなので、クリスマスツリーの1つや2つ欲しい所ですね。

でも本物のクリスマスツリーはかさばるし、水やりも大変そうだし、困り物。

そんなあなたにconsole.logの中でキラキラと光るクリスマスツリーをプレゼントできるようにちょっと頑張ってみます!


綺麗なクリスマスツリーだなぁ

hufu.mov.gif


プレゼントの中身(コード)

for(let i = 0; i < 1000; i++){

await new Promise(resolve => setTimeout(resolve, 300))

let blue,red,yellow

if(i % 2){
let r = Math.floor( Math.random() * 3)
if(r == 0){
blue = '#1f56ff'
red = '#ff5b5b'
yellow = '#fffb00'
}else if(r == 1){
blue = '#4aebff'
red = '#ff00ab'
yellow = '#d2ff00'
}else{
blue = '#003dff'
red = '#ff7b00'
yellow = '#ffe500'
}
}else{
blue = '#162c71'
red = '#881111'
yellow = '#8a881b'
}

console.log(
`%c                         \n` +
`%c            %c  %c            \n` +
`%c          %c   %c          \n` +
`%c            %c  %c            \n` +
`%c            %c  %c            \n` + //1
`%c          %c  %c   %c          \n` + //2
`%c        %c  %c %c  %c %c        \n` + //3
`%c      %c   %c %c %c %c %c      \n` + //4
`%c        %c  %c %c %c        \n` + //5
`%c      %c   %c %c %c %c      \n` + //6
`%c    %c   %c %c %c %c %c %c %c    \n` + //7
`%c  %c   %c %c %c %c %c %c  \n` + //8
`%c    %c   %c  %c   %c    \n` + //9
`%c            %c  %c            \n` +
`%c            %c  %c            \n` +
`%c          %c  %c %c          \n` +
`%c          %c  %c   %c          \n` +
`%c          %c  %c   %c          \n`
,
//空
`background:#000`,
//星
`background:#000`,
`background:${yellow}`,
`background:#000`,

`background:#000`,
`background:${yellow}`,
`background:#000`,

`background:#000`,
`background:${yellow}`,
`background:#000`,
//葉っぱ
`background:#000`,
`background:#30a232`,
`background:#000`,
//2
`background:#000`,
`background:#0e5e2d`,
`background:#30a232`,
`background:#000`,
//3
`background:#000`,
`background:#19501e`,
`background:${blue}`,
`background:#30a232`,
`background:#0e5e2d`,
`background:#000`,
//4
`background:#000`,
`background:#30a232`,
`background:#267526`,
`background:${red}`,
`background:#30a232`,
`background:#19501e`,
`background:#000`,
//5
`background:#000`,
`background:#0e5e2d`,
`background:#30a232`,
`background:#0e5e2d`,
`background:#000`,
//6
`background:#000`,
`background:#0e5e2d`,
`background:#30a232`,
`background:${yellow}`,
`background:#267526`,
`background:#000`,
//7
`background:#000`,
`background:#267526`,
`background:${red}`,
`background:#267526`,
`background:#30a232`,
`background:${blue}`,
`background:#30a232`,
`background:#0e5e2d`,
`background:#000`,
//8
`background:#000`,
`background:#30a232`,
`background:#0e5e2d`,
`background:${yellow}`,
`background:#30a232`,
`background:${red}`,
`background:#267526`,
`background:#000`,
//9
`background:#000`,
`background:#0e5e2d`,
`background:#30a232`,
`background:#0e5e2d`,
`background:#000`,
//幹
`background:#000`,
`background:#774815`,
`background:#000`,

`background:#000`,
`background:#795316`,
`background:#000`,
//鉢
`background:#000`,
`background:#9c3939`,
`background:#dc3333`,
`background:#000`,

`background:#000`,
`background:#9c3939`,
`background:#dc3333`,
`background:#000`,

`background:#000`,
`background:#9c3939`,
`background:#dc3333`,
`background:#000`,
)
}

まるっとコピーしてブラウザの開発者ツールのconsoleに貼り付けて実行してみてください。


メリークリスマス

通常の開発に比べて尋常じゃないほど体力を使用したので、もうやりません。