NarraLeaf Studio
ビジュアルノベルを仕上げるための制作エディタです。
制作を一箇所にまとめたいチームに向いています。
NarraLeaf Project
現代の手法で作るビジュアルノベル
本格的なビジュアルノベルエディタ
目の前の作業は、どこから始めますか
制作に専念するなら Studio、デスクトップアプリなら NarraLeaf Desktop、既存の Web 製品への組み込みなら NarraLeaf-React です。
NarraLeaf Desktop
ビジュアルノベルを単体のデスクトップアプリとして配布します。
ビジュアルノベル自体が製品となるプロジェクトに向いています。
NarraLeaf-React
物語を既存の React 画面に組み込みます。
物語が製品の一部であるチームに向いています。
NarraLeaf Studio は、執筆と表示を同じ画面に置く
ビジュアルノベルのために設計されたエディタです。最初の一行から発行版まで、道具を変える必要はありません。
物語を書く
本文エディタはキーボード中心。書いた内容が、そのまま隣のステージに映ります。
見た目は自分で決める
プレイヤーが目にする画面はすべて作り直せます。ダイアログボックスの振る舞いまで含めて、既定の見た目に縛られません。
届けるまで
訳文の審査もバージョンの記録も Studio の中で完結し、そのまま発行版を書き出せます。
NarraLeaf Desktop は、コードと動くゲームを並べる
プレイヤーが起動するのは Desktop が作ったアプリです。ウィンドウの扱いも、セーブも、パッケージングも、プロジェクト自身のコードに書かれています。
NarraLeaf-React は、このページの中で動いている
あなたの React 画面と並んで動き、表示はすべて脚本が決めます。
1introScene.background.char("/room.jpg", new FadeIn(600)),
2
3narraImage.show({ duration: 600 }),
4narraImage.transform(
5 Transform.create()
6 .position({ yoffset: -24 })
7 .commit({ duration: 260 })
8),
9
10narrator.say`このシーンは、このページの中から始まる。`
11
12narra.say`セリフにも ${c("色", "#7dd3fc")} を乗せられる。`,
13
14Menu.prompt("次はどこへ進む？")
15 .choose("部屋を移動する", [
16 narra.say`少し場所を空けるね。`,
17 narraImage.hide({ duration: 500 }),
18 introScene.jumpTo(featureScene, new Dissolve(500)),
19 ]),
NarraLeaf-React embedded demo
一つの作品が、ばらばらのファイルに散らばらない
NarraLeaf は制作、デスクトップ、組み込みを並行する経路として分けます。役割は違っても物語そのものは一つのままで、経路ごとに書き直す必要はありません。
NarraLeaf Studio が制作を受け持つ
制作に必要なものが、同じワークスペースにまとまります。
- 01シーンと画面を組み立てるその場で、アセットを管理します。
- 02画面の編集と物語づくりを同時に進めます。
- 03チームの共同作業を制作の現場に残し、道具を渡り歩かずに済みます。
まずはプロジェクト概要から
プロジェクト概要で全体の形がつかめます。細部が必要になったら、隣にドキュメントがあります。