cocos 资源工作流程基础入门_cocos使用帮助

概述【同步性】  资源管理器中的资源和操作系统的文件管理器中看到的项目资源文件夹是同步的  在资源管理器中对资源的移动、重命名和删除,都会直接在用户的文件系统中对资源文件进行同步修改。同样的,在文件系统中(如 Windows 上的 Explorer 或 Mac 上的 Finder)对添加或删除资源,再次打开或激活 Cocos Creator 程序后,也会对资

cocos 资源工作流程基础入门

概述

【同步性】

cocos 资源工作流程基础入门_cocos使用帮助

  资源管理器中的资源和操作系统的文件管理器中看到的项目资源文件夹是同步的

  在资源管理器中对资源的移动、重命名和删除,都会直接在用户的文件系统中对资源文件进行同步修改。同样的,在文件系统中(如 Windows 上的 Explorer 或 Mac 上的 Finder)对添加或删除资源,再次打开或激活 Cocos Creator 程序后,也会对资源管理器中的资源进行更新

【meda文件】

  所有 assets 路径下的资源都会在导入时生成一份资源配置文件(.meta),这份配置文件提供了该资源在项目中的唯一标识(uuid)以及其他的一些配置信息(如图集中的小图引用,贴图资源的裁剪数据等),非常重要

  在编辑器中管理资源时,meta 文件是不可见的,对资源的任意删除、改名、移动操作,都会由编辑器自动同步相应的 meta 文件,确保 uuid 的引用不会丢失和错乱

  注意在编辑器外部的文件系统中(Explorer,Finder)对资源文件进行删除、改名、移动时必须同步处理相应的 meta 文件。资源文件和其对应的 meta 文件应该保持在同一个目录下,而且文件名相同

  如果在编辑器外部的文件系统中(Explorer,Finder等)进行了资源文件的移动或重命名,而没有同步移动或重命名 meta 文件时,会导致编辑器将改名或移动的资源当做新的资源导入,可能会出现场景和组件中对该资源(包括脚本)的引用丢失

  在编辑器发现有未同步的资源配置文件时,会弹窗警告用户,并列出所有不匹配的 meta 文件。这时无法正确匹配的资源配置文件会从项目资源路径(asset)中移除,并自动备份到 temp 路径下

  如果希望恢复这些资源的引用,将备份的 meta 文件复制到已经移动过的资源文件同一路径下,并保证资源文件和 meta 文件的文件名相同

  注意编辑器在处理资源改名和移动时会生成新的 meta 文件,这些新生成的 meta 文件可以在恢复备份的 meta 后安全删除

 

图像资源

  图像资源经常被称作贴图、图片,是游戏中绝大部分图像渲染的数据源。图像资源一般由图像处理软件(如 PS )制作而成并输出成 Cocos Creator 可以使用的文件格式,目前包括 JPG 和 PNG 两种

  图像资源在资源管理器中以自身图片的缩略图作为图标。在资源管理器中选中图像资源后,属性检查器下方会显示该图片的缩略图

【SpriteFrame】

  在资源管理器中,图像资源的左边会显示一个和文件夹类似的三角图标,点击就可以展开看到它的子资源(sub asset),每个图像资源导入后编辑器会自动在它下面创建同名的 SpriteFrame 资源

  SpriteFrame 是核心渲染组件 Sprite 所使用的资源,设置或替换 Sprite 组件中的 spriteFrame属性,就可以切换显示的图像

  为什么会有 SpriteFrame 这种资源?这样的设置是因为除了每个文件产生一个 SpriteFrame 的图像资源(Texture)之外,还有包含多个 SpriteFrame 的图集资源(Atlas)类型

  直接将 SpriteFrame 或图像资源从资源管理器中拖拽到层级管理器或场景编辑器中,就可以直接用所选的图像在场景中创建 Sprite 节点。之后可以拖拽其他的 SpriteFrame 或图像资源到该 Sprite 组件的 spriteFrame属性栏中,来切换该 Sprite 显示的图像

  导入图像资源后生成的 SpriteFrame 会进行自动剪裁,去除原始图片周围的透明像素区域。这样在使用 SpriteFrame 渲染 Sprite 时,将会获得有效图像更精确的大小

 

