はてなブックマーク

作るゲームとしては以下のような簡単なクリックゲームとなります。 プロジェクトの作成 Godotを起動すると、最初に以下のような画面が表示されます。 ここから「新規プロジェクト」を選択して、プロジェクトを新規作成します。 すると「新規プロジェクトを作成」の画面が表示されます。 まずは「参照」をクリックして、プロジェクトを配置する場所を指定します。 場所を指定するダイアログが表示されるので、Desktopなどに移動します。 Windows環境の場合は初期値が マイドキュメント あたりになっているので「↑」をクリックすると Desktop が見つかります。ただ、わかりやすい場所であればどこでも構いません。 指定ができたら「現在のフォルダを選択」で場所を決定します。 場所を指定したものの「空のフォルダを選択してください」という警告が中央に表示されたままとなっています。 これは Godotのプロジェ

この記事は YoYoGamesの公式ブログ 「USEFUL RESOURCES WHEN LEARNING TO CODE WITH GML」 を翻訳したものとなります。 （※意味が取れなかったところは意訳を入れているので、正確な意味が知りたい場合は原文を読むことをおすすめします） この短い技術ブログは、GameMaker Studio 2で Drag and Drop (アイコン) でのゲームの作り方を理解していて、次のステップとして、Game Maker Language (GML) に進みたいと考えている人、またはプログラミング経験のなくで何をすればいいのかわからない人を対象とした記事です。 ここでは具体的なコード例は示しませんが、代わりにどこから始めればよいのか、いくつかの優れた方法を紹介するとともに、優れたGameMakerユーザーによって GameMaker Community

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに この記事は、Unity初心者が2Dゲームの作成に慣れることを目的としたチュートリアルとなります。前回は敵を出現させてクリックすると消えるところまでを作りました。 【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第１回） 【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第２回） ←前回 【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第３回） ←今ココ 今回で演出とシーンの遷移を作り、ミニゲームを完成させたいと思います。 Unityで2Dミニゲームを作るチュートリアル（第３回） パーティクルの追加 たこ焼きが消えるときに演出がないので違和感があります。そこでパーティクルを追加します。パーティクルとは「粒子」の意味で、これをたくさん発生させて演出とする仕組みです。Unityには「Shuriken」というパーティクルシステムが用意さ

はじめに uGUIのSliderを使って、素早くHPバーを作る方法を紹介します。 手順 以下の手順で作っていきます。 Sliderを作成する つまみを削除する バーの色を変える バーのサイズを調整する スクリプトからバーの値を変更する 1. Sliderを作成する メインメニューから GameObject > UI > Slider を選び、Sliderオブジェクトを作成します。すると以下のゲームオブジェクトが追加されます。 実行して、丸いつまみをドラッグすると左右に移動できます。そして、Sliderオブジェクト > Slider (Script)コンポーネント > Value パラメータも一緒に変化することが確認できます。 ただ、HPバーにつまみは不要なので削除します。 2. つまみを削除する HierarchyビューからHandle Slide Areaを削除します。これでつまみが消え

はじめに uGUIで最も使用頻度が高いと思われるButtonの基本的な使い方を紹介します Buttonの作り方 まずはButtonの作り方からです。 メインメニューから GameObject > UI > Button を選択します。 Buttonを選ぶと、Hierarchyビューに、Canvas / Button / Text / EventSystem の4つのGameObjectが追加されます。 以下、簡単な説明です。 Canvas: UIを乗せる領域。これがないとUIは作れない Button: ボタン。ここにボタンの挙動を設定する Text: ボタンの上に乗るテキスト EventSystem: UIイベントスクリプト管理。イベントを拡張したい場合はここに手を入れる 今回は、Buttonのクリック判定ができればいいので、EventSystemはそのまま使います。 ボタンの見た目の挙動

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 自作のローグライクが完成したので、メモ代わりに開発手順をまとめてみました。 開発するにあたり、「ローグライクをつくる15のステップ」をかなり参考にしたので、それがベースとなっています。 Step 1. Decide to write a game (がんばるぞ) この段階では 自分が作りたいローグライク をイメージします。 ローグライクをひたすら遊ぶ トルネコやシレンは、和製ローグライクとしてかなり完成度が高い ので、遊んでなかったら一度遊んでおいた方がよいかも 最新作を手元に置いておくと、悩んだとき参考になる とくにUIのレイアウトと

