', 31 | 'Find out how to get it here.' 32 | ].join( '\n' ) : [ 33 | 'Your browser does not seem to support WebGL.
', 34 | 'Find out how to get it here.' 35 | ].join( '\n' ); 36 | 37 | } 38 | 39 | return element; 40 | 41 | }, 42 | 43 | addGetWebGLMessage: function ( parameters ) { 44 | 45 | var parent, id, element; 46 | 47 | parameters = parameters || {}; 48 | 49 | parent = parameters.parent !== undefined ? parameters.parent : document.body; 50 | id = parameters.id !== undefined ? parameters.id : 'oldie'; 51 | 52 | element = Detector.getWebGLErrorMessage(); 53 | element.id = id; 54 | 55 | parent.appendChild( element ); 56 | 57 | } 58 | 59 | }; -------------------------------------------------------------------------------- /app/client/lib/webgl/tween/tween.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author sole / http://soledadpenades.com 3 | * @author mrdoob / http://mrdoob.com 4 | * @author Robert Eisele / http://www.xarg.org 5 | * @author Philippe / http://philippe.elsass.me 6 | * @author Robert Penner / http://www.robertpenner.com/easing_terms_of_use.html 7 | * @author Paul Lewis / http://www.aerotwist.com/ 8 | * @author lechecacharro 9 | * @author Josh Faul / http://jocafa.com/ 10 | * @author egraether / http://egraether.com/ 11 | */ 12 | 13 | var TWEEN = TWEEN || ( function () { 14 | 15 | var _tweens = []; 16 | 17 | return { 18 | 19 | REVISION: '7', 20 | 21 | getAll: function () { 22 | 23 | return _tweens; 24 | 25 | }, 26 | 27 | removeAll: function () { 28 | 29 | _tweens = []; 30 | 31 | }, 32 | 33 | add: function ( tween ) { 34 | 35 | _tweens.push( tween ); 36 | 37 | }, 38 | 39 | remove: function ( tween ) { 40 | 41 | var i = _tweens.indexOf( tween ); 42 | 43 | if ( i !== -1 ) { 44 | 45 | _tweens.splice( i, 1 ); 46 | 47 | } 48 | 49 | }, 50 | 51 | update: function ( time ) { 52 | 53 | if ( _tweens.length === 0 ) return false; 54 | 55 | var i = 0, l = _tweens.length; 56 | 57 | time = time !== undefined ? time : Date.now(); 58 | 59 | while ( i < l ) { 60 | 61 | if ( _tweens[ i ].update( time ) ) { 62 | 63 | i ++; 64 | 65 | } else { 66 | 67 | _tweens.splice( i, 1 ); 68 | 69 | l --; 70 | 71 | } 72 | 73 | } 74 | 75 | return true; 76 | 77 | } 78 | 79 | }; 80 | 81 | } )(); 82 | 83 | TWEEN.Tween = function ( object ) { 84 | 85 | var _object = object; 86 | var _valuesStart = {}; 87 | var _valuesEnd = {}; 88 | var _duration = 1000; 89 | var _delayTime = 0; 90 | var _startTime = null; 91 | var _easingFunction = TWEEN.Easing.Linear.None; 92 | var _interpolationFunction = TWEEN.Interpolation.Linear; 93 | var _chainedTweens = []; 94 | var _onStartCallback = null; 95 | var _onStartCallbackFired = false; 96 | var _onUpdateCallback = null; 97 | var _onCompleteCallback = null; 98 | 99 | this.to = function ( properties, duration ) { 100 | 101 | if ( duration !== undefined ) { 102 | 103 | _duration = duration; 104 | 105 | } 106 | 107 | _valuesEnd = properties; 108 | 109 | return this; 110 | 111 | }; 112 | 113 | this.start = function ( time ) { 114 | 115 | TWEEN.add( this ); 116 | 117 | _onStartCallbackFired = false; 118 | 119 | _startTime = time !== undefined ? time : Date.now(); 120 | _startTime += _delayTime; 121 | 122 | for ( var property in _valuesEnd ) { 123 | 124 | // This prevents the engine from interpolating null values 125 | if ( _object[ property ] === null ) { 126 | 127 | continue; 128 | 129 | } 130 | 131 | // check if an Array was provided as property value 132 | if ( _valuesEnd[ property ] instanceof Array ) { 133 | 134 | if ( _valuesEnd[ property ].length === 0 ) { 135 | 136 | continue; 137 | 138 | } 139 | 140 | // create a local copy of the Array with the start value at the front 141 | _valuesEnd[ property ] = [ _object[ property ] ].concat( _valuesEnd[ property ] ); 142 | 143 | } 144 | 145 | _valuesStart[ property ] = _object[ property ]; 146 | 147 | } 148 | 149 | return this; 150 | 151 | }; 152 | 153 | this.stop = function () { 154 | 155 | TWEEN.remove( this ); 156 | return this; 157 | 158 | }; 159 | 160 | this.delay = function ( amount ) { 161 | 162 | _delayTime = amount; 163 | return this; 164 | 165 | }; 166 | 167 | this.easing = function ( easing ) { 168 | 169 | _easingFunction = easing; 170 | return this; 171 | 172 | }; 173 | 174 | this.interpolation = function ( interpolation ) { 175 | 176 | _interpolationFunction = interpolation; 177 | return this; 178 | 179 | }; 180 | 181 | this.chain = function () { 182 | 183 | _chainedTweens = arguments; 184 | return this; 185 | 186 | }; 187 | 188 | this.onStart = function ( callback ) { 189 | 190 | _onStartCallback = callback; 191 | return this; 192 | 193 | }; 194 | 195 | this.onUpdate = function ( callback ) { 196 | 197 | _onUpdateCallback = callback; 198 | return this; 199 | 200 | }; 201 | 202 | this.onComplete = function ( callback ) { 203 | 204 | _onCompleteCallback = callback; 205 | return this; 206 | 207 | }; 208 | 209 | this.update = function ( time ) { 210 | 211 | if ( time < _startTime ) { 212 | 213 | return true; 214 | 215 | } 216 | 217 | if ( _onStartCallbackFired === false ) { 218 | 219 | if ( _onStartCallback !== null ) { 220 | 221 | _onStartCallback.call( _object ); 222 | 223 | } 224 | 225 | _onStartCallbackFired = true; 226 | 227 | } 228 | 229 | var elapsed = ( time - _startTime ) / _duration; 230 | elapsed = elapsed > 1 ? 1 : elapsed; 231 | 232 | var value = _easingFunction( elapsed ); 233 | 234 | for ( var property in _valuesStart ) { 235 | 236 | var start = _valuesStart[ property ]; 237 | var end = _valuesEnd[ property ]; 238 | 239 | if ( end instanceof Array ) { 240 | 241 | _object[ property ] = _interpolationFunction( end, value ); 242 | 243 | } else { 244 | 245 | _object[ property ] = start + ( end - start ) * value; 246 | 247 | } 248 | 249 | } 250 | 251 | if ( _onUpdateCallback !== null ) { 252 | 253 | _onUpdateCallback.call( _object, value ); 254 | 255 | } 256 | 257 | if ( elapsed == 1 ) { 258 | 259 | if ( _onCompleteCallback !== null ) { 260 | 261 | _onCompleteCallback.call( _object ); 262 | 263 | } 264 | 265 | for ( var i = 0, l = _chainedTweens.length; i < l; i ++ ) { 266 | 267 | _chainedTweens[ i ].start( time ); 268 | 269 | } 270 | 271 | return false; 272 | 273 | } 274 | 275 | return true; 276 | 277 | }; 278 | 279 | }; 280 | 281 | TWEEN.Easing = { 282 | 283 | Linear: { 284 | 285 | None: function ( k ) { 286 | 287 | return k; 288 | 289 | } 290 | 291 | }, 292 | 293 | Quadratic: { 294 | 295 | In: function ( k ) { 296 | 297 | return k * k; 298 | 299 | }, 300 | 301 | Out: function ( k ) { 302 | 303 | return k * ( 2 - k ); 304 | 305 | }, 306 | 307 | InOut: function ( k ) { 308 | 309 | if ( ( k *= 2 ) < 1 ) return 0.5 * k * k; 310 | return - 0.5 * ( --k * ( k - 2 ) - 1 ); 311 | 312 | } 313 | 314 | }, 315 | 316 | Cubic: { 317 | 318 | In: function ( k ) { 319 | 320 | return k * k * k; 321 | 322 | }, 323 | 324 | Out: function ( k ) { 325 | 326 | return --k * k * k + 1; 327 | 328 | }, 329 | 330 | InOut: function ( k ) { 331 | 332 | if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k; 333 | return 0.5 * ( ( k -= 2 ) * k * k + 2 ); 334 | 335 | } 336 | 337 | }, 338 | 339 | Quartic: { 340 | 341 | In: function ( k ) { 342 | 343 | return k * k * k * k; 344 | 345 | }, 346 | 347 | Out: function ( k ) { 348 | 349 | return 1 - ( --k * k * k * k ); 350 | 351 | }, 352 | 353 | InOut: function ( k ) { 354 | 355 | if ( ( k *= 2 ) < 1) return 0.5 * k * k * k * k; 356 | return - 0.5 * ( ( k -= 2 ) * k * k * k - 2 ); 357 | 358 | } 359 | 360 | }, 361 | 362 | Quintic: { 363 | 364 | In: function ( k ) { 365 | 366 | return k * k * k * k * k; 367 | 368 | }, 369 | 370 | Out: function ( k ) { 371 | 372 | return --k * k * k * k * k + 1; 373 | 374 | }, 375 | 376 | InOut: function ( k ) { 377 | 378 | if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k * k * k; 379 | return 0.5 * ( ( k -= 2 ) * k * k * k * k + 2 ); 380 | 381 | } 382 | 383 | }, 384 | 385 | Sinusoidal: { 386 | 387 | In: function ( k ) { 388 | 389 | return 1 - Math.cos( k * Math.PI / 2 ); 390 | 391 | }, 392 | 393 | Out: function ( k ) { 394 | 395 | return Math.sin( k * Math.PI / 2 ); 396 | 397 | }, 398 | 399 | InOut: function ( k ) { 400 | 401 | return 0.5 * ( 1 - Math.cos( Math.PI * k ) ); 402 | 403 | } 404 | 405 | }, 406 | 407 | Exponential: { 408 | 409 | In: function ( k ) { 410 | 411 | return k === 0 ? 0 : Math.pow( 1024, k - 1 ); 412 | 413 | }, 414 | 415 | Out: function ( k ) { 416 | 417 | return k === 1 ? 1 : 1 - Math.pow( 2, - 10 * k ); 418 | 419 | }, 420 | 421 | InOut: function ( k ) { 422 | 423 | if ( k === 0 ) return 0; 424 | if ( k === 1 ) return 1; 425 | if ( ( k *= 2 ) < 1 ) return 0.5 * Math.pow( 1024, k - 1 ); 426 | return 0.5 * ( - Math.pow( 2, - 10 * ( k - 1 ) ) + 2 ); 427 | 428 | } 429 | 430 | }, 431 | 432 | Circular: { 433 | 434 | In: function ( k ) { 435 | 436 | return 1 - Math.sqrt( 1 - k * k ); 437 | 438 | }, 439 | 440 | Out: function ( k ) { 441 | 442 | return Math.sqrt( 1 - ( --k * k ) ); 443 | 444 | }, 445 | 446 | InOut: function ( k ) { 447 | 448 | if ( ( k *= 2 ) < 1) return - 0.5 * ( Math.sqrt( 1 - k * k) - 1); 449 | return 0.5 * ( Math.sqrt( 1 - ( k -= 2) * k) + 1); 450 | 451 | } 452 | 453 | }, 454 | 455 | Elastic: { 456 | 457 | In: function ( k ) { 458 | 459 | var s, a = 0.1, p = 0.4; 460 | if ( k === 0 ) return 0; 461 | if ( k === 1 ) return 1; 462 | if ( !a || a < 1 ) { a = 1; s = p / 4; } 463 | else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI ); 464 | return - ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) ); 465 | 466 | }, 467 | 468 | Out: function ( k ) { 469 | 470 | var s, a = 0.1, p = 0.4; 471 | if ( k === 0 ) return 0; 472 | if ( k === 1 ) return 1; 473 | if ( !a || a < 1 ) { a = 1; s = p / 4; } 474 | else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI ); 475 | return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 ); 476 | 477 | }, 478 | 479 | InOut: function ( k ) { 480 | 481 | var s, a = 0.1, p = 0.4; 482 | if ( k === 0 ) return 0; 483 | if ( k === 1 ) return 1; 484 | if ( !a || a < 1 ) { a = 1; s = p / 4; } 485 | else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI ); 486 | if ( ( k *= 2 ) < 1 ) return - 0.5 * ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) ); 487 | return a * Math.pow( 2, -10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) * 0.5 + 1; 488 | 489 | } 490 | 491 | }, 492 | 493 | Back: { 494 | 495 | In: function ( k ) { 496 | 497 | var s = 1.70158; 498 | return k * k * ( ( s + 1 ) * k - s ); 499 | 500 | }, 501 | 502 | Out: function ( k ) { 503 | 504 | var s = 1.70158; 505 | return --k * k * ( ( s + 1 ) * k + s ) + 1; 506 | 507 | }, 508 | 509 | InOut: function ( k ) { 510 | 511 | var s = 1.70158 * 1.525; 512 | if ( ( k *= 2 ) < 1 ) return 0.5 * ( k * k * ( ( s + 1 ) * k - s ) ); 513 | return 0.5 * ( ( k -= 2 ) * k * ( ( s + 1 ) * k + s ) + 2 ); 514 | 515 | } 516 | 517 | }, 518 | 519 | Bounce: { 520 | 521 | In: function ( k ) { 522 | 523 | return 1 - TWEEN.Easing.Bounce.Out( 1 - k ); 524 | 525 | }, 526 | 527 | Out: function ( k ) { 528 | 529 | if ( k < ( 1 / 2.75 ) ) { 530 | 531 | return 7.5625 * k * k; 532 | 533 | } else if ( k < ( 2 / 2.75 ) ) { 534 | 535 | return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75; 536 | 537 | } else if ( k < ( 2.5 / 2.75 ) ) { 538 | 539 | return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375; 540 | 541 | } else { 542 | 543 | return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375; 544 | 545 | } 546 | 547 | }, 548 | 549 | InOut: function ( k ) { 550 | 551 | if ( k < 0.5 ) return TWEEN.Easing.Bounce.In( k * 2 ) * 0.5; 552 | return TWEEN.Easing.Bounce.Out( k * 2 - 1 ) * 0.5 + 0.5; 553 | 554 | } 555 | 556 | } 557 | 558 | }; 559 | 560 | TWEEN.Interpolation = { 561 | 562 | Linear: function ( v, k ) { 563 | 564 | var m = v.length - 1, f = m * k, i = Math.floor( f ), fn = TWEEN.Interpolation.Utils.Linear; 565 | 566 | if ( k < 0 ) return fn( v[ 0 ], v[ 1 ], f ); 567 | if ( k > 1 ) return fn( v[ m ], v[ m - 1 ], m - f ); 568 | 569 | return fn( v[ i ], v[ i + 1 > m ? m : i + 1 ], f - i ); 570 | 571 | }, 572 | 573 | Bezier: function ( v, k ) { 574 | 575 | var b = 0, n = v.length - 1, pw = Math.pow, bn = TWEEN.Interpolation.Utils.Bernstein, i; 576 | 577 | for ( i = 0; i <= n; i++ ) { 578 | b += pw( 1 - k, n - i ) * pw( k, i ) * v[ i ] * bn( n, i ); 579 | } 580 | 581 | return b; 582 | 583 | }, 584 | 585 | CatmullRom: function ( v, k ) { 586 | 587 | var m = v.length - 1, f = m * k, i = Math.floor( f ), fn = TWEEN.Interpolation.Utils.CatmullRom; 588 | 589 | if ( v[ 0 ] === v[ m ] ) { 590 | 591 | if ( k < 0 ) i = Math.floor( f = m * ( 1 + k ) ); 592 | 593 | return fn( v[ ( i - 1 + m ) % m ], v[ i ], v[ ( i + 1 ) % m ], v[ ( i + 2 ) % m ], f - i ); 594 | 595 | } else { 596 | 597 | if ( k < 0 ) return v[ 0 ] - ( fn( v[ 0 ], v[ 0 ], v[ 1 ], v[ 1 ], -f ) - v[ 0 ] ); 598 | if ( k > 1 ) return v[ m ] - ( fn( v[ m ], v[ m ], v[ m - 1 ], v[ m - 1 ], f - m ) - v[ m ] ); 599 | 600 | return fn( v[ i ? i - 1 : 0 ], v[ i ], v[ m < i + 1 ? m : i + 1 ], v[ m < i + 2 ? m : i + 2 ], f - i ); 601 | 602 | } 603 | 604 | }, 605 | 606 | Utils: { 607 | 608 | Linear: function ( p0, p1, t ) { 609 | 610 | return ( p1 - p0 ) * t + p0; 611 | 612 | }, 613 | 614 | Bernstein: function ( n , i ) { 615 | 616 | var fc = TWEEN.Interpolation.Utils.Factorial; 617 | return fc( n ) / fc( i ) / fc( n - i ); 618 | 619 | }, 620 | 621 | Factorial: ( function () { 622 | 623 | var a = [ 1 ]; 624 | 625 | return function ( n ) { 626 | 627 | var s = 1, i; 628 | if ( a[ n ] ) return a[ n ]; 629 | for ( i = n; i > 1; i-- ) s *= i; 630 | return a[ n ] = s; 631 | 632 | }; 633 | 634 | } )(), 635 | 636 | CatmullRom: function ( p0, p1, p2, p3, t ) { 637 | 638 | var v0 = ( p2 - p0 ) * 0.5, v1 = ( p3 - p1 ) * 0.5, t2 = t * t, t3 = t * t2; 639 | return ( 2 * p1 - 2 * p2 + v0 + v1 ) * t3 + ( - 3 * p1 + 3 * p2 - 2 * v0 - v1 ) * t2 + v0 * t + p1; 640 | 641 | } 642 | 643 | } 644 | 645 | }; -------------------------------------------------------------------------------- /app/client/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Box Shadow 2 | @mixin box-shadow($value) { 3 | -webkit-box-shadow: #{$value}; 4 | -moz-box-shadow: #{$value}; 5 | -ms-box-shadow: #{$value}; 6 | -o-box-shadow: #{$value}; 7 | box-shadow: #{$value}; 8 | } 9 | 10 | 11 | // Linear Gradient 12 | @mixin background-linear-gradient($collection) { 13 | 14 | } 15 | 16 | -------------------------------------------------------------------------------- /app/client/scss/project.scss: -------------------------------------------------------------------------------- 1 | @import "_mixins"; 2 | @import "compass"; 3 | 4 | a { 5 | @include link-colors(#000011, #c0c0c0, #000011, #000011, #c0c0c0); 6 | font-weight: bold; 7 | text-decoration: none; 8 | } 9 | 10 | * { 11 | font-family: 'Gudea', sans-serif; 12 | text-transform: lowercase; 13 | } 14 | 15 | h3 { 16 | margin: 0px; 17 | } 18 | 19 | ul, li { 20 | list-style-type: none; 21 | margin: 0px; 22 | padding: 0px; 23 | } 24 | 25 | body { 26 | background-color: #222222; 27 | background: url("/img/bg.png"); 28 | overflow: hidden; 29 | 30 | } 31 | 32 | button, .topper-info { 33 | position: relative; 34 | overflow: visible; 35 | display: inline-block; 36 | padding: 0.5em 1em; 37 | 38 | margin: 0; 39 | text-decoration: none; 40 | text-align: center; 41 | text-shadow: 1px 1px 0 #fff; 42 | font-size: 20px; 43 | color: #333; 44 | 45 | 46 | &.new-game, &.continue { 47 | font-weight: bold; 48 | margin: 30px 0px 30px 275px; 49 | width: 350px; 50 | padding: 10px 20px; 51 | } 52 | } 53 | 54 | 55 | button, .topper-info, .ossprojects li, .view-gamepad { 56 | border: 1px solid #d4d4d4; 57 | white-space: nowrap; 58 | cursor: pointer; 59 | outline: none; 60 | background-color: #ececec; 61 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); 62 | background-image: -moz-linear-gradient(#f4f4f4, #ececec); 63 | background-image: -ms-linear-gradient(#f4f4f4, #ececec); 64 | background-image: -o-linear-gradient(#f4f4f4, #ececec); 65 | background-image: linear-gradient(#f4f4f4, #ececec); 66 | -moz-background-clip: padding; /* for Firefox 3.6 */ 67 | background-clip: padding-box; 68 | border-radius: 0.2em; 69 | } 70 | 71 | 72 | .view-gamepad { 73 | display: block; 74 | text-align: center; 75 | padding: 2px; 76 | margin-top: 5px; 77 | font-weight: normal; 78 | } 79 | 80 | button:hover, .ossprojects li:hover { 81 | background-color: #ffffff; 82 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ffffff)); 83 | background-image: -moz-linear-gradient(#f4f4f4, #ffffff); 84 | background-image: -ms-linear-gradient(#f4f4f4, #ffffff); 85 | background-image: -o-linear-gradient(#f4f4f4, #ffffff); 86 | background-image: linear-gradient(#f4f4f4, #ffffff); 87 | } 88 | 89 | .topper-info { 90 | color: #FFF; 91 | text-transform: lowercase; 92 | border-radius: 0; 93 | cursor: none; 94 | width: 100%; 95 | font-size: 10px; 96 | color: #000011; 97 | } 98 | 99 | .control-help { 100 | font-size: 10px; 101 | color: #FFF; 102 | width: 100px; 103 | position: absolute; 104 | bottom: 0px; 105 | right: 0px; 106 | width: 100px; 107 | } 108 | 109 | .gamepad-status { 110 | position: absolute; 111 | bottom: 100px; 112 | right: 0px; 113 | font-size: 12px; 114 | width: 100px; 115 | color: #FFF; 116 | .connected { 117 | background: #baff72; 118 | } 119 | } 120 | 121 | .req-webgl .continue { 122 | margin: 85px 0px 30px 170px; 123 | width: 600px; 124 | font-size: 23px; 125 | } 126 | 127 | .player-list li { 128 | display: inline; 129 | } 130 | 131 | .req-welcome { 132 | h3 { 133 | color: #333333; 134 | margin-left: 6px; 135 | } 136 | } 137 | 138 | .req-gameover { 139 | h1 { 140 | margin-lefT: 75px; 141 | } 142 | .window p { 143 | margin-left: 35px; 144 | } 145 | } 146 | 147 | .req-project { 148 | aside { 149 | font-size: 20px; 150 | margin: 20px 0px 20px 35px; 151 | } 152 | } 153 | 154 | .frames { 155 | width: 990px; 156 | margin: 0 auto; 157 | position: relative; 158 | } 159 | 160 | .life { 161 | height: 20px; 162 | width: 100%; 163 | // TODO: fix this later 164 | // needs latest Compass, add '@import "compass"' to your scss 165 | background-color: #cdeb8e; 166 | // Old browsers 167 | @include background-image(linear-gradient(top, #cdeb8e 0%, #a5c956 100%)); 168 | text-transform: lowercase; 169 | 170 | } 171 | 172 | .frame { 173 | position: absolute; 174 | width: 990px; 175 | top: -1000px; 176 | margin: 0 auto; 177 | h1 { 178 | font-weight: normal; 179 | font-size: 60px; 180 | text-shadow: 2px 1px 4px rgb(39, 38, 38); 181 | height: 90px; 182 | color: #F3F5F7; 183 | margin: 0px 0px 0px 45px; 184 | padding: 0px; 185 | text-transform: lowercase; 186 | } 187 | .window { 188 | @include box-shadow("inset 0px 1px 0px rgba(255,255,255, 0.25), 0px 10px 20px rgba(0,0,0, 0.7)"); 189 | width: 900px; 190 | overflow: hidden; 191 | background: #FFF; 192 | position: relative; 193 | min-height: 250px; 194 | max-height: 460px; 195 | margin: 0 auto; 196 | .part { 197 | width: 25%; 198 | float: left; 199 | h3 { 200 | margin: 20px 0px 0px 0px; 201 | } 202 | } 203 | .part-large { 204 | float: left; 205 | width: 70%; 206 | padding-right: 4%; 207 | ul { 208 | margin-left: 5%; 209 | } 210 | li { 211 | font-size: 18px; 212 | margin: 10px 0px 10px 0px; 213 | list-style-type: square; 214 | } 215 | } 216 | h1 { 217 | margin: 0px; 218 | text-align: center; 219 | font-weight: bold; 220 | text-transform: uppercase; 221 | color: #c0c0c0; 222 | &.logo span { 223 | color: #000011; 224 | } 225 | } 226 | .under-logo { 227 | position: absolute; 228 | top: 47px; 229 | left: 350px; 230 | } 231 | } 232 | } 233 | 234 | .plays { 235 | clear: both; 236 | .play { 237 | overflow: hidden; 238 | float: left; 239 | width: 9%; 240 | font-size: 10px; 241 | border-left: 1px solid grey; 242 | padding: 0.7%; 243 | margin: 0.7%; 244 | white-space: nowrap; 245 | } 246 | } 247 | 248 | .progress { 249 | display: none; 250 | } 251 | 252 | .ossprojects { 253 | li { 254 | cursor: pointer; 255 | float: left; 256 | width: 20%; 257 | margin: 1%; 258 | padding: 1%; 259 | height: 100px; 260 | overflow: hidden; 261 | span { 262 | display: block; 263 | } 264 | 265 | .name { 266 | font-weight: bold; 267 | text-align: center; 268 | font-size: 24px; 269 | margin-bottom: 30px; 270 | } 271 | .data { 272 | 273 | } 274 | } 275 | overflow: hidden; 276 | margin: 0px 0px 20px 25px; 277 | } 278 | 279 | .about { 280 | position: absolute; 281 | color: #FFF; 282 | left: 0px; 283 | bottom: 0px; 284 | font-size: 10px; 285 | a { 286 | color: #FFF; 287 | } 288 | } 289 | 290 | .again { 291 | position: absolute; 292 | top: 40px; 293 | right: 36px; 294 | width: 200px; 295 | } 296 | 297 | .g-on { 298 | color: green; 299 | } 300 | 301 | .level { 302 | @include opacity(0.7); 303 | display: none; 304 | background-color: #fc4e1e; 305 | border-radius: 10px; 306 | height: 100px; 307 | width: 10%; 308 | top:80px; 309 | margin-left: -10%; 310 | left: 50%; 311 | text-align: center; 312 | padding: 20px; 313 | position: absolute; 314 | div { 315 | margin-top: 10px; 316 | font-size: 24px; 317 | span { 318 | font-size: 45px; 319 | display: block; 320 | font-weight: bold; 321 | margin: 0auto; 322 | } 323 | } 324 | } 325 | 326 | .window button.music { 327 | padding: 2px; 328 | font-size: 15px; 329 | margin-top: 5px; 330 | } 331 | body > .control-help .music { 332 | font-size: 12px; 333 | padding: 0px 5px; 334 | margin: 0px; 335 | border: 0px; 336 | text-align: left; 337 | text-shadow: none; 338 | } -------------------------------------------------------------------------------- /app/client/templates/choose.html: -------------------------------------------------------------------------------- 1 | 2 |
2. choose your project
3 |
4 |
5 | {{> projects }}
6 |
7 |
8 |
--------------------------------------------------------------------------------
/app/client/templates/game/dashboard.html:
--------------------------------------------------------------------------------
1 |
2 | Level {{count}}
Code Freeze!
4 |
5 |
19 | {{/if}}
20 |
21 |
--------------------------------------------------------------------------------
/app/client/templates/partial/about.html:
--------------------------------------------------------------------------------
1 |
2 | You've reached Level {{stats.LEVEL}}. 6 | with {{stats.COMMITS}} more commit(s). 7 | {{stats.STARS}} more star(s). 8 |
9 | {{# if stats.EPIC_FAIL }} 10 |Get off the fail train and try again!
11 | {{else}} 12 |Your contribution to this project will be recorded!
13 | {{/if}} 14 | 15 |{{#if user}} Contributions saved to your account {{else}} Login to save your name to the scoreboard: {{/if}} {{loginButtons}}
16 | {{> projects }} 17 | 18 |built with meteor and three.js | open source
3 | 4 | -------------------------------------------------------------------------------- /app/client/templates/partial/help.html: -------------------------------------------------------------------------------- 1 | 2 |-
3 |
- arrow keys - move 4 |
- q / w - < , > teleport 5 |
- TAB - clockwise tele 6 |
- SPACE - attack 7 |
- e - enter or exit 3D 8 | 9 |
- gamepad: {{status}} 10 | 11 |
-
4 | {{#each list}}
5 |
- 6 | {{name}} 7 | {{commits}} commits 8 | {{stars}} stars 9 | 10 | {{/each}} 11 |
Recent Games
4 |-
5 | {{#each list}}
6 |
-
7 |
-
8 | {{#if user}}
9 |
- {{user.services.github.username}} 10 | {{/if}} 11 |
- {{project_name}} 12 |
- Level: {{session.LEVEL}} 13 |
- Commits: {{session.COMMITS}} 14 |
- Stars: {{session.STARS}} 15 |
- {{session.SECONDS_PLAYED_STRING}} 16 |
18 | {{/each}}
19 |
Top Scores
4 |-
5 | {{#each list}}
6 |
-
7 |
-
8 | {{#if user}}
9 |
- {{user.services.github.username}} 10 | {{/if}} 11 |
- {{project_name}} 12 |
- Level: {{session.LEVEL}} 13 |
- Commits: {{session.COMMITS}} 14 |
- Stars: {{session.STARS}} 15 |
- {{session.SECONDS_PLAYED_STRING}} 16 |
18 | {{/each}}
19 |
2. Instructions
4 |
5 |
6 |
18 |
19 |
26 |
27 |
28 | -
7 |
- Allow the code blocks
8 | to hit the related branch color,
9 | i.e. Good:
Bad: 
10 | - destroy the blocks that do not match the branch color 11 |
- branches change if you destroy matching blocks or a
block
12 | - The game gets harder over time, be prepared! 13 |
- You lose health if you mismatch the colors or destroy good code 14 |
- When stars
get to the branch, collect then with your committer 
15 | - Use branch teleporting (tab) and 3D view to your advantage 16 |
Controls
20 | {{> help}} 21 |HTML5 GamePad!
22 |If you have have a game pad, plug it when in game and start pressing buttons. 23 | view gamePad controls 24 |
25 |0. Sorry, Need WebGl!
4 |
5 |
6 |
7 |
5 |
12 | cØre committer
6 |GitHub Game Off 2012 game
7 | 8 | 9 | {{> recentScores}} 10 | {{> topScores}} 11 |