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

No:34375

147

←

Prev Next

→

PlayStation 4 simulator
Developer User14167｜Date and time 24/1/10 6:22:03
Build time 11.974 sec｜Game capacity 2.597KB｜

Script

PlayStation 4 Simulator

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>PlayStation 4 Simulator</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f3f3f3;
      margin: 0;
    }
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    #controller {
      width: 300px;
      padding: 20px;
      background-color: #FFF;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      text-align: center;
    }
    #buttons {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 10px;
    }
    .button {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: #EEE;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
    .button img {
      width: 50px;
      height: 50px;
    }
    .button:active {
      background-color: #DDD;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="controller">
      <h1>PlayStation 4 Simulator</h1>
      <div id="buttons">
        <div class="button" onclick="handleButtonPress('circle')">
          <img src="circle.png" alt="Circle">
        </div>
        <div class="button" onclick="handleButtonPress('triangle')">
          <img src="triangle.png" alt="Triangle">
        </div>
        <div class="button" onclick="handleButtonPress('square')">
          <img src="square.png" alt="Square">
        </div>
        <div class="button" onclick="handleButtonPress('cross')">
          <img src="cross.png" alt="Cross">
        </div>
        <div class="button" onclick="handleButtonPress('options')">
          <img src="options.png" alt="Options">
        </div>
        <div class="button" onclick="handleButtonPress('share')">
          <img src="share.png" alt="Share">
        </div>
        <div class="button" onclick="handleButtonPress('up')">
          <img src="up.png" alt="Up">
        </div>
        <div class="button" onclick="handleButtonPress('down')">
          <img src="down.png" alt="Down">
        </div>
        <div class="button" onclick="handleButtonPress('left')">
          <img src="left.png" alt="Left">
        </div>
        <div class="button" onclick="handleButtonPress('right')">
          <img src="right.png" alt="Right">
        </div>
      </div>
    </div>
  </div>