posted articles:Godot:34%Unity:28%Unity2D:24%GameMakerStudio2:24%Haxe:6%

はじめに この記事は、Unity初心者が2Dゲームの作成に慣れることを目的としたチュートリアルとなります。前回は背景の表示までを作りました。 【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第１回） ←前回 【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第２回） ←今ココ 【Unity2D】Unityで2Dミニゲームを作るチュートリアル（第３回） 今回は敵を表示して動かすところまでを作っていきます。 チュートリアル（第２回） 敵の生成 敵（たこ焼き）を作成します。Projectビューの「Assets/Sprites」フォルダにある tako スプライトを、Sceneビューにドラッグ＆ドロップします。 すると「tako」ゲームオブジェクトが作成されます。Hierarchyビューの「takou」オブジェクトを選択して、もう一度クリックすると名前が変更できま

Unityでタワーディフェンスを作りました。実行サンプルとソースコードは以下のURLから取得できます。 https://2dgames.jp/unity_tower_defense/ ※Unityのバージョンは「5.0.1」なので、それ以降のバージョンでないとプロジェクトは開けません 採用したルール 最近ではいろんなジャンルが混ざり合ったタワーディフェンスが多いですが、今回作ったのは古典的(と思われる)タワーディフェンスのルールを採用しました。 砲台を好きな位置に配置できる ただし敵の経路には配置できない Wave単位で敵が出現する 敵は決まった経路で移動する 敵が拠点にたどりついたらダメージを受ける 3回ダメージを受けたらゲームオーバー 配置した砲台をアップグレードできる タワーディフェンスにおける砲台(タワー)の配置方法は、大きく分けて自由配置型と固定型(敵の移動ルートが決まっている)

やりたかったこと こんな感じで並んでいるローグライク用のモンスター画像を ↓↓↓ こういう並びに変えたかったのですが…… これだけのキャラクターの画像をすべて手作業で処理するのはかなり大変……。 なので、スクリプトで自動化できないかと調べたところ、ImageMagickを使うのがよさげでした。 ImageMagickのインストール Mac環境なのでMacPorts経由でインストールしました。 macにImageMagickをインストール！ Windows環境なら、こちらを参考にインストーラーを使うと簡単にインストールできそう。 ImageMagick インストール やり方 手順 以下の手順で画像を加工することにしました 画像を切り抜いて、1つのキャラ画像に分ける 切り抜いたキャラ画像を連結する 画像の切り抜き 画像の切り抜きには -crop オプションを使います。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事は、Unity初心者が2Dゲームの作成に慣れることを目的としたチュートリアルとなります。 対象読者 対象読者は以下のとおりです。 Unityを使ってゲームを作ろうとしたけれども、よくわからずに放置している Unityで2Dのゲームを作りたい プログラムの知識は多少ある C#を知っていると良い 知らなくてもC++やJavaの知識があればOK ゲームは作ったことがなくてもOK スクリプト言語にC#を使用するので、変数や関数やクラスについての知識が必要となります。できるだけわかりやすく説明したつもりですが、プログラム言語の知

はじめに 前回の「穴掘り法」は、どちらかというと迷路の生成アルゴリズムだったのですが、今回は「不思議のダンジョン」のような部屋が存在するダンジョンを自動生成するアルゴリズムの実装方法を紹介します。 サンプル 実装サンプルはこちらで確認できます。 http://2dgames.jp/unity/dggenerator/ 「もう１回」ボタンを押すごとに、ダンジョンが自動生成されます。こちらのページからUnity2Dで実装したプロジェクトがダウンロードできます。なおソースコードは自由に使って頂いて問題ありません。 実装方法 アルゴリズムのフロー アルゴリズムのフローとしては以下のようになります。 using UnityEngine; using System.Collections; /// 2次元レイヤー public class Layer2D { int _width; // 幅 int

はじめに Unityでサウンドを再生する場合、サウンドリソースをゲームオブジェクトにアタッチする方法が一般的なのかもしれません。ですが毎回オブジェクトにアタッチするのは面倒です。なのでサウンド管理クラスを作ってみました。実装方法は「ゲームつくろー！さんの『Unity編 > サウンド編』ところに書かれている内容」をかなり参考にしていますが、チャンネル指定の再生など少しだけアレンジをしています。 使い方 まずは使い方です。手順は以下のとおりとなります。 サウンドリソースを登録 ロード処理を記述 再生処理を記述 1. サウンドリソースを登録 サウンドファイルをProjectビューの「Assets/Resources/Sound」フォルダにドラッグ＆ドロップします。 このモジュールはこのフォルダからサウンドリソースを読み込むようにしています。 あとInspectorビューのサウンド設定から「3D

