很多工科的学生在大一都有一门课程，叫C语言程序设计。大概就是装个IDE然后和一个黑乎乎的窗口打交道，期末到了考完试就结束了。然而很多人可能都有一个疑惑：C语言究竟能干什么？除开嵌入式单片机这些高大上的选项，我们其实还有一个简单有趣的选择——开发一个图形界面

这是笔者第一次尝试用c语言编写图形用户接口程序，制作了一个类似大富翁的游戏

github链接

效果图

前期准备工作

idea
IDE
photoshop
第三方的图形库，我用的是easyX和ACLlib
ACLlib最初是浙大几名学生开发出来的图形库，经过几届学生和翁恺老师的努力之后，现在ACLlib已经在github上开源，参加翁恺老师在中M上的c语言课程就可以下载这个库啦

我接触ACLlib比easyX早，入门ACLlib的时候，帮助文档没有示例程序看的比较头疼。后来发现easyX的帮助文档比ACLlib详细，有示例程序的时候，我转向easyX的学习了。但后面因为播放声音的需要才把ACLlib重新添加回来。

设计UI

大致熟悉了图形库的用法，能在窗口中打出字画出圆的时候，就可以开始设计UI界面了。
相对于控制台程序，设计图形界面程序的时候就需要ps辅助了
这里就要求一些ps使用技能了

颜色搭配：
https://www.cnblogs.com/nxld/p/7087704.html
https://www.palettable.io/EB9528-586E58
icon案例：
阿里巴巴矢量图标库
设计案例：
站酷

这些其实都是UI设计师的活…
有了粗制滥造的界面后，把重心转移到代码上

写代码

easyX

这里总结一些我的easyX使用经验，详细内容还请查阅easyX在线帮助文档

项目类型

Win 32控制台程序

C or C++

easyX的代码文件只能是.cpp，不过一样可以用c语言的语句写

颜色

easyX提供了有关颜色的宏，WHITE，BLACK之类的
也可以通过RGB来混合颜色

RGB( 255, 255, 255 ) /*WHITE*/

用ps的吸管工具吸取指定颜色，将参数填入即可
define一些常用的颜色是一个好的习惯

#define TRACK_BACK   RGB( 255, 218, 171 )    /*轨道的背景色*/

设置字体大小

LOGFONT
set_height( int height )
{LOGFONT f;gettextstyle(&f);        // 获取当前字体设置f.lfHeight = height;                    // 设置字体高度为 48_tcscpy(f.lfFaceName, _T("黑体"));     // 设置字体为“黑体”(高版本 VC 推荐使用 _tcscpy_s 函数)f.lfQuality = ANTIALIASED_QUALITY;       // 设置输出效果为抗锯齿  settextstyle(&f);return f;
}

调用时

LOGFONT f;
f = set_height( 24 );

设置字体颜色和背景色

setbkmode( RGB( 255, 229, 198 ) );   /*设置字体背景色*/
settextcolor( BLACK );              /*设置字体颜色*/

字符集配置

一开始使用outtextxy函数时

outtextxy( 20, 20, _T("hello world!"));

如果把字符串常量换成一个可变的char数组编译器就会报错：“没有与参数列表匹配的重载函数实例”

解决方法：
项目->"项目名"属性->配置属性->常规->字符集->使用多字节符集

如此一来便可以打印一个可变的char数组

char a[] = "hello world!";
outtextxy( 20, 20, a );

vs2010的debug和release的设置是不一样的，更换解决方案配置时记得重新设置字符集

文字在屏幕中央显示

RECT r = { 0, 0, 1439, 899 };
drawtext( str, &r, DT_CENTER | DT_VCENTER | DT_SINGLELINE);

打印数值变量

使用sprintf函数

 char str[5];LOGFONT f;f = config_char( 36 );outtextxy( 614, 390, _T("你的得分是") );sprintf( str, "%d", score );outtextxy( 793, 390, str );

绘制图形相关

线条相关

setlinecolor( BLACK );   /*设置线条颜色*/
setlinestyle( PS_SOLID, 2 );    /*设置线条为2像素宽的实线*/

填充相关

setfillcolor( RGB( 255, 229, 198 ) );    /*设置填充颜色*/

三种绘图模式

roundrect( 520, 567, 920, 640, 10, 10 );     /*有边框无填充*/
fillroundrect( 520, 567, 920, 640, 10, 10 );    /*有边框有填充*/
solidroundrect( 520, 567, 920, 640, 10, 10 );   /*无边框有填充*/

图形函数里面的坐标参数可以通过ps的参考线来获取

按下ctrl + r，出现两条刻度尺，单位设置为像素
从刻度尺往右或往下拖动即可得到对应的横纵坐标，坐标原点在画布最左上方

标尺工具亦可完成这项任务

clearrectangle(...)  /*将一个矩形区域完全擦掉，调用后显示背景色*/
solidrectangle(...) /*用一个无边框填充矩形来覆盖*/

solid开头的这个函数适合清除本身不是背景色的区域，例如下面的数字

图像

外部图像

void
photo( int x, int y, const char *name )
{IMAGE i;loadimage( &i, name );putimage( x, y , &i );
}

将要显示的图片拖入ps窗口，放置在合适的位置之后测量xy坐标，调用函数即可

 photo( 155, 200, "123.jpg");

资源文件

参考链接
导入资源文件

