『漫游』酷论坛>『动漫主题讨论区』>[原创]narcissu的web移植 ..

[原创]narcissu的web移植版 - 制作中

御主人様@2009-04-21 12:17

闲话少说先放地址：
http://sisituan.com/yukidoll/gal/index.php

演示剧本很短，因为没有什么功夫去写
目前的制作人员一共只有我一个人
所以进度非常之慢
希望有爱的人加入进来

引擎是开放性的，可以用来制作或者移植各种各样的gal（预定）

目前来说最佳的浏览平台是FF3（我开发就是用的这个）
各种各样的兼容性代码还没有时间来得及写
不过IE6我是肯定不会去管死活了
连png都不支持的渣浏览器，已经回天无术了

罗罗嗦嗦了这么多，失礼了
以上 XD
引用

斑斓@2009-04-21 12:19

..这个厉害,虽然早通了

推广用很不错..
引用

御主人様@2009-04-21 12:23

引用
最初由 斑斓 发布
..这个厉害,虽然早通了

推广用很不错..

嘛，我的本来目的是写一个方便开发维护
基于web平台的跨平台跨系统的gal系统……

而且以xml为存储文件的系统
本身就很容易多人合作制作……
引用

斑斓@2009-04-21 12:30

我倒是很闲,不过没什么技术.体力活倒是可以做做
如果有能帮上忙的地方我倒是可以做做看,反正最近是无聊的发慌了
引用

御主人様@2009-04-21 12:31

引用
最初由 斑斓 发布
我倒是很闲,不过没什么技术.体力活倒是可以做做
如果有能帮上忙的地方我倒是可以做做看,反正最近是无聊的发慌了

去把水仙接下来的剧本移植完 = =|||
引用

斑斓@2009-04-21 12:34

引用
最初由 御主人様 发布

去把水仙接下来的剧本移植完 = =|||


吃饭去,回来谈
重要我不会,你愿意教我倒可以帮忙
引用

御主人様@2009-04-21 12:42

这一次更新的幅度非常大，剧本系统可以说是改头换面
当然，是向好的方向……
同样，先放置水仙的剧本

引用







logo.png



btitle.jpg



title.jpg
title.jpg
umi13.wav



atitle.jpg



一段灿烂的回忆…
一个冬日的故事…
c001.jpg
n001.mp3
@



□ 1996年 春 濑津美 □
c002.jpg
rain01.wav



c003.jpg
n04.mp3




濑津美
「…从小时候起，我的身体就很虚弱…」
c006.jpg
n002.mp3



@
但是，我也拥有和其他孩子一样的小学时代，
那时到了暑假，我也会在外边一直玩耍到皮肤被晒黑。



6月…在我刚刚进入初中的那年。
c004.jpg



6月…在我刚刚进入初中的那年。
在我满怀兴致地订购了体育课泳装的第二天。



那一天，我头一次尝到了住院的滋味。



那是第一学期期中考试之前，
梅雨降临不久后的一个寒冷刺骨的日子。



下着梅雨的苍白的天空。
c005.jpg
rain01.wav



当然，在最初的日子里，
班里的同学们几乎每天都会来探望我。



出院的时候，
她们也会利用周末到我家里来玩。



…但是，这一切都只发生在最初的日子里而已。



秋去冬来，四季流转，
住院，出院，检查…之后再次住院。我的生活也在单调地轮回着…
c006.jpg



那些曾经被我当作「朋友」的同学们。



在不知不觉中，慢慢地变成了「熟人」。



最终，渐渐地，成为了「陌生人」。



随着岁月的流逝，我的身影也在她们的记忆之中逐渐变淡…
最终消失无痕。




濑津美
「…看来，她们似乎「不喜欢」我」
c007.jpg
n003.mp3



「对普通人来说，我的存在只是一个累赘」
n004.mp3



「所以…才会被人们从记忆中抹去…」
n005.mp3



「在这个只看得到自己的世界里…
我送走了不知多少个季节…多少次下着梅雨的苍白天空…」
c005.jpg
n006.mp3
rain01.wav



「我的英文教科书，
自从1年级的期中考试以后，就再也没被翻开过」
n007.mp3



「…从那时起…
c008.jpg
n008.mp3



「…从那时起…我的时间就静止了」
n009.mp3



@
c009.jpg



□ 2009年 春 演示结束 □



1
□ 单击画面以返回最初 □




这一次的剧本改动之处在于重新写了读入机制
现在允许一个标签为空（之前会报错）
大幅度的压缩了剧本体积和编辑难度，快快，谁快来夸奖我吧~

好吧，老样子接下来是标签说明
其实变动不大的说 = 3=

剧本的所有内容必须放置在根标签下
每一步的剧本放置在标签内

