https://github.com/dean9703111/mental_test_wipe

mental magic with funny scratch method
https://github.com/dean9703111/mental_test_wipe

magic mental scratch

Last synced: 12 months ago
JSON representation

mental magic with funny scratch method

• Host: GitHub
• URL: https://github.com/dean9703111/mental_test_wipe
• Owner: dean9703111
• Created: 2018-01-16T05:18:03.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2021-01-21T04:28:01.000Z (over 5 years ago)
• Last Synced: 2025-01-12T23:28:06.169Z (over 1 year ago)
• Topics: magic, mental, scratch
• Language: JavaScript
• Homepage:
• Size: 4.82 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 心靈魔術刮刮樂

這是一個讓魔術師表演讀心術的專案，請詳細閱讀`使用說明`並且`反覆練習`確定掌握後再去實戰

### 使用說明

* 了解網頁結構

    1. 表面看上去只是一張圖，但其實有八個隱藏的按鈕，用來置換背景圖片

        ![image](/img/README/webText.png)

    2. 這是點擊刮開圖片後會顯示的圖片

        ![image](/img/README/webImg.png)

    3. 對比圖如下

        ![image](/img/README/webTansfer.png)

* 實際操作

    1. 請你先點擊這個[網址](https://dean9703111.github.io/mental_test_wipe/index.html)進入Demo頁面

        >如果你是使用網頁瀏覽

        >    1. 你會看到滿版的畫面，但還無法使用

        >        ![image](/img/README/webFull.png)

        >    2. 請先按F12(或是滑鼠右鍵選擇檢查)進入開發者模式

        >        ![image](/img/README/webDev.png)

        >    3. 選擇使用手機瀏覽後按F5重整頁面

        >        ![image](/img/README/webMobile.png)

    2. 接著點擊你想要顯示的圖片的區域(這裡以星星做舉例)

        ![image](/img/README/clickStar.png)

    3. 然後慢慢刮開圖片

        ![image](/img/README/scratchStar.png)