Nicolas Prof blog

PROFPicker 0.9.2

Nicolas Prof — Wed, 18 Jun 2008 14:25:54 +0000

Предоставляю вашему вниманию, следующую версию PROFPicker. Пикер научился выставлять ползунки и вообще работать с начальным значением цвета. Возвращать цвет в HEX(uint) и RGB(object : {r,g,b}). А также самое приятное, в зависимости от положения, автоматически находить свободное место для раскрытия окна выбора цвета. Планирую дальше работать над пикером, вычистив должным образом код, а также есть мысль использовать свой Event, аля PickerEvent. Пока что пикер можно слушать Event.CHANGE.

Sprite.graphics vs. Shape.graphics

Nicolas Prof — Sat, 07 Jun 2008 04:23:36 +0000

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

A Shape instance will perform better than other display objects for drawing, because it doesn’t have the overhead of the additional functionality in the Sprite and MovieClip classes.

Тест очень прост рисуем 600 * 400 прямоугольников разного цвета. Результат теста получился следующий, что нету разницы. Сразу предупреждаю, что для рисования 240 000 прямоугольников, нужен неплохой процессор. Если вы уверены, что ваш ПК справится, можете тоже протестировать нажав кнопки.

Graphics.drawCircle + Mask + Filter = Ужас

Nicolas Prof — Sat, 24 May 2008 06:22:33 +0000

Заметил одну неприятную вещь, да все небыло времени в ней разобраться, так сказать проверить, действительно ли существует проблема. Как оказалось проблема действительно имеет место. Что бы достичь цели нам многое не надо, а просто к окружности применить фильтр и положить под маску, и мы получим ужасную окружность, с срубленными краями.
(Please open the article to see the flash file or player.)

Разработка PROFGUI. Конструктор градиента. 0.1

Nicolas Prof — Tue, 20 May 2008 05:49:26 +0000

Продолжаю работать над GUI ориентированных больше на графику и эффекты. Вот хочу показать следующие наработки. Конструктор градиента. Практически как в Фотошопе (отличный прототип как ни крути ). Еще дорабатываю возможность «отрывать» ползунок, а также вызов PROFPicker’а при двойной клике на ползунок. Демо:

(Please open the article to see the flash file or player.)

PROFPicker

Nicolas Prof — Wed, 16 Apr 2008 18:54:08 +0000

Вот решил обзавестись функциональным color picker’ом. Вариант Adobe меня не устраивает как размером, так и возможностями. Пока столкнулся с проблемой - устанавливать стартовый/дефолтный цвет, т.е. выставить указатели.
Попробовать в работе:
(Please open the article to see the flash file or player.)

Tweener vs. TweenLite

Nicolas Prof — Fri, 11 Apr 2008 17:45:49 +0000

Провел я истерический клик тест (многие пользователи любят так ловить баги на флеш сайтах) для двух разных движков Твинов. Проверял над управлением обычного свойства DisplayObject, а также с ColorTransform. Tweener показал отличную устойчивость к такого рода клик тесту, что в нем мне всегда и нравилось, совершенно не думаешь запущен ли сейчас твин. TweenLite же провалил этот тест на управлении цветом. При чем результат не сильно отличается даже при использовании приема как для Tweener.
При нажатии на кнопки выполняется следующий код:

PLAIN TEXT

Actionscript:

/*
* EVENTS
*/
private function testTweenerColor(e : MouseEvent) : void {
Tweener.addTween(_boxTweener,{_color_rb:255,_color_gb:255,_color_bb:255});
Tweener.addTween(_boxTweener,{_color_rb:0,_color_gb:0,_color_bb:0,time:2,transition:"easeOutSine"});
}
private function testTweenLiteColor(e : MouseEvent) : void {
TweenLite.to(_cm, 0, {redOffset:255, greenOffset:255, blueOffset:255});
TweenLite.to(_cm, 2, {redOffset:0, greenOffset:0, blueOffset:0});
}
private function testTweenLite(e : MouseEvent) : void {
_boxTweenLite.alpha = 0;
TweenLite.to(_boxTweenLite, 2, {alpha:1});
}
private function testTweener(e : MouseEvent) : void {
_boxTweener.alpha = 0;
Tweener.addTween(_boxTweener, {alpha:1, time:2, transition:"easeOutSine"});
}

Результат:
(Please open the article to see the flash file or player.)

Баг в Flash IDE с Loader (Progress, close())

Nicolas Prof — Fri, 11 Apr 2008 06:07:49 +0000

Столкнулся с очень интересным багом. Если во время загрузки контента, не дав загрузится до конца, начать грузить другой контент тем же лоадером, получим в итоге как в анекдоте 165% или даже больше процентов загрузки. Так же при загрузке контента, попытки закрыть поток методом close тоже будут не удачны.
Можете попробовать сами.

