源最前線（ID：OpenSourceTop） 猿妹綜合整理

項(xiàng)目地址：https://vanillawebprojects.com/projects/exchange-rate/

新手上路最開始用的就是基礎(chǔ)的 HTML+CSS+JS 三件套，而在框架和庫越來越多的現(xiàn)在，更多的時(shí)候使用它們來提高效率是常見的選擇。

今天要和大家分享一個(gè)項(xiàng)目，這是一個(gè)使用HTML5，CSS和JavaScript構(gòu)建的20多 個(gè)小型項(xiàng)目的集合，值得一提的是，這些項(xiàng)目沒有用到任何框架和庫。

vanillawebprojects創(chuàng)建已經(jīng)大半年了，直到最近才在Github走紅，登上Github周榜第二，目前標(biāo)星6.1K，fork累計(jì)1.1K。（Github地址：https://github.com/bradtraversy/vanillawebprojects）

vanillawebprojects一共包含20個(gè)項(xiàng)目，諸如電影訂票頁面，視頻播放器界面、匯率計(jì)算器、費(fèi)用追蹤器、音樂播放器、費(fèi)用追蹤器、打字游戲、語言文字閱讀器、新年倒計(jì)時(shí)等小應(yīng)用。

下面就給大家展示一下部分項(xiàng)目詳情：

首先是抖音上很火的新年倒計(jì)時(shí)，我們程序員怎么能輸呢？必須安排上：

電影訂票系統(tǒng)：

打字游戲：

匯率計(jì)算器：

簡(jiǎn)而言之，無論你是想通過 HTML+CSS+JS來更好理解框架，還是為了驗(yàn)證一下自己的知識(shí)水平，借這些項(xiàng)目練手都是不錯(cuò)的選擇，畢竟前端開發(fā)離不開這三大件。

team，又名蒸汽，對(duì)于這個(gè)全球最大的綜合性數(shù)字發(fā)行平臺(tái)，在座各位應(yīng)該都不陌生。在過去的幾年里，Steam為不少國(guó)內(nèi)玩家提供了接觸更廣闊世界的機(jī)會(huì)，也搶走了不少人的錢包。可能在很多人眼里，他只賣游戲，但實(shí)際情況是，steam的業(yè)務(wù)領(lǐng)域還包括軟件、硬件、視頻、新聞這四類。今天，就讓我們一起來盤點(diǎn)steam上有哪些的方便實(shí)用的軟件，找找有沒有一些能夠讓我們生活更加方便的黑科技。

別人用它做出了《去月球》，你呢？—— RPG Maker（售價(jià)：204元）

說到RPG Maker（RPG制作大師），相信很多宅男紳士都比較熟悉，畢竟這世上90%的“角色扮演類小黃油”都是用RPG Maker做的。作為目前市面上最簡(jiǎn)單易懂的游戲開發(fā)軟件，RPG制作大師上手難度非常容易。你不需要學(xué)習(xí)C語言，也不需要什么C4D貼圖繪制。只要懂得怎么用魔獸編輯器做一張地圖，就能用RPG制作大師做出一款游戲。雖然因?yàn)椤靶↑S油”的問題，讓人們對(duì)RPG Maker的印象過于片面，但一些優(yōu)秀作品的出現(xiàn)證明；基于RM并不是沒有觸動(dòng)人心的好作品（《到月球》、《雨血之死鎮(zhèn)》就是用RM制作而成）。

當(dāng)前RPG制作大師的最新版本是RPG Maker MV，他移除了傳統(tǒng)的腳本編輯器，改為了腳本管理器。游戲輸出格式變?yōu)閔tml5，即完成的游戲能發(fā)布在Windows、Mac OS X、安卓、iOS平臺(tái)，甚至作為網(wǎng)頁游戲在線發(fā)布。更簡(jiǎn)單易懂的操作系統(tǒng)，更多更廣的適用平臺(tái)，讓RPG Maker更適合那些興趣使然的游戲開發(fā)者，也給了不少人更多編寫夢(mèng)想、創(chuàng)造屬于自己世界的機(jī)會(huì)。

一款超越游戲范疇的神作——《去月球》，Made by RPG Maker

二次元領(lǐng)域大觸必備——Open Canvas（售價(jià)：133元）

