こんにちは。

今回は、作ったCGモードの作り方についてのメモとして、記事にさせて頂きます。

ゲームのツールは吉里吉里です。

じゃあまず、素材作りから。

素材作りで必要な物。

【map.png】

【map_p.png】

【目隠し用の画像】

【スチル】

の４つの画像です。

上の画像の左から、「map.png」「map_p.png」「目隠し用画像」です。

１．map.pngの作り方

map.pngは、作りたいCGモードをpictbearやPhotoshopなどを使って好きに作ってください。

ここではPhotoshopを使って作っていますので、それに沿って解説します。

2.map_p.png（領域画像）の作り方

私は、ここで失敗して4時間もプログラミングと戦うはめになりました。

ここさえ間違わなければ、後は簡単です。

他にも応用できます。

作り方ですが、

最初に作った「map.png」のクリックできる範囲の場所を赤、緑、黄などの色別で作ります。

この場合、スチルの部分をクリックできるようになります。

ここで注意する点はwindowsインデックスカラー（256色）で制作するということです。

Photoshopでは、スウォッチの設定の一番下にある「windows」を選ぶと、

windowsインデックスカラーがパレットに出てきます。
出てきた色を順番に上の画像のよう、範囲を設定して塗りつぶします。

次に、「イメージ」⇒「モード」⇒「インデックスカラー」でインデックスカラーにします。

最後に保存ですが、
クリッカブルマップに使う元画像、ここでは「map.png」ですね。

その「map.png」に【_p】を付け加えた「map_p.png」で保存してください。

「_p」を付けることによってプログラムが自動で読み込んでくれます。

3．目隠し画像

これは、スチル解放条件が達成されていなければクリックして見れないようにするのを防止するカバーみたいな役割の画像です。

画像は、ＣＧモードのスチルが隠れる大きさで作ればいいでしょう。

以上で画像の作り方は終わりです。

プログラミングする際に必要なデータは

【cg.ma（アクションファイル）】

【cg.ks（シナリオファイル）】

の二つです。

１．アクションファイルの作り方

テキストファイルに書いていきます。

内容は、先ほどの「map_p.png」のクリック出来る範囲の、
どの色を触ったら、どこのシナリオへ飛ぶかという設定です。

以下がそのプログラム

1:if(sf.cg01==1){storage="cg_mode.ks"; target="*evcg01";}

2:if(sf.cg02==1){storage="cg_mode.ks"; target="*evcg02";}

3:if(sf.cg03==1){storage="cg_mode.ks"; target="*evcg03";}

4:if(sf.cg04==1){storage="cg_mode.ks"; target="*evcg04";}

5:if(sf.cg05==1){storage="cg_mode.ks"; target="*evcg05";}

6:if(sf.cg06==1){storage="cg_mode.ks"; target="*evcg06";}

では解説です。

1:if(sf.cg01==1){storage="cg_mode.ks"; target="*evcg01";}の意味は

「if(sf.cg01==1)」は、変数「cg01」の中に1の数字が入っていれば、のif関数。

「storage="cg_mode.ks";」は、シナリオファイル「cg_mode.ks」を指定してる。

「target="*evcg01";」は、「*evcg01」を指定してる。

まとめると、

もし変数「cg01」の中に1の数字が入っているならば、

シナリオファイル「cg_mode.ks」の

「*evcg01」の部分に飛ばしてね

っていう意味です。

後は同じ意味で、変数の部分をチョチョイっと変えればいいです。

２．シナリオファイルの作り方

最初の画面を作る時と要領は似ています。

*cg_start
; メッセージ欄を透明にする

[position layer=message0 page=fore opacity=0]

;クリッカブルマップに使う画像を前景レイヤ０に読み込む

;↓レイヤ情報の表ページから裏ページへのコピー

[backlay]

[image storage="map" layer=base page=back]

；↑この時点で、map_p.pngとcg.maは読み込まれています

；↓ここから目隠しの画像を張り付けるプログラムです

[pimage storage="not.png" layer=base page=back dx=32 dy=38 cond="sf.cg01==0"][pimage storage="not.png" layer=base page=back dx=285 dy=38 cond="sf.cg02==0"]

