0

0

Cocos2dx3.2 Crazy Tetris 基本设置及主菜单页面(菜单、按钮)

php中文网

php中文网

发布时间:2016-06-07 15:48:50

|

1626人浏览过

|

来源于php中文网

原创

从本章开始就主要通过我制作 CrazyTetris 游戏的过程而展开。 制作伊始,我先大致地想象了一下整个游戏的流程: 因此,本章就是游戏入口以及开始菜单页面的制作。 游戏的入口主要是在 AppDelegate 中,这里主要是设置尺寸。考虑到最终是一款手机游戏,因此设

从本章开始就主要通过我制作crazy tetris游戏的过程而展开。

 

制作伊始,我先大致地想象了一下整个游戏的流程:

Cocos2dx3.2 Crazy Tetris 基本设置及主菜单页面(菜单、按钮)

因此,本章就是游戏入口以及开始菜单页面的制作。

 

游戏的入口主要是在AppDelegate中,这里主要是设置尺寸。考虑到最终是一款手机游戏,因此设计时以手机尺寸为主。这里选用480*720

 

设置窗口尺寸:

auto glview = director->getOpenGLView();

if(!glview) {
    	glview = GLView::create("Crazy Tetris");
	glview->setFrameSize(480, 720);
    	director->setOpenGLView(glview);
}

设置设计尺寸及屏幕适配策略:

glview->setDesignResolutionSize(480, 720, kResolutionExactFit );

设计尺寸之前屏幕适配有说过,设置好了后,游戏制作时的尺寸坐标就以该尺寸为基础就好了,遇到不同尺寸的设备,后根据相应屏幕适配策略进行调整。

setFrameSize是设置游戏窗口视图的大小,设置好这个后,在PC上运行时,窗口大小就是根据这个来的。


然后就是将入口场景从默认的HelloWorld改为自己的入口场景——主菜单场景:

// create a scene. it's an autorelease object
auto scene = MainMenu::createScene();
// run
director->runWithScene(scene);

接下来就是主菜单的制作,主菜单很简单,就一张背景,两个按钮——开始游戏和退出游戏。因此这里主要就是添加背景以及菜单及菜单按钮的制作。

 

主菜单是一个场景,这个场景该怎么写,我这里不多做赘述,如需要可以查看我之前的博客——cocos2dx3.2 整体概览(三)—— Scene(场景)

必要的函数是

Logo Galleria
Logo Galleria

免费在线AI Logo生成工具,打造定制Logo

下载
//创建场景
static cocos2d::Scene * createScene();
//初始化
bool init();
CREATE_FUNC(MainMenu);

而添加背景和按钮菜单在init函数中实现就好了:

首先,获取相关坐标信息:

Size visibleSize = Director::getInstance()->getVisibleSize();
Vec2 origin = Director::getInstance()->getVisibleOrigin();

然后,添加背景图片:

auto background = Sprite::create("Img/background/background.png");
background->setPosition(Vec2(visibleSize.width/2 + origin.x, visibleSize.height/2 + 	origin.y));
this->addChild(background, 0);

这里可以看出,背景也是一张图片,用Sprite将其载入,然后添加到场景中即可。设置位置时设置是设置图片中心所在位置,因此设置屏幕正中。

 

最后添加按钮:

auto startItem = MenuItemImage::create(	"Img/button/startgame.png",
											"Img/button/startgame_selected.png",
										CC_CALLBACK_1(MainMenu::menuStartCallback, this));
startItem->setPosition(Vec2(visibleSize.width/2 + origin.x, visibleSize.height/2 + origin.y));
auto exitItem = MenuItemImage::create(	"Img/button/exit.png",
											"Img/button/exit_selected.png",
									   CC_CALLBACK_1(MainMenu::menuExitCallback, this));
exitItem->setPosition(Vec2(origin.x + visibleSize.width - 						exitItem->getContentSize().width/2 - 35,	
origin.y + exitItem->getContentSize().height/2 + 35 ));
auto menu = Menu::create(startItem, exitItem, NULL);
menu->setPosition(Vec2::ZERO);
this->addChild(menu, 1);

这里是添加图像按钮MenuItemImage,还可以添加纯文字的按钮或其他。

MenuItemImagecreate方法,这里使用了三个参数,依此的意义是普通状态下的按钮图片,被点击状态下的按钮图片以及该按钮点击时的回调函数。

