Создание эффекта жалюзи
Добрый вечер! Пытаюсь создать что то типа слайд-шоу с эффектом смены картинок "жалюзи". Задача такая:
В xml файле прописаны пути до картинок. Я их гружу в флешку. Далее разрезаю на квадраты и запихиваю это все в Vector.<BitmapData>. Для того чтобы легче было обращаться к квадратам каждой картинки я создал еще один Vector но уже такой:
Vector.<Vector.<BitmapData>>
Это извращение? Просто плохое предчувствие оп этому поводу XD
Ну это типа в Vector.<Vector.<BitmapData>>[0] хранятся все квадраты для первой картинки.
В Vector.<Vector.<BitmapData>>[1] хранятся все квадраты для второй, т.д.
В общем не знаю правильно ли, но решил делать так..
Так вот. Теперь мне нужно как то анимировать это все дело. Ну чтобы переход картинок был как жалюзи, или точнее даже как буквы в Поле Чудес переворачиваются..
Подскажите в каком месте это начать делать и каким способом? Просто даже не представляю как менять картинку после того как квадрат повернулся к нам ребром..
Весь день уже в раздумьях и никак не могу додуматься..
Прикрепляю код основного класса и класса для разрезания картинки на квадраты.
Заранее благодарен за дельные советы!
Основной класс
Код AS3:
package
{
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.DisplayObject;
import flash.display.Loader;
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;
import Mosaic;
/**
* ...
* @author kuflash
*/
public class Main extends Sprite
{
private var adminXML:XML;
private var urlXML:URLRequest;
private var xmlLoader:URLLoader;
private var urlPic:URLRequest;
private var loaderPictures:Loader;
private var countPictures:int;
private var pictures:XMLList;
private var picSprite:MovieClip;
private var picturesBitmapData:Vector.<Vector.<BitmapData>> = new Vector.<Vector.<BitmapData>>();
private var pictureMosaic:BitmapData;
private var mosaic:Bitmap;
private var stripsPicture:Sprite;
private var countStrips:int = 0;
public function Main():void
{
stage.scaleMode = "noScale";
urlXML = new URLRequest("xml/admin.xml");
xmlLoader = new URLLoader();
xmlLoader.addEventListener(Event.COMPLETE, _xmlLoadComplete);
xmlLoader.load(urlXML);
}
private function loadPictures():void
{
for (var i:uint = 0; i < countPictures; i++)
{
var stringUrlPic:String = pictures[i].@url;
urlPic = new URLRequest(stringUrlPic);
loaderPictures = new Loader();
loaderPictures.load(urlPic)
loaderPictures.contentLoaderInfo.addEventListener(Event.COMPLETE, _loadPicturesComplete);
}
}
private function positionItems(vectorBitmap:Vector.<BitmapData>, colls:int, rows:int):void
{
var memoryX:int = 0;
var memoryY:int = 0;
var h:int = 0;
for (var i:uint = 0; i < vectorBitmap.length; i++)
{
mosaic = new Bitmap(vectorBitmap[i])
if (i % colls == 0)
{
memoryX = 0;
memoryY = h + 1;
}
mosaic.x = memoryX
mosaic.y = memoryY
memoryX += mosaic.width+1;
h = Math.max(h, mosaic.y + mosaic.height);
if (i == 7 || i == 14 || i == 15 || i == 16)
{
mosaic.visible = false
}
}
}
private function _xmlLoadComplete(e:Event):void
{
adminXML = new XML(e.currentTarget.data);
countPictures = adminXML.children().length();
pictures = adminXML.pic;
loadPictures();
}
private function _loadPicturesComplete(e:Event):void
{
var addPic:Loader = Loader(e.target.loader);
pictureMosaic = new BitmapData(e.target.loader.width, e.target.loader.height);
pictureMosaic.draw(addPic);
picturesBitmapData[countStrips] = Mosaic.getBitmaps(pictureMosaic, 7, 3);
positionItems(picturesBitmapData[countStrips], 7, 3);
countStrips++;
}
}
}
Разрезание картинки:
Код AS3:
package
{
import flash.display.BitmapData;
import flash.geom.Point;
import flash.geom.Rectangle;
/**
* ...
* @author kuflash
*/
public class Mosaic
{
public function Mosaic()
{
}
public static function getBitmaps(src:BitmapData, cols:int, rows:int):Vector.<BitmapData> {
var result:Vector.<BitmapData> = new Vector.<BitmapData>(cols * rows, true);
var ind:int = 0;
var w:int = src.width / cols;
var h:int = src.height / rows;
var rect:Rectangle= new Rectangle(0, 0, w, h);
for (var r:int = 0; r < rows; r++) { // r строка
rect.y = r * h;
for (var c:int = 0; c < cols; c++) { // c столбец
rect.x = c * w;
ind = r * cols + c;
result[ind] = new BitmapData(rect.width, rect.height, false);
result[ind].copyPixels(src, rect, new Point(0, 0));
}
}
return result;
}
}
}
|