[pimage storage="not.png" layer=base page=back dx=536 dy=38 cond="sf.cg03==0"]

[pimage storage="not.png" layer=base page=back dx=32 dy=248  cond="sf.cg04==0"]

[pimage storage="not.png" layer=base page=back dx=285 dy=248 cond="sf.cg05==0"]

[pimage storage="not.png" layer=base page=back dx=536 dy=248 cond="sf.cg06==0"]

;クロスフェードトランジション

[trans method=crossfade time=500][wt][s]

;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

*evcg01
[image storage="ngm01" layer=base page=back]

[trans method=crossfade time=500]

[wt]

[waitclick]

[jump target="*cg_mode_start"]

;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

*evcg02[backlay]
[image storage="ngm01.png" layer=base page=fore visible=true]

[wt canskip=false]

[waitclick]

[jump target="*cg_mode_start"]

;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

*evcg03

[backlay]
[image storage="ngm01" layer=base page=back]

[trans method=crossfade time=500]

[wt]

[waitclick]

[jump target="*cg_mode_start"]

;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

*evcg04

[backlay]
[image storage="ngm01.png" layer=base page=fore visible=true]

[wt canskip=false]
[waitclick]
[jump target="*cg_mode_start"]

;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

*evcg05
[backlay]
[image storage="ngm01.png" layer=base page=back visible=true]

[wt canskip=false]
[waitclick]
[jump target="*cg_mode_start"]

;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

*evcg06[backlay]
[image storage="ngm01.png" layer=base page=fore visible=true]

[wt canskip=false]
[waitclick]
[jump target="*cg_mode_start"]

;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

では次にプログラムの解説です。

背景画像の指定などは、他のサイトの方がわかりやすく載ってるので、

今回はこのクリッカブルマップの際に使うプログラムについて解説します。

タイトルロゴが新しくなりました。

前のロゴも良かったのですが、若干文字の背景がゴチャゴチャしていたり、字が見えにくいという点もあったため、新しく作り直しました。

前はかわいい感じという風にしていたのですが、

今回はどちらかというとクールでスタイリッシュみたいな感じをイメージして作りました。

前回は瞳と恋以外は黒でしたが、他の文字も色を変えることでより違った感じが出せたのではないかと思っております。

また、すでにロゴが入っているTwitterアイコンも随時変更していきます。

今回の報告は以上です。

ここからは雑記です。

去年Adobeを買ったのですが

本当出来る事が広がりますね！

アフターエフェクトでOP映像作成や、イラレでロゴ作り。

本当色々できます。

シナリオの方が落ち着いたら、ホームページもフラッシュ形式にしようかどうかと考えております。

動きのあるホームページですと楽しいですしね^^

近況ですが、

またシナリオの方も着々と出来上がっています^^

プログラミングは一度作ったことがあるので、なんとかなりそうです。

どうも、お久しぶりです。

企画＆シナリオを担当している抹茶です。

　この度は協力していただいてる方々、又このゲームを心待ちにしていただいている方々に重要なお知らせをさせていただこうと思いツイッターではなくこちらにて書かせていただきました。

　この夏にシナリオを完成させると言っていたのですが、学校や仕事の関係であまりシナリオに手がつけられず、現在まだシナリオの4部構成しているなかでまだ２部までしか進んでおりません。

　出演してくださる方々には元々、今年の夏休みにシナリオを渡しますと言っていたのですが結局間に合わず、又これからの学業の関係や仕事の関係を踏まえたうえで今年中の完成は無理ということが現状です。でも、私は大学生活を全部使ってこの企画に取り掛かりたいと私は思っています。なので遅くても就職活動が始まるまでにはシナリオを完成させるという目標です。ただでさえ出演してくださる方々には長期間待っていただいてる中で大変申し訳ないと思いますが、私の中で納得いくまで考えたシナリオを出演される方々には渡したいので、シナリオの完成の予定的にはこうなってしまうのが現状です。何卒ご理解いただけるようお願いいたします。

