Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
かわずと! 第19回「吉里吉里講座」    非プログラマ向けノベルゲーム制作のススメ
この放送では• 吉里吉里を使って、  ごく基本的なノベルゲームの形を作る• 本格的なノベルゲームを作るためのとっかかり
やること• てか、吉里吉里ってなによ?• 文章を表示して操作する• 背景と立ち絵を表示する• レイヤーの概念とその使い道• BGMと効果音を鳴らす• Config.tjsをいじって俺色に染め(ry
吉里吉里ってなによ?• 読み方は「きりきり」• ノベルゲームや  アドベンチャーゲームを  作るためのツール ダウンロードページ (吉里吉里公式ページ内) http://kikyou.info/tvp/
実際に吉里吉里が    使われているゲーム            「Fate/stay night」「送電塔のミメイ」
同じことができるもの• Nscripter   o 「ひぐらしのなく頃に」「うみねこのなく頃に」「ナルキッソス」• コミックメーカー• Yuuki! Novel• XNovel
吉里吉里じゃないと     ダメなんです• できることの幅が広い o マークアップ言語「KAG(KirikiriAdventureGame)」、   スクリプト言語「TJS」の2つの言語 o KAGだけで作れる o 慣れてきたらTJSでもっとす...
比較的難しいらしい?
まずはその幻想をぶち殺す
てなわけでちといじってみましょう
まずは……ググるッ!   そして出す!
ここで君らに問いたい  今の手順、面倒くさくはないか?
お便利ツール「KKDE」• VisualStudioのようなもの  (公式ではなく、有志によるツール)• プロジェクト作成や実行、  コーディングを楽にしてくれる• デバッグや動作確認の手間を省くため、  このツールを使っていきませう     ...
とりあえず文章を表示・操作してみよう
よく使うタグ• クリック待ちをする       [l] o クリックをするまでテキストを止めておく• 改行をする   [r]• ページを変える       [cm]
背景と立ち絵表示• 背景を表示するには  [image storage=“(ファイル名)" layer=base page=fore visible=true]と記述• 立ち絵を表示するには  [image storage=“(ファイル名)" ...
レイヤーってのは• IllustratorやPhotoshopのように、  すべてレイヤーで管理されている  たとえばこの画面を  ばらしてみると……
レイヤーってのは                                            吉里吉里本体        「あ・ん・た・ね・え……」          左手にヴァイオリンケースを持って肩からトートバッグを提げた西園  ...
レイヤーには       表と裏がある……• 背景を表示するには  [image storage=“(ファイル名)" layer=base page=fore visible=true]と記述                          ...
なんでこんな面倒くさいこと覚えるの?• 立ち絵を複数表示する• 背景や立ち絵をスムーズに変える
BGMと効果音を鳴らす• BGMを鳴らすには     [playbgm storage=“(ファイル名)" loop=true]  こう書く• SEを鳴らすには                [playse buf=0 storage=“(ファ...
セーブしたリ      ロードしたり• セーブすることを「栞をはさむ」、  ロードすることを「栞をたどる」と呼ぶ• セーブするための「セーブ可能なラベルタグ」を書く• 「セーブ可能なラベルタグ」より後まで読んでセーブ
なんかノベルゲーっぽく  なって……きた?
なんか足りなくね?
選択肢!
選択肢[link target=*s1]• 択肢1[endlink][r]                 選[link target=*s2]• 択肢1[endlink][r]                 選[link target=*s...
別のファイルに飛ぶ[jump storage=“(飛びたいシナリオファイル名)"]
Config.tjsをいじって        俺色に染める例えば……• 画面サイズを800*600にする• 縦書きにする  o 638行目「vertical = false」を「vertical = true」にする• ビジュアルノベル形式にす...
いろいろなKAGタグを操る    &TJSを使うことでさらに調教!                                                        TJSリファレンス           KAGリファレンス    ...
Upcoming SlideShare
Loading in …5
×

かわずと!第19回放送『吉里吉里講座』スライド

2,092 views

Published on

  • Be the first to comment

  • Be the first to like this

かわずと!第19回放送『吉里吉里講座』スライド

  1. 1. かわずと! 第19回「吉里吉里講座」 非プログラマ向けノベルゲーム制作のススメ
  2. 2. この放送では• 吉里吉里を使って、 ごく基本的なノベルゲームの形を作る• 本格的なノベルゲームを作るためのとっかかり
  3. 3. やること• てか、吉里吉里ってなによ?• 文章を表示して操作する• 背景と立ち絵を表示する• レイヤーの概念とその使い道• BGMと効果音を鳴らす• Config.tjsをいじって俺色に染め(ry
  4. 4. 吉里吉里ってなによ?• 読み方は「きりきり」• ノベルゲームや アドベンチャーゲームを 作るためのツール ダウンロードページ (吉里吉里公式ページ内) http://kikyou.info/tvp/
  5. 5. 実際に吉里吉里が 使われているゲーム 「Fate/stay night」「送電塔のミメイ」
  6. 6. 同じことができるもの• Nscripter o 「ひぐらしのなく頃に」「うみねこのなく頃に」「ナルキッソス」• コミックメーカー• Yuuki! Novel• XNovel
  7. 7. 吉里吉里じゃないと ダメなんです• できることの幅が広い o マークアップ言語「KAG(KirikiriAdventureGame)」、 スクリプト言語「TJS」の2つの言語 o KAGだけで作れる o 慣れてきたらTJSでもっとすごいものを作れる
  8. 8. 比較的難しいらしい?
  9. 9. まずはその幻想をぶち殺す
  10. 10. てなわけでちといじってみましょう
  11. 11. まずは……ググるッ! そして出す!
  12. 12. ここで君らに問いたい 今の手順、面倒くさくはないか?
  13. 13. お便利ツール「KKDE」• VisualStudioのようなもの (公式ではなく、有志によるツール)• プロジェクト作成や実行、 コーディングを楽にしてくれる• デバッグや動作確認の手間を省くため、 このツールを使っていきませう 配布元「PORING SOFT .NET」 http://www.poringsoft.net/?page_id=42
  14. 14. とりあえず文章を表示・操作してみよう
  15. 15. よく使うタグ• クリック待ちをする [l] o クリックをするまでテキストを止めておく• 改行をする [r]• ページを変える [cm]
  16. 16. 背景と立ち絵表示• 背景を表示するには [image storage=“(ファイル名)" layer=base page=fore visible=true]と記述• 立ち絵を表示するには [image storage=“(ファイル名)" layer=1 page=fore visible=true] と記述
  17. 17. レイヤーってのは• IllustratorやPhotoshopのように、 すべてレイヤーで管理されている たとえばこの画面を ばらしてみると……
  18. 18. レイヤーってのは 吉里吉里本体 「あ・ん・た・ね・え……」 左手にヴァイオリンケースを持って肩からトートバッグを提げた西園 寺玲於奈が、俺の前で仁王立ちしていた。 メッセージレイヤ背景レイヤ 前景レイヤ
  19. 19. レイヤーには 表と裏がある……• 背景を表示するには [image storage=“(ファイル名)" layer=base page=fore visible=true]と記述 表に設定する から「fore」• 立ち絵を表示するには [image storage=“(ファイル名)" layer=1 page=fore visible=true] と記述 裏に設定するなら「page=back」と書く [image storage=“(ファイル名)" layer=1 page=back visible=true]
  20. 20. なんでこんな面倒くさいこと覚えるの?• 立ち絵を複数表示する• 背景や立ち絵をスムーズに変える
  21. 21. BGMと効果音を鳴らす• BGMを鳴らすには [playbgm storage=“(ファイル名)" loop=true] こう書く• SEを鳴らすには [playse buf=0 storage=“(ファイル名)"] こう書く再生を停止させるタグ音をフェードインさせるタグフェードアウトさせるタグetc…
  22. 22. セーブしたリ ロードしたり• セーブすることを「栞をはさむ」、 ロードすることを「栞をたどる」と呼ぶ• セーブするための「セーブ可能なラベルタグ」を書く• 「セーブ可能なラベルタグ」より後まで読んでセーブ
  23. 23. なんかノベルゲーっぽく なって……きた?
  24. 24. なんか足りなくね?
  25. 25. 選択肢!
  26. 26. 選択肢[link target=*s1]• 択肢1[endlink][r] 選[link target=*s2]• 択肢1[endlink][r] 選[link target=*s3]• 択肢1[endlink] 選[s]*s1ほむほむ*s2まみまみ*s3ボクと契約して(ry
  27. 27. 別のファイルに飛ぶ[jump storage=“(飛びたいシナリオファイル名)"]
  28. 28. Config.tjsをいじって 俺色に染める例えば……• 画面サイズを800*600にする• 縦書きにする o 638行目「vertical = false」を「vertical = true」にする• ビジュアルノベル形式にする o メッセージレイヤのサイズとフォントサイズを変更する o 503行目を編集すれば細かい設定が可能 // ◆ 初期位置 // これらは、position タグのそれぞれ left top width height の属性に対応しま // す。 ;ml = 16; // 左端位置 ;mt = 450; // 上端位置 ;mw = 800-32; // 幅 ;mh = 200-32; // 高さ etc…
  29. 29. いろいろなKAGタグを操る &TJSを使うことでさらに調教! TJSリファレンス KAGリファレンス http://devdoc.kikyou.info/tvp/docs/tjs2doc/contehttp://devdoc.kikyou.info/tvp/docs/kag3doc/ nts/contents/index.html

×