<?xml version="1.0" encoding="utf-8"?> <mx:Application viewSourceURL="srcview/index.html" themeColor="#000000" xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:sbh="com.sebastiaanholtrop.components.coverflow.*" layout="absolute" width="100%" height="100%" backgroundColor="#000000" creationComplete="preset1();"> <mx:Script> <![CDATA[ private function preset1():void { this.horizontalGapSlider.value = 250; this.selectedItemWidthSlider.value = 0; this.angleSlider.value = 90; this.flippointSlider.value = 100; this.selectedItemZoomSlider.value = 560; this.cameraOffsetXSlider.value = 0; this.cameraOffsetYSlider.value = 75; } private function preset2():void { this.horizontalGapSlider.value = 200; this.selectedItemWidthSlider.value = 650; this.angleSlider.value = 90; this.flippointSlider.value = 950; this.selectedItemZoomSlider.value = 215; this.cameraOffsetXSlider.value = 0; this.cameraOffsetYSlider.value = 1300; } private function preset3():void { this.horizontalGapSlider.value = 230; this.selectedItemWidthSlider.value = 300; this.angleSlider.value = 0; this.flippointSlider.value = 400; this.selectedItemZoomSlider.value = 600; this.cameraOffsetXSlider.value = -1000; this.cameraOffsetYSlider.value = 500; } private function preset4():void { this.horizontalGapSlider.value = 250; this.selectedItemWidthSlider.value = 550; this.angleSlider.value = 115; this.flippointSlider.value = 1500; this.selectedItemZoomSlider.value = 1100; this.cameraOffsetXSlider.value = 2000; this.cameraOffsetYSlider.value = 500; } ]]> </mx:Script> <sbh:CoverFlow id="coverFlow" width="100%" height="100%" shape="planeshape" horizontalGap="{this.horizontalGapSlider.value}" angle="{this.angleSlider.value}" flippoint="{this.flippointSlider.value}" selectedItemWidth="{this.selectedItemWidthSlider.value}" selectedItemZoom="{this.selectedItemZoomSlider.value}" cameraOffsetX="{this.cameraOffsetXSlider.value}" cameraOffsetY="{this.cameraOffsetYSlider.value}"> <mx:Image id="image1" source="@Embed('img/23.jpg')" /> <mx:Image id="image2" source="@Embed('img/American IV_ The Man Comes...jpg')" /> <mx:Image id="image3" source="@Embed('img/Beyond.jpg')" /> <mx:Image id="image4" source="@Embed('img/Cansei de Ser Sexy.jpg')" /> <mx:Image id="image5" source="@Embed('img/Closer.jpg')" /> <mx:Image id="image6" source="@Embed('img/Death By Sexy.jpg')" /> <mx:Image id="image7" source="@Embed('img/Decoration Day.jpg')" /> <mx:Image id="image8" source="@Embed('img/Funeral.jpg')" /> <mx:Image id="image9" source="@Embed('img/hacker.jpg')" /> <mx:Image id="image10" source="@Embed('img/nuit blanche.jpg')" /> <mx:Image id="image11" source="@Embed('img/Our Love To Admire [Japanese Bonus Tracks].jpg')" /> <mx:Image id="image12" source="@Embed('img/Rather Ripped.jpg')" /> <mx:Image id="image13" source="@Embed('img/Sumday.jpg')" /> <mx:Image id="image14" source="@Embed('img/Pursuit Until Capture.jpg')" /> <mx:Image id="image15" source="@Embed('img/23.jpg')" /> <mx:Image id="image16" source="@Embed('img/American IV_ The Man Comes...jpg')" /> <mx:Image id="image17" source="@Embed('img/Beyond.jpg')" /> <mx:Image id="image18" source="@Embed('img/Cansei de Ser Sexy.jpg')" /> <mx:Image id="image19" source="@Embed('img/Closer.jpg')" /> <mx:Image id="image20" source="@Embed('img/Death By Sexy.jpg')" /> <mx:Image id="image21" source="@Embed('img/Decoration Day.jpg')" /> <mx:Image id="image22" source="@Embed('img/Funeral.jpg')" /> <mx:Image id="image23" source="@Embed('img/hacker.jpg')" /> <mx:Image id="image24" source="@Embed('img/nuit blanche.jpg')" /> <mx:Image id="image25" source="@Embed('img/Our Love To Admire [Japanese Bonus Tracks].jpg')" /> <mx:Image id="image26" source="@Embed('img/Rather Ripped.jpg')" /> <mx:Image id="image27" source="@Embed('img/Sumday.jpg')" /> <mx:Image id="image28" source="@Embed('img/Pursuit Until Capture.jpg')" /> </sbh:CoverFlow> <mx:HBox id="controlsHBox" x="{this.width/2 - this.controlsHBox.width/2}" y="40"> <mx:Button label=" < < " click="coverFlow.first();" /> <mx:Button label=" < " click="coverFlow.previous()" /> <mx:Button label=" > " click="coverFlow.next();" /> <mx:Button label=" > > " click="coverFlow.last();" /> </mx:HBox> <mx:Panel id="controlPanel" label="Controls" width="{this.width}" x="0" horizontalAlign="center" y="{this.height - this.controlPanel.height}"> <mx:Canvas width="800" height="100%"> <mx:Button id="presetButton1" label="Preset 1" click="preset1();" y="4" x="11"/> <mx:Button id="presetButton2" label="Preset 2" click="preset2();" x="98" y="4"/> <mx:Button id="presetButton3" label="Preset 3" click="preset3();" x="183" y="4"/> <mx:Button id="presetButton4" label="Preset 4" click="preset4();" x="271" y="4"/> <mx:Label text="Horizontal gap:" width="100" x="286" y="33"/> <mx:HSlider id="horizontalGapSlider" liveDragging="true" value="60" minimum="10" maximum="300" x="419" y="33"/> <mx:Label text="SelectedItem width:" width="159" x="286" y="59"/> <mx:HSlider id="selectedItemWidthSlider" liveDragging="true" value="170" minimum="0" maximum="1000" x="419" y="59"/> <mx:Label text="Angle:" width="100" x="10" y="85"/> <mx:HSlider id="angleSlider" liveDragging="true" value="90" minimum="-180" maximum="180" x="118" y="83"/> <mx:Label text="Flippoint:" width="100" x="10" y="59"/> <mx:HSlider id="flippointSlider" liveDragging="true" value="60" minimum="10" maximum="2000" x="118" y="57"/> <mx:Label text="SelectedItem Zoom:" width="124" x="286" y="85"/> <mx:HSlider id="selectedItemZoomSlider" liveDragging="true" value="200" minimum="-2000" maximum="2000" x="419" y="85"/> <mx:Label text="Camera offset x:" width="138" x="10" y="31"/> <mx:HSlider id="cameraOffsetXSlider" liveDragging="true" value="0" minimum="-2000" maximum="2000" x="118" y="31"/> <mx:Label text="Camera offset y:" width="100" x="579" y="4"/> <mx:VSlider id="cameraOffsetYSlider" liveDragging="true" value="75" minimum="-2000" maximum="2000" x="687" y="4" height="106"/> </mx:Canvas> </mx:Panel> </mx:Application>