ノベルゲーム風CSSテンプレート「桜」

装飾の桜はマウスオーバーでフェードアウトします。

●labelタグを使って選択肢分岐やページ送りをすることで、ノベルゲーム風の画面をHTMLで作ることができるテンプレートです。フリー素材としてご自由にお使いください。

●本文はスクロールできるようになっています。長文が入っているときは一番下までスクロールするとページ送りボタンが出てきます。

●スマホなどの縦長画面とPCとでコードを分けなくても良いレスポンシブデザインです。スマホ向け・PC向けに絞って作ることもできます。

詳細は「画像使用について」を参照

●立ち絵を表示してキャラに会話させたり、アイテムを表示して謎解きゲームを作ったり、絵本や紙芝居にしたり、こういうデザインのホームページとして使ったり、これで何をするかはあなた次第です。

●そのままWebページとして公開したり、ダウンロードコンテンツとしてもお使いいただけます。Chrome,Safari,Firefox,Microsoft Edgeなど、CSS3対応が進んだブラウザ推奨です。

●通常HTML・CSS・Jsその他web系言語で使えるプロパティなら何でも使用可能です。

※例外として キャラ名などを表示する↑の枠(nameWaku)内で見出しタグなど文字や余白の大きさを変えるタグを使用すると、はみ出したりレイアウトが崩れる場合があるので推奨しません

●HTML5とCSS3のみでできていますので、一般的なDLゲーム、ブラウザゲームよりも軽い動作が期待できます。

●必要な道具と材料

・テキストエディタが入っているパソコン(OS不問)

・ブラウザ

・シナリオ

・お好みの画像素材

・音声素材を使いたい人はHTMLの適当なところに自分で挿入して下さい

〈注意事項〉

●HTML5とCSS3の基礎知識がある人向けです。

自分用に試作したものですので、他の人に使いやすいかどうかは保証できません。

●あくまでノベルゲーム風なので、細かいセーブ機能や本格的な操作のあるゲームは作れません。

セーブはブラウザのブックマークで代用できます。

●ゲームのトップメニュー画面にあたるテンプレートは含まれていません。各自お好みで作成して下さい。

Kame-Kame-cssでは他にもデザインテンプレートを扱っていますので、それらをトップメニューとして使うこともできます。