Problems With Keyboard Input - HTML5 Game Development Udacity English Japanese

Problems With Keyboard Input - HTML5 Game DevelopmentYouTube↗ IA↗(long shot)
Education 2.8K views 2 likes 1 dislikes 23 Feb 2015

Udacity 651K subscribers United States YouTube↗

Click to Play Video

While it's tempting to respond to the input event inside of the event hamper,

イベントの障害物内部の入力イベントに応答するのは

it's generally considered bad practice to do that. Now to get a better

一般的に悪い習慣だと考えられています

understanding of that, let's look at this representation of a frame over time.

フレームの時間経過を表した図を見てみましょう

Our green boxes represent the update of individual items that exist. And the

緑色の箱は個々のアイテムの更新を表しています

red boxes represent the rendering of those items. Now, let's say, for instance,

赤い箱はそれらのアイテムのレンダリングを表します

the user hits their keyboard which would move the player around. And, let's

ユーザがキーボードをたたいてプレーヤーを動かし

say, that our engine actually gets that call back right here. So, our updating

エンジンがここでコールバックを取得するとします

of the player in a specific position has already occurred, including physic

特定の位置にいるプレーヤーはすでに更新され

engine processing and everything else. While our rendering will now be pulling

物理エンジン処理も終わっています[br]レンダリングによって

data for a new position in the environment. Now what this particular instance

新しい位置のデータが引き出され[br]この特定のインスタンスは

can lead to is an interesting phenomena. This makes a disjoint correlation

面白い現象につながります[br]更新ループとレンダリングループは

between our update loop and our render loop. We can actually be updating our

共通の要素を持たない相関関係になります

environment with the player at this position. Yet rendering with the player at

ここで更新して新しい位置でレンダリングします

this new position. Now while all this may seem minute in a 30-frames or

1秒30フレームか60フレームの環境で計測され

60-frames per second environment. Things get a little cooky once you start

少しあとに取り上げるネットワーク物理学で

factoring in network physics which hopefully we'll cover a little bit later. In

ファクタリングが始まると少し奇妙なことになります

practice the events come out a little bit like this. So, let's say we have a

実際にはイベントがこのように少し出てきます

timeline of events that are going to be passed into our application. In a

これはアプリケーションに渡される[br]イベントのタイムラインで

timeline that represents our update loop. Now what occurs is that we're not

これは更新ループを表すタイムラインです

really sure when the events are going to come to us from the browser. They can

イベントがいつブラウザから渡されるのかは[br]よく分かりません

発生すると

[SOUND] pretty much any time

大体いつも

[SOUND] they want. Now, what happens is, if we respond to them in turn, we're not

こうなります[br]それらに順番に応答していたら

going to have the ability for our update system, or rather, our game code, to

更新システムやゲームコードに

properly be able to react to them. And so what we do is actually store the

適切に反応することができません[br]入力マネージャの内部に

input event data inside of our input manager. So that the update loop, or game

入力イベントデータを格納すれば[br]更新ループやゲームコードはいつでも

code, can query it whenever it wants.

そのデータを問い合わせることができます

Similar videos:

Parsing Tiled Output - HTML5 Game Development
Udacity
3.5K views 2 likes 0 dislikes 23 Feb 2015100% match

ViewRect - HTML5 Game Development
Udacity
3.2K views 3 likes 0 dislikes 23 Feb 2015100% match

Your first canvas - HTML5 Game Development
Udacity
39K views 64 likes 6 dislikes 23 Feb 2015100% match

Loading images - HTML5 Game Development
Udacity
25.1K views 26 likes 2 dislikes 23 Feb 2015100% match

Loading images - HTML5 Game Development
Udacity
30.7K views 69 likes 1 dislikes 23 Feb 2015100% match

Tiled - HTML5 Game Development
Udacity
7.5K views 12 likes 0 dislikes 23 Feb 2015100% match

Loading Sound - HTML5 Game Development
Udacity
4.6K views 6 likes 1 dislikes 23 Feb 2015100% match

Tileset Array - HTML5 Game Development
Udacity
3.4K views 1 likes 2 dislikes 23 Feb 2015100% match

Rendering Texturepacker Output - HTML5 Game Development
Udacity
6.7K views 11 likes 0 dislikes 23 Feb 2015100% match

Course Introduction - HTML5 Game Development
Udacity
95.5K views 413 likes 14 dislikes 23 Feb 2015100% match

Your first canvas - HTML5 Game Development
Udacity
42.8K views 42 likes 2 dislikes 23 Feb 2015100% match

Storytime - Web Developers and Tools - HTML5 Game Development
Udacity
5.6K views 13 likes 0 dislikes 23 Feb 2015100% match

Animation - HTML5 Game Development
Udacity
17.6K views 43 likes 3 dislikes 23 Feb 2015100% match

How We Solve This - HTML5 Game Development
Udacity
14.9K views 27 likes 0 dislikes 23 Feb 2015100% match

Tileset Array - HTML5 Game Development
Udacity
3.1K views 3 likes 1 dislikes 23 Feb 2015100% match

Frame Trimming - HTML5 Game Development
Udacity
6.4K views 9 likes 0 dislikes 23 Feb 2015100% match

JSON - HTML5 Game Development
Udacity
3.4K views 12 likes 1 dislikes 23 Feb 2015100% match

Parsing Trimmed Textures - HTML5 Game Development
Udacity
5.8K views 6 likes 0 dislikes 23 Feb 2015100% match

Offscreen canvas - HTML5 Game Development
Udacity
6.3K views 32 likes 3 dislikes 23 Feb 2015100% match

Image formats - HTML5 Game Development
Udacity
17.8K views 43 likes 1 dislikes 23 Feb 2015100% match

Specifying the Contact Listener - HTML5 Game Development
Udacity
660 views 2 likes 0 dislikes 23 Feb 2015100% match

Texturepacker - HTML5 Game Development
Udacity
16K views 39 likes 0 dislikes 23 Feb 2015100% match

Introduction - HTML5 Game Development
Udacity
12.3K views 15 likes 1 dislikes 23 Feb 2015100% match

Tiled map data - HTML5 Game Development
Udacity
6.2K views 9 likes 3 dislikes 23 Feb 2015100% match

Parsing Tiled Output - HTML5 Game Development
Udacity
3.7K views 4 likes 1 dislikes 23 Feb 2015100% match

Atlases vs Spritesheets - HTML5 Game Development
Udacity
11.3K views 21 likes 2 dislikes 23 Feb 2015100% match

Loading Tileset Data - HTML5 Game Development
Udacity
3.4K views 5 likes 0 dislikes 23 Feb 2015100% match

DrawImage From Atlas - HTML5 Game Development
Udacity
9.1K views 15 likes 4 dislikes 23 Feb 2015100% match

Coordinate systems - HTML5 Game Development
Udacity
20K views 27 likes 1 dislikes 23 Feb 2015100% match

Javascript Syntax - HTML5 Game Development
Udacity
5.5K views 22 likes 0 dislikes 23 Feb 2015100% match

Settings Privacy About Contact Donate