Hi all:
Now here it is - the most basic preloading animation one can think of:
package;
import openfl.display.Sprite;
import openfl.display.Graphics;
import openfl.Lib;
import openfl.events.Event;
class Main extends Sprite
{
var spinner:Sprite = new Sprite();
public function new()
{
super();
var localRadius:Float = Lib.application.window.width / 35;
var shape:Graphics = spinner.graphics;
shape.beginFill(0xFFFFFF, 0.35);
shape.moveTo(0, 0);
shape.lineTo(0 + Math.cos(0) * localRadius, 0 + Math.sin(0) * localRadius);
var counter:Float = 0;
do
{
shape.lineTo(0+Math.cos(counter)*localRadius,0+Math.sin(counter)*localRadius);
shape.lineTo(0 + Math.cos(counter + Math.PI / 180) * localRadius, 0 + Math.sin(counter + Math.PI / 180) * localRadius);
counter+=Math.PI / 180;
}
while (counter < Math.PI * 1.75);
localRadius = localRadius / 10 * 7;
shape.lineTo(0 + Math.cos(counter) * localRadius, 0 + Math.sin(counter) * localRadius);
do
{
shape.lineTo(0+Math.cos(counter)*localRadius,0+Math.sin(counter)*localRadius);
shape.lineTo(0 + Math.cos(counter + Math.PI / 180) * localRadius, 0 + Math.sin(counter + Math.PI / 180) * localRadius);
counter-=Math.PI / 180;
}
while (counter > 0);
localRadius = localRadius / 7 * 10;
shape.lineTo(0 + Math.cos(counter) * localRadius, 0 + Math.sin(counter) * localRadius);
shape.endFill();
spinner.x = Lib.application.window.width / 2;
spinner.y = Lib.application.window.height / 2;
addChild(spinner);
addEventListener(Event.ENTER_FRAME, spin);
}
private function spin(e:Event):Void
{
spinner.rotation++;
}
}
It’s that well-known rotating circular thingie you’ve surely seen all over the web yet.
On flash everythings cool! If targeting html5 the rotation ain’t smooth anymore.
It looks like the shape is shifting one pixel to the left/right/up/down occasionally.
I bet it’s the way canvas works - anyway, is there anything we could do?