Glitter effects, neon illumination!'s game

Click here for free DL of the app version that can save data.

No:7601

2946

←

Prev Next

→

Glitter effects, neon illumination!
Developer もちきなこ｜Date and time 23/7/8 23:49:04
Build time 13.179 sec｜Game capacity 2.212KB｜

Script

了解です！キラキラエフェクトとネオンイルミネーションを持つHTMLファイルのゲームを作成します。以下が実際のプログラムです。

キラキラゲーム

このプログラムでは、背景色が黒くなり、中央に「キラキラゲーム」というテキストが表示されます。テキストにはキラキラエフェクトが与えられ、ランダムな色と位置で点滅します。これにより、キラキラしたネオンイルミネーションのような効果が得られます。ゲームループは0.5秒ごとに実行され、テキストの影がランダムに変化します。このHTMLファイルをブラウザで開いてプレイすると、キラキラしたエフェクトが楽しめるゲームとなります。スマートフォンでも操作可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

了解です！キラキラエフェクトとネオンイルミネーションを持つHTMLファイルのゲームを作成します。以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>キラキラゲーム</title>
  <style>
    body {
      background: black;
    }
    
    #game-container {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

#game-text {
      font-size: 5rem;
      color: white;
      text-shadow: 0 0 10px #00ffd3, 0 0 20px #00ffd3, 0 0 30px #00ffd3, 0 0 40px #00ffd3, 0 0 50px #00ffd3, 0 0 60px #00ffd3, 0 0 70px #00ffd3, 0 0 80px #00ffd3;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="game-text">キラキラゲーム</div>
  </div>

このHTMLファイルをブラウザで開いてプレイすると、キラキラしたエフェクトが楽しめるゲームとなります。スマートフォンでも操作可能です。