This commit is contained in:
simio 2024-11-25 18:30:36 -03:00
parent 13fab43eb7
commit 49b8a94dad
6 changed files with 276 additions and 17 deletions

BIN
public/effects/explode.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -36,6 +36,8 @@ let bgs = [
const lyrical = document.getElementById('lyrical')
const doorpath = 'door'
async function wrapper(){
changeBgImg(getRandomBg())
await changeBgAndBlink()
@ -69,7 +71,7 @@ async function wrapper(){
}
else{
blinkDuration = 213
changeBgImg('door/ayana.jpg')
changeBgImg('ayana.jpg')
}
await sleep(changeBgImg, blinkDuration, [bg])
}
@ -105,4 +107,6 @@ const probability = function(n, i = 1) {
await sleep(changeBgAndBlink, randomInt(1007, 2777))
}
wrapper()
window.addEventListener('load', function () {
wrapper()
})

View File

@ -0,0 +1,9 @@
.bright{
text-shadow:0px 0px 10px var(--celeste), 0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste), 5px 5px 20px #0fa09d, 10px 10px 10px #0e7c6c;
font-weight: bold;
color: white;
}
.marude{
font-size: 20px;
}

View File

@ -4,4 +4,179 @@
.kiki_pixel{
border: 1px solid var(--celeste)
}
.floating_head{
position: absolute;
}
.floating_head_cont{
position: relative;
height: 150px;
}
.floating_head_cont > :nth-child(1){
margin-top: 95px;
}
.floating_head_cont > :nth-child(2){
margin-top: 66px;
}
.floating_head_cont > :nth-child(3){
margin-top: 16px;
}
.floating_head_cont > :nth-child(4){
margin-top: 44px;
}
.floating_head_cont > :nth-child(5){
margin-top: 1px;
}
.floating_head_cont > :nth-child(6){
margin-top: 58px;
width: 30px;
}
.floating_head_cont > :nth-child(7){
margin-top: 18px;
}
.floating_head_cont > :nth-child(9){
margin-top: -2px;
}
.floating_head_cont > :nth-child(10){
margin-top: 70px;
}
.floating_head_cont > :nth-child(11){
margin-top: 63px;
}
.floating_head_cont > :nth-child(11) > img{
width: 30px;
}
.floating_head_cont > :nth-child(12){
margin-top: 91px;
}
.floating_head_cont > :nth-child(13){
margin-top: 70px;
}
.floating_head_cont > :nth-child(13) > img{
width: 50px;
}
.floating_head_cont > :nth-child(14){
margin-top: 40px;
}
.floating_head_cont > :nth-child(15){
margin-top: 37px;
}
.floating_head_cont > :nth-child(16){
margin-top: 88px;
}
.floating_head_cont > :nth-child(17){
margin-top: 48px;
}
.floating_head_cont > :nth-child(18){
margin-top: 28px;
}
.floating_head_cont > :nth-child(19){
margin-top: 38px;
}
.floating_head_cont > :nth-child(20){
margin-top: 28px;
}
.floating_head_cont > :nth-child(21){
margin-top: 38px;
}
/* .floating_head_cont > :nth-child(22){
margin-top: 9px;
} */
/* .floating_head_cont > :nth-child(23){
margin-top: 74px;
} */
.king{
position: absolute;
}
.small_ship > :nth-child(5), .small_ship > :nth-child(1){
width: 32px;
}
.big_ship > :nth-child(1){
width: 90px;
margin-top: 20px;
}
.small_ship > img{
width: 64px;
}
.big_ship{
right: 0;
}
.zenkantai, .ute{
color: var(--celeste);
position: absolute;
left: 5%;
}
.zenkantai{
font-size: 28px;
}
.ute{
font-size: 32px;
bottom: 0;
left: 10%;
}
.explosion{
position: absolute;
}
.explosion:nth-of-type(1){
top: 10%;
left: 20%;
}
.explosion:nth-of-type(2){
top: 50%;
left: 50%;
}
.explosion:nth-of-type(3){
top: 50%;
}
.explosion:nth-of-type(4){
top: -20px;
}
.explosion:nth-of-type(5){
top: 30%;
left: 70%;
}
.explosion:nth-of-type(6){
left: 70%;
}

View File

@ -20,7 +20,7 @@
shall we see darkness fall
<br><br><br><br><br><br><br><br><br>
</p>
<p>
<div class="marude bright">
<h1>其れはまるで御伽噺</h1>
ゆるき眠り蝕んでゆく<br>
純潔で醜悪な儀式が蘇る<br>
@ -29,7 +29,7 @@
昏(くら)き明日に消ゆる夢 <br>
<h2>Man God Machine</h2>
<br><br><br><br><br><br>
</p>
</div>
<p>
Trespassing the boundaries of mortality<br>
In the city, where chaos is the only known rule<br>
@ -40,7 +40,7 @@
For only in that light, we shall see darkness' downfall<br>
<br><br><br><br><br><br>
</p>
<p>
<div class="marude bright">
<h1>走り出した御伽噺</h1>
世界燃やす浄化の焔(ほのお)<br><br>
@ -49,9 +49,10 @@
黒く重き枷(かせ)に涙は煌いて<br>
光と闇 掌(つかさど)る <br>
<h2>Man God Machine</h2>
</div>
</p>
<img src="/public/images/darkness/Demonbane-Shantak.png"><br>
<small>
<small class="bright">
KEEP THE DREAMS IN YOUR HEART<br>
傷だらけのGREEN WINGS
</small>

View File

@ -22,7 +22,7 @@
Spells:<br>
Fireball<br>
Teleport (To Mouse Location)<br>
Paralyze (Like Argentum Online by Pablo Marquez Alias Morgolock)<br>
Paralyze (Like Argentum Online by Pablo Marquez Alias Gulfas Morgolock)<br>
<span class="lostAeon">Hyperborea Buster</span><br>
<br>
<hr>
@ -41,17 +41,87 @@
Probably a scroll<br>
<hr>
<hr>
<center>
<marquee scrollamount="10">
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png">
</marquee><br>
<marquee scrollamount="20">
<img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img>
</marquee><br>
<marquee scrollamount="10">
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png">
<div class="floating_head_cont">
<marquee class="floating_head" scrollamount="10" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
</center>
<marquee class="floating_head" scrollamount="20">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="40" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="20">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="45">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="24">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="11">
<img src="/public/images/assets/kiki_floating_head.png"><img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="34">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="70" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="55" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="5" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="55" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="55" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="34">
<img src="/public/images/assets/kiki_floating_head.png"><img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="34">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="64">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="44">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="54">
<img src="/public/images/assets/kiki_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="25" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="35" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<marquee class="floating_head" scrollamount="61" direction="right">
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png">
</marquee>
<div class="small_ship king">
<img src="/public/images/assets/kiki_small_floating_head.png"><br>
<img src="/public/images/assets/kiki_small_floating_head.png"><br>
<img src="/public/images/assets/kiki_small_floating_head.png">
</div>
<div class="big_ship king">
<img src="/public/images/assets/kiki_floating_head.png"><br>
</div>
<img class="explosion" src="/public/effects/explode.gif">
<img class="explosion" src="/public/effects/explode.gif">
<img class="explosion" src="/public/effects/explode.gif">
<img class="explosion" src="/public/effects/explode.gif">
<img class="explosion" src="/public/effects/explode.gif">
<img class="explosion" src="/public/effects/explode.gif">
<center class="zenkantai"><span>全員全艦隊!!!</span></center>
<center class="ute"><span>撃てええぇ!!!!</span></center>
</div>
</td>
</tr>
<tr>