logo.pnglogo图，填写图片路径即可。操作同背景，不过是浮现在最前端。自带一个淡入效果。
1//剧本状态判定标签，一般填写"@"，只要不为"@"，剧本就会结束。具体结束方式有两种。当标签值为"0"时，剧本进行至此会出现选项；为其它值时，即直接转入lines文件夹下同名剧本文件（即当为2时，就直接过渡到"lines/2.xml"的内容）。同时，默认的最初剧本名称必须为"1.xml"。
@//选项A的文字，直接输入文字即可。
@//选项A的链接，会在点击选项A后跳转到相应的剧本。（例如为"继续"，为"5"，那么就会出现"继续"的选项，选择后跳转"5.xml"的剧本内容。）
@//同。
@//同。这四项只有在值为"0"时才会生效，且四项中任意一项值为"@"，都会导致整体失效。
@//对话框上的人物姓名，直接输入即可。当此项为"@"时，人物姓名框会消失。
□ 单击画面以返回最初 □//对话框中的内容，直接输入。当值为"@"时，对话框会消失。当值为"^"时，会在一小段时间后进行自动点击。
@//左侧立绘。值为"@"时消失（实际上是载入了img文件夹下的空白图片"none.png"）。
@//右侧立绘。同上。
@//居中立绘。同上。
@//背景效果。显示在立绘和背景之间。"@"即消失。
@//中层背景。同上。
^//bgm，直接输入文件名即可。例如值为"bgm.wav"时即播放audio文件夹下的bgm.wav。循环播放。
@//语音。同上，不过仅播放一次。
@//效果音，例如开门声之类。仅播放一次。
^//效果音，例如潮声之类。循环播放。

另外有两个通配符"@"和"^"。
@代表空，大部分标签都能够使用@来表示空集。
^代表延续上一步。例如相同的背景，只用输入一次，之后都使用"^"标记即可。bgm和bgse的标记上常常要使用此标签，否则将导致每一步的音频都从头开始播放。

当一个标签不书写时，大部分情况将会被视作"^"。（和除外，会被视作"@"）
也就是说，现在只需要写操作部分就OK，没有必要一次次重复无用部分了。

另外文件结构上，剧本文件夹内共有3个文件夹——"lines"、"img"和"audio"，
lines是剧本文件夹，必须保证其中有名为1.xml的默认剧本文件；
img为图片文件夹，其中必须有名为none.png的空白图片；
audio为音频文件夹，其中必须有名为none.mp3的空白音频。
个人可以在这三个文件夹下自设子目录，使用时带上子目录路径即可。
如"1.jpg"调用img下的1.jpg，"char/1.gif"则调用img下的char文件夹内的1.gif。

基本构成就是这样，以上。

有些东西忘记说了，补充一下
立绘的尺寸为300*600px，背景之类的图尺寸为800*600px
所有的图片都不会拉伸或者重复
在img目录下还需要以下图片
dialogbox.png（800*180px，对话框样式）
dialogchar.png（160*60px。对话框人物姓名栏）
bson.png
bsoff.png
bsdown.png（这三个都是25*25px，分别是鼠标在箭头上时，鼠标离开箭头时和鼠标按下箭头时）
playon.png
playoff.png
playdown.png
pauseon.png
pauseoff.png
pausedown.png（同样25*25px，懒得做的人直接复制就可以了）

剧本文件夹下有custom.css，有能力的同学可以自行修改
水仙的custom.css如下
引用
@charset "utf-8";
#stage{background:#000 url(img/btitle.jpg)!important;}

#backspace{background:(img/bsoff.png);}
#pnp{background:(img/playoff.png);}
#dialogbox{background:url(img/dialogbox.png);}
#dialogchar{background:url(img/dialogchar.png);}

#lines{color:#fff!important; text-align:left; margin-left:50px!important; margin-top:25px!important;}
#char{color:#fff!important; text-align:center; font-size:105%; padding:0; margin:15px;!important}
#lines:after{content:url(img/yuki.gif);}
#lines:first-letter{font-size:150%;}
#world{border:1px #000 solid;}


该css文件的存在目的是为了更改整体样式，非常有能力的同学可以通过custom.css修改gal根目录下ushio.css的默认样式到自己喜欢的样子
这是ushio.css的代码

引用
/*ushio*/
/*御主人様*/
/*2009.4.24*/