Open Canvas（簡(jiǎn)稱OC）是一款主要用于插畫制作的軟件。我們都知道Photoshop（PS）存在手繪功能，那些大觸們可以用PS親手描繪出一張唯美的圖片。很多人對(duì)此羨慕不已，但大多苦于PS里復(fù)雜的功能而選擇放棄。這時(shí)，你就可以試試Opencanvas。從功能上講，Opencanvas和Photoshop（PS）都能進(jìn)行電腦繪圖制作，不同之處在于Open Canvas用起來更為順手。或許他沒有PS里更多樣的上色、更絢麗的光影， 但更簡(jiǎn)潔的操作界面、從鉛筆到透明水彩一應(yīng)俱全的筆尖讓無論初學(xué)者、還是高級(jí)用戶都能滿足自身的需要。

此外，Opencanvas有個(gè)非常強(qiáng)大的地方就是可以記錄繪畫過程并保存為文件分享，你可以看到一副圖片從無到有的全過程，并分享出去成為教學(xué)攻略，因此，其在漫畫和插畫領(lǐng)域有很高的人氣，B站上經(jīng)常有大神上傳用Open Canvas手繪的視頻。目前Open Canvas的最新版本是Open Canvas 6，國(guó)區(qū)售價(jià)133元，雖然不支持中文，但只要你對(duì)手繪有那么一絲興趣，都推薦這款小巧耐用的CG繪圖軟件。

和RPG Maker一起食用，效果最佳——Aseprite（售價(jià)：48元）

很難想象Aseprite和RPG Maker不是一家公司的作品，卻擁有如此高默契的相性。如果把Aseprite和RPG Maker放在一塊使用，總能做出不錯(cuò)的游戲。作為一款2D動(dòng)畫制作軟件，相較PS，Aseprite有著更加方便的timeline操作、隨時(shí)可供調(diào)節(jié)的調(diào)色板和更加人性化的界面。你不用再像PS那樣調(diào)關(guān)鍵幀、拼各種圖，除了只能做像素畫，他和RPG Maker一樣適合初學(xué)者使用。

用它測(cè)試下性能，結(jié)果把顯卡燒了——3DMARK（售價(jià)：88元）

3DMARK的名頭很響亮，江湖人稱“顯卡吧標(biāo)配游戲”。這款硬件性能測(cè)試軟件，功能強(qiáng)大、上限之高讓人驚嘆，這世上貌似還沒有他給不出打分的機(jī)器。而之所以稱其為游戲，是因?yàn)檫@款軟件有成就系統(tǒng)。從代表老爺機(jī)的“你的GPU隆隆作響，你的CPU不想工作”，到四路泰坦都望塵莫及的“迷之硬件”；他可以測(cè)試平板、筆記本、以及4K PC不同水平的機(jī)器，再以成就的方式對(duì)你進(jìn)行嘲諷。如果你對(duì)你的機(jī)器足夠自信，不妨試試Fire Strike選項(xiàng)，他會(huì)告訴你現(xiàn)實(shí)中100°C的顯卡是什么樣的。

點(diǎn)擊“RUN”，跑一跑

此外，為了響應(yīng)軟件宣傳時(shí)的口號(hào)：‘The Gamer’s Benchmark（是玩家就跑個(gè)分），設(shè)計(jì)者搞了一個(gè)全球排名。這看上去和360的“你的開機(jī)速度擊敗了全國(guó)99%電腦”很相似，但沒幾個(gè)硬件發(fā)燒友會(huì)用360，而所有人都會(huì)用3D MARK，于是世上就多了一群為了排名而瘋狂的人。不少人紛紛吐槽這是世界上最氪金、最燒錢的游戲；事實(shí)也確實(shí)如此，你以為你搞了臺(tái)牛機(jī)？這軟件會(huì)狠狠拍醒你，告訴你別做夢(mèng)了，也別覺得自己的機(jī)器能打敗多少人，還是搬磚去吧。

顯然全球只有0.5%的用戶完成了全成就

世界上最好的截圖軟件——ShareX（售價(jià)：0元）

相信在座各位都聽過一個(gè)梗，叫“看我饒羅翔教你截圖”。配上那張網(wǎng)絡(luò)流傳很久的圖片，確實(shí)很有喜感。今天之所以提到這個(gè)，還是因?yàn)橛赂绠?dāng)年其實(shí)少教了我們一種方法，那就是用ShareX。

