質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
ActionScript 3

ActionScript 3 (AS3)はAdobe FrashとAIRプラットフォームによる、オープンソースかつオブジェクト指向のプログラミング言語です。AS3はRIA、モバイルアプリケーション、デスクトップアプリケーションなど広く使われます。

Q&A

解決済

1回答

426閲覧

DisplayObject.getBounds で正確なサイズを取得する

jangom2ok

総合スコア7

ActionScript 3

ActionScript 3 (AS3)はAdobe FrashとAIRプラットフォームによる、オープンソースかつオブジェクト指向のプログラミング言語です。AS3はRIA、モバイルアプリケーション、デスクトップアプリケーションなど広く使われます。

0グッド

0クリップ

投稿2017/10/24 03:22

###前提・実現したいこと
ActionScript3.0で線付き四角形を描画したSpriteの外枠のサイズを正確に得たいのですが
DisplayObject.getBounds ではscaleXやscaleYを変更すると外枠のサイズが正確に取れません。

###発生している問題・エラーメッセージ

イメージ説明

赤い太枠の四角は、線の太さ30、でdrawRectによって描画されています。
青い細い枠線が、DisplayObject.getBounds で取得した四角形です。
本来であれば、この赤枠の外周にぴったりと当てはまって欲しいのですが、そうなっていません。

###該当のソースコード

import flash.display.Sprite; import flash.display.LineScaleMode; import flash.geom.Rectangle; //赤枠描画 var box: Sprite = new Sprite(); box.graphics.lineStyle(30, 0xFF0000, 1.0, false, LineScaleMode.NORMAL , "none", "miter"); box.graphics.drawRect(0, 0, 150, 200); box.x = 500; box.y = 100; box.scaleX = 3.0; addChild(box); //赤枠外周の矩形を取得 var rect: Rectangle; rect = box.getBounds(this); //青枠で赤枠外周の矩形を描画 var outline: Sprite = new Sprite(); outline.graphics.clear(); outline.graphics.lineStyle(1, 0x0000FF); outline.graphics.moveTo(rect.x, rect.y); outline.graphics.lineTo(rect.x + rect.width, rect.y); outline.graphics.lineTo(rect.x + rect.width, rect.y + rect.height); outline.graphics.lineTo(rect.x, rect.y + rect.height); outline.graphics.lineTo(rect.x, rect.y); addChild(outline);

###試したこと
課題に対してアプローチしたことを記載してください
LineScaleMode.NORMAL を LineScaleMode.NONE などに設定しても、若干のズレが出てしまいます。

drawRect で描画しない方法も考えられるのですが、最終手段として考えています。
上記の条件で取得する方法がないか、ご存知の方がおられましたら
何卒、よろしくお願いいたします。

###補足情報(言語/FW/ツール等のバージョンなど)
Animate CC 2017
ActionScript 3.0

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

一方向のスケールのみを変更すると歪みます。
拡大 / 縮小時の歪みの制御の通りにscale9Gridプロパティを設定すると歪みは無くなりますが、getBoundsの値は同じです。getBoundsは描画の結果ではなく、値を計算して出しているのでしょう。
このscale9Gridでは線の部分を拡大しない指定です。getBoundsの値は線の部分も拡大した範囲になっています。

actionscript

1var box: Sprite = new Sprite(); 2box.graphics.lineStyle(30, 0xFF0000, 1.0, false, LineScaleMode.NORMAL , "none", "miter"); 3box.graphics.drawRect(0, 0, 150, 200); 4box.x = 500; 5box.y = 100; 6box.scale9Grid = new Rectangle(15, 15, 120, 170); // add 7box.scaleX = 3.0; 8addChild(box);

イメージ説明

外枠のサイズを得るには、getBoundsの範囲からscale9Gridの考慮分を引いて計算すると良いことになります。

actionscript

1var rect: Rectangle; 2rect = box.getBounds(this); 3// scaleX > 1とする 4const d:Number = box.scale9Grid.x * (box.scaleX - 1); 5rect.x += d; 6rect.width -= d * 2;

投稿2017/10/24 08:06

shimitei

総合スコア799

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jangom2ok

2017/10/26 09:44

大変わかりやすい説明ありがとうございます! これで問題が解決できそうです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問