Structured Canvas Language™ - Make games easily

SCL™ Basics

After the shaking is done, we prepare to show a fortune. This involves re-centering the sprite and swapping images. We also layer images as child sprites. This allows us to show a window to through which to view a fortune in the ball.

Child sprites are not launched, but are attached to a parent sprite. Notice also that we change the main image of the 'ball' sprite using and update command.

create routine as Start
  launch ball
end

create sprite from 8ball.png as ball
  where x=400 y=300 center=250,250 click=Touched
end

create routine as Touched
  insert into ball where alt=WiggleLeft
  insert into ball where alt=RotLeft
end

create var as WiggleCount where value=0 completion=WiggleDone condition=5 end

create slide as WiggleLeft
  where speed=600 distance=40 direction=220 completion=WiggleLeftDone
end

create slide as WiggleRight
  where speed=600 distance=40 direction=45 completion=WiggleRightDone
end

create rotation as RotLeft
  where distance=20 speed=800 completion=RotLeftDone
end

create routine as RotLeftDone
  insert into ball where alt=RotRight
end

create rotation as RotRight
  where distance=20 speed=-800
end

create routine as WiggleLeftDone
  insert into ball where alt=WiggleRight
end

create routine as WiggleRightDone
	update var WiggleCount add=1
  insert into ball where alt=WiggleLeft
  insert into ball where alt=RotLeft
end

create routine as WiggleDone
  remove from ball where alt=WiggleLeft
  remove from ball where alt=RotLeft
  update sprite ball where image=ballbottom.png
	insert into ball where children=(windowback,triangle,window)
  insert into ball where alt=TransToCenter
  insert into ball where alt=(sub create rotation where destination=0 speed=-100 end)
  insert into window where alt=(sub create fade where until=0.1 rate=-1 end)
end

create sprite from ballbottom.png end
create sprite from window.png as window
  where x=0 y=0 center=70,70 alpha=1
end
create sprite from windowback.png as windowback
  where x=0 y=0 center=70,70
end
create sprite from triangle.png as triangle
  where x=0 y=0 center=70,70
end

create translation as TransToCenter
	where x=400 y=300 speed=400
end

editable

WiggleDone does much more now than just removing the motions.
update sprite will change our 'image' for the main sprite. This image has a hollow square in the middle for our window.
children are added to the ball using insert into. The children are layered in the order given. The list of children must be in parenthesis unless there is only one child. In that case, no parenthesis are permitted.
We also want to re-center the ball sprite after it has been shaken. We do this with a translation alteration.
Notice also the two inserts at the end of WiggleDone. Those are 'inline', 'anonymous' alterations. They are a convenient way to add temporary alterations which don't need a name or a 'create' command. Alterations declared this way will automatically remove themselves when they are finished.
Also notice how the window is faded to give the effect of the triangle coming into view. This is done with a 'fade' alteration. Fades change the transparency of a sprite. In this case the window sprite is made transparent for the triangle to show through.