　ですが、出演していただく方々にもご都合というものがございますので、もし予定では「ちょっともう出演は無理かな。」と思われた方は抹茶にまでご連絡していただけるようお願いいたします。

　読みにくい文で申し訳ございません。そして、たくさんの方にご迷惑をお掛け致しますが、何卒ご理解のほどよろしくお願い致します。

 ご連絡のほうはmattya@giroro.keroro.comまでお願いいたします。

全キャラ募集完了しました!!!

そして、社長のオーディション締め切りが終わりました。

なんと11人もの方に応募して頂けてもう企画者としては恐悦至極という言葉以外出てこないといいますかなんといいますか。

同じ方が他のキャラにも投稿しているということもあったので結果は全員の締め切りが終わった後にしたいと思っています。

他のキャラクターはまだまだ募集中ですので気になる方はニュースのほうから飛んでいただけると幸いです。

【以下掲示板でのお返事です】

>>ゆえさん

ゆえさん、はじめまして。

ツイッターみみみみ見てるのですか！？ごめんなさい！！

なんかずっと変な発言ばっかりしてて本当ごめんなさいorz

そしてお祝いの言葉ありがとうございます!!!

こちらも皆さんの期待に添えるよう頑張っていく所存でございます!!!

コメントありがとうございました！

>>セト羅さん

セト羅さん初めまして。

妹さんよくやった!!!と伝えておいてくださいｗ

私も今までずっと「畜生、なんでオッサンを落とすという発想のゲームは無いんだ。オッサンをディスってるとしか思えない」だったのでもう自己満でもいい作ってしまえ。妄想を吐きだしてしまえ!!という感じで企画を立ててすごいたくさんの方の目に触れるようになって大変驚いてますｗ

母にも「うわぁ・・・（駄目だこいつ。早くなんとかしないと。）」という心の声が漏れてきてるなかでしたので応援メッセージを頂けるとオッサン好きの同志がいる！という気持ちになって頑張れます。

私もご期待に添えるよう全力でゲーム作り頑張らせていただきます！

コメントありがとうございました！

>>如月さん

如月さん初めまして。

個性豊かなキャラクターと言って頂けてとっても嬉しいです。

他の方のコメントで「顔が一緒じゃね？」とかコメントもありましたので、やっぱり個性あんまりでなかったかなぁと不安でしたので^^;

こちらも皆様に早く遊んでいただけるよう頑張らせていただく所存ですのです！

コメントありがとうございました！！

>>流雨さん

流雨さんはじめまして！

コメント＆こえ部での投稿ありがとうございます!!

とても素敵な声でした。審査にしばし時間がかかりますのでお待ちいただけると嬉しいです。

みんなオッサンっていうのが今までなかったのでついカッとなってやってしまいました^^;

もう皆さんの応援なっての企画に近いのでコメントを頂けるだけでもう嬉しいやらなんやらで恐縮です。

ではではこれで失礼します!

>>ウボァーさん

 ウボァーさん、初めまして。

コメントありがとうございます!!!

オッサン好きで嫌われる・・・ですと!!!?

オッサン好き同志としては許せませんね。

ディスっている方にオッサンの良さを10時間以上語ればきっと向こうも良さをわかってくれますのでぜひやってみてくださいｗｗｗ

ではでは失礼します。 

>>秋良さん

秋良さん、はじめまして！

私も体験版で少々乙女ゲームをやらせていただいたのですが、いやぁ･･･見事にオッサンが攻略できなくてもう枕を涙で濡らしました。

企画を立ち上げた時も自己満で終わればそれで本望という感じでしたのですが、共感して下さる方がたくさんいたのでもう感無量でした。

こんなにも自分と同じことを思ってる人がいる!!!という反面、ゲーム会社なぜ作らないorzという切ない感じもありました^^;

キャラクターも気に入っていただけたようで何よりです!!!

完成したあかつきには是非是非プレイしていただけると嬉しいです。

ではでは、これで失礼します。

2011-02-11

とりあえずサイトは始動しだしました。

本格的に動き出そうかと思っております。