< スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
No. | --.--.-- --. --:--:-- | Edit this archive | Category - スポンサー広告 | コメント(-) | トラックバック(-)

< Voca'clock シリーズ 製作うらばなし その1

2009年の5月中旬あたりだったように思います。
カウンターってあるじゃないですか。たいていの人がブログに設置していると思われる、
訪問者を数えるスクリプト。

その当時は実は、こんなカウンターでした。

2009counter.gif

レイアウトが全然違いますが、上に数字、下にキャラがいるというこの構成は、
いずれVCシリーズを製作するにあたって、受け継がれていくわけですね。
あ、一番左のキャラは旧B★RS。フルみっく伝染歌プレーヤーなどで有名なモトダさんが改変されたもの。
VC2からは現在のeruriさんのものになります。

そこでひとつ自分は思いつきました。
「これらをそのまま時計にできたら面白そう」

ところが、当時の自分はBASICとC++をほんの少しかじっただけの素人の中の素人で、
こんなものを作ろうとして、まず作業環境もどんな拡張子になるのかさえ分かりませんでした。
そこで、年がひとつ下の友達、クルルに話を持ちかけました。
彼は基本情報を難なくパスできるくらい、情報の知識があるし、プログラムの力もありましたから。
ちなみに、このクルルが「くりゅる」の元になった人物です。

まず、最初にテスト用としての時計を作成してもらいました。
そのために自分は画像を全て時計用に新しく作る作業にあたっていました。

そうして製作された時計は、

09/30
12:34:56

みたいな感じでした。これら以外何の機能もありません。
ちなみに最初、秒数のところはB★RS固定でした。
理由として、1秒ごとに色が変わっていたら目が痛いかもしれない、という配慮から。
結局、今みたいな仕様に変化してしまうのですが。

その後、年の下2桁が追加されました。
ひとまず最低限の仕様はこれでOK……
かと思いきや6月29日なのに6月39日と表示されるバグがあったり。

それらのバグを直したところで、一度プロジェクトファイルをクルルから拝借。
さすがはクルルです。しっかり時計のプログラムがされてます。
実際時計を読みこんでくるプログラムはわずか1行で済みます。
そこから個別に時、分、秒とか読みこんでいくのですが、それらを書くのも1行です。

だからあとは、どうやって数字に対応する画像を引っ張ってくるか、という処理になります。
彼はswitch case文というものを使っていましたね。

これを説明すると、
抽選番号1番の人はAに、2番の人はBに、3番の人はCに、4番以降の人はDにお進みください~……
みたいな。

だから、

00~09秒の時は「0」画像を表示、
10~19秒の時は「1」、
……

みたいな処理をしてましたね。
この時にswitch case文を少しかじっていたおかげで、
学校の授業が楽になったりもしました。

現在VC4には時報、30分報、ストップウォッチなどが機能として備わっていますが、
時報と30分報はこの時から存在してました。
これらは自力で作成しました。あとで結局クルルに「なんじゃこれはw」みたいな感じで
内部をかなり書き換えられたのですが。

30分報についてはVC1の機能や仕様のどれか1つを1分かけて説明していくというもの
このような取り組みはVC1にしかありません。だから実はかなり貴重。
ただ、作るのが非常に面倒くさかったのでVC2以降はお蔵入りになってしまいました。
どうしても見たい場合は、VC1を直接見に行ってみてくださいね。このブログから行けますので。

その2につづく。
スポンサーサイト
No.139 | 2011.09.30 Fri. 06:48:28 | Edit this archive | Category - Default | 0 Comment(s) | 0 Trackback(s)

< Voca'clock 4 -Vocaloid Clock 4- 解説

     
Voca'clockの4作目です。

これ自体の貼り付けコードは、




(HTML)

[通常サイズ]

<embed src="http://celeca.pa.land.to/vc4/vocaclock4.swf" width="250" height="300">

[細長サイズ]

<embed src="http://celeca.pa.land.to/vc4/vocaclock4_sl.swf" width="170" height="400">






(Wiki文法)

[通常サイズ]

[[item(http://celeca.pa.land.to/vc4/vocaclock4.swf,250,300)]]

[細長サイズ]

[[item(http://celeca.pa.land.to/vc4/vocaclock4_sl.swf,170,400)]]



…前作ではこの貼り付けコードを使うと、
全キャラクターの中からランダムにキャラが決定されていましたが、
今作ではVOCALOIDのキャラクターしか表示されません

派生キャラクターやUTAUなどのキャラクターを表示させるには、
必ずオリジナル時計ジェネレータに行って、
設定をする必要があります。


また、今回からはID制になったため、貼り付けコードは短くなりました。
そして、主にアメーバブログで横に入りきらないという意見を多く頂いたことから、
どんなテンプレートでも対応できると思われる横の長さが170pxである
細長いタイプも作成しました。


Voca'clock 4 オリジナル時計ジェネレータ ⇒

質問などはお気軽にどうぞ。
No.138 | 2011.09.20 Tue. 09:22:17 | Edit this archive | Category - Voca'clock 4 | 11 Comment(s) | 0 Trackback(s)

< ようやく



こんな感じで仕上がりました。

ジェネレータページは今回はPHPやjavascriptが大変入り組んだ仕組みになっているため、
公開するのはトップページだけということで。

こちらから。 → 

機能や仕様についてはそのページにちゃんと書きこんだつもりでいますので、
わざわざこちらに書きなおすこともないでしょう。

朝起きたらブログパーツ.comとかにまた出向いてこようかと思います。
まだ色々やらなければいけないことは残っているんですよね。

どれくらい視力落ちたかしら。
No.137 | 2011.09.20 Tue. 00:00:00 | Edit this archive | Category - Default | 0 Comment(s) | 0 Trackback(s)

< そう簡単には進まない

201109041731.png

時計のシステムはほぼ完成しました。
通常の大きさが右側のやつです。
左側はプラグインの横幅が狭いブログにも貼り付けられるようにした、
縦400x横170pxのバージョンです。

そしてこの時報の絵はFLELE(ふるる)…。
「デスクトップで歌う初音ミク」に使われているミクのイラストです。
これを使うのはVC1以来。
2にも3にも時報はありましたが、個人的に一番好きだったのは1だったということで
今回は当時の時報をリメイクすることにしました。
ちなみにFLELEの作者名は「FLELE作者」でいいらしいとか。びっくり。

あとはドット打ちとHTMLを書いたりする仕事が残っていますね。
PHPのシステムも大方完成したし、あれから1週間程度経ちますが、
大分タスクは減ってきましたね。

昨日あたりから息抜きでBRSを。
しかし戦闘中に使うあるスキルのせいで
BHB(ブラック★ハンマービーター)になっちゃってますけど。
No.136 | 2011.09.05 Mon. 18:44:10 | Edit this archive | Category - Default | 0 Comment(s) | 0 Trackback(s)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。