【学习笔记】Cocos2d-JS 如何创建精灵？（一）

最新推荐文章于 2021-01-16 22:31:43 发布
最新推荐文章于 2021-01-16 22:31:43 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dream125a/article/details/48406075
版权
本文介绍Cocos2d-JS中创建精灵的方法，包括根据图片路径直接创建、指定矩形区域创建以及使用纹理创建等步骤，详细解析精灵的四种创建方式。
摘要由CSDN通过智能技术生成

精灵是cc.Sprite，它继承了cc.Node，具有cc.Node基本的特征。

精灵的创建方法分为4种：

1：直接根据精灵图片的路径创建

var sprite = new cc.Sprite(res/HelloWorld.png);


2：根据精灵图片路径和要截取的矩形区域创建

最低0.47元/天 解锁文章
SuperMan丶V
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cocos2d-JS中创建Sprite精灵类
巴黎的妖
04-29 5163
精灵类是cc.Sprite，它的类图如下图所示。cc.Sprite类直接继承了cc.Node类，具有cc.Node基本特征。 创建Sprite精灵对象 创建精灵对象可以使用构造函数实现，它们接受相同的参数，这些参数非常灵活。归纳起来创建精灵对象有4种主要的方式： 1. 根据图片资源路径创建 [html] view plaincopy
Cocos2d-JS中的Sprite精灵类
weixin_38170468的博客
03-25 67
精灵类是cc.Sprite，它的类图如下图所示。cc.Sprite类直接继承了cc.Node类，具有cc.Node基本特征。 创建Sprite精灵对象 创建精灵对象可以使用构造函数实现，它们接受相同的参数，这些参数非常灵活。归纳起来创建精灵对象有4种主要的方式：1. 根据图片资源路径创建 [html]view plaincopy //图...
cocos-js 菜鸟学习笔记1
ane1279263的专栏
12-27 441
1.1.1项目目录树结构 ·frameworks：web引擎和native引擎 ·index.html：web工程主页面 ·main.js：游戏入口文件，有初始化和启动代码 ·project.json：工程配置文件 ·res：项目资源文件夹 ·src：项目脚本文件夹，用来储存游戏的所有javascript代码 ·runtime：储存调试模式打包的工程执行文件 ·publish：发布
cocos 创建一个js项目_cocos2d-js项目全过程
weixin_33186395的博客
12-23 697
命令新建项目： cocos new -l js projectname运行项目：cocos run -p web项目打包：cocos compile -p web -m release字典Scene:场景，pushScene,加载或切换场景但不销毁上一个场景。popScene,销毁当前场景，回到上一个场景。Director:导演，cc.director.runScene,这个函数用来加载或切换场景...
cocos2dx创建精灵的五种方法（包括使用图片名获取图片）
白白手游专栏(cocos2d-x)
11-01 6864
cocos2dx创建精灵的五种方法（包括使用图片名获取图片）
Cocos2d-x实战 JS卷 Cocos2d-JS开发
10-14
《Cocos2d-x实战 JS卷 Cocos2d-JS开发》是一本深入探讨Cocos2d-x游戏引擎JavaScript版本使用的专业书籍。Cocos2d-x是全球范围内广泛采用的游戏开发框架，尤其适用于2D游戏的制作，而Cocos2d-JS则是其JavaScript接口...
Cocos2d-x学习笔记——完全掌握C++ API与游戏项目开发.zip
06-28
本学习笔记旨在帮助开发者全面掌握Cocos2d-x的C++ API以及游戏项目的开发流程。 一、Cocos2d-x框架基础 Cocos2d-x是Cocos2d-x系列的C++版本，它提供了丰富的图形绘制、动画制作、音频播放、物理引擎等功能。Cocos2d...
Cocos2D-X2.2.3学习笔记3(内存管理)
05-07
在Cocos2D-X2.2.3的学习过程中，内存管理是至关重要的一个环节，它直接影响到游戏的性能和稳定性。Cocos2D-X是一个跨平台的2D游戏开发框架，使用C++作为主要编程语言，并支持Lua和JavaScript。本笔记将深入探讨Cocos...
Cocos2d-android-1学习笔记
07-04
总的来说，“Cocos2d-android-1学习笔记”是一个全面介绍Cocos2d-x在Android平台应用的学习资源，涵盖了从基础到进阶的多个主题，对于想要在Android上开发2D游戏的开发者来说，是一份宝贵的学习材料。通过系统学习并...
Cocos2D-X开发学习笔记-渲染框架之图形的绘制
08-04
Cocos2D-X是一款强大的跨平台2D游戏开发框架，基于C++，并提供了Lua和JavaScript等脚本语言接口。本教程将深入讲解Cocos2D-X中的渲染框架，特别是如何进行图形的绘制，这对于创建游戏场景、角色动画以及用户界面至关...
Cocos2d-js开发
07-07
Cocos2d-js开发之旅 从html到手机游戏
Cocos2d-js 学习（二）: cc.Sprite 简单API记录
da宗熊专栏
12-04 6323
Cocos2d-js 3.0 学习，简单的cc.Sprite api小结
cocos2d js 给sprite增加按钮点击事件
chuanyu的专栏
12-10 7937
1.首先定义监听事件  var touchListener_Sprite_touxiang_pic = cc.EventListener.create({//自己             event: cc.EventListener.TOUCH_ONE_BY_ONE,             swallowTouches:true,             onTouchBegan: f
cocos2d-JS (一)HelloWorld
weixin_30725315的博客
04-01 157
傻瓜式教学，小学生都能学会 1.我们首先去官网去下载 http://www.cocos.com/download/ 看到这个就点 2.下载完成是这样的 3.点安装之后耐心等耐 4.安装成功 恭喜 恭喜，你完成了百分之八十的工作了。cocos2d框架做的就是这么人性化，很多事情都交给框架去处理，我们轻松点一点就可以做我们的开发了，相对于以前配置...
cocos2d-js常见对象的几种创建方式
键盘的起始页
03-04 767
create 所有的对象统一使用create方法创建，不再存在createXXX之类的方法 1、精灵Sprite 一共4种创建方式 (1) 根据图片资源路径创建 //参数1：图片资源路径 var sprite1 = cc.Sprite.create("res/HelloHTML5World.png"); //参数1：图片资源路径，参数2：显示区域 var sprite2 =
cocos2dx-3.0以上版本之 创建Sprite精灵的6种形式
踏踏实实做人，认认真真做事
01-12 1724
直接上代码 Size size=Director::getInstance()->getWinSize(); //常见的一种形式 Sprite* sp=Sprite::create("HelloWorld.png"); sp->setPosition(size.width/2,size.height/2); //截图的形式 Rect r=Rect(0,0,160,120);
Cocos2dx中精灵（CCSprite）、动画创建
专注【PostgreSQL源码学习&研究】
06-25 1122
1 .精灵的3种创建方法 /* _MySprite自定义的一个类 */ bool _MySprite::init() { //方法1.直接使用图片来创建精灵 CCSprite* sprite = CCSprite::create("CloseNormal.png"); addChild(sprite); sprite->setPosition(ccp(100, 100
cocos-lua创建精灵的几种方式
lining116的博客
06-13 1631
（1）从图片文件创建精灵 local sprite1 = display.newSprite("....png") （2）从缓存的图像帧创建精灵（精灵帧缓存） 加载精灵表单：display.addSpriteFrames("....plist","....pvr.ccz") 用某一帧创建：local sprite2 = display.newSprite(#.....png") ----...
cocos 创建一个js项目_JavaScript 快速入门
weixin_29010003的博客
01-16 747
JavaScript 快速入门概述本文以介绍 JavaScript 为主，初学者掌握本文的内容后，将能够对 JavaScript 有大体了解，并且满足 Cocos Creator 的开发需求。JavaScript是一门充满争议的编程语言：它以 Java 命名，但实际上和 Java 毫无关系。JavaScript 的创造 只用了 10 天时间，但在20年时间里却发展成世界上最流行的 Web 开发语言...
cocos2d-js马里奥
最新发布
12-31
cocos2d-js是一款流行的2D游戏开发引擎，可以帮助开发者快速地创建各种类型的游戏，包括类似马里奥这样的经典横版过关游戏。 使用cocos2d-js开发马里奥游戏，开发者可以利用其强大的2D渲染引擎和丰富的游戏开发工具来实现游戏场景的制作、角色动画的设计、物理碰撞的模拟等功能。而且cocos2d-js支持HTML5和JavaScript语言，这意味着开发者可以在不同的平台上发布游戏，包括Web、iOS、Android等。 在开发马里奥游戏时，可以利用cocos2d-js提供的场景管理器来创建不同的游戏关卡，利用精灵类来创建马里奥及其他游戏角色的动画，利用碰撞检测系统来实现游戏中的物理互动，从而呈现出经典的马里奥游戏玩法。同时，cocos2d-js还提供了丰富的UI组件和音频管理功能，可以帮助开发者更好地实现游戏界面和音效的设计。 总的来说，使用cocos2d-js开发马里奥游戏是一个很好的选择，因为它提供了丰富的游戏开发功能和跨平台发布的能力，开发者可以更专注于游戏内容和玩法的设计，而不必过于关注底层技术的实现细节。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值