浆糊论坛-RO小站 » 音乐游戏讨论区 » O2MANIA skin.xml 制作基本教程

返回列表发帖

Rank: 1

UID: 200216
帖子: 991
精华: 1
威望: 10
阅读权限: 100
注册时间: 2004-7-3

1^# 跳转到 » 倒序看帖

字体大小: tT

发表于 2005-7-21 23:26 | 只看该作者

O2MANIA skin.xml 制作基本教程

抽空来说明一下skin的基本结构
首先总体结构

<?xml version="1.0"　encoding="gb2312" ?>
<Skin>
　　<Info>
<PlayArea y="0" h="475" />
<ScoreNumberPos x="400" y="567" />
<ComboNumberPos x="80" />
<JudgmentPos y="454" />
　　</Info>
　　<Images Count = "所有用到的图片的数量">
<Pic0 Images = "image1.bmp">
...
<Picn>
　　</Images>
　　<Component>
.....请看下一楼讲解
　　</Component>
</Skin>

注意有时候为了使文件内容节减会把某些
<xxxx a="b"　c="d">
</xxxx>
的形式写成<xxxx a="b" c="d"/>,请记住他们是一样的

0

顶
踩

Rank: 1

UID: 200216
帖子: 991
精华: 1
威望: 10
阅读权限: 100
注册时间: 2004-7-3

2^#

发表于 2005-7-21 23:32 | 只看该作者

O2Mania的游戏界面被分成多个部件(Component),皮肤里的每一部件又是由多个部分(Part)组成的
然后每个部分(Part)又可以是单张图片或者多帧(Frame)的动画
当然动画不仅仅局限于图片动画,位置,大小等等都可以改变(马上还有透明度)
拿DJMAX游戏面板来举例子
资源

结果

先看怎么做底部那块:
首先先在Component节点里,这么写
　　<Component>
<Panel ID = "0">
　　<Part0 FrameCount="1">
　　　　　　　　<Frame0　 ......　/>
　　</Part0>
</Panel>
　　</Component>
这里的Panel并不是说明这个部件就是游戏面板,正真说明这个部件是什么东西的,是后面的"ID"
ID号和部件的对应表将在后面给出
经过测量源图中上半部分那以大张图片左上角坐标为[0,0]然后,宽和高是[234,126],
在屏幕上的位置(也就是这个图片的左上角,在800*600的游戏空间里的位置)是[0,474]
于是这个图片的位置,大小就可以定下来了
<Frame0 u="0" v="0" w="234" h="126" x="0" y="474" ImageName="pgmk2_1.png" />
这里的u,v,就是左上角的x,y坐标,w宽,h高,x,y就是他在屏幕上的坐标

...突发事件,明天继续

Rank: 1

UID: 87339
帖子: 47
精华: 0
威望: 0
阅读权限: 100
注册时间: 2004-3-22

3^#

发表于 2005-7-22 00:29 | 只看该作者

刚想问老大就贴出来了
努力学习xml中
比想象中简单一点点。。。

看起来老大正在做5key 期待中

关于定位老大有没有好的方法？

Rank: 1

UID: 285517
帖子: 37
精华: 0
威望: 0
阅读权限: 100
注册时间: 2005-5-13

4^#

发表于 2005-7-22 00:37 | 只看该作者

我都学学xml

Rank: 1

UID: 200216
帖子: 991
精华: 1
威望: 10
阅读权限: 100
注册时间: 2004-7-3

5^#

发表于 2005-7-22 00:37 | 只看该作者

用画笔啊...只要可以看坐标的绘图软件就行
看看左上角看看右下角,宽就是右 - 左 + 1
看来我应该在skin加一个支持两个角的定位,而不光是左上角加宽高

Rank: 1

UID: 285899
帖子: 474
精华: 1
威望: 29
阅读权限: 100
性别: 男
注册时间: 2005-5-15

6^#

发表于 2005-7-22 01:07 | 只看该作者

SKIN用的图片是不是只能用
512*512
256*256
128*128
这样子的呀

我用的其他尺寸就出现了对不上点的情况

Rank: 1

UID: 283908
帖子: 175
精华: 0
威望: 0
阅读权限: 100
注册时间: 2005-5-6

7^#

发表于 2005-7-22 08:34 | 只看该作者

网页存了慢慢看

Rank: 1

UID: 200216
帖子: 991
精华: 1
威望: 10
阅读权限: 100
注册时间: 2004-7-3

8^#

发表于 2005-7-22 09:16 | 只看该作者

wanamaka,2005-07-22, 01:07:13
SKIN用的图片是不是只能用
512*512
256*256
128*128
这样子的呀

我用的其他尺寸就出现了对不上点的情况

恩，为了保证SKIN的兼容性最好用这种大小的

Rank: 1

UID: 286213
帖子: 61
精华: 0
威望: 0
阅读权限: 100
注册时间: 2005-5-16

9^#

发表于 2005-7-22 09:43 | 只看该作者

老大，问你几个问题呗!!
为什么我用一些其他的图片的时候，图片的像素位置与程序中找到的相应位置不一样呢？这个与图片的什么有关呢?
另外，关于orgx和orgy我总是没搞懂。。
还有一个就是：
combo num那个地方，两个数字之间的距离与什么有关阿？是不是只与图片的大小有关阿？不能设定吗？

Rank: 1

UID: 200216
帖子: 991
精华: 1
威望: 10
阅读权限: 100
注册时间: 2004-7-3

10^#

发表于 2005-7-22 09:55 | 只看该作者

图片要向上面说的那样要256*256,512*512,128*128...这样的，必须是2的n次方，而且是正方形
orgx 和 orgy你先都填0吧,那个是对齐点的坐标，就是Frame上的哪个点去放在x,y指定的位置上,是一个相对坐标
combo num还不能指定间距

Rank: 1

UID: 286213
帖子: 61
精华: 0
威望: 0
阅读权限: 100
注册时间: 2005-5-16

11^#

发表于 2005-7-22 10:09 | 只看该作者

恩，好的。我再玩玩
5key的skin我做好了，老大看看吧！给点意见吧。

Rank: 1

UID: 278194
帖子: 54
精华: 0
威望: 0
阅读权限: 100
注册时间: 2005-4-8

12^#

发表于 2005-7-22 10:51 | 只看该作者

一头雾水中……想问一下，如果我只是单纯的把别人的SKIN文件里的图片换掉自己想换的（图象大小位置不变，只是样子变一下）可以实现吗？

Rank: 1

UID: 200216
帖子: 991
精华: 1
威望: 10
阅读权限: 100
注册时间: 2004-7-3

13^#

发表于 2005-7-22 13:16 | 只看该作者

moffatts,2005-07-22, 10:51:23
一头雾水中……想问一下，如果我只是单纯的把别人的SKIN文件里的图片换掉自己想换的（图象大小位置不变，只是样子变一下）可以实现吗？

只要你图片里每个元素的位置和原来的一样就可以

暗影逍遥子

Rank: 1

UID: 291192
帖子: 17
精华: 0
威望: 0
阅读权限: 100
注册时间: 2005-6-5

14^#

发表于 2005-7-23 03:18 | 只看该作者

有点专业... 定上去再说.
顺便鄙视一下发垃圾帖的人. 唉. 无奈

Rank: 1

UID: 283576
帖子: 161
精华: 0
威望: 0
阅读权限: 100
注册时间: 2005-5-4

15^#

发表于 2005-7-23 10:14 | 只看该作者

麻烦老大置顶