actually final fixes aaaahhhh
This commit is contained in:
Nicky Case
parent
3d2871bc7f
commit
33d496a7d1
7 changed files with 63 additions and 31 deletions
17
README.md
17
README.md
|
|
@ -1,4 +1,4 @@
|
|||
<!--  -->
|
||||
|
||||
|
||||
# [Play the interactive story here!](https://ncase.me/anxiety/)
|
||||
|
||||
|
|
@ -11,7 +11,10 @@ That means: you can remix and reuse *any* of the original art / code / music in
|
|||
**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. It won't be true and you'll look like a dick.
|
||||
**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 post this game on other sites?
|
||||
**A:** Maybe. Though it's completely legal copyright-wise, many sites have their own policies against posting other people's public domain/open source work *without* significant modifications. (But if it's your own site, then by all means, please mirror this game!)
|
||||
|
||||
**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*. (Example: [a Steam port of another one of my games!](https://store.steampowered.com/app/1103210/We_Become_What_We_Behold_FanMade_Port/)) This is to avoid accusations of theft from folks who weren't aware I always open-source + public-domain my projects.
|
||||
|
|
@ -26,6 +29,8 @@ Art / Code / Writing by [Nicky Case](https://ncase.me/)
|
|||
|
||||
Music by [Monplaisir](https://loyaltyfreakmusic.com)
|
||||
|
||||
Extra code by [Spacie](https://spacie.me)
|
||||
|
||||
**Sound Effects from FreeSound.org (Creative Commons)**
|
||||
|
||||
* [Intro Scream](https://freesound.org/people/analogchill/sounds/35716/) by MaderaDelEste Films
|
||||
|
|
@ -193,7 +198,7 @@ If you don't feel like re-drawing text, [you can find open-source "handwritten"
|
|||
|
||||
Images to translate: (about 70 words)
|
||||
|
||||
* `sharing/thumb.png` (so when folks share your game on social media, the thumbnail's in your language!)
|
||||
* `sharing/thumb.png` (so when folks share your game on social media, the thumbnail's in your language! in the same folder, I put a `thumb_no_words.png` image to help you make a new thumbnail.)
|
||||
* `sprites/about/cc0.png`
|
||||
* `sprites/about/replay.png`
|
||||
* `sprites/act4/callback.png`
|
||||
|
|
@ -212,15 +217,15 @@ Your translated game is DONE! Now you just need to put it online. You can follow
|
|||
|
||||
### (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.
|
||||
This game also has a link to a list of Mental Health Tips & Resources, [on a different webpage](https://ncase.me/mental-health). 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)
|
||||
[The repo & instructions for translating that are here!](https://github.com/ncase/mental-health)
|
||||
|
||||
### 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!
|
||||
Do ***NOT*** send a Pull Request to *this* repo, 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!
|
||||
|
||||
|
|
|
|||
53
index.html
53
index.html
|
|
@ -3,29 +3,24 @@
|
|||
<head>
|
||||
|
||||
<!-- THE BIG META -->
|
||||
<title>Adventures With Anxiety!</title>
|
||||
<meta name="description" content="A story-game about a human and their anxiety. You play as the anxiety." />
|
||||
<title>Adventures With Anxiety!</title> <!-- TRANSLATE -->
|
||||
<meta name="description" content="A story-game about a human and their anxiety. You play as the anxiety." /> <!-- TRANSLATE: content -->
|
||||
<link rel="icon" type="image/png" href="favicon.png">
|
||||
|
||||
<!-- 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/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:title" content="Adventures With Anxiety!"> <!-- TRANSLATE: content -->
|
||||
<meta name="twitter:description" content="A story-game about a human and their anxiety. You play as the anxiety."> <!-- TRANSLATE: content -->
|
||||
<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:title" content="Adventures With Anxiety!"> <!-- TRANSLATE: content -->
|
||||
<meta property="og:type" content="website">
|
||||
<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!">
|
||||
<meta property="og:description" content="A story-game about a human and their anxiety. You play as the anxiety."> <!-- TRANSLATE: content -->
|
||||
<meta property="og:site_name" content="Adventures With Anxiety!"> <!-- TRANSLATE: content -->
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" type="text/css" href="styles/game.css">
|
||||
|
|
@ -51,10 +46,10 @@
|
|||
<span id="cta_text1">
|
||||
<div class="mini-icon" pic="click" style="top:3px;"></div>
|
||||
<span id="instructions_if_not_mobile">
|
||||
click or spacebar
|
||||
click or spacebar <!-- TRANSLATE THIS -->
|
||||
</span>
|
||||
<span id="instructions_if_mobile" style="display:none">
|
||||
tap anywhere
|
||||
tap anywhere <!-- TRANSLATE THIS -->
|
||||
</span>
|
||||
</span>
|
||||
<span id="cta_text2">
|
||||
|
|
@ -80,6 +75,7 @@
|
|||
<!-- Paused Screen -->
|
||||
<div id="paused">
|
||||
<div>
|
||||
<!-- TRANSLATE THIS -->
|
||||
paused
|
||||
<div>click anywhere to keep freaking out</div>
|
||||
</div>
|
||||
|
|
@ -96,6 +92,7 @@
|
|||
<!-- CONTENT NOTES -->
|
||||
<div id="content_notes">
|
||||
|
||||
<!-- TRANSLATE THIS -->
|
||||
<p style="margin-top: 0.6em;">
|
||||
<i style="color:#ff4040">Adventures With Anxiety</i> is about, well, anxiety.
|
||||
</p>
|
||||
|
|
@ -112,7 +109,7 @@
|
|||
other notes: alcohol abuse, sexuality<span class="hide-if-cuss-free">, a @✩$!load of swearing</span>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" href="https://ncase.me/mental-health/">mental health resources</a>
|
||||
<a target="_blank" href="https://ncase.me/mental-health/">mental health tips & resources</a>
|
||||
🔗
|
||||
</p>
|
||||
<div id="cn_ok" onclick="publish('hide_cn');" style="float:none">
|
||||
|
|
@ -125,6 +122,7 @@
|
|||
<div id="about"><!-- about=yes-->
|
||||
<div id="about_words">
|
||||
|
||||
<!-- TRANSLATE THIS -->
|
||||
<div style="font-size: 40px; margin-top: 42px; line-height: 30px;">
|
||||
mental health
|
||||
<a href="https://ncase.me/mental-health/" target="_blank">resources</a>
|
||||
|
|
@ -137,16 +135,15 @@
|
|||
<div style="font-size: 25px; text-align: left; width: 170px;
|
||||
margin-left: 165px; line-height: 25px; margin-top: 31px;">
|
||||
|
||||
<!-- TRANSLATE ALL THIS -->
|
||||
<div>
|
||||
play more of
|
||||
<a href="https://ncase.me" target="_blank">my shtuff</a>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 32px;">
|
||||
throw coins<br>at me
|
||||
<a href="https://www.patreon.com/ncase" target="_blank">on Patreon</a>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 28px;">
|
||||
please your ear-holes with Monplaisir's
|
||||
<a href="https://chezmonplaisir.bandcamp.com/album/anxiety" target="_blank">original soundtrack</a>
|
||||
|
|
@ -157,7 +154,7 @@
|
|||
<div id="replay"></div>
|
||||
|
||||
<div style="clear:both;"></div>
|
||||
<div id="close_about" style="margin: 0; float: right; margin-top: 20px;">close</div>
|
||||
<div id="close_about" style="margin: 0; float: right; margin-top: 20px;">close</div> <!-- TRANSLATE -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -169,16 +166,17 @@
|
|||
<input id="text_speed_slider" type="range" min=0 value=0.5 max=1 step="0.01"/>
|
||||
</div>
|
||||
<div style="float: right; width: 135px; height: 63px;">
|
||||
<!-- TRANSLATE THIS -->
|
||||
And advance
|
||||
<div id="text_automatic_toggle">on click</div>
|
||||
</div>
|
||||
<div style="clear:both"></div>
|
||||
<span id="volume_options">
|
||||
<div>Volume:</div>
|
||||
<div>Volume:</div> <!-- TRANSLATE -->
|
||||
<input id="volume_slider" type="range" min=0 max=1 value=1 step="0.01"/>
|
||||
</span>
|
||||
<div id="options_ok">
|
||||
ok <div class="mini-icon" pic="ok" style="top: 3px;"></div>
|
||||
ok <div class="mini-icon" pic="ok" style="top: 3px;"></div> <!-- TRANSLATE -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -194,6 +192,8 @@
|
|||
<!-- SHTUFF IN THE CORNER - - - - - - - -->
|
||||
<!-- - - - - - - - - - - - - - - - - - -->
|
||||
|
||||
<!-- TRANSLATE ALL OF THIS -->
|
||||
|
||||
<div class="corner-text" id="topleft">
|
||||
Created by
|
||||
<a href="https://ncase.me/" target="_blank">Nicky Case</a>
|
||||
|
|
@ -222,15 +222,21 @@ You're already free to reuse & remix this for any use!
|
|||
|
||||
<div class="corner-text" id="topright">
|
||||
Share on an anxiety-app:
|
||||
<span id="sharing_title">
|
||||
Adventures With Anxiety!
|
||||
</span>
|
||||
<span id="sharing_desc">
|
||||
I just played this story-game about a human and their anxiety! You play *as* the anxiety. 😱
|
||||
</span>
|
||||
<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">
|
||||
<a id="share_link_fb" 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"
|
||||
<a id="share_link_tw" 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"
|
||||
<a id="share_link_em" 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>
|
||||
|
|
@ -271,6 +277,7 @@ For your sharing pleasure:<br>
|
|||
<script src="scripts/game/Options.js"></script>
|
||||
<script src="scripts/game/About.js"></script>
|
||||
<script src="scripts/game/ContentNotes.js"></script>
|
||||
<script src="scripts/game/Sharing.js"></script>
|
||||
|
||||
<!-- INTRO -->
|
||||
<script src="scripts/intro/Intro_SceneSetup.js"></script>
|
||||
|
|
|
|||
|
|
@ -396,6 +396,8 @@ sfx("yaps", {volume:0.6});
|
|||
bb({body:"yap_1"});
|
||||
Game.FORCE_CANT_SKIP = true;
|
||||
Game.WORDS_HEIGHT_BOTTOM = 215;
|
||||
Game.FORCE_TEXT_DURATION = 90;
|
||||
Game.FORCE_NO_VOICE = true;
|
||||
```
|
||||
|
||||
b: YAP YAP YAP YAP YAP
|
||||
|
|
@ -1320,11 +1322,11 @@ h: Support groups, online therapy, student/non-profit health centers...
|
|||
|
||||
`hong({ body:"hands_1" })`
|
||||
|
||||
h: Picking up a free meditation habit, watching videos on evidence-based mental health...
|
||||
h: Building habits like meditation, sleeping well, chatting regularly with friends, learning new things...
|
||||
|
||||
`hong({ body:"hands_2" })`
|
||||
|
||||
h: Borrowing a library book on Cognitive Behavioral Therapy or Acceptance & Commitment Therapy...
|
||||
h: Going to a library to borrow workbooks for evidence-based psychotherapies...
|
||||
|
||||
`hong({ body:"one_up" })`
|
||||
|
||||
|
|
@ -1986,6 +1988,8 @@ publish("act4", ["hong_closer", 6]);
|
|||
sfx("yaps", {volume:0.6});
|
||||
Game.FORCE_CANT_SKIP = true;
|
||||
Game.WORDS_HEIGHT_BOTTOM = 205;
|
||||
Game.FORCE_TEXT_DURATION = 90;
|
||||
Game.FORCE_NO_VOICE = true;
|
||||
```
|
||||
|
||||
b: YAP YAP YAP YAP YAP
|
||||
|
|
|
|||
13
scripts/game/Sharing.js
Normal file
13
scripts/game/Sharing.js
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
var SHARING_LINK = window.location.href;
|
||||
var SHARING_TITLE = $("#sharing_title").innerText.trim();
|
||||
var SHARING_DESC = $("#sharing_desc").innerText.trim();
|
||||
|
||||
$("#share_link_fb").setAttribute("href",
|
||||
"https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(SHARING_LINK)
|
||||
);
|
||||
$("#share_link_tw").setAttribute("href",
|
||||
"https://twitter.com/intent/tweet?text="+encodeURIComponent(SHARING_DESC)+"%20"+encodeURIComponent(SHARING_LINK)
|
||||
);
|
||||
$("#share_link_em").setAttribute("href",
|
||||
"mailto:?subject="+encodeURIComponent(SHARING_TITLE)+"&body="+encodeURIComponent(SHARING_DESC)+"%20"+encodeURIComponent(SHARING_LINK)
|
||||
);
|
||||
BIN
sharing/thumb_no_words.png
Normal file
BIN
sharing/thumb_no_words.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
|
@ -1035,6 +1035,9 @@ CORNER TEXT
|
|||
.no_deco{
|
||||
text-decoration: none;
|
||||
}
|
||||
#sharing_title, #sharing_desc{
|
||||
display: none;
|
||||
}
|
||||
#share{
|
||||
overflow: hidden;
|
||||
text-align: right;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue