iconomation/scripts/iconomation.js at gh-pages · csurya/iconomation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
// add icons
$('.playspace').append('<i class="em em-musical_note"></i>');
$('.playspace').append('<i class="em em-musical_keyboard"></i>');
$('.playspace').append('<i class="em em-woman"></i>');


// set the initial positions

$('.em-musical_keyboard').css({
  top: 200,
  left: 300
});

$('.em-woman').css({
  top: 300,
  left: 0
});

$('.em-musical_note').css({
  top: -200,
  left: -100
});


// play!

//move woman near piano
$('.em-woman').animate({
  left:290,
  top:210

}, 1000);

//after a delay, show music note


setTimeout(function()
{
$('.em-musical_note').css({
  left: 300,
  top:190
});
$('.em-musical_note').animate({
  left:260,
  top:-350

}, 2000, 'easeOutQuad');
}, 1000);


// after 660ms...
/*setTimeout(function()
{
  // ...move the ball
  $('.em-princess').animate
  (
  {
    left: 0
  }, 800, 'easeOutQuart'
  );
}, 660);
*/