Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="Indium1" data-source="post: 1690991" data-attributes="member: 189537">AW: Smoothing von Text (CS5 / AS3) / An ssandnerHi ssandner,      aus einem Wochenende ist jetzt gleich eine ganze Woche geworden aber leider bin ich immer noch nicht viel weiter gekommen. <img src="/styles/default/xenforo/smilies/uhm.gif"  class="smilie" loading="lazy" alt=":(" title="Frown    :(" data-shortname=":(" />      Als erstes habe ich mir das flash-scrollbar-component von <a href="http://www.flafolder.com/" target="_blank">www.flafolder.com</a> angeschaut und dabei festgestellt dass auch hier mit einer Maske gearbeitet wird. Zudem ist der AS Code ziemlich überladen und für meine wenigen Gehirnzellen viel zu Komplex! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />      Also wagte ich mich an Deinen zweiten Beitrag ran (Tween Klasse von Caurina).    Den Tweener habe ich dann nach und nach in allen drei functions ausprobiert:      [php]  1. info_textfenster.scrollbalken_eins.addEventListener(MouseEvent.MOUSE_DOWN, startScroll);  2. stage.addEventListener(MouseEvent.MOUSE_UP, stopScroll);  3. stage.addEventListener(Event.ENTER_FRAME, enterHandler);  [/php]      Folgendes ist dabei herausgekommen;      Funktion 1. (startScroll):       [php]  function startScroll(ev:MouseEvent):void  {   scrolling=true;      Tweener.addTween(this.info_textfenster.foto_beschreibung,{scrollV:+1, time:1, transition:"easeOutQuart"});      info_textfenster.scrollbalken_eins.startDrag(false,bounds);  }  [/php]      Normales Scrollen (rauf/runter) funktionierte. Ein Smooth-Effekt trat aber erst ein wenn auf den Scroller das zweite Mal draufgeklickt wurde. Hierbei rollte der Text komplett nach oben zum Anfang zurück.      Funktion 2. (stopScroll):      [php]  function stopScroll(ev:MouseEvent):void  {   Tweener.addTween(this.info_textfenster.foto_beschreibung,{scrollV:+1, time:1, transition:"easeOutQuart"});      scrolling=false;   info_textfenster.scrollbalken_eins.stopDrag();  }  [/php]      Normales Scrollen (rauf/runter) funktionierte. Ein Smooth-Effekt trat aber erst ein wenn man den Scroller losließ. Auch hier rollte der Text komplett nach oben zum Anfang zurück.      Funktion 3. (enterHandler):      [php]  function enterHandler(event:Event)  {     Tweener.addTween(this.info_textfenster.foto_beschreibung,{scrollV:+1, time:1, transition:"easeOutQuart"});      if (scrolling==true)   {    info_textfenster.foto_beschreibung.scrollV = Math.round(((info_textfenster.scrollbalken_eins.y - bounds.y)/250)*info_textfenster.foto_beschreibung.maxScrollV);   }  }  [/php]      Normales Scrollen (rauf/runter) war zwar möglich, aber wenn man stehen blieb (mit gedrückter Maustaste) ruckelte der Text permanent auf und ab. Lies man dann die Maustaste los, rollte der Text komplett nach oben zum Anfang zurück.      Also versuchte ich den Tweener im IF unterzubringen um zu schauen welche Reaktion dort stattfindet:      [php]  function enterHandler(event:Event)  {   if (scrolling==true)   {    info_textfenster.foto_beschreibung.scrollV = Math.round(((info_textfenster.scrollbalken_eins.y - bounds.y)/250)*info_textfenster.foto_beschreibung.maxScrollV);     Tweener.addTween(this.info_textfenster.foto_beschreibung,{scrollV:+1, time:1, transition:"easeOutQuart"});      }  }  [/php]      Auch hier das gleiche Ergebnis. Normales Scrollen (rauf/runter) war zwar möglich, aber wenn man stehen blieb (mit gedrückter Maustaste) ruckelte der Text permanent auf und ab. Lies man die Maustaste los, rollte der Text komplett nach oben zum Anfang zurück.      Nach diesem Versuchen habe ich mir das Tut von Lee Brimelow noch mal angeschaut und versucht Deinen Code darin zu Implementieren! Nach mindestens 50 Versuchen hier mein letzter:      [php]  var yOffset:Number;  var yMin:Number = 39;  var yMax:Number = info_textfenster.scrollbalkenhintergrund_eins.height - info_textfenster.scrollbalken_eins.y;     info_textfenster.scrollbalken_eins.addEventListener(MouseEvent.MOUSE_DOWN, startScroll);  stage.addEventListener(MouseEvent.MOUSE_UP, stopScroll);  stage.addEventListener(Event.ENTER_FRAME, enterHandler);     function startScroll(ev:MouseEvent):void  {   scrolling=true;     stage.addEventListener(MouseEvent.MOUSE_MOVE, smooth);  yOffset = mouseY - info_textfenster.scrollbalken_eins.y;      info_textfenster.scrollbalken_eins.startDrag(false,bounds);  }     function stopScroll(ev:MouseEvent):void  {  stage.removeEventListener(MouseEvent.MOUSE_MOVE, smooth);      scrolling=false;   info_textfenster.scrollbalken_eins.stopDrag();  }     function smooth(ev:MouseEvent):void  {  info_textfenster.scrollbalken_eins.y = mouseY - yOffset;  if(info_textfenster.scrollbalken_eins.y <= yMin)  info_textfenster.scrollbalken_eins.y = yMin;  if(info_textfenster.scrollbalken_eins.y >= yMax)  info_textfenster.scrollbalken_eins.y = yMax;  var sp:Number = info_textfenster.scrollbalken_eins.y / yMax;     Tweener.addTween(info_textfenster.foto_beschreibung, {scrollV:(-sp*(info_textfenster.foto_beschreibung.scrollV-info_textfenster.scrollbalkenhintergrund_eins.y)), time:1});     ev.updateAfterEvent();  }  [/php]      Auch hier ist das Ergebnis nicht das erwünschte.    Den Scroller kann man nicht bis nach unten ziehen, beim Scollen wird der Text zwar ab und zu gesmootht aber nur wenn man nach unten zieht. Der Smootht wirkt sich aber in die Gegenrichtung aus. Scrollt man zum Anfang zurück dann wird der Anfang des Textes aber nicht angezeigt. Nur wenn man nochmals auf den Scroller klickt, springt der Text zum Anfang.      Ich hoffe Du kannst etwas damit anfangen was ich geschrieben habe und hast ein paar Vorschläge parat. Mit dem scrollV und/oder dem maxScrollV sind wir jedenfalls auf dem richtigen Weg!      Liebe Grüße,      Indium1</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?