CC_CALLBACK_1是引擎中的宏定义函数,是用来为目标对象绑定回调事件的,他的参数可以有许多,但是前两个是必须的,第一个参数是selector选择器,这里就当是被绑定的回调函数,第二个参数是target,就是绑定的目标对象。

定义好两个按钮后,将这两个按钮添加到菜单Menu中,(因此这两个按钮的坐标位置是Menu中的坐标),最后将Menu添加到场景中即可。

关于设置Menu的位置,可以把Menu想象成一个直角坐标系,设置它的位置就是设置其坐标原点的位置,Menu中的Item的位置就是根据这个直角坐标系来的。


另外就是按钮绑定的回调函数就是自己定义的一个函数,这里我在头文件中声明:

void menuStartCallback(cocos2d::Ref* pSender);
void menuExitCallback(cocos2d::Ref* pSender);

在源文件中定义:

void MainMenu::menuStartCallback(cocos2d::Ref* pSender)
{
//	auto newScene = GameView::createScene();
//	Director::getInstance()->replaceScene(TransitionFade::create(1.2, newScene));  
}

void MainMenu::menuExitCallback(cocos2d::Ref* pSender)
{
#if (CC_TARGET_PLATFORM == CC_PLATFORM_WP8) || (CC_TARGET_PLATFORM == CC_PLATFORM_WINRT)
	MessageBox("You pressed the close button. Windows Store Apps do not implement a close button.","Alert");
    return;
#endif

    Director::getInstance()->end();

#if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
    exit(0);
#endif
}

这样,就完成了主菜单界面。运行效果如下:

Cocos2dx3.2 Crazy Tetris 基本设置及主菜单页面(菜单、按钮)

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Golang 并发编程模型与工程实践:从语言特性到系统性能
Golang 并发编程模型与工程实践:从语言特性到系统性能

本专题系统讲解 Golang 并发编程模型,从语言级特性出发,深入理解 goroutine、channel 与调度机制。结合工程实践,分析并发设计模式、性能瓶颈与资源控制策略,帮助将并发能力有效转化为稳定、可扩展的系统性能优势。

2

2026.02.27

Golang 高级特性与最佳实践:提升代码艺术
Golang 高级特性与最佳实践:提升代码艺术

本专题深入剖析 Golang 的高级特性与工程级最佳实践,涵盖并发模型、内存管理、接口设计与错误处理策略。通过真实场景与代码对比,引导从“可运行”走向“高质量”,帮助构建高性能、可扩展、易维护的优雅 Go 代码体系。

1

2026.02.27

Golang 测试与调试专题:确保代码可靠性
Golang 测试与调试专题:确保代码可靠性

本专题聚焦 Golang 的测试与调试体系,系统讲解单元测试、表驱动测试、基准测试与覆盖率分析方法,并深入剖析调试工具与常见问题定位思路。通过实践示例,引导建立可验证、可回归的工程习惯,从而持续提升代码可靠性与可维护性。

0

2026.02.27

漫蛙app官网链接入口
漫蛙app官网链接入口

漫蛙App官网提供多条稳定入口,包括 https://manwa.me、https

56

2026.02.27

deepseek在线提问
deepseek在线提问

本合集汇总了DeepSeek在线提问技巧与免登录使用入口,助你快速上手AI对话、写作、分析等功能。阅读专题下面的文章了解更多详细内容。

4

2026.02.27

AO3官网直接进入
AO3官网直接进入

AO3官网最新入口合集,汇总2026年可用官方及镜像链接,助你快速稳定访问Archive of Our Own平台。阅读专题下面的文章了解更多详细内容。

53

2026.02.27

php框架基础教程
php框架基础教程

本合集涵盖2026年最新PHP框架入门知识与基础教程,适合初学者快速掌握主流框架核心概念与使用方法。阅读专题下面的文章了解更多详细内容。

1

2026.02.27

php框架怎么用
php框架怎么用

本合集专为零基础学习者打造,系统介绍主流PHP框架的安装、配置与基础用法,助你快速入门Web开发。阅读专题下面的文章了解更多详细内容。

4

2026.02.27

无禁词AI聊天软件下载大全
无禁词AI聊天软件下载大全

本合集精选多款免费、无违禁词限制的AI聊天软件,支持自定义角色、剧情畅聊,体验真实互动感。阅读专题下面的文章了解更多详细内容。

19

2026.02.27

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Rust 教程
Rust 教程

共28课时 | 6.4万人学习

Git 教程
Git 教程

共21课时 | 3.9万人学习

Excel 教程
Excel 教程

共162课时 | 19.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号