京美同活動ノート

京大美少女ゲーム同好会のブログです。週1より早いペースでの更新が目標です

【15日目】Beamerで簡易的に美少女ゲーを作ってみた。

この記事は新歓ブログリレー15日目のものとして書かれました。他の新歓ブログはこちらからご覧ください。

 

kuvnlovers.hatenablog.com

 

 

はじめに

読者の皆様、こんにちは。魅桜(みお)と申します。

ようこそ、京大美少女ゲーム同好会の新歓ブログへ。

 

さて新入生の皆様、ご入学おめでとうございます。そうでない方も新年度を迎え、心機一転何かに取り組む季節かと思います。私はどこにでもいる普通の理系大学生なので、今年も沢山実験してレポートを大量に書く予定です。

 

大学生がレポートを書くときにWordやGoogleドキュメントなどを用いる方もいらっしゃるかと思いますが、理系なら  \TeX で書く人もきっと多いですよね。

 

 \TeXでスライドを作るパッケージにBeamerというものがあるのですが、今回はそれを使って、簡易的に美少女ゲーを作ってみたいと思います。

(ここでは環境設定などの説明は省略します。さっぱり分からない人はこんなことが出来るんだ、へぇ~ぐらいの気持ちで気楽に読んでください。)

 

本題

制作手順

とりあえず作ってみましょう。

1. 適当な場所に作業フォルダを作る。

2. 使用する画像ファイル(サイズは1920×1080px推奨)を1で作ったフォルダへ入れる。ここでは、次の素材を用います。→みんちりえ(https://min-chi.material.jp/)様より「春の学校(日中).jpg」

3. 同じフォルダ内に以下のコードを書いたtest.texを作成する。*1

\documentclass[dvipdfmx,10pt]{beamer}
\usepackage{bxdpx-beamer}
\usepackage{pxjahyper}
\usepackage{minijs}
\usepackage{tcolorbox}
\tcbuselibrary{skins}
\useoutertheme{infolines}
\usecolortheme{wolverine}
\setbeamercolor{titlelike}{parent=structure,bg=yellow!85!orange}

 

\title{簡易美少女ゲーム制作}
\author{魅桜}

 

\begin{document}

\begin{frame}\frametitle{}

    \titlepage

\end{frame}

 

\section*{設定}

\begin{frame}\frametitle{chapter}

    \tableofcontents

\end{frame}

 

\section{chapter1-}
\subsection{1.新たな出会い}
{
    \usebackgroundtemplate{\includegraphics[width=\paperwidth]
    {春の学校(日中).jpg}}
    \begin{frame}<1-2>

        \vspace{170pt}

        \begin{tcolorbox}[ enhanced,title = ○○,

            attach boxed title to top left = {yshift*=-\tcboxedtitleheight/3}] 

            \onslide<1->{私の名前は○○。}\\

            \onslide<2->{今日から憧れの××学園に入学だ。}\\

        \end{tcolorbox}

    \end{frame}

}

\end{document}

4. 「platex test.tex」を2回して「dvipdfmx test.dvi」する。

5. 完成したpdfファイルで遊んでみる。

 

遊び方

pdfを開いてスライドするだけ。パソコンで遊ぶなら全画面にしてエンターキーや十字キーで操作できます。目次やナビゲーションバーも機能します。

 

Beamerで簡易美少女ゲー1枚目

 

Beamerで簡易美少女ゲー2枚目

 

Beamerで簡易美少女ゲー3枚目

 

Beamerで簡易美少女ゲー4枚目


嬉しいこと

・PDFファイルなのでインストール不要、媒体に依らずに遊べる。

・階層構造があり、ブックマークでSAVE機能が実現可能。

・色々UIを変更できる。

・制作時、発表用のパワポを作成している人にしか見えない。

 

難しいこと

 \TeXやBeamerに慣れるまで作るのが大変。

・音声がつけにくい。

 

最後に

今回はBeamerで簡易美少女ゲーを作ってみました。皆さんもこの機会に是非やってみてください。それでは、良き美少女ゲーライフを♪

 

*1:この記事は編集モードが「見たままモード」で書かれているため引用機能を代用してコードを書いています。 コピペするときは改行を適宜消してください。