3D Schalen met ActionScript

Share

|

Hoewel Flash niet in staat is van echte 3D graphics, de soort gezien in populaire computer games, kunt u de illusie van 3D met behulp van schaling.

Scaling een object is een geweldige manier om je film diepte te geven. Immers, wanneer een voorwerp ver weg is, moet het er kleiner. Als het dichterbij is, moet het er groter.

U kunt verdere versterking van deze illusie van beweging. Laten we maken een film die het vliegtuig reizen maakt van de ene hoek van het scherm naar de andere, groeien in omvang op hetzelfde moment:

Begin met een nieuwe Flash-movie.

Maak een film uit clip van een tekening van een vliegtuig of een ander object. U kunt de filmclip overal op het scherm.

Bevestig deze code om het fragment:

onClipEvent (load) (scaleAmt = 10; x = 525 en y = 25;)

onClipEvent (enterFrame) (scaleAmt + +; x -= 5; y + = 5;

 this._xscale = scaleAmt; this._yscale = scaleAmt; this._x = x; this._y = y;)

De code begint met de vaststelling van drie variabelen op hun oorspronkelijke waarden. De variabele scaleAmt houdt de schaal waarde voor de filmclip. De variabelen x en y zijn de locatie van de filmclip.

Voor elk frame die voorbij gaat, zullen al deze waarden veranderen. De scaleAmt variabele stijgt met 1. De x-variabele daalt met 5, het verzenden van de filmclip aan de linkerkant. De y variabele stijgt met 5, het verzenden van de filmclip beneden.

Hoe ben ik de waarden 1, 5, en 5 voor de variabele veranderingen? Eenvoudig: trial and error. Ik had geprobeerd de berekening van de beste waarden te gebruiken, maar het was gewoon gemakkelijker om te proberen verschillende waarden totdat ik degenen die werkte gevonden. Deze techniek is meestal de beste manier om eenvoudige effecten zoals deze te maken.

Zowel de _xscale en _yscale eigenschappen van de filmclip zijn ingesteld op scaleAmt. De _x en _y zijn ingesteld.

Het resultaat van deze film is dat het vliegtuig lijkt te vliegen vanaf de rechterbovenhoek naar de linkerbenedenhoek, dichter bij de gebruiker in de tussentijd. De gecreëerde illusie wekt de indruk alsof je bekijkt het vlak van boven. Als u het vliegtuig te trekken in het juiste perspectief, kunt u deze aanpak of verplaatsen weg in elke richting die u wenst.

Om u een voorbeeld van hoe de programmering stijlen kunnen verschillen, hier is het hetzelfde programma samengevat in minder lijnen. Het is nuttig om variaties, zoals dit te zien, want het geeft je een idee van de artistieke vrijheid die programmeurs hebben bij het schrijven van hun scripts.

onClipEvent (load) (this._x = 525; this._y = 25;)

onClipEvent (enterFrame) (this._xscale + +; this._yscale + +; this._x -= 5; this._y + = 5;)

---