标题: 卡莎的吉里之路-ZOOM篇
咔莎
会员
Rank: 1
囧—魔兽世界脱宅中—囧



UID 13
精华 0
积分 521
帖子 432
阅读权限 5
注册 2006-12-18
来自 ~Celestial Gem~
 
发表于 2007-1-12 13:18  资料  主页 短消息  加为好友 
卡莎的吉里之路-ZOOM篇

从06年底接触KRKR到现在,知道了解的东西少得可怜,这里来说说最近刚搞明白的ZOOM(图片的放大缩小左右移动),ZOOMROT(图片的旋转)这个了解不多,先不说了,下面说说ZOOM的大概用法。
我说的这些,适用于读过《吉里吉里基础教程·入门篇》、《KCDDP KAGeXpress 3.0 使用手册》(ZOOM这个功能在使用手册以后可能会有详细介绍吧?我这里说说简单应用,我也只会简单应用……)

文件大小2M左右

下载地址1:
assia.ys168.com

下载地址2:
http://www.soeasy.net.cn/pickFil ... 983&uid=1547387
有效天数60天

下载地址3:MO
http://pickup.mofile.com/2922900211523423
提取码:2922900211523423


first 文件开始

QUOTE:
*start

@layopt layer=message0 visible=false
;呼叫ZOOM~
@call storage=zoom.ks

@bg storage=zoom
@wait time=2000
@layopt layer=message0 visible=true
欢迎来到卡莎的吉里之路-ZOOM篇。[l][r]
这里给大家介绍ZOOM的简单应用。但偶的能力有限,有些我自己还不明白的地方就不在这里介绍了。等以后明白了再来打补丁吧HOHO~[l][r]

首先确定DATA(或Template)文件夹下scenario文件夹内要有ZOOM(或ZOOMROT文件),呃……【KCDDP】KageXpress的演示版中scenario文件夹内有这些KS文件。(这里建议KAGeXpress3-beta1以后也把这些效果文件?加进去~下雪下雨这类的~)[l][r]

这些确定好后,再来只要有背景图片就好了(图片放哪里,大家都知道吧,其实只要放到DATA(或Template)文件夹下就行吧……)。准备工作就这样了,这里只有关于ZOOM的,其他都略掉哦……[l][r]

顺便在建议用KAGeXpress3-beta1中的WIZARD建立工程~[r]
例如建立工程:D:\卡莎的吉里之路\zoom\[l][r]

现在的背景图片是正常的样子。接下来先看看这个格式,目前图片无变化。[l][r]
还要注意图片尺寸与分辨率一致哦,这里用800*600的比例。[l][cm]

格式:@bgzoom storage=zoom layer=base time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=0 dt=0 dw=800 dh=600[l][r]

这里bgzoom 就是开始进行ZOOM移动;[l][r]
storage=zoom(zoom为卡莎这里的图片名称……);[r]
time=3000 为变化全过程所需时间。[l][r]
accel=0 为变换的速度,值可以为负数,0,正数。下面会详细解释;[l][r]
layer=base设定为背景层。(我一般都忽略了);[r]
sl=0 为图片初始的左侧坐标,sl=0可以理解为X坐标为0;[l][r]
st=0 为图片初始的高度坐标,st=0可以理解为Y坐标为0;[l][r]

sw=800 为图片初始的宽度,若起始图片需要放大2倍sw=1600;[l][r]
sh=600 为图片初始的高度,如需放大同样sh=1200;[l][r]
这里需要注意的是最好是宽度与高度同时放大同样倍数,否则图片会变形,变长、变短(如果这是你所需要的话就无谓了。);[l][r]

接下来dl=0 为移动后的图片左侧坐标,移动后X的坐标;[l][r]
dt=0 为移动后的图片高度,移动后的Y坐标;[l][r]
这里都是0,跟sl st没有变化所以图片没有移动变化;[l][r]

dw=800 为图片移动后的宽度,移动后图片缩小2倍 dw=400;[l][r]
dh=600 为图片移动后的高度,移动后缩小图片2倍 dh=300;[l][r]
这里注意同sw sh,宽度与高度的放缩最好倍数相同。[l][r]

