Ben Chong のすべての投稿

featured_games

HTML5 ゲームを設計する方法

From How to design HTML5 games

HTML5 と用語「クロスプラット フォーム」は、話題言葉と良い理由。
技術の作品 fまたは、スマート フォン、タブレット、ノート パソコンとデスクトップ。
機関、概念を愛しては、ので、任意の web デザイナー who HTML を知っている、HTML5 を理解します。
あなたは、Web デザイナーのためってか。
以上のプロジェクトvolving HTML5 よりプロジェクトをエンドユーザーの対話作成経験の周りの回転このインタラクティブな体験の核心との対話、カジュアル ゲームです。
I ' l この記事でl は、いくつかの切望されたゲームの設計の経験を得ることができる方法を示します。
その目的は、「HTML5 ゲーム デザインします。
あなたの履歴書。
私はゲームが. それは web デザイナーの間で一般的な誤り、ミッドg ゲームは特殊なスキルです。
ゲームを設計する、ゲーム デザインの学校に出席する必要はありません。
よのne は、ゲームをデザインできます。
最初、これを部分に分割してみましょう。
ゲームを構築すると、3 つの主要なステップが必要です。
ゲームの設計 視覚とオーディオ資産を生産 ゲームをプログラミングします。
Web デザイナーとして、経験を得るために最も簡単な方法は、ゲーム自体をデザイン。
ポイント 2、3 の、gency 通常既に指定いるアーティストとプログラマーの仕事のため。
Artw で良いならork、2 は非常に達成可能です。
この資料の目的、1 の手順を説明しましょう。
我々 に e を行う場所ven を開始?彼らのストライプを得るために通過する必要がすべてのゲーム デザイナー 10 の手順を示します。
1希土類元素ゲーム グラフ。
ダウンロードしてトップ 20 のリストにすべてのゲームをプレイします。
これを行うに少なくとも 1 回ごと2 週間。
遊んでいるときは、それぞれのゲームの設計方法を意識します。
どのアニメーション手法ues と力学は使用しては文字はあなたに目立つでしたか。
それはストーリーを持っていましたか。
どのようなディd ゲーム気分にさせるか。
20-30 ゲームの後は、スポット パターンを開始します。
ターに気づくでしょうt コアで、いくつかのゲームは、同じことについて本当にです。
例: 氏族、ブーム ビーチおよび干し草の Da の衝突y は、構築、防御、および攻撃についてです。
単純なゲーム, ゆるい Bir などがわかりますd またはスイング Copters 焦点することができます本当に難しい課題を繰り返す時間の無限数s. 説得力のある物語のいくつかのゲームのフォーカスがページカラーを慎重に設計されていることがわかりますrs。
また、いくつかの奇妙なインディーズ ゲームをちょうど実にランダムが本当に楽しいしているに気づくでしょう! 2)スケッチをする … ' たくさんのそれらのゲームから好きなものをスケッチしました。
Sケッチ文字、地図、メニューおよびユーザー インターフェイス。
気に入った特定の文字はありましたか。
ワシントン州s がしたゲームの一定の角度は興奮して? ここでは 'マット' と呼ばれる文字です。
Hイーズ退屈オフィス男彼の椅子に釘付け: 3) フロー図、フロー図、ステップを説明-で-ゲームのプロセスをステップ実行します。
彼らはユーザーがすべての方法に、ゲームを開始ポイントを記述します。
勝利または損失などの重要なイベント。
このような単純なダイアグラムの開始: mor を得るe 自信を持ってより複雑なフローを簡単なフローに反復処理します。
4) ゲーム デザイン ドキュメントを書く1-3 の手順から何を学んだを使用して nt デザインし、シンプルなゲーム デザイン ドキュメント (GDD) の記述.GDD は基本的に、どのようなゲームはについて読者を指示します。
簡単な例: 我々 の性格を見てみましょう手順 2 で「マット」と呼ばれる、みましょうと言う彼が退屈なオフィス仕事の罠します。
彼は esc キーにしたいです。
サル。
キャッチは、彼は彼のローリング椅子からのみ行うことができます。
G のきちんとしたスケッチを制作しました。
雨の画面。
オフィス デスク マットのエスケープをブロックするために共謀の迷路を示しています。
例として、私たち単純なゲームの目的を作った。
それをエスケープするオフィス迷路を移動します。
つまり、非常に baGDD を sic します。
私たちのゲームは、オフィスを脱出のための完全なフロー図です。
5) 鉄道クロス pはものの考え方と HTML5 ゲーム、それの多くは別のゲームを実行することに帰着します。
画面のサイズは、効率的に。
ここでは市場にあるさまざまなデバイスの要約: iPhone の iP広告, iPod のタッチ, 三星銀河注 3、三星銀河タブレット Google のネクサス、lg 電子、Xiaomi Windows Phone、Windows のノート パソコンは、Mac、リスト上で行く.ばかばかしいか。
しかし、これは大企業が何です。
インディペンデント デザイナーとして、さまざまな画面サイズに合ったゲームをどのように行う設計? Gam を修正します。
e 向き。
どちらでもポートレート モードや風景モードでのみ動作するように、あなたのゲームを設計します。
ほとんどのデバイス動作最も一般的なゲームの解像度を見つけます。
アスペクト比を維持します。
その後、デバイスの解像度に応じて、上下をスケールします。
我々 はアスペクト比 3:4 (縦) または 4 を見つけます。
3 (横) 最も人気のある、かつ効率的です。
軽量で、カジュアルなゲームを設計します。
大部分の行かないy、3 D の MMO ゲーム。
代わりに、楽しい、カジュアルな経験のために行きます。
ゲームは whacki と同じくらい簡単かもしれないng モル、またはプラットフォームの周りジャンプします。
空の下で何もされ公正なゲーム (しゃれは意図) です。
常に高解像度のアートワークを描画します。
少なくとも 2048px のベースラインとして広い。
も縮小する方が簡単です。
それはスケール アップです。
6) 彼らが g に興味があるなら質問あなたの会社 (またはクライアント) のピッチングを開始します。
雨に関連するプロジェクト。
あなたのデザインを見せてください。
あなたの心をピッチします。
GDD を介してそれらを歩いてください。
あなたサメの水槽、安心のようなゲームのアイデアの最初のピッチはできません!チャンスはある、sm を割り当てるよすべてのゲームのための予算します。
予算はありませんより良いデザインを作るおよび手を差し伸べるを続行します。
その他の企業。
リソースがあれば、格安で、独自のゲーム プロジェクトに資金を供給します。
7) プロを検索します。
文法一度ゲーム開発に特化したプログラマを探し始める、予算があります。
Sどのようにそれらのあなたのデザインは、予算を共有し、ビジョンを伝えます。
ほとんどのゲーム開発者が非常にヘルpful。
HTML5 ゲームに精通しているプログラマは、あなたが必要があります。
この人は知っている、どのようにフォーム ファクターのすべての種類のスケールの素敵な何かをコードには。
話し合う"クロスプラット フォーム mindset「プログラマをしています。
8) 粉砕ゲーム自体の開発は週間、そうでない場合は m になりますonths、最初。
血と汗と涙があるでしょうが、それはすべての経験の価値があるでしょう。
それs あなたのゲーム デザインの範囲を最初の pr のため少なくとも非常に、非常に小さい維持する非常に重要ですoject。
9) 仕上げプロジェクトここでのキーワードは、「完了」プロジェクトです。
多くの場合、デザイナーとして、我々 は、完璧なゲームをしたいです。
バグはゼロします。
理想的なルールをゲームのアートを美しく設計されています。
その分を投げるdset 窓の外。
「十分に良い」のために行く。
ゲームは、野生にリリースします。
何も言うそれのようなライブ ユーザーの手の中にあるゲーム。
常に試合後の打ち上げを仕上げることができます。
行われます完璧よりも優れています。
10) あなたのゲームにチェック ユーザーのフィードバックの応答を測定します。
無料のツールを使用します。
Google アナリティクスで、ゲームのビュー、演劇、イベントを追跡します。
街にゲームを設計している場合n の社会的メディアの注目、Facebook が好き、つぶやき、Instagram が好きを分析します。
研究方法あなたのゲームにユーザーが反応しました。
地獄の電子ブックからクライアント: (良いお金を稼ぐ) の支払い地獄・# 8211;のみ $ 15! ソース p img {表示: インライン-ブロック; マルギn-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 体 #pod 体 #browserfriendly pキャスト、div #emailbody p {余白: 0;}