/*世界*/
body{width:800px; height:600px; background:#fff; padding:0; margin:0; overflow:hidden; z-index:-99}
#world{width:800px; height:600px; width:100%; padding:0; margin:0; background:transparent; z-index:-97;}
#stage{width:800px; height:600px; padding:0; margin:0; background:#fff; z-index:-96;}
#logo{width:800px; height:600px; padding:0; margin:0; background:transparent; position:absolute; left:0; top:0; z-index:90;}
/*世界*/

/*类*/
.backdrop{width:800px; height:600px; background:transparent; position:absolute; padding:0; margin:0; left:0; top:0;}
.effect{width:800px; height:600px; background:transparent; position:absolute; padding:0; margin:0; left:0; top:0;}
.character{width:300px; height:600px; background:transparent; position:absolute; padding:0; margin:0; top:0;}
/*类*/

/*人物组*/
#rch{left:400px; background:left top no-repeat; z-index:4;}/*次右端人物*/
#lch{left:100px; background:left top no-repeat; z-index:4;}/*次左端人物*/
#mch{left:250px; background:left top no-repeat; z-index:5;}/*居中人物*/
/*人物组*/

/*背景组*/
#mbd{background:left top no-repeat;position:absolute; left:0; top:0; z-index:1;}
#bbd{background:left top no-repeat;position:absolute; left:0; top:0; z-index:0;}
#feffect{left top no-repeat; position:absolute; left:0; top:0; z-index:3;}
#beffect{left top no-repeat; position:absolute; left:0; top:0; z-index:2;}
/*背景组*/

/*对话框*/
#dialogbox{width:800px; height:150px; left:0; top:450px; padding:0; margin:0; background:transparent center top no-repeat; z-index:10; position:absolute; display:none;}/*对话框*/
#dialogchar{width:150px; height:50px; position:absolute; left:50px; top:405px;; padding:0; margin:0; background:transparent left top no-repeat; z-index:11; display:none;}/*人物姓名框*/
#lines{color:#000; text-align:left; margin-left:35px; margin-top:60px;}/*对话*/
#char{color:#000; text-align:center; font-size:105%; padding:0; margin:10px;}/*人物姓名*/
.choice{color:#000; text-align:center; font-size:125%; cursor:pointer; padding:0; margin:25px;}/*选项*/
#choices{width:800px; height:400px; position:absolute; left:0; top:100px; background:transparent; margin:0; padding:0; z-index:98; display:none;}
.chtab{width:800px; height:200px; left:0; top:0; background:transparent; padding:0; margin:0;}
#chatab{width:250px; height:50px; position:absolute; left:100px; top:400px;}
#chbtab{width:250px; height:50px; position:absolute; left:450px; top:400px;}
/*对话框*/

/*触摸板*/
#touchboard{width:800px; height:600px; position:absolute; left:0; top:0; padding:0; margin:0; background:transparent; cursor:pointer; z-index:97;}
#backspace{width:25px; height:25px; position:absolute; left:0; top:0; padding:0; margin:0; background:transparent left top no-repeat; cursor:pointer; z-index:99;}
#pnp{width:25px; height:25px; position:absolute; left:25px; top:0; padding:0; margin:0; background:transparent left top no-repeat; cursor:pointer; z-index:99;}
/*触摸板*/

/*声音*/
.sound{width:0; height:0;}
/*声音*/


另外剧本文件夹下有一setting.xml
用来配置剧本
水仙的配置文件如下

引用


Narcissu
narcissu
narcissu


指明剧本的名称（会在浏览器的标题栏显示） <br /><path>指明路径（也就是剧本文件夹的名称。必须放置于gal下的opera文件夹内） <br /><ver>是gal的版本号，不同版本的gal将通过载入不同的组件来运行。以避免旧剧本不能在新系统上跑的问题。当前版本尚未决定。 <br /> <br /> <br />大概就是这样了，这次还加入了一个自动播放的按钮。 <br />同时关闭了FireFox上的声音。 <br />接下来大概会解决存档和声音问题，尽快放出一个发放版本。 <br />嗯嗯。<div><a href="post.php?action=quote&fid=11&tid=510754&pid=19512578&article=6&page=1">引用</a></div><hr /><p class="b"><p><p class="green">lawsherman@2009-04-21 18:10</p>申请 苦力+1<div><a href="post.php?action=quote&fid=11&tid=510754&pid=19513346&article=7&page=1">引用</a></div><hr /><p class="b"><p><p class="green">Galaxy001@2009-04-21 18:42</p>带语音，不错，就是网速。 <br />换aac音频吧。<div><a href="post.php?action=quote&fid=11&tid=510754&pid=19513459&article=8&page=1">引用</a></div><hr /><p class="b"><p><p class="green">御主人様@2009-04-22 21:36</p><blockquote class="blockquote3"><div class="quote">引用 </div><div class="text"><i>最初由 lawsherman 发布</i> <br /><b>申请 苦力+1 </b></div></blockquote> <br />来吧来吧，苦力来多少收多少 XSK<div><a href="post.php?action=quote&fid=11&tid=510754&pid=19516962&article=9&page=1">引用</a></div><hr /><p class="b"><p><p class="green">御主人様@2009-04-25 09:27</p><blockquote class="blockquote3"><div class="quote">引用 </div><div class="text"><i>最初由 Galaxy001 发布</i> <br /><b>带语音，不错，就是网速。 <br />换aac音频吧。 </b></div></blockquote> <br />换用了低频之王的wma <br />在低于64k（我压制到了48k）的低频下 <br />wma的表现是最好的了<div><a href="post.php?action=quote&fid=11&tid=510754&pid=19522901&article=10&page=1">引用</a></div><hr /><p class="b"><p><p class="green">lawsherman@2009-04-25 10:30</p>看到效果已经出来了，真不错 <br />_____ <br />文字动画的速度是不是慢了点？<div><a href="post.php?action=quote&fid=11&tid=510754&pid=19522979&article=11&page=1">引用</a></div><hr /> | <a href="#top">TOP</a><body></html>