このページでは、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でも遊ぶことができます。
とにかくそれだけでよい人はこの対応は不要です。
でもせっかくなので、ウェブサイトにアップして、インターネットでたくさんの人に遊んでもらいたいですよね?
初めは恥ずかしいかもしれませんが。
その覚悟がある方は、自分のウェブサイトを作る必要があります。
ウェブサイトを作るためには、レンタルサーバーを借りる必要があります。
レンタルサーバーには無料のものと有料のものがあります。
容量の問題や、急にサービスが終了するといったことがありますので、私は有料をお勧めしますが、最初は無料でもよいです。
というか、この項目はゲーム制作とは少し異なる内容ですので、一旦無視しても構いません。
とりあえずプログラムの作成まででゲームは作れますので。
このページは導入ですので、これで以上です。
詳細は別ページで解説します。
私が作ったゲームはこちら
get back とは、帰る、戻る、という意味です。
get back home で、家へ帰る、という意味になります。
この場合のhomeは副詞で、家へ、という意味です。
get back to that placeで、その場所へ戻る、という意味になります。
その場所へ、ということを表す場合は、前置詞のtoの後に場所を表す名詞を置きます。
get back to youの場合、あなたに後で連絡する、という意味になります。
以下の例文で解説します。
“The One Where They Get Back Together” is finally upon us — and the cast of “Friends” will be joined by famous fans from Justin Bieber to David Beckham, HBO Max says.(後略)
JapanToday 2021年5月15日記事 より引用
The One Where They Get Back Together
タイトルのような文章なので、全ての語句の頭文字が大文字になっています。
the oneは代名詞で、直前に出てきた語句について、繰り返しを避けるために用います。
今回の文章では直前に文章がないですが、聞き手が知っているものとして使われています。
whereは関係副詞です。
whereの後の文章で、whereの前の語句を説明します。
関係代名詞と同じようなものですが、関係代名詞が名詞の代わりだったのに対して、関係副詞は副詞の代わりです。
They Get Back thereのthereを削除し、(thereは副詞で、そこに、という意味です。)
the oneに置き換わり、後ろからthe oneを修飾します。
元の文章がもし、They Get Back to the place、だった場合、The One Which They Get Back toというように、前置詞toがあり、the placeという名詞がwhichに置き換わる関係代名詞となります。
The One Where They Get Back Together
togetherは副詞で、一緒に、という意味です。
彼らが一緒に戻る場所、という意味です。
is finally upon us
finallyは副詞で、ついに、最終的に、という意味です。
be upon usで、私たちの上に⇒目前に⇒やってくる、という意味です。
ついにやってくる、という意味になります。
and the cast of “Friends” will be joined by famous fans from Justin Bieber to David Beckham, HBO Max says.
主語はthe cast of “Friends”で、フレンズのキャストは、です。
will be joined by・・・は未来の受け身で、・・・に参加されるでしょう、・・・に加わられるでしょう、という意味です。
famous fansは、有名なファンたち、です。
from A to Bは、AからBまで、という意味です。
ジャスティンビーバーからデービッドベッカムまでの有名なファンたちに加わられるでしょう、という意味になります。
HBO Max saysは、HBO Max が言うには、という意味です。
********************************
本サイトは、英語学習者が必ず理解できるように全文解説をしています。
以下のように関連した記事を表示できますので、関連した英文を読み、英語のトレーニングをしてください。![]()
このマークはカテゴリーです。
以下に、この記事のカテゴリーが表示されており、クリックすると、この記事と同じカテゴリーの関連記事が表示されます。![]()
このマークはタグです。
以下にこの記事内で解説したポイントを表したタグが表示されており、クリックすると同じポイントを解説している関連記事が表示されます。

コメント