还有mode前景层的模式, basestorage,这两个我还不太了解,希望高手这里补充下![l][r][cm]

接下来开始变化:[l][r]


若图片从最初就在靠右侧的地方无变化,如例只需把sl dl同时确定为200(正数)即可。[l][r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=200 st=0 sw=800 sh=600 dl=200 dt=0 dw=800 dh=600
@wait time=1000
[r]
[r]
@layopt layer=message0 visible=true
图片向左移动,高度大小不变:[l][r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=-200 dt=0 dw=800 dh=600
@wait time=1000

@layopt layer=message0 visible=true
格式:@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=-200 dt=0 dw=800 dh=600[l][r]

如例dl坐标改变,dt高度不变,dl为负数向左移动,负数越小越向左移。[l][r]
[r]
[r]

所以图片向右移动,高度大小不变应该怎么做呢?大家都知道了吧~[l][r]
如果起始的数值不是0。数值变大就会向右移,dl的数值越小越向左。[l][r][cm]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=200 dt=0 dw=800 dh=600

@wait time=1000

@layopt layer=message0 visible=true
再来图片从右往左移动进入:[l][r]

格式:@bgzoom storage=zoom time=3000 accel=0 sl=300 st=0 sw=800 sh=600 dl=-300 dt=0 dw=800 dh=600
起始位置的sl也是这样的,如果图片从左边移动进入,sl=300,dl=-300 即图片从X坐标300移动到-300如背景:[l][r]

@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=300 st=0 sw=800 sh=600 dl=-300 dt=0 dw=800 dh=600
@wait time=1000
[r]
[r]
@layopt layer=message0 visible=true
这里在变化accel大家看看变化:[l][r]
[r]
accel=-4[l][r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=-4 sl=300 st=0 sw=800 sh=600 dl=-300 dt=0 dw=800 dh=600
@wait time=1000

@layopt layer=message0 visible=true
[r]
accel=-2[l][r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=-2 sl=300 st=0 sw=800 sh=600 dl=-300 dt=0 dw=800 dh=600
@wait time=1000

@layopt layer=message0 visible=true
[r]
accel=0[l][r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=300 st=0 sw=800 sh=600 dl=-300 dt=0 dw=800 dh=600
@wait time=1000

@layopt layer=message0 visible=true
[r]
accel=2[l][r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=2 sl=300 st=0 sw=800 sh=600 dl=-300 dt=0 dw=800 dh=600
@wait time=1000

@layopt layer=message0 visible=true
[r]
accel=4[l][r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=4 sl=300 st=0 sw=800 sh=600 dl=-300 dt=0 dw=800 dh=600
@wait time=1000
@layopt layer=message0 visible=true
[r]
速度的变化accel为负数速度从快到慢;为正数速度从慢到快;0为匀速。[l][r][cm]
@layopt layer=message0 visible=false
@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=0 dt=0 dw=800 dh=600

@layopt layer=message0 visible=true
再来是上下的变化。[l][r]
大小不变,往上移动图片,dt为负数,因为图片初始在X,Y(0,0)的位置,图片上移就超出了范围:[l][r]
如例:dt=-200[l][r]
[r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=0 dt=-200 dw=800 dh=600

@layopt layer=message0 visible=true
同理,往下移动,dt为正数,dt=200。[l][r]

@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=0 dt=200 dw=800 dh=600


@layopt layer=message0 visible=true
这里需要注意的是,X,Y(0,0)的坐标基准是指设置界面分辨率的大小,如果图片放大或缩小后,移动的坐标会有所不同。[l][r][cm]


基本的介绍的差不多了,现在示范下放大缩小。[l][r]

先来放大。放大的话按照上面介绍的sw sh原本的大小不变,位置不变。[l][r]
图片放大2倍:[l][r]

@layopt layer=message0 visible=false
@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=0 dt=0 dw=1600 dh=1200
@wait time=1000

@layopt layer=message0 visible=true
图片缩小2倍:[l][r]
@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=0 dt=0 dw=400 dh=300
@wait time=1000

@layopt layer=message0 visible=true
若想在图片的某一位置放大显示,就需要结合sl st dl dt这些位置设定了。[l][r]
如例:在卡莎的地方放大2倍的话。[l][r]
格式:@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=140 dt=-680 dw=1600 dh=1200[l][r]
第一步,现确定图片放大2倍,dw=1600 dh=1200;[l][r]
第二步,确定位置,卡莎左上侧的坐标是x=70 y=340,此为图片初始[r]
        大小时的位置;[l][r]
第三步,因为图片放大显示卡莎需要向右上移动放大图片。[l][r]
        按照放大后的图片来说,首先要确定基本的坐标X,Y(0,0)的[r]
        位置,否则很容易乱。[l]这里图片放大了2倍,所以卡莎位[r]
        置放大2倍的坐标是X,Y(140,680),dl=140 dt=-680。[l][r][cm]


@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=140 dt=-680 dw=1600 dh=1200
@wait time=1000


@layopt layer=message0 visible=true
若相反,只需要sl st sw sh与dl dt dw dh数值交换~[l][r]
如:@bgzoom storage=zoom time=3000 accel=0 sl=140 st=-680 sw=1600 sh=12000 dl=0 dt=0 dw=800 dh=600[l][r][cm]


@layopt layer=message0 visible=false
@bg storage=black
@bgzoom storage=zoom time=3000 accel=0 sl=140 st=-680 sw=1600 sh=1200 dl=0 dt=0 dw=800 dh=600
@wait time=1000

@bgzoom storage=zoom time=3000 accel=0 sl=0 st=0 sw=800 sh=600 dl=0 dt=0 dw=800 dh=600
@layopt layer=message0 visible=true


@layopt layer=message0 visible=true
目前来说以上这些应该够用了吧?HOHO~~[l][r]
我总是被坐标弄晕,不过多测试几次,自然就能找到合适的变化位置。[l][r]
至于相似的ZOOMROT.KS因为我还没接触过,所以不太了解,不过都差不多啦~[l][r]
它是图片的旋转,像魔法阵这类的效果~[l][r][cm]

好啦~卡莎的吉里之路-ZOOM篇就到此为止了~[l][r]
如果各位发现有哪些错误,或需补充的地方请一定要告诉我!不足之处请见谅![l][r]
或者是来http://krkr.keyfc.net/bbs 发帖子告诉我哦![l][r]
我们以后再见吧~现在感觉吉里吉里离我们又进了一步\(^o^)[l][r][cm]
@layopt layer=message0 visible=false

@bgzoom storage=wan time=1000 accel=0 sl=0 st=0 sw=800 sh=600 dl=0 dt=0 dw=800 dh=600

first文件到此为止。
诶,虽然弄得有些乱,因为省了不少东西,有些东西我也不会,只要等达到效果就好了~HOHO~
还是那句话有什么不对的地方或者需要补充注释的地方,请指点!



[ 本帖最后由 卡莎 于 2007-1-12 13:50 编辑 ]





You still have lots more to work on.无限怨念积攒中…まだまだだね
顶部
Miliardo
幕后黑手
Rank: 4


UID 1
精华 0
积分 379
帖子 339
阅读权限 255
注册 2006-12-3
 
发表于 2007-1-12 14:22  资料  短消息  加为好友 
…eXp3之所以没有集成zoom.ks…是因为我们推荐使用功能更强大的action系统…因为那个系统已经随KAGEX3系统嵌入了exp3了…只是还没时间写介绍…






------------------------------------------
UCWEB手机浏览器,手机上网第一选择

顶部
咔莎
会员
Rank: 1
囧—魔兽世界脱宅中—囧



UID 13
精华 0
积分 521
帖子 432
阅读权限 5
注册 2006-12-18
来自 ~Celestial Gem~
 
发表于 2007-1-12 16:25  资料  主页 短消息  加为好友 


QUOTE:
原帖由 Miliardo 于 2007-1-12 14:22 发表
…eXp3之所以没有集成zoom.ks…是因为我们推荐使用功能更强大的action系统…因为那个系统已经随KAGEX3系统嵌入了exp3了…只是还没时间写介绍…

action系统指的是什么??





You still have lots more to work on.无限怨念积攒中…まだまだだね
顶部
全局变量D
亲友
Rank: 2



UID 14
精华 1
积分 1262
帖子 719
阅读权限 50
注册 2006-12-20
 
发表于 2007-1-12 23:32  资料  短消息  加为好友 
action的利用很大程度上是靠自己摸索的...OTL

今晚:一小时的测试=5秒钟的步行画面效果...XDD

不过用起来实在很爽...比那些单纯的切换好多了...





顶部
咔莎
会员
Rank: 1
囧—魔兽世界脱宅中—囧



UID 13
精华 0
积分 521
帖子 432
阅读权限 5
注册 2006-12-18
来自 ~Celestial Gem~
 
发表于 2007-1-13 11:58  资料  主页 短消息  加为好友 
那要怎么做呢?总觉得“专业名词”太多了
日文版的KAGEX文档接触过几天KR后,有一些还是明白了,比以前强多了……





You still have lots more to work on.无限怨念积攒中…まだまだだね
顶部
Miliardo
幕后黑手
Rank: 4


UID 1
精华 0
积分 379
帖子 339
阅读权限 255
注册 2006-12-3
 
发表于 2007-1-13 12:21  资料  短消息  加为好友 
我有时间翻译一下吧……Orz

Action的日文文档我贴一下的……

QUOTE:
Title: 吉里吉里/KAG改 アクション解説
Author: 合資会社ワムソフト 渡邊剛

●概要

ActionLayer は、吉里吉里のレイヤに自動駆動アクション機能を追加したものです。

◇TJS での利用

ActionLayer の beginAction にパラメータを渡すことで使用可能になります
パターン1
   第一引数: モジュール
   第二引数: パラメータの辞書
パターン2
   第一引数: パラメータの辞書。"module" でモジュール名を指定する

◇KAGEX での利用

アクションの起動
[action layer=レイヤ名 module=モジュール名 time=1000 ... ]

アクションの停止
[stopaction layer=レイヤ名]

アクション待ち
[wact layer=レイヤ名]
レイヤ名を省略した場合は全アクションの終了を待ちます

◇アクションの動作上の注意点

・同じグループのモジュールに属するアクションは互いに排他です
・別のグループのモジュールに属するアクションは同時に適用できます

●パラメータについて

◇全アクション共通パラメータ

time        アクションが実行される時間
delay        アクション開始までの遅延時間

◇移動モジュール

◆共通

x                移動先位置
y                移動先位置

◆LayerNormalMoveModule  通常移動

特に追加なし

◆LayerAccelMoveModule  加速移動

特に追加なし

◆LayerDecelMoveModule   減速移動

特に追加なし

◆LayerParabolaMoveModule  放物線移動

x/y が放物線の頂点になります(最終点ではありません)
toptime        頂点通過時間(time の1/2を指定すると丁度落下しきることになる)

◇アクションモジュール

◆共通

特になし

◆LayerVibrateActionModule        振動アクション

vibration        振動量(pixel)
waittime        振動間の待ち時間(ms)

◆LayerJumpActionModule        縦ゆれアクション

vibration        上下振動量(pixel)
cycle                周期(ms)

◆LayerJumpOnceActionModule        縦ゆれアクション(単発)

vibration        上下振動量(pixel)
cycle                周期(ms)

◆LayerWaveActionModule         横ゆれアクション

vibration        左右振動量(pixel)
cycle                周期(ms)

◆LayerWaveOnceActionModule         横ゆれアクション(単発)

vibration        左右振動量(pixel)
cycle                周期(ms)

◆LayerFallActionModule                落下アクション

distance        落下距離(pixel)
falltime        落下時間(ms)

◇拡大縮小モジュール

◆共通パラメータ

特になし

◆LayerNormalZoomModule                単純拡大

zoom        最終サイズ(縦長・横長になっている状態からの変更は考慮しない)

◆LayerVRotateZoomModule        拡縮を使った擬似3D回転(縦軸)

angvel        回転の角速度(度/sec)

◆LayerHRotateZoomModule        拡縮を使った擬似3D回転(横軸)

angvel        回転の角速度(度/sec)

◆LayerHeartBeatZoomModule        ハートビート

zoom        最大拡大率

◆LayerVibrateZoomModule        ズーム振動

vibration        振動量(%)
waittime        振動間の待ち時間(ms)

◇回転モジュール

◆LayerNormalRotateModule        単純回転

angvel                角速度(度/sec)

◆LayerVibrateRotateModule        回転振動

vibration        振幅(度)
cycle                周期(ms)

◆LayerFalldownRotateModule                転倒

angle        転倒時最大角(-90~90が適正 正で左、負で右に転倒)

◆LayerToRotateModule                指定角度へ

angle        指定角度

◇モードモジュール

◆LayerBlinkModeModule                点滅処理

showtime        表示時間(ms)
hidetime        消去時間(ms)

◆LayerFadeModeModule                フェード処理用

intime                フェードイン時間   (0の場合フェードインしない)
outtime                フェードアウト時間 (0の場合フェードアウトしない)

◆LayerFadeToModeModule                指定された不透明度に変更

opacity                不透明度


顶部
咔莎
会员
Rank: 1
囧—魔兽世界脱宅中—囧



UID 13
精华 0
积分 521
帖子 432
阅读权限 5
注册 2006-12-18
来自 ~Celestial Gem~
 
发表于 2007-1-13 19:31  资料  主页 短消息  加为好友 
不知道做出来东东会有什么效果啊……





You still have lots more to work on.无限怨念积攒中…まだまだだね
顶部
全局变量D
亲友
Rank: 2



UID 14
精华 1
积分 1262
帖子 719
阅读权限 50
注册 2006-12-20
 
发表于 2007-1-13 20:26  资料  短消息  加为好友 
就是对一个层进行各种放大缩小旋转摇晃...
最厉害的是居然可以对同一个层同时应用这些指令...=v=
不过单单靠各层都可以同时做出不同的动画效果就很厉害了啊~





顶部
咔莎
会员
Rank: 1
囧—魔兽世界脱宅中—囧



UID 13
精华 0
积分 521
帖子 432
阅读权限 5
注册 2006-12-18
来自 ~Celestial Gem~
 
发表于 2007-1-14 21:40  资料  主页 短消息  加为好友 
查字典看完了描述,感觉是不错……可是具体应用还完全不明白……等着出介绍吧……





You still have lots more to work on.无限怨念积攒中…まだまだだね
顶部
supervanship
会员
Rank: 1


UID 184
精华 0
积分 76
帖子 62
阅读权限 5
注册 2007-4-23
 
发表于 2007-5-26 00:20  资料  短消息  加为好友 
虽然不懂J文……
不过用了一下试试……还为大写小写晕了半天……

结果发现确实强大而且简约
先前居然想AccelModule没有设定加速度咋加速?后来发现这是蠢问题……加速度完全由Time来决定了……这样设定用起来方便了许多,虽然从理论上算是一种逆向计算……(怀念物理中……)

发现这个东西好厉害……不过命令条太长虽然好记但是大小写打起来超麻烦……而且要写成千上万条命令※(如果动作够复杂的画)……

这里LayerFadeModeModule没有搞懂是怎么回事……
怎么写才可以看出效果呢?

还有 所谓的LayerFalldownRotateModule                転倒
是不是指有加速度的旋转呢?

LayerNormalZoomModule
LayerVRotateZoomModule两个不能同时使用……(看不到效果了……)
那么怎么表现渐渐远去加拟3D回转咧……

[ 本帖最后由 supervanship 于 2007-5-26 10:16 编辑 ]






来个图片给论坛点活力……
顶部
 



清除 Cookies - 联系我们 - [Key Fans Club] the Council of Doujin-game Development and Promotion - Archiver - WAP
Powered by Discuz! 5.5.0 © 2001-2006 Comsenz Inc.
Processed in 0.023711 second(s), 7 queries , Gzip enabled
粤ICP备05060595号
[ 当前模板 - 天高云淡 v 设计制作 - 七星论坛 v 请使用1024*768或以上分辨率浏览本模板 ]
请勿删除或修改此处版权图示