JavaScriptテックラボ

JavaScriptなどプログラミングのまとめ(2011年5月)

目的の座標へ回転させる

角度 = Math.atan2(y座標,x座標) * 180 / Math.PI;

回転させる

MCのx座標 = Math.cos(角度 * Math.PI / 180) * 半径;
MCのy座標 = Math.sin(角度 * Math.PI / 180) * 半径;

バネのような、減速+慣性の移動

MC座標 += (目的地座標 - MC座標) * 減速係数 + 前回の移動距離 * 慣性係数

減速移動

MCの座標 +=( 目的地座標 - MCの座標 ) * 減速係数(0.1~0.3程度)

複雑なデータ構造のJSONを扱う際にCSSセレクタ風にアクセスできて超便利な「JSONSelect」
JSON使うときに試してみよう。

21 Examples of Parallax Scrolling in Web Design
パララックススクロール(視差を利用したスクロール)サイト21選。控えめな動きからグリグリ動くものまで。

Originální, ručně vyráběné diáře 2011 - LEN M.
パララックススクロールのグリグリ動くサイト。 ここまで動くと読みにくいけど、動物もたくさんいてデザインは好き。

25 sites utilisant un effet de parallaxe original
エフェクトが効いたサイト25選

[AS3.0]ローディングムービー
ローディング待ちアニメーションの分かりやすい解説。 ただし、基本はProgressEvent.PROGRESSを使うこと。

FLVPlayback
Flashでビデオを使う際のリファレンスページ。FLVPlaybackインスタンスにmc_movという名前をつけた場合、mc_mov.volumeという感じでアクセスできるよ。

関連記事