当前位置: 首页 > news >正文

【微信小游戏开发笔记】第二节:Cocos开发界面常用功能简介

Cocos开发界面常用功能简介

本章只介绍微信小游戏开发时常用的功能,其他功能不常用,写多了记不住(其实是懒 -_-!):

  1. 层级管理器,用于操作各个节点。
  2. 资源管理器,用于操作各种文件资源。
  3. 场景编辑器,用于调整场景内物体。
  4. 资源预览,用于预览图片资源。
  5. 控制台,所有运行日志都会输出到这里。
  6. 属性浏览器,用于编辑节点上的组件。
  7. 实践,结合上面的功能板块,做一个例子。

该系列看完,就可以写出比较简单的小游戏了。
这是我写的一个小游戏,后面会一步一步把用到的知识都讲解一遍,欢迎关注!!!
请添加图片描述

1. 层级管理器

层级管理器
层级管理器,主要用来创建、复制、拖拽节点,展示节点层级嵌套关系。

  1. 在代码中搜索节点,是从根节点由上往下的,因此事件捕捉顺序也是这样顺序。
  2. 当父节点的位置信息改变,下面子节点位置信息也会跟着改变。

2. 资源管理器

资源管理器
资源管理器,显示的是游戏用到的所有资源文件,包括图片、脚本、动画等所有游戏资源文件,都可以在这里看到。

  1. assets文件夹,游戏里所有的资源都放在这里。
  2. internal文件夹,这里存放的是Cocos共用的资源文件,通常都是以下默认样式和效果的文件,这里的文件都是只读的,只能使用不能修改。

3. 场景编辑器

场景编辑器
场景编辑器,这里显示的是游戏开发过程中,静态的游戏界面,上面的元素可以通过点击选中,并拖拽调整位置、大小、旋转等。
场景编辑器工具栏
场景编辑器工具栏
在左上角和右上角,有一些场景编辑器可用的工具,鼠标移上去就有对应工具提示。

4. 资源预览

资源预览
资源预览,当你在【资源管理器】选中一张图片,那么这里就会显示图片的预览图。

5. 控制台

控制台
控制台,这里在开发工具执行一些操作时,会打印日志,运行时的后台信息也会在这里显示,常用于代码调试。

6. 属性浏览器

属性浏览器
属性浏览器,当你在【层级管理器】选中一个节点时,这里会显示该节点上的所有组件信息。并且可以在这里修改各个组件的属性。

7. 实践

这里我们可以结合上面的功能板块,在游戏画面里显示一个图片,并让游戏运行起来。

  1. 在【层级管理器】中,Canvas节点下,右键【创建】-【2D对象】-【Sprite】,创建一共Sprite节点,可以用于显示一张图。在游戏制作中用得最多就是这个,例如:背景、角色、物品等,可以代表游戏里任意一个元素。
    Sprite
  2. 拖一个图片到这里。
    图片
  3. 然后把图片与【Sprite】里的【Sprite Frame】属性绑定,就可以在【场景编辑器】看到这张图片。
    拖拽
  4. 我们可以在【场景编辑器】拖拽、缩放、旋转这张图片。

到此我们熟悉了各种常用版面的用法,下一节,将介绍常用的组件,欢迎关注!!!

相关文章:

【微信小游戏开发笔记】第二节:Cocos开发界面常用功能简介

Cocos开发界面常用功能简介 本章只介绍微信小游戏开发时常用的功能,其他功能不常用,写多了记不住(其实是懒 -_-!): 层级管理器,用于操作各个节点。资源管理器,用于操作各种文件资源。场景编辑…...

3分钟,学会了一个调试CSS的小妙招

Ⅰ. 作用 用于调试CSS , 比控制台添更加方便,不需要寻找 ;边添加样式,边可以查看效果,适合初学者对CSS 的理解和学习; Ⅱ. 快速实现(两边) ① 显示这个样式眶 给 head 和 style 标签添加一个…...

【项目精选】基于jsp的健身俱乐部会员系统

点击下载源码 社会可行性 随着社会的发展和计算机技术的进步,人类越来越依赖于信息化的管理系统,这种系统能更加方便的获得信息以及处理信息。人们都改变了过去的思维,开始走向了互联网的时代,在 可行性小结 本章在技术可行性上…...

java注解

1. Java注解(Annotation) 2. Java注解分类 3. JDK基本注解 4. JDK元注解 5. 注解分类 6. 自定义注解开发 7. 提取Annotation信息 8. 注解处理器 9. 动态注解处理器(spring aop方式) 1. Java注解(Annotation) Java注解是附加在代码中的一些元信息,用于…...

移动测试相关

