the end and about

This commit is contained in:
Nicky Case 2019-09-10 09:57:02 -04:00
parent a7cab36e2d
commit 52771afe6a
7 changed files with 81 additions and 56 deletions

View File

@ -74,7 +74,7 @@
<div id="special_attack"></div>
<!-- Bottom Corner Tabs -->
<div id="gear" style="display:none" onclick="publish('show_options')">
<div id="gear" style="display:none" onclick="publish('show_options'); sfx('ui_button1');">
<div class="icon">
<div class="mini-icon" pic="gear"></div>
</div>
@ -130,57 +130,42 @@
</div>
<!-- ABOUT -->
<div id="about">
<div id="about"><!-- about=yes-->
<div id="about_words">
[TODO TODO TODO]
<br><br>
Links to mental health resources,
my games+Patreon,
the musician+album
<div style="font-size: 40px; margin-top: 42px; line-height: 30px;">
mental health
<a href="resources" target="_blank">resources</a>
</div>
<!--
<div class="about_padding">
Help me keep making free games?
</div>
<a href="https://www.patreon.com/ncase" target="_blank" class="no_deco">
<div id="patreon"></div>
</a>
<div class="about_padding">
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 style="margin-top: 26px; color: #999;">
&mdash; or &mdash;
</div>
<div style="clear:both" class="about_padding"></div>
<div style="font-size: 25px; text-align: left; width: 170px;
margin-left: 165px; line-height: 25px; margin-top: 31px;">
<div>
play more of
<a href="https://ncase.me" target="_blank">my shtuff</a>
</div>
Above all, thank you for playing! &lt;3
<br>
<a href="https://ncase.me/" target="_blank">
my other games
</a>
&middot;
<a href="https://twitter.com/ncasenmare" target="_blank">
my twitter
</a>
-->
<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>
</div>
</div>
<div id="replay"></div>
<div style="clear:both;"></div>
<div id="close_about">close</div>
<div id="close_about" style="margin: 0; float: right; margin-top: 20px;">close</div>
</div>
</div>
@ -267,4 +252,42 @@
<script src="scripts/intermission/Intermission_SceneSetup.js"></script>
<script src="scripts/intermission/Intermission_BG.js"></script>
<script src="scripts/main.js"></script>
<script src="scripts/main.js"></script>
<!--
<div class="about_padding">
Help me keep making free games?
</div>
<a href="https://www.patreon.com/ncase" target="_blank" class="no_deco">
<div id="patreon"></div>
</a>
<div class="about_padding">
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>
Above all, thank you for playing! &lt;3
<br>
<a href="https://ncase.me/" target="_blank">
my other games
</a>
&middot;
<a href="https://twitter.com/ncasenmare" target="_blank">
my twitter
</a>
-->

View File

@ -1037,7 +1037,7 @@ h: Everyone knows emotions are irrational! Especially fear!
`hong({body:"facepalm_2"})`
h: You're just a useless evolutionary leftover, like my appendix or wisdom teeth!
h: You're a useless evolutionary leftover, like my appendix or wisdom teeth!
`hong({body:"yell", mouth:"yell"})`

View File

@ -46,13 +46,15 @@ publish("act3",["roofhong",5]);
r: You remind me of myself when I was younger. Back when I was tormented by the animal in my head.
`publish("act3",["roofhunter",9]);`
```
publish("act3",["roofhunter",9]);
publish("act3",["roofhong",2]);
```
r: I'm so grateful I can pay it forward, and help you kill the beast the way I killed mine.
```
publish("act3",["roofhunter",2]);
publish("act3",["roofhong",2]);
```
r: Hey, quick question: truth or da--

View File

@ -10,12 +10,17 @@ Loader.addSounds([
var aboutDOM = $("#about");
$("#huh").onclick = function(){
aboutDOM.setAttribute("about","yes");
aboutDOM.style.top = "20px";
// Hi
About.showing = true;
Game.pause();
Howler.mute(false); // hack
// sfx
sfx("ui_button1");
};
$("#close_about").onclick = function(){
@ -37,7 +42,7 @@ Loader.addSounds([
About.showing = true;
Game.pause();
aboutDOM.removeAttribute("about");
aboutDOM.style.top = "0px"; // to TOP.
aboutDOM.style.top = "-10px"; // to TOP.
// Sound
Howler.mute(false);
@ -56,7 +61,7 @@ Loader.addSounds([
// Cut out
aboutDOM.style.top = "";
aboutDOM.style.display = "none";
aboutDOM.style.display = "none"; // brief black-out
setTimeout(function(){
aboutDOM.style.display = "block";
},100);

View File

@ -10,7 +10,6 @@ Loader.addScenes([
"scenes/credits.md"
]);
/*
Loader.load(function(progress){
$("#loading_bar_bg").style.height = (progress*50)+"px";
@ -26,7 +25,6 @@ Loader.load(function(progress){
Game.init();
});
*/
subscribe("START_GAME", function(){

Binary file not shown.

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 95 KiB

View File

@ -278,15 +278,15 @@ ABOUT / END DEMO
#about{
position: absolute;
/*top:600px;*/
top:20px;
top:600px;
/*top:20px;*/
left:0;
background: url(../sprites/about/the_end.png);
background-size: 100%;
width: 100%;
height: 100%;
height: 615px;
color:#fff;
text-align: center;
@ -374,9 +374,6 @@ ABOUT / END DEMO
#about .about_padding{
padding-top: 10px;
}
#about #about_words{
padding-top: 50px;
}
#about[about=yes]{
/*padding-top: 25px;*/