diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/.DS_Store differ diff --git a/assets/assets-raw.jpg b/alpha/assets/assets-raw.jpg similarity index 100% rename from assets/assets-raw.jpg rename to alpha/assets/assets-raw.jpg diff --git a/assets/bar.png b/alpha/assets/bar.png similarity index 100% rename from assets/bar.png rename to alpha/assets/bar.png diff --git a/assets/barfill.png b/alpha/assets/barfill.png similarity index 100% rename from assets/barfill.png rename to alpha/assets/barfill.png diff --git a/assets/cursor.png b/alpha/assets/cursor.png similarity index 100% rename from assets/cursor.png rename to alpha/assets/cursor.png diff --git a/assets/eknife.png b/alpha/assets/eknife.png similarity index 100% rename from assets/eknife.png rename to alpha/assets/eknife.png diff --git a/assets/ft.png b/alpha/assets/ft.png similarity index 100% rename from assets/ft.png rename to alpha/assets/ft.png diff --git a/assets/house.png b/alpha/assets/house.png similarity index 100% rename from assets/house.png rename to alpha/assets/house.png diff --git a/assets/icon.png b/alpha/assets/icon.png similarity index 100% rename from assets/icon.png rename to alpha/assets/icon.png diff --git a/assets/pauseplay.png b/alpha/assets/pauseplay.png similarity index 100% rename from assets/pauseplay.png rename to alpha/assets/pauseplay.png diff --git a/assets/the-bunnies.png b/alpha/assets/the-bunnies.png similarity index 100% rename from assets/the-bunnies.png rename to alpha/assets/the-bunnies.png diff --git a/assets/wrench.png b/alpha/assets/wrench.png similarity index 100% rename from assets/wrench.png rename to alpha/assets/wrench.png diff --git a/assets/you.png b/alpha/assets/you.png similarity index 100% rename from assets/you.png rename to alpha/assets/you.png diff --git a/cache.manifest b/alpha/cache.manifest similarity index 100% rename from cache.manifest rename to alpha/cache.manifest diff --git a/alpha/index.html b/alpha/index.html new file mode 100644 index 0000000..7f5e84c --- /dev/null +++ b/alpha/index.html @@ -0,0 +1,122 @@ + + + +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