flash on 2016-6-25
ウィンドウの形で円弧のものもあってもいいのではないかと考えた。
枠を半円つくり、スライダーのような物をドラッグできるようにした。
スライダーが円弧に沿って動かせることができればいいと思うが、実現できていない。
半円にちょうどいいコンテンツがあったら教えてください。
/**
* Copyright dannnn ( http://wonderfl.net/user/dannnn )
* MIT License ( http://www.opensource.org/licenses/mit-license.php )
* Downloaded from: http://wonderfl.net/c/aI5w
*/
package {
import flash.events.MouseEvent;
import flash.events.Event;
import flash.display.Sprite;
public class FlashTest extends Sprite {
public var waku:Sprite;
public var waku2:Sprite;
public var slider:Sprite;
public function FlashTest() {
// write as3 code here..
waku = new Sprite();
waku.graphics.beginFill(0x000000, 0.1);
waku.graphics.lineStyle(2, 0x000000, 0.5);
waku.graphics.moveTo(210, 10);
for(var i:Number = 0; i<=Math.PI; i=i+Math.PI/60){
waku.graphics.lineTo(200*Math.sin(i)+210, 200*Math.cos(i)+210);
}
waku.graphics.endFill();
addChild(waku);
waku2 = new Sprite();
waku2.graphics.beginFill(0x000000, 0.1);
waku2.graphics.lineStyle(2, 0x000000, 0.5);
waku2.graphics.moveTo(210, 20);
for(i = 0; i<=Math.PI; i=i+Math.PI/60){
waku2.graphics.lineTo(180*Math.sin(i)+210, 180*Math.cos(i)+210);
}
waku2.graphics.endFill();
addChild(waku2);
slider = new Sprite();
slider.graphics.beginFill(0x0000FF, 0.5);
slider.graphics.lineStyle(2, 0x0000FF, 0.5);
slider.graphics.moveTo(210,10);
slider.graphics.lineTo(210,30);
slider.graphics.lineTo(230,30);
slider.graphics.lineTo(230,10);
slider.graphics.endFill();
slider.buttonMode = true;
addChild(slider);
slider.addEventListener(MouseEvent.CLICK, onStartDrag);
}
protected function onStartDrag(e:Event):void {
slider.startDrag();
slider.addEventListener(MouseEvent.CLICK, onStopDrag);
}
protected function onStopDrag(e:MouseEvent):void {
slider.removeEventListener(MouseEvent.CLICK, onStopDrag);
slider.stopDrag();
}
}
}