1&1 Webhosting
Flashhilfe.de - Flash Community

Carousel mit Zentrum [Flash 9]

Forum > ActionScript 2.0 > Carousel mit Zentrum

 


AntwortenRegistrieren Seite1  

 28.07.2009, 21:05 
Beiträge: 32
Registriert: Mar 2006

Carousel mit Zentrum
Hallo zusammen,

wie stelle ich es an, ein Zentrum (stehendes Bild) in ein Carousel (von gotoandlearn.com) einzufügen, worum sich die Elemente drehen ?

Ich füge so das Bild ein

ActionScript:
1
2
3
4
var container = _root.createEmptyMovieClip("container", 3);
  container.attachMovie("titelbild","gfx",1);
  _root.container._X=((Stage.width-container._width)/2);
  _root.container._Y=((Stage.height-container._height));


Nur wie verpasse ich dem Container eine Perspektive?

Danke für alle Hinweise.

Grüße

tvtotal
 28.07.2009, 21:46Re1
Benutzerbild von vindelFlashhilfe.de Moderator
Beiträge: 2852
Wohnort: Köln
Registriert: Oct 2007

es gibt bei dem Methode ein Karusell zu erstellen keine wirkliche perspektive. Die optische Täuschung wird einfach nur durch Größenänderungen gemacht. Du kannst das Bild in der Mitte auch einfach in Flash reinziehen..
public Weltformel(Problem){
      if (Problem gelöst) return Lösung;
      else Weltformel(kleiners Problem);
}
 28.07.2009, 22:15Re2
Beiträge: 32
Registriert: Mar 2006

Themenautor/in

Hallo und danke für die Antwort.

Ich probiere gerade ein wenig herum. Wie erfolgt denn dann die Einstellung, dass die Bilder sich in der richtigen Reihenfolge überdecken?

Ich probiere gerade ein wenig herum:

Wenn ich meinen Container mit folgendem Code anspreche, sind die Bildchen einmal vor dem Bild im Zentrum und einmal dahinter. Leider noch etwas verkehrt.

ActionScript:
1container.swapDepths(Math.round(this._xscale) + 100);


Es scheint also doch eine perpektive zu geben.

Das ist übrigens der gesamte Code:

ActionScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import mx.utils.Delegate;

var numOfItems:Number;
var radiusX:Number = 300;
var radiusY:Number = 15;
var centerX:Number = Stage.width / 2;
var centerY:Number = Stage.height / 2;
var speed:Number = 0.05;
var perspective:Number = 0;
var home:MovieClip = this;

var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);
tooltip._alpha = 0;

//TV aus Bibliothek
  var container = _root.createEmptyMovieClip("container", 3);
  container.attachMovie("titelbild","gfx",1);
  _root.container._X=((Stage.width-container._width)/2);
  _root.container._Y=((Stage.height-container._height));
  //TV aus Bibliothek


var xml:XML = new XML();
xml.ignoreWhite = true;

xml.onLoad = function()
{
   var nodes = this.firstChild.childNodes;
   numOfItems = nodes.length;
   for(var i=0;i<numOfItems;i++)
   {
      var t = home.attachMovie("item","item"+i,i+1);
      t.angle = i * ((Math.PI*2)/numOfItems);
      t.onEnterFrame = mover;
      t.toolText = nodes[i].attributes.tooltip;
      t.icon.inner.loadMovie(nodes[i].attributes.image);
      t.r.inner.loadMovie(nodes[i].attributes.image);
      t.icon.onRollOver = over;
      t.icon.onRollOut = out;
      t.icon.onRelease = released;
   }
}

function over()
{
   home.tooltip.tipText.text = this._parent.toolText;
   home.tooltip._x = this._parent._x;
   home.tooltip._y = this._parent._y - this._parent._height/2;
   home.tooltip.onEnterFrame = Delegate.create(this,moveTip);
   home.tooltip._alpha = 100;
}

function out()
{
   delete home.tooltip.onEnterFrame;
   home.tooltip._alpha = 0;
}

function released()
{
   trace(this._parent.toolText);
}

function moveTip()
{
   home.tooltip._x = this._parent._x;
   home.tooltip._y = this._parent._y - this._parent._height/2;
}

xml.load("icons.xml");

function mover()
{
   this._x = Math.cos(this.angle) * radiusX + centerX;
   this._y = Math.sin(this.angle) * radiusY + centerY;
   var s = (this._y - perspective) /(centerY+radiusY-perspective);
   this._xscale = this._yscale = s*100;
   this.angle += this._parent.speed;
   this.swapDepths(Math.round(this._xscale) + 100);
   container.swapDepths(Math.round(this._xscale) + 100);
}

this.onMouseMove = function()
{
   speed = (this._xmouse-centerX)/5000;
}


Grüße

tvtotal
 
nicht sichtbar bei eingeloggten Mitgliedern
 28.07.2009, 22:45Re3
Benutzerbild von vindelFlashhilfe.de Moderator
Beiträge: 2852
Wohnort: Köln
Registriert: Oct 2007

ja, du hast recht, dass die Bilder die Tiefr wechseln, aber ne richtige Perspektive ist das ja nicht.
Also, ganz einfach: vorne haben die Bilder einen Z-Index von ca.180 und hinten von ca. 114, sprich die mitte währe dann 147.
var container = _root.createEmptyMovieClip("container", 147); solle klappen!
public Weltformel(Problem){
      if (Problem gelöst) return Lösung;
      else Weltformel(kleiners Problem);
}
 28.07.2009, 22:59Re4
Beiträge: 32
Registriert: Mar 2006

Themenautor/in

Fantastisch. Das klappt !!!!

Vielen Dank und viele Grüße in die Domstadt.
 
Themen
Ähnliche Beiträge zum Thema
 

AntwortenRegistrieren Seite1  

Schnellantwort

Du musst registriert sein, um diese Funktion nutzen zu können.
Partner Webseiten: DesignerInAction.de   Designnation.de   Mediengestalter.info   php-resource.de   phpforum.de   phpwelt.de   Pixelio.de   PSD-Tutorials.de   Tutorials.de

Haftungsausschluss   Datenschutzerklärung   Hier Werben   Impressum
© 1999-2012 Sebastian Wichmann - Flashhilfe.de