Вращение относительно центра с draw()

[uglan]

Привет!
Есть проблема с поворотом объекта относительно центра при использовании draw() c BitmapData.
В первом случае спрайт в библиотеке имеет регистрационную точку 0,0; Рисуется впринципе нормально, но на сцену переносится в точку x,y(создается при клике) без какого либо смещения


Если присвоить смещение bitmap относительно этой точки все станет как надо, но при повороте такая конструкция повернется относительно опять таки своей регистрационной точки а не точки назначения:


Если сместить оригинальный спрайт относительно точки регистрации в центр то поворот и расположение(без принудительного смещения) заработают как надо, но тогда draw будет рисовать только часть картинки.

Смещение по матрице внутри BitmapData ничего не дает. Вот код:

var tmp:RockSpr = new RockSpr();
var bd:BitmapData = new BitmapData(tmp.width, tmp.height);
var bm:Bitmap = new Bitmap(bd);
bm.x = e.stageX;
bm.y = e.stageY;
bm.rotation = 45;
addChild(bm);

Как объединить два этих подхода чтобы получилось правильная отрисовка и поворот?
Спасибо!

[Волгоградец]

Для того, чтобы отрисовать спрайт с поворотом, нужна битмапдата, большая по размеру, чем спрайт. Но я вижу, что ты поворачиваешь битмап и это у него точка регистрации находится в координатах 0, 0. Самый простой вариант - вложить эту битмапу в какой-нибудь контейнер со смещением и поворачивать этот контейнер. Правильный вариант - заюзать матрицу, что-то типа такого:

var bd:BitmapData = new BitmapData(200, 50, false, 0x000000);
var bm:Bitmap = new Bitmap(bd);
 
var m:Matrix = new Matrix();
m.translate(-bd.width * 0.5, - bd.height * 0.5);
m.rotate(Math.PI / 4);
m.translate(e.stageX, e.stageY);
bm.transform.matrix = m;
 
addChild(bm);

[Isfet]

вложить эту битмапу в какой-нибудь контейнер со смещением и поворачивать этот контейнер

import flash.display.SpreadMethod;
import flash.display.Sprite;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.events.MouseEvent;
 
var spr:Sprite = new Sprite();
var tmp:RockSpr = new RockSpr();
var bd:BitmapData = new BitmapData(tmp.width, tmp.height);
var bm:Bitmap = new Bitmap(bd);
bd.draw(tmp);
bm.x = -bm.width*0.5;
bm.y = -bm.height*0.5;
spr.x = 100;
spr.y = 100;
spr.addChild(bm);
 
addChild(spr);
function rotatiOnByClick(e:MouseEvent){
	spr.rotation += 10;
}
spr.addEventListener(MouseEvent.CLICK,rotatiOnByClick);

[caseyryan]

Сообщение от Волгоградец

Для того, чтобы отрисовать спрайт с поворотом, нужна битмапдата, большая по размеру, чем спрайт. Но я вижу, что ты поворачиваешь битмап и это у него точка регистрации находится в координатах 0, 0. Самый простой вариант - вложить эту битмапу в какой-нибудь контейнер со смещением и поворачивать этот контейнер. Правильный вариант - заюзать матрицу, что-то типа такого:

var bd:BitmapData = new BitmapData(200, 50, false, 0x000000);
var bm:Bitmap = new Bitmap(bd);
 
var m:Matrix = new Matrix();
m.translate(-bd.width * 0.5, - bd.height * 0.5);
m.rotate(Math.PI / 4);
m.translate(e.stageX, e.stageY);
bm.transform.matrix = m;
 
addChild(bm);

Создание матрицы в этом коде - излишество. Не обязательно это делать, так как у спрайта уже есть матрица и можно использовать ее. Т.е. при врисовке спрайта, содержащего в себе растровую картинку, достаточно добавить в качестве параметра draw матрицу, автоматически созданную для спрайта.

bitmapData.draw(sprite, sprite.transform.matrix);

Она уже будет содержать необходимые настройки. Если спрайт был повернут, то и ротейт матрицы будет соответствующим

[Волгоградец]

А ты в курсе, что когда ты вызываешь

sprite.transform.matrix

ты каждый раз создаешь новую матрицу?
И к тому же, как использовать готовую, если это не та матрица, которая нужна...

[caseyryan]

Сообщение от Волгоградец

А ты в курсе, что когда ты вызываешь

sprite.transform.matrix

ты каждый раз создаешь новую матрицу?

да в курсе, ничего страшного

можно, положить картинку в спрайт, и все будет проще

[uglan]

Сообщение от Волгоградец

Для того, чтобы отрисовать спрайт с поворотом, нужна битмапдата, большая по размеру, чем спрайт. Но я вижу, что ты поворачиваешь битмап и это у него точка регистрации находится в координатах 0, 0. Самый простой вариант - вложить эту битмапу в какой-нибудь контейнер со смещением и поворачивать этот контейнер. Правильный вариант - заюзать матрицу, что-то типа такого:

var bd:BitmapData = new BitmapData(200, 50, false, 0x000000);
var bm:Bitmap = new Bitmap(bd);
 
var m:Matrix = new Matrix();
m.translate(-bd.width * 0.5, - bd.height * 0.5);
m.rotate(Math.PI / 4);
m.translate(e.stageX, e.stageY);
bm.transform.matrix = m;
 
addChild(bm);

Что-то все равно не так... Картинка так и крутится вокруг регистрационной точки. И какие-то артефакты добавились...

Добавлено через 6 минут

Сообщение от Isfet

import flash.display.SpreadMethod;
import flash.display.Sprite;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.events.MouseEvent;
 
var spr:Sprite = new Sprite();
var tmp:RockSpr = new RockSpr();
var bd:BitmapData = new BitmapData(tmp.width, tmp.height);
var bm:Bitmap = new Bitmap(bd);
bd.draw(tmp);
bm.x = -bm.width*0.5;
bm.y = -bm.height*0.5;
spr.x = 100;
spr.y = 100;
spr.addChild(bm);
 
addChild(spr);
function rotatiOnByClick(e:MouseEvent){
	spr.rotation += 10;
}
spr.addEventListener(MouseEvent.CLICK,rotatiOnByClick);

Этот принцип работает, спасибо! Но я сознательно пытался не пользоваться контейнерами вроде спрайтов или мувиклипов, т.к. объектов предполагается достаточно большое количество, а эти структуры в больших объемах очень сильно влияют на производительность. Есть какой-нибудь аналогичный способ средствами битмап?

[gagaga]

самый правильный способ - использование матрицы преобразования. Все остальные способы более медленные... правильно, что не используете контейнеры, они только тормозят