README IS DONE
This commit is contained in:
Nicky Case
parent
52771afe6a
commit
4cc56dc7ef
167
README.md
167
README.md
|
|
@ -1,12 +1,30 @@
|
|||
|
||||
<!--  -->
|
||||
|
||||
# [Play the demo here!](https://ncase.me/anxiety-demo/)
|
||||
# [Play the interactive story here!](https://ncase.me/anxiety/)
|
||||
|
||||
Everything I've made here is dedicated to the public domain, under [Creative Commons Zero](https://creativecommons.org/choose/zero/)!
|
||||
## Public Domain
|
||||
|
||||
Created by [Nicky Case](https://ncase.me/)
|
||||
Nicky Case and Monplaisir hereby dedicate all their work for this game to the public domain, under [Creative Commons Zero](https://creativecommons.org/choose/zero/).
|
||||
That means: you can remix and reuse *any* of the original art / code / music in this game for *any* purpose, even commercial use!
|
||||
|
||||
Music is ["Battle of Pogs" by Komiku](http://freemusicarchive.org/music/Komiku/Captain_Glouglous_Incredible_Week_Soundtrack/pog) (Creative Commons Zero)
|
||||
**Q:** Do I have to give attribution?
|
||||
**A:** You're not *legally* required to, but it's highly appreciated! <3
|
||||
|
||||
**Q:** Legally speaking, can I claim *I* made this?
|
||||
**A:** Yes, the same way you're legally allowed to claim to have written Mary Shelley's *Frankenstein*, or claim you have 13 nipples.
|
||||
|
||||
**Q:** Can I sell a port of this game?
|
||||
**A:** Yes! But to avoid confusion, I recommend labeling your game as "Fan-Made Port", and *link to this statement saying I'm explicitly allowing commercial remixes*. This is to avoid accusations of theft from folks who weren't aware I always open-source + public-domain my projects. (Example: [a Steam port of another one of my games!](https://store.steampowered.com/app/1103210/We_Become_What_We_Behold_FanMade_Port/))
|
||||
|
||||
**Q:** Can I turn this game into a dating sim between the human and wolf?
|
||||
**A:** uh
|
||||
|
||||
|
||||
## Full Credits
|
||||
|
||||
Art / Code / Writing by [Nicky Case](https://ncase.me/)
|
||||
|
||||
Music by [Monplaisir](https://loyaltyfreakmusic.com)
|
||||
|
||||
**Sound Effects from FreeSound.org (Creative Commons)**
|
||||
|
||||
|
|
@ -30,10 +48,17 @@ Music is ["Battle of Pogs" by Komiku](http://freemusicarchive.org/music/Komiku/C
|
|||
* [Tension Building](https://freesound.org/people/benjaminharveydesign/sounds/316649/) by benjaminharveydesign
|
||||
* [Short Fart](https://freesound.org/people/DSISStudios/sounds/241000/) by DSISStudios
|
||||
|
||||
**Sound Effects from Kenney.nl (Creative Commons Zero)**
|
||||
**Sound Effects from Kenney.nl (All Creative Commons Zero)**
|
||||
|
||||
* [Digital Audio Pack](https://kenney.nl/assets/digital-audio)
|
||||
* [RPG Audio Pack](https://kenney.nl/assets/rpg-audio)
|
||||
* [UI Audio Pack](https://kenney.nl/assets/ui-audio)
|
||||
|
||||
**Copyrighted Sounds That I Really Hope Count As Fair Use:**
|
||||
|
||||
* The Pokémon theme song is © The Pokémon Company. I used a ~22s instrumental clip for a parody song about Tinder.
|
||||
* The "Hadouken!" sound is © Capcom. I used it as parody for the anxiety wolf's Special Attack.
|
||||
|
||||
* [Beebee's & Hong's voices](https://kenney.nl/assets/digital-audio)
|
||||
* [Narrator's voice](https://kenney.nl/assets/rpg-audio)
|
||||
|
||||
**Open Source Libraries**
|
||||
|
||||
|
|
@ -43,9 +68,129 @@ Music is ["Battle of Pogs" by Komiku](http://freemusicarchive.org/music/Komiku/C
|
|||
* [Simple Sharing Buttons](https://simplesharingbuttons.com/) by Stefan Bohacek
|
||||
* [Ceaser](https://matthewlein.com/tools/ceaser) by Matthew Lein for CSS animation
|
||||
|
||||
The Pokémon theme song is © of The Pokémon Company. It's a ~22s instrumental for a parody, probably fair use. I hope.
|
||||
**Thank you to my playtesters!**
|
||||
|
||||
Thank you to my playtesters!
|
||||
B Cavello, EmilyKate McDonough, Glen Chiacchieri, Mikayla Hutchinson, Monica Srivastava, Rowan, Srini Kadamati
|
||||
|
||||
And of course, thank you to the generous support of [my fans on Patreon.](https://www.patreon.com/ncase) Luv y'all <3
|
||||
**And of course, thank you to the generous support of [my fans on Patreon.](https://www.patreon.com/ncase)** Luv y'all <3
|
||||
|
||||
## How To Translate
|
||||
|
||||
Okay. I super, super seriously apologize in advance.
|
||||
|
||||
Translating this thing will *suck.*
|
||||
|
||||
Thus, I highly recommend collaborating online on a translation! There's about 9,000 words to translate, the rules of what to translate or not are a bit weird, and you'll need to edit some images. But if you're still up for it...
|
||||
|
||||
### Step 1:
|
||||
|
||||
[Make a fork](https://help.github.com/en/articles/fork-a-repo) on Github!
|
||||
|
||||
### Step 2:
|
||||
|
||||
*POST AN ISSUE WITH A LINK TO YOUR FORK.* This will let folks a) know a translation is in process, and b) let *you* find collaborators for the translation process!
|
||||
|
||||
### Step 3:
|
||||
|
||||
Translate all the Markdown files in `/scenes`. (about 9000 words) Personally I use [MacDown](https://macdown.uranusjr.com/) (Mac only), but there's [a whole bunch of other free open-source Markdown editors](https://opensource.com/article/18/11/markdown-editors).
|
||||
|
||||
**THERE ARE RULES OF WHAT TO TRANSLATE OR NOT.** It's probably best to show it with examples. Excuse my terrible French...
|
||||
|
||||
Original English:
|
||||
|
||||
|
||||
|
||||
Translated to "Nicky's Attempt At French":
|
||||
|
||||
|
||||
|
||||
As you can see, you *don't* translate everything.
|
||||
|
||||
**Just translate:**
|
||||
|
||||
* Anything after a letter + colon. This changes a dialogue *spoken*. "h:" is hong the human, "b:" is beebee the wolf, etc.
|
||||
* Anything in the square brackets of `[words words words](#section_name)`. This changes the dialogue *choices.*
|
||||
|
||||
**Try to:**
|
||||
|
||||
* Not make any translated line go 20% longer than the original English. Otherwise dialogue bubbles or choices may go off-screen. Paraphrase or cut words if you have to.
|
||||
|
||||
**Do NOT translate:**
|
||||
|
||||
* Anything within ``` `code({with:"backticks",like:"this"});` ```. This is the code that runs between dialogue lines.
|
||||
* Anything within ``` {{ these brackets either }} ```. These allow for changes in dialogue or choices based on previous choices (see example above).
|
||||
* Any line that starts with a `#`. That's a section name.
|
||||
* The part in the *round* brackets in `[words words words](#section_name)`. That's the name of the section you'll go to if you select that dialogue choice.
|
||||
|
||||
Oh but of *course* that's not all the rules! Two more rules for translating swear words:
|
||||
|
||||
Original English:
|
||||
|
||||
|
||||
|
||||
Excusez mon français:
|
||||
|
||||
|
||||
|
||||
**Rules for translating swears:**
|
||||
|
||||
* Put all swear words in `^fucking^ carat symbols`. This is so they can be replaced with @#&!✩@ in the Cuss-Free Mode.
|
||||
* Beebee the wolf (almost) never swears. They swear a couple times in the perverted Pokémon parody song but that's it. Otherwise, they say "Heck" and "Dang".
|
||||
|
||||
**One more dumb rule: Don't translate any words within #pounds#.**
|
||||
|
||||
Like so. English:
|
||||
|
||||
|
||||
|
||||
French:
|
||||
|
||||
|
||||
|
||||
### Step 4:
|
||||
|
||||
Translate `index.html`. (about 70 words) There's further instructions in that file itself. (Feel free to add yourself + your collaborators as translators in the top-left corner!)
|
||||
|
||||
This translates some UI, and helps search engines + social networks understand the page is in your target language.
|
||||
|
||||
### Step 5:
|
||||
|
||||
Translate the images. This step sucks. You can use an image-editing program like MS Paint or [GIMP](https://www.gimp.org).
|
||||
|
||||
Images to translate: (about 70 words)
|
||||
|
||||
* `sharing/thumb.png` (so when folks share your game on social media, the thumbnail's in your language!)
|
||||
* `sprites/about/cc0.png`
|
||||
* `sprites/about/replay.png`
|
||||
* `sprites/act4/callback.png`
|
||||
* `sprites/credits/end_message.png`
|
||||
* `sprites/credits/screens.png` (feel free to add yourself in closing credits as a translator)
|
||||
* `sprites/credits/starring.png`
|
||||
* `sprites/credits/thanks.png`
|
||||
* `sprites/intermission/youwin.png`
|
||||
* `sprites/intro/intro_logo.png` (feel free to add yourself in opening credits as a translator)
|
||||
* `sprites/ui/fear_captions.png`
|
||||
* `sprites/ui/preloader.png`
|
||||
|
||||
### Step 6:
|
||||
|
||||
Your translated game is DONE! Now you just need to put it online. You can follow [Github Pages's instructions](https://pages.github.com) for free hosting. (it's the same way I'm hosting my game)
|
||||
|
||||
### (OPTIONAL STEP):
|
||||
|
||||
This game also has a link to a list of Mental Health Resources, [on a different webpage](https://ncase.me/mental-health-resources). It's not part of the "main" game, but it may still be valuable to make accessible in more languages.
|
||||
|
||||
The repo & instructions for translating that are... [here!](https://github.com/ncase/mental-health-resources)
|
||||
|
||||
### Step 7: TELL ME YOU ARE *DONE* 🎉🎉🎉
|
||||
|
||||
Ping @ncase on the Github Issue you created in Step 2 so I know! Or email me at 
|
||||
|
||||
Do ***NOT*** send a Pull Request, because that will change the *original* game. I will, however, edit the original game to have a link to your translation!
|
||||
|
||||
I'm usually busy and/or bad at email, so it'll take me a while to get around to it, but if I don't respond for a week, ping me again!
|
||||
|
||||
Thank you you're the beeeeeest 💖🐺💖
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
85
index.html
85
index.html
|
|
@ -10,20 +10,20 @@
|
|||
<!-- Schema.org markup for Google+ -->
|
||||
<meta itemprop="name" content="Adventures With Anxiety!">
|
||||
<meta itemprop="description" content="A story-game about a human and their anxiety. You play as the anxiety.">
|
||||
<meta itemprop="image" content="https://ncase.me/anxiety-demo/sharing/thumb.png">
|
||||
<meta itemprop="image" content="https://ncase.me/anxiety/sharing/thumb.png">
|
||||
|
||||
<!-- Twitter Card data -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@ncasenmare">
|
||||
<meta name="twitter:title" content="Adventures With Anxiety!">
|
||||
<meta name="twitter:description" content="A story-game about a human and their anxiety. You play as the anxiety.">
|
||||
<meta name="twitter:image" content="https://ncase.me/anxiety-demo/sharing/thumb.png">
|
||||
<meta name="twitter:image" content="https://ncase.me/anxiety/sharing/thumb.png">
|
||||
|
||||
<!-- Open Graph data -->
|
||||
<meta property="og:title" content="Adventures With Anxiety!">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://ncase.me/anxiety-demo/">
|
||||
<meta property="og:image" content="https://ncase.me/anxiety-demo/sharing/thumb.png">
|
||||
<meta property="og:url" content="https://ncase.me/anxiety/">
|
||||
<meta property="og:image" content="https://ncase.me/anxiety/sharing/thumb.png">
|
||||
<meta property="og:description" content="A story-game about a human and their anxiety. You play as the anxiety.">
|
||||
<meta property="og:site_name" content="Adventures With Anxiety!">
|
||||
|
||||
|
|
@ -51,6 +51,10 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<!-- - - - - - - - - - - - - - - - - - -->
|
||||
<!-- THE GAME ITSELF, FRONT AND CENTER -->
|
||||
<!-- - - - - - - - - - - - - - - - - - -->
|
||||
|
||||
<div id="game_container">
|
||||
|
||||
<!-- The main game -->
|
||||
|
|
@ -117,10 +121,10 @@
|
|||
Enjoy!
|
||||
</p>
|
||||
<p style="color:#999; font-size: 16px; line-height: 1.3em;">
|
||||
other notes: alcohol abuse, sexuality<span id="cn_cussing">, a @✩$!load of swearing</span>
|
||||
other notes: alcohol abuse, sexuality<span class="hide-if-cuss-free">, a @✩$!load of swearing</span>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" href="resources">mental health resources</a>
|
||||
<a target="_blank" href="https://ncase.me/mental-health-resources">mental health resources</a>
|
||||
🔗
|
||||
</p>
|
||||
<div id="cn_ok" onclick="publish('hide_cn');" style="float:none">
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<div style="font-size: 40px; margin-top: 42px; line-height: 30px;">
|
||||
mental health
|
||||
<a href="resources" target="_blank">resources</a>
|
||||
<a href="https://ncase.me/mental-health-resources" target="_blank">resources</a>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 26px; color: #999;">
|
||||
|
|
@ -192,9 +196,58 @@
|
|||
|
||||
</div>
|
||||
|
||||
<!-- Corner Text -->
|
||||
<div id="topleft"></div>
|
||||
<div id="bottomright"></div>
|
||||
<!-- - - - - - - - - - - - - - - - - - -->
|
||||
<!-- SHTUFF IN THE CORNER - - - - - - - -->
|
||||
<!-- - - - - - - - - - - - - - - - - - -->
|
||||
|
||||
<div class="corner-text" id="topleft">
|
||||
Created by
|
||||
<a href="https://ncase.me/" target="_blank">Nicky Case</a>
|
||||
<br>
|
||||
Music by
|
||||
<a href="https://loyaltyfreakmusic.com" target="_blank">Monplaisir</a> <!-- double check this is what they want -->
|
||||
<br>
|
||||
<a href="https://github.com/ncase/anxiety" target="_blank">Full credits</a> <!-- link to credits -->
|
||||
</div>
|
||||
|
||||
<div class="corner-text" id="bottomleft">
|
||||
<img src="sprites/about/cc0.png" height="30" style="opacity:0.7"/>
|
||||
<br>
|
||||
You're already free to reuse & remix this for any use!
|
||||
<a href="https://github.com/ncase/anxiety" target="_blank">(huh?)</a>
|
||||
<br>
|
||||
<a href="https://github.com/ncase/anxiety" target="_blank">Get the full source code</a>
|
||||
</div>
|
||||
|
||||
<div class="corner-text" id="topright">
|
||||
Share on an anxiety-app:
|
||||
<div id="share">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fncase.me%2Fanxiety%2F" target="_blank" class="no_deco">
|
||||
<div id="share_fb"></div>
|
||||
</a>
|
||||
<a href="https://twitter.com/intent/tweet?source=https%3A%2F%2Fncase.me%2Fanxiety%2F&text=I%20just%20played%20this%20story-game%20about%20a%20human%20and%20their%20anxiety!%20You%20play%20*as*%20the%20anxiety.%20%F0%9F%98%B1%20https%3A%2F%2Fncase.me%2Fanxiety%2F"
|
||||
target="_blank" class="no_deco">
|
||||
<div id="share_tw"></div>
|
||||
</a>
|
||||
<a href="mailto:?subject=Adventures%20with%20Anxiety!&body=I%20just%20played%20this%20story-game%20about%20a%20human%20and%20their%20anxiety!%20You%20play%20*as*%20the%20anxiety.%20%F0%9F%98%B1%20https%3A%2F%2Fncase.me%2Fanxiety%2F"
|
||||
target="_blank" class="no_deco">
|
||||
<div id="share_em"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="corner-text" id="bottomright">
|
||||
<a href="https://ncase.me/mental-health-resources" target="_blank">Mental Health Resources</a>
|
||||
<br><br>
|
||||
<span class="hide-if-cuss-free">
|
||||
<a href="?c=1" target="_blank">Cuss-Free Mode</a><br>
|
||||
(for educators who want to avoid an awkward PTA meeting)
|
||||
<br><br>
|
||||
</span>
|
||||
No fan-made translations yet!
|
||||
<br>
|
||||
<a href="https://github.com/ncase/anxiety" target="_blank">Make one?</a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -266,17 +319,7 @@
|
|||
A share on an anxiety-app helps too!
|
||||
</div>
|
||||
<div id="share">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fncase.me%2Fanxiety-demo%2F" target="_blank" class="no_deco">
|
||||
<div id="share_fb"></div>
|
||||
</a>
|
||||
<a href="https://twitter.com/intent/tweet?source=https%3A%2F%2Fncase.me%2Fanxiety-demo%2F&text=I%20just%20played%20this%20story-game%20about%20a%20human%20and%20their%20anxiety!%20You%20play%20*as*%20the%20anxiety.%20%F0%9F%98%B1%20https%3A%2F%2Fncase.me%2Fanxiety-demo%2F"
|
||||
target="_blank" class="no_deco">
|
||||
<div id="share_tw"></div>
|
||||
</a>
|
||||
<a href="mailto:?subject=Adventures%20with%20Anxiety!%20(Demo)&body=I%20just%20played%20this%20story-game%20about%20a%20human%20and%20their%20anxiety!%20You%20play%20*as*%20the%20anxiety.%20%F0%9F%98%B1%20https%3A%2F%2Fncase.me%2Fanxiety-demo%2F"
|
||||
target="_blank" class="no_deco">
|
||||
<div id="share_em"></div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="clear:both" class="about_padding"></div>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
|
|
@ -10,6 +10,7 @@ Loader.addScenes([
|
|||
"scenes/credits.md"
|
||||
|
||||
]);
|
||||
/*
|
||||
Loader.load(function(progress){
|
||||
|
||||
$("#loading_bar_bg").style.height = (progress*50)+"px";
|
||||
|
|
@ -24,7 +25,7 @@ Loader.load(function(progress){
|
|||
|
||||
Game.init();
|
||||
|
||||
});
|
||||
});*/
|
||||
|
||||
subscribe("START_GAME", function(){
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
|
|
@ -318,37 +318,6 @@ ABOUT / END DEMO
|
|||
#about_words a:hover{
|
||||
color: #ff8080;
|
||||
}
|
||||
#about a.no_deco{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#share{
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
padding: 2px 0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
#share div{
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width:40px; height:40px;
|
||||
background: url(../sprites/about/share.png);
|
||||
background-size: 300%;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
#share div:hover{
|
||||
top:-2px;
|
||||
}
|
||||
#share #share_fb{
|
||||
background-position: 0px;
|
||||
}
|
||||
#share #share_tw{
|
||||
background-position: -40px;
|
||||
}
|
||||
#share #share_em{
|
||||
background-position: -80px;
|
||||
}
|
||||
|
||||
#replay{
|
||||
width:100px;
|
||||
|
|
@ -988,8 +957,8 @@ CORNER TEXT
|
|||
|
||||
******************************************************************************************************/
|
||||
|
||||
#topleft, #bottomright{
|
||||
width: 200px;
|
||||
.corner-text{
|
||||
width: 220px;
|
||||
color: #555;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-weight: 500;
|
||||
|
|
@ -997,24 +966,65 @@ CORNER TEXT
|
|||
line-height: 1.3em;
|
||||
position: absolute;
|
||||
}
|
||||
#topleft a, #bottomright a{
|
||||
color: #666;
|
||||
.corner-text a{
|
||||
color: #777;
|
||||
}
|
||||
#topleft a:hover, #bottomright a:hover{
|
||||
color: #888;
|
||||
.corner-text a:hover{
|
||||
color: #fff;
|
||||
}
|
||||
#topleft{
|
||||
top:10px;
|
||||
left:10px;
|
||||
text-align: left;
|
||||
}
|
||||
#bottomleft{
|
||||
bottom:10px;
|
||||
left:10px;
|
||||
text-align: left;
|
||||
}
|
||||
#topright{
|
||||
top:10px;
|
||||
right:10px;
|
||||
text-align: right;
|
||||
}
|
||||
#bottomright{
|
||||
bottom:10px;
|
||||
right:10px;
|
||||
text-align: right;
|
||||
}
|
||||
.no_deco{
|
||||
text-decoration: none;
|
||||
}
|
||||
#share{
|
||||
overflow: hidden;
|
||||
text-align: right;
|
||||
padding: 5px 0;
|
||||
}
|
||||
#share div{
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width:30px; height:30px;
|
||||
background: url(../sprites/about/share.png);
|
||||
background-size: 300%;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
}
|
||||
#share div:hover{
|
||||
opacity: 1;
|
||||
top:-2px;
|
||||
}
|
||||
#share #share_fb{
|
||||
background-position: 0px;
|
||||
}
|
||||
#share #share_tw{
|
||||
background-position: -30px;
|
||||
}
|
||||
#share #share_em{
|
||||
background-position: -60px;
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
#topleft, #bottomright {
|
||||
.corner-text {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue