最近,“羊了个羊”微信小游戏火爆全网。
作为已经学了一个多月的c语言编程菜鸟,在偶然听到电工课老师提出做一个”电了个电“小游戏的建议,决定动手尝试它。(代码非自己构想,而是借鉴其它大佬的,这次经历也让我明白虽然自己不会,但是只要愿意,通过查阅,学习,很大可能可以实现)
进入正题!
1.工具准备。
因为”羊了个羊“涉及可视化图形界面和指针函数,(这些工具对初学编程者来说是很陌生的,me too,但是不要担心,继续往下看。)所以我们需要准备一些工具。
//EasyX 是针对 C/C++ 的图形库,可以帮助使用C/C++语言的程序员快速上手图形和游戏编程。
这里关于Easyx的安装及装备请看下面这篇博客:
2.代码编写。(哔哩哔哩上面有很多关于“羊了个羊”用c语言编写的视频,可以去看看)
#include<easyx.h>//c语言导入,图形界面库
#include<stdio.h>
#include<time.h>
#include<graphics.h>
#include<Windows.h>
#include<mmsystem.h>
#pragma comment(lib,"winmm.lib")
const int WIDTH = 400;//定义宽度
const int HEIGHT = 760;//定义高度
const int INTERVAL = 48;//图标的间隔
//自创三板斧
//1.定义 2.加载 3.渲染
IMAGE img_bk;//定义背景照片
IMAGE img_item[3];//定义需要用到的三张照片
void loadImg()
{
loadimage(&img_bk,L"str/beijing1.png", WIDTH, HEIGHT);
loadimage(img_item + 0, L"str/1.png", 48, 48);
loadimage(img_item + 1, L"str/2.png", 48, 48);
loadimage(img_item + 2, L"str/3.png", 48, 48);
}
int main()
{
mciSendString(L"play str/song.mp3 repeat", 0, 0, 0);//播放音乐
initgraph(WIDTH, HEIGHT);
loadImg();//加载图片的函数;
int map[3][3] = { 0 };
//初始化地图
for (int r = 0; r < 3; r++)
{
for (int c = 0; c < 3; c++)
{
map[r][c] = r + 1; //数组变成1 1 1 2 2 2 3 3 3
}
}
//打乱数组
for (int r = 0; r < 3; r++)
{
for (int c = 0; c < 3; c++)
{//数组当中的行和列随机打乱
srand(time(0));
int r1 = rand() % 3;
int c1 = rand() % 3;
int t = map[r1][c1];
map[r1][c1] = map[r][c];
map[r][c] = t;
}
}
int store[7] = { 0 };
//找到图片在图形框的位置 offset图片位置放点
//x轴
int offsetX = (WIDTH - (2 * (48 + INTERVAL) + 48)) / 2;
//y轴
int offsetY = (HEIGHT - (2 * (48 + INTERVAL) + 48)) / 2;
while (true)
{
BeginBatchDraw();
//绘制地图 背景地图
putimage(0, 0, &img_bk);
//输出背景图片
for (int r = 0; r < 3; r++)
{
for (int c = 0; c < 3; c++)
{
if (map[r][c])
putimage(offsetX + c * (48 + INTERVAL), offsetY + r * (48 + INTERVAL), img_item + (map[r][c] - 1));
}
}
//绘制下面
for (int i = 0; i < 7; i++)
{
if (store[i])
putimage((i * 50) + 26, 620, img_item + (store[i] - 1));
}
//鼠标事件 鼠标点击
EndBatchDraw();
ExMessage msg = { 0 };
//点击鼠标以后 是否有消息 消息是 WM_LBUTTONDOWN
if (peekmessage(&msg) && msg.message == WM_LBUTTONDOWN)
{
for (int r = 0; r < 3; r++)
{
for (int c = 0; c < 3; c++)
{//鼠标坐标得x
int x = offsetX + c * (48 + INTERVAL);
//鼠标坐标y
int y = offsetY + r * (48 + INTERVAL);
//判断鼠标是否点击了图片
if (msg.x > x && msg.x < x + 48 && msg.y>y && msg.y < y + 48)//判断是否点击
{
//求出点击的图片对应的数组下标
int col = (msg.x - offsetX) / (48 + INTERVAL);
int row = (msg.y - offsetY) / (48 + INTERVAL);
//把点击的图片添加到下面
for (int i = 0; i < 7; i++)
{
if (store[i] == 0)
{
store[i] = map[row][col];
break;
}
}
//如果下面有三个一样的就消除
int cnt = 0;
for (int i = 0; i < 7; i++)
{
if (store[i] == map[row][col])
{
cnt++;
}
}
if (cnt == 3)
{
for (int i = 0; i < 7; i++)
{
if (store[i] == map[row][col])
{
store[i] = 0;
}
}
}
//把点击的图片从map中删除
map[row][col] = 0;
}
}
}
}
}
while (1);//防止闪退
return 0;
}
代码需要注意的地方就是
void loadImg()
{
loadimage(&img_bk,L"str/beijing1.png", WIDTH, HEIGHT);//添加背景照片
loadimage(img_item + 0, L"str/1.png", 36, 36);//添加照片
loadimage(img_item + 1, L"str/2.png", 36, 36);//添加照片
loadimage(img_item + 2, L"str/3.png", 36, 36);//添加照片
}
int main()
{
mciSendString(L"play str\\song.mp3 repeat", 0, 0, 0);//添加背景音乐
initgraph(WIDTH, HEIGHT, 0);
loadImg();
此处添加了背景音乐,如果感觉麻烦可以直接删掉这段代码。
照片和背景音乐在你的电脑上是没有的,如果要编写一个自己的“羊了个羊”,需要你自己添加,更换,设置照片和背景音乐。(在这里我建议把照片和背景音乐添加到代码创建的文件夹中,并把他们合并到一个文件中,给出下图,我把照片和背景音乐都添加到了一个为str的新建文件夹)
添加照片最好添加png格式的照片(因为在网上我找的一些照片是webp格式,保存到代码所在的文件夹后,要么重新打开时看不到,要么就是把照片地址添加到代码时无法成功),对于其它格式的照片我还不了解,这里给出一个阿里巴巴矢量图标库(你可以在上面找自己喜欢的图片)和照片格式转化网址,可以帮助你实现把其它类型的照片转化成为png格式!
1.阿里巴巴矢量图标库 ------https://www.iconfont.cn/
2.照片格式转化网址-------https://convertio.co/zh/
添加背景音乐时,我建议音乐格式为MP3。
3.把这个小游戏下载到你的好朋友的电脑上
写了一个小游戏不能只让自己玩,也要让好朋友玩,主要还是想要显摆一下自己的技术!
因为好友的电脑上没有你代码上面的照片和背景音乐,所以只是发送一个直白的exe是无法运行成功的,这时就需要把代码和调用的照片,音乐打包成一个安装包。当然这也是我现学的,所以附以下视频参考学习:
演示效果
到此,内容就结束了,在此感谢提供优质博客的大佬和身边的朋友和未曾谋面却提供宝贵建议的陌生人!!!
羊了个羊2.0将在不久后见面。
如果文章有什么瑕疵和有什么不懂的地方,随时欢迎指正和询问!