このページでは、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でも遊ぶことができます。
とにかくそれだけでよい人はこの対応は不要です。
でもせっかくなので、ウェブサイトにアップして、インターネットでたくさんの人に遊んでもらいたいですよね？
初めは恥ずかしいかもしれませんが。
その覚悟がある方は、自分のウェブサイトを作る必要があります。
ウェブサイトを作るためには、レンタルサーバーを借りる必要があります。
レンタルサーバーには無料のものと有料のものがあります。
容量の問題や、急にサービスが終了するといったことがありますので、私は有料をお勧めしますが、最初は無料でもよいです。
というか、この項目はゲーム制作とは少し異なる内容ですので、一旦無視しても構いません。
とりあえずプログラムの作成まででゲームは作れますので。
このページは導入ですので、これで以上です。
詳細は別ページで解説します。
私が作ったゲームはこちら
今まで英語を勉強してきたけど、ぜんぜん上達している気がしない。
英文を見ても全く理解できない。
英語を聞き取れない。
言いたいことを英語で言えない。
TOEICの点数が上がらない。
・
・
・
英語が身につかない理由がわかりますか？
答えは簡単です。
学習量が圧倒的に足りないのです。
でも、こんなことは、誰でも知っています。
知っていて、がんばろうとしています。
それでも身につかない本当の理由がわかりますか？
環境が悪いのです。
継続して学習できる環境が整っていません。
意思を持って環境を整えなければいけません。
意思とは、
何のために英語を勉強するのか、英語を勉強して何を目指すのか、
その目標のために、いつまでにどんな状態まで成長する必要があるのか、です。
まずこの意思を明確にできていないと、スタートラインに立てません。
環境づくり以前の問題です。
本題は環境づくりですが、念のため、意思についても触れておきます。
当たり前ですよね。
いつか英語がペラペラになって外国人と楽しく会話できたらいいなぁ、とか、
いつか有名になって、お金持ちになって、チヤホヤされたらいいなぁ、とか、
・・・無理ですよね。
大学を卒業したら英語教師になる。
そのために、大学2年までに英検1級、TOEIC900点以上を取る。
とか、
30歳で起業して、外国人と提携するグローバルビジネスを行う。
それまでにTOEICスピーキングテスト〇〇点以上を取る。
など、明確にすればするほどよいです。
でも、いきなり明確にできなくても、最初は、英語教師になる、だけでもよいです。
だんだん明確にしていけばよいです。
あまりにもあやふやな状態では、あきらめてもいいやという気持ちにすぐに負けてしまいますのでだめです。
ちゃんと勉強したいという意思をもった状態で、環境づくりが必要です。
①毎日同じ時間に、集中して勉強できる時間を確保する
身の回りには、楽しい娯楽がたくさんあります。
飲み会、食事会、デート、SNS・・・。
これらと比べると勉強は恐ろしく苦しいものです。
いくら意思があっても、いろいろなことをきっかけにモチベーションは低下します。
勉強する習慣がない状態で、時間が空いたからいきなり勉強しようと思っても、なかなかできるものではありません。
勉強するリズムを作ることによって、安定して学習量を増やしていくことができます。
②勉強しやすい状態にする
夜、ベッドの上で暗いなかで、横になりながら勉強することは無理です。
わからない英語に出会った瞬間に眠くなります。
わかっているものでも眠くなりますが・・・。
明るい場所で立って勉強するのがベストです。
私の場合、明るくても座っていると、夜は眠くなってしまうので・・・汗。
机が一つしかなく、勉強をするためには、まず先に片付けを行う必要がある、などの状態は、勉強に踏み出せなくなります。
そもそも勉強は、できれば避けたいと思ってしまうものですが、片付けなどのさらに面倒なものが加わると、余計に踏み出せなくなります。
できるだけ勉強をやりやすくするためには、多少の投資が必要です。
意思を持って、環境が整っていれば、必ず成長できます。
しかし、1日がんばっただけでは何の成長も感じられない長い道のりなので、様々な要因でモチベーションが低下します。
特に、わからない英文に出会った時、どんどんつまらなくなってしまいます。
わからないまま全く解決しないと、挫折しやすくなります。
私は今までいろいろな参考書や問題集を見ましたが、解説を見ても全然理解できないことがよくありました。
訳を書いてくれてありますが、なぜその訳になるのかが理解できませんでした。
そのため私はだらだらと、勉強しているのかしていないのかよくわからない非効率な時間を費やしてきました。
同じようなことで皆さんが挫折しないように、私の記事では様々な種類の英語の例文を取り上げ、全文を解説します。
読めば必ず理解できるようにします。
できれば、上記で整えた決まった時間に記事を読んでください。
どうしても無理な場合は、通勤・通学などのスキマ時間に読んでください。
********************************
本サイトは、英語学習者が必ず理解できるように全文解説をしています。
以下のように関連した記事を表示できますので、関連した英文を読み、英語のトレーニングをしてください。
このマークはカテゴリーです。
以下に、この記事のカテゴリーが表示されており、クリックすると、この記事と同じカテゴリーの関連記事が表示されます。
このマークはタグです。
以下にこの記事内で解説したポイントを表したタグが表示されており、クリックすると同じポイントを解説している関連記事が表示されます。
コメント