はじめに ダンジョンの自動生成では、最もお手軽と思われる穴掘り法を解説します。 サンプル Unity2Dで実装したサンプルはこちらです。 http://2dgames.jp/unity/anahori/ プロジェクトファイルもついています。 メリットとデメリット メリット 穴掘り法によるダンジョンのメリットは以下のとおりです 実装が簡単 通路のどこに入り口と出口を置いても必ずつながる 袋小路が作られることがない 穴掘り法を使うメリットとしては「アルゴリズムが簡単」です。実装のためのプログラムコードとしては100行もかかりませんので、だいたい1時間もあれば実装できます。 また、通路がすべてつながっているので、通路内であれば入り口と出口をどこに置いても必ずつながります。 デメリット サンプルを確認するとわかるのですが、穴掘り法は「不思議なダンジョンシリーズ」のように、大きな空間を持った「部屋」

A*(A-star)アルゴリズムとは A*アルゴリズムとは、探索アルゴリズムの一種です。経路をノードで表現して、スタートノード（開始地点）からゴールノード（目標地点）までの経路を計算し、この経路が最短であることを保証するアルゴリズムとなります。そしてスタートからゴールまでの間に障害物があってもちゃんと迂回してくれます。 サンプル サンプルはこちらのページにあります。 http://2dgames.jp/unity/astar/ ページを開くとランダムでスタートとゴールが決まり、キャラクターがゴールへ向かって動きます。ゴールにたどりつくと、「もう１回」ボタンが表示されるので、それを押すと再びスタートとゴールがランダムで配置されます。 なお、Unity(C#)で実装したプロジェクトつきです。こちらのソースコードは自由につかってもらって構いません。ただし画像の2次使用は禁止します。 A*の実装

今回はインベーダーゲームもどきを作ってみます。 公式のデモはこちらです。 http://haxeflixel.com/demos/FlxInvaders/ ソースコードはこちらですね。 https://github.com/HaxeFlixel/flixel-demos/tree/master/Arcade%20Classics/FlxInvaders/source 今回は画像ファイルを使用するので、こちらからダウンロードします。 https://github.com/HaxeFlixel/flixel-demos/tree/master/Arcade%20Classics/FlxInvaders/assets alien.png（敵画像） ship.png（自機画像） 必要なのは上記2つの画像となります（白い画像なのでプレビューしても何もないように見えますが、プログラムで描画してみると絵

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

こんな感じのイケてない画像を加算合成する方法を紹介したいと思います。 Spriteを作成した直後はデフォルトのシェーダがアタッチされているためこのような描画となっています。 なので、これを加算合成用のものに差し替えます。 Projectビューを右クリックして、「Create > Meterial」を選択し、Materialを新規作成します。作成したらそのMaterialを選択し、InspectorからShaderを「FX/Flare」に変更します。 そうしたら適用したいSpriteのInspectorのSprite Rendererから先ほど作成したMaterialを選択してアタッチします。 これでそのSpriteは加算合成で描画されるようになります。 ###追記 FX/Flareだと、透過値（アルファ値）が変更できないので、「Particles/Additive」または「Particle

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

#Spineとは Spineとは2Dアニメーションを作成するためのツールです。ボーンを入れることで人体のような複雑な動きをさせることも可能で、アクションゲーム向きな印象です。 公式サイト : Spine ゲーム用 2D アニメーション ソフトウェア 対応するゲームエンジンの多さが圧巻で、Cocos2D / Unityはもちろんのことマイナーな環境でも動作するのが魅力ではないかと思います。 ただ日本語の情報が少なく、導入の時点でつまづく人も多いような気がしました。 ということで、今回は基本操作を理解するために、簡単な拡大アニメの作り方を紹介したいと思います。（ボーンの使い方は説明しません） 画面レイアウトの説明 重要な機能に絞って、簡単に画面レイアウトを説明します メニュー : ここをクリックするとプロジェクトの保存やエクスポートができます モード切り替え : 「SETUP」と「ANIMAT