2018 ソフトウェア設計及び演習用の班Wiki

18::gr08::background

プログラム

下記のプログラムがスタートの背景画像を表示するプログラムである。
このように、プレイ画面(昼と夜)の背景画像も同じように表示させる。

"start-background.css"

@charset "utf-8";

html,body{ height:100%; }

body{

background-image:url(start-title.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:auto 850px;
}

start

<link rel=stylesheet href=start-background.css type=text/css>

スタート画面。
赤ずきんがお花畑で寄り道をしている時、オオカミも一緒に遊びたそうにしている、かわいらしいイメージにした。
また、背景画像や画面のデザインは自分で描画とデザインを行った。

start-title1.jpg



play-day

<link rel=stylesheet href=play-day-background.css type=text/css>

プレイ画面()の背景画像。
スタート画面の赤ずきんとオオカミの絵を取り除き、森の背景画像にした。

start-off-50%1.jpg

play-night

<link rel=stylesheet href=play-night-background.css type=text/css>

プレイ画面()の背景画像。
昼画面の背景の暗くし、昼とは真逆の怖い雰囲気の夜の森の背景画像にした。

night-65%1.jpg


最終更新日:2018/08/08 17:28:32