├── app ├── robots.txt ├── favicon.ico ├── sounds │ ├── noammo.mp3 │ ├── reload.mp3 │ ├── roar │ │ ├── 1.mp3 │ │ ├── 2.mp3 │ │ ├── 3.mp3 │ │ ├── 4.mp3 │ │ ├── 5.mp3 │ │ └── 6.mp3 │ ├── scream.mp3 │ ├── shoot.mp3 │ ├── laughter.mp3 │ ├── punch │ │ ├── 1.mp3 │ │ ├── 2.mp3 │ │ ├── 3.mp3 │ │ └── 4.mp3 │ └── soundtrack.mp3 ├── zombie-mayhem.jpg ├── images │ ├── ui │ │ ├── cover.jpg │ │ ├── frame.png │ │ └── icons.png │ ├── background │ │ ├── bg-1.png │ │ ├── bg-2.png │ │ ├── bg-3.png │ │ └── bg-4.png │ └── zombies │ │ ├── zombie-1.png │ │ ├── zombie-2.png │ │ ├── zombie-3.png │ │ ├── zombie-4.png │ │ ├── zombie-5.png │ │ ├── zombie-6.png │ │ ├── zombie-1-death.png │ │ ├── zombie-2-death.png │ │ ├── zombie-3-death.png │ │ ├── zombie-4-death.png │ │ ├── zombie-5-death.png │ │ └── zombie-6-death.png ├── apple-touch-icon.png ├── fonts │ └── i2BwM1Eq2JyiNOY_VrkubOvvDin1pK8aKteLpeZ5c0A.woff2 ├── styles │ ├── modules │ │ ├── _mixin.scss │ │ ├── _reset.scss │ │ ├── _keyframes.scss │ │ └── _variable.scss │ ├── main.scss │ ├── zombies │ │ ├── _zombie.scss │ │ ├── _states.scss │ │ ├── _zombies.scss │ │ └── _strength-bar.scss │ └── ui │ │ ├── _loader.scss │ │ ├── _overlay.scss │ │ ├── _canves.scss │ │ ├── _info-board.scss │ │ └── _ammo.scss ├── index.html └── scripts │ └── main.js ├── zombie-mayhem.jpg ├── bower.json ├── README.md ├── package.json ├── gulpfile.js └── LICENSE.md /app/robots.txt: -------------------------------------------------------------------------------- 1 | # robotstxt.org/ 2 | 3 | User-agent: * 4 | Disallow: 5 | -------------------------------------------------------------------------------- /app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/favicon.ico -------------------------------------------------------------------------------- /zombie-mayhem.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/zombie-mayhem.jpg -------------------------------------------------------------------------------- /app/sounds/noammo.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/noammo.mp3 -------------------------------------------------------------------------------- /app/sounds/reload.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/reload.mp3 -------------------------------------------------------------------------------- /app/sounds/roar/1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/roar/1.mp3 -------------------------------------------------------------------------------- /app/sounds/roar/2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/roar/2.mp3 -------------------------------------------------------------------------------- /app/sounds/roar/3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/roar/3.mp3 -------------------------------------------------------------------------------- /app/sounds/roar/4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/roar/4.mp3 -------------------------------------------------------------------------------- /app/sounds/roar/5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/roar/5.mp3 -------------------------------------------------------------------------------- /app/sounds/roar/6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/roar/6.mp3 -------------------------------------------------------------------------------- /app/sounds/scream.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/scream.mp3 -------------------------------------------------------------------------------- /app/sounds/shoot.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/shoot.mp3 -------------------------------------------------------------------------------- /app/zombie-mayhem.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/zombie-mayhem.jpg -------------------------------------------------------------------------------- /app/images/ui/cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/ui/cover.jpg -------------------------------------------------------------------------------- /app/images/ui/frame.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/ui/frame.png -------------------------------------------------------------------------------- /app/images/ui/icons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/ui/icons.png -------------------------------------------------------------------------------- /app/sounds/laughter.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/laughter.mp3 -------------------------------------------------------------------------------- /app/sounds/punch/1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/punch/1.mp3 -------------------------------------------------------------------------------- /app/sounds/punch/2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/punch/2.mp3 -------------------------------------------------------------------------------- /app/sounds/punch/3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/punch/3.mp3 -------------------------------------------------------------------------------- /app/sounds/punch/4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/punch/4.mp3 -------------------------------------------------------------------------------- /app/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/apple-touch-icon.png -------------------------------------------------------------------------------- /app/sounds/soundtrack.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/sounds/soundtrack.mp3 -------------------------------------------------------------------------------- /app/images/background/bg-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/background/bg-1.png -------------------------------------------------------------------------------- /app/images/background/bg-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/background/bg-2.png -------------------------------------------------------------------------------- /app/images/background/bg-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/background/bg-3.png -------------------------------------------------------------------------------- /app/images/background/bg-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/background/bg-4.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-1.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-2.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-3.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-4.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-5.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-6.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-1-death.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-1-death.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-2-death.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-2-death.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-3-death.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-3-death.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-4-death.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-4-death.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-5-death.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-5-death.png -------------------------------------------------------------------------------- /app/images/zombies/zombie-6-death.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/images/zombies/zombie-6-death.png -------------------------------------------------------------------------------- /app/fonts/i2BwM1Eq2JyiNOY_VrkubOvvDin1pK8aKteLpeZ5c0A.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eliortabeka/zombie-mayhem/HEAD/app/fonts/i2BwM1Eq2JyiNOY_VrkubOvvDin1pK8aKteLpeZ5c0A.woff2 -------------------------------------------------------------------------------- /app/styles/modules/_mixin.scss: -------------------------------------------------------------------------------- 1 | // Set Dimensions 2 | @mixin dimensions($width: null, $height: $width) { 3 | width: $width; 4 | height: $height; 5 | } 6 | 7 | // Fill Position 8 | @mixin fillPosition() { 9 | position: absolute; 10 | top: 0; 11 | right: 0; 12 | bottom: 0; 13 | left: 0; 14 | } 15 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "zombie", 3 | "private": true, 4 | "dependencies": { 5 | "jquery": "~2.1.1", 6 | "modernizr": "~2.8.1", 7 | "SoundJS": "^0.6.2", 8 | "tootik": "^1.0.2", 9 | "sprite-spirit": "*" 10 | }, 11 | "devDependencies": { 12 | "chai": "^3.5.0", 13 | "mocha": "^3.0.2" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /app/styles/main.scss: -------------------------------------------------------------------------------- 1 | // bower:scss 2 | // endbower 3 | 4 | @import "../../bower_components/sprite-spirit/scss/sprite-spirit"; 5 | 6 | // Modules 7 | @import "modules/variable"; 8 | @import "modules/mixin"; 9 | @import "modules/reset"; 10 | @import "modules/keyframes"; 11 | @import "modules/variable"; 12 | 13 | // UI 14 | @import "ui/canves"; 15 | @import "ui/loader"; 16 | @import "ui/info-board"; 17 | @import "ui/ammo"; 18 | @import "ui/overlay"; 19 | 20 | // Zombies 21 | @import "zombies/zombie"; 22 | @import "zombies/zombies"; 23 | @import "zombies/strength-bar"; 24 | @import "zombies/states"; 25 | -------------------------------------------------------------------------------- /app/styles/modules/_reset.scss: -------------------------------------------------------------------------------- 1 | %reset { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | %flex { 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | } 11 | 12 | *, 13 | *:before, 14 | *:after { 15 | box-sizing: border-box; 16 | } 17 | ::selection { 18 | background: transparent; 19 | } 20 | 21 | html, 22 | body { 23 | @include dimensions($width: 100%); 24 | @extend %reset; 25 | } 26 | 27 | body { 28 | @extend %reset; 29 | @extend %flex; 30 | @include dimensions($width: 100%); 31 | overflow: hidden; 32 | background: #000000; 33 | font-family: 'Century Gothic',AppleGothic,'CenturyGothic',sans-serif; 34 | display: flex; 35 | justify-content: center; 36 | align-items: center; 37 | flex-direction: column; 38 | } 39 | -------------------------------------------------------------------------------- /app/styles/zombies/_zombie.scss: -------------------------------------------------------------------------------- 1 | // Zombie General Style 2 | .zombie { 3 | position: absolute; 4 | bottom: 74px; 5 | right: 0; 6 | transform: translateX(400px); 7 | animation: walk linear infinite; 8 | 9 | &:before { 10 | content: ''; 11 | display: block; 12 | } 13 | 14 | &.killed { 15 | pointer-events: none; 16 | transition: none; 17 | animation-play-state: paused; 18 | 19 | &:before { 20 | pointer-events: none; 21 | animation-fill-mode: forwards; 22 | } 23 | } 24 | 25 | .game-paused & { 26 | pointer-events: none; 27 | transition: none; 28 | animation-play-state: paused; 29 | 30 | &:before { 31 | pointer-events: none; 32 | animation-play-state: paused; 33 | } 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /app/styles/ui/_loader.scss: -------------------------------------------------------------------------------- 1 | // Loading 2 | .loader { 3 | @include fillPosition(); 4 | opacity: 0; 5 | pointer-events: none; 6 | z-index: 1000000; 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | flex-direction: column; 11 | transition: opacity .3s ease; 12 | background: url("../images/ui/cover.jpg"); 13 | background-size: 1024px 550px; 14 | 15 | .loading & { 16 | opacity: 1; 17 | } 18 | 19 | .zombie-loader { 20 | &:before { 21 | content: ''; 22 | display: block; 23 | animation-duration: 0.7s!important; 24 | } 25 | transform: scale(0.5); 26 | margin-bottom: 20px; 27 | } 28 | 29 | span { 30 | animation: flash 1.8s ease infinite; 31 | color: #ffffff; 32 | font-size: 9px; 33 | position: absolute; 34 | bottom: 62px; 35 | right: 72px; 36 | } 37 | 38 | .loading-char { 39 | background: radial-gradient(ellipse at center, black 0%, rgba(246, 246, 246, 0) 50%); 40 | position: absolute; 41 | bottom: -20px; 42 | right: 30px; 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Zombie Mayhem 2 | 3 | Kill or be eaten in the **Zombie Mayhem** 4 | 5 | Game build with HTML5, JavaScript, jQuery, CSS3 and SCSS. 6 | 7 | ![zombie mayhem](/zombie-mayhem.jpg) 8 | 9 | 10 | ### Demo 11 | https://eliortabeka.github.io/zombie-mayhem/ 12 | 13 | 14 | ### Usage 15 | ``` 16 | $ npm install 17 | $ bower install 18 | $ gulp serve 19 | ``` 20 | 21 | 22 | ### Resources 23 | 24 | Image Sprite to Animation Generator - [Sprite Spirit](https://eliortabeka.github.io/sprite-spirit/) 25 | 26 | CSS Tooltips - [Tootik](https://eliortabeka.github.io/tootik/) 27 | 28 | Sound implementation - [SoundJS](http://www.createjs.com/soundjs) 29 | 30 | Zombie Roar Sounds from - [ArriGD](https://www.freesound.org/people/ArriGD/packs/8877/) 31 | 32 | Punch Sounds from - [CastIronCarousel](https://www.freesound.org/people/CastIronCarousel/packs/13736/) 33 | 34 | 35 | ### Credit 36 | Handcrafted with love by [Elior Shalev Tabeka](http://codepen.io/eliortabeka) 37 | 38 | ### License 39 | All the Graphics are © 2016 [Elior Shalev Tabeka](http://codepen.io/eliortabeka) 40 | 41 | GNU GPL v3.0, Have fun :wink: 42 | -------------------------------------------------------------------------------- /app/styles/modules/_keyframes.scss: -------------------------------------------------------------------------------- 1 | // Zombie Walk 2 | @keyframes walk { 3 | to { transform: translateX(-$canvesSizeWidth); } 4 | } 5 | 6 | // Reload Trigger Spin 7 | @keyframes reload { 8 | to { transform: rotate(6turn); } 9 | } 10 | 11 | // Reload Ammo Spin 12 | @keyframes reload-trigger { 13 | 0% { transform: rotate(-360deg); } 14 | 20% { transform: rotate(0deg); } 15 | 100% { transform: rotate(0deg); } 16 | } 17 | 18 | // Blinking Text 19 | @keyframes flash { 20 | 0% { opacity: 1; } 21 | 25% { opacity: 0.5; } 22 | 50% { opacity: 0.8; } 23 | 75% { opacity: 0.4; } 24 | 100% { opacity: 0.2; } 25 | } 26 | 27 | // Bleeding Text 28 | @keyframes dripping { 29 | 0% { text-shadow: 6px 4px 0 red, -5px 5px 0 red, -3px 6px 0 red, 2px 11px 0 red; } 30 | 30% { text-shadow: 5px 3px 0 red, -4px 4px 0 red, -2px 5px 0 red, 1px 10px 0 red; } 31 | 60% { text-shadow: 6px 4px 0 red, -5px 5px 0 red, -3px 6px 0 red, 2px 11px 0 red; } 32 | 90% { text-shadow: 5px 3px 0 red, -4px 4px 0 red, -2px 5px 0 red, 1px 10px 0 red; } 33 | 100% { text-shadow: 6px 4px 0 red, -5px 5px 0 red, -3px 6px 0 red, 2px 11px 0 red; } 34 | } 35 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "engines": { 4 | "node": ">=4" 5 | }, 6 | "devDependencies": { 7 | "babel-core": "^6.4.0", 8 | "babel-preset-es2015": "^6.3.13", 9 | "babel-register": "^6.5.2", 10 | "browser-sync": "^2.2.1", 11 | "del": "^1.1.1", 12 | "gulp": "^3.9.0", 13 | "gulp-autoprefixer": "^3.0.1", 14 | "gulp-babel": "^6.1.2", 15 | "gulp-cache": "^0.4.2", 16 | "gulp-cssnano": "^2.0.0", 17 | "gulp-eslint": "^2.0.0", 18 | "gulp-htmlmin": "^1.3.0", 19 | "gulp-if": "^2.0.0", 20 | "gulp-imagemin": "^2.4.0", 21 | "gulp-load-plugins": "^0.10.0", 22 | "gulp-plumber": "^1.0.1", 23 | "gulp-sass": "^2.0.0", 24 | "gulp-size": "^1.2.1", 25 | "gulp-sourcemaps": "^1.5.0", 26 | "gulp-uglify": "^1.1.0", 27 | "gulp-useref": "^3.0.0", 28 | "main-bower-files": "^2.5.0", 29 | "wiredep": "^2.2.2" 30 | }, 31 | "eslintConfig": { 32 | "env": { 33 | "es6": true, 34 | "node": true, 35 | "browser": true 36 | }, 37 | "rules": { 38 | "quotes": [ 39 | 2, 40 | "single" 41 | ] 42 | } 43 | }, 44 | "dependencies": {} 45 | } 46 | -------------------------------------------------------------------------------- /app/styles/zombies/_states.scss: -------------------------------------------------------------------------------- 1 | // Walk Speed 2 | @for $i from 1 through 6 { 3 | $random-speed: $i + 10; 4 | $animation-speed: $i / 2; 5 | 6 | .walk-speed-#{$i} { 7 | @if $i==1 { animation-duration: $random-speed + s; &:before { animation-duration: $animation-speed + s; } } 8 | @if $i==2 { animation-duration: $random-speed + s; &:before { animation-duration: $animation-speed + s; } } 9 | @if $i==3 { animation-duration: $random-speed + s; &:before { animation-duration: $animation-speed + s; } } 10 | @if $i==4 { animation-duration: $random-speed + s; &:before { animation-duration: $animation-speed + s; } } 11 | @if $i==5 { animation-duration: $random-speed + s; &:before { animation-duration: $animation-speed + s; } } 12 | @if $i==6 { animation-duration: $random-speed + s; &:before { animation-duration: $animation-speed + s; } } 13 | } 14 | } 15 | 16 | // Visibility Delay 17 | @for $i from 1 through 6 { 18 | $random-speed: $i/1.5; 19 | 20 | .walk-delay-#{$i} { 21 | @if $i==1 { animation-delay: $random-speed + s; } 22 | @if $i==2 { animation-delay: $random-speed + s; } 23 | @if $i==3 { animation-delay: $random-speed + s; } 24 | @if $i==4 { animation-delay: $random-speed + s; } 25 | @if $i==5 { animation-delay: $random-speed + s; } 26 | @if $i==6 { animation-delay: $random-speed + s; } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /app/styles/modules/_variable.scss: -------------------------------------------------------------------------------- 1 | // Fonts 2 | /* latin */ 3 | @font-face { 4 | font-family: 'Cinzel'; 5 | font-style: normal; 6 | font-weight: 400; 7 | src: local('Cinzel-Regular'), url('../fonts/i2BwM1Eq2JyiNOY_VrkubOvvDin1pK8aKteLpeZ5c0A.woff2') format('woff2'); 8 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; 9 | } 10 | 11 | // Canves 12 | $canvesSizeWidth: 1024px; 13 | $canvesSizeHeight: 550px; 14 | 15 | // Zombies 16 | $zombieSprite: '../images/zombies/zombie-1.png'; 17 | $zombie2Sprite: '../images/zombies/zombie-2.png'; 18 | $zombie3Sprite: '../images/zombies/zombie-3.png'; 19 | $zombie4Sprite: '../images/zombies/zombie-4.png'; 20 | $zombie5Sprite: '../images/zombies/zombie-5.png'; 21 | $zombie6Sprite: '../images/zombies/zombie-6.png'; 22 | $zombieSpriteDeath: '../images/zombies/zombie-1-death.png'; 23 | $zombie2SpriteDeath: '../images/zombies/zombie-2-death.png'; 24 | $zombie3SpriteDeath: '../images/zombies/zombie-3-death.png'; 25 | $zombie4SpriteDeath: '../images/zombies/zombie-4-death.png'; 26 | $zombie5SpriteDeath: '../images/zombies/zombie-5-death.png'; 27 | $zombie6SpriteDeath: '../images/zombies/zombie-6-death.png'; 28 | 29 | // Backgrounds 30 | $background-1: '../images/background/bg-1.png'; 31 | $background-2: '../images/background/bg-2.png'; 32 | $background-3: '../images/background/bg-3.png'; 33 | $background-4: '../images/background/bg-4.png'; 34 | -------------------------------------------------------------------------------- /app/styles/ui/_overlay.scss: -------------------------------------------------------------------------------- 1 | // Overlay Screen 2 | .overlay-screen-levels, 3 | .overlay-screen { 4 | @include fillPosition(); 5 | background: rgba(0,0,0,.8); 6 | visibility: hidden; 7 | transition: visibility .3s ease, opacity .3s ease; 8 | z-index: 100000; 9 | display: flex; 10 | justify-content: center; 11 | align-items: center; 12 | opacity: 0; 13 | 14 | .end-game &, 15 | .game-over &, 16 | .level-message &, 17 | .game-paused & { 18 | visibility: visible; 19 | opacity: 1; 20 | } 21 | } 22 | 23 | // Overlay Title 24 | .big-title { 25 | top: 115px; 26 | color: #ffffff; 27 | text-align: center; 28 | font-size: 128px; 29 | margin: 0; 30 | text-shadow: 5px 3px 0 red, -4px 4px 0 red, -2px 5px 0 red, 1px 10px 0 red; 31 | transition: opacity .3s ease, visibility .3s ease; 32 | animation: dripping .2s ease infinite; 33 | cursor: default; 34 | display: none; 35 | 36 | 37 | &:hover { 38 | animation: flash .3s ease infinite, dripping .2s ease infinite; 39 | } 40 | 41 | div { 42 | text-transform: uppercase; 43 | font-size: 99px; 44 | letter-spacing: 20px; 45 | display: block; 46 | margin-top: -73px; 47 | margin-left: 31px; 48 | } 49 | 50 | &.game-over-title { 51 | .game-over & { 52 | display: block; 53 | } 54 | 55 | span { 56 | margin-left: 18px; 57 | } 58 | } 59 | 60 | &.end-game-title { 61 | .end-game & { 62 | display: block; 63 | } 64 | 65 | span { 66 | margin-left: 19px; 67 | } 68 | } 69 | 70 | &.game-pause-title { 71 | .game-paused & { 72 | display: block; 73 | } 74 | } 75 | 76 | &.level-title { 77 | .level-message & { 78 | display: block; 79 | } 80 | } 81 | } 82 | 83 | // Restart Hint 84 | .restart-hint { 85 | animation: flash 1.8s ease infinite; 86 | color: #838383; 87 | font-size: 23px; 88 | position: absolute; 89 | bottom: 109px; 90 | display: none; 91 | cursor: pointer; 92 | 93 | .end-game &, 94 | .game-over & { 95 | display: block; 96 | } 97 | } 98 | -------------------------------------------------------------------------------- /app/styles/zombies/_zombies.scss: -------------------------------------------------------------------------------- 1 | // Zombies Types 2 | @for $i from 1 through 6 { 3 | .zombie-#{$i} { 4 | @if $i==1 { 5 | &:before { 6 | @include spriteSpirit('zombie-1', $zombieSprite, true, 194px, 4080px, 16, .6, 0, false); 7 | } 8 | &.killed { 9 | &:before { 10 | @include spriteSpirit('zombie-1-death', $zombieSpriteDeath, true, 340px, 5220px, 20, .6, 0, false); 11 | transform: translate(158px, 22px); 12 | } 13 | } 14 | } 15 | @if $i==2 { 16 | &:before { 17 | @include spriteSpirit('zombie-2', $zombie2Sprite, true, 211px, 4096px, 16, .6, 0, false); 18 | } 19 | 20 | &.killed { 21 | &:before { 22 | @include spriteSpirit('zombie-2-death', $zombie2SpriteDeath, true, 347px, 5400px, 20, .6, 0, false); 23 | transform: translate(159px, 31px); 24 | } 25 | } 26 | } 27 | @if $i==3 { 28 | &:before { 29 | @include spriteSpirit('zombie-3', $zombie3Sprite, true, 189px, 3744px, 16, .6, 0, false); 30 | } 31 | 32 | &.killed { 33 | &:before { 34 | @include spriteSpirit('zombie-3-death', $zombie3SpriteDeath, true, 334px, 5120px, 20, .6, 0, false); 35 | transform: translate(156px, 25px); 36 | } 37 | } 38 | } 39 | @if $i==4 { 40 | &:before { 41 | @include spriteSpirit('zombie-4', $zombie4Sprite, true, 386px, 6000px, 16, .6, 0, false); 42 | } 43 | 44 | &.killed { 45 | &:before { 46 | @include spriteSpirit('zombie-4-death', $zombie4SpriteDeath, true, 497px, 6416px, 16, .6, 0, false); 47 | transform: translate(65px, 45px); 48 | } 49 | } 50 | } 51 | @if $i==5 { 52 | &:before { 53 | @include spriteSpirit('zombie-5', $zombie5Sprite, true, 386px, 6016px, 16, .6, 0, false); 54 | } 55 | 56 | &.killed { 57 | &:before { 58 | @include spriteSpirit('zombie-5-death', $zombie5SpriteDeath, true, 488px, 6240px, 16, .6, 0, false); 59 | transform: translate(70px, 37px); 60 | } 61 | } 62 | } 63 | @if $i==6 { 64 | &:before { 65 | @include spriteSpirit('zombie-6', $zombie6Sprite, true, 386px, 6464px, 16, .6, 0, false); 66 | } 67 | 68 | &.killed { 69 | &:before { 70 | @include spriteSpirit('zombie-6-death', $zombie6SpriteDeath, true, 510px, 6704px, 16, .6, 0, false); 71 | transform: translate(75px, 44px); 72 | } 73 | } 74 | } 75 | } 76 | } 77 | -------------------------------------------------------------------------------- /app/styles/zombies/_strength-bar.scss: -------------------------------------------------------------------------------- 1 | // Strength Bar 2 | .strength-bar { 3 | position: absolute; 4 | top: -15px; 5 | left: 50%; 6 | transform: translateX(-50%); 7 | border: 1px solid #ffffff; 8 | height: 5px; 9 | border-radius: 14px; 10 | opacity: 1; 11 | transition: opacity .3s ease; 12 | 13 | &.hide { 14 | opacity: 0; 15 | } 16 | 17 | // Strength Bar Wide per Zombie 18 | @for $i from 1 through 6 { 19 | $width: $i * 15px; 20 | 21 | .zombie-#{$i} & { 22 | width: #{$width}; 23 | } 24 | } 25 | 26 | &:after { 27 | @include fillPosition(); 28 | content: ''; 29 | background: red; 30 | transition: width .3s ease; 31 | display: block; 32 | width: 0; 33 | } 34 | 35 | // Strength Bar Fill per Zombie 36 | @for $i from 0 through 1 { 37 | .zombie-1[data-strength="#{$i}"] & { 38 | &:after { 39 | @if $i==0 { width: 0; } 40 | @if $i==1 { width: 100%; } 41 | } 42 | } 43 | } 44 | @for $i from 0 through 2 { 45 | .zombie-2[data-strength="#{$i}"] & { 46 | &:after { 47 | @if $i==0 { width: 0; } 48 | @if $i==1 { width: 50%; } 49 | @if $i==2 { width: 100%; } 50 | } 51 | } 52 | } 53 | @for $i from 0 through 3 { 54 | .zombie-3[data-strength="#{$i}"] & { 55 | &:after { 56 | @if $i==0 { width: 0; } 57 | @if $i==1 { width: 33%; } 58 | @if $i==2 { width: 66%; } 59 | @if $i==3 { width: 100%; } 60 | } 61 | } 62 | } 63 | @for $i from 0 through 4 { 64 | .zombie-4[data-strength="#{$i}"] & { 65 | &:after { 66 | @if $i==0 { width: 0; } 67 | @if $i==1 { width: 25%; } 68 | @if $i==2 { width: 50%; } 69 | @if $i==3 { width: 75%; } 70 | @if $i==4 { width: 100%; } 71 | } 72 | } 73 | } 74 | @for $i from 0 through 5 { 75 | .zombie-5[data-strength="#{$i}"] & { 76 | &:after { 77 | @if $i==0 { width: 0; } 78 | @if $i==1 { width: 20%; } 79 | @if $i==2 { width: 40%; } 80 | @if $i==3 { width: 60%; } 81 | @if $i==4 { width: 80%; } 82 | @if $i==5 { width: 100%; } 83 | } 84 | } 85 | } 86 | @for $i from 0 through 6 { 87 | .zombie-6[data-strength="#{$i}"] & { 88 | &:after { 89 | @if $i==0 { width: 0; } 90 | @if $i==1 { width: 25%; } 91 | @if $i==2 { width: 40%; } 92 | @if $i==3 { width: 55%; } 93 | @if $i==4 { width: 70%; } 94 | @if $i==5 { width: 85%; } 95 | @if $i==6 { width: 100%; } 96 | } 97 | } 98 | } 99 | } 100 | -------------------------------------------------------------------------------- /app/styles/ui/_canves.scss: -------------------------------------------------------------------------------- 1 | // Game Canves 2 | #canves { 3 | @include dimensions($width: $canvesSizeWidth, $height: 550px); 4 | min-width: $canvesSizeWidth; 5 | position: relative; 6 | overflow: hidden; 7 | background-color: #000000; 8 | cursor: crosshair; 9 | border-radius: 8px; 10 | font-family: 'Cinzel', serif; 11 | transition: background-image 1.3s ease; 12 | background-repeat: no-repeat; 13 | background-size: 1024px 550px; 14 | 15 | @for $i from 1 through 4 { 16 | &[data-wave="#{$i}"] { 17 | @if $i == 1 { 18 | background-image: url($background-1); 19 | } 20 | @if $i == 2 { 21 | background-image: url($background-2); 22 | } 23 | @if $i == 3 { 24 | background-image: url($background-3); 25 | } 26 | @if $i == 4 { 27 | background-image: url($background-4); 28 | } 29 | } 30 | } 31 | 32 | // Game Cover 33 | .game-cover { 34 | @include fillPosition(); 35 | background: url("../images/ui/cover.jpg"); 36 | background-size: 1024px 550px; 37 | display: none; 38 | z-index: 100000; 39 | } 40 | 41 | // Brushed Frame 42 | &:after { 43 | @include fillPosition(); 44 | content: ''; 45 | pointer-events: none; 46 | display: block; 47 | background: url("../images/ui/frame.png") no-repeat; 48 | background-size: cover; 49 | border-radius: 8px; 50 | z-index: 1000000; 51 | } 52 | } 53 | 54 | // Github corner Icon 55 | .github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}} 56 | .github-corner { 57 | position: absolute; 58 | top:0; 59 | right: 0; 60 | } 61 | 62 | // Footer 63 | #footer { 64 | font-size: 11px; 65 | color: #5a5a5a; 66 | margin-top: 20px; 67 | margin-bottom: 20px; 68 | line-height: 21px; 69 | text-align: center; 70 | 71 | &:hover { 72 | svg { 73 | fill: #ff0000; 74 | } 75 | } 76 | 77 | p { 78 | @extend %reset; 79 | } 80 | 81 | @media screen and (max-width: 625px) { 82 | text-align: center; 83 | } 84 | 85 | a { 86 | color: currentColor; 87 | text-decoration: none; 88 | } 89 | 90 | .credits { 91 | color: #353535; 92 | } 93 | 94 | svg { 95 | fill: #646464; 96 | width: 15px; 97 | transition: fill .3s ease; 98 | } 99 | .get-code.generate-code & { 100 | margin-bottom: 164px; 101 | 102 | @media screen and (max-width: 625px) { 103 | margin-bottom: 208px; 104 | } 105 | } 106 | } 107 | -------------------------------------------------------------------------------- /app/styles/ui/_info-board.scss: -------------------------------------------------------------------------------- 1 | // Info Board 2 | .info-board { 3 | @extend %reset; 4 | display: block; 5 | position: absolute; 6 | top: 35px; 7 | left: 35px; 8 | font-size: 25px; 9 | color: #ffffff; 10 | z-index: 10000; 11 | padding: 0; 12 | 13 | .intro &, 14 | .end-game &, 15 | .game-over &, 16 | .level-message & { 17 | display: none; 18 | } 19 | 20 | li { 21 | list-style: none; 22 | margin-bottom: 16px; 23 | 24 | &.killed-status { 25 | background: url("../images/ui/icons.png") no-repeat; 26 | background-position: 0 0; 27 | background-size: 114px; 28 | width: 114px; 29 | height: 39.5px; 30 | padding: 0 0 10px 51px; 31 | font-size: 32px; 32 | line-height: 41px; 33 | } 34 | 35 | &.life { 36 | margin-top: 20px; 37 | margin-bottom: 9px; 38 | 39 | .heart-icon { 40 | background: url("../images/ui/icons.png") no-repeat; 41 | background-position: 0 -47px; 42 | background-size: 114px; 43 | width: 24px; 44 | height: 23px; 45 | display: inline-block; 46 | margin-right: 15px; 47 | opacity: 1; 48 | transition: opacity .3s ease; 49 | 50 | &.hide { 51 | animation: flash .6s ease; 52 | opacity: 0.2; 53 | } 54 | 55 | &:last-child { 56 | margin-right: 0; 57 | } 58 | } 59 | } 60 | 61 | &#mute-music { 62 | background: url("../images/ui/icons.png") no-repeat; 63 | background-position: 0 -75px; 64 | background-size: 114px; 65 | width: 25px; 66 | height: 25px; 67 | cursor: pointer; 68 | display: inline-block; 69 | margin-right: 6px; 70 | 71 | &.muted { 72 | background-position: 0 -105px; 73 | } 74 | } 75 | &#mute-sounds { 76 | background: url("../images/ui/icons.png") no-repeat; 77 | background-position: -30px -73px; 78 | background-size: 114px; 79 | width: 22px; 80 | height: 25px; 81 | cursor: pointer; 82 | display: inline-block; 83 | margin-right: 6px; 84 | 85 | &.muted { 86 | background-position: -30px -104px; 87 | } 88 | } 89 | } 90 | } 91 | 92 | // Pause/Resume Icons 93 | #pause-game { 94 | background: url("../images/ui/icons.png") no-repeat; 95 | background-position: -60px -106px; 96 | background-size: 114px; 97 | width: 19px; 98 | height: 22px; 99 | cursor: pointer; 100 | position: absolute; 101 | top: 35px; 102 | right: 35px; 103 | z-index: 100000; 104 | 105 | &.paused { 106 | background-position: -60px -75px; 107 | } 108 | 109 | .intro &, 110 | .end-game &, 111 | .game-over &, 112 | .level-message & { 113 | display: none; 114 | } 115 | 116 | .game-paused & { 117 | z-index: 100000; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /app/styles/ui/_ammo.scss: -------------------------------------------------------------------------------- 1 | // Ammo 2 | .ammo { 3 | background: url("../images/ui/icons.png") no-repeat; 4 | background-position: 0 -134px; 5 | background-size: 114px; 6 | width: 70px; 7 | height: 74.5px; 8 | transition: transform .3s ease; 9 | position: absolute; 10 | bottom: 35px; 11 | right: 35px; 12 | z-index: 10000; 13 | display: block; 14 | 15 | .intro &, 16 | .end-game &, 17 | .game-over &, 18 | .level-message & { 19 | display: none; 20 | } 21 | 22 | // Ammo Clip States 23 | @for $i from 0 through 6 { 24 | &[data-ammo="#{$i}"] { 25 | @if $i==0 { 26 | background-position: 0px -581px; 27 | transform: rotate(360deg); 28 | } 29 | @if $i==1 { 30 | background-position: 0px -507px; 31 | transform: rotate(300deg); 32 | } 33 | @if $i==2 { 34 | background-position: 0px -432px; 35 | transform: rotate(240deg); 36 | } 37 | @if $i==3 { 38 | background-position: 0px -358px; 39 | transform: rotate(180deg); 40 | } 41 | @if $i==4 { 42 | background-position: 0 -283px; 43 | transform: rotate(120deg); 44 | } 45 | @if $i==5 { 46 | background-position: 0 -208px; 47 | transform: rotate(60deg); 48 | } 49 | @if $i==6 { 50 | background-position: 0 -134px; 51 | } 52 | } 53 | } 54 | 55 | &.reload { 56 | animation: reload .6s ease; 57 | } 58 | } 59 | 60 | // Reload Key Hint 61 | .reload-key { 62 | @include fillPosition(); 63 | pointer-events: none; 64 | display: flex; 65 | justify-content: center; 66 | align-items: center; 67 | font-size: 9px; 68 | color: #878787; 69 | transform: translateX(0); 70 | transition: transform .3s cubic-bezier(0.6, 1.14, 0.04, 1.02), opacity .3s cubic-bezier(0.6, 1.14, 0.04, 1.02); 71 | z-index: 100000; 72 | 73 | [data-ammo="6"] &, 74 | .intro &, 75 | .end-game &, 76 | .game-over &, 77 | .level-message & { 78 | display: none; 79 | } 80 | } 81 | 82 | // Reload Hint 83 | .reload-hint { 84 | position: absolute; 85 | bottom: 55px; 86 | right: 25px; 87 | transform: translateX(100%); 88 | transition: transform .3s cubic-bezier(0.6, 1.14, 0.04, 1.02), opacity .3s cubic-bezier(0.6, 1.14, 0.04, 1.02); 89 | padding: 0 28px; 90 | color: #ffffff; 91 | opacity: 0; 92 | z-index: 1000000; 93 | display: block; 94 | 95 | &.visible { 96 | transform: translateX(0); 97 | opacity: 1; 98 | 99 | .reload-trigger { 100 | animation: reload-trigger 2s ease infinite; 101 | } 102 | } 103 | 104 | .intro &, 105 | .end-game &, 106 | .game-over &, 107 | .level-message & { 108 | display: none; 109 | } 110 | } 111 | 112 | // Reload Trigger 113 | .reload-trigger { 114 | cursor: pointer; 115 | background: url("../images/ui/icons.png") no-repeat; 116 | background-size: 114px; 117 | background-position: bottom right; 118 | width: 35px; 119 | height: 35px; 120 | transition: transform .3s ease; 121 | } 122 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | // generated on 2016-09-08 using generator-webapp 2.1.0 2 | const gulp = require('gulp'); 3 | const gulpLoadPlugins = require('gulp-load-plugins'); 4 | const browserSync = require('browser-sync'); 5 | const del = require('del'); 6 | const wiredep = require('wiredep').stream; 7 | var babel = require("gulp-babel"); 8 | var concat = require("gulp-concat"); 9 | 10 | const $ = gulpLoadPlugins(); 11 | const reload = browserSync.reload; 12 | 13 | gulp.task('styles', () => { 14 | return gulp.src('app/styles/*.scss') 15 | .pipe($.plumber()) 16 | .pipe($.sourcemaps.init()) 17 | .pipe($.sass.sync({ 18 | outputStyle: 'expanded', 19 | precision: 10, 20 | includePaths: ['.'] 21 | }).on('error', $.sass.logError)) 22 | .pipe($.autoprefixer({browsers: ['> 1%', 'last 2 versions', 'Firefox ESR']})) 23 | .pipe($.sourcemaps.write()) 24 | .pipe(gulp.dest('.tmp/styles')) 25 | .pipe(reload({stream: true})); 26 | }); 27 | 28 | gulp.task('scripts', () => { 29 | return gulp.src('app/scripts/**/*.js') 30 | .pipe($.plumber()) 31 | .pipe($.sourcemaps.init()) 32 | .pipe($.babel()) 33 | .pipe($.sourcemaps.write('.')) 34 | .pipe(gulp.dest('.tmp/scripts')) 35 | .pipe(reload({stream: true})); 36 | }); 37 | 38 | function lint(files, options) { 39 | return gulp.src(files) 40 | .pipe(reload({stream: true, once: true})) 41 | .pipe($.eslint(options)) 42 | .pipe($.eslint.format()) 43 | .pipe($.if(!browserSync.active, $.eslint.failAfterError())); 44 | } 45 | 46 | gulp.task('lint', () => { 47 | return lint('app/scripts/**/*.js', { 48 | fix: true 49 | }) 50 | .pipe(gulp.dest('app/scripts')); 51 | }); 52 | gulp.task('lint:test', () => { 53 | return lint('test/spec/**/*.js', { 54 | fix: true, 55 | env: { 56 | mocha: true 57 | } 58 | }) 59 | .pipe(gulp.dest('test/spec/**/*.js')); 60 | }); 61 | 62 | gulp.task('html', ['styles', 'scripts'], () => { 63 | return gulp.src('app/*.html') 64 | .pipe($.useref({searchPath: ['.tmp', 'app', '.']})) 65 | .pipe($.if('*.js', $.uglify())) 66 | .pipe($.if('*.css', $.cssnano({safe: true, autoprefixer: false}))) 67 | .pipe($.if('*.html', $.htmlmin({collapseWhitespace: true}))) 68 | .pipe(gulp.dest('dist')); 69 | }); 70 | 71 | gulp.task('images', () => { 72 | return gulp.src('app/images/**/*') 73 | .pipe($.cache($.imagemin({ 74 | progressive: true, 75 | interlaced: true, 76 | // don't remove IDs from SVGs, they are often used 77 | // as hooks for embedding and styling 78 | svgoPlugins: [{cleanupIDs: false}] 79 | }))) 80 | .pipe(gulp.dest('dist/images')); 81 | }); 82 | 83 | gulp.task('fonts', () => { 84 | return gulp.src(require('main-bower-files')('**/*.{eot,svg,ttf,woff,woff2}', function (err) {}) 85 | .concat('app/fonts/**/*')) 86 | .pipe(gulp.dest('.tmp/fonts')) 87 | .pipe(gulp.dest('dist/fonts')); 88 | }); 89 | 90 | gulp.task('extras', () => { 91 | return gulp.src([ 92 | 'app/*.*', 93 | '!app/*.html' 94 | ], { 95 | dot: true 96 | }).pipe(gulp.dest('dist')); 97 | }); 98 | 99 | gulp.task('clean', del.bind(null, ['.tmp', 'dist'])); 100 | 101 | gulp.task('serve', ['styles', 'scripts', 'fonts'], () => { 102 | browserSync({ 103 | notify: false, 104 | port: 9000, 105 | server: { 106 | baseDir: ['.tmp', 'app'], 107 | routes: { 108 | '/bower_components': 'bower_components' 109 | } 110 | } 111 | }); 112 | 113 | gulp.watch([ 114 | 'app/*.html', 115 | 'app/images/**/*', 116 | '.tmp/fonts/**/*' 117 | ]).on('change', reload); 118 | 119 | gulp.watch('app/styles/**/*.scss', ['styles']); 120 | gulp.watch('app/scripts/**/*.js', ['scripts']); 121 | gulp.watch('app/fonts/**/*', ['fonts']); 122 | gulp.watch('bower.json', ['wiredep', 'fonts']); 123 | }); 124 | 125 | gulp.task('serve:dist', () => { 126 | browserSync({ 127 | notify: false, 128 | port: 9000, 129 | server: { 130 | baseDir: ['dist'] 131 | } 132 | }); 133 | }); 134 | 135 | gulp.task('serve:test', ['scripts'], () => { 136 | browserSync({ 137 | notify: false, 138 | port: 9000, 139 | ui: false, 140 | server: { 141 | baseDir: 'test', 142 | routes: { 143 | '/scripts': '.tmp/scripts', 144 | '/bower_components': 'bower_components' 145 | } 146 | } 147 | }); 148 | 149 | gulp.watch('app/scripts/**/*.js', ['scripts']); 150 | gulp.watch('test/spec/**/*.js').on('change', reload); 151 | gulp.watch('test/spec/**/*.js', ['lint:test']); 152 | }); 153 | 154 | // inject bower components 155 | gulp.task('wiredep', () => { 156 | gulp.src('app/styles/*.scss') 157 | .pipe(wiredep({ 158 | ignorePath: /^(\.\.\/)+/ 159 | })) 160 | .pipe(gulp.dest('app/styles')); 161 | 162 | gulp.src('app/*.html') 163 | .pipe(wiredep({ 164 | ignorePath: /^(\.\.\/)*\.\./ 165 | })) 166 | .pipe(gulp.dest('app')); 167 | }); 168 | 169 | gulp.task('build', ['lint', 'html', 'images', 'fonts', 'extras'], () => { 170 | return gulp.src('dist/**/*').pipe($.size({title: 'build', gzip: true})); 171 | }); 172 | 173 | gulp.task('default', ['clean'], () => { 174 | gulp.start('build'); 175 | }); 176 | -------------------------------------------------------------------------------- /app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Kill or be eaten in the Zombie Mayhem 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
39 |
Loading
40 |
41 |
42 |

