[Stuff] Scroller mit Blur-Effekt

[schinki_]

Hallo

inspiriert von dem Code dieses Threads welcher ebenso eine Inspiration eines anderen Threads war,
habe ich hier diesen Scroller gebastelt und möchte ihn zur freien verfügung anbieten!

Vorausetzung auch hier Flash 8!

>Demo
>Download

Mir ging es darum das gleiche zu schaffen nur ohne einer Klasse.
Ausserdem wollte ich ein wenig Variabler sein was den Inhalt angeht.

Man kann den Scroller fei Positionieren.
Der Scroller passt sich dem Inhalt an.

Man könnte da noch einiges besser machen. Das will ich sogar!!!
Das sollt ihr aber machen und hier posten.
Ist nur aus meiner Laune so entstanden.


LG Schinki


ps.:
Bevor es Kritik hagelt:
Ich bin kein Coder sonder bewege mich in der Goldenen Mitte des Designs und dem Code


-------------
Bitte nach Flash 8 verschieben! Danke

[ricobeck]

vielen dank!
nachdem ich letztens so ein teil auf horizontal umgeschrieben habe: geht das bei dir auch?

[b.asile]

Dafür sind wohl noch ein paar kleine Änderungen nötig.
Wohl eher noch eine zusätzliche Funktion...
...schinkis Version ist bis jetzt ja noch sehr spartanisch(nicht negativ gemeint)!

[ricobeck]

okee, ich gestehe, dass ich den code nich angeguckt habe.
aber ich erkläre mich bereit diesen anzupassen.

… morgen

edit: sachma b.asile, schläfst du auch irgendwann?

[b.asile]

Zitat von ricobeck

edit: sachma b.asile, schläfst du auch irgendwann? [/I]

Gelegentlich...nur selten Nachts.

[shorty]

rio, n vertikalen scroller wirst doch wohl hinbekommen! Wenn du dit geschaft hast, dann einfach im oef oder per interval den blur drüber kleistern

PHP-Code:

content.filters = [new BlurFilter ([versatz], null, 3)]; 


finito.

@schinki: trotzdem fein gemacht & wie du siehst, gleich in den f8er bereich verschoben

lg,
shorty

[ricobeck]

Zitat von shorty

rio, n vertikalen scroller wirst doch wohl hinbekommen!

hallo, hier rio. klar bekomme ich das hin. ich gucke aber auch selten in der [stuff]-abteilung.
meine frage war eher verallgemeinernd. quasi für alle, denen das zu schwierig ist.
ich habe mich doch sogar bereiterklärt, das zu erledigen.

[shorty]

hallo, hier rio. klar bekomme ich das hin [...] ich habe mich doch sogar bereiterklärt, das zu erledigen.

Ne andere antwort hab ich jetzt auch nicht erwartet, faule s** °feiX

[ricobeck]

Zitat von shorty

Ne andere antwort hab ich jetzt auch nicht erwartet, faule s** °feiX

bevor du das in gespräche verschieben musst: ich von dir ooch ne. zeit für die heia.

[RustyCake]

Erste Zeile evtl. verbessern

PHP-Code:

var h_drag:Number = Math.ceil(Border_mc._height - drag._height); 


Und für Flash 8 sollten wir uns evtl. für diese Geschichten etwas andreas überlegen

PHP-Code:

// Dieser Script wird für die Bewegung sowie das Abremsen benutzt.
onClipEvent (load) {
    _parent.clip=_y;
}
onClipEvent (enterFrame) {
    dy =_parent.clip-_y;
    _y+=dy/4
} 


Des ist Flash 5 Syntax, des können wir locker auf Modern umtrimmen!!

[shorty]

°lach, gn8! Schinki, sorry for OT!!!, aber wat mut, dat mut! ot ende

[schinki_]

Zitat von RustyCake

Des ist Flash 5 Syntax, des können wir locker auf Modern umtrimmen!!

Ich hätte es ja auch gerne zu Flash 4 verschoben...aber der Blur ist nunmal 8. Sry...

Aber darum ging es mir ja eben.
Den Scroller zum größten Teil in AS 1 umzusetzen.
Objektorientiert ist nicht für jederman was und es gibt auch noch mehr AS-Noobs da draussen.

Postet aber trotzdem jede Änderung...werde sie dann austauschen.


LG Schinki

[Scheidlf]

aus dem könnt man doch gut eine Komponente machen

Übrigens: nice und weniger skript als beim Vorgänger. Das "Vorgänger"-Skript habe ich auch mal in den FIlm von der Klasse umgeschrieben.

aber wieso erzeugst du die Funktion immer wieder??

PHP-Code:

onEnterFrame = function () {
    function blurObject(blurX, blurY) {
        var blurY:Number = Math.abs(diffY);
        var quality:Number = 2;
        var filter:BlurFilter = new BlurFilter(blurX, blurY, quality);
        var filterArray:Array = new Array();
        filterArray.push(filter);
        mc.filters = filterArray;
    }
    blurObject();
}; 


PHP-Code:

function blurObject() {
    var blurY:Number = Math.abs(diffY);
    var quality:Number = 2;
    var filter:BlurFilter = new BlurFilter(blurX, blurY, quality);
    var filterArray:Array = new Array();
    filterArray.push(filter);
    mc.filters = filterArray;
}
onEnterFrame = function () {
    blurObject();
}; 


und die Performance

[schinki_]

Habs eben aktualisiert!

Die Performance war auch meine größte Sorge.
Würde am liebsten alles in einer Funktion schreiben.
Gelang mir aber noch nicht.
Ich dachte auch immer das ich den BlurFilter nur einmal erzeugen muss und dann
einfach nur die Eigenschaften ändern muss. Rat?

Habe auch schon versucht die Funktionen zu delete'n wenn ich sie nicht mehr benötige.
Hatt aber auch noch nicht geklappt.

Sitze aber noch und hoffe das auch Ihr noch ideen habt.


LG Schinki


ps.:
Das Teil wird aber von mal zu mal besser und der Script immer kürzer.
Mal sehen wo das hinführt.
Good STUFF

[Scheidlf]

so verändert man nur die Werte:

PHP-Code:

import flash.filters.BlurFilter;
var h_drag:Number = Math.ceil(maske._height-drag._height);
var dragPos:Number = (maske._x+maske._width)-5;
drag._x = (maske._x+maske._width)-5;
drag._y = maske._y;
////////////////////////////////////////////////////////////////////////////////// Button Funktionen
drag.onPress = function() {
    startDrag(this, false, dragPos, h_drag, dragPos, 0);
    scrollY = (mc._height-drag._height)/h_drag;
    this.onEnterFrame = function() {
        scrollfaktor = -drag._y*Math.abs(scrollY)+drag._y;
        mc._y += (scrollfaktor-mc._y)/3;
    };
};
drag.onRelease = function() {
    this.stopDrag();
};
drag.onReleaseOutside = function() {
    this.stopDrag();
};
////////////////////////////////////////////////////////////////////////////////// Positionsermittlung
var interval_new = setInterval(this, "newPos", 10);
var interval_old = setInterval(this, "oldPos", 15);
oldPos = function () {
    oldY = mc._y;
};
newPos = function () {
    newY = mc._y;
    diffY = (newY-oldY)*2;
};
////////////////////////////////////////////////////////////////////////////////// Der Blur Effekt
var filter:BlurFilter = new BlurFilter(0, 0, 2);
function blurObject() {
    filter.blurY = Math.abs(diffY);
    mc.filters = [filter];
}
onEnterFrame = function () {
    blurObject();
};