forked from serprex/openEtG
-
Notifications
You must be signed in to change notification settings - Fork 0
/
mosaic.htm
51 lines (51 loc) · 1.14 KB
/
mosaic.htm
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
<!DOCTYPE html>
<head>
<link href="forum/Smileys/default/water.png" rel="shortcut icon" />
<title>openEtG artcredit mosaic</title>
<style>
body {
background-color:#000;
color:#fff;
margin:0;
}
</style>
<script src="etgify.js"></script>
</head>
<body>
<img id="codeimg" src="assets/atlas.png">
<span id="aname"></span>
<script>
"use strict";
var atlas = require("./assets/atlas");
var aname = document.getElementById("aname"), oldkey;
var a2n = {
e: "Timpa & Ravi",
e13: "Kae",
e14: "Fippe",
r: "Timpa",
t: "Ravi",
s: "Kae",
sborder: "Kae",
silence: "Kae",
sanctuary: "Kae",
sacrifice: "Kae",
protection: "Kae",
singularity: "Kae",
shinyborder: "Kae",
gold: "Kae",
};
document.getElementById("codeimg").addEventListener("mousemove", function(e){
var x=e.pageX-this.offsetLeft, y=e.pageY-this.offsetTop;
for(var key in atlas){
var v=atlas[key];
if (x>=v[0] && x<= v[0]+v[2] && y>=v[1] && y<=v[1]+v[3]){
if (oldkey == key) return;
oldkey = key;
while(aname.firstChild) aname.firstChild.remove();
aname.appendChild(document.createTextNode(a2n[key] || a2n[key.replace(/\d+$/, "")]));
return;
}
}
});
</script>
</body>