[問題] js 如何做出類似loading條跑動效果

[anubiss (左半邊的虛無)]

大家好
目前我還是學生 正在學習網頁程式html css js 等程式語言

最近老師新出的作業是剪刀石頭布的遊戲 除了要能跑以外
老師還希望可以做出像真的遊戲一樣的感覺（需要有界面設計.記分.等美化功能）
目前主要的程式都寫好了 可以點選連結下載檔案包

https://www.dropbox.com/sh/cm229zmvwycwnqc/AAC-fx3uYY1manT248nhz-Ila?dl=0

或是參考界面圖片 （在文章的最後）
http://huayuheh.blogspot.com/2015/03/web-design-rock-paper-scissors-3.html


目前想要做出更好的視覺效果
希望 當玩家點選拳（剪刀或石頭或布）後
電腦會 布 石頭 剪刀的圖片 輪流變亮（或其他顏色便淡）
  做出類似遊戲機花了一段時間跑程式的動畫
  等跑過四五圈之後才停在真正電腦隨機出的拳上
  然後再判斷輸贏

不太會形容這種動畫到底應該叫甚麼 所以不知道該搜尋怎樣的關鍵字
才可以做出這樣的效果 希望大家可以給我一點方向
 （有搜尋過拉霸動畫 似乎跟我想要的不太依樣）
 （也不是轉盤）

  PS.希望是用程式控制 而不是直接做好動畫偷蓋在上面


謝謝大家的幫忙 m(_ _)m

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 67.170.248.110
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1426458968.A.A44.html
※ 編輯: anubiss (67.170.248.110), 03/16/2015 06:37:04
※ 編輯: anubiss (67.170.248.110), 03/16/2015 06:38:36
推 crossdunk: 感覺這要自己刻唷
推 GoalBased: 關鍵字的話就是JavaScript
推 shadowjohn: http://3wa.tw/demo/htm/rock-paper-scissors.php
→ shadowjohn: 這樣嗎 :D ?
→ anubiss: @@這實在是太強了 我想的可能只是上面一排
→ anubiss: 三個選項輪流跑而已XD
→ anubiss: 剪刀 石頭 布 三個圖 會 剪刀石頭布 剪刀石頭布
→ anubiss: 剪刀石頭布 這樣多跑幾次 最後停在一個選項
推 shadowjohn: 哦~那麼簡單~
→ anubiss: 想請問一下這應該搜尋甚麼js method XD
→ anubiss: 大師做出來的實在是太困難 看得暈頭轉向了@@@@@....
推 shadowjohn: http://3wa.tw/url.php?id=299  這個玩看看 :)
→ anubiss: 0.0" ！！太快速了 我寫光寫猜拳的都寫了一整天ORZ
→ anubiss: 太感謝您了 我會仔細研究的^_^
推 shadowjohn: 有作出來也可以交流一下，我都硬刻，亂七八糟..
→ anubiss: 我可能要研究幾天才行 目前才只教一點點 很多method
→ anubiss: 都需要自己去找資料研究XD
推 shadowjohn: 需要幫忙也可以加line聊啊 : shadowjohn