HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
var stage = acgraph.create("container");
2
3
layer = stage.layer();
4
5
var textObject = layer.text(70, 55, "Click on this TEXT");
6
textObject.style({fontSize: "18px"});
7
textObject.selectable(false);
8
9
var counter = 0;
10
11
// Adds an event listener to a text
12
eventKey = textObject.listen("click", function(e) {
13
counter++;
14
textObject.text("You clicked " + counter + " times. ");
15
});
16
17
// Adds an event listener to a layer
18
layer.listenOnce("click", function(e) {
19
textObject.text(textObject.text() + "No more listening.");
20
// unlisten click for the text
21
textObject.unlistenByKey(eventKey);
22
});
23
24
function getRandomColor() {
25
min = Math.ceil(50);
26
max = Math.floor(200);
27
red = Math.floor(Math.random() * (max - min)) + min;
28
green = Math.floor(Math.random() * (max - min)) + min;
29
blue = Math.floor(Math.random() * (max - min)) + min;
30
return "rgb("+ red + "," + green + "," + blue + ")";
31
}