预制资源

  在场景中编辑好节点后,直接将节点从层级管理器拖到资源管理器,即可创建出一个预制(prefab)

  在场景中修改了预制实例后,在属性检查器中直接点击保存,即可保存对应的预制资源

  在场景中修改了预制实例后,在属性检查器中直接点击回退,即可将预制对象还原为资源中的状态

  每个场景中的预制实例都可以选择要自动同步和还是手动同步。设为手动同步时,当预制对应的原始资源被修改后,场景中的预制实例不会同步刷新,只有在用户手动还原预制时才会刷新;设为自动同步时,该预制实例会自动和原始资源保持同步

 

图集资源

  图集(Atlas)也称作 Sprite Sheet,是游戏开发中常见的一种美术资源。图集是通过专门的工具将多张图片合并成一张大图,并通过 plist 等格式的文件索引的资源。可供 Cocos Creator 使用的图集资源由 plist 和 png 文件组成

  在游戏中使用多张图片合成的图集作为美术资源,有以下优势:

  1、合成图集时会去除每张图片周围的空白区域,加上可以在整体上实施各种优化算法,合成图集后可以大大减少游戏包体和内存占用

  2、多个 Sprite 如果渲染的是来自同一张图集的图片时,这些 Sprite 可以使用同一个渲染批次来处理,大大减少 CPU 的运算时间,提高运行效率

  要生成图集,首先应该准备好一组原始图片,接下来可以使用专门的软件(texturepacker 或者 Zwoptex)生成图集,使用这些软件生成图集时选择 cocos2d-x 格式的 plist 文件。最终得到的图集文件是同名的 plist 和 png,将 plist 和 png 文件同时拖拽到资源管理器中,就可以生成可以在编辑器和脚本中使用的图集资源了

【自动图集】

  自动图集资源是 Cocos Creator 自带的合图功能,可以将指定的一系列碎图打包成一张大图,在资源管理器中右键,可以在如下菜单中找到 新建 -> 自动图集配置 的子菜单,点击菜单将会新建一个类似 AutoAtlas.pac 的资源,自动图集资源将会以当前文件夹下的所有 SpriteFrame 作为碎图资源。 如果碎图资源 SpriteFrame 有进行配置过,在打包后重新生成的 SpriteFrame 将会保留这些配置

 

艺术数字资源

  艺术数字资源是一种用户自定义的资源,它可以用来配置艺术数字字体的属性。在资源管理器中右键,可以在如下菜单中找到 新建 -> 艺术数字配置 的子菜单,点击菜单将会新建一个类似 LabelAtlas.labelatlas 的资源。艺术数字资源在使用之前需要进行一些配置,比如关联渲染的图片资源,设置每一个字符的宽高和起始字符信息

  在资源管理器中选中一个艺术数字资源后,属性检查器面板将会显示艺术数字资源的所有可配置项,配置完成后需要点击属性检查器右上角的绿色的打勾按钮来保存设置

  使用艺术数字资源非常简单,只需要新建一个 Label 组件,然后把新建好的艺术数字资源拖到 Label 组件的 Font 属性即可

 

字体资源

  使用 Cocos Creator 制作的游戏中可以使用三类字体资源:系统字体,动态字体和位图字体

  系统字体是通过调用游戏运行平台自带的系统字体来渲染文字,不需要用户在项目中添加任何相关资源。要使用系统字体,需要使用Label组件中的 Use System Font 属性

  目前 Cocos Creator 支持 TTF 格式的动态字体。只要将扩展名为 TTF 的字体文件拖拽到资源管理器中,即可完成字体资源的导入

  位图字体由 fnt 格式的字体文件和一张 png 图片组成,fnt 文件提供了对每一个字符小图的索引。这种格式的字体可以由专门的软件生成

  在导入位图字体时,需要将 fnt 文件和 png 文件同时拖拽到资源管理器中

  字体资源需要通过 Label 组件来渲染,在层级管理器中点击左上角的创建节点按钮,并选择创建渲染节点/Label(文字),就会在场景中创建出一个带有 Label 组件的节点。也可以通过主菜单的节点/创建渲染节点/Label(文字)来完成创建,效果一样

  字体组件默认使用系统字体作为关联的资源,如果想要使用导入到项目中的 TTF 或位图字体,可以将字体资源拖拽到创建的 Label 组件中的 File 属性栏中

  可以根据项目需要,自由的切换同一个 Label 组件的 File 属性,来使用 TTF 或位图字体。切换字体文件时,Label 组件的其他属性不受影响

  如果要恢复使用系统字体,可以点击 Use System Font 的属性复选框,来清除 File 属性中指定的字体文件

