From b77c0731698a361bb7150735d9e6eb2f360979a5 Mon Sep 17 00:00:00 2001 From: Ambrose Chua Date: Sat, 29 Jun 2013 13:31:22 +0800 Subject: [PATCH] Moved to dir and added prefixfree.min.js by LeaVerou --- .DS_Store | Bin 0 -> 6148 bytes {assets => alpha/assets}/assets-raw.jpg | Bin {assets => alpha/assets}/bar.png | Bin {assets => alpha/assets}/barfill.png | Bin {assets => alpha/assets}/cursor.png | Bin {assets => alpha/assets}/eknife.png | Bin {assets => alpha/assets}/ft.png | Bin {assets => alpha/assets}/house.png | Bin {assets => alpha/assets}/icon.png | Bin {assets => alpha/assets}/pauseplay.png | Bin {assets => alpha/assets}/the-bunnies.png | Bin {assets => alpha/assets}/wrench.png | Bin {assets => alpha/assets}/you.png | Bin cache.manifest => alpha/cache.manifest | 0 alpha/index.html | 122 ++++++++ alpha/main.css | 375 +++++++++++++++++++++++ main.js => alpha/main.js | 0 {xcf => alpha/xcf}/assets-raw.xcf | Bin {xcf => alpha/xcf}/bar.xcf | Bin {xcf => alpha/xcf}/barfill.xcf | Bin {xcf => alpha/xcf}/cursor.xcf | Bin {xcf => alpha/xcf}/eknife.xcf | Bin {xcf => alpha/xcf}/ft.xcf | Bin {xcf => alpha/xcf}/house.xcf | Bin {xcf => alpha/xcf}/icon.xcf | Bin {xcf => alpha/xcf}/pauseplay.xcf | Bin {xcf => alpha/xcf}/the-bunnies.xcf | Bin {xcf => alpha/xcf}/you.xcf | Bin 28 files changed, 497 insertions(+) create mode 100644 .DS_Store rename {assets => alpha/assets}/assets-raw.jpg (100%) rename {assets => alpha/assets}/bar.png (100%) rename {assets => alpha/assets}/barfill.png (100%) rename {assets => alpha/assets}/cursor.png (100%) rename {assets => alpha/assets}/eknife.png (100%) rename {assets => alpha/assets}/ft.png (100%) rename {assets => alpha/assets}/house.png (100%) rename {assets => alpha/assets}/icon.png (100%) rename {assets => alpha/assets}/pauseplay.png (100%) rename {assets => alpha/assets}/the-bunnies.png (100%) rename {assets => alpha/assets}/wrench.png (100%) rename {assets => alpha/assets}/you.png (100%) rename cache.manifest => alpha/cache.manifest (100%) create mode 100644 alpha/index.html create mode 100644 alpha/main.css rename main.js => alpha/main.js (100%) rename {xcf => alpha/xcf}/assets-raw.xcf (100%) rename {xcf => alpha/xcf}/bar.xcf (100%) rename {xcf => alpha/xcf}/barfill.xcf (100%) rename {xcf => alpha/xcf}/cursor.xcf (100%) rename {xcf => alpha/xcf}/eknife.xcf (100%) rename {xcf => alpha/xcf}/ft.xcf (100%) rename {xcf => alpha/xcf}/house.xcf (100%) rename {xcf => alpha/xcf}/icon.xcf (100%) rename {xcf => alpha/xcf}/pauseplay.xcf (100%) rename {xcf => alpha/xcf}/the-bunnies.xcf (100%) rename {xcf => alpha/xcf}/you.xcf (100%) diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 + + +The Bunnies, Inc. + + + + + + + + +
+
+
+Loading... +
+
+ +
Pause
+ +
+
+
+
+ +
+

Paused

+
▶ Continue playing
+
End game
+
+ + + +
+

About

+The Bunnies Inc. by ambc
+
+

Starring

+The Bunnies,
+Google Maps and
+ + +HTML5 Powered with CSS3 / Styling, Graphics, 3D & Effects, and Offline & Storage + +
+Entire game licensed under MIT.
+Parts of this game includes code from other sources.
+Release history. | Website. +
+ +

Aww, snap!

Please use a updated browser to play.

+ +
+
+
+
+ +
+
 
