このページでは、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でも遊ぶことができます。
とにかくそれだけでよい人はこの対応は不要です。
でもせっかくなので、ウェブサイトにアップして、インターネットでたくさんの人に遊んでもらいたいですよね？
初めは恥ずかしいかもしれませんが。
その覚悟がある方は、自分のウェブサイトを作る必要があります。
ウェブサイトを作るためには、レンタルサーバーを借りる必要があります。
レンタルサーバーには無料のものと有料のものがあります。
容量の問題や、急にサービスが終了するといったことがありますので、私は有料をお勧めしますが、最初は無料でもよいです。
というか、この項目はゲーム制作とは少し異なる内容ですので、一旦無視しても構いません。
とりあえずプログラムの作成まででゲームは作れますので。
このページは導入ですので、これで以上です。
詳細は別ページで解説します。
私が作ったゲームはこちら
(every) once in a while とは、時々、という意味です。
everyは省略可能です。
onceは名詞で、一度、という意味です。
whileは名詞で、しばらくの間、という意味です。
しばらくの間の一度なので、時々、という意味になります。
以下の例文で解説します。
Every once in a while a case of “aggressive passive-aggressiveness” appears. This is where a perpetrator, instead of confronting the person they have a problem with directly, will resort to something even more drastic to get their message across indirectly.
JapanToday 2021年5月16日記事 より引用
a case of
caseは名詞で、事例、です。
aggressive passive-aggressiveness
aggressiveは形容詞で、攻撃的な、という意味です。
passiveは形容詞で、受動的な、消極的な、という意味です。
aggressivenessは名詞で、攻撃性です。
passive-aggressivenessは、受動攻撃性、という意味です。
攻撃的な受動攻撃性、という意味になります。
受動攻撃性は、直接的にではなく、遠回しに相手を困らせることです。
appearは自動詞で、現れる、という意味です。
時々、受動攻撃性の事例が現れる、という訳です。
This is where
whereは関係副詞です。
先行詞なしで、・・・する場所、という名詞節を導くことができ、this is where・・・の形で、これは・・・の場所だ、という意味になります。
関係副詞whereは場所だけでなく、場合、状況、立場を先行詞として使います。
perpetratorは名詞で、加害者、という意味です。
, instead of confronting the person they have a problem with directly,
は、,～, のように、カンマに囲まれており、補足説明をする挿入文です。
a perpetrator will resort・・・という文章の、perpetratorとwillの間に挿入されています。
instead of・・・は、・・・の代わりに、という意味です。
confrontは動詞で、・・・に立ち向かう、という意味です。
前置詞ofの後ろにいるため、confrontingという動名詞の形になっています。
the person (who) they have a problem with
目的格の関係代名詞whoが省略されています。
関係代名詞の説明はこちら。
problemは名詞で、問題、という意味です。
problem with・・・の形で、・・・に関する問題、という意味になります。
directlyは副詞で、直接に、という意味です。
, instead of confronting the person they have a problem with directly,
は、彼らが持っている問題に関わっている人に立ち向かう代わりに、という意味になります。
will resort to something even more drastic to get their message across indirectly.
resortは、S resort to Oの形で、Oに訴える、Oに頼る、という意味です。
somethingは代名詞で、何か、を意味します。
evenは副詞で、(比較級を強めて)、さらに、いっそう、という意味です。
drasticは形容詞で、極端な、猛烈な、という意味です。
to get は、to 不定詞です。
get O acrossの形で、Oを(相手に)わからせる、という意味です。
indirectlyは副詞で、間接的に、という意味です。
先ほどの,～,の挿入文を抜いた訳は以下です。
加害者は、彼らのメッセージを間接的にわからせるために、よりいっそう極端な何かに頼る。
********************************
本サイトは、英語学習者が必ず理解できるように全文解説をしています。
以下のように関連した記事を表示できますので、関連した英文を読み、英語のトレーニングをしてください。
このマークはカテゴリーです。
以下に、この記事のカテゴリーが表示されており、クリックすると、この記事と同じカテゴリーの関連記事が表示されます。
このマークはタグです。
以下にこの記事内で解説したポイントを表したタグが表示されており、クリックすると同じポイントを解説している関連記事が表示されます。
コメント