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
|
var HelpCursor = View.extend({
el: "#helpCursor",
messages: {
start: "Welcome to Vvalls! Click one of the tools at right to learn how it works.",
media: "This is where you pick media to go on the walls. You can upload media, paste links, or use some of the found media.",
presets: "These presets will affect on all the walls. Click some of them to see the walls change.",
wallpaper: "Drag the wallpaper onto the walls, floor, and ceiling.",
colors: "Use these colors to change the color of the walls, floor, and ceiling.",
settings: "This is where you publish your project. Give it a name, hit save, and you'll have a URL you can share with your friends.",
},
shown: {},
initialize: function(){
$(window).mousemove(function(e){
this.el.style.left = e.pageX + "px"
this.el.style.top = e.pageY + "px"
}.bind(this))
this.show("start")
},
show: function(name){
this.showMessage(name)
this.$el.show()
},
hide: function(){
this.$el.hide()
},
showMessage: function(name){
if (+(this.shown[name] || 0) < 2) {
this.$el.html(this.messages[name])
this.shown[name] = (+this.shown[name] || 0) + 1
}
else {
this.$el.html("")
}
},
})
|
