このページでは、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でも遊ぶことができます。
とにかくそれだけでよい人はこの対応は不要です。
でもせっかくなので、ウェブサイトにアップして、インターネットでたくさんの人に遊んでもらいたいですよね？
初めは恥ずかしいかもしれませんが。
その覚悟がある方は、自分のウェブサイトを作る必要があります。
ウェブサイトを作るためには、レンタルサーバーを借りる必要があります。
レンタルサーバーには無料のものと有料のものがあります。
容量の問題や、急にサービスが終了するといったことがありますので、私は有料をお勧めしますが、最初は無料でもよいです。
というか、この項目はゲーム制作とは少し異なる内容ですので、一旦無視しても構いません。
とりあえずプログラムの作成まででゲームは作れますので。
このページは導入ですので、これで以上です。
詳細は別ページで解説します。
私が作ったゲームはこちら
downplayとは
・・・を控えめに扱う、・・・を軽視する、という他動詞です。
以下の例文で解説します。
A tweet by a top Japanese government advisor downplaying the pandemic and laughing off calls for the Olympics to be canceled is drawing public ire a few days after Japan extended a state of emergency in Tokyo and three other areas until the end of May.(後略)
JapanToday 2021年5月11日記事 より引用
以下が文型です。
A tweetが主語です。
名詞でツイートです。
by a top Japanese government advisor downplaying the pandemic and laughing off calls for the Olympics to be canceled
が、長い修飾語で、A tweetを修飾しています。
byは前置詞で、・・・による、を意味します。
a top Japanese government advisorは、トップの日本人政府アドバイザー、という名詞です。
このアドバイザーによるツイート、という意味です。
downplayは動詞で、・・・を軽視する、を意味します。
ここでは、downplayingという分詞になっています。
the pandemicがdownplayの目的語で、パンデミックを軽視するアドバイザー、という意味になります。
andは接続詞で、そして、という意味です。
laugh offは、・・・を笑って退ける、という意味です。
前置詞のoffには、・・・から離れて、という意味があるため、このような訳になります。
callsは、要求、などを表す名詞の複数形でsが付いています。
for the Olympics to be canceled
for ・・・to～ の形は、・・・が主語で、～が動詞のような関係があります。
オリンピックがキャンセルされる、という意味です。
be canceledという受け身になっているため、キャンセルされる、という意味です。
オリンピックがキャンセルされる要求を笑って退ける、という意味になります。
is drawing が動詞です。
ここでは進行形になっています。
drawは動詞で、・・・を引く、・・・を引き出す、・・・を取り出す、・・・を得る、などの意味があります。
publicは形容詞で、公の、という意味です。
ireは名詞で、怒り、です。
主語はツイートですので、ツイートが公の怒りを引き出している、という意味になります。
a fewで、いくらかの、少しの、を意味します。
fewの場合は、ほとんど・・・ない、を意味します。
days は、日、の複数形です。
いくらかに日なので、2、3日、などの訳になります。
a few days after・・・で、・・・の2,3日後、という意味です。
Japan extended a state of emergency
extendは、・・・を延長する、という動詞です。
a state of emergencyは、非常事態宣言、という名詞です。
日本が非常事態宣言を延長した2,3日後、という意味になります。
in Tokyo and three other areas
東京と3つのほかのエリア、という意味です。
until the end of May.
untilは、・・・まで、を意味する接続詞または前置詞です。
ここでは前置詞として使われています。
the end of Mayは5月の終わり、という意味なので、5月の終わりまで、という訳になります。
********************************
本サイトは、英語学習者が必ず理解できるように全文解説をしています。
以下のように関連した記事を表示できますので、関連した英文を読み、英語のトレーニングをしてください。
このマークはカテゴリーです。
以下に、この記事のカテゴリーが表示されており、クリックすると、この記事と同じカテゴリーの関連記事が表示されます。
このマークはタグです。
以下にこの記事内で解説したポイントを表したタグが表示されており、クリックすると同じポイントを解説している関連記事が表示されます。
コメント