このページでは、Webブラウザゲームの作り方を解説します。
そもそもWebブラウザゲームとは何か？
こういうやつです↓
インターネットを見ていると、ホームページ上でできるゲームがありますよね？
ダウンロードとか無しでできるやつです。
それのことです。
広告と一緒に付いているようなゲームが多いですね。
ゲームを少ししたら広告が表示されてくるものもありますね。
ちなみに上の画像は私が作ったWebブラウザゲームです。
私が作ったゲームは以下にリンクを付けておきます。
このページを読んだ後に試してみてください。
このページを読んでくれているあなたは、少しでもWebブラウザゲームを作りたいと思っているはずですので、さっそく作り方を解説します。
このページは導入ですので、どんな感じで作っていくのか、全体像を説明します。
いきなり小難しい専門用語が出てくると、余計わからなくなりますので。
Visual Studio Codeをインストールする
まずはVisual Studio Codeというアプリをインストールします。
↓のマークのやつですが、知っていますか？
アドレスも付けておきます。
検索すればすぐ出てきますけどね。
https://azure.microsoft.com/ja-jp/products/visual-studio-code/
このアプリはプログラムを書くために使用します。
実際このアプリをインストールしなくても、メモ帳や秀丸やサクラエディタなどのテキストツールでもよいのですが、絶対これの方が使いやすいのでインストールした方がよいです。
インストール手順などは別ページで解説します。
今回は導入ですので概要のみです。
プログラムを書く
これが本題ですね。
プログラムを書いて、ゲームを作ります。
どんな言語を使うのか？
html, css, javascriptの3つです。
何だそれ？そりゃ難しそうだな、無理だ、と思った方。
全く問題ありません(*^^)v
簡単です。
私はプログラミングのプロではありません。
はっきり言って素人です。
私が説明する内容は、プロの方から見ればまるで素人だとすぐにわかることでしょう。
しかし、そんな私でも作ることができました。
私はプログラミングの学校に通っていません。
学習用の教材も見たことがありません。
インターネットで調べながら作りたいものを作っただけです。
だから費用は全くかかっていません。
調べるのに時間はかかったけど・・・(+_+)
なので、簡単に解説できますので、すぐにできるようになると思います。
別ページで解説します。
ちなみに、
htmlというのは、ホームページを作るときに使うやつです。
画面のどこにどんな文字や画像が表示させるかを設定するためのものです。
cssというのは、表示する文字のサイズや色やスペースのサイズなどを設定するために使うものです。
javascriptは、どんな状態になったらどうする、という処理を書くものです。
これが一番プログラミングっぽいかな。
例えば、ボールを地面に落としたら、ゲームオーバーと表示させる、とかです。
ウェブサイトにアップする
ウェブサイトにアップしなくても、自分のPCだけで遊ぶことはできます。
作ったファイルを他のPCで開けば、別のPCでも遊ぶことができます。
とにかくそれだけでよい人はこの対応は不要です。
でもせっかくなので、ウェブサイトにアップして、インターネットでたくさんの人に遊んでもらいたいですよね？
初めは恥ずかしいかもしれませんが。
その覚悟がある方は、自分のウェブサイトを作る必要があります。
ウェブサイトを作るためには、レンタルサーバーを借りる必要があります。
レンタルサーバーには無料のものと有料のものがあります。
容量の問題や、急にサービスが終了するといったことがありますので、私は有料をお勧めしますが、最初は無料でもよいです。
というか、この項目はゲーム制作とは少し異なる内容ですので、一旦無視しても構いません。
とりあえずプログラムの作成まででゲームは作れますので。
このページは導入ですので、これで以上です。
詳細は別ページで解説します。
私が作ったゲームはこちら
英文は以下の5つのどれかの構造で表されます。
第1文型 SV
第2文型 SVC
第3文型 SVO
第4文型 SVOO
第5文型 SVOC
アルファベットは以下の略です。
主語 S(Subject)
動詞 V(Verb)
目的語 O(Object)
補語 C(Complement)
疑問文にする時に、SとVを入れ替えて、Vが最初に来たりします。
主語を省略して命令文にしたりすることがあります。
わざと5つの文型の順番を入れ替えて、言葉の雰囲気を変える”倒置”という語法があります。
日本語でもありますよね。わざと順番を変えることで、何となく雰囲気が変わる感じのもの。
このような例外を除いて、英文は5つのどれかの文型で表されます。
疑問文と命令文はすぐにわかりますが、倒置はいろいろなパターンを知らないとややこしいです。
例外については、今後また紹介します。
5つの文型の形で、文章が完成します。
それに追加して説明するようなものをMで表します。
修飾語 M(Modifier)
それでは1つずつ見ていきましょう。
●第1文型 SV
【訳】私は走る。
これだけで一応文章は完成しています。
以下のような場合は、
【訳】私はバスのために走る。(私はバスに乗ろうとして走る。)
for the busという説明の内容を追加しており、これはMです。
●第2文型 SVC
【訳】彼女は美しい。
S=Cとなります。
●第3文型 SVO
【訳】私はそのミーティングに出席した。
attendedはattend(～に参加する)、という動詞の過去形です。
●第4文型 SVOO
【訳】彼は私にその話を話した。
toldは動詞tellの過去形です。
tellは、S+tell+O1+O2の形で、SがO1にO2を話す、という意味になります。
●第5文型 SVOC
【訳】私は彼を怒らせた。
madeは動詞makeの過去形です。
makeは、S+make+O+Cの形で、SがOをCにする、という意味になります。
********************************
本サイトは、英語学習者が必ず理解できるように全文解説をしています。
以下のように関連した記事を表示できますので、関連した英文を読み、英語のトレーニングをしてください。
このマークはカテゴリーです。
以下に、この記事のカテゴリーが表示されており、クリックすると、この記事と同じカテゴリーの関連記事が表示されます。
このマークはタグです。
以下にこの記事内で解説したポイントを表したタグが表示されており、クリックすると同じポイントを解説している関連記事が表示されます。
コメント