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

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

github链接

效果图


前期准备工作

  1. idea
  2. IDE
  3. photoshop
  4. 第三方的图形库,我用的是easyXACLlib
    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的参考线来获取

  1. 按下ctrl + r,出现两条刻度尺,单位设置为像素

  2. 从刻度尺往右或往下拖动即可得到对应的横纵坐标,坐标原点在画布最左上方


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

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");

资源文件

参考链接
导入资源文件

  1. 窗口->关闭所有文档
    此举是为了防止有可能出现的“未完成操作,拒绝访问”的错误

  2. 解决方案资源管理器(ctrl+w+s)->右键资源文件->添加->现有项

  3. 选择bitmap->导入

  4. 填写类型名

  5. 右键出现的资源文件->查看代码

  6. 查看头文件里新出现的resource.h文件

#define IDR_JPG1                        101

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

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

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

ACLlib

声音

参考链接

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

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

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

使用前配置

  1. 在头文件中添加
#include <Windows.h>
  1. 在C:\Program Files (x86)\Microsoft SDKs\Windows目录下找一个叫WinMM.Lib的文件
C:\Program Files (x86)\Microsoft SDKs\Windows\v7.0A\Lib\WinMM.Lib  #winmm在我的pc的位置
  1. 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

  1. 用ps设计一个中意的图标,边框裁剪成正方形
  2. 找一个在线icon生成器
  3. 得到icon图标之后和exe文件放在同一个目录
  4. 新建一个txt文件,向里面添加
IDI_ICON1               ICON                    "logo.ico"		/*icon文件名*/
  1. 保存,将txt文件后缀改为.rc
  2. 解决方案资源管理器->资源->添加->现有项,导入刚刚的文本
  3. 右键新出现的.rc文件,选择编译

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

dll配置

工具:Process Explorer

view->show lower pane

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

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

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

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

C/C++入门级小游戏——开发备忘录的更多相关文章

  1. Egret白鹭H5小游戏开发入门(二)

    前言: 昨天的文章中简单的介绍了Egret白鹭引擎从安装到基本的使用配置等问题,今天着重介绍H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明,开始布局等等. 整体概况: 根据上一篇 ...

  2. Egret白鹭H5小游戏开发入门(三)

    前言: 在上一篇文章中着重介绍了H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明等等,那么今天主要是涉及到场景的创建,loading的修改等等的代码编写. 对于这一节,我在讲解的过 ...

  3. .Net Core ORM选择之路,哪个才适合你 通用查询类封装之Mongodb篇 Snowflake(雪花算法)的JavaScript实现 【开发记录】如何在B/S项目中使用中国天气的实时天气功能 【开发记录】微信小游戏开发入门——俄罗斯方块

    .Net Core ORM选择之路,哪个才适合你   因为老板的一句话公司项目需要迁移到.Net Core ,但是以前同事用的ORM不支持.Net Core 开发过程也遇到了各种坑,插入条数多了也特别 ...

  4. 一、微信小游戏开发 --- 初次在微信开发者工具里跑Egret小游戏项目

    尝试下Egret的小游戏开发,学习,学习,干IT,不学习,就得落后啊... 相关教程: Egret微信小游戏教程 微信公众平台-微信小游戏教程 微信公众平台-微信小游戏接入指南 开发版本: Egret ...

  5. Egret白鹭H5小游戏开发入门(一)

    前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js. ...

  6. 【python游戏编程之旅】第九篇---嗷大喵快跑小游戏开发实例

    本系列博客介绍以python+pygame库进行小游戏的开发.有写的不对之处还望各位海涵. 前几期博客我们一起学习了,pygame中的冲突检测技术以及一些常用的数据结构. 这次我们来一起做一个简单的酷 ...

  7. 【python游戏编程之旅】第五篇---嗷大喵爱吃鱼小游戏开发实例

    本系列博客介绍以python+pygame库进行小游戏的开发.有写的不对之处还望各位海涵. 我们一同在前几期的博客中已经学到了很多pygame的基本知识了,现在该做个小游戏实战一下了. 前几期博客链接 ...

  8. 13、Cocos2dx 3.0三,找一个小游戏开发3.0中间Director :郝梦主,一统江湖

    重开发人员的劳动成果.转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27706967 游戏中的基本元素 在曾经文章中,我们具 ...

  9. 14、Cocos2dx 3.0三,找一个小游戏开发Scene and Layer:游戏梦想

    发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/30474393 Scene :场景 了解了Director ...

随机推荐

  1. linux centos7 “git clone https://github.com/XXXXX” 报错解决方法

    2021-08-04 1. 问题描述 在执行以下命令时出现错误"正克隆到 'XXXXX'... fatal: unable to access 'https://github.com/lag ...

  2. linux 查看用户密码

    2021-07-26 1.查看前三个密码 head -3 / etc / passwd # 注解 /etc/passwd 中一行记录对应着一个用户,每行记录又被冒号 (:) 分隔为 7 个字段,其格式 ...

  3. Java 语法学习2

    Java基础语法二 类型转换 public class demo03 { public static void main(String[] args) { int i=128; byte a=(byt ...

  4. 获取docker镜像的tag列表

    已nginx为例 命令如下 wget -q https://registry.hub.docker.com/v1/repositories/nginx/tags -O - | sed -e 's/[] ...

  5. CodeForce-807C Success Rate(二分数学)

    Success Rate CodeForces - 807C 给你4个数字 x y p q ,要求让你求最小的非负整数b,使得 (x+a)/(y+b)==p/q,同时a为一个整数且0<=a< ...

  6. java.lang.NullPointerException: Attempt to invoke virtual method 'int com.example.xxx.Json.NewsBean.getError_code()' on a null object reference错误解决

    AS在运行的过程中出现了错误: java.lang.NullPointerException: Attempt to invoke virtual method 'int com.example.xx ...

  7. python math详解(1)

    python math详解(1) 一.导入 python要调用math要进行导入 import math 二.返回值 math包里有一些值 比如 math.pi 返回pi的值 约为3.14 math. ...

  8. jquery .play()报错is not a function

    报错原因:play()方法属于DOM对象方法,$('#audio')为jquery对象解决办法:将jquery对象转换为DOM对象首先打印jquery对象$('#audio') 两种转换方式将一个jQ ...

  9. echsop设置伪静态

    1.后台商店设置-基本设置-URL重写开启 2.修改httpd.conf文件 AllowOverride None 改为 AllowOverride AllLoadModule rewrite_mod ...

  10. Docker DevOps实战:GitLab+Jenkins(2)- CI/CD相关配置

    Jenkins关联GitLab Gitlab仓库配置Webhooks 上传项目到GitLab,Jenkins构建