CocosCreator项目实战（02）：基本场景搭建

最新推荐文章于 2024-12-18 20:35:01 发布
最新推荐文章于 2024-12-18 20:35:01 发布
阅读量4.1k 收藏 6
点赞数
分类专栏： CocosCreator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fan0628/article/details/104711507
版权

文章目录

一、背景搭建

  1. 在资源管理器assets目录下右击新建选文件夹，新建几个目录。
    scenes：场景目录；
    scripts：脚本目录；
    prefabs：预置资源目录 。

在这里插入图片描述

  1. 在scenes目录下新建Scene，命名为game，双击game进入game场景。

在这里插入图片描述

  1. 因为是手机竖屏小游戏，点击层级管理器Canvas设置宽720和高1280，并且勾选自动缩放。

在这里插入图片描述

  1. 在Canvas下右击创建渲染节点Sprite(单色)节点命名为bg作为背景层，在右下角添加组件 -> UI组件 -> Widget，调整四条边与父节点的差值均设置为0.00px，点击上方Color属性，输入颜色值#F9F7EC。

在这里插入图片描述

  1. 可预先调整锚点Anchor至左下角方便之后数字块的相关设置。

在这里插入图片描述

二、游戏标题与分数标签

  1. 右击bg创建渲染节点Label(文字)命名为titleLabel，设置字体String为2048，大小为100，文字行高106（免某些中文字体高度超过行高），Color为#6C635A，添加Widget组件设置居中对齐，向上拖动到合适的位置。

在这里插入图片描述

  1. 同理，右击bg创建渲染节点Label(文字)命名为scoreLabel，设置字体String为Score: 0，大小为40，文字行高46，Color为#B2A396，添加Widget组件设置居中对齐，向上拖动到合适的位置。

在这里插入图片描述

三、预览

  1. 点击Cocos Creator正中间预览按钮，会进入浏览器进行预览。

在这里插入图片描述

  1. 至此，游戏基本场景已搭建完成。
【开发工具】VScode连接远程服务器+设置免密登录_vscode 远程连服务器如何只输一次密码
2301_82241847的博客
04-27 1014
本文介绍如何使用VScode搭建自己的远程开发平台，以便于我们可以随时拿着自己心爱的PC，去开发让自己脱发的项目。
【docker 的基本使用】Vscode 连接远程服务器 中的docker
DeathYmz的博客
02-23 4554
前置条件： 服务器上已经有nvidia-docker 1、创建容器 stu@XXX:~$ docker images #查看已有镜像 #可以看到Image ID 还有Repository 和tag #创建容器的容器的时候 可以用ImageID 或者 Repository:Tag 如："pytorch/pytorch:1.9.1-cuda11.1-cudnn8-devel" stu@XXX:~$ docker run -it --gpus all --name ymz --shm-size="2g" -
关闭指定端口
灯火的博客
12-16 355
vscode卡死后重新打开发现原本的终端不见，那里可还运行着程序，重新启动程序发现端口号被占用，就寻找了下关闭端口的方法。
【node】【出错记录】vscode崩溃，node项目未退出，重新运行项目提示端口正在使用
qq_34838046的博客
10-05 1024
关闭方法： 打开任务管理器，关闭nodejs的进程
关闭80-8080-443端口的方法（图左边是现场的原文件，右边是修改后的文件）
weixin_54171196的博客
11-04 1081
关闭80-8080-443端口
关闭正在使用的端口
求知路上
08-17 3370
关闭正在使用的端口进程
解决项目还在运行，关闭vscode窗口之后如何停掉原有的项目，防止端口占用。
最新发布
m0_72642362的博客
12-18 1424
总结一下，如果一个node项目在运行，这时候不去ctrl+c停止这个项目，直接关闭ide，是不会杀死这个进程的，它仍会继续运行，如果这时候重新运行项目，我觉得node发现7010端口被占用，就会去寻找下一个还未被使用的端口，我们为了防止他们占用过多资源以及看着不爽，直接直接结束之前的进程，然后就重新回到项目配置的7010端口了。直接一个ctrl+shift+esc打开资源管理器，搜索这个pid，好家伙果然是你！我果断一手结束任务，重新运行项目，诶嘿，重新回到了7010端口。
打开端口-vscode
02-27
"打开端口-vscode" 描述的是一个VSCode的扩展功能，它允许用户直接在编辑器内打开本地主机的端口，免去了在命令行中手动操作的步骤，提高了开发效率。 首先，我们需要理解什么是端口。在计算机网络中，端口是操作...
Vscode连接远程服务器中的docker容器进行开发（两种方法
m0_60721823的博客
04-08 1658
最全的Linux教程，Linux从入门到精通。
cruise:VSCode扩展，使您可以使用Localtunnel轻松公开端口和更多端口
03-29
Localtunnel 利用反向代理技术，将本地的服务器端口映射到一个公共的网址上，让外部网络可以访问到原本只能在本地运行的服务。这对于开发和测试阶段尤其有价值，例如： 1. **远程协同开发**：团队成员可以通过公共...
端口莫名其妙被占用，试试这招~
LuWeien的博客
07-07 1295
当 vscode 运行前端项目时提示端口被使用时,我们可以使用第一种方式检查占用该端口的进程:
命令行：删除vscode配置及插件
Boboy
10-26 1745
输入如下指令，删除 VSCode 的设置和配置 sudo rm -rf $HOME/Library/Application\ Support/Code 输入如下指令，删除 VSCode 的插件 sudo rm -rf $HOME/.vscode
windows命令行关闭本地服务器端口
师范大学生的博客
11-01 4614
  最近做后端整出了很无语的事情。上午开了本地的一个端口“8888”当本地服务器端口，然后中午吃饭去了；晚上回来随手把VScode一关，后来继续做发现8888端口已经被占用了（黑人问号）。   原来，即便关闭了编译器VScode，服务器依然是被node.exe运行着的。那这个端口怎么才能关掉呢？   1.查找本地的某个端口被哪个进程占用   以8888端口为例，在命令行中输入：   netstat...