ShareX是一款免費(fèi)的截圖軟件，自2007年推出以來，10年的時(shí)間，讓他的功能多到眼花繚亂。除了必不可少的一鍵截屏外，你還可以各種姿勢(shì)截網(wǎng)頁、截滾動(dòng)頁面、變DNS、二維碼轉(zhuǎn)換、突然融合、FTP上傳，以及直接截取成視頻或者GIF！自帶簡(jiǎn)單的編輯工具，截完圖后還可以直接加特效。如此豐富的功能，軟件大小卻只有70多MB，說其是黑科技也不為過。這是當(dāng)前世界上最好的截圖軟件，如果你想什么東西都用最好的，那這款ShareX一定不能錯(cuò)過。

懶人必備——Controller Companion（售價(jià)：15元）

當(dāng)小編第一次看到這款軟件時(shí)，就下了入手它的打算，畢竟對(duì)我這樣的手柄黨來說，它實(shí)在是太有用了！Controller Companion是一款手柄輔助軟件，他可以讓你的手柄替代鼠標(biāo)，也就是說哪怕沒有輔助瞄準(zhǔn)，也能玩一些射擊游戲。你可以用手柄搓?duì)t石，可以躺在沙發(fā)里玩魔獸爭(zhēng)霸。屏幕里的虛擬鍵盤讓你脫離鍵鼠，只用手柄就能聊天、打字、游戲、秀操作。總而言之，懶人必備。

一款對(duì)眼睛小人不適用的軟件——FaceRig（售價(jià)：48元）

可能你沒聽FaceRig這個(gè)名字，但你一定見別人用過。這是一款視頻軟件，他可以通過攝像頭識(shí)別你的人臉，再轉(zhuǎn)化為動(dòng)漫形象，屏幕里的動(dòng)漫形象會(huì)隨著你的表情動(dòng)作而行動(dòng)。當(dāng)前，很多知名主播直播時(shí)都會(huì)用到這款軟件，以此來增加節(jié)目效果。個(gè)人認(rèn)為，除了有騙錢嫌疑、多達(dá)16個(gè)的DLC外，這款靠吐舌頭、賣萌、發(fā)呆帶給我們歡樂的軟件還是很有用的。

如果你有兩個(gè)屏幕，你會(huì)需要他——DisplayFusion（售價(jià)：88元）

Wallpaper Engine無疑是軟件區(qū)的驕傲，它是迄今為止唯一一款進(jìn)入銷量榜的軟件作品，而且碾壓了所有3A大作，榮登熱銷榜首（現(xiàn)已不是）。關(guān)于Wallpaper Engine的介紹大家或多或少都應(yīng)知道，在此就不再多說。而Display Fusion其實(shí)和Wallpaper Engine一樣是款壁紙/屏保軟件，之所以會(huì)單獨(dú)拿出來講，是因?yàn)镈isplay Fusion非常適合使用多屏幕的用戶，他可以分裂您的顯示器為多個(gè)虛擬顯示器，讓您可以有單獨(dú)的任務(wù)欄，壁紙，觸發(fā)規(guī)則，功能，并為每個(gè)分割屏幕保護(hù)程序，堪稱分屏神器。

上圖只是宣傳畫面，軟件自帶中文

你可以用它看到3D的.AVI——Virtual Desktop（售價(jià)：99元）

Virtual Desktop是專用于Oculus Rift和HTC Vive，在電腦上實(shí)現(xiàn)VR的軟件。他的主要作用就是把電腦桌面映射到VR頭盔里，這樣就保證你即便不玩VR游戲也可以使用VR設(shè)備做其他事情，比如看小電影、玩玩掃雷魔獸或者辦公打字什么的。總之，用這個(gè)軟件播放了AV之后，你會(huì)感覺購買HTC Vive的所有付出都是值得的。

總結(jié)

作為全球最大的綜合性數(shù)字發(fā)行平臺(tái)，Steam總是充滿了驚喜和意外等待我們探索。每天看看Steam上有哪些新產(chǎn)品發(fā)售其實(shí)也是件有意思的事，說不定哪天你就當(dāng)了一回慧眼識(shí)珠的伯樂。因?yàn)槠鶈栴}，本文只講了一些實(shí)用性比較強(qiáng)、貼近生活的軟件；像一些逼格很高的Substance Designer 6、Substance Painter 2在steam上也有售賣，但那都是3A級(jí)游戲制作才會(huì)用到的軟件，離我們太遠(yuǎn)，也就沒說。事實(shí)證明，蒸汽并不只是一個(gè)游戲發(fā)行平臺(tái)，他還擁有軟件、硬件、視頻等多項(xiàng)服務(wù)；感謝它讓我們的生活有了便捷與進(jìn)步，也希望這篇文章能為大家的生活帶來幫助。