天介紹一些在 GitHub 上找到的好玩的開源項目小游戲，當你學習、工作累了，趁休息時間娛樂放松一下，通過用游戲的方式來學習技術(shù)是最適合不過了。

首先，我們來看一下這張圖，可快速了解這篇文章中所涉及到的 23 個關(guān)于游戲方面的開源項目。

Games on GitHub這個開源項目作者收集了托管在 GitHub 上的開源游戲以及跟游戲相關(guān)的項目列表，所含的項目類型眾多，游戲種類包括教育類、瀏覽器類等，還包括一些開源的游戲引擎等等。

該項目的目錄：

具體細節(jié)就不逐一點開給大家演示了，感興趣的朋友去看看。GitHub 地址：https://github.com/leereilly/games

vim-game-code-break這個項目是 Vim 插件版本的打豆豆。將其放在您的 .vimrc 中：Plug 'johngrib/vim-game-code-break'然后在 Vim 中運行以下命令：:source %
:PlugInstall裝上這個插件輸入:VimGameCodeBreak，即可開始游戲。

功能介紹h、l 鍵是控制左右方向；space 鍵是發(fā)球；` 鍵是作弊鍵；] 鍵是神模式，[ 鍵是人工模式；q 鍵是結(jié)束游戲，Q 鍵是退出并關(guān)閉游戲；GitHub 地址：https://github.com/johngrib/vim-game-code-break

javascript-tetris

一個簡單的 JavaScript 俄羅斯方塊游戲，這個開源項目是通過 HTML5 實現(xiàn)的，功能簡陋齊全，作者還記錄這個游戲的實現(xiàn)細節(jié)以及工作原理。

地址：https://codeincomplete.com/articles/javascript-tetris/ GitHub 地址：https://github.com/jakesgordon/javascript-tetris游戲在線地址：https://codeincomplete.com/games/tetris/

react-tetris除了上述俄羅斯方塊游戲外，還有一款不錯的，我也是非常喜歡，這個項目是通過 React 實現(xiàn)的，游戲框架使用的是 React + Redux，其中再加入了 Immutable，用它的實例來做 Redux 的 state，跟上述實現(xiàn)的方式還是有所不同。

這款游戲在屏幕的自適應(yīng)上，在 PC 使用鍵盤、在手機使用手指的響應(yīng)式操作上，都很方便。

GitHub 地址：https://github.com/chvin/react-tetris游戲在線地址：https://chvin.github.io/react-tetris/

sshtronSSHTron 是一款通過 SSH 運行的多人 Lightcycle 游戲，只需運行如下命令即可開始游戲：# ssh sshtron.zachlatta.com

功能介紹W A S D 或 vim 鍵綁定移動（不要使用箭頭鍵）；退出或按 Ctrl + C 退出；

GitHub 地址：https://github.com/zachlatta/sshtron

battle-city基于 React 的經(jīng)典坦克大戰(zhàn)，這個 GitHub 倉庫的版本是經(jīng)典坦克大戰(zhàn)的復刻版本，基于原版素材，使用 React 將各類素材封裝為對應(yīng)的組件。素材使用 SVG 進行渲染以展現(xiàn)游戲的像素風，可以先調(diào)整瀏覽器縮放再進行游戲，1080P 屏幕下使用 200% 縮放為最佳。此游戲使用網(wǎng)頁前端技術(shù)進行開發(fā)，主要通過 React 進行頁面展現(xiàn)，使用 Immutable.js 作為數(shù)據(jù)結(jié)構(gòu)工具庫，使用 redux 管理游戲狀態(tài)，以及使用 redux-saga/little-saga 處理復雜的游戲邏輯。

GitHub 地址：https://github.com/shinima/battle-city游戲在線地址：http://shinima.pw/battle-city/

pacmanPacman 是基于 HTML5 的吃豆人游戲。該項目在 GitHub 上的核心代碼就兩個文件，代碼有注釋、整潔。對于新手來說是個很好的實踐項目。

GitHub 地址：https://github.com/mumuy/pacman游戲在線地址：http://passer-by.com/pacman/

ratelRatel 這個項目是基于 Netty 實現(xiàn)的一款命令行斗地主游戲。Ratel 分客戶端和服務(wù)端，你可以讓小伙伴們的客戶端都連接你的服務(wù)器進行游戲，也可以直接連接作者的公網(wǎng)服務(wù)器進行游戲。

GitHub 地址：https://github.com/ainilili/ratel

lilalila 是一款基于 Scala 語言，完全免費、開源、沒有廣告、支持多語言的在線國際象棋游戲。

GitHub 地址：https://github.com/ornicar/lila游戲在線地址：https://lichess.org/

star-battlestar-battle 是一個使用 JavaScript ES6、Canvas 開發(fā)的飛船射擊類游戲。

功能介紹

• 使用 W、A、S、D 鍵控制飛船，按下 Space 發(fā)射；
• 燃料初始值為 15，每秒遞減 1 點，當燃料值為 0 時，游戲結(jié)束；
• 觸碰掉下的燃料瓶可增加 15 點，最大值為 30 點；
• 擊中敵方飛船增加 5 分；行星需擊中兩次，增加 10 分；擊中友方減 10 分；
• 撞擊敵方損失 15 點燃料，撞擊友方扣除 10 分；
• 游戲允許負分；
• 按下 P 暫停游戲，按下 M 靜音；

GitHub 地址：https://github.com/gd4Ark/star-battle游戲在線地址：https://4ark.me/star-battle/

PythonPlantsVsZombiesPythonPlantsVsZombies 是用 Python 語言編寫的植物大戰(zhàn)僵尸。

功能介紹PlantsVsZombies 所支持的植物類型：向日葵、豌豆射手、寒冰射手、堅果、櫻桃炸彈等；PlantsVsZombies 所支持的僵尸類型：普通僵尸、鞭打僵尸、錐頭僵尸、水桶頭僵尸、報紙僵尸等；該項目可使用 json 文件來存儲關(guān)卡數(shù)據(jù)信息（例如僵尸的位置和時間，背景信息）；支持在關(guān)卡開始前選擇植物卡；支持白天/夜間模式，移動卡選擇水平和 Wallnut 保齡球水平；

運行 main.py 文件即可運行游戲：# python main.py
import pygame as pg
from source.main import main
if __name__=='__main__':
main()
pg.quit()

GitHub 地址：https://github.com/marblexu/PythonPlantsVsZombies

HueJumper2k這個項目是用 JS 實現(xiàn) 2KB 大小的 3D 賽車游戲。

控制項鼠標=轉(zhuǎn)向點擊=剎車雙擊=跳轉(zhuǎn)R=重新啟動1=屏幕圖

GitHub 地址：https://github.com/KilledByAPixel/HueJumper2k游戲在線地址：https://killedbyapixel.itch.io/hue-jumper

free-python-games免費的入門級 Python 游戲集合庫，都是一些簡單的小游戲：貪吃蛇、迷宮、Pong、猜字等，運行方便、代碼簡單易懂。以游戲的方式開啟你的 Python 學習之旅，玩完再學源碼，真是其樂無窮。

GitHub 地址：https://github.com/grantjenks/free-python-games

css-sweeper一個只用 HTML 和 CSS 實現(xiàn)的掃雷游戲。

GitHub 地址：https://github.com/propjockey/css-sweeper游戲在線地址：https://propjockey.github.io/css-sweeper/

emoji-minesweeperEmoji-minesweeper 是一款表情符號的掃雷游戲。

功能介紹左鍵單擊可開啟一個地點；右鍵單擊可將一個點標記為炸彈；雙擊以打開目標附近的所有 8 個點（使用右鍵單擊已標記為炸彈的點除外）；

GitHub 地址：https://github.com/muan/emoji-minesweeper游戲在線地址：http://muan.github.io/emoji-minesweeper/

MazeBattles.com使用 Node.js 和 Socket.io 實現(xiàn)的在線迷宮游戲，通過 [a][w][s][d] 按鍵移動位置，支持多人和單人兩種模式。

GitHub 地址：https://github.com/HenryDavidZhu/MazeBattles.com游戲在線地址：http://www.mazebattles.com/

flexboxfroggy一個幫助學習 CSS flexbox 知識的在線游戲。游戲一共 24 關(guān)，通俗易懂地解釋了 flex 布局，適合初學者，支持中文，可以在 settings 中選擇語言。

GitHub 地址：https://github.com/thomaspark/flexboxfroggy游戲在線地址：https://flexboxfroggy.com/

gorchedGo 語言寫的終端游戲 Scorched Earth。

控制項← → 改變大炮角度SPACE 開始加載（第一擊）并射擊（第二擊）Ctrl+C 退出游戲Ctrl+R 重新開始當前回合Ctrl+N 開始下一輪S 顯示分數(shù)A 顯示玩家的屬性H 顯示幫助

GitHub 地址：https://github.com/zladovan/gorched游戲在線地址：https://repl.it/@zladovan/gorched

Mindustry一款 Java 編寫的免費沙盒塔防游戲。支持多平臺：Windows、Linux、macOS、Android。

GitHub 地址：https://github.com/Anuken/Mindustry

AIDungeon

AIDungeon 是一個基于機器學習的地下城文字游戲。

GitHub 地址：https://github.com/Latitude-Archives/AIDungeon游戲在線地址：https://play.aidungeon.io/main/landing

OpenEmuOpenEmu 是一個可以玩各種復古游戲的游戲機，支持任天堂、索尼 PSP、世嘉 32X 等 30 多種游戲引擎，以及支持外接游戲手柄、投屏等操作。

GitHub 地址：https://github.com/OpenEmu/OpenEmu

gameboy.live

gameboy.live 是一個具有終端 “云游戲” 支持的基本 Gameboy 模擬器，可通過 Socket 遠程玩像素游戲。

功能介紹

• CPU 指令仿真
• 計時器和中斷
• 支持 ROM，MBC1，MBC2，MBC3 磁帶
• 聲音模擬
• 圖形仿真
• 云游戲
• ROM 調(diào)試器
• 游戲保存和恢復卡帶級別

GitHub 地址：https://github.com/HFO4/gameboy.live

cxk-ball這是一款用 Javascript 實現(xiàn)的 CXK 打籃球游戲。

該游戲有多種模式可選擇：

• 簡單
• 普通
• 困難
• 極限
• 非人類

GitHub 地址：https://github.com/kasuganosoras/cxk-ball游戲在線地址：https://cxk.ssrr.one/

最后以上就是今天所要分享的全部內(nèi)容了。

境部署

1、 配置、安裝 Nginx；

# ./configure --sbin-path=/usr/local/nginx/nginx --conf-path=/usr/local/nginx/nginx.pid --with-http_ssl_module --with-pcre=/usr/local/src/pcre-8.39 --with-zlib=/usr/local/src/zlib-1.2.11 --with-openssl=/usr/local/openssl/
# make
# make install
# /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf  //啟動Ngnix
# netstat -ano | grep 80

2、擴展 Nginx-rtmp-module

C++音視頻開發(fā)學習資料：點擊領(lǐng)取→音視頻開發(fā)（資料文檔+視頻教程+面試題）（FFmpeg+WebRTC+RTMP+RTSP+HLS+RTP）

# ./configure --add-module=/usr/local/src/nginx-rtmp-module-master --with-openssl=/usr/local/openssl/
# make
# make install
# vim /usr/local/ngnix/conf/ngnix.conf
include /usr/localcinx-rtmp-module-master/testinx.conf;
# vim /usr/localcinx-rtmp-module-master/testinx.conf
rtmp {
    server {
        listen 1935;

        application myapp {
            live on;

            #record keyframes;
            #record_path /tmp;
            #record_max_size 128K;
            #record_interval 30s;
            #record_suffix .this.is.flv;

            #on_publish http://localhost:8080/publish;
            #on_play http://localhost:8080/play;
            #on_record_done http://localhost:8080/record_done;
        }

            application hls {
            live on;
            hls on;
            hls_path /tmp/hls;
            hls_fragment 10s;     #每個視頻切片的時長。
            hls_playlist_length 60s;  #總共可以回看的事件，這里設(shè)置的是1分鐘。
            #hls_continuous on; #連續(xù)模式。
            #hls_cleanup on;    #對多余的切片進行刪除。
            #hls_nested on;     #嵌套模式。
        }
    }
}

http {
    server {
        listen      8080;

        location /stat {
            rtmp_stat all;
            rtmp_stat_stylesheet stat.xsl;
        }

        location /stat.xsl {
            root /usr/local/src/nginx-rtmp-module-master/;
        }

        location /control {
            rtmp_control all;
        }

        location /rtmp-publisher {
            root /usr/local/src/nginx-rtmp-module-master/test;
        }

            location /hls {
            #server hls fragments
            types{
                application/vnd.apple.mpegurl m3u8;
                video/mp2t ts;
            }
            #alias /tmp/app;
            root /tmp;
            expires -1;
        }

        location / {
            root /usr/local/src/nginx-rtmp-module-master/test/rtmp-publisher;
        }
    }
}
# /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
# netstat -ltn  #查看端口的監(jiān)聽情況

3、 安裝 ffmpeg

# ./configure --prefix=/usr/local/ffmpeg
# make
# make install

C++音視頻開發(fā)學習資料：點擊領(lǐng)取→音視頻開發(fā)（資料文檔+視頻教程+面試題）（FFmpeg+WebRTC+RTMP+RTSP+HLS+RTP）

模擬推流

• 先來看一個簡單的直播推流流程圖 ：

用 flv 視頻文件模擬 RTMP 視頻流：

 # ffmpeg -re -i test.flv -vcodec copy -acodec copy -f flv rtmp://ip:1935/myapp/mystream

注：RTMP（Real Time Messaging Protocol），實時消息傳輸協(xié)議，用于視頻直播協(xié)議，和 HLS 一樣都可以應(yīng)用于視頻直播；

• 用 mp4 視頻文件模擬 HLS 視頻流：

ffmpeg -re -i test.mp4 -c copy -f flv rtmp://ip:1935/hls/mystream

注：HLS（HTTP Live Streaming）， Apple 的動態(tài)碼率自適應(yīng)技術(shù)，主要用于 PC 和 Apple 終端的音視頻服務(wù)；

• HLS 的請求流程：

H5 如何在頁面上播放視頻

<video autoplay webkit-playsinline>      
        <source src="http://ip/hls/mystream.m3u8" type="application/vnd.apple.mpegurl" />      
        <p class="warning">Your browser does not support HTML5 video.</p>   
    </video> 

總結(jié)

根據(jù)以上的流程，簡單的實現(xiàn)了一個視頻直播的流服務(wù)器來推送直播流，并且可以在 H5 頁面上播放視頻流。有興趣的小伙伴們也可以嘗試一下~