このページでは、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でも遊ぶことができます。
とにかくそれだけでよい人はこの対応は不要です。
でもせっかくなので、ウェブサイトにアップして、インターネットでたくさんの人に遊んでもらいたいですよね？
初めは恥ずかしいかもしれませんが。
その覚悟がある方は、自分のウェブサイトを作る必要があります。
ウェブサイトを作るためには、レンタルサーバーを借りる必要があります。
レンタルサーバーには無料のものと有料のものがあります。
容量の問題や、急にサービスが終了するといったことがありますので、私は有料をお勧めしますが、最初は無料でもよいです。
というか、この項目はゲーム制作とは少し異なる内容ですので、一旦無視しても構いません。
とりあえずプログラムの作成まででゲームは作れますので。
このページは導入ですので、これで以上です。
詳細は別ページで解説します。
私が作ったゲームはこちら
be over the moonとは
大喜びしている、という意味です。
月を超えた状態になるという直訳から、この意味を表します。
以下の例文で解説します。
As a former resident of Whitman Falls who moved to this fair town last year,
I was over the moon when I saw the ad in the local newspaper that Henry’s Bistro was coming here.(後略)
TOEIC(R)L&Rテスト「直前」模試3回分 より引用
【解説】
【訳】
Whitman Fallsの以前の居住者として、Henry’s Bistroがここに来たという広告を地元の新聞で見たとき、私は大喜びした。
asは前置詞で～として、～のようにを意味します。
接続詞としても使われますが、今回はasの後ろが名詞ですので、前置詞として使われています。
formerは形容詞で以前の、前のを意味します。
residentは名詞で居住者を意味します。
ofは前置詞で～のを意味します。
Whitman Fallsは固有名詞なので大文字が使われています。
As a former resident of Whitman Fallsで、Whitman Fallsの以前の居住者として、となります。
whoは関係代名詞です。
who moved to となっており、who と moved の間に主語がないため、主格の関係代名詞です。
関係代名詞について確認したい方は、関係代名詞とはをご覧ください。
先行詞はa former residentであり、人・主格なのでwhoが使われています。
As a former resident of Whitman Falls who moved to this fair town last yearは以下の2つの文が1つになったものです。
As a former resident of Whitman Falls.
A former resident of Whitman Falls moved to this fair town last year.
move to は動詞で～に移動する、～に引っ越すなどを意味します。
fair は形容詞では、公平な、適正な、かなりの、フェアの、美しい、魅力的なを意味します。
副詞では、公正にを意味します。
副詞では以下のように使われます。
The player played fair.
【訳】その選手は公正にプレーした。
fairを副詞として使うのは、基本的にはplay fight actの動詞のみで、それ以外の動詞を修飾する副詞はfairlyを用います。
fairlyも、公正にという意味です。
this fair townは、この美しい町、last yearは去年を意味します。
As a former resident of Whitman Falls who moved to this fair town last year
のwho以下はa former residentを説明しているだけなので、この文章はAs a former residentの前置詞＋名詞で、副詞句となっています。
主節はI was over the moonでSVCの第2文型です。
文型について確認した方は、文型とはをご覧ください。
over the moonは前置詞over＋名詞the moonで、形容詞句になっています。
SVCはS=Cを意味し、私は大喜びしたという訳になります。
when I saw the adのadは、advertisementの略で、名詞の広告です。
in the local newspaperは、地元の新聞の中でという意味を表すため、inが使われています。
thatは、名詞＋that S Vの形で ･･･という～ の同格を表しています。
thatの前の名詞を、that以下の節で説明しています。
that以下のHenry’s Bistro was coming hereという文が完全な分で、欠けていないため、関係代名詞ではありません。
以下は例です。
a report that he stole
stoleは動詞stealの過去形です。
自動詞では、盗みをする、他動詞では～を盗む、という意味です。
自動詞のstealの場合、thatは同格として使用することになり、彼が盗みをしたという報告、という意味になります。
他動詞のstealの場合、thatは関係代名詞と考えられ、彼が盗んだ報告書、という意味になります。
********************************
本サイトは、英語学習者が必ず理解できるように全文解説をしています。
以下のように関連した記事を表示できますので、関連した英文を読み、英語のトレーニングをしてください。
このマークはカテゴリーです。
以下に、この記事のカテゴリーが表示されており、クリックすると、この記事と同じカテゴリーの関連記事が表示されます。
このマークはタグです。
以下にこの記事内で解説したポイントを表したタグが表示されており、クリックすると同じポイントを解説している関連記事が表示されます。
コメント