1 / 12

來 PK 吧！剪刀石頭布

來 PK 吧！剪刀石頭布. 06 組 吳曉筑 110162010. 發想動機. 其實本來我要使用原本 web art 的網頁來製作 Makey Makey ，但是製作上一直遇到瓶頸，本來想要採用搖晃的方法，沒想到這是一個轉捩點。我從搖晃中想到黑白猜男生女生配遊戲，想要利用保鮮盒搖晃製作出上下左右，於是必須先製作出剪刀石頭布。. 製作方法流程. 按鍵精靈設定. 完成配置圖. 連接酷樂宅. 完成. 撰寫 html. 草稿定案. 製作方法流程.

andren
Download Presentation

來 PK 吧！剪刀石頭布

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 來PK吧！剪刀石頭布 06組吳曉筑 110162010

  2. 發想動機 其實本來我要使用原本web art的網頁來製作MakeyMakey，但是製作上一直遇到瓶頸，本來想要採用搖晃的方法，沒想到這是一個轉捩點。我從搖晃中想到黑白猜男生女生配遊戲，想要利用保鮮盒搖晃製作出上下左右，於是必須先製作出剪刀石頭布。

  3. 製作方法流程 按鍵精靈設定 完成配置圖 連接酷樂宅 完成 撰寫html 草稿定案

  4. 製作方法流程 我習慣先畫好草稿，然後畫好配置圖。因為之前的網頁不能使用，我在網路上找尋剪刀石頭布的javascript並另外寫一個新的html。

  5. 製作方法流程 主程式

  6. 製作方法流程 主程式

  7. 製作方法流程 程式

  8. 呈現的樣貌 這裡會顯示 電腦出什麼（隨機） 並且告訴你輸贏 會累積和輸贏次數 若想洗刷記錄可以按restart MOUSEOVER 三種手勢都會放大

  9. 製作方法流程 按鍵精靈設定部分

  10. 製作方法流程 負極則是用手指頭去碰earth區域

  11. 照片

  12. 製作心得 Makeymakey的作業真的比web art還花時間去思考要怎麼去玩比較有樂趣，也利用所學將東西做出來實際上可以跟電腦網頁互動，說真的很有成就感。網頁不停改了又改，特效一度跑不出來，makeymakey多了好多道複雜程序，不知道一共用了幾個程式了！缺點是網頁的部分我想要再讓畫面更豐富一點還有控制的板子可以嘗試更多方法和材料，暑假有空我會在多嘗試！

More Related