content notes and shtuff

This commit is contained in:
Nicky Case 2019-09-06 16:25:14 -04:00
parent 9a61042d58
commit ec4dafdb44
16 changed files with 222 additions and 1549 deletions

View File

@ -101,10 +101,37 @@
</div> </div>
</div> </div>
<!-- ABOUT / END DEMO --> <!-- CONTENT NOTES -->
<div id="end_demo_tbc"></div> <div id="content_notes">
<div id="end_demo">
<div id="end_demo_words"> <p style="margin-top: 0.6em;">
<i style="color:#ff4040">Adventures With Anxiety</i> is about, well, anxiety.
</p>
<p>
But I've made this story <i>for</i> folks with anxiety disorder, like myself.
I hope it can help you see how anxiety works, with humor,
to reduce the fear of fear itself.
</p>
<p>
There's also badly-drawn stick figures and a hyperactive wolf.
Enjoy!
</p>
<p style="color:#999">
other notes: alcohol abuse<span id="cn_cussing">, a @✩$!load of swearing</span>
</p>
<p>
<a target="_blank" href="resources">mental health resources</a>
&#x1f517;
</p>
<div id="cn_ok" onclick="publish('hide_cn');" style="float:none">
ok <div class="mini-icon" pic="ok" style="top: 3px;"></div>
</div>
</div>
<!-- ABOUT -->
<div id="about">
<div id="about_words">
<span id="end_words1"> <span id="end_words1">
Augh games take so long to make! Augh games take so long to make!
This one will be done August 2019, and released for <i>free</i>. This one will be done August 2019, and released for <i>free</i>.
@ -227,6 +254,7 @@
<script src="scripts/game/Sounds.js"></script> <script src="scripts/game/Sounds.js"></script>
<script src="scripts/game/Options.js"></script> <script src="scripts/game/Options.js"></script>
<script src="scripts/game/About.js"></script> <script src="scripts/game/About.js"></script>
<script src="scripts/game/ContentNotes.js"></script>
<!-- INTRO --> <!-- INTRO -->
<script src="scripts/intro/Intro_SceneSetup.js"></script> <script src="scripts/intro/Intro_SceneSetup.js"></script>

View File

@ -1036,7 +1036,7 @@ bb({mouth:"normal"});
Game.FORCE_TEXT_DURATION = 2400; Game.FORCE_TEXT_DURATION = 2400;
``` ```
b: ♫ I wanna be, the slutti-est- b: ♫ I wanna be, the ^slut^ti-est-
(...500) (...500)
@ -1054,7 +1054,7 @@ bb({eyes:"pretty"});
Game.FORCE_TEXT_DURATION = 2300; Game.FORCE_TEXT_DURATION = 2300;
``` ```
b: ♫ Thighs n' ass, voluptuous breast- b: ♫ Thighs n' ^ass^, voluptuous breast-
(...500) (...500)
@ -1063,7 +1063,7 @@ bb({eyes:"fear", mouth:"normal"});
Game.FORCE_TEXT_DURATION = 2000; Game.FORCE_TEXT_DURATION = 2000;
``` ```
b: ♫ with sweaty dick and balls!- b: ♫ with sweaty ^dick^ and balls!-
(...1000) (...1000)
@ -1230,7 +1230,7 @@ bb({eyes:"wat", mouth:"small"});
hong({body:"2_fuck"}); hong({body:"2_fuck"});
``` ```
h: *FUCK.* h: *^FUCK^.*
`hong({body:"2_you"});` `hong({body:"2_you"});`
@ -1270,7 +1270,7 @@ sfx("rustle2");
hong({body:"0_sammich", eyes:"0_annoyed", mouth:"0_neutral"}); hong({body:"0_sammich", eyes:"0_annoyed", mouth:"0_neutral"});
``` ```
h: Now excuse me while I eat this delicious sandwich in goddamn peace. h: Now excuse me while I eat this delicious sandwich in ^goddamn^ peace.
`hong({body:"2_sammich_eat"});` `hong({body:"2_sammich_eat"});`

File diff suppressed because it is too large Load Diff

View File

