页面 A / 宇宙

像素宇宙布局编辑器

上传星球素材,控制星空与流星效果,管理图层,并预览主宇宙触发的转场。

布局列表

点击缩略图可读取已保存布局;如果全部删除,会自动恢复默认宇宙布局。

转场效果
中心主宇宙点击触发:编辑模式开启时不可用。
背景与流星
颜色 A
颜色 B
颜色 C
元素列表
当前选中
X: -
Y: -
名称:
路径动画
先选中元素,再开启路径点模式。进入“开始选点”后,点击地图即可依次落点,拖动白色点可以微调。
路径点:0
图层顺序
当前层级:-
前方元素:
后方元素:
当前素材绑定
素材库管理
精灵图上传

当前未选中素材。选中一个精灵图后,这里的参数会显示它当前的切片设置。

精灵图会按行数、列数、帧数和 FPS 切片,之后可以像普通素材一样绑定到星球,也可以作为装饰放入场景。

点击素材卡片可选中;“绑定”会绑定到当前元素,“放置”会作为独立装饰加入场景。

布局 JSON

布局 JSON 会保存元素位置、图层、交互动效、转场设置和场景参数。图片素材存放在 IndexedDB,而不是 localStorage。

当前说明:
1. 关闭编辑模式后,中心主宇宙可以触发全屏转场。
2. 目前转场是在同一个页面内切换两个模拟页面状态。
3. 精灵图素材支持填写行数、列数、帧数和 FPS。
4. 动画素材会继承和普通元素一样的漂浮、交互动效和图层逻辑。
5. 布局快照、场景设置、转场设置和素材都可以一起导出到完整打包中。
像素宇宙原型 / PIXIJS 编辑器