2024-01-09 海月
●LEAF 0125 海月
カンブリアンゲーム（ニューイヤーカンブリアン2024）
クラゲの漢字は海月。
鶴岡市にある「加茂水族館」は、世界一のクラゲ水族館として有名だ。2019年1月1日に「恋人の聖地」に認定されました！
2015年にSVGのライブラリー D3.js のテストをするために試作したのが「海月」というプログラム。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Refresh" content="290">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>海月</title>
<script src="my.js"></script>
<script src="d3.js"></script>
</head>
<body style="margin:0; background-color:black; background-image:url('bgimg_b.jpg')">
<audio src="sound.mp3" autoplay loop></audio>
<script>
svg=d3.select("body").append("svg").attr("width",1920-4).attr("height",1080-4)
svg.selectAll()
.data(d3.range(200))
.enter()
.append("circle")
.attr("cx",function(){return Random(1,1980)})
.attr("cy",function(){return Random(1,1080)})
.attr("r",function(){return Random(1,80)})
.attr("fill",function(){return RandomSelect("Teal","Deepskyblue","Seagreen","Royalblue")})
.attr("opacity",0)
.each(loop)
function loop(){
var c=d3.select(this);
(function repeat(){
t=Random(1000,20000)
c=c
.transition().duration(t)
.attr("r",function(){return Random(1,80)})
.attr("opacity",function(){return Random(1,8)/10})
.each("end",repeat)
})();
}
</script>
</body>
</html>BGMに使ったのは2014年に制作した「Temperature」というアルバムの10曲目の曲です。
この記事が気に入ったらサポートをしてみませんか？