一、环境搭建 准备工作: (python、pycharm安装配置好) 1、Java SDK 安装配置 Java Downloads | Oracle 下载安装后配置系统环境变量:JAVA_HOME(jdk根目录路径)和path(jdk根目录下的bin目录路径…...

SIGIR22:User-controllable Recommendation Against Filter Bubbles

User-controllable Recommendation Against Filter Bubbles 摘要 推荐系统经常面临过滤气泡的问题:过度推荐基于用户特征以及历史交互的同质化项目。过滤气泡将会随着反馈循环增长,缩小了用户兴趣。现有的工作通常通过纳入诸如多样性和公平性等准确性之…...

Python中的进程线程

文章目录前言多进程与多线程基本概念多进程multiprocessing 类对象进程池subprocess模块进程间通信多线程threading实现线程操作线程共享所有变量线程锁参考资料前言 又花了点时间学习了一下Python中的多线程与多进程的知识点,梳理一下供复习参考 多进程与多线程 …...

python(8):使用conda update更新conda后,anaconda所有环境崩溃----问题没有解决,不要轻易更新conda

文章目录0. 教训1. 问题:使用conda update更新conda后,anaconda所有环境崩溃1.1 问题描述1.2 我搜索到的全网最相关的问题----也没有解决3 尝试流程记录3.1 重新安装pip3.2 解决anaconda编译问题----没成功0. 教训 (1) 不要轻易使用conda update更新conda----我遇到…...

c++11 标准模板(STL)(std::multimap)(四)

定义于头文件 <map> template< class Key, class T, class Compare std::less<Key>, class Allocator std::allocator<std::pair<const Key, T> > > class multimap;(1)namespace pmr { template <class Key, class T…...

乐观锁及悲观锁

目录 1.乐观锁 (1).定义 (2).大体流程 (3).实现 (4).总结 2.悲观锁 (1).定义 (2).大体流程 (3).实现 (4).缺点 (5).总结 1.乐观锁 (1).定义 乐观锁在操作数据时非常乐观&#xff0c;认为别的线程不会同时修改数据所以不会上锁&#xff0c;但是在更新的时候会判断一…...

常见的锁策略

注意: 接下来讲解的锁策略不仅仅是局限于 Java . 任何和 "锁" 相关的话题, 都可能会涉及到以下内容. 这些特性主要是给锁的实现者来参考的.普通的程序猿也需要了解一些, 对于合理的使用锁也是有很大帮助的. 1.乐观锁 vs 悲观锁 悲观锁: &#xff08;认为出现锁冲…...

springboot学习(八十) springboot中使用Log4j2记录分布式链路日志

在分布式环境中一般统一收集日志&#xff0c;但是在并发大时不好定位问题&#xff0c;大量的日志导致无法找出日志的链路关系。 可以为每一个请求分配一个traceId&#xff0c;记录日志时&#xff0c;记录此traceId&#xff0c;从网关开始&#xff0c;依次将traceId记录到请求头…...

10种ADC软件滤波方法及程序

10种ADC软件滤波方法及程序一、10种ADC软件滤波方法1、限幅滤波法&#xff08;又称程序判断滤波法&#xff09;2、中位值滤波法3、算术平均滤波法4、递推平均滤波法&#xff08;又称滑动平均滤波法&#xff09;5、中位值平均滤波法&#xff08;又称防脉冲干扰平均滤波法&#x…...

第五章:Windows server加域

加入AD域&#xff1a;教学视频&#xff1a;https://www.bilibili.com/video/BV1xM4y1D7oL/?spm_id_from333.999.0.0首先我们选择一个干净的&#xff0c;也就是新建的没动过的Windows server虚拟机。我们将DNS改成域的ip地址&#xff0c;还要保证它们之间能ping的通&#xff0c…...

Elasticsearch:获取 nested 类型数组中的所有元素

在我之前的文章 “Elasticsearch: object 及 nested 数据类型” 对 nested 数据类型做了一个比较详细的介绍。在实际使用中&#xff0c;你在构建查询时肯定会遇到一些问题。根据官方文档介绍&#xff0c;nested 类型字段在隐藏数组中索引其每个项目&#xff0c;这允许独立于索引…...

English Learning - Day53 作业打卡 2023.2.7 周二

English Learning - Day53 作业打卡 2023.2.7 周二引言1. 我必须承认&#xff0c;我之前学习没你用功。have to VS must2. 这跟我想得一样简单。3. 生活并不像它看上去那么顺风顺水&#xff0c;但也不会像我们想象得那么难。Look VS seem4. 你比去年高多了。5. 你关心你的工作胜…...

SpringMVC--注解配置SpringMVC、SpringMVC执行流程

注解配置SpringMVC 使用配置类和注解代替web.xml和SpringMVC配置文件的功能 创建初始化类&#xff0c;代替web.xml 在Servlet3.0环境中&#xff0c;容器会在类路径中查找实现javax.servlet.ServletContainerInitializer接口的类&#xff0c; 如果找到的话就用它来配置Servle…...

JavaScript中数组常用的方法

文章目录前言常用数组方法1、 join( )2、push&#xff08;&#xff09;与 pop&#xff08;&#xff09;3、shift&#xff08;&#xff09;与 unshift&#xff08;&#xff09;4、sort&#xff08;&#xff09;5、reverse&#xff08;&#xff09;6、slice&#xff08;&#xff…...

ModuleNotFoundError: No module named ‘pip‘

项目场景&#xff1a;pip 错误 Traceback (most recent call last): File "E:\KaiFa\Python\Python38\lib\runpy.py", line 194, in _run_module_as_main return _run_code(code, main_globals, None, File "E:\KaiFa\Python\Python38\lib\runpy.py&qu…...

ROS2 入门应用 发布和订阅(C++)

ROS2 入门应用 发布和订阅&#xff08;C&#xff09;1. 创建功能包2. 创建源文件2.1. 话题发布2.2. 话题订阅3. 添加依赖关系4. 添加编译信息4.1. 添加搜索库4.2. 增加可执行文件4.3. 增加可执行文件位置5. 编译和运行1. 创建功能包 在《ROS2 入门应用 工作空间》中已创建和加…...

自动化规则同步:从设计原理到Go/Python实战实现

1. 项目概述&#xff1a;一个自动化同步规则的“守门人”在运维和网络安全领域&#xff0c;我们每天都在和各种规则打交道&#xff1a;防火墙规则、入侵检测规则、内容过滤规则……这些规则是保障系统安全、优化网络流量的核心防线。然而&#xff0c;随着业务扩展和多环境部署&…...

BetterOCR:融合多引擎OCR与LLM的智能文档理解方案

1. 项目概述&#xff1a;当OCR遇上AI&#xff0c;一场关于“理解”的进化 最近在折腾一个文档自动化的项目&#xff0c;发现传统的OCR&#xff08;光学字符识别&#xff09;工具虽然能把图片里的文字“读”出来&#xff0c;但效果总差那么点意思。比如&#xff0c;一张随手拍的…...

从恒流源到差动放大:铂电阻测温电路的优化路径与实践

1. 铂电阻测温基础与设计挑战 铂电阻作为工业测温的中坚力量&#xff0c;其核心优势在于稳定的物理特性。PT100在0℃时标称电阻为100Ω&#xff0c;温度系数为0.385Ω/℃。这个看似简单的参数背后&#xff0c;却隐藏着电路设计的三大矛盾&#xff1a;灵敏度与噪声的博弈、线性度…...

ARM链接器Scatter文件解析与内存布局优化

1. ARM链接器Scatter文件核心概念解析在嵌入式系统开发中&#xff0c;内存布局的精确控制是确保系统稳定运行的关键。ARM链接器通过Scatter文件这一强大工具&#xff0c;为开发者提供了细粒度的内存管理能力。Scatter文件本质上是一个描述文件&#xff0c;它定义了代码和数据在…...

大模型应用开发,常用框架汇总

大模型应用开发所涉及的工具和框架&#xff0c;非常的多&#xff0c;且技术更新非常之快。很难全面梳理技术栈全景图。 上一期文章&#xff0c;按照六层框架梳理了全景图&#xff0c;本期文章又收集了一些零散的信息&#xff0c;可以对上一期的架构图各个层级&#xff0c;做个补…...

Wireshark 命令行实战指南 ———— 自动化抓包与高效分析

1. 为什么需要Wireshark命令行模式 很多网络工程师第一次接触Wireshark时&#xff0c;都是通过图形界面进行操作。鼠标点点就能开始抓包&#xff0c;确实很方便。但当你需要处理以下场景时&#xff0c;图形界面就显得力不从心了&#xff1a; 服务器环境没有图形界面&#xff0c…...

JSON数据高效处理:命令行工具jsoncut的查询、过滤与投影实战

1. 项目概述&#xff1a;一个专为JSON数据“瘦身”的利器在前后端开发、API接口调试、数据迁移或者日志分析的日常工作中&#xff0c;JSON格式的数据几乎无处不在。它结构清晰、易于阅读和解析&#xff0c;是现代数据交换的绝对主力。但随之而来的一个常见痛点就是&#xff1a;…...

a16n:实现AI编程助手配置可移植性的插件化转换工具

1. 项目概述&#xff1a;AI编程助手配置的“翻译官”如果你和我一样&#xff0c;同时在使用 Cursor 和 Claude Code 这类 AI 编程工具&#xff0c;那你一定遇到过这个痛点&#xff1a;好不容易在 Cursor 里调教好了一套完美的.cursorrules文件&#xff0c;定义了代码风格、项目…...

终极指南:NoSQL数据库大全awesome-bigdata - 文档型数据库实战入门 [特殊字符]

终极指南&#xff1a;NoSQL数据库大全awesome-bigdata - 文档型数据库实战入门 &#x1f680; 【免费下载链接】awesome-bigdata A curated list of awesome big data frameworks, ressources and other awesomeness. 项目地址: https://gitcode.com/gh_mirrors/aw/awesome-b…...

【限时解密】Photoshop 25.5 Beta隐藏功能+Midjourney API私有化接入指南(含已验证Webhook配置模板与错误码速查表)

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Midjourney与Photoshop整合方案的演进逻辑与架构全景 随着生成式AI在创意工作流中的深度渗透&#xff0c;Midjourney与Photoshop的协同已从“图像导出→手动精修”的离散模式&#xff0c;演进为基于API…...