窗口->关闭所有文档
此举是为了防止有可能出现的“未完成操作，拒绝访问”的错误
解决方案资源管理器（ctrl+w+s）->右键资源文件->添加->现有项
选择bitmap->导入
填写类型名
右键出现的资源文件->查看代码
查看头文件里新出现的resource.h文件

#define IDR_JPG1                        101

完成，下次调用图片的时编写下面的代码即可

IMAGE img;
loadimage(&img, L"JPG",MAKEINTRESOURCE(101));

添加太多的资源图片之后exe会变得很大，慎用

ACLlib

声音

参考链接

由于前期已经用easyX完成大部分开发工作，后期使用ACLlib时对其进行了一定裁剪
在调用函数时编译器报错，显示下列这条语句未知

mciSendStringA(cmdStr,NULL,0,NULL);  /*这个函数需要配置*/

我们需要再一次配置开发环境

使用前配置

在头文件中添加

#include <Windows.h>

在C:\Program Files (x86)\Microsoft SDKs\Windows目录下找一个叫WinMM.Lib的文件

C:\Program Files (x86)\Microsoft SDKs\Windows\v7.0A\Lib\WinMM.Lib  #winmm在我的pc的位置

vs2010->项目->"项目名"属性->配置属性->链接器->输入->附加依赖项
将找到的路径粘贴进去

播放和结束

 ACL_Sound p;loadSound( name, &p );playSound( p, 0 );    /*0只播放一次, 非零则单曲循环*/

playSound可重复调用，可用于同时播放多首音乐
对于一些只播放一次的声音，可以写成一个函数方便调用

void
play( const char *name )
{ACL_Sound p;loadSound( name, &p );playSound( p, 0 );
}

调用时

 play( "123.mp3" );

对于单曲循环的，用stopSound停止播放

 stopSound( p );

资源文件打包

https://blog.csdn.net/WWIandMC/article/details/106152197

icon制作

https://blog.csdn.net/definewl/article/details/47023735

项目完工之后的图标一般默认是这样的

以下方法可以制作自己的icon

用ps设计一个中意的图标，边框裁剪成正方形
找一个在线icon生成器
得到icon图标之后和exe文件放在同一个目录
新建一个txt文件，向里面添加

IDI_ICON1               ICON                    "logo.ico"     /*icon文件名*/

保存，将txt文件后缀改为.rc
解决方案资源管理器->资源->添加->现有项，导入刚刚的文本
右键新出现的.rc文件，选择编译

重新生成项目就可以看到exe的图标更改为我们自定义的icon

dll配置

工具：Process Explorer

view->show lower pane

窗口下半部分可以查看程序依赖的dll及其位置

双击dll后，点击explore可以打开所在文件夹目录

我的Windows似乎不支持SetDllDirectory，后期把exe和dll文件整合成一个bin文件夹

文章最后感谢本项目的tester Kuroneko！

C/C++入门级小游戏——开发备忘录相关推荐

【JAVA程序设计】基于JAVA的坦克大战小游戏--入门级小游戏
基于JAVA的坦克大战小游戏--入门级小游戏零.项目获取一.项目简介二.开发环境三.游戏玩法四.运行截图零.项目获取获取方式(点击下载):是云猿实战项目经过多人测试运行,可以确保100 ...
动态加载子节点_微信小游戏开发之场景切换和常驻节点传递数据
主题场景切换场景间数据传递方式小游戏全局背景音效特别说明 CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容,以及对官方文档中有些知识点的 ...
微信小游戏开发教程-游戏实现3
微信小游戏开发教程-游戏实现3 对象池由于游戏过程中会创建很多临时对象,这些对象很快又不再使用,垃圾回收器也能帮我们主动回收这部分垃圾,但是回收时间不可控制,同时增大了创建对象的开销,所以我们使用对 ...
微信小游戏开发教程-游戏实现2
微信小游戏开发教程-游戏实现2 绘制地面类似于绘制背景,读者自行完成代码.src/runtime/land.js 简易View系统坐标布局对于复杂的页面来说维护相当困难,因此这里我们引入布局的概念 ...
微信小游戏开发教程-游戏实现1
微信小游戏开发教程-游戏实现1 概述微信开发者工具官方提供一个飞机大战的游戏Demo,这里我们不再使用这个demo,我们以FlappyBird为例,为了让读者更加容易理解. 源码 https://g ...
微信小游戏开发教程-2D游戏原理讲解
微信小游戏开发教程-2D游戏原理讲解原理为了更加形象的描述,这里先上一张图: 背景 a. 首先,我们看到背景好像是一张无限长的图片在向下移动.实际则不然,这是一张顶部和底部刚好重叠的图片.这是一种 ...
微信小游戏开发教程-新建项目
微信小游戏开发教程-新建项目 1. 新建小游戏项目我们这回使用空项目,不要勾选使用模板创建. 2. 添加小游戏必要文件项目创建好以后我们发现缺少一些必要的文件,我们手动添加即可: game.jso ...
python小游戏代码大全-20行python代码的入门级小游戏的详解
背景: 作为一个python小白,今天从菜鸟教程上看了一些python的教程,看到了python的一些语法,对比起来(有其他语言功底),感觉还是非常有趣,就随手添了一点内容,改了一个小例程,当着练练手 ...
java演练猜奇偶小游戏开发 DB游戏必输的设计
java演练猜奇偶小游戏开发 DB游戏必输的设计阶段一,视频 https://www.ixigua.com/6870390946270446088?logTag=J_BVJOm_LIpQ-hWYY ...

C/C++入门级小游戏——开发备忘录

效果图