PLAIN TEXT

Actionscript:

private var _loader : Loader;
private var _info : TextField;
public function LoadMore() {
//INIT
var offset:uint = 20;
var btn1:Sprite = button("test1");
var btn2:Sprite = button("test2");
btn1.x = btn2.x = offset;
btn1.y = offset;
btn2.y = 3 * offset;
_loader = new Loader();
_loader.x = 150;
_loader.y = offset;
_info = new TextField();
_info.selectable = true;
_info.autoSize = TextFieldAutoSize.LEFT;
_info.x = offset;
_info.y = 350;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
//DISPLAY LIST
addChild(_loader);
addChild(btn1);
addChild(btn2);
addChild(_info);
//LISTENERS
btn1.addEventListener(MouseEvent.CLICK, onClick);
btn2.addEventListener(MouseEvent.CLICK, onClick);
//ACTIONS
}
private function button(str : String) : Sprite {
var btn : Sprite = new Sprite();
btn.graphics.lineStyle(0, 0x333333,0.4,true);
btn.graphics.beginFill(0xF6F6F7);
btn.graphics.drawRoundRect(0, 0, 100, 20, 10, 10);
btn.graphics.endFill();
btn.name = str;
var tf : TextField = new TextField();
tf.selectable = false;
tf.autoSize = TextFieldAutoSize.LEFT;
tf.text = str;
tf.x = (btn.width - tf.width) * 0.5;
tf.y =( btn.height - tf.height) * 0.5;
btn.mouseChildren = false;
btn.buttonMode = true;
btn.addChild(tf);
return btn;
}
private function loadIMG(path : String) : void {
var url : URLRequest = new URLRequest(path + ".jpg");
/*try{
_loader.unload();
trace("UNLOAD");
}catch (e : TypeError) {
//nothing
}
try{
_loader.close();
trace("CLOSE STREAM");
}catch (e : TypeError) {
//nothing
}catch (e : Error){
//nothing
}*/
_loader.load(url);
_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);
_loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, imageLoading);
}
/*
* EVENTS
*/
private function imageLoading(e : ProgressEvent) : void {
trace("LOADED:",e.bytesLoaded," TOTAL:", e.bytesTotal);
_info.text = "LOADED:"+e.bytesLoaded+" TOTAL:"+ e.bytesTotal;
}
private function imageLoaded(e : Event) : void {
}
private function onClick(e : MouseEvent) : void {
loadIMG(e.currentTarget.name);
}

Как это работает в WEB :
(Please open the article to see the flash file or player.)

Простой Tooltip

Nicolas Prof — Tue, 08 Apr 2008 18:05:26 +0000

Вот представляю общественности очень простой и незамысловатый tooltip. Все что нужно это сделать Embed шрифта(Используется эффект с альфой, можно сделать очень легкий тултип если отказаться от каких либо эффектов.). В моем примере это Tahoma. А также очень простое использование, вызывать методы Show("Текст тултипа") и hide();

PLAIN TEXT

Actionscript:

public function DemoToolTip() {
//INIT
_tip = new ToolTip();
_tip.initiate();
_tip.mouseChildren = false;
_tip.mouseEnabled = false;
var info:Array = new Array(["great bOx", Math.random() * stage.stageWidth*0.5, Math.random() * stage.stageHeight*0.5],
["super bOx", (Math.random()+1) * stage.stageWidth*0.5, Math.random() * stage.stageHeight*0.5],
["some bOx", Math.random() * stage.stageWidth*0.5, (Math.random()+1) * stage.stageHeight*0.5],
["awesome bOx", (Math.random()+1) * stage.stageWidth*0.5, (Math.random()+1) * stage.stageHeight*0.5]
);
for(var i:uint; i<4; i++){
var box:Sprite = box(info[i][0]);
box.x = info[i][1];
box.y = info[i][2];
box.rotation = Math.random() * 360;
box.addEventListener(MouseEvent.MOUSE_OVER, showTip);
box.addEventListener(MouseEvent.MOUSE_OUT, hideTip);
addChild(box);
}
//DISPLAY LIST
addChild(_tip);
}

В результате должно получиться, что то вроде этого:

(Please open the article to see the flash file or player.)

Scrolling + Blur

Nicolas Prof — Tue, 05 Feb 2008 08:58:14 +0000

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

(Please open the article to see the flash file or player.)

Рандомно

Nicolas Prof — Wed, 28 Nov 2007 08:24:39 +0000

В одном из проектов понадобилось сделать вот такого рода шапку.

(Please open the article to see the flash file or player.)

Главная задача была сделать действительно полный рандом, приближенный к макету. А также сделать возможность произвольно устанавливать размеры флеш плеера.