来源:https://www.cnblogs.com/xiaohuochai/archive/2018/07/30/9368318.html

海计划公众号
(0)
上一篇 2020/04/03 19:47
下一篇 2020/04/03 19:47

您可能感兴趣的内容

  • php底层原理之垃圾回收机制小白帮助_内存基础知识教程

    php垃圾回收机制,对于PHPer来说是一个不陌生但是又不是很熟悉的内容。那么php是怎么实现对不需要的内存进行回收的呢?php变量的内部存储结构首先还是需要了解下基础知识,便于垃圾回收原理内容的理解。大家都知道php是由C编写而成的,所以php变量的内部存储结构也会和C语言相关,即zval的结构体:struct _zval_struct {union {l

    2020/03/31
  • html富文本的 ↵ 转为</br>标签使用说明_标签使用攻略

    例如:”我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助,↵合作竞争,学习更加有动力!↵从简单的单词到句型和场景对话,↵孩子越来越敢于开口说英语啦![耶]↵扫码立即领取外教课爱心↵让孩子从小与世界接轨~”需要转为才能被html识别,并且换行。可以这样做。‘↵’是回车符’/n’,这段内容是通过textarea人为编辑,提交给后端保存的。编辑框中可以识别

    2020/03/29
  • 前端解决第三方图片防盗链的办法 – html referrer 访问图片资源403问题小白常识_图片攻略教程

    问题笔者网站的图片都是上传到第三方网站上的,比如 简书、掘金、七牛云上的,但是最近简书和掘金都开启了 防盗链,防止其他网站访问他们网站上的图片了,导致笔者的网站存在他们网站上的图片全挂了。具体问题,就是 html 中通过 img 标签引入一个第三方的图片地址,报 403 。但是这个图片地址直接复制出来在地址栏打开,却是看得到的。原因官方输出图片的时候,判断了

    2020/03/30
  • bonsai使用帮助_理解webpack包中的依赖树,并删除多余的树

    bonsai使用帮助 官方网址:https://pinterest.github.io/bonsai GitHub:https://github.com/pinterest/bon…

    2020/03/11
  • 谷歌开源内部代码评审规范指南教程_开源小白指南

    代码评审标准代码评审的主要目的是确保 Google 代码库的整体代码运行状况随着时间的推移而不断改善。代码评审的所有工具和过程都是为此设计的。为了实现这一点,必须做出一系列的权衡。首先,开发人员必须能够在其任务上取得进展。如果开发人员从未向代码库提交过改进,那么代码库将永远不会得到改善。另外,如果评审人员不进行任何更改,那么之后开发人员也没有动力进行改进。另

    2020/03/23
  • vue 使用element-ui中的Notification自定义按钮并实现关闭功能以及如何处理多个通知小白知识_element菜鸟攻略

    使用element-ui中的Notification,只有一个message属性是有很大的操作空间,其余的都是写死的,无法进行扩展,达不到想要的效果。所以只能在message上下功夫。在element-ui官方文档中可以看到Notification中的message属性是可以处理VNode的所以我们可以使用VNode来达到我们需要的效果。如何关闭通知呢?当创

    2020/03/26
  • 网站设计和布局的重要性和过程使用帮助_布局教程视频

    网站的设计是吸引客户的非常重要的因素。如今,互联网上存在着很多竞争,每个人都可以点击其客户,但是只有少数人能吸引他们。这通常是由于网站给人的第一印象。如今,最常见的方法是访问Internet查找产品或服务,搜索引擎在每次搜索中显示成千上万的结果,这就是第一印象发挥作用的地方。几秒钟内,客户可以选择您,也可以单击以决定参加竞争。从这个意义上可以看出,第一印象是

    2020/03/23
  • vue-grid-layout指南教程_可拖拽和缩放的 Vue.js 瀑布流布局组件

    vue-grid-layout指南教程 官方网址:https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic…

    2020/03/06
  • 目前为止全网最全的 SpringBoot 参数传递方案小白知识_参数基础知识入门

    前言开发这么多年,肯定还有不少小伙伴搞不清各种类型的参数是如何传递的,很多同学都是拿来即用,复制粘贴一把撸,遇到问题还是一脸懵逼。姿势学习参数传递的正确姿势,先说怎么做,再说为什么,本质上还是复制粘贴一把撸,问题是你想问不想问为什么!传递用户登录前端代码:var param = {“username”: “admin”,”password”: “admin”

    2020/03/23
  • css实现自适应正方形的多种方法实现小白知识_绘制小白入门

    方案一:CSS3 vw 单位CSS3 中新增了一组相对于可视区域百分比的长度单位vw、vh、vmin、vmax。其中vw是相对于视口宽度百分比的单位,1vw = 1% viewport width,vh是相对于视口高度百分比的单位,1vh = 1% viewport height;vmin是相对当前视口宽高中较小的一个的百分比单位,同理 vmax是相对当前视

    2020/04/05
  • rem js相关入门攻略_rem基础入门

    !function(n){var e=n.document,t=e.documentElement,i=720,d=i/100,o=”orientationchange”in n?”orientationchange”:”resize”,a=function(){var n=t.clientWidth||320;n>720&&(n=720);t.style

    2020/03/23
  • jquery插件库菜鸟知识收集最全最新最好的jQuery插件

    jquery插件库基础入门 官方网址:http://www.jq22.com/ 简介描述:收集最全最新最好的jQuery插件

    2020/03/05
  • document.write和innerHTML的区别基础入门_js知识入门攻略

    document.write只能重绘整个页面,innerHTML可以重绘页面的一部分。 1.document.write是直接写入到页面的内容流,如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数,会导致页面被重写。inner1.write是DOM方法,向文档写入HTML表达式或JavaScript代

    2020/03/31
  • 小程序的节流与防抖基础教程_小程序菜鸟指南

    在屏幕滚动与拖拽的时候,经常会用到一些持续触发的事件,而这类事件不可控触发频率非常高,大大影响了性能,而我们想要让其变得可控,就可以用到节流和防抖两种方案。1.防抖防抖指的是事件在高频触发状态时,只收集事件最后一次执行的结果。例如滚动时候产生的scrollTop,只收集停止滚动时
    候的scrollTop,实现原理是每次滚动触发时,都清除定时器队列,只执行最后

    2020/03/29
  • 网站服务器的选择零基础入门_服务器入门攻略

    虽然说现在服务器的硬件比之前是便宜了很多了,也有VPS和云服务器可以选择。但是对新手来说,如何选择适合自己的服务器也是一个很让人头疼的问题。虚拟主机,VPS,还是独立服务器?对新手来说,可能一开始到是不会考虑到独立服务器。但还是想拉到一起讨论一下。如果是个人博客,又没什么计划说这个博客会做商业化用途。那么虚拟主机(空间)应该是合适的选择。价格也就几十块一年;

    2020/03/22
  • 浅谈RPC入门基础教程_RPC菜鸟指南

    近几年随着微服务化项目的崛起,逐渐成为许多公司中大型分布式系统架构的主流方式,而今天所说的 RPC 在这其中扮演着至关重要的角色。随着这段日子公司项目微服务化的演进,发现在日常开发中都在隐式或显式的使用 RPC,一些刚刚接触 RPC 的小伙伴会感觉无所适从,而一些入行多年的老手虽然使用 RPC 经验丰富,但有些对其原理也一知半解,缺乏对原理的深入理解,往往也

    2020/03/26