gihyo.jp » DEVELOPER STAGE » 連載 » ActionScript 3.0で始めるオブジェクト指向スクリプティング » 第12回 マウスポインタとスクロールの連動

ActionScript 3.0で始めるオブジェクト指向スクリプティング

第12回 マウスポインタとスクロールの連動

プロパティ値の有効桁数

できあがったスクリプト1は,実際に使ったとき少々不具合を生じることがある。このフレームアクションの設定されたインスタンスを複数,横にすき間なくびったりと並べて,10分程度以上スクロールさせ続けてみる。すると,すき間がなかったはずのインスタンス間に間隔が空いたり,逆に重なったりしてしまう(図3)。

図3 スクールさせ続けるとインスタンス同士の間隔にばらつきが生じる

図3 スクールさせ続けるとインスタンス同士の間隔にばらつきが生じる

これはインスタンスの座標のプロパティ値に,誤差のあることが原因だ。たとえば,[プロパティ]インスペクタで,x座標値として「123.456789」と入力してみよう(図4)。すると,実際に設定される値は「123.4」となり,以降の端数は切捨てられてしまう。

図4 x座標に小数点以下の数値を入れると端数が切捨てられる

図4 x座標に小数点以下の数値を入れると端数が切捨てられる

ActionScriptでも,DisplayObject.xプロパティに小数点以下の端数がある数値を設定すると,小数点以下第2位までの値に丸められてしまうのだ。前述のように複数のインスタンスにフレームアクションを設定した場合も,それぞれに毎フレーム設定される座標値は端数が毎回切捨てられる。そのカットされる数値の大きさは,当然インスタンスによって変わってくる。その違いが誤差になる訳だ。

小数点以下第3位以降の端数が小さいといっても,デフォルトのフレームレート(12fps)で1秒間に12回10分以上処理を繰返せば,累積の差が1ピクセル以上になっても不思議はない。その差が,インスタンス同士の間隔のばらつきとして現れることになる。

しかし,変数は最大で小数点以下15桁の値を保持できる(※2)。したがって,座標値を変数に入れて扱えば,目に見える誤差が出ない十分な精度で処理できる。そこで,座標値を新たな変数nXに入れて処理するよう修正したのが,次のスクリプト2だ。

スクリプト2 座標値の処理を変数で行うように修正

// MovieClip: スクロールさせるインスタンス
var nSpeed:Number = 20;
var nStageLeft:Number = 0;
var nStageRight:Number = stage.stageWidth;
var nStageWidth:Number = nStageRight-nStageLeft;
var nStageCenter:Number = (nStageRight+nStageLeft)/2;
var nSensitivity:Number = 0.2;
var nX:Number = x;
addEventListener(Event.ENTER_FRAME, xScroll);
function xScroll(eventObject:Event):void {
  var nNewSpeed:Number = (nStageCenter-stage.mouseX)*nSensitivity;
  if (nNewSpeed>nSpeed) {
    nNewSpeed = nSpeed;
  } else if (nNewSpeed<-nSpeed) {
    nNewSpeed = -nSpeed;
  }
  nX += nNewSpeed;
  if (nX>nStageRight) {
    nX -= nStageWidth;
  } else if (nX<nStageLeft) {
    nX += nStageWidth;
  }
  x = nX;
}

注目してほしいのは,変数nXにDisplayObject.xプロパティの値を代入したのは,変数宣言の初期化時のみだということである。リスナー関数xScroll()内では,変数nXに対して座標計算の処理を行う。そして,関数xScroll()の最後のステートメントで,DisplayObject.xプロパティに変数nXの値を設定している。つまり,変数宣言時を除いて,処理は変数値をプロパティに代入する一方通行のみのなのである。

これはたとえば,JPEG画像を作成する場合と同じ考慮だ。 JPEG画像に修正が必要なとき,そのJPEGファイルを開くのではなく,劣化しない形式(PNGやPSDなど)で保存しておいた元の画像に手を加えるだろう。JPEGファイルを開いて再びJPEG保存すれば,画像がさらに劣化してしまうからだ。

変数も宣言時にプロパティの初期値を保持したら,以降は2度とプロパティ値で上書きしない。それをしてしまうと,プロパティのもつ誤差により,変数値が「劣化」することになる。したがって,上記スクリプト2では,値の設定を変数からプロパティへの一方通行としているのだ。これで,横に並べたインスタンスをスクロールさせ続けても,ピクセル単位の誤差が生じることは防げる(図5)。

図5 値を変数からプロパティの一方通行にすれば誤差が拡大しない

図5 値を変数からプロパティの一方通行にすれば誤差が拡大しない

マウスポインタに連動してインスタンスをスクロールさせるムービーはこれで完成だ。次回は,キーボードのキーで,インスタンスをコントロールしてみたい。

※2)
厳密には,数値(Number型データ)の有効桁数が約15桁になる。

今回解説した次のサンプルファイルがダウンロードできます。

著者プロフィール

野中文雄(のなかふみお)

ソフトウェアトレーナー,テクニカルライター,オーサリングエンジニア。上智大学法学部卒,慶応義塾大学大学院経営管理研究科修士課程修了(MBA)。独立系パソコン販売会社で,総務・人事,企画,外資系企業担当営業などに携わる。その後,マルチメディアコンテンツ制作会社に転職。ソフトウェアトレーニング,コンテンツ制作などの業務を担当する。2001年11月に独立。Web制作者に向けた情報発信プロジェクトF-siteにも参加する。株式会社ロクナナ取締役(非常勤)。

URLhttp://www.FumioNonaka.com/

著書

  • ActionScript 3.0プロフェッショナルガイド

    ActionScript 3.0プロフェッショナルガイド(毎日コミュニケーションズ)

  • ActionScript 3.0辞典 [FlashPlayer 10/9対応]

    ActionScript 3.0辞典 [FlashPlayer 10/9対応](翔泳社)

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き)

本連載では,実践サンプルとともに,jQueryを上手に活用してサイト制作の品質向上・効率化を実現するための実践テクニックを解説します。

サクセスストーリーに続く,快適サーバー運用管理のヒント!

サーバーを自社で運用管理するのはもう限界…。データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

続・先取り! Google Chrome Extensions

2010年1月のリリースが予定されているGoogle Chrome 4に搭載されるExtensionsについて,その詳細を先取りで解説します。最新情報から,ユーザースクリプトやテーマの作り方など関連情報もお届けします。

モダンPerlの世界へようこそ

この連載では,Perlの世代間ギャップに悩んでいる方に,いくらかの背景知識と,これだけは知っておいたほうがよいという最低限の慣用句をお届けします。

Hosting Department:ホスティングを活用するための基礎知識

本連載では,ホスティングサービスを活用する上で知っておきたい基礎知識を解説します。

Blogopolisから学ぶ計算幾何

計算幾何学は,図形に関するアルゴリズムを研究するコンピュータサイエンスの一分野です。本連載では,ビジュアルブログ検索エンジン「Blogopolis」で採用されている計算幾何のアプローチを例に取り上げながら,計算幾何の初歩を実践的に学習します。

Windows phoneアプリケーション開発入門

Windows Marcketplace for Mobileがサービス開始され,作成したアプリケーションを個人でも世界をターゲットに公開できる環境が整ってきました。これを機にWindows phoneアプリケーションの開発をしてみませんか?

いま,見ておきたいウェブサイト

この連載では,国内外の最新のウェブサイトを隔週更新で取り上げ,これら最新サイトの特徴や素晴らしい部分を,さまざまな角度から解説していきます。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス

最近のコメント