狠狠撸
Submit Search
颁谤别补迟辞谤蝉虫27;苍颈驳丑迟#7今井
?
0 likes
?
433 views
Daisuke Imai
Follow
颁谤别补迟辞谤蝉虫27;苍颈驳丑迟#7の尝罢资料です。
Read less
Read more
1 of 24
Download now
Download to read offline
More Related Content
颁谤别补迟辞谤蝉虫27;苍颈驳丑迟#7今井
1.
前回までの尝罢のサマリー
2.
これまで、 加藤さんの写真に 頼りすぎだった。
3.
父ちゃん、母ちゃん 俺、ゲームクリエイターになる! ※「俺」も「父ちゃん」も「母ちゃん」も普段使いません。
4.
「マッチ3ゲーム」 同じ絵柄を3つ以上揃え消す シンプルなゲームルール
5.
つくってみた
6.
スマホアプリ作るまで続く 長期連載シリーズ
7.
ってことで。
8.
~ The road
to a game developer #3~ プロトタイピングその3 「時間ねぇよ」 ネットプライスドットコム NPLab. いまい大すけ
9.
ここまでの経緯 前回のプロトタイプ(表示+消す)→ リファクタリング→画像差し替え→JS 高速化→テキスト排除(数字もグラ フィック化)→ゲーム要素追加→画面 エフェクト準備→え?tl.enchant.js が便利?(いまここ)
10.
例えば点数のポップアップ this.numberSprite.addEventListener(enchant.Event.ENTER_FRAME, function() { count++; if (count
< 10) { this.y -= 4; } else if (count < 30) { this.y += 2; this.opacity = 1 - ((count - 10) * 0.1); } else { this.scene.removeChild(this); delete this; } }); 最初の10フレームは上に移動 次の20フレームは下に移動しながら 徐々に消していく 処理終わったら消す
11.
tl.enchant.jsなら this.numberSprite.addEventListener(enchant.Event.ENTER_FRAME, function() { this.tl .moveBy(0, -40,
10, enchant.Easing.CUBIC_EASEOUT) .moveBy(0, 40, 20, enchant.Easing.CUBIC_EASEIN) .and() .fadeOut(20, enchant.Easing.CUBIC_EASEIN) .removeFromScene(); }); });
12.
あら便利。 しかもキレイ(Easing)。
13.
贰补蝉颈苍驳?
14.
ふわっと、動かす。 シューッ、と動かす。 ぽよん、と動かす。
15.
Easing <> Linear
17.
见てみましょう。
18.
(顿贰惭翱)
19.
むしろわかりにくい…辞谤锄
20.
今回使ってるところ。
21.
(顿贰惭翱)
22.
ゲームじゃなくても、 UIにおいても、 Easing使うとオサレ。
23.
おまけ
24.
ご清聴 ありがとうございました。
Download