万字博文讲解如何用shell来实现一个俄罗斯方块小游戏

文章目录

- - 1.游戏效果运行图：
  - 2. 前置知识与游戏进程设计：
  - - 2.1: 有关 $0,$1,$2,...$9, 和 $!
    - 2.2 进程设计
  - 3.进程间信号传递
  - - 3.1 RunAsKeyReceiver接收到用户的键盘输入后是如何把信号传递给RunAsDisplayer 进程的
  - 4. 使用echo进行字符打印
  - - 4.1 打印带颜色背景的字体
    - 4.2 打印字符到指定位置
    - 4.3 打印两个竖着的边框
    - 4.4 打印俄罗斯方块的墙
    - 4.5 打印分数和级别
  - 5.打印随机生成的方块
  - - 5.1 打印方块的原理:
    - 5.2 方块的构成
    - 5.3 代码实现打印方块
    - 5.4 如何产生随机方块
  - 5.5 结合前面那几步可以得到这个画面
  - 6.小方块如何下落？
  - - 6.1 控制y递增来实现下落
    - 6.2 清屏操作
  - 7. 如何判断是否撞到其他已经落地的方块
  - - 7.1初始化所有背景方块为-1, 表示没有方块
    - 7.2 记录方块落下时占用的位置
  - 8.判断一个方块是否可以移动到(x,y)位置
  - 8.下落一行
  - 9. 消去可消去的行
  - 10.如何判断当前得分？
  - 11.消去后如何重新显示新的方块
  - 12.Box2Map 关键的函数
  - 13.完整代码
  - 14.注意事项：
  - 15.gitee

1.游戏效果运行图：

2. 前置知识与游戏进程设计：

2.1: 有关 $0,$1,$2,…$9, 和 $!

$0 就是你写的shell脚本本身的名字，$1 是你给你写的shell脚本传的第一个参数，$2 是你给你写的shell脚本传的第二个参数
$! 表示 Shell最后运行的后台Process的PID即后台运行的最后一个进程的进程ID号
请添加图片描述

2.2 进程设计

if [[ "$1" == "-h" || "$1" == "--help" ]]; thenUsage
elif [[ "$1" == "--version" ]]; thenecho "$APP_NAME $APP_VERSION"
elif [[ "$1" == "--show" ]]; then#当发现具有参数--show时，运行显示函数RunAsDisplayer
elsebash $0 --show&        #以参数--show将本程序再运行一遍RunAsKeyReceiver $!        #以上一行产生的进程的进程号作为参数
fi

把这个程序的进程设计为两个进程，
分别为 RunAsDisplayer 和RunAsKeyReceiver，
其中RunAsDisplayer 负责显示游戏，
RunAsKeyReceiver负责接收用户的键盘输入，并通过给RunAsDisplayer 发信号传递消息来实时的显示处理画面
请添加图片描述

3.进程间信号传递

信号是一种进程间通信机制，它给应用程序提供一种异步的软件中断，使应用程序有机会接受其他程序活终端发送的命令(即信号)
使用trap来捕获信号进行处理

3.1 RunAsKeyReceiver接收到用户的键盘输入后是如何把信号传递给RunAsDisplayer 进程的

在2.2中我们看到 RunAsKeyReceiver $ ! 拿到了RunAsDisplayer的进程id，因此我们就可以通过这个进程id利用kill命令给RunAsDisplayer 发信号
接收键盘的字符的进程RunAsKeyReceiver通过 kill -$sig $pidDisplayer 向显示游戏的进程RunAsDisplayer发信号,
而RunAsDisplayer 通过 trap 挂载信号和处理函数

请添加图片描述

4. 使用echo进行字符打印

4.1 打印带颜色背景的字体

在这里插入图片描述
参考链接

4.2 打印字符到指定位置