Game
Over

43 |

You
Won

44 | Click Here to Restart 45 |

Paused

46 |

Level

47 |
48 | 54 |
55 |
R
56 |
57 |
58 | 59 | 63 | 64 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /app/scripts/main.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | $(document).ready(function() { 3 | const ZOMBIEMAYEM = (function () { 4 | 5 | // Cache te DOM 6 | let $canves = $('#canves'), 7 | $overlayScreen = $canves.find('.overlay-screen'), 8 | $gameCover = $canves.find('.game-cover'), 9 | $killedTitle = $canves.find('.killed-status span'), 10 | $lifeIcons = $canves.find('.life'), 11 | $muteMusic = $canves.find('#mute-music'), 12 | $muteSounds = $canves.find('#mute-sounds'), 13 | $ammoTitle = $canves.find('.ammo'), 14 | $reloadHint = $canves.find('.reload-hint'), 15 | $reloadHintSpinner = $reloadHint.find('.reload-trigger'), 16 | $pasueGameTrigger = $canves.find('#pause-game'); 17 | 18 | // Sounds 19 | const SHOOT_SOUND = 'SHOOT_SOUND', 20 | NO_AMMO_SOUND = 'NO_AMMO_SOUND', 21 | RELOAD_SOUND = 'RELOAD_SOUND', 22 | ROAR_1 = 'ROAR_1', 23 | ROAR_2 = 'ROAR_2', 24 | ROAR_3 = 'ROAR_3', 25 | ROAR_4 = 'ROAR_4', 26 | ROAR_5 = 'ROAR_5', 27 | ROAR_6 = 'ROAR_6', 28 | LAUGHTER = 'LAUGHTER', 29 | SOUNDTRACK = 'SOUNDTRACK', 30 | PUNCH_1 = 'PUNCH_1', 31 | PUNCH_2 = 'PUNCH_2', 32 | PUNCH_3 = 'PUNCH_3', 33 | PUNCH_4 = 'PUNCH_4'; 34 | 35 | // General 36 | let pauseZombieTracking; 37 | 38 | // Game Info 39 | let mutedMusic = false, 40 | mutedSounds = false, 41 | gamePaused = false, 42 | life = 3, 43 | zombieKilled = 0, 44 | wave = 0, 45 | ammo = 6; 46 | 47 | // Random number 48 | const getRandom = function(min, max) { 49 | return Math.floor(Math.random() * (max - min + 1)) + min; 50 | }; 51 | 52 | // Zombie Frequency per Level 53 | const WAVE_1_ZOMBIE_FRQ = getRandom(1300, 1700), 54 | WAVE_2_ZOMBIE_FRQ = getRandom(1500, 1900), 55 | WAVE_3_ZOMBIE_FRQ = getRandom(1700, 2100), 56 | WAVE_4_ZOMBIE_FRQ = getRandom(1800, 2400); 57 | 58 | // Zombie Quantity per Level 59 | const WAVE_1_ZOMBIE_QTY = getRandom(5, 7), 60 | WAVE_2_ZOMBIE_QTY = getRandom(7, 10), 61 | WAVE_3_ZOMBIE_QTY = getRandom(10, 14), 62 | WAVE_4_ZOMBIE_QTY = getRandom(14, 17), 63 | ALL_ZOMBIES = WAVE_1_ZOMBIE_QTY + WAVE_2_ZOMBIE_QTY + WAVE_3_ZOMBIE_QTY + WAVE_4_ZOMBIE_QTY; 64 | 65 | // Load sounds 66 | (function loadSound() { 67 | createjs.Sound.registerSound('sounds/shoot.mp3', SHOOT_SOUND); 68 | createjs.Sound.registerSound('sounds/noammo.mp3', NO_AMMO_SOUND); 69 | createjs.Sound.registerSound('sounds/reload.mp3', RELOAD_SOUND); 70 | createjs.Sound.registerSound('sounds/roar/1.mp3', ROAR_1); 71 | createjs.Sound.registerSound('sounds/roar/2.mp3', ROAR_2); 72 | createjs.Sound.registerSound('sounds/roar/3.mp3', ROAR_3); 73 | createjs.Sound.registerSound('sounds/roar/4.mp3', ROAR_4); 74 | createjs.Sound.registerSound('sounds/roar/5.mp3', ROAR_5); 75 | createjs.Sound.registerSound('sounds/roar/6.mp3', ROAR_6); 76 | createjs.Sound.registerSound('sounds/laughter.mp3', LAUGHTER); 77 | createjs.Sound.registerSound('sounds/soundtrack.mp3', SOUNDTRACK); 78 | createjs.Sound.registerSound('sounds/punch/1.mp3', PUNCH_1); 79 | createjs.Sound.registerSound('sounds/punch/2.mp3', PUNCH_2); 80 | createjs.Sound.registerSound('sounds/punch/3.mp3', PUNCH_3); 81 | createjs.Sound.registerSound('sounds/punch/4.mp3', PUNCH_4); 82 | })(); 83 | 84 | const playSound = function (sound) { 85 | createjs.Sound.play(sound); 86 | }; 87 | 88 | // Create Zombie 89 | const createZombies = function() { 90 | let zombieType = wave === 1 ? getRandom(1, 3) : wave === 2 ? getRandom(1, 4) : getRandom(1, 6); 91 | $canves.append($('
')); 92 | }; 93 | 94 | const setHandlers = function (){ 95 | // Shoot Handler 96 | $canves.on('click', function() { 97 | if(ammo > 0) { 98 | ammo--; 99 | if(!mutedSounds) { playSound(SHOOT_SOUND); } 100 | $ammoTitle.attr('data-ammo', ammo); 101 | } 102 | if(ammo === 0) { 103 | $reloadHint.addClass('visible'); 104 | if(!mutedSounds) { playSound(NO_AMMO_SOUND); } 105 | } 106 | }); 107 | 108 | // Reload Handler 109 | $('body').on('keydown', function(e){ 110 | if(e.which === 82) { 111 | if(ammo !== 6) { 112 | reload(); 113 | } 114 | } 115 | }); 116 | $reloadHintSpinner.on('click', function () { 117 | if(ammo === 0) { 118 | reload(); 119 | return false; 120 | } 121 | }); 122 | 123 | // Zombie Kill Handler 124 | $canves.delegate('.zombie', 'click', function(e) { 125 | if(zombieKilled >= ALL_ZOMBIES) { 126 | return false; 127 | } 128 | 129 | if(ammo === 0) { 130 | if(!mutedSounds) { playSound(NO_AMMO_SOUND); } 131 | return false; 132 | } 133 | 134 | let $this = $(this), 135 | strength = e.target.dataset.strength.toString(), 136 | $strengthBar = $this.find('.strength-bar'); 137 | 138 | if(strength === '1' && strength !== 0) { 139 | zombieKilled++; 140 | $killedTitle.html(zombieKilled); 141 | $this.css('pointer-events', 'none'); 142 | $strengthBar.addClass('hide'); 143 | 144 | setTimeout(function () { 145 | $this.addClass('killed'); 146 | if(!mutedSounds) { playSound('ROAR_' + getRandom(1, 6)); } 147 | }, 220); 148 | setTimeout(function () { 149 | $this.fadeOut(function () { 150 | $this.remove(); 151 | }); 152 | }, 370); 153 | calcWave(); 154 | } 155 | 156 | strength--; 157 | $this.attr('data-strength', strength); 158 | }); 159 | }; 160 | 161 | // interval function From http://thecodeship.com/web-development/alternative-to-javascript-evil-setinterval/ 162 | const interval = function(func, wait, times){ 163 | const interv = function(w, t){ 164 | return function(){ 165 | if(typeof t === 'undefined' || t-- > 0){ 166 | setTimeout(interv, w); 167 | try{ 168 | func.call(null); 169 | } 170 | catch(e){ 171 | t = 0; 172 | throw e.toString(); 173 | } 174 | } 175 | }; 176 | }(wait, times); 177 | 178 | setTimeout(interv, wait); 179 | }; 180 | 181 | // Start Waves 182 | const startWave = function(frequency, quantity) { 183 | $('body').off('keydown'); 184 | $canves.off('click'); 185 | $reloadHint.removeClass('visible'); 186 | pauseZombieTracking=true; 187 | wave++; 188 | 189 | $overlayScreen.find('.level-title span').html(wave); 190 | $canves.addClass('level-message'); 191 | $canves.attr('data-wave', wave); 192 | 193 | setTimeout(function() { 194 | interval(function(){ 195 | createZombies() 196 | }, frequency, quantity); 197 | }, 1000); 198 | 199 | setTimeout(function() { 200 | $canves.removeClass('level-message'); 201 | if(wave===1) { $canves.removeClass('intro'); } 202 | 203 | // Start Track Zombies 204 | pauseZombieTracking=false; 205 | trackZombies(); 206 | setHandlers(); 207 | }, 2200); 208 | }; 209 | 210 | // End Game 211 | const endGame = function(endType) { 212 | $('body').off('keydown'); 213 | $canves.off('click'); 214 | pauseZombieTracking=true; 215 | let screenType = endType === 'lose' ? 'game-over' : 'end-game'; 216 | 217 | $canves.addClass(screenType); 218 | if(!mutedMusic) { playSound(LAUGHTER); } 219 | 220 | $canves.find('.restart-hint').on('click', function () { 221 | $canves.removeClass(screenType); 222 | // reset game 223 | resetGame(); 224 | if(endType === 'win') { 225 | startGame(); 226 | } else { 227 | if(!mutedMusic) { playSound(SOUNDTRACK); } 228 | startGame(); 229 | } 230 | }); 231 | }; 232 | 233 | // Calc Wave 234 | const calcWave = function() { 235 | if(zombieKilled === WAVE_1_ZOMBIE_QTY) { 236 | // Start Wave 2 237 | if(!mutedMusic) { playSound(SOUNDTRACK); } 238 | startWave(WAVE_2_ZOMBIE_FRQ, WAVE_2_ZOMBIE_QTY); 239 | } else if(zombieKilled === (WAVE_1_ZOMBIE_QTY + WAVE_2_ZOMBIE_QTY)) { 240 | // Start Wave 3 241 | if(!mutedMusic) { playSound(SOUNDTRACK); } 242 | startWave(WAVE_3_ZOMBIE_FRQ, WAVE_3_ZOMBIE_QTY); 243 | } else if(zombieKilled === (WAVE_1_ZOMBIE_QTY + WAVE_2_ZOMBIE_QTY + WAVE_3_ZOMBIE_QTY)) { 244 | // Start Wave 4 245 | if(!mutedMusic) { playSound(SOUNDTRACK); } 246 | startWave(WAVE_4_ZOMBIE_FRQ, WAVE_4_ZOMBIE_QTY); 247 | } else if (zombieKilled >= ALL_ZOMBIES) { 248 | // End Game 249 | endGame('win'); 250 | } 251 | }; 252 | 253 | // Track Zombies on screen 254 | let trackZombies = function repeatOften() { 255 | let $zombie = $('.zombie'); 256 | 257 | if ($zombie.length !== 0) { 258 | for (let i = 0, z = $zombie.length; i < z; i++) { 259 | let zombieWidth = $zombie.eq(i).width() - 20; 260 | 261 | if ($zombie.eq(i).hasClass('tracking')) { 262 | if ($zombie.eq(i).position().left.toFixed() <= (-zombieWidth)) { 263 | $zombie.eq(i).remove(); 264 | createZombies(); 265 | life--; 266 | if(!mutedSounds) { playSound('PUNCH_' + getRandom(1, 4)); } 267 | $lifeIcons.find('.heart-icon').not('.hide').eq(-1).addClass('hide'); 268 | } 269 | } else { 270 | $zombie.eq(i).addClass('tracking'); 271 | } 272 | } 273 | } 274 | 275 | if(life !== 0) { 276 | if(!pauseZombieTracking) { requestAnimationFrame(trackZombies); } 277 | } else { 278 | endGame('lose'); 279 | } 280 | }; 281 | 282 | // Reload Ammo 283 | const reload = function() { 284 | if(!mutedSounds) { playSound(RELOAD_SOUND); } 285 | ammo = 6; 286 | 287 | setTimeout(function () { 288 | $ammoTitle.addClass('reload'); 289 | }, 120); 290 | setTimeout(function () { 291 | $ammoTitle.attr('data-ammo', ammo); 292 | }, 150); 293 | setTimeout(function () { 294 | $ammoTitle.removeClass('reload'); 295 | }, 250); 296 | 297 | $reloadHint.removeClass('visible'); 298 | }; 299 | 300 | // Mute Music 301 | $muteMusic.on('click', function () { 302 | let $this = $(this); 303 | $this.toggleClass('muted'); 304 | if(!mutedMusic) { 305 | createjs.Sound.stop(); 306 | mutedMusic = true; 307 | } else { 308 | mutedMusic = false; 309 | } 310 | if(ammo !== 0){ammo++;} 311 | }); 312 | 313 | // Mute Sounds 314 | $muteSounds.on('click', function () { 315 | let $this = $(this); 316 | $this.toggleClass('muted'); 317 | !mutedSounds ? mutedSounds = true : mutedSounds = false; 318 | if(ammo !== 0){ammo++;} 319 | }); 320 | 321 | // Pause Game 322 | $pasueGameTrigger.on('click', function () { 323 | let $this = $(this); 324 | 325 | if(!gamePaused) { 326 | $this.addClass('paused'); 327 | $canves.addClass('game-paused'); 328 | createjs.Sound.stop(); 329 | $('body').off('keydown'); 330 | $canves.off('click'); 331 | gamePaused = true; 332 | } else { 333 | $this.removeClass('paused'); 334 | $canves.removeClass('game-paused'); 335 | setHandlers(); 336 | gamePaused = false; 337 | } 338 | }); 339 | 340 | const resetGame = function () { 341 | zombieKilled = 0; 342 | wave = 0; 343 | ammo = 6; 344 | life = 3; 345 | $lifeIcons.find('.heart-icon').removeClass('hide'); 346 | $killedTitle.html(zombieKilled); 347 | $ammoTitle.attr('data-ammo', ammo); 348 | createjs.Sound.stop(); 349 | // Clear all zombies on screen 350 | $('.zombie').remove(); 351 | }; 352 | 353 | // Start Game 354 | const startGame = function() { 355 | // reset game 356 | resetGame(); 357 | 358 | // Game Cover 359 | $gameCover.fadeIn('slow', function () { 360 | $canves.attr('data-wave', '1'); 361 | }); 362 | setTimeout(function () { 363 | $gameCover.fadeOut('slow', function () { 364 | // Start Wave 1 365 | if(!mutedMusic) { playSound(SOUNDTRACK); } 366 | startWave(WAVE_1_ZOMBIE_FRQ, WAVE_1_ZOMBIE_QTY); 367 | }); 368 | },2500); 369 | }; 370 | 371 | 372 | // Preload from http://stackoverflow.com/a/10999147 373 | const preload = function(files, cb) { 374 | var len = files.length; 375 | $(files.map(function(f) { 376 | return ''; 377 | }).join('')).load(function () { 378 | if(--len===0) { 379 | cb(); 380 | } 381 | }); 382 | }; 383 | 384 | return { 385 | initInto: function() { 386 | $canves.find('.zombie-loader').addClass('zombie-' + getRandom(1, 3)); 387 | // Preload all games graphics 388 | preload([ 389 | 'images/zombies/zombie-1.png', 390 | 'images/zombies/zombie-2.png', 391 | 'images/zombies/zombie-3.png', 392 | 'images/background/bg-1.png', 393 | 'images/background/bg-2.png', 394 | 'images/background/bg-3.png', 395 | 'images/background/bg-4.png', 396 | 'images/ui/cover.jpg', 397 | 'images/ui/frame.png', 398 | 'images/ui/icons.png', 399 | 'images/zombies/zombie-1-death.png', 400 | 'images/zombies/zombie-2-death.png', 401 | 'images/zombies/zombie-3-death.png', 402 | 'images/zombies/zombie-4.png', 403 | 'images/zombies/zombie-4-death.png', 404 | 'images/zombies/zombie-5.png', 405 | 'images/zombies/zombie-5-death.png', 406 | 'images/zombies/zombie-6.png', 407 | 'images/zombies/zombie-6-death.png' 408 | ], function() { 409 | $canves.find('.loader').remove(); 410 | startGame(); 411 | }); 412 | }, 413 | killed: zombieKilled, 414 | ammoLeft: ammo 415 | } 416 | })(); 417 | 418 | // Init Game 419 | ZOMBIEMAYEM.initInto(); 420 | }); 421 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | {one line to give the program's name and a brief idea of what it does.} 635 | Copyright (C) {year} {name of author} 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | {project} Copyright (C) {year} {fullname} 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | --------------------------------------------------------------------------------