paiza開発日誌paiza開発日誌IT/Webエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。ITエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。プログラミングTweetどうも、まさとらん(@0310lan)です。みなさんは、「ゲーム開発」にご興味あるでしょうか?最近人気の「Unity」みたいな統合開発環境があれば、かなり本格的なゲーム作りが個人でも可能になってきましたが、実はこのような統合型の開発環境をブラウザ上で実現するサービスがいくつか存在します。】ゲームに使う「ステージ」作りをグラフィカルに設定し、キャラのアニメーションやメインのゲームロジック、最終的な書き出しまですべてカバーする統合開発環境が「WiMi5」です。シューティング、RPG、パズル、アクション...など、基本的に2Dゲームならどんなゲームでも制作可能で、すでに多くのユーザーが多彩なゲームを公開しています。開発用のエディタは、2つの画面を切り替えながら作業するように設計されており、「シーンエディタ」と「ロジックエディタ」が搭載されています。「シーンエディタ」では、ゲームで使うステージやキャラクターなどを構築します。マウスによるグラフィカルな操作で配置出来るようになっており、用意されている無料のリソースを使ったり、自分で作った画像なども簡単に取り込めます。スプライトシートを読み込んで、自動的にキャラクターのアニメーションを作成する機能など、便利なツールも数多く用意されています。「ロジックエディタ」では、ゲームとして遊べるようにプログラミングを行うのですが、さまざまな機能を持ったブロックを「線」で繋げていくだけで構築できるようになっているのが特徴です。基本的な「イベント処理」や「ユーザー入力」などはもちろんのこと、「WiMi5」で用意されている「ランキング機能」「ストレージ機能」「ユーザー管理機能」なども同じようにブロックを繋げるだけで簡単に実現します。「課金機能」も搭載されており、ゲーム内でアイテムの購入などを電子決済で行えるように組み立てることも出来ます。中・上級者向けの機能として、JavaScriptでプログラミングを行うことで自分独自の「オリジナルブロック」を作ることも可能なので、開発できるゲームの幅は非常に広いと言えるでしょう。あと、特徴的な点としては「ドキュメント」や「チュートリアル」がとても豊富に揃っている点が挙げられます。Store」へ書き出すことも可能。Android」についても、リクエストボタンをクリックすることで、WiMi5のスタッフがオンラインで「Xcodeプロジェクト」や「apkファイル」に書き出してくれるサービスもあります。「3Dゲーム開発」と言えば、人気のゲームエンジン「Unity」を思い浮かべる人も多いと思いますが、似たような操作感覚で開発できるのがコチラの「PlayCanvas」です!現在もバージョンアップが続いているせいか、ブラウザ上で動いているとは思えないくらい安定性のあるリッチな開発環境が手軽に利用でき、3Dゲーム以外にも最近人気の「VRコンテンツ」の開発も行えるようになっています。開発エディタは、「プレビュー&テスト」がしやすく、また各オブジェクトのパラメータも編集しやすい設計になっています。「ステージ構成」の組み立てや「3Dオブジェクト」の細かい調整など、ほとんどの作業をマウス操作で行えるようになっており、キーボードショートカットキーを組み合わせればさらに効率よく作業が進みます。「3D物理演算」「当たり判定」といった主要機能も、3Dオブジェクトに各コンポーネントを追加していくだけで利用できる設計になっています。「アセットストア」のようなサービスも搭載されており、他ユーザーが作成した3Dオブジェクトを自分のプロジェクトへ手軽にインポート出来るのは便利です。基本的なゲームロジックに関しては、専用のコードエディタにJavaScriptで書いていきます。「コードエディタ」は別タブで開くようになっており、シンタックスハイライトやコード補完なども装備されているので意外に使いやすいです。完成したゲームは、PlayCanvasのサーバーに公開することが可能で、URLをシェアするだけで友人・知人に遊んでもらえるのは便利でしょう。多くのユーザーが作品を公開しているのでご興味ある方はぜひチェックしてみてください!「PlayCanvas」ユーザー作品ちなみに、「PlayCanvas」の開発環境を使わずに、ゲームエンジン単体で利用できるJavaScriptライブラリも公開されています。】こちらは開発環境と言うよりも自作ゲームを投稿&共有できるプラットフォームに近いのですが、簡単に「アクションゲーム」や「ノベルゲーム」を開発できる機能も搭載された珍しい国産Webサービスです。「PLiCy」で開発したゲーム以外にも、「RPGツクール」や「Unity」などで作ったゲームも投稿できるのが特徴で、不特定多数のユーザーにゲームをプレイしてもらい「コメント」や「メッセージ」などをもらうことも可能です。「アクションゲーム」を開発するエディタでは、すべてマウス操作で「キャラクター」や「地形」などを画面に配置しながら作っていきます。敵キャラなどは、配置するだけでさまざまな動きを自動的にしてくれて、仕掛けのある地形やアイテム、ゴール地点、BGMなど、メニューからどんどん追加していくだけでゲームの骨組みは簡単に構築することが可能です。キャラクターに関しては自作のアバターを作ることも可能で、キーボード・タッチ操作にも自動的に対応してくれるので便利です.「ノベルゲーム」を開発するエディタでは、豊富に用意された「背景画像」や「キャラクター」を選択し、自分でシナリオを考えながら組み立てられるようになっています。複雑な条件分岐や、効果的なエフェクト・BGMなどを駆使しながら本格的なノベルゲームが初心者でも簡単に作れるのが醍醐味でしょう。「アクションゲーム」も「ノベルゲーム」もボタン一発で簡単に「PLiCy」のサーバー上へ公開することが可能で、すぐにでも多数のユーザーにプレイしてもらうことが出来ます。公開されたゲーム作品は、ユーザーからのレビューや獲得ポイントなどに応じてランキング化されており、多くの競合作品が日々更新されています。興味深い点としては、PCブラウザだけでなくスマホのブラウザからでもゲーム開発ができるように設計されている点が挙げられます。そのため、スマホひとつでゲームの開発から公開まで完結することが可能で、プラットフォーム内の共有機能からユーザーの評価も同時にチェックできる環境が整うのはスゴイところ...。】こちらは、ちょっと懐かしい「ファミコン風」ゲームが作れる開発環境になっているのですが、ちょっと扱いにクセがあり、しかも何らかのプログラミング言語を触ったことのある経験者向けという位置づけです。扱いは難しいのですが、専用のコードエディタのみで「グラフィックデザイン」「ロジック」「ステージ構築」「HTML書き出し」などが行えるので、慣れると素早くゲーム開発が出来るポテンシャルを秘めています。(そのままWeb上に公開することも可能)開発エディタは、「コーディング」「プレビュー」「コンソール」が1つの画面にまとまっているので扱いやすいです。複数のサンプルゲームが読み込めるようになっており、コードを見るだけでどのようにプログラミングすれば良いのか分かるようになっています。特徴としては、独自の言語仕様によるプログラムでゲーム制作のほぼすべてをカバーしている点です。キャラクターデザインをしたければ、コードエディタでカラーに合わせた数値をプログラミングするだけで完成するというお手軽さ!ステージ構成は、あらかじめ設定した「キャラクター」や「地形」の値を並べていきます。(GUIによるステージエディタも搭載されています)また、ゲームロジックに関しては、基本的な「ルール」を記述していくスタイルで構築していきます。)というようなルールを、1行のコードで表現してどんどん書いていきます。プログラムをゴリゴリ書いていくのが好きな人にはピッタリの開発環境で、ゲームサウンドなども複数用意されているので、手軽にゲームを作ってURLをシェアするだけでいろんな人に自作ゲームを遊んでもらえるでしょう。どんなゲームでも開発できるポテンシャルの高さと、軽快な動作にも関わらず初級者から上級者まで幅広く扱える多彩な機能が魅力です。開発エディタは、「ファイル管理」「プレビュー&テスト」「パラメータ調整パネル」「コードエディタ」などがすべてセットになっています。画面下段には、ゲーム開発において必要となる専用のエディタも起動するようになっています。ようなエフェクトも、専用のパーティクルエンジンを使うことで、ほとんど無限のパターンを構築することができます。キャラクターに「動き」をつける場合も、2D・3D関わらず「ステートマシン」を使えばブロックを繋ぎ合わせるだけで複雑な「状態遷移」を実現できます。JavaScriptを使ったオブジェクトを生成することが可能で、これにより「画面UI」などをまるでWebページを作る感覚で制作することが出来るのは非常に便利です。最近になって充実してきた「アセットストア」も大きな魅力でしょう。3Dオブジェクトはもちろんのこと、さまざまな機能をプログラミングしたソースコードなども公開されており、クリック一発で自分のプロジェクトに組み込むことが出来ます。完成したゲームは、そのままWeb上に公開することが出来るのでシェアするのも簡単でしょう。Create」のゲームエンジンは単体で利用できるJavaScriptライブラリとしても公開されています。Learn」と呼ばれるチュートリアルコースを最初から進めていけば、自然と高度なテクニックを覚えながら本格的なゲーム開発が出来るようになるのでオススメです。Create」公式サイト公式ドキュメント公式YouTubeチャンネル■JavaScriptの学習レッスン動画も公開中!プログラミング学習コースpaizaでは、未経験者でも動画を通してプログラミング等が学べる「paizaラーニング就活パック」を公開しております。ゲーム制作中に「少し手を加えたいな...」「ここだけ変更したいな...」となった場合も、JavaScriptやHTML等を使った基礎的なコードの書き方が理解できていれば、スムーズにクオリティの高いゲームを作ることができます!「paizaラーニング就活パック」は、企業からの「こんな開発スキル・知識を身につけている学生がほしい」という要望と、ITエンジニア志望の学生からの「就活を上手に進めるためにはどうしたらいいのか」という悩みに応えるための特別コースです。学生だけでなく、既卒の方、社会人の方、どなたでも受講いただけます。単純なプログラミングスキルだけでなく、業界・キャリアに関する知識やWeb周辺の知識の習得、選考用ポートフォリオとなるサービス作成までを行える就職特化型の講座内容になっております。youtu.be■まとめ今回ご紹介したサービスの中で、もし自分がイメージしているゲームを開発できそうなモノがあれば、いずれも無料で利用できるので気軽にチャレンジしてみるのが良いと思います。ドキュメントに関しては英語の場合が多いのですが、ほとんどのサービスはYouTubeチャンネルを持っているので動画を見ながら学習するのもオススメです。このように、ブラウザさえあれば今すぐゲーム開発ができるので、ぜひみなさんもオリジナルのゲーム作りに挑戦してみてください!paizaは、技術を追い続けることが仕事につながり、スキルのある人がきちんと評価される場を作ることで、日本のITエンジニアの地位向上を目指したいと考えています。自分のスキルを磨いていきたいと考えている方におすすめなのが「paizaラーニング」。オンラインでプログラミングしながらスキルアップできる入門学習コンテンツです。初心者でも楽しくプログラミングの基本を学ぶことができます。paizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。APIを開発&公開できる「Canonic」を使ってみた!どうも、まさとらん(@0310lan)です!今回は、誰でも簡単に独...2020-10-28登録不要で完全無料!ブラウザだけで完結する静的サイトジェネレータ「T3MPL」を使ってみた!どうも、まさとらん(@0310lan)です!今回は、ブラウザ上で誰...2020-09-29すぐにコードを書いて試せる!オンラインプログラミング実行環境8選StockSnapによるPixabayからの画像こんにちは。記事内に記載している情報は、記事公開時点でのものとなります。reserved.引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。