move pacman to its own file
Nils Schneider
parent
6e3d4a9fca
commit
159f1273bb
|
|
@ -176,12 +176,6 @@ vis.append("g").attr("class", "links")
|
||||||
|
|
||||||
vis.append("g").attr("class", "nodes")
|
vis.append("g").attr("class", "nodes")
|
||||||
|
|
||||||
var pm = vis.append("path")
|
|
||||||
.style("fill", "#ff0")
|
|
||||||
.style("stroke", "#000")
|
|
||||||
.style("stroke-width", 2.5)
|
|
||||||
.style("stroke-linejoin", "round")
|
|
||||||
|
|
||||||
var linkedByIndex
|
var linkedByIndex
|
||||||
|
|
||||||
var force = d3.layout.force()
|
var force = d3.layout.force()
|
||||||
|
|
@ -208,9 +202,6 @@ var force = d3.layout.force()
|
||||||
var angle = d3.scale.linear()
|
var angle = d3.scale.linear()
|
||||||
.domain([0, 1, 2, 3])
|
.domain([0, 1, 2, 3])
|
||||||
.range([0.01, Math.PI/4, 0.01, Math.PI/4])
|
.range([0.01, Math.PI/4, 0.01, Math.PI/4])
|
||||||
var a = 0
|
|
||||||
|
|
||||||
var p = {x: 0, y: 0}
|
|
||||||
|
|
||||||
force.on("tick", function() {
|
force.on("tick", function() {
|
||||||
var size = force.size()
|
var size = force.size()
|
||||||
|
|
@ -239,44 +230,6 @@ force.on("tick", function() {
|
||||||
vis.selectAll(".node").attr("transform", function(d) {
|
vis.selectAll(".node").attr("transform", function(d) {
|
||||||
return "translate(" + d.x + "," + d.y + ")";
|
return "translate(" + d.x + "," + d.y + ")";
|
||||||
})
|
})
|
||||||
|
|
||||||
a = (a + 0.10)%2
|
|
||||||
|
|
||||||
pm.attr("d", d3.svg.arc().innerRadius(0)
|
|
||||||
.outerRadius(24).endAngle(-angle(a) + Math.PI/2 + 2*Math.PI).startAngle(angle(a) + Math.PI/2))
|
|
||||||
|
|
||||||
var closest = null
|
|
||||||
var dd = Infinity;
|
|
||||||
for (i = 0; i < n; i++) {
|
|
||||||
var o = nodes[i]
|
|
||||||
if (o.dead)
|
|
||||||
continue
|
|
||||||
|
|
||||||
var d = Math.pow((o.x - p.x),2) + Math.pow( o.y - p.y, 2)
|
|
||||||
if (d < dd) {
|
|
||||||
dd = d
|
|
||||||
closest = o
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var dx = closest.x - p.x
|
|
||||||
var dy = closest.y - p.y
|
|
||||||
|
|
||||||
var d = Math.sqrt(Math.pow(dx,2) + Math.pow(dy,2))
|
|
||||||
|
|
||||||
dx = dx/d
|
|
||||||
dy = dy/d
|
|
||||||
|
|
||||||
if (d>1) {
|
|
||||||
|
|
||||||
p.x += dx
|
|
||||||
p.y += dy
|
|
||||||
} else {
|
|
||||||
closest.dead = true
|
|
||||||
}
|
|
||||||
|
|
||||||
pm.attr("transform", "matrix(" + [dx, dy, -dy, dx, p.x, p.y].join(",") + ")")
|
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
var data
|
var data
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
||||||
|
<title>Freifunk Lübeck - Knotengraph</title>
|
||||||
|
<link href='style.css' rel='stylesheet' type='text/css' />
|
||||||
|
<link href='force.css' rel='stylesheet' type='text/css' />
|
||||||
|
<link href='force-big.css' rel='alternate stylesheet' type='text/css' title='big' disabled/>
|
||||||
|
<link href='force-light.css' rel='stylesheet' type='text/css' title='light'/>
|
||||||
|
<script type="text/javascript" src="jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="d3.v2.js"></script>
|
||||||
|
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
|
||||||
|
<script src="https://raw.github.com/HPNeo/gmaps/master/gmaps.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>luebeck.freifunk.net</h1>
|
||||||
|
<ul>
|
||||||
|
<li><a href="nodes.html">Knotengraph</a></li>
|
||||||
|
<li><a href="geomap.html">Knotenkarte</a></li>
|
||||||
|
</ul>
|
||||||
|
</header>
|
||||||
|
<div id="chart"></div>
|
||||||
|
<script src='force.js' type='text/javascript'></script>
|
||||||
|
<script src='pacman.js' type='text/javascript'></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
d3.timer(pacman)
|
||||||
|
var a = 0
|
||||||
|
|
||||||
|
var p = {x: 0, y: 0}
|
||||||
|
var pm = vis.append("path")
|
||||||
|
.style("fill", "#ff0")
|
||||||
|
.style("stroke", "#000")
|
||||||
|
.style("stroke-width", 2.5)
|
||||||
|
.style("stroke-linejoin", "round")
|
||||||
|
|
||||||
|
function pacman() {
|
||||||
|
var size = force.size()
|
||||||
|
var nodes = force.nodes()
|
||||||
|
var n = nodes.length
|
||||||
|
if (n == 0)
|
||||||
|
return
|
||||||
|
|
||||||
|
a = (a + 0.10)%2
|
||||||
|
|
||||||
|
pm.attr("d", d3.svg.arc().innerRadius(0)
|
||||||
|
.outerRadius(24).endAngle(-angle(a) + Math.PI/2 + 2*Math.PI).startAngle(angle(a) + Math.PI/2))
|
||||||
|
|
||||||
|
var closest = null
|
||||||
|
var dd = Infinity;
|
||||||
|
for (i = 0; i < n; i++) {
|
||||||
|
var o = nodes[i]
|
||||||
|
|
||||||
|
var d = Math.pow((o.x - p.x),2) + Math.pow( o.y - p.y, 2)
|
||||||
|
if (d < dd) {
|
||||||
|
dd = d
|
||||||
|
closest = o
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var dx = closest.x - p.x
|
||||||
|
var dy = closest.y - p.y
|
||||||
|
|
||||||
|
var d = Math.sqrt(Math.pow(dx,2) + Math.pow(dy,2))
|
||||||
|
|
||||||
|
dx = dx/d
|
||||||
|
dy = dy/d
|
||||||
|
|
||||||
|
if (d>1) {
|
||||||
|
|
||||||
|
p.x += dx
|
||||||
|
p.y += dy
|
||||||
|
} else {
|
||||||
|
var snd;
|
||||||
|
if (closest.flags.client) {
|
||||||
|
snd = new Audio("pacman_eatfruit.wav")
|
||||||
|
} else {
|
||||||
|
snd = new Audio("pacman_eatghost.wav")
|
||||||
|
}
|
||||||
|
snd.play()
|
||||||
|
|
||||||
|
data.nodes = data.nodes.filter(function (d) {
|
||||||
|
return d.id != closest.id
|
||||||
|
})
|
||||||
|
|
||||||
|
data.links = data.links.filter(function (d) {
|
||||||
|
return d.target.id != closest.id && d.source.id != closest.id
|
||||||
|
})
|
||||||
|
update()
|
||||||
|
}
|
||||||
|
|
||||||
|
pm.attr("transform", "matrix(" + [dx, dy, -dy, dx, p.x, p.y].join(",") + ")")
|
||||||
|
}
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue