Ord.io

Inscription

71,906,880

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Experiment 9</title>
  <style>
    body,
    html {
      margin: 0;
      padding: 0;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: black;
    }

    #container {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      image-rendering: pixelated;
    }

    #health-bar {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 200px;
      height: 20px;
      border: 2px solid #fff;
    }

    #health {
      height: 100%;
      background-color: red;
    }

    #flash {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 0, 0, 0.5);
      display: none;
    }

    .circle {
      position: absolute;
      background-color: rgba(255, 0, 0, 0.5);
      border-radius: 50%;
      cursor: pointer;
    }

    #time-display {
      display: none;
      text-align: center;
      color: red;
      background-color: black;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-family: 'Courier New', monospace;
    }

    #time {
      font-size: 5vw;
    }

    #message {
      font-size: 2vw;
      color: white;
      text-align: center;
      margin-top: 20px;
      font-family: 'Courier New', monospace;
    }

    @media (max-width: 600px) {
      #time {
        font-size: 10vw;
      }

      #message {
        font-size: 4vw;
      }
    }
  </style>
</head>

<body>
  <div id="container">
    <img id="main-image" src="/content/06e53bb541fe0ae1e8aa7cb5902a08a6e85111058fe63a18efc6cf4789ccf2e5i0" alt="Kaiju">
    <div id="health-bar">
      <div id="health"></div>
    </div>
    <div id="flash"></div>
    <div id="time-display">
      <div id="time"></div>
      <div id="message">Congratulations, you have defeated the first boss level. Make sure to share your time in the comments with your X handle and post your video on X tagging @agoodoctoor. The 5 fastest will receive contracts.</div>
    </div>
  </div>

  <script>
    let health = 100;
    const maxHealth = 100;
    const regenRate = 1;
    const regenInterval = 100;
    const startTime = Date.now();

    function updateHealthBar() {
      const healthBar = document.getElementById('health');
      healthBar.style.width = `${health}%`;
    }

    function flashScreen() {
      const flash = document.getElementById('flash');
      flash.style.display = 'block';
      setTimeout(() => {
        flash.style.display = 'none';
      }, 100);
    }

    function displayTime() {
      const endTime = Date.now();
      const timeElapsed = ((endTime - startTime) / 1000).toFixed(2);
      const timeDisplay = document.getElementById('time-display');
      const timeElement = document.getElementById('time');
      timeElement.textContent = `${timeElapsed}`;
      timeDisplay.style.display = 'flex';
      timeDisplay.style.justifyContent = 'center';
      timeDisplay.style.alignItems = 'center';
    }

    function regenerateHealth() {
      if (health < maxHealth) {
        health = Math.min(maxHealth, health + regenRate);
        updateHealthBar();
      }
    }

    function createCircle() {
      const container = document.getElementById('container');
      const circle = document.createElement('div');
      circle.className = 'circle';

      const circleSize = Math.min(window.innerWidth, window.innerHeight) * 0.2;
      circle.style.width = `${circleSize}px`;
      circle.style.height = `${circleSize}px`;

      circle.style.top = `${Math.random() * (container.clientHeight - circleSize)}px`;
      circle.style.left = `${Math.random() * (container.clientWidth - circleSize)}px`;

      circle.addEventListener('click', () => {
        if (health > 0) {
          health -= 10;
          updateHealthBar();
          flashScreen();
          circle.remove();
          if (health > 0) {
            setTimeout(createCircle, 100);
          }
        }
        if (health <= 0) {
          displayTime();
        }
      });

      container.appendChild(circle);
    }

    setInterval(regenerateHealth, regenInterval);

    document.addEventListener('DOMContentLoaded', () => {
      createCircle();
    });

    window.addEventListener('resize', () => {
      const circles = document.getElementsByClassName('circle');
      const circleSize = Math.min(window.innerWidth, window.innerHeight) * 0.2;
      Array.from(circles).forEach(circle => {
        circle.style.width = `${circleSize}px`;
        circle.style.height = `${circleSize}px`;
        circle.style.top = `${Math.random() * (container.clientHeight - circleSize)}px`;
        circle.style.left = `${Math.random() * (container.clientWidth - circleSize)}px`;
      });
    });
  </script>
</body>

</html>
<!-- Built by PP: https://procrastinatepixels.com -->

AGOODDOCTOR

Owner

281 days ago

This creation is an ambonation, the Kaiju is threatening my Experiment 9s, I need you to defeat it, I will reward whoever eliminates him the fastest. Follow the red circle.

TheAdministrator

281 days ago

8.58 seconds @guest_admnstrtr

Chapta

281 days ago

Can you defeat the Kaiju?

vird

281 days ago

112.45 @Spb465Andy

Jester

281 days ago

@jester_btc 8.69

GanzAlex

281 days ago

316.87 )))) LFG!!!

rgalyeon

281 days ago

75.86 my record with the touchpad!

bc1p7...w5p7d

281 days ago

@AnitriaQuant 83.90

Efeyuàn

281 days ago

12,76 fast as fb OmgItzEfe

Lunara

281 days ago

One of the best ordinal I've ever seen! Bullish on AGOODDOCTOR!

AGOODDOCTOR

Owner

281 days ago

Tag @Agooddoctoor with your video on twitter

KErt

281 days ago

100.07 @kert38

InvestorFred

281 days ago

Amazing game

astralune

281 days ago

84.58 @astra_lune_ It was hard!

zhma

281 days ago

10.99 @NDimeev

Lunara

281 days ago

550. It seems time is counted from the moment the page is opened

Marcus

281 days ago

103.69 lol @MarkTruvalie

bc1p5...j6f0h

281 days ago

29.78 @BrynnaSoctt

enclozeddd

281 days ago

20.98 @enclozeddd

enclozeddd

281 days ago

22.00 @Enclozeddd

Fafi

281 days ago

Wow awasome 🔥

bc1pm...s90tj

244 days ago

Do not dare to enter its Den

VitalikTankist

244 days ago

godzilla

bc1qr...jskpw

244 days ago

83.32 seconds！

Wao

267 days ago

53.26😂

AGOODDOCTOR

Owner

281 days ago

This creation is an ambonation, the Kaiju is threatening my Experiment 9s, I need you to defeat it, I will reward whoever eliminates him the fastest. Follow the red circle.