• Home
• org.hyperscala
• hyperscala-examples_2.11
• 0.10.3
• source code
• CreateJSExample.scala

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

org.hyperscala.examples.createjs.CreateJSExample.scala Maven / Gradle / Ivy

package org.hyperscala.examples.createjs

import org.hyperscala.createjs.CreateJS
import org.hyperscala.easeljs.{ShapeProperty, Stage}
import org.hyperscala.examples.Example
import org.hyperscala.html._
import org.hyperscala.tweenjs.{Ease, Ticker, Tween}
import org.hyperscala.web.Webpage
import org.powerscala.Color

/**
 * Matt Hicks 
 */
class CreateJSExample extends Webpage with Example {
  require(CreateJS)

  val canvas = new tag.Canvas(id = "testCanvas", width = 500, height = 200)
  body.contents += canvas

  val stage = Stage(canvas)
  val circle = stage.createShape()
  circle.graphics.beginFill(Color.DeepSkyBlue).drawCircle(0.0, 0.0, 50.0)
  circle.x := 100.0
  circle.y := 100.0

  import ShapeProperty._
  val tween = Tween(circle, loop = true)
    .to(List(X.value(400.0)), 1000, Ease.PowInOut(4.0))
    .to(List(Alpha.value(0.0), Y.value(75.0)), 500, Ease.PowInOut(2.0))
    .to(List(Alpha.value(0.0), Y.value(125.0)), 100)
    .to(List(Alpha.value(1.0), Y.value(100.0)), 500, Ease.PowInOut(2.0))
    .to(List(X.value(100.0)), 800, Ease.PowInOut(2.0))

  Ticker.setFPS(stage, 60)
  Ticker.addEventListener("tick", stage)
}