我是李君子 发表于 2024-1-13 13:10:02

[有json基础即可] MCJSON UI 奇技淫巧 1 - 静态背景

本帖最后由 我是李君子 于 2024-1-13 13:11 编辑

引言
回来讲这个ui呢,属于是回归老本行了啊
以前有一段时间我对这个ui非常的痴迷
因为他不仅实用,还可以炫耀技术,并且也是非常的有意思,简单易用

准备
原版的ui/start_screen.json移到自己的文件夹并修改
一张背景图(随便)

技巧教学
这次我们讲的内容呢,十分简单,也很有趣
我们要给主页面添加一张静态背景图片
就像我做的这个(不是让你看布局,这个布局我调试了二十多分钟)

我们来做一个这样的静态背景(background)效果
首先,我们来说一下最主要的知识点
"$screen_bg_content": "ui元素位置名称",
比如我这个是
"$screen_bg_content": "start.bgc"
这个开始页面 (screen) 的screen的背景元素 (element) 指向了命名空间 (namespace) 名为start (就是开始页面) 的bgc ui元素
接下来我们直接在这个文件里创建一个bgc ui元素
"bgc": {},
Ok,接下来在{}里写入相关属性
首先我们要让游戏知道,这是一个图片类型的元素,对不对
"bgc": {
    "type": "image",
    "texture": "图片线路"
}
Ok,我们成功创建了一个背景图片元素
但是,你会发现,这个图片,他不会填充满整个背景
这里就需要用到一个属性 即fill,将他的布尔值改为true
"bgc": {
    "type": "image",
    "texture": "图片线路",
    "fill": true
}
这样呢,咱们就完成了背景图的铺满
但是,你一测试就会发现,诶?,他和别的ui元素有冲突,这是因为,我们没有设置背景图片的图层
"bgc": {
    "type": "image",
    "texture": "图片线路",
    "layer": -100,//-100层
    "fill": true
}
现在就大功告成了
你可以加载到游戏进行测试
另外您还要注意,如果json不符合json文本规范(即符号规范之类),您的包会报错
请检查有没有丢掉 , " 这些符号

结语
这个属性可以适用于任何screen元素中,他可以帮助创作者进行快速开发,十分方便
<button onclick="alert('学会了就快去试试吧')">学会了吗</button>

XiaozhiSans 发表于 2024-1-13 13:38:59

像复制的()[哔哩_doge]

我是李君子 发表于 2024-1-13 15:29:45

XiaozhiSans 发表于 2024-1-13 13:38
像复制的()

自己做的
保证全网找不到第二份[贴吧_滑稽]

古的猫宁 发表于 2024-1-13 20:12:02

学废了学废了[哔哩_脱单]

四个贝塔 发表于 2024-1-13 22:46:49

壮哉隔壁大东方!爱来自罗马!

EdCVhI 发表于 2024-8-28 12:46:27

求背景⑩的原图蟹蟹

你不会S币 发表于 2024-8-29 09:14:39

我好像来到了b站的课堂

裴现清 发表于 2024-9-6 01:01:27

哈哈哈qwq

blue_方块 发表于 2024-9-17 19:56:54

那么既然这样我们是不是可以做视频背景🤔

:——37: 发表于 5 天前

61646464334
页: [1]
查看完整版本: [有json基础即可] MCJSON UI 奇技淫巧 1 - 静态背景