【VSCode】终端常用命令
weixin_44681434的博客
10-09 1207
【代码】vscode终端常用命令。
如何关掉 vscode的服务器终端名称
邓飞----育种数据分析之放飞自我
05-21 1678
首先运行快捷键： ctrl + shift +p 找到config设置 在文件中把无关的服务器信息删掉即可。
使用vscode远程服务器，让代码在vscode关闭后也在服务器后台运行
weixin_45921929的博客
06-11 2万+
使用vscode远程服务器，让代码在vscode关闭后也在服务器后台运行
怎么让vscode走代理？
热门推荐
m0_57236802的博客
08-08 6万+
在 Visual Studio Code (VS Code) 中配置代理可以让你通过特定的代理服务器访问外部资源，如插件市场、Git 仓库等。
在 Visual Studio Code (VS Code) 中设置
D0126_的博客
10-25 3052
现在，你已经成功为 Visual Studio Code 设置了代理服务器。请注意，这些设置仅适用于当前用户和当前安装的 Visual Studio Code。如果你需要为其他用户或安装设置代理，请按照相同的步骤操作。如果你需要更改代理设置，可以随时返回到 “Settings”（设置）页面，并根据需要修改相关信息。
vscode配置代理（包含git)
bluejww的专栏
07-02 5785
在 Visual Studio Code (VS Code) 中配置带有账号密码的代理服务器，你可以通过编辑设置文件（settings.json）来实现。请注意，配置敏感信息（如用户名和密码）直接在配置文件中可能会带来安全风险。确保这些信息的安全，考虑使用更安全的认证方式或仅在必要时配置代理。
vscode ssh服务器配置
09-15
在VSCode中配置SSH服务器，你可以按照以下步骤进行操作： 1. 首先，安装VSCode插件"Remote - SSH"和"Remote - Containers"。 2. 安装完成后，打开VSCode，点击左下角的绿色图标，选择"Remote-SSH: Connect to Host"。如果你之前已经配置过SSH连接，会显示已有的连接选项框。 3. 点击新生成的选项框，并选择"Configure SSH Hosts..."。 4. 在默认的config配置文件中，你可以配置你的SSH连接。例如，你可以在config文件中添加以下内容： Host myserver HostName 123.456.789.0 // 服务器的IP地址 User username // 服务器登录的用户名 Port 22 // SSH连接的端口号 IdentityFile /path/to/private/key // 私钥文件的路径 5. 保存并关闭config文件。 6. 重新打开VSCode，并点击左下角的绿色图标，选择"Remote-SSH: Connect to Host"，然后选择你配置的SSH连接。 7. 输入服务器的密码或提供私钥密码，等待连接成功。 8. 连接成功后，你可以在VSCode中像本地文件一样操作服务器上的文件。 9. 如果你想配置SSH免密登录，可以使用以下命令： ssh %REMOTEHOST% -p 5139 "mkdir -p ~/.ssh && chmod 700 ~/.ssh && cat ~/tmp.pub >> ~/.ssh/authorized_keys && chmod 600 ~/.ssh/authorized_keys && rm -f ~/tmp.pub" 注意将"%REMOTEHOST%"替换为你的远程主机地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值