@ -163,7 +163,7 @@ s: Well, I saw someone retweet a GIF of a cat drinking milk yesterday.
publish("act2",["dee",3]); publish("act2",["dee",3]);
``` ```
s: They can't digest that shit! Who would retweet *animal abuse* like that? s: They can't digest that crap! Who would retweet *animal abuse* like that?
``` ```
publish("act2",["party_hunter",1]); publish("act2",["party_hunter",1]);
@ -279,7 +279,7 @@ publish("act2",["dee",2]);
publish("act2",["dum",3]); publish("act2",["dum",3]);
``` ```
a: Gotta catch 'em all! a: Gotta Catch 'Em All!™
(#act2-preamble-end) (#act2-preamble-end)
@ -896,9 +896,9 @@ attack("20p", _.a2_attack_3);
(...1001) (...1001)
h: FAAACK! h: F^AAACK^!
h: FACKING FACK-FAKKITY *FAAAAACK* h: F^ACK^ING F^ACK^-F^AKK^ITY *F^AAAAACK^*
`bb({body:"two_up", mouth:"smile", eyes:"happy"});` `bb({body:"two_up", mouth:"smile", eyes:"happy"});`
@ -910,7 +910,7 @@ b: Why were you ignoring me?
`hong({body:"facepalm"})` `hong({body:"facepalm"})`
h: Holy hell, you absolute moron. h: Holy ^hell^, you absolute moron.
`hong({body:"facepalm_2"})` `hong({body:"facepalm_2"})`
@ -923,7 +923,7 @@ hong({body:"facepalm_3"});
bb({eyes:"normal"}); bb({eyes:"normal"});
``` ```
h: I was trying to *starve* you, you sadistic asshole! h: I was trying to *starve* you, you sadistic ^asshole^!
`hong({body:"smile", mouth:"smile"})` `hong({body:"smile", mouth:"smile"})`
@ -1025,7 +1025,7 @@ attack("10p", "bad");
# act2e # act2e
h: ASSDAMMIT. h: ^ASSDAMMIT^.
`hong({body:"yell", mouth:"yell"})` `hong({body:"yell", mouth:"yell"})`
@ -1039,19 +1039,19 @@ h: You're just a useless evolutionary leftover, like my appendix or wisdom teeth
`hong({body:"yell", mouth:"yell"})` `hong({body:"yell", mouth:"yell"})`
h: Hell, this whole wolf metaphor is stupid! You're just a bunch of neuro-chemicals in my head. h: ^Hell^, this whole wolf metaphor is stupid! You're just a bunch of neuro-chemicals in my head.
`hong({body:"cross", mouth:"cross"})` `hong({body:"cross", mouth:"cross"})`
h: So why should I listen to a worthless, irrational, non-existent piece of shit like you?! h: So why should I listen to a worthless, irrational, non-existent piece of ^shit^ like you?!
`bb({eyes:"sad", MOUTH_LOCK:true})` `bb({eyes:"sad", MOUTH_LOCK:true})`
b: ... b: ...
[...jeez human. That's really hurtful.](#act2e_hurtful) [Jeez, human. That's really hurtful.](#act2e_hurtful)
[What about "your feelings are valid"?](#act2e_valid) [Because... "your feelings are valid"?](#act2e_valid)
[Human, we're *both* "just chemicals".](#act2e_rational) [Human, we're *both* "just chemicals".](#act2e_rational)
@ -1330,7 +1330,7 @@ publish("act2",["party_hunter",12]);
publish("act2",["party_hong",24]); publish("act2",["party_hong",24]);
``` ```
r: Bottoms up, bee-yatch! r: Bottoms up, ^bee-yatch^!
``` ```
hong({body:"hold"}); hong({body:"hold"});
@ -1434,7 +1434,7 @@ b: HUMAN PLEASE STOP
h: Hehehe! h: Hehehe!
h: And what are *you* gonna do about it, asshole? h: And what are *you* gonna do about it, ^asshole^?
b: I'm so sorry, human. b: I'm so sorry, human.
@ -1501,7 +1501,7 @@ setTimeout(function(){
(...2500) (...2500)
h: WHAT THE HELL WAS THAT h: WHAT THE ^HELL^ WAS THAT
b: I'm sorry. I needed to show you the consequences. b: I'm sorry. I needed to show you the consequences.
@ -1653,7 +1653,7 @@ h2: ok sorry i have to run
`publish("act2",["party_hunter",16]);` `publish("act2",["party_hunter",16]);`
r: Damn it. The animal won today, huh? r: ^Damn^ it. The animal won today, huh?
`publish("act2",["party_hunter",15]);` `publish("act2",["party_hunter",15]);`
@ -1716,7 +1716,7 @@ h: I'm coming back to the party next weekend.
h: The next time we fight, I'm not just going to *defeat* you... h: The next time we fight, I'm not just going to *defeat* you...
h: I'm going to fucking *kill* you. h: I'm going to ^fuck^ing *kill* you.
``` ```
Game.clearText(); Game.clearText();

View File

@ -121,13 +121,13 @@ r: *Oh nooooo it's dangerous, don't do iiiiit.*
publish("act3",["roofhunter",22]); publish("act3",["roofhunter",22]);
``` ```
r: But that's exactly why we need death-defying thrills! Party hard! Carpe diem! Snort coke off a hooker's ass, #YOLO! r: But that's exactly why we need death-defying thrills! Party hard! Carpe diem! Snort coke off a hooker's ^ass^, #YOLO!
``` ```
publish("act3",["roofhunter",10]); publish("act3",["roofhunter",10]);
``` ```
r: Let's show that animal we don't give two *dicks* about its bitching! Jump in. r: Let's show that animal we don't give two *^dick^s* about its ^bitch^ing! Jump in.
``` ```
publish("act3",["roofhunter",11]); publish("act3",["roofhunter",11]);
@ -156,13 +156,13 @@ r: I'm sorry, did you fall for that McMindfulness fad that claims feeling bad is
publish("act3",["roofhunter",17]); publish("act3",["roofhunter",17]);
``` ```
r: Pleasure is the opposite of pain. There-fucking-fore, you can use pleasure to fight pain! r: Pleasure is the opposite of pain. There-^fuck^ing-fore, you can use pleasure to fight pain!
``` ```
publish("act3",["roofhunter",18]); publish("act3",["roofhunter",18]);
``` ```
r: How do those Silicon Valley pseudo-Buddhists not see this shit?! r: How do those Silicon Valley pseudo-Buddhists not see this ^shit^?!
``` ```
publish("act3",["roofhunter",6]); publish("act3",["roofhunter",6]);
@ -180,7 +180,7 @@ r: It's not our friend. It's a rabid beast, which either needs to be *tranquiliz
publish("act3",["roofhunter",20]); publish("act3",["roofhunter",20]);
``` ```
r: Or have a *bullet put in its fucking skull*. r: Or have a *bullet put in its skull*.
``` ```
publish("act3",["roofhunter",27]); publish("act3",["roofhunter",27]);
@ -213,7 +213,7 @@ publish("act3-alpha", ["transition",1]);
publish("act3",["dd",6]); publish("act3",["dd",6]);
``` ```
r: Fuck yeah! I believe in you, babe! Kill it! <3 r: ^Fuck^ yeah! I believe in you, babe! Kill it! <3
(#act3a) (#act3a)
@ -346,7 +346,7 @@ b: human, please...
h: Oh I'm *sorry* Big Pharma doesn't approve of my self-medication. h: Oh I'm *sorry* Big Pharma doesn't approve of my self-medication.
h: Look asshole, we *all* have a way of shutting you the fuck up. h: Look ^asshole^, we *all* have a way of shutting you the ^fuck^ up.
`hong({ body:"look_up", eyes:"look_up" });` `hong({ body:"look_up", eyes:"look_up" });`
@ -441,11 +441,11 @@ bb({ eyes:"sorry"});
hong({ body:"yell_1", mouth:"yell", eyes:"blank" }); hong({ body:"yell_1", mouth:"yell", eyes:"blank" });
``` ```
h: Oh WOW is that the biggest *fucking* understatement of the century! h: Oh WOW is that the biggest *^fuck^ing* understatement of the century!
`hong({ body:"yell_2" });` `hong({ body:"yell_2" });`
h: Yeah, you rotting pile of blood-coated shit! You messed the fuck up! h: Yeah, you rotting pile of blood-coated ^shit^! You messed the ^fuck^ up!
`hong({ body:"normal", mouth:"angry", eyes:"angry" });` `hong({ body:"normal", mouth:"angry", eyes:"angry" });`
@ -573,7 +573,7 @@ b: Rather than hate the guard-wolves for trying to protect them! So why can't yo
`bb({ eyes:"normal" });` `bb({ eyes:"normal" });`
h: Wrong fucking answer. h: Wrong ^fuck^ing answer.
(#act3_bad_3) (#act3_bad_3)
@ -639,15 +639,15 @@ bb({ eyes:"sorry"});
hong({ body:"yell_2", mouth:"yell", eyes:"blank" }); hong({ body:"yell_2", mouth:"yell", eyes:"blank" });
``` ```
h: NO. SHIT. h: NO. S^HIT^.
`hong({ body:"yell_1" });` `hong({ body:"yell_1" });`
h: GODDAMN. It really took you this long to finally figure it out?! h: ^GODDAMN^. It really took you this long to finally figure it out?!
`hong({ body:"cry", mouth:"cry", eyes:"blank" });` `hong({ body:"cry", mouth:"cry", eyes:"blank" });`
h: You could've saved us so much trouble, you big fluffy dumbass. Why didn't you realize this sooner?... h: You could've saved us so much trouble, you big fluffy dumb^ass^. Why didn't you realize this sooner?...
`_.apologized_for_hurt = true;` `_.apologized_for_hurt = true;`

View File

@ -224,7 +224,7 @@ h: What did we even *learn*? I *was* being stupid, my "friends" *were* using me,
`hong({eyes:"annoyed_l", mouth:"narrow"});` `hong({eyes:"annoyed_l", mouth:"narrow"});`
h: Right. I don't think my insurance plan covers "being a dumbass". h: Right. I don't think my insurance plan covers "being a dumb^ass^".
`hong({eyes:"annoyed", mouth:"normal"});` `hong({eyes:"annoyed", mouth:"normal"});`
@ -915,7 +915,7 @@ h: "Social skills" mean nothing if we don't genuinely care *for* people.
`hong({ body:"normal" });` `hong({ body:"normal" });`
h: Basically, just don't be a dick. h: Basically, just don't be a ^dick^.
`bb({ eyes:"annoyed", mouth:"smile" });` `bb({ eyes:"annoyed", mouth:"smile" });`
@ -923,7 +923,7 @@ b: That's a motivational poster caption right there.
`hong({ body:"shrug", mouth:"narrow" });` `hong({ body:"shrug", mouth:"narrow" });`
h: “Don't Be A Dick” h: “Don't Be A ^Dick^™
(#act4_something_else) (#act4_something_else)

View File

@ -4,6 +4,8 @@
# intro-play-button # intro-play-button
(...51)
``` ```
_.PLAYED_BEFORE = !!window.localStorage.continueChapter; _.PLAYED_BEFORE = !!window.localStorage.continueChapter;
``` ```
@ -17,15 +19,15 @@ _.PLAYED_BEFORE = !!window.localStorage.continueChapter;
{{/if}} {{/if}}
{{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act2"}} {{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act2"}}
[CONTINUE: The Party](#act2) `publish("LOAD_GAME", ["act2"]); Game.OVERRIDE_CHOICE_LINE=true;` [_CONTINUE_: The Party](#act2) `publish("LOAD_GAME", ["act2"]); Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}} {{/if}}
{{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act3"}} {{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act3"}}
[CONTINUE: The Other Party](#act3) `publish("LOAD_GAME", ["act3"]); Game.OVERRIDE_CHOICE_LINE=true;` [_CONTINUE_: The Other Party](#act3) `publish("LOAD_GAME", ["act3"]); Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}} {{/if}}
{{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act4"}} {{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="act4"}}
[CONTINUE: The Other Sandwich](#act4) `publish("LOAD_GAME", ["act4"]); Game.OVERRIDE_CHOICE_LINE=true;` [_CONTINUE_: The Other Sandwich](#act4) `publish("LOAD_GAME", ["act4"]); Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}} {{/if}}
{{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="replay"}} {{if _.PLAYED_BEFORE && window.localStorage.continueChapter=="replay"}}
@ -40,7 +42,7 @@ _.PLAYED_BEFORE = !!window.localStorage.continueChapter;
[Chapter Select](#chapter-select) `Game.OVERRIDE_CHOICE_LINE=true;` [Chapter Select](#chapter-select) `Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}} {{/if}}
[(content notes)](#content-notes) `Game.OVERRIDE_CHOICE_LINE=true;` [(content notes)](#intro-play-button) `Game.OVERRIDE_CHOICE_LINE=true; publish('show_cn');`
# chapter-select # chapter-select
@ -66,7 +68,13 @@ _.PLAYED_BEFORE = !!window.localStorage.continueChapter;
[III. The Other Sandwich]() [III. The Other Sandwich]()
{{/if}} {{/if}}
{{if window.localStorage.credits}}
[V. Credits](#credits) `publish("HACK_chselect_end"); stopAllSounds(); Game.OVERRIDE_CHOICE_LINE=true;` [V. Credits](#credits) `publish("HACK_chselect_end"); stopAllSounds(); Game.OVERRIDE_CHOICE_LINE=true;`
{{/if}}
{{if !window.localStorage.credits}}
[V. Credits]()
{{/if}}
[(main menu)](#intro-play-button) `publish("HACK_chselect_end"); Game.OVERRIDE_CHOICE_LINE=true;` [(main menu)](#intro-play-button) `publish("HACK_chselect_end"); Game.OVERRIDE_CHOICE_LINE=true;`

View File

@ -18,7 +18,7 @@ Loader.addSounds([
$("#the_newsletter").setAttribute("action", "https://sendy.ncase.me/subscribe"); $("#the_newsletter").setAttribute("action", "https://sendy.ncase.me/subscribe");
// The About Button // The About Button
var aboutDOM = $("#end_demo"); var aboutDOM = $("#about");
$("#about").onclick = function(){ $("#about").onclick = function(){
aboutDOM.setAttribute("about","yes"); aboutDOM.setAttribute("about","yes");
@ -41,12 +41,6 @@ Loader.addSounds([
}; };
// SHOW TBC
var tbc = $("#end_demo_tbc");
subscribe("TO_BE_CONTINUED", function(){
tbc.style.display = "block";
});
// SHOW END // SHOW END
subscribe("END_OF_DEMO", function(){ subscribe("END_OF_DEMO", function(){
@ -82,7 +76,6 @@ Loader.addSounds([
setTimeout(function(){ setTimeout(function(){
aboutDOM.style.display = "block"; aboutDOM.style.display = "block";
},100); },100);
tbc.style.display = "none";
// Bye // Bye
About.showing = false; About.showing = false;

View File

@ -0,0 +1,27 @@
var ContentNotes = {};
(function(){
var cnDOM = $("#content_notes");
subscribe("show_cn", function(){
cnDOM.style.top = "65px";
ContentNotes.showing = true;
Game.pause();
Howler.mute(false); // hack
if(window.NO_CUSS_MODE) $("#cn_cussing").style.display = "none";
});
subscribe("hide_cn", function(){
sfx("ui_click");
cnDOM.style.top = "";
ContentNotes.showing = false;
Game.onUnpause();
});
})();

View File

@ -118,12 +118,12 @@ Game.pause = function(){
Game.pausedDOM.style.display = "block"; Game.pausedDOM.style.display = "block";
Howler.mute(true); Howler.mute(true);
$("#paused").setAttribute("modal", (Options.showing||About.showing) ? "yes" : "no" ); $("#paused").setAttribute("modal", (Options.showing||About.showing||ContentNotes.showing) ? "yes" : "no" );
}; };
window.addEventListener("blur", Game.pause); window.addEventListener("blur", Game.pause);
Game.onUnpause = function(){ Game.onUnpause = function(){
if(Game.paused && !(Options.showing||About.showing)){ if(Game.paused && !(Options.showing||About.showing||ContentNotes.showing)){
Game.paused = false; Game.paused = false;
Game.pausedDOM.style.display = "none"; Game.pausedDOM.style.display = "none";
Howler.mute(false); Howler.mute(false);
@ -134,6 +134,8 @@ Game.pausedDOM.onclick = function(e){
publish("hide_options"); publish("hide_options");
}else if(About.showing){ }else if(About.showing){
$("#close_about").onclick(); $("#close_about").onclick();
}else if(About.showing){
publish("hide_cn");
}else{ }else{
Game.onUnpause(); Game.onUnpause();
} }
@ -306,6 +308,11 @@ Game.clearAll = function(){
}; };
window.clearText = Game.clearText; window.clearText = Game.clearText;
// CUSSING?!
window.NO_CUSS_MODE = false;
var GRAWLIXES = ["@","#","✩","$","%","&"];
var GRAWLIX_INDEX = 0;
// Execute text! Just add it to text DOM. // Execute text! Just add it to text DOM.
Game.TEXT_SPEED = 50; Game.TEXT_SPEED = 50;
Game.CLICK_TO_ADVANCE = true; Game.CLICK_TO_ADVANCE = true;
@ -326,7 +333,7 @@ Game.executeText = function(line){
var speaker = line.match(regex)[1].trim(); var speaker = line.match(regex)[1].trim();
var dialogue = line.match(regex)[2].trim(); var dialogue = line.match(regex)[2].trim();
// IF IT'S A SPECIAL ATTACK, SKIP ALL THIS SHIT // IF IT'S A SPECIAL ATTACK, SKIP ALL THIS
if(speaker=="fear_harm" || speaker=="fear_alone" || speaker=="fear_bad"){ if(speaker=="fear_harm" || speaker=="fear_alone" || speaker=="fear_bad"){
Game.setTimeout(function(){ Game.setTimeout(function(){
publish("hide_click_to_advance"); publish("hide_click_to_advance");
@ -393,6 +400,27 @@ Game.executeText = function(line){
clearBoth.className = "clear-both"; clearBoth.className = "clear-both";
Game.wordsDOM.appendChild(clearBoth); Game.wordsDOM.appendChild(clearBoth);
// CUSSING OR NO CUSSING?
if(window.NO_CUSS_MODE){
// Slice it out with Grawlixes, 1 by 1.
var censorMode = false;
for(var i=0; i<dialogue.length; i++){
var chr = dialogue[i];
if(chr=="^"){
censorMode = !censorMode; // toggle
dialogue = dialogue.slice(0,i) + dialogue.slice(i+1); // slice out the one character
i--; // step back
}else if(censorMode){
var grawlix = GRAWLIXES[GRAWLIX_INDEX];
GRAWLIX_INDEX = (GRAWLIX_INDEX+1) % GRAWLIXES.length;
dialogue = dialogue.slice(0,i) + grawlix + dialogue.slice(i+1); // replace the character
}
}
}else{
// remove all "^" signs
dialogue = dialogue.replace(/\^/g, "");
}
// Add the text // Add the text
var interval = 0; var interval = 0;
var SPEED = Math.round(Game.TEXT_SPEED / Game.OVERRIDE_TEXT_SPEED); var SPEED = Math.round(Game.TEXT_SPEED / Game.OVERRIDE_TEXT_SPEED);
@ -674,6 +702,15 @@ Game.executeChoice = function(line){
var endOfMatch = results.index + results[0].length; var endOfMatch = results.index + results[0].length;
choiceText = choiceText.slice(0,startOfMatch) + "<i>" + results[1] + "</i>" + choiceText.slice(endOfMatch); choiceText = choiceText.slice(0,startOfMatch) + "<i>" + results[1] + "</i>" + choiceText.slice(endOfMatch);
} }
// Add bold where _word word word_
var boldRegex = /\_([^\*]*)\_/g;
var results;
while(results=boldRegex.exec(choiceText)){
// Modify choiceText in place, it's fine.
var startOfMatch = results.index;
var endOfMatch = results.index + results[0].length;
choiceText = choiceText.slice(0,startOfMatch) + "<b>" + results[1] + "</b>" + choiceText.slice(endOfMatch);
}
var div = document.createElement("div"); var div = document.createElement("div");
div.innerHTML = choiceText; div.innerHTML = choiceText;

View File

@ -158,7 +158,7 @@ function BG_Intro(){
} }
if(!SHOWN_LOGO && ticker>=530/30){ if(!SHOWN_LOGO && ticker>=530/30){
SHOWN_LOGO = true; SHOWN_LOGO = true;
sfx("intro_scream", {volume:0.9}); sfx("intro_scream", {volume:0.8});
} }
if(GAME_TRANSITION==0 && SHOWN_LOGO){ if(GAME_TRANSITION==0 && SHOWN_LOGO){
self.logoSprite.draw(ctx); self.logoSprite.draw(ctx);

View File

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.8 KiB

View File

@ -218,6 +218,55 @@ PAUSED & LOADING
} }
/******************************************************************************************************
CONTENT NOTES
******************************************************************************************************/
#content_notes{
position: absolute;
top:600px;
left:0;
background: #2E2E2E;
width: 300px;
height: 440px;
padding: 15px;
margin: 15px;
font-size: 18px;
line-height: 1.3em;
color:#fff;
text-align: center;
/* Spring OUT only */
-webkit-transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1); /* older webkit */
-webkit-transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1.390);
-moz-transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1.390);
-o-transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1.390);
transition: top 500ms cubic-bezier(0.350, 0.005, 0.370, 1.390); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1.390);
-moz-transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1.390);
-o-transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1.390);
transition-timing-function: cubic-bezier(0.350, 0.005, 0.370, 1.390); /* custom */
}
#content_notes a{
color: #ff4040;
font-weight: normal;
}
#content_notes a:hover{
color: #ff8080;
}
/****************************************************************************************************** /******************************************************************************************************
@ -225,7 +274,7 @@ ABOUT / END DEMO
******************************************************************************************************/ ******************************************************************************************************/
#end_demo{ #about{
position: absolute; position: absolute;
top:600px; top:600px;
@ -252,31 +301,20 @@ ABOUT / END DEMO
} }
#end_demo_tbc{ #about_words{
position: absolute;
top: 220px;
display: none;
background: url(../sprites/end_demo/tbc.png);
background-size: 100%;
width: 100%;
height: 100px;
}
#end_demo_words{
width: 310px; width: 310px;
margin: 0 auto; margin: 0 auto;
font-size: 18px; font-size: 18px;
line-height: 1.3em; line-height: 1.3em;
} }
#end_demo_words a{ #about_words a{
color: #ff4040; color: #ff4040;
font-weight: normal; font-weight: normal;
} }
#end_demo_words a:hover{ #about_words a:hover{
color: #ff8080; color: #ff8080;
} }
#end_demo a.no_deco{ #about a.no_deco{
text-decoration: none; text-decoration: none;
} }
@ -335,7 +373,7 @@ ABOUT / END DEMO
#patreon{ #patreon{
width: 160px; width: 160px;
height: 56px; height: 56px;
background: url(../sprites/end_demo/patreon.png); background: url(../sprites/about/patreon.png);
background-size: 100%; background-size: 100%;
margin: 5px auto 10px auto; margin: 5px auto 10px auto;
cursor: pointer; cursor: pointer;
@ -355,7 +393,7 @@ ABOUT / END DEMO
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
width:40px; height:40px; width:40px; height:40px;
background: url(../sprites/end_demo/share.png); background: url(../sprites/about/share.png);
background-size: 300%; background-size: 300%;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
@ -376,7 +414,7 @@ ABOUT / END DEMO
#replay{ #replay{
width:100px; width:100px;
height: 80px; height: 80px;
background: url(../sprites/end_demo/replay.png); background: url(../sprites/about/replay.png);
background-size: 300%; background-size: 300%;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -390,34 +428,34 @@ ABOUT / END DEMO
background-position: -200px; background-position: -200px;
} }
#end_demo #end_words1{ display: inline; } #about #end_words1{ display: inline; }
#end_demo #end_words2{ display: none; } #about #end_words2{ display: none; }
#end_demo #replay{ display: block; } #about #replay{ display: block; }
#end_demo #close_about{ display: none; } #about #close_about{ display: none; }
#end_demo .about_padding{ #about .about_padding{
padding-top: 10px; padding-top: 10px;
} }
#end_demo #end_demo_words{ #about #about_words{
padding-top: 50px; padding-top: 50px;
} }
#end_demo[about=yes]{ #about[about=yes]{
padding-top: 25px; padding-top: 25px;
height: 490px; height: 490px;
} }
#end_demo[about=yes] #end_words1{ display: none; } #about[about=yes] #end_words1{ display: none; }
#end_demo[about=yes] #end_words2{ display: inline; } #about[about=yes] #end_words2{ display: inline; }
#end_demo[about=yes] #replay{ display: none; } #about[about=yes] #replay{ display: none; }
#end_demo[about=yes] #close_about{ #about[about=yes] #close_about{
display: block; display: block;
float: none; float: none;
width: 50px; width: 50px;
margin: 10px auto; margin: 10px auto;
} }
#end_demo[about=yes] .about_padding{ #about[about=yes] .about_padding{
padding-top: 0px; padding-top: 0px;
} }
#end_demo[about=yes] #end_demo_words{ #about[about=yes] #about_words{
padding-top: 0px; padding-top: 0px;
} }
@ -462,7 +500,7 @@ OPTIONS
#text_speed_preview{ #text_speed_preview{
height: 1.3em; height: 1.3em;
} }
#close_about, #options_ok{ #close_about, #options_ok, #cn_ok{
display: inline-block; display: inline-block;
background: #000; background: #000;
padding: 5px 10px; padding: 5px 10px;
@ -477,7 +515,7 @@ OPTIONS
cursor: pointer; cursor: pointer;
} }
#close_about:hover, #options_ok:hover{ #close_about:hover, #options_ok:hover, #cn_ok:hover{
background: #666; background: #666;
top:-2px; top:-2px;
} }