TEST2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

找出兩張圖片中的不同之處!

 

 

遊戲說明:

下面有兩張圖片,右邊的圖片有 5 個與左邊不同的地方。請點擊右邊圖片上你認為不同的區域。

重要:

  • 圖片路徑設定: 程式碼中預設的圖片連結可能已失效。你需要提供自己的圖片。
    • 準備一張原始圖片和一張有5處修改的圖片。
    • 將它們放到與此HTML檔案相同的資料夾中,例如命名為 `original.jpg` 和 `modified.jpg`。
    • 然後,在下方的JavaScript程式碼中,更新 `image1Src` 和 `image2Src` 的值,例如:
      `const image1Src = "original.jpg";`
      `const image2Src = "modified.jpg";`
  • 如果你修改的位置與預設的不同,也請一併更新 `differences` 陣列中的座標 (`x`, `y`) 和半徑 (`radius`)。座標是相對於圖片寬高百分比。

預設的差異點子(供你參考製作修改版圖片):

原始圖片
修改後的圖片 (請替換)
 
找到的差異: 0 / 5
恭喜!你找到了所有不同之處!
已加入購物車
已更新購物車
網路異常,請重新整理