Skip to content
This repository was archived by the owner on May 9, 2022. It is now read-only.
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
133 changes: 5 additions & 128 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,131 +1,8 @@
# GitHub Game Off 2016
"Hacking horse" is a runner written in JavaScript. All you need to do to run this game is to download all the files from the repository and have a web-browser.

![GitHub Game Off 2016 Theme is Hacking, Modding, or Augmenting](https://cloud.githubusercontent.com/assets/121322/19498019/d8827370-9543-11e6-82d8-6da822b6147b.png)
Why "Hacking horse"? — GitHUB: "You have the entire month of November to create a game loosely based on the theme hacking, modding and/or augmenting". The main word is "loosely". So after having read the wikipedia(https://en.wikipedia.org/wiki/Hacking and https://en.wikipedia.org/wiki/Pleasure_riding) we have decided to create a runner where the main character is a rider.
The controls of the game: use spacebar for jumping.

<div align="right">
<sup>
<a href="#the-challenge">English</a> ·
<a href="#お題">日本語</a> ·
<a href="#tantangan">Indonesia</a>
</sup>
</div>
We hope you'll enjoy the riding!

## The Challenge

You have the entire month of November to create a game *loosely* based on the theme **hacking, modding and/or augmenting**.

What do we mean by **loosely** based on hacking, modding and/or augmenting? We literally mean, *loosely* based. Some examples might be:

* an endless runner where you *hack* down binary trees in your path with a pixelated axe,
* a *modern* take on a classic e.g. a roguelike set in a 3D or VR world, or
* an *augmented* reality game bringing octopus/cat hybrids into the real world.

Unleash your creativity. You can work alone or with a team and build for any platform or device. The use of open source game engines and libraries is encouraged but not required.

We'll highlight some of our favorites on the GitHub blog, and the world will get to enjoy (and maybe even contribute to and/or learn from) your creations.

## How to participate

* [Sign up for a free personal account][github-signup] if you don't already have one.
* Fork [this repository][game-off-repo] to your personal account (or to a [free organization account][github-signup-org]).
* Clone the repository on your computer and build your game.
* Push your game source code to your forked repository before Dec 1st.
* Update the `README.md` file to include a description of your game, how/where to play/download it, how to build/compile it, what dependencies it has, etc.
* Submit your final game using this [form][wufoo-form].

## It's dangerous to go alone <img src="https://octodex.github.com/images/linktocat.jpg" height="40">

If you're **new to Git, GitHub, or version control**…

* [Git Documentation](https://git-scm.com/documentation) - everything you need to know about version control, and how to get started with Git.
* [GitHub Help](https://help.github.com/) - everything you need to know about GitHub.
* Questions about GitHub? Please [contact our Support team][github-support] and they'll be delighted to help you.
* Questions specific to the GitHub Game Off? Please [create an issue][game-off-repo-issues]. This will be the official FAQ.

The official Twitter hashtag for the Game Off is `#ggo16`. We look forward to playing with your creations.

GLHF! <3

## お題

11月いっぱいを使って、ゲームを作ってください。作ってもらいたいゲームのテーマは大まかに言って、**hacking, modding and/or augmenting(ハック、改造もしくは拡張)**です。

"**大まか**に言ってhacking, modding and/or augmenting(ハック、改造もしくは拡張)"とはどういう意味でしょうか? 文字通り、*大まか*にテーマに沿っていればいいということです。

例えば、こんな例も含まれるということです:

* ピクセル製の斧をつかってあなたが*叩き切った*(*hack* down)バイナリツリー上をランナーが走り続けるゲームとか
* ゲームの古典をベースに*現代的*(*modern*)な解釈をするとか(例えばローグライクゲームを3DやVRの世界で再現してみる)
* タコと猫のハイブリッドを現実世界に持ち込むような*拡張*現実(*augmented* reality)ゲームとか

みなさんのクリエイティビティを最大限発揮できるように、1人で作業してもチームで作業しても問題ありませんし、作るゲームがどんなプラットフォーム向けでもどんなデバイス向けでも不問とします。また、オープンソースのゲームエンジンやライブラリを使用することは歓迎しますが、必須ではありません。

ご応募いただいたゲームのうちいくつかはGitHubのブログで取り上げる予定です。世界中があなたが作ったゲームを楽しんでくれると思います。(そしてあなたのゲームに対して貢献もしてくれるかもしれませんし、同時にあなたのゲームから何かを学び取ることもあるでしょう)

## 参加方法

* まだGitHubのアカウントを持っていない場合、[GitHubにサインアップしてアカウントを作ってください。(無料のもので問題ありません)][github-signup]
* [このリポジトリ][game-off-repo]を自分のアカウントにフォークしてください。(もしくは[オーガニゼーションにフォークしても問題ありません。もちろん無料プランでいいです。][github-signup-org])
* 自身のコンピュータにリポジトリをクローンして、ゲームを開発してください。
* ゲームのソースコードをフォークした自分のリポジトリに12月1日になる前にプッシュしてください。
* `README.md`ファイルを更新して、ゲームの説明、プレイの仕方、ダウンロードの仕方、またはビルド/コンパイルの方法、依存しているライブラリ等の説明、等々、必要な情報を含めてください。
* 最後にこの[フォーム][wufoo-form]を使ってゲームをサブミットしてください。

## ヒトリデハキケンジャ コレヲ サズケヨウ <img src="https://octodex.github.com/images/linktocat.jpg" height="40">

もし**GitやGitHub、バージョン管理そのものについて初心者なのであれば**...

* [Git Documentation](https://git-scm.com/documentation) - バージョンコントロールについてと、Gitを使い始めるために必要な情報はここにあります。(日本語で読める情報としては[Pro Gitの日本語版](https://git-scm.com/book/ja/v2)があります)
* [GitHub Help](https://help.github.com/) - GitHubについてはこちらを参照してください。
* GitHubについて質問したいことがあれば、ぜひ[ここから問い合わせてください!(ただし英語でお願いします :bow: )][github-support] サポートチームが助けてくれます。
* GitHub Game Offに関する質問については、[ここにIssueを作って聞いてください。(英語でお願いします)][game-off-repo-issues]. これが公式のFAQになっていく予定です。

このGame OffのためのTwitterの公式ハッシュタグは`#ggo16`です。皆さんのゲームで遊べるのを楽しみにしています。

GLHF! <3

## Tantangan

Sepanjang bulan November, Anda dapat membuat sebuah permainan *bebas* dengan bertemakan **peretasan, modifikasi dan/atau penggandaan**.

Apa yang kami maksud dengan **bebas** berdasarkan pada peretasan, modifikasi dan/atau penggandaan? Maksud kami, benar-benar bebas, secara harfiah tidak ada syarat dan ketentuan. Contohnya seperti:

* Permainan berlari tanpa ujung di mana anda menebang (*hack*) pohon biner di sepanjang jalur anda dengan kapak piksel,
* Permainan versi modern dari permainan klasik, misalnya sebuah *roguelike* yang diatur di dalam dunia 3D atau dunia VR, atau
* Sebuah permainan realitas tertambah (*augmented reality*) yang membawa gurita dan kucing ke dalam dunia nyata.

Tunjukan kreativitas anda. Anda dapat bekerja sendiri atau dengan tim dan membangun untuk berbagai padanan ataupun perangkat. Anda dianjurkan, tetapi tidak diharuskan untuk menggunakan mesin permainan dari sumber terbuka dan berbagai pustaka.

Kami akan tetap memantau beberapa blog GitHub favorit kami, dan dunia dapat menikmati (dan bahkan mungkin berkontribusi dan/atau untuk belajar) dengan kreasi anda.

## Bagaimana cara berpartisipasi

* [Daftarkan akun][github-signup] jika anda belum punya.
* *Fork* [repositori ini][game-off-repo] untuk akun pribadi (atau untuk sebuah [akun organisasi gratis][github-signup-org]).
* *Clone* repositori pada komputer anda dan buat permainan anda.
* *Push* kode sumber(*source code*) permainan anda untuk repositori hasil *fork* anda sebelum tanggal 1 Desember.
* Perbaharui berkas `README.md` untuk memasukkan penjelasan dari permainan anda, bagaimana/dimana untuk memainkan/mengunduhnya, bagaimana cara *build/compile* permainan anda, ketergantungan apa yang dimiliki, dan lain-lain.
* Ajukan versi terakhir permainan anda menggunakan [formulir][wufoo-form] ini.

## Berbahaya jika anda bekerja sendirian <img src="https://octodex.github.com/images/linktocat.jpg" height="40">

Jika anda masih **pemula dalam menggunakan Git, GitHub, atau manajemen revisi**…

* [Dokumentasi Git](https://git-scm.com/documentation) - semua yang perlu anda ketahui tentang manajemen revisi, dan bagaimana cara menggunakan Git.
* [Bantuan GitHub](https://help.github.com/) - semua yang perlu anda ketahui tentang GitHub.
* Ada pertanyaan tentang GitHub? Mohon [hubungi tim pendukung kami][github-support] dan dengan senang hati mereka akan membantu anda.
* Punya pertanyaan spesifik mengenai GitHub Game Off? Mohon [buat sebuah issue][game-off-repo-issues]. ini akan menjadi pertanyaan umum resmi.

Tagar Twitter resmi untuk Game Off adalah `#ggo16`. Kami berharap *kami* dapat memainkan kreasi anda.

GLHF! <3

<!-- links -->
[game-off-repo]: https://github.com/github/game-off-2016/
[game-off-repo-issues]: https://github.com/github/game-off-2016/issues
[git-documentation]: https://git-scm.com/documentation
[github-help]: https://help.github.com/
[github-signup]: https://github.com/signup/free
[github-signup-org]: https://github.com/organizations/new
[github-support]: https://github.com/contact?form%5Bsubject%5D=GitHub%20Game%20Off
[wufoo-form]: https://gameoff.wufoo.com/forms/game-off-2016/
Creators: Oleksandr Korzhenevskyi and Vitalii Lazuka.
194 changes: 194 additions & 0 deletions hacking.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,194 @@
*, *:before, *:after {
box-sizing: border-box;
margin: 0px;
transition: transform .5s;
transition-timing-function: cubic-bezier(.63,1.45,0,1.2);
font-family: "Lobster Two", cursive;
font-style: italic;
text-shadow: 0px 0px 3px gold;
}
.wrapper {
position: relative;
}
#layer{
margin-left:auto;
margin-right: auto;
height: 653px;
width: 1023px;
}
#menu.main {
height: 653px;
width: 1023px;
background: #022100; /* For browsers that do not support gradients */
background: -webkit-radial-gradient(circle, #008659, #022100); /* For Safari 5.1 to 6.0 */
background: -o-radial-gradient(circle, #008659, #022100); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(circle, #008659, #022100); /* For Firefox 3.6 to 15 */
background: radial-gradient(circle, #008659, #022100); /* Standard syntax (must be last) */
left: 50%;
margin-left: -512px;
position: absolute;
}
#main {
display: none;
height: 60%;
overflow: hidden;
position: relative;
top: 20%; left: 0; bottom: 0; right: 0;
text-align: center;
}
#name {
color: yellow;
//text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 40pt;
}

.button {
display: block;
width: 150px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
margin-bottom: 20px;
height: 50px;
line-height: 30px;
background: #5eff7e;
background-image: -webkit-linear-gradient(top, #5eff7e, #7bff0f);
background-image: -moz-linear-gradient(top, #5eff7e, #7bff0f);
background-image: -ms-linear-gradient(top, #5eff7e, #7bff0f);
background-image: -o-linear-gradient(top, #5eff7e, #7bff0f);
background-image: linear-gradient(to bottom, #5eff7e, #7bff0f);
-webkit-border-radius: 17;
-moz-border-radius: 17;
border-radius: 17px;
font-family: Arial;
color: #0e6b00;
font-size: 20px;
padding: 10px 20px 10px 20px;
border: solid #70ff85 2px;
text-decoration: none;
text-align: center;
}
.button:hover {
background: #7bff0f;
background-image: -webkit-linear-gradient(top, #7bff0f, #5eff7e);
background-image: -moz-linear-gradient(top, #7bff0f, #5eff7e);
background-image: -ms-linear-gradient(top, #7bff0f, #5eff7e);
background-image: -o-linear-gradient(top, #7bff0f, #5eff7e);
background-image: linear-gradient(to bottom, #7bff0f, #5eff7e);
transition: background-image 2s;
text-decoration: none;
}

#game-over {
display: none;
text-align: center;
top: 92px;
z-index: 10;
width: 600px;
height: 360px;
overflow: auto;
position: absolute;
left: 50%;
margin-left: -300px;
background-color: rgba(94, 255, 126, 0.5);
}

#game-over h2 {
color: yellow;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
margin: auto;
}

#credits h1{
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 30pt;
}

#credits .role {
color: #FFFB71;
}

#credits .actor {
color: #46FF17;
}


#credits {
display: none;
margin-left: -512px;
position: absolute;
top: 0px;
height: auto;
width: 1023px;
left: 50%;
background-color: rgba(0,0,0,0.95);
color: white;
padding-bottom: 30px;
}
#credits>div>a:hover {
cursor: pointer;
text-decoration: none;
}
#credits>div>a>h1:nth-of-type(2):hover {
color: white;
text-shadow: 0px 0px 10px orange;
}
#credits>div {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: auto 100% ;
}
#credits>div:nth-of-type(1) {
height: 100px;
line-height: 100px;
font-size: 30px;
text-align: center;
}
#credits>div:nth-of-type(2) {
width: 80%;
margin: auto;
height: 400px;
background-image: url("media/san.jpg");
}
#credits>div:nth-of-type(3) {
height: 100px;
}
#credits>div:nth-of-type(4) {
width: 80%;
margin: auto;
height: 400px;
background-image: url("media/vit.jpg");
}
#credits>a {
text-align: left;
position: absolute;
bottom: 10px;
right: 10px;
}
#credits>a:hover {
text-decoration: none;
}
#credits>a>span:before {
content: "<< ";
margin-left: -10px;
opacity: 0;
transition: opacity .5s;
}

#credits>a:hover>span:before {
content: "<< ";
opacity: 1;
}

#strange{
position: absolute;
top: 0px;
width: 100%;
height: 100%;
display: none;
background-image: url("media/Strange_Dark_Dimension_EW.jpg");
background-size: cover;
text-align: center;
}
Loading