echo -ne “\033[10;10H”
10;10H 表示打印的位置是y轴10个像素x轴是10个像素，
屏幕左上角是(0,0),往下是y轴正半轴，往右是x轴正半轴

#!/bin/bashecho -ne "\033[1m" # [1m 表示粗体
echo -ne "\033[31m\033[42m" #[31m 表示红色字体 42m表示绿色背景
echo -ne "\033[10;10H" # 10;10H 表示打印的位置是y轴10个像素x轴是10个像素，屏幕左上角是(0,0),往下是y轴正半轴，往右是x轴正半轴
echo "hello world"   # 打印hello worlld
echo -ne "\033[0m" # 恢复成正常字体

效果图:
在这里插入图片描述

4.3 打印两个竖着的边框

在这里插入图片描述

#!/bin/bash
### 0.打印两个竖着的边框echo -ne "\033[1m"
echo -ne "\033[32m\033[42m"
# 变量赋值时,等于号两侧不能有空格
t2=4
((t3 = 27))
for ((i = 0;i<15;i++))
do((t1 = i + 4))echo -ne "\033[${t1};${t2}H||"echo -ne "\033[${t1};${t3}H||"
done
echo -ne "\033[0m"
# 下面是这段代码的注释
# 两个小括号表示是一个表达式,这是语法
# -n 不要在最后自动换行#  -e 表示转义#  转义序列\033用于改变字体属性
#  [1m 表示粗体
#  [32m: 绿色字体
#  [42m: 绿色背景#  \33[y;xH 设置光标位置 # 屏幕左上角 往下是y轴，往右是x轴，因此在这个for循环中t2,t3是固定的，即x轴是固定的，t1是变动的即
# y轴是变化的，也就是说一行一行的输出 ||,
#  [参考链接](https://blog.51cto.com/395469372/2090124)

4.4 打印俄罗斯方块的墙

在这里插入图片描述

#!/bin/bash#############
##### 1.在 echo_test_0.sh 的基础上增加打印横着的边框#颜色定义
cRed=1
cGreen=2
cYellow=3
cBlue=4
cFuchsia=5
cCyan=6
cWhite=7cBorder=$cGreen#位置和大小
iLeft=3
iTop=2
#两个小括号表示算数运算符
((iTrayLeft = iLeft + 2))
((iTrayTop = iTop + 1))
((iTrayWidth = 10))
((iTrayHeight = 15))#初始绘制
function InitDraw()
{clear#   RandomBox        #随机产生方块，这时右边预显示窗口中有方快了#  RandomBox        #再随机产生方块，右边预显示窗口中的方块被更新，原先的方块将开始下落local i t1 t2 t3#显示边框echo -ne "\033[1m"echo -ne "\033[3${cBorder}m\033[4${cBorder}m"((t2 = iLeft + 1))((t3 = iLeft + iTrayWidth * 2 + 3))for ((i = 0; i < iTrayHeight; i++))do((t1 = i + iTop + 2))echo -ne "\033[${t1};${t2}H||"echo -ne "\033[${t1};${t3}H||"done((t2 = iTop + iTrayHeight + 2))for ((i = 0; i < iTrayWidth + 2; i++))do((t1 = i * 2 + iLeft + 1))echo -ne "\033[${iTrayTop};${t1}H=="echo -ne "\033[${t2};${t1}H=="doneecho -ne "\033[0m"
}InitDraw

4.5 打印分数和级别

在这里插入图片描述

# 显示"Score"和"Level"字样echo -ne "\033[1m"((t1 = iLeft + iTrayWidth * 2 + 7))((t2 = iTop + 10))echo -ne "\033[3${cScore}m\033[${t2};${t1}HScore"((t2 = iTop + 11))echo -ne "\033[3${cScoreValue}m\033[${t2};${t1}H${iScore}"((t2 = iTop + 13))echo -ne "\033[3${cScore}m\033[${t2};${t1}HLevel"((t2 = iTop + 14))echo -ne "\033[3${cScoreValue}m\033[${t2};${t1}H${iLevel}"echo -ne "\033[0m"

5.打印随机生成的方块

在这里插入图片描述

5.1 打印方块的原理:

首先方块是通过控制屏幕上x,y轴的坐标,打印"[]"并加上背景颜色,来实现方块的视觉效果
所用到的函数:
echo -ne “\033[y轴坐标;x轴坐标H[]”,

5.2 方块的构成

#七种不同的方块的定义
#通过旋转，每种方块显示的样式可能有几种
box0=(0 0 0 1 1 0 1 1)
box1=(0 2 1 2 2 2 3 2 1 0 1 1 1 2 1 3)
box2=(0 0 0 1 1 1 1 2 0 1 1 0 1 1 2 0)
box3=(0 1 0 2 1 0 1 1 0 0 1 0 1 1 2 1)
box4=(0 1 0 2 1 1 2 1 1 0 1 1 1 2 2 2 0 1 1 1 2 0 2 1 0 0 1 0 1 1 1 2)
box5=(0 1 1 1 2 1 2 2 1 0 1 1 1 2 2 0 0 0 0 1 1 1 2 1 0 2 1 0 1 1 1 2)
box6=(0 1 1 1 1 2 2 1 1 0 1 1 1 2 2 1 0 1 1 0 1 1 2 1 0 1 1 0 1 1 1 2)

Why ?
根据下面这张图思考三分钟我们来找一下规律
请添加图片描述

屏幕左上角是原点(0,0)，往下是y轴正半轴，往右是x轴正半轴.
box0=(0 0 0 1 1 0 1 1) 即四个待打印字符坐标 (0,0),(0,1)(0 ,1),( 1, 0),( 1, 1)

看一下图，就知道这个俄罗斯是如何构成的了

在指定坐标位置打印[],变得到了方块。

5.3 代码实现打印方块

#!/bin/bash# 0 0 0 1 1 0 1 1
box=(0 0 0 1 1 0 1 1)echo -ne "\033[1m\033[32m\033"
#把0 0 0 1 1 0 1 1 变成(0 0) (0 1) (1 0) (1 1)坐标然后在那些位置是那个打印字符[] 
for((i = 0;i<8;i = i+2))
do((y = 3 + ${box[$i]}))((x = 30 + 2 * ${box[$i + 1]}))# 乘2 是因为要打印的字符是大小是两位echo -ne "\033[${y};${x}H[]"
done
echo -ne "\n"
echo -ne "\033[0m"

在这里插入图片描述
把box的值变成(0 1 1 1 1 2 2 1 )再执行可以看到效果证明我们的代码没有写错

在这里插入图片描述

5.4 如何产生随机方块

在这里插入图片描述

5.5 结合前面那几步可以得到这个画面

在这里插入图片描述

#!/bin/bash
# ranhaoliu 2021-8-20
### 5.俄罗斯方块下落前界面
#APP declaration
APP_NAME="${0##*[\\/]}"
APP_VERSION="1.0"#颜色定义
cRed=1
cGreen=2
cYellow=3
cBlue=4
cFuchsia=5
cCyan=6
cWhite=7
colorTable=($cRed $cGreen $cYellow $cBlue $cFuchsia $cCyan $cWhite)#位置和大小
iLeft=3
iTop=2
#两个小括号表示算数运算符
((iTrayLeft = iLeft + 2))
((iTrayTop = iTop + 1))
((iTrayWidth = 10))
((iTrayHeight = 15))#颜色设置
cBorder=$cGreen
cScore=$cFuchsia
cScoreValue=$cCyan#控制信号
#该游戏使用两个进程，一个用于接收输入，一个用于游戏流程和显示界面;
#当前者接收到上下左右等按键时，通过向后者发送signal的方式通知后者。
sigRotate=25
sigLeft=26
sigRight=27
sigDown=28
sigAllDown=29
sigExit=30#七种不同的方块的定义
#通过旋转，每种方块显示的样式可能有几种
box0=(0 0 0 1 1 0 1 1)
box1=(0 2 1 2 2 2 3 2 1 0 1 1 1 2 1 3)
box2=(0 0 0 1 1 1 1 2 0 1 1 0 1 1 2 0)
box3=(0 1 0 2 1 0 1 1 0 0 1 0 1 1 2 1)
box4=(0 1 0 2 1 1 2 1 1 0 1 1 1 2 2 2 0 1 1 1 2 0 2 1 0 0 1 0 1 1 1 2)
box5=(0 1 1 1 2 1 2 2 1 0 1 1 1 2 2 0 0 0 0 1 1 1 2 1 0 2 1 0 1 1 1 2)
box6=(0 1 1 1 1 2 2 1 1 0 1 1 1 2 2 1 0 1 1 0 1 1 2 1 0 1 1 0 1 1 1 2)
#所有其中方块的定义都放到box变量中
box=(${box0[@]} ${box1[@]} ${box2[@]} ${box3[@]} ${box4[@]} ${box5[@]} ${box6[@]})
#各种方块旋转后可能的样式数目
countBox=(1 2 2 2 4 4 4)
#各种方块在box数组中的偏移
offsetBox=(0 1 3 5 7 11 15)#每提高一个速度级需要积累的分数
iScoreEachLevel=50        #be greater than 7#运行时数据
sig=0                #接收到的signal
iScore=0        #总分
iLevel=0        #速度级
boxNew=()        #新下落的方块的位置定义
cBoxNew=0        #新下落的方块的颜色
iBoxNewType=0        #新下落的方块的种类
iBoxNewRotate=0        #新下落的方块的旋转角度
boxCur=()        #当前方块的位置定义
cBoxCur=0        #当前方块的颜色
iBoxCurType=0        #当前方块的种类
iBoxCurRotate=0        #当前方块的旋转角度
boxCurX=-1        #当前方块的x坐标位置
boxCurY=-1        #当前方块的y坐标位置
iMap=()                #背景方块图表#初始化所有背景方块为-1, 表示没有方块
for ((i = 0; i < iTrayHeight * iTrayWidth; i++)) do iMap[$i]=-1; done#BoxMove(y, x), 测试是否可以把移动中的方块移到(x, y)的位置, 返回0则可以, 1不可以
function BoxMove()
{local j i x y xTest yTestyTest=$1xTest=$2for ((j = 0; j < 8; j += 2))do((i = j + 1))((y = ${boxCur[$j]} + yTest))((x = ${boxCur[$i]} + xTest))if (( y < 0 || y >= iTrayHeight || x < 0 || x >= iTrayWidth))then#撞到墙壁了return 1fiif ((${iMap[y * iTrayWidth + x]} != -1 ))then#撞到其他已经存在的方块了return 1fidonereturn 0;
}#DrawCurBox(bDraw), 绘制当前移动中的方块, bDraw为1, 画上, bDraw为0, 抹去方块。
function DrawCurBox()
{local i j t bDraw sBox sbDraw=$1s=""if (( bDraw == 0 ))thensBox="\040\040"elsesBox="[]"s=$s"\033[1m\033[7m\033[3${cBoxCur}m\033[4${cBoxCur}m"fifor ((j = 0; j < 8; j += 2))do((i = iTrayTop + 1 + ${boxCur[$j]} + boxCurY))((t = iTrayLeft + 1 + 2 * (boxCurX + ${boxCur[$j + 1]})))#\033[y;xH, 光标到(x, y)处s=$s"\033[${i};${t}H${sBox}"done s=$s"\033[0m"echo -n $s
}#更新新的方块
function RandomBox()
{local i j t#更新当前移动的方块iBoxCurType=${iBoxNewType}iBoxCurRotate=${iBoxNewRotate}cBoxCur=${cBoxNew}for ((j = 0; j < ${#boxNew[@]}; j++))doboxCur[$j]=${boxNew[$j]}done#显示当前移动的方块if (( ${#boxCur[@]} == 8 ))then#计算当前方块该从顶端哪一行"冒"出来for ((j = 0, t = 4; j < 8; j += 2))doif ((${boxCur[$j]} < t)); then t=${boxCur[$j]}; fidone((boxCurY = -t))for ((j = 1, i = -4, t = 20; j < 8; j += 2))doif ((${boxCur[$j]} > i)); then i=${boxCur[$j]}; fiif ((${boxCur[$j]} < t)); then t=${boxCur[$j]}; fidone((boxCurX = (iTrayWidth - 1 - i - t) / 2))#显示当前移动的方块echo -ne `DrawCurBox 1`#如果方块一出来就没处放，Game over!# if ! BoxMove $boxCurY $boxCurX# then#     kill -$sigExit ${PPID}#     ShowExit# fifi#清除右边预显示的方块for ((j = 0; j < 4; j++))do((i = iTop + 1 + j))((t = iLeft + 2 * iTrayWidth + 7))echo -ne "\033[${i};${t}H        "done#随机产生新的方块((iBoxNewType = RANDOM % ${#offsetBox[@]}))((iBoxNewRotate = RANDOM % ${countBox[$iBoxNewType]}))for ((j = 0, i = (${offsetBox[$iBoxNewType]} + $iBoxNewRotate) * 8; j < 8; j++, i++))doboxNew[$j]=${box[$i]};done((cBoxNew = ${colorTable[RANDOM % ${#colorTable[@]}]}))#显示右边预显示的方块echo -ne "\033[1m\033[7m\033[3${cBoxNew}m\033[4${cBoxNew}m"for ((j = 0; j < 8; j += 2))do((i = iTop + 1 + ${boxNew[$j]}))((t = iLeft + 2 * iTrayWidth + 7 + 2 * ${boxNew[$j + 1]}))echo -ne "\033[${i};${t}H[]"doneecho -ne "\033[0m"
}#退出时显示GameOVer!
function ShowExit()
{local y((y = iTrayHeight + iTrayTop + 3))echo -e "\033[${y};0HGameOver!\033[0m"exit
}function InitDraw()
{clearRandomBox        #随机产生方块，这时右边预显示窗口中有方快了RandomBox        #再随机产生方块，右边预显示窗口中的方块被更新，原先的方块将开始下落local i t1 t2 t3#显示边框echo -ne "\033[1m"echo -ne "\033[3${cBorder}m\033[4${cBorder}m"((t2 = iLeft + 1))((t3 = iLeft + iTrayWidth * 2 + 3))for ((i = 0; i < iTrayHeight; i++))do((t1 = i + iTop + 2))echo -ne "\033[${t1};${t2}H||"echo -ne "\033[${t1};${t3}H||"done((t2 = iTop + iTrayHeight + 2))for ((i = 0; i < iTrayWidth + 2; i++))do((t1 = i * 2 + iLeft + 1))echo -ne "\033[${iTrayTop};${t1}H=="echo -ne "\033[${t2};${t1}H=="doneecho -ne "\033[0m"# 显示"Score"和"Level"字样echo -ne "\033[1m"((t1 = iLeft + iTrayWidth * 2 + 7))((t2 = iTop + 10))echo -ne "\033[3${cScore}m\033[${t2};${t1}HScore"((t2 = iTop + 11))echo -ne "\033[3${cScoreValue}m\033[${t2};${t1}H${iScore}"((t2 = iTop + 13))echo -ne "\033[3${cScore}m\033[${t2};${t1}HLevel"((t2 = iTop + 14))echo -ne "\033[3${cScoreValue}m\033[${t2};${t1}H${iLevel}"echo -ne "\033[0m"
}
InitDraw

6.小方块如何下落？

重复执行清屏 ----->y轴增加一个变量----->重画

6.1 控制y递增来实现下落

定义一个变量down，每次调用打印方块时让y的值增加down，并且调用之前还要清屏上一次打印的方块。可以通过每次调用的时间间隔来控制下落的速度

在这里插入图片描述

6.2 清屏操作

# 清除屏幕
for((i = 0;i<8;i = i+2))
do((y = 3 + ${box[$i]}))((x = 30 + 2 * ${box[$i + 1]}))echo -ne "\033[${y};${x}H\040\040\033[0m"
done

方块下落一小步代码

# 0 0 0 1 1 0 1 1
box=(0 1 1 1 1 2 2 1 )echo -ne "\033[1m\033[32m\033"
#把0 0 0 1 1 0 1 1 变成(0 0) (0 1) (1 0) (1 1)坐标然后在那些位置是那个打印字符[] 
for((i = 0;i<8;i = i+2))
do((y = 3 + ${box[$i]}))((x = 30 + 2 * ${box[$i + 1]}))echo -ne "\033[${y};${x}H[]"
done
# 清除屏幕
for((i = 0;i<8;i = i+2))
do((y = 3 + ${box[$i]}))((x = 30 + 2 * ${box[$i + 1]}))echo -ne "\033[${y};${x}H\040\040\033[0m"
done
#继续
down=3echo -ne "\033[1m\033[31m\033"
for((i = 0;i<8;i = i+2))
do((y = $down + 3 + ${box[$i]}))((x = 30 + 2 * ${box[$i + 1]}))echo -ne "\033[${y};${x}H[]"
done
echo -ne "\n"
echo -ne "\033[0m"

7. 如何判断是否撞到其他已经落地的方块

7.1初始化所有背景方块为-1, 表示没有方块

for ((i = 0; i < iTrayHeight * iTrayWidth; i++)); 
do 
iMap[$i]=-1; 
done

7.2 记录方块落下时占用的位置

可移动的背景范围都等于 -1, 当其他方块存在时修改方块所在位置坐标的值，把-1 改成自己的颜色值，当判断这个值不等于-1 时，便知道这个位置已经存在了东西

#将当前移动中的方块放到背景方块中去for ((j = 0; j < 8; j += 2))do((i = j + 1))((y = ${boxCur[$j]} + boxCurY))((x = ${boxCur[$i]} + boxCurX))((i = y * iTrayWidth + x)) # 把宽和高组成的点摊开当成了一个一维数组，i表示是索引的第几位iMap[$i]=$cBoxCur  # 把自己的颜色写进去，那个位置便不再是 -1done

8.判断一个方块是否可以移动到(x,y)位置

方块不能撞到墙
方块不能撞到已落下的方块

#BoxMove(y, x), 测试是否可以把移动中的方块移到(x, y)的位置, 
#返回0则可以, 1不可以
function BoxMove()
{local j i x y xTest yTestyTest=$1xTest=$2for ((j = 0; j < 8; j += 2))do((i = j + 1))((y = ${boxCur[$j]} + yTest))((x = ${boxCur[$i]} + xTest))if (( y < 0 || y >= iTrayHeight || x < 0 || x >= iTrayWidth))then#撞到墙壁了return 1fiif ((${iMap[y * iTrayWidth + x]} != -1 )) #可移动的背景范围都等于 -1, 当其他方块存在时修改方块所在位置的值，让他不等于-1then#撞到其他已经存在的方块了return 1fidonereturn 0;
}

8.下落一行

#下落一行
function BoxDown()
{local y s((y = boxCurY + 1))        #新的y坐标if BoxMove $y $boxCurX        #测试是否可以下落一行thens="`DrawCurBox 0`"        #将旧的方块抹去((boxCurY = y))s="$s`DrawCurBox 1`"        #显示新的下落后方块echo -ne $selse#走到这儿, 如果不能下落了Box2Map                #将当前移动中的方块贴到背景方块中RandomBox        #产生新的方块fi
}

9. 消去可消去的行

当那一行满即可消去时，那一行的位置值都不等于-1,此时要进行两个操作
一，当前行的上一行的值要赋值给当前行，(每一层下落一行)
二，最上面的那一行的值全部变为-1(减少一行)

#消去可被消去的行line=0for ((j = 0; j < iTrayWidth * iTrayHeight; j += iTrayWidth)) # j控制的是每一行的开始dofor ((i = j + iTrayWidth - 1; i >= j; i--))doif ((${iMap[$i]} == -1)); then break; fidoneif ((i >= j)); then continue; fi#如果那一行的值都不等于-1 则说明这一行可以消去	((line++))#把上一行的值赋值给下一行,(当前行被消去，它的上一行会落到当前行)for ((i = j - 1; i >= 0; i--)) # j-1 表示是当前行的上一行do((x = i + iTrayWidth))iMap[$x]=${iMap[$i]}done#被消去的当前行的上一行会落到当前行，并把当前行的上一行给消去for ((i = 0; i < iTrayWidth; i++))doiMap[$i]=-1donedone

10.如何判断当前得分？

根据消去的行数来计算分数
当一行中的位置都不等于-1时表示这一行已经填满了，说明可以消去，此时让line 加1，得1分
需要扫描所有行

11.消去后如何重新显示新的方块

重新显示背景方块(遍历长乘宽的一维iMap,如果是-1啥都不打印，如果不是-1，取出颜色值并打印[])

 #重新显示背景方块#(遍历长乘宽的一位map,如果是-1啥都不打印，#如果不是-1，取出颜色值并打印[])for ((y = 0; y < iTrayHeight; y++))do((yp = y + iTrayTop + 1))((xp = iTrayLeft + 1))((i = y * iTrayWidth))echo -ne "\033[${yp};${xp}H"for ((x = 0; x < iTrayWidth; x++))do((j = i + x))if ((${iMap[$j]} == -1))thenecho -ne "  "elseecho -ne "\033[1m\033[7m\033[3${iMap[$j]}m\033[4${iMap[$j]}m[]\033[0m"fidonedone

12.Box2Map 关键的函数

#将当前移动中的方块放到背景方块中去,
#并计算新的分数和速度级。(即一次方块落到底部)
function Box2Map()
{local j i x y xp yp line#将当前移动中的方块放到背景方块中去for ((j = 0; j < 8; j += 2))do((i = j + 1))((y = ${boxCur[$j]} + boxCurY))((x = ${boxCur[$i]} + boxCurX))((i = y * iTrayWidth + x)) # 把宽和高组成的点摊开当成了一个一维数组，i表示是索引的第几位iMap[$i]=$cBoxCur  # 把自己的颜色写进去，那个位置便不再是 -1done#消去可被消去的行line=0for ((j = 0; j < iTrayWidth * iTrayHeight; j += iTrayWidth)) # j控制的是每一行的开始dofor ((i = j + iTrayWidth - 1; i >= j; i--))doif ((${iMap[$i]} == -1)); then break; fidoneif ((i >= j)); then continue; fi((line++))#把上一行的值赋值给下一行,(当前行被消去，它的上一行会落到当前行)for ((i = j - 1; i >= 0; i--)) # j-1 表示是当前行的上一行do((x = i + iTrayWidth))iMap[$x]=${iMap[$i]}done#被消去的当前行的上一行会落到当前行，并把当前行的上一行给消去for ((i = 0; i < iTrayWidth; i++))doiMap[$i]=-1donedoneif ((line == 0)); then return; fi#根据消去的行数line计算分数和速度级((x = iLeft + iTrayWidth * 2 + 7))((y = iTop + 11))((iScore += line * 2 - 1))#显示新的分数echo -ne "\033[1m\033[3${cScoreValue}m\033[${y};${x}H${iScore}         "if ((iScore % iScoreEachLevel < line * 2 - 1))thenif ((iLevel < 20))then((iLevel++))((y = iTop + 14))#显示新的速度级echo -ne "\033[3${cScoreValue}m\033[${y};${x}H${iLevel}        "fifiecho -ne "\033[0m"#重新显示背景方块(遍历长乘宽的一位map,如果是-1啥都不打印，如果不是-1，取出颜色值并打印[])for ((y = 0; y < iTrayHeight; y++))do((yp = y + iTrayTop + 1))((xp = iTrayLeft + 1))((i = y * iTrayWidth))echo -ne "\033[${yp};${xp}H"for ((x = 0; x < iTrayWidth; x++))do((j = i + x))if ((${iMap[$j]} == -1))thenecho -ne "  "elseecho -ne "\033[1m\033[7m\033[3${iMap[$j]}m\033[4${iMap[$j]}m[]\033[0m"fidonedone
}

13.完整代码

#!/bin/bash# Tetris Game#APP declaration
APP_NAME="${0##*[\\/]}"
APP_VERSION="1.0"#颜色定义
cRed=1
cGreen=2
cYellow=3
cBlue=4
cFuchsia=5
cCyan=6
cWhite=7
colorTable=($cRed $cGreen $cYellow $cBlue $cFuchsia $cCyan $cWhite)#位置和大小
iLeft=3
iTop=2
((iTrayLeft = iLeft + 2))
((iTrayTop = iTop + 1))
((iTrayWidth = 10))
((iTrayHeight = 15))#颜色设置
cBorder=$cGreen
cScore=$cFuchsia
cScoreValue=$cCyan#控制信号
#该游戏使用两个进程，一个用于接收输入，一个用于游戏流程和显示界面;
#当前者接收到上下左右等按键时，通过向后者发送signal的方式通知后者。
sigRotate=25
sigLeft=26
sigRight=27
sigDown=28
sigAllDown=29
sigExit=30#七种不同的方块的定义
#通过旋转，每种方块显示的样式可能有几种
box0=(0 0 0 1 1 0 1 1)
box1=(0 2 1 2 2 2 3 2 1 0 1 1 1 2 1 3)
box2=(0 0 0 1 1 1 1 2 0 1 1 0 1 1 2 0)
box3=(0 1 0 2 1 0 1 1 0 0 1 0 1 1 2 1)
box4=(0 1 0 2 1 1 2 1 1 0 1 1 1 2 2 2 0 1 1 1 2 0 2 1 0 0 1 0 1 1 1 2)
box5=(0 1 1 1 2 1 2 2 1 0 1 1 1 2 2 0 0 0 0 1 1 1 2 1 0 2 1 0 1 1 1 2)
box6=(0 1 1 1 1 2 2 1 1 0 1 1 1 2 2 1 0 1 1 0 1 1 2 1 0 1 1 0 1 1 1 2)
#所有其中方块的定义都放到box变量中
box=(${box0[@]} ${box1[@]} ${box2[@]} ${box3[@]} ${box4[@]} ${box5[@]} ${box6[@]})
#各种方块旋转后可能的样式数目
countBox=(1 2 2 2 4 4 4)
#各种方块在box数组中的偏移
offsetBox=(0 1 3 5 7 11 15)#每提高一个速度级需要积累的分数
iScoreEachLevel=50        #be greater than 7#运行时数据
sig=0                #接收到的signal
iScore=0        #总分
iLevel=0        #速度级
boxNew=()        #新下落的方块的位置定义
cBoxNew=0        #新下落的方块的颜色
iBoxNewType=0        #新下落的方块的种类
iBoxNewRotate=0        #新下落的方块的旋转角度
boxCur=()        #当前方块的位置定义
cBoxCur=0        #当前方块的颜色
iBoxCurType=0        #当前方块的种类
iBoxCurRotate=0        #当前方块的旋转角度
boxCurX=-1        #当前方块的x坐标位置
boxCurY=-1        #当前方块的y坐标位置
iMap=()                #背景方块图表#初始化所有背景方块为-1, 表示没有方块
for ((i = 0; i < iTrayHeight * iTrayWidth; i++)); do iMap[$i]=-1; done#接收输入的进程的主函数
function RunAsKeyReceiver()
{local pidDisplayer key aKey sig cESC sTTYpidDisplayer=$1aKey=(0 0 0)cESC=`echo -ne "\033"`cSpace=`echo -ne "\040"`#保存终端属性。在read -s读取终端键时，终端的属性会被暂时改变。#如果在read -s时程序被不幸杀掉，可能会导致终端混乱，#需要在程序退出时恢复终端属性。sTTY=`stty -g`#捕捉退出信号trap "MyExit;" INT TERMtrap "MyExitNoSub;" $sigExit#隐藏光标echo -ne "\033[?25l"while :do#读取输入。注-s不回显，-n读到一个字符立即返回read -s -n 1 keyaKey[0]=${aKey[1]}aKey[1]=${aKey[2]}aKey[2]=$keysig=0#判断输入了何种键if [[ $key == $cESC && ${aKey[1]} == $cESC ]]then#ESC键MyExitelif [[ ${aKey[0]} == $cESC && ${aKey[1]} == "[" ]]thenif [[ $key == "A" ]]; then sig=$sigRotate        #<向上键>elif [[ $key == "B" ]]; then sig=$sigDown        #<向下键>elif [[ $key == "D" ]]; then sig=$sigLeft        #<向左键>elif [[ $key == "C" ]]; then sig=$sigRight        #<向右键>fielif [[ $key == "W" || $key == "w" ]]; then sig=$sigRotate        #W, welif [[ $key == "S" || $key == "s" ]]; then sig=$sigDown        #S, selif [[ $key == "A" || $key == "a" ]]; then sig=$sigLeft        #A, aelif [[ $key == "D" || $key == "d" ]]; then sig=$sigRight        #D, delif [[ "[$key]" == "[]" ]]; then sig=$sigAllDown        #空格键elif [[ $key == "Q" || $key == "q" ]]                        #Q, qthenMyExitfiif [[ $sig != 0 ]]then#向另一进程发送消息kill -$sig $pidDisplayerfidone
}#退出前的恢复
function MyExitNoSub()
{local y#恢复终端属性stty $sTTY((y = iTop + iTrayHeight + 4))#显示光标echo -e "\033[?25h\033[${y};0H"exit
}function MyExit()
{#通知显示进程需要退出kill -$sigExit $pidDisplayerMyExitNoSub
}#处理显示和游戏流程的主函数
function RunAsDisplayer()
{local sigThisInitDraw#挂载各种信号的处理函数trap "sig=$sigRotate;" $sigRotatetrap "sig=$sigLeft;" $sigLefttrap "sig=$sigRight;" $sigRighttrap "sig=$sigDown;" $sigDowntrap "sig=$sigAllDown;" $sigAllDowntrap "ShowExit;" $sigExitwhile :do#根据当前的速度级iLevel不同，设定相应的循环的次数for ((i = 0; i < 21 - iLevel; i++))dosleep 0.02sigThis=$sigsig=0#根据sig变量判断是否接受到相应的信号if ((sigThis == sigRotate)); then BoxRotate;        #旋转elif ((sigThis == sigLeft)); then BoxLeft;        #左移一列elif ((sigThis == sigRight)); then BoxRight;        #右移一列elif ((sigThis == sigDown)); then BoxDown;        #下落一行elif ((sigThis == sigAllDown)); then BoxAllDown;        #下落到底fidone#kill -$sigDown $$BoxDown        #下落一行done
}#BoxMove(y, x), 测试是否可以把移动中的方块移到(x, y)的位置, 返回0则可以, 1不可以
function BoxMove()
{local j i x y xTest yTestyTest=$1xTest=$2for ((j = 0; j < 8; j += 2))do((i = j + 1))((y = ${boxCur[$j]} + yTest))((x = ${boxCur[$i]} + xTest))if (( y < 0 || y >= iTrayHeight || x < 0 || x >= iTrayWidth))then#撞到墙壁了return 1fiif ((${iMap[y * iTrayWidth + x]} != -1 ))then#撞到其他已经存在的方块了return 1fidonereturn 0;
}#将当前移动中的方块放到背景方块中去,
#并计算新的分数和速度级。(即一次方块落到底部)
function Box2Map()
{local j i x y xp yp line#将当前移动中的方块放到背景方块中去for ((j = 0; j < 8; j += 2))do((i = j + 1))((y = ${boxCur[$j]} + boxCurY))((x = ${boxCur[$i]} + boxCurX))((i = y * iTrayWidth + x))iMap[$i]=$cBoxCurdone#消去可被消去的行line=0for ((j = 0; j < iTrayWidth * iTrayHeight; j += iTrayWidth))dofor ((i = j + iTrayWidth - 1; i >= j; i--))doif ((${iMap[$i]} == -1)); then break; fidoneif ((i >= j)); then continue; fi((line++))for ((i = j - 1; i >= 0; i--))do((x = i + iTrayWidth))iMap[$x]=${iMap[$i]}donefor ((i = 0; i < iTrayWidth; i++))doiMap[$i]=-1donedoneif ((line == 0)); then return; fi#根据消去的行数line计算分数和速度级((x = iLeft + iTrayWidth * 2 + 7))((y = iTop + 11))((iScore += line * 2 - 1))#显示新的分数echo -ne "\033[1m\033[3${cScoreValue}m\033[${y};${x}H${iScore}         "if ((iScore % iScoreEachLevel < line * 2 - 1))thenif ((iLevel < 20))then((iLevel++))((y = iTop + 14))#显示新的速度级echo -ne "\033[3${cScoreValue}m\033[${y};${x}H${iLevel}        "fifiecho -ne "\033[0m"#重新显示背景方块for ((y = 0; y < iTrayHeight; y++))do((yp = y + iTrayTop + 1))((xp = iTrayLeft + 1))((i = y * iTrayWidth))echo -ne "\033[${yp};${xp}H"for ((x = 0; x < iTrayWidth; x++))do((j = i + x))if ((${iMap[$j]} == -1))thenecho -ne "  "elseecho -ne "\033[1m\033[7m\033[3${iMap[$j]}m\033[4${iMap[$j]}m[]\033[0m"fidonedone
}#下落一行
function BoxDown()
{local y s((y = boxCurY + 1))        #新的y坐标if BoxMove $y $boxCurX        #测试是否可以下落一行thens="`DrawCurBox 0`"        #将旧的方块抹去((boxCurY = y))s="$s`DrawCurBox 1`"        #显示新的下落后方块echo -ne $selse#走到这儿, 如果不能下落了Box2Map                #将当前移动中的方块贴到背景方块中RandomBox        #产生新的方块fi
}#左移一列
function BoxLeft()
{local x s((x = boxCurX - 1))if BoxMove $boxCurY $xthens=`DrawCurBox 0`((boxCurX = x))s=$s`DrawCurBox 1`echo -ne $sfi
}#右移一列
function BoxRight()
{local x s((x = boxCurX + 1))if BoxMove $boxCurY $xthens=`DrawCurBox 0`((boxCurX = x))s=$s`DrawCurBox 1`echo -ne $sfi
}#下落到底
function BoxAllDown()
{local k j i x y iDown siDown=$iTrayHeight#计算一共需要下落多少行for ((j = 0; j < 8; j += 2))do((i = j + 1))((y = ${boxCur[$j]} + boxCurY))((x = ${boxCur[$i]} + boxCurX))for ((k = y + 1; k < iTrayHeight; k++))do((i = k * iTrayWidth + x))if (( ${iMap[$i]} != -1)); then break; fidone((k -= y + 1))if (( $iDown > $k )); then iDown=$k; fidones=`DrawCurBox 0`        #将旧的方块抹去((boxCurY += iDown))s=$s`DrawCurBox 1`        #显示新的下落后的方块echo -ne $sBox2Map                #将当前移动中的方块贴到背景方块中RandomBox        #产生新的方块
}#旋转方块
function BoxRotate()
{local iCount iTestRotate boxTest j i siCount=${countBox[$iBoxCurType]}        #当前的方块经旋转可以产生的样式的数目#计算旋转后的新的样式((iTestRotate = iBoxCurRotate + 1))if ((iTestRotate >= iCount))then((iTestRotate = 0))fi#更新到新的样式, 保存老的样式(但不显示)for ((j = 0, i = (${offsetBox[$iBoxCurType]} + $iTestRotate) * 8; j < 8; j++, i++))doboxTest[$j]=${boxCur[$j]}boxCur[$j]=${box[$i]}doneif BoxMove $boxCurY $boxCurX        #测试旋转后是否有空间放的下then#抹去旧的方块for ((j = 0; j < 8; j++))doboxCur[$j]=${boxTest[$j]}dones=`DrawCurBox 0`#画上新的方块for ((j = 0, i = (${offsetBox[$iBoxCurType]} + $iTestRotate) * 8; j < 8; j++, i++))doboxCur[$j]=${box[$i]}dones=$s`DrawCurBox 1`echo -ne $siBoxCurRotate=$iTestRotateelse#不能旋转，还是继续使用老的样式for ((j = 0; j < 8; j++))doboxCur[$j]=${boxTest[$j]}donefi
}#DrawCurBox(bDraw), 绘制当前移动中的方块, bDraw为1, 画上, bDraw为0, 抹去方块。
function DrawCurBox()
{local i j t bDraw sBox sbDraw=$1s=""if (( bDraw == 0 ))thensBox="\040\040"elsesBox="[]"s=$s"\033[1m\033[7m\033[3${cBoxCur}m\033[4${cBoxCur}m"fifor ((j = 0; j < 8; j += 2))do((i = iTrayTop + 1 + ${boxCur[$j]} + boxCurY))((t = iTrayLeft + 1 + 2 * (boxCurX + ${boxCur[$j + 1]})))#\033[y;xH, 光标到(x, y)处s=$s"\033[${i};${t}H${sBox}"dones=$s"\033[0m"echo -n $s
}#更新新的方块
function RandomBox()
{local i j t#更新当前移动的方块iBoxCurType=${iBoxNewType}iBoxCurRotate=${iBoxNewRotate}cBoxCur=${cBoxNew}for ((j = 0; j < ${#boxNew[@]}; j++))doboxCur[$j]=${boxNew[$j]}done#显示当前移动的方块if (( ${#boxCur[@]} == 8 ))then#计算当前方块该从顶端哪一行"冒"出来for ((j = 0, t = 4; j < 8; j += 2))doif ((${boxCur[$j]} < t)); then t=${boxCur[$j]}; fidone((boxCurY = -t))for ((j = 1, i = -4, t = 20; j < 8; j += 2))doif ((${boxCur[$j]} > i)); then i=${boxCur[$j]}; fiif ((${boxCur[$j]} < t)); then t=${boxCur[$j]}; fidone((boxCurX = (iTrayWidth - 1 - i - t) / 2))#显示当前移动的方块echo -ne `DrawCurBox 1`#如果方块一出来就没处放，Game over!if ! BoxMove $boxCurY $boxCurXthenkill -$sigExit ${PPID}ShowExitfifi#清除右边预显示的方块for ((j = 0; j < 4; j++))do((i = iTop + 1 + j))((t = iLeft + 2 * iTrayWidth + 7))echo -ne "\033[${i};${t}H        "done#随机产生新的方块((iBoxNewType = RANDOM % ${#offsetBox[@]}))((iBoxNewRotate = RANDOM % ${countBox[$iBoxNewType]}))for ((j = 0, i = (${offsetBox[$iBoxNewType]} + $iBoxNewRotate) * 8; j < 8; j++, i++))doboxNew[$j]=${box[$i]};done((cBoxNew = ${colorTable[RANDOM % ${#colorTable[@]}]}))#显示右边预显示的方块echo -ne "\033[1m\033[7m\033[3${cBoxNew}m\033[4${cBoxNew}m"for ((j = 0; j < 8; j += 2))do((i = iTop + 1 + ${boxNew[$j]}))((t = iLeft + 2 * iTrayWidth + 7 + 2 * ${boxNew[$j + 1]}))echo -ne "\033[${i};${t}H[]"doneecho -ne "\033[0m"
}#初始绘制
function InitDraw()
{clearRandomBox        #随机产生方块，这时右边预显示窗口中有方快了RandomBox        #再随机产生方块，右边预显示窗口中的方块被更新，原先的方块将开始下落local i t1 t2 t3#显示边框echo -ne "\033[1m"echo -ne "\033[3${cBorder}m\033[4${cBorder}m"((t2 = iLeft + 1))((t3 = iLeft + iTrayWidth * 2 + 3))for ((i = 0; i < iTrayHeight; i++))do((t1 = i + iTop + 2))echo -ne "\033[${t1};${t2}H||"echo -ne "\033[${t1};${t3}H||"done((t2 = iTop + iTrayHeight + 2))for ((i = 0; i < iTrayWidth + 2; i++))do((t1 = i * 2 + iLeft + 1))echo -ne "\033[${iTrayTop};${t1}H=="echo -ne "\033[${t2};${t1}H=="doneecho -ne "\033[0m"#显示"Score"和"Level"字样echo -ne "\033[1m"((t1 = iLeft + iTrayWidth * 2 + 7))((t2 = iTop + 10))echo -ne "\033[3${cScore}m\033[${t2};${t1}HScore"((t2 = iTop + 11))echo -ne "\033[3${cScoreValue}m\033[${t2};${t1}H${iScore}"((t2 = iTop + 13))echo -ne "\033[3${cScore}m\033[${t2};${t1}HLevel"((t2 = iTop + 14))echo -ne "\033[3${cScoreValue}m\033[${t2};${t1}H${iLevel}"echo -ne "\033[0m"
}#退出时显示GameOVer!
function ShowExit()
{local y((y = iTrayHeight + iTrayTop + 3))echo -e "\033[${y};0HGameOver!\033[0m"exit
}#显示用法.
function Usage
{cat << EOFUsage: $APP_NAMEStart tetris game.-h, --help              display this help and exit--version           output version information and exit
EOF
}
#游戏主程序在这儿开始.
if [[ "$1" == "-h" || "$1" == "--help" ]]; thenUsage
elif [[ "$1" == "--version" ]]; thenecho "$APP_NAME $APP_VERSION"
elif [[ "$1" == "--show" ]]; then#当发现具有参数--show时，运行显示函数RunAsDisplayer
elsebash $0 --show&        #以参数--show将本程序再运行一遍RunAsKeyReceiver $!        #以上一行产生的进程的进程号作为参数
fi

14.注意事项：

1.代码运行之前要给脚本文件赋予可执行权限
chmod +x 文件名
例如： chmod +x elousi.sh

2.如果使用vscode的远程插件连接linux遇到不能修改文件这种情况则：
给用户赋予可以在vscode上改文件的权限：
sudo chown -R 用户名目录或文件名
-R 的意思就是处理指定目录以及其子目录下的所有文件
例如：sudo chown -R ranhaoliu elousi
就可以实现在vscode 下修改文件

15.gitee

码云链接