A game where you tap on a jelly Add A Wiggleing Animation To the jelly for when you tap on it's game

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

No:34883

←

Prev Next

→

A game where you tap on a jelly Add A Wiggleing An..ALL
Developer Game Studio｜Date and time 24/1/12 4:29:55
Build time 8.673 sec｜Game capacity 1.668KB｜

Script

Sure! Here's a simple game where you can tap on a jelly to make it wiggle using JavaScript. Copy the code below and save it as a single HTML file to play the game:

To use this code, replace `emozi_cat.png` with the path to your jelly image (make sure to keep the single quotes). If you want to use pictograms, you can style the jelly using CSS or use an appropriate image as the background. When you open the HTML file on a smartphone, you'll see a jelly in the center of the screen. Tap on the jelly, and it will wiggle for a brief moment. After that, it will stop wiggling until you tap on it again. Please note that you need to provide your own jelly image or use pictograms as mentioned.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game where you can tap on a jelly to make it wiggle using JavaScript. Copy the code below and save it as a single HTML file to play the game:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jelly Tapping Game</title>
  <style>
    .jelly {
      width: 100px;
      height: 100px;
      background-image: url('jelly.png'); /* Replace with your jelly image */
      background-size: cover;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer;
      animation: wiggle 0.3s infinite alternate;
    }
    
    @keyframes wiggle {
      0% { transform: translate(-50%, -50%) rotate(-2deg); }
      100% { transform: translate(-50%, -50%) rotate(2deg); }
    }
  </style>
</head>
<body>
  <div class="jelly" onclick="wiggleJelly()"></div>

To use this code, replace `jelly.png` with the path to your jelly image (make sure to keep the single quotes). If you want to use pictograms, you can style the jelly using CSS or use an appropriate image as the background.

When you open the HTML file on a smartphone, you'll see a jelly in the center of the screen. Tap on the jelly, and it will wiggle for a brief moment. After that, it will stop wiggling until you tap on it again.

Please note that you need to provide your own jelly image or use pictograms as mentioned.