Portal:Gaming/Secret: Unterschied zwischen den Versionen
Aus Stupidedia, der sinnfreien Enzyklopädie!
K |
K (+ a,d) |
||
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<html><script type="text/javascript"> | <html><script type="text/javascript"> | ||
− | var animate, canvas, context, player, computer, ball; | + | var animate, canvas, context, player, computer, ball, popup; |
var width = 400; | var width = 400; | ||
Zeile 93: | Zeile 93: | ||
for (var key in keysDown) { | for (var key in keysDown) { | ||
var value = Number(key); | var value = Number(key); | ||
− | if (value == 37) { | + | if (value == 37 || value == 65) { |
this.paddle.move(-4, 0); | this.paddle.move(-4, 0); | ||
− | } else if (value == 39) { | + | } else if (value == 39 || value == 68) { |
this.paddle.move(4, 0); | this.paddle.move(4, 0); | ||
} else { | } else { | ||
Zeile 171: | Zeile 171: | ||
ball.x = 200; | ball.x = 200; | ||
ball.y = 300; | ball.y = 300; | ||
− | player.paddle | + | player.paddle = new Paddle(175, 580, 50, 10); |
− | computer.paddle | + | computer.paddle = new Paddle(175, 10, 50, 10); |
$(popup).show(); | $(popup).show(); | ||
return false; | return false; | ||
} | } | ||
− | + | ||
− | + | popup = document.createElement("div"); | |
popup.setAttribute('class', 'popup'); | popup.setAttribute('class', 'popup'); | ||
document.getElementById('bodyContent').appendChild(popup); | document.getElementById('bodyContent').appendChild(popup); | ||
Zeile 184: | Zeile 184: | ||
bar.setAttribute('class', 'popup-bar'); | bar.setAttribute('class', 'popup-bar'); | ||
popup.appendChild(bar); | popup.appendChild(bar); | ||
+ | |||
+ | var heading = $('<h3></h3>'); | ||
+ | heading.text('Frohe Ostern!'); | ||
+ | $(bar).append(heading); | ||
var close = $('<button class="btn-close" title="Fenster schließen">X</button>'); | var close = $('<button class="btn-close" title="Fenster schließen">X</button>'); | ||
Zeile 233: | Zeile 237: | ||
top: 50%; | top: 50%; | ||
margin-top: -300px; | margin-top: -300px; | ||
+ | box-shadow: .3em .3em .8em .2em #000; | ||
+ | } | ||
+ | .popup canvas { | ||
+ | display: block; | ||
+ | } | ||
+ | .popup-bar { | ||
+ | background-color: #222; | ||
+ | color: #EEE; | ||
+ | padding: 1em; | ||
+ | box-shadow: 0 -.5em .5em -.5em rgba(255, 255, 255, .8) inset; | ||
+ | } | ||
+ | .popup-bar h3 { | ||
+ | margin: 0px; | ||
+ | color: #EEE; | ||
+ | text-align: center; | ||
+ | padding: 0px; | ||
} | } | ||
− | .btn-close { | + | .popup-bar .btn-close { |
− | + | position: absolute; | |
+ | right: .5em; | ||
+ | top: .5em; | ||
} | } | ||
</css> | </css> |
Aktuelle Version vom 4. November 2015, 14:13 Uhr