【cocos creater】4.仿《弓箭传说》- 创建游戏背景

最新推荐文章于 2022-12-09 22:25:08 发布
最新推荐文章于 2022-12-09 22:25:08 发布
阅读量577 收藏
点赞数
文章标签： cocos creater
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cc_want/article/details/102787607
版权

查看项目所有章节

删除我们上一章中创建的New label节点，添加一个新的精灵节点，并命名为bg (windows下按F12可快速重命名)

将我事先准备好的背景图片资源放在res文件夹下

从资源管理器中，将bg图片拖到下图所示的位置

此时在场景编辑器中发现背景图片并没有充满整个canvas，怎么办呢？

在bg的属性检查器中，点击添加组件，添加widget组件，并设置上下左右边距为0，此时bg就可以充满canvas

但是，发现图片有变形，怎么办呢？

修改Sprite的type为TILED，这样背景图片就可以采用平铺的模式了

效果如下：

此时点击箭头运行浏览

cc_want
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【cocos creater】7.仿《弓箭传说》- 控制主角朝向敌人.rar
10-30
文章地址 https://blog.csdn.net/cc_want/article/details/102825700
【cocos creater】1.仿《弓箭传说》-开发环境及项目搭建
天下武功唯CODING不破
10-28 685
查看项目所有章节 首先进入cocos creater官网 https://www.cocos.com/creator 打开下载V 2.1.2版本，因为cocos creater的各个版本之间都有差异，建议尽可能用一样的版本 1.首先看一下我们要实现的效果 2.开发环境安装 下载好2.1.2的cocos creater安装包之后，双击打开，选择安装在d盘下。同时下载VS code开...
【cocos creater】仿《弓箭传说》
天下武功唯CODING不破
10-28 2050
项目介绍： 此游戏是由cocos creater编写，可发布到原生，h5，微信小游戏等各大平台上。此demo中实现了热门小游戏《弓箭传说》的核心功能，可提供参考，欢迎各位评论点赞 【cocos creater】1.仿《弓箭传说》-开发环境及项目搭建 【cocos creater】2.仿《弓箭传说》-项目框架结构搭建 【cocos creater】3.仿《弓箭传说》-项目浏览及调试 【...
【CocosCreator3.x】如何生成一张默认的背景底图？
u014206745的博客
11-21 4686
这是一种很常见的需求，我们需要创建一张单色精灵，如果通过CocosCreator编辑器很容易实现。 在层级管理器中，选中scene，右击选择创建->2D对象->Sprite(单色)，可以创建出单色精灵。 通过编辑器中手动添加的单色精灵，可以在程序运行时显示。但是，在Creator创建单色精灵的时候，其实是去使用到了编辑器内置的单色精灵的预制体(prefab)来创建单色精灵。单色精灵上的default_sprite_splash这个精灵资源，属于编辑器上内置的资源，我们在程序运行的
滑动翻页效果_复刻 《弓箭传说》的 Tab 效果
weixin_42357331的博客
12-23 138
《弓箭传说》这款游戏出现的时候，我就在玩了，虽然现在下架了，但是它的各种实现效果我还是记忆犹新，今天来复刻下游戏主界面的 tab 分页效果，具体的可以参照下面的效果图。参照效果图后就能了解，这个效果其实涉及两个主要的部分，这里我拆分为滑动列表和下面的菜单按钮部分。分页滑动在 Unity 中凡事涉及到滑动列表的时候我都会采用 ScrollView 组件，这里也不例外，但是如何让 Unity 系统默认...
【cocos creater】6.仿《弓箭传说》- 控制主角移动（附源码）
天下武功唯CODING不破
10-28 1596
查看项目所有章节 接着上一章，我们在main场景中创建一个role精灵节点 在资源管理器中，将head图集拖到Sprite属性节点的Atlas属性上，并把head图集中的baioqing_1图片拖到Sprite Frame属性上 效果如下： 接下来创建在scripts文件夹中创建一个名叫role的TypeScript脚本，脚本内容： const { ccclass, p...
【cocos creater】9.仿《弓箭传说》- 子弹的碰撞.rar
10-31
文章： https://blog.csdn.net/cc_want/article/details/102843659
【cocos creater】仿《弓箭传说》.rar
10-31
文章地址 https://blog.csdn.net/cc_want/article/details/102788176
【cocos creater】6.仿《弓箭传说》- 控制主角移动.rar
10-28
请查看文章 https://blog.csdn.net/cc_want/article/details/102788176
cocos creater2.x JSB绑定 toJS python3
04-27
ccc2.x官网只提供python2的脚本 参考ccc3.x 修改使用
Cocos Creator模拟射箭效果shoot.zip
12-13
Cocos Creator模拟射箭效果shoot.zip // Learn cc.Class: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/class.html // - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/reference/attributes.html // Learn life-cycle callbacks: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html // - [English] https://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.html cc.Class({ extends: cc.Component, properties: { txtGrade: cc.Label, txtTime: cc.Label, btnStart: cc.Button, nodeBeat: cc.Node, }, // LIFE-CYCLE CALLBACKS: onLoad () { this._lefttime = 10; this._grade = 0; this.nodeBeat.active = false; }, start () { this.nodeBeat.on(cc.Node.EventType.TOUCH_START, event => { this.nodeBeat.scale = 1.1; }); this.nodeBeat.on(cc.Node.EventType.TOUCH_END, event => { this.nodeBeat.scale = 1.0; this._grade++; this.txtGrade.string = `面长${this._grade}米`; }); }, // update (dt) {}, updateGrade(){ if(cc.sys.platform == cc.sys.WECHAT_GAME){ let max = cc.sys.localStorage.getItem('max_grade'); if(max != null && max { console.log('success', res); }, faile: res => {
【cocos2dx 小技巧】半透明屏蔽罩和弹出框的实现
01-01
使用ColorLayer 和 一个基类实现动态弹出框 和遮罩效果
cocoscreator 翻牌效果
04-12
cocoscreator 翻牌效果cocoscreator 翻牌效果cocoscreator 翻牌效果
2.cocos设置背景图片
weixin_30275415的博客
01-17 1415
在bool HelloWorld::init()中加入如下代码 auto bg = Sprite::create("1.jpg"); if (bg) { bg->setPosition(Point(200, 300)); this->addChild(bg); } 项目截图 转载于:https://ww...
Unity 弓箭射靶游戏实践
weixin_52388098的博客
12-09 688
根据之前的飞碟工厂进行改变，在射出弓箭手上没有弓箭之后重新生成新的弓箭，并将射出的弓箭在一定时间后进行回收。在右下角通过小窗口展示靶子的情况，射中不同的环数给予不同得分。
cocoscreator实现射箭效果
天才派大星 !的博客
11-17 1077
示例： 1:创建一个箭 -创建一个row节点为箭节点，添加刚体组件，并设置刚体Type为静态Static- 2:创建并挂载脚本 -创建一个脚本并挂载在bg节点上- 3: code cc.Class({ extends: cc.Component, properties: { }, // LIFE-CYCLE CALLBACKS: onLoad () { this.shoot = false;//简单的状态..
cocos creator 2.4.6射击游戏 打靶游戏 H5+安卓+IOS三端源码
创小董
12-10 510
cocos creator 2.4.6射击游戏 打靶游戏 H5+安卓+IOS三端源码，开发脚本为typeScript方便扩展和阅读，支持cocos creator2.X版本，完整的源码可直接运营。 游戏源码下载 cocoscreator2.4.6射击游戏打靶游戏H5+安卓+IOS三端源码-cocos2D文档类资源-CSDN文库https://download.csdn.net/download/dong2008hong/60071188 ...
cocos creator 3.x 配置 miniprogram-api-typings
最新发布
06-08
要在 Cocos Creator 3.x 中配置 miniprogram-api-typings，可以按照以下步骤进行： 1. 在项目根目录下创建一个名为 typings 的文件夹。 2. 在 typings 目录下创建一个名为 wx 目录。 3. 在 wx 目录下创建一个名为 index.d.ts 的文件。 4. 将以下代码复制到 index.d.ts 文件中： ``` declare namespace wx { // 在这里添加你需要使用的微信小程序 API 的声明 } ``` 5. 在 Cocos Creator 3.x 中的 TypeScript 配置文件 tsconfig.json 中，添加以下内容： ``` { "compilerOptions": { "types": ["./typings"] } } ``` 完成上述步骤后，即可在 Cocos Creator 3.x 中使用微信小程序 API，并且能够获得 TypeScript 的类型检查。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值