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

No:35250

Tap a Dog, Turn into a Zebra into a Yo-Yo into a C..ALL
Developer User16469｜Date and time 24/1/13 17:55:46
Build time 7.037 sec｜Game capacity 1.915KB｜

Script

Sure! Here's a simple game where you can tap different pictograms to transform them into various objects. Just open the HTML file in your smartphone browser, and start tapping to see the transformations!

Tap Transformation Game

Tap the pictogram to transform it into the next object!

🐶

In this game, each time you tap on the pictogram, it will change to the next object in the sequence, following the order specified in the array. Once you reach the last object (a dog), tapping again will loop back to the first object. Have fun playing with the transformations!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Tap Transformation Game</title>
  </head>
  <body>
    <script>
      // Create an array of pictograms
      const pictograms = [
        "🐶", // Dog
        "🦓", // Zebra
        "🪀", // Yo-Yo
        "🐮", // Cow
        "🚗", // Car
        "🐘", // Elephant
        "🍎", // Apple
        "🐙", // Octopus
        "🐧", // Penguin
        "🐱", // Cat
        "🐶" // Dog (loop back to start)
      ];
      
      // Set initial index for current pictogram
      let currentIndex = 0;

// Function to handle tap events and transform pictograms
      function onPictogramClick() {
        // Get the pictogram element
        const pictogramElement = document.getElementById("pictogram");
        
        // Increment the index to get the next pictogram
        currentIndex = (currentIndex + 1) % pictograms.length;
        
        // Update the pictogram by setting its inner text to the current pictogram in the array
        pictogramElement.innerText = pictograms[currentIndex];
      }
    </script>
    
    <style>
      #pictogram {
        font-size: 5rem;
        cursor: pointer;
      }
    </style>
    
    <h1>Tap Transformation Game</h1>
    <p>Tap the pictogram to transform it into the next object!</p>
    
    
    <div id="pictogram" onclick="onPictogramClick()">🐶</div>
  </body>
</html>
```