+
+ +
+ +
▲
+
▼
+
◀
+
▶
+ + + + + + + diff --git a/alpha/main.css b/alpha/main.css new file mode 100644 index 0000000..54b0bce --- /dev/null +++ b/alpha/main.css @@ -0,0 +1,375 @@ + +@import url(http://fonts.googleapis.com/css?family=Londrina+Solid|Londrina+Shadow); +* { +margin: 0; +outline: none; +padding: 0;/* +-webkit-touch-callout: none; +-webkit-user-select: none; +-khtml-user-select: none; +-moz-user-select: none; +-ms-user-select: none;*/ +user-select: none; +font-family: "Londrina Solid";/* +-webkit-box-sizing: border-box; +-moz-box-sizing: border-box;*/ +box-sizing: border-box; +} +html { +height: 100%; +width: 100%; +overflow: hidden; +background-color: #222; +} +body { +background-color: #222; +color: #eee; +text-align: center; +width: 100%; +height: 100%; +font-size: 20px; +line-height: 20px; +vertical-align: middle; +overflow: hidden; +cursor: url(assets/cursor.png) 4 4, auto; +} +#loading { +background-color: #aaa; +color: rgba(0, 0, 0, 0.5); +text-align: center; +z-index: 9990; +position: absolute; +top: 0; +bottom: 0; +left: 0; +right: 0; +/* backface-visibility: hidden; */ +} +#loadingc { +position: absolute; +top: 50%; +left: 50%; +z-index: 9999; +margin: -50px 0 0 -100px; +height: 100px; +width: 200px; +font-size: 20px; +} + +@keyframes loading { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +}/* +@-moz-keyframes loading { + from { + -moz-transform: rotate(0deg); + } + to { + -moz-transform: rotate(360deg); + } +} +@-webkit-keyframes loading { + from { + -webkit-transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + } +} +@-ms-keyframes loading { + from { + -ms-transform: rotate(0deg); + } + to { + -ms-transform: rotate(360deg); + } +} +@-o-keyframes loading { + from { + -o-transform: rotate(0deg); + } + to { + -o-transform: rotate(360deg); + } +}*/ +.loading { + width: 20px; + height: 20px; + margin-right: 0px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 10px; + border-top-right-radius: 0px;/* + -webkit-border-radius: 10px; + -webkit-border-top-right-radius: 0px; + -moz-border-radius: 10px; + -moz-border-top-right-radius: 0px; + -o-border-radius: 10px; + -o-border-top-right-radius: 0px; + -ms-border-radius: 10px; + -ms-border-top-right-radius: 0px;*/ + animation: loading 1s infinite;/* + -webkit-animation: loading 1s infinite; + -moz-animation: loading 1s infinite; + -o-animation: loading 1s infinite; + -ms-animation: loading 1s infinite;*/ + display: inline-block; +} +#map_canvas { +width: 100%; +height: 100%; +} +#dpf, #dpb, #dpl, #dpr { +width: 50px; +height: 50px; +line-height: 50px; +font-size: 20px; +border: 1px solid #999; +border-radius: 10px; +background-color: #bbb; +color: #333; +opacity: 0.8; +z-index: 3; +} +#dpf:active, #dpb:active, #dpl:active, #dpr:active { +background-color: #aaa; +border: 1px solid #888; +} +#dpf { +position: absolute; +bottom: 130px; +right: 60px; +} +#dpb { +position: absolute; +bottom: 30px; +right: 60px; +} +#dpl { +position: absolute; +bottom: 80px; +right: 110px; +} +#dpr { +position: absolute; +bottom: 80px; +right: 10px; +} + +#bar { +background-color: rgba(0, 0, 0, 0.0); +z-index: 2; +color: #eee; +padding: 10px 0px; +position: absolute; +top: 0; +left: 0; +right: 0; +vertical-align: middle; +border: 1px solid rgba(0, 0, 0, 0.0); +} +#you { +position: absolute; +top: 0; +left: 0; +z-index: 2; +width: 100%; +height: 100%; +} +#menu, #tgpm, #aboutc { +text-align: center; +position: absolute; +top: 0; +left: 0; +right: 0; +bottom: 0; +z-index: 6; +background-color: rgba(0, 0, 0, 0.8); +} +#menu > h1 { +font-family: "Londrina Shadow"; +padding: 30px 10px; +font-size: 30px; +line-height: 30px; +word-spacing: 20px; +background: transparent url("assets/the-bunnies.png") center center no-repeat; +background-size: 250px 40px; +color: transparent; +} +h1 { +font-family: "Londrina Shadow"; +padding: 30px 10px; +font-size: 30px; +line-height: 30px; +} +h2 { +font-family: "Londrina Shadow"; +font-size: 25px; +padding: 15px 5px; +line-height: 25px; +font-weight: 300; +} +.btn { +color: #fff; +padding: 5px 10px; +margin: 10px auto; +box-shadow: -5px -5px 1px rgba(255, 255, 255, 0.25); +border: 1px dashed #fff; +font-size: 20px; +display: block; +width: 200px; +background-color: rgba(255, 255, 255, 0.5); +text-decoration: none; +} +.btn:hover { +box-shadow: -3px -3px 1px rgba(255, 255, 255, 0.25); +position: relative; +top: -2px; +left: -2px; +background-color: rgba(255, 255, 255, 0.4); +} +#dir { +width: 2px; +height: 100px; +background-color: #fff; +} +#dirh { +width: 2px; +height: 200px; +position: absolute; +left: 50%; +top: 50%; +z-index: 2; +margin: -100px 0 0 -1px; +} +#tgp { +margin: 0; +width: auto; +padding: 10px 5px; +z-index: 4; +line-height: 20px; +position: absolute; +right: 0px; +top: 0px; +font-size: 20px; +display: none; +/* box-shadow: -5px 5px 1px rgba(255, 255, 255, 0.25); */ +color: #fff; +border-radius: 5px; +background: transparent url("assets/pauseplay.png") no-repeat right top; +width: 42px; +background-size: 42px 84px; +color: transparent; +} +#tgp:hover { +/* box-shadow: -3px 3px 1px rgba(255, 255, 255, 0.25); */ +position: absolute; +right: 2px; +top: 2px; +} +#tgpm, #aboutc { +display: none; +} +#aboutc { +line-height: 25px; +font-size: 20px; +} +#play-holder { +width: 600px; +margin-left: auto; +margin-right: auto; +margin-bottom: -10px; +} +#play-b-holder { +display: inline-block; +} +#opt-holder { +display: inline-block; +height: 0; +overflow: hidden; +transition: all 1s; +float: right; +color: #fff; +font-size: 20px; +width: 200px; +/* background-color: rgba(255, 255, 255, 0.5); */ +text-decoration: none; +margin-top: -42px; +margin-right: -10px; +background: rgba(255, 255, 255, 0.1) url(assets/wrench.png) no-repeat 5px 5px; +} +#play-holder:hover > #opt-holder { +height: 75px; +} +#opt-holder > select { +margin: 20px 20px; +appearance: none; +color: #fff; +padding: 3px; +box-shadow: -5px -5px 1px rgba(255, 255, 255, 0.15); +border: 1px dashed #fff; +font-size: 15px; +display: block; +background-color: rgba(255, 255, 255, 0.3); +text-decoration: none; +border-radius: 0; +background-image: none; +letter-spacing: 1px; +width: auto; +} +#opt-holder > select:hover { +box-shadow: -3px -3px 1px rgba(255, 255, 255, 0.15); +position: relative; +top: -2px; +left: -2px; +background-color: rgba(255, 255, 255, 0.4); +} + +h1 > sup { +font-size: 13px; +line-height: 13px; +font-weight: 400; +color: red; +} +#sec { +float: center; +display: inline-block; +} +#kills { +float: left; +display: inline-block; +margin-left: 30px; +} +#frame { +width: 0; +height: 0; +} +#bunny { +display: none; +width: 100px; +height: 175px; +position: absolute; +top: 50%; +left: 50%; +margin-top: -82.5px; +margin-left: -50px; +background: url(assets/you.png); +background-size: 100% 100%; +z-index: 3; +} +.enemy { +display: block; +width: 100px; +height: 175px; +position: absolute; +top: 0px; +left: 0px; +margin-top: -82.5px; +margin-left: -50px; +background: url(assets/eknife.png); +background-size: 100% 100%; +z-index: 1; +} \ No newline at end of file diff --git a/main.js b/alpha/main.js similarity index 100% rename from main.js rename to alpha/main.js diff --git a/xcf/assets-raw.xcf b/alpha/xcf/assets-raw.xcf similarity index 100% rename from xcf/assets-raw.xcf rename to alpha/xcf/assets-raw.xcf diff --git a/xcf/bar.xcf b/alpha/xcf/bar.xcf similarity index 100% rename from xcf/bar.xcf rename to alpha/xcf/bar.xcf diff --git a/xcf/barfill.xcf b/alpha/xcf/barfill.xcf similarity index 100% rename from xcf/barfill.xcf rename to alpha/xcf/barfill.xcf diff --git a/xcf/cursor.xcf b/alpha/xcf/cursor.xcf similarity index 100% rename from xcf/cursor.xcf rename to alpha/xcf/cursor.xcf diff --git a/xcf/eknife.xcf b/alpha/xcf/eknife.xcf similarity index 100% rename from xcf/eknife.xcf rename to alpha/xcf/eknife.xcf diff --git a/xcf/ft.xcf b/alpha/xcf/ft.xcf similarity index 100% rename from xcf/ft.xcf rename to alpha/xcf/ft.xcf diff --git a/xcf/house.xcf b/alpha/xcf/house.xcf similarity index 100% rename from xcf/house.xcf rename to alpha/xcf/house.xcf diff --git a/xcf/icon.xcf b/alpha/xcf/icon.xcf similarity index 100% rename from xcf/icon.xcf rename to alpha/xcf/icon.xcf diff --git a/xcf/pauseplay.xcf b/alpha/xcf/pauseplay.xcf similarity index 100% rename from xcf/pauseplay.xcf rename to alpha/xcf/pauseplay.xcf diff --git a/xcf/the-bunnies.xcf b/alpha/xcf/the-bunnies.xcf similarity index 100% rename from xcf/the-bunnies.xcf rename to alpha/xcf/the-bunnies.xcf diff --git a/xcf/you.xcf b/alpha/xcf/you.xcf similarity index 100% rename from xcf/you.xcf rename to alpha/xcf/you.xcf