這次文章不討論底層，不研究技術(shù)，純粹即興創(chuàng)作。
背景是這樣的，筆者愛好射箭，每天下班回來都會(huì)堅(jiān)持一個(gè)小時(shí)的訓(xùn)練量，因而筆者在排位賽的成績?cè)谑?nèi)不算差，很多比賽排名都能名列前茅。但就是，排位靠前，PK賽缺經(jīng)常翻船輸給排位低的人（這次省賽，筆者作為排位第四輸給了排位第三十幾的人）。正因如此，筆者特意寫了這個(gè)系統(tǒng)加入在平時(shí)的訓(xùn)練當(dāng)中，希望可以提高淘汰賽時(shí)自己心里素質(zhì)。轉(zhuǎn)載請(qǐng)注明出處：Michael孟良

比賽規(guī)則：

首先進(jìn)行的是排位賽，有些比賽是72箭有些比賽是60箭，按總分進(jìn)行排名。
然后就是淘汰賽，這時(shí)會(huì)按照排位賽的成績分組PK，比如：比賽只有4人，排位賽后，第一和第四打，第二和第三打。每組每人打三箭，每組贏了計(jì)2分，平了計(jì)1分，熟了計(jì)0分，最先打到6分為之勝出。
我的問題在于，對(duì)于一個(gè)排位低的人，戒備心明顯下降，再加上比賽的緊張氣氛，莫名其妙會(huì)射失誤幾箭，進(jìn)而輸?shù)舯荣悺?/p>

系統(tǒng)介紹：

因?yàn)榭紤]到每次開機(jī)就方便直接打開系統(tǒng)，用了親切近人的頁面代碼，邏輯代碼都在JavaScript上。

結(jié)構(gòu)

材料：首先下載個(gè)倒計(jì)時(shí)模板和相冊(cè)模板，還有比賽要用的廣播語音（百度廣播語音平臺(tái)，自己輸入要的內(nèi)容）：
http://www.17sucai.com/pins/30363.html
http://www.jq-school.com/DownLoad.aspx?id=429
https://developer.baidu.com/vcast

下載完就是改。。。改改改。。。改完后變成：

首頁界面

點(diǎn)擊“開始比賽”就會(huì)隨機(jī)對(duì)手，又或者找某個(gè)對(duì)手就直接點(diǎn)擊頭像進(jìn)入。

比賽界面

比賽結(jié)束

比賽結(jié)束后可以按“重新比賽”，即返回主頁面，還有“繼續(xù)比賽”，可以和當(dāng)前這個(gè)人繼續(xù)比賽，因?yàn)樘蕴愂钦l最先打到6分為之勝利，所以對(duì)同一個(gè)人不止一場比賽，可以選擇當(dāng)前選手繼續(xù)打。至于，如果打到5:5，要進(jìn)行決金箭（就是每人射一箭，誰的箭更靠近中心，誰為之贏），系統(tǒng)就不做了決金箭了，可以留在后面優(yōu)化。

使用感受：

1.真實(shí)帶入淘汰賽的感覺真的和排位賽不一樣，會(huì)感受到那份壓力（重現(xiàn)到線上問題?。。。?br> 2.倒計(jì)時(shí)我設(shè)置成60秒，比比賽時(shí)間要短，但給到我點(diǎn)壓迫感。
3.每一箭時(shí)間在0~20秒間隨機(jī)一個(gè)數(shù)，所以有時(shí)候每隔幾秒對(duì)手就發(fā)射，有點(diǎn)不符合現(xiàn)實(shí)，現(xiàn)實(shí)從上箭到發(fā)射，最快也要5秒，不過還行，同樣給到我壓迫感。

后語：
由于筆者很久沒寫過前端代碼了，所以代碼就不貼出來，代碼中有很多可優(yōu)化的點(diǎn)，無論是性能還是功能點(diǎn)，拿來主義的可以直接點(diǎn)擊下載。
代碼下載地址：https://github.com/MichaelYipInGitHub/PKTraining

廣東省射箭比賽排名

佛山市南海射箭比賽排名