#coding support

[manonamora-if]

Dropping early just because.

If you are looking for extra help when transitioning your ChoiceScript project into a Sugarcube one, check out this Bad Boy of a folder!

This Bad Boy includes all files from the Ready-to-use Tweego Folder, with the added ChoiceScript to Sugarcube Guide. The Guide is based on the ChoiceScript Wiki  and  goes over all important points of file and code formatting, code/macro equivalence (or closest substitute) with examples and list of helpful documentation and templates.

I recommend to use VSCode (mainly because the Tweego set-up explained in the guide is based on this program) with the T3LT extension, for an easier transition between CScript and Twine in terms of coding visual.

Hope it helps!

[sofiaruelle]

Happy Valentines Day!

[ikiprian]

Barbara Gordon's Coding & Computer Cram School is a popular YouTube series. Tucker Foley is a star student.

Barbara Gordon's Cram School posts free online courses for both coding and computer engineering. Think Crash Course in terms of entertainment, but college lecture in terms of depth. Hundreds of thousands of viewers flock to it— students who missed a class, people looking to add new skills to a resume, even simple hobbyists. It’s a project Barbara’s proud of.

Sometimes, when she wants to relax, she’ll even hop in the comments and spend an afternoon troubleshooting a viewer’s project with them.

User “Fryer-Tuck” has especially interesting ones. Barbara finds herself seeking out his comments, checking in on whatever this crazy kid is making next. An app for collecting GPS pings and assembling them on a map in real-time, an algorithm that connects geographic points to predict something’s movement taking a hundred other variables into account, simplified versions of incredibly complex homemade programs so they can run on incredibly limited CPU’s.

(Barbara wants to buy the kid a PC. It seems he’s got natural talent, but he keeps making reference to a PDA. Talk about 90’s! This guy’s hardware probably predates his birth.)

She chats with him more and more, switching to less public PM threads, and eventually, he opens up. His latest project, though, is not something Barbara has personal experience with.

FT: so if you found, hypothetically, a mysterious glowing substance that affects tech in weird and wacky ways that could totally have potential but might be vaguely sentient/otherworldly…. what would you do and how would you experiment with it. safely, of course. and hypothetically

BG: I’d make sure all my tests were in disposable devices and quarantined programs to keep it from infecting my important stuff. Dare I ask… how weird and wacky is it?

FT: uhhh. theoretically, a person composed of this substance once used it to enter a video game. like physical body, into the computer, onto the screen? moving around and talking and fighting enemies within the game?

FT: its been experimented with before, but not on any tech with a brain. just basic shields and blasters and stuff, its an energy source. also was put in a car once

FT: i wanna see how it affects software, yk? bc i already know it can. mess around and see how far i can push it

BG: […]

FT: … barbara?

BG: Sorry, thinking. Would you mind sharing more details? You said “blasters?”

Honestly. Kid genius with access to some truly wacky materials and even wackier weapons, she needs to start a file on him before he full sends to either hero or villain.

[OR: Tucker is a self-taught hacker, but if he were to credit a teacher, he'd name Barbara Gordon's Coding & Computer Cram School! He's even caught the attention of Dr. Gordon herself. She's full of sage advice, and with how she preaches the value of a good VPN, he's sure she's not pro-government. Maybe she'll help him as he studies the many applications of ecto-tech!]

[dewinabsentia]

i had a vision

[ilargilore]

yesssss gaslight and provide no real info i love u queen

[cillianistic]

「 Cillian Murphy - photographed by Paul Mccarthy For himself magazine , 1999 」

Posted on IG @/Paulmaccarthaigh, prints available for sale in aid of UNRWA in Palestine - Ireland prints for peace

[enderspawn]

honestly in regards w the sexyman poll i was determined to vote based on Actual Sexyman Standing and not any outside bias, thus when i started I was totally prepped to #scarsweep the whole way if need be, but DURING the polling the community reaction has Created joe into a sexyman persona that’s STRONG ENOUGH I genuinely feel alright voting them in the finale.

like I don’t think Joe started this bracket a tumblr sexyman but i think he’s definitely ending one— regardless of if he’s the “ultimate” sexyman or not

[icedlava1]

I like thinking of random ways Vergil and Nero’s mom got together. this is one of them Lmaoo

[manonamora-if]

Twine support please Super Manon🙏

How do I make the title at the top of the chapter flicker?

YAY an animation question :D

Preface: animations are great and fun to add to the ambiance of the project, BUT are not always accessibility-friendly. Try to consider this when starting a project (and include a toggle for animation, similar to the notification toggle here).

There are many many different ways to make a text flicker, it really depends what you mean by flickering:

SugarCube Add-On shaking the text

Greyelf had compiled a bunch of different text animation here, that you can find in Harlow. A handful makes the text flicker/move.

HiEv's glitchy code (can have subliminal messages)

HiEv's drunk code (less flickering, more blurry)

HiEv's blinking code (flickering, but not forever, can be made so)

And then, there are probably hundreds of codepens or the-like on the internet animating text to flicker (search "CSS flicker text" for a few results, here's one making it look like a neon sign!).

Note: whatever CSS/JS code you will find online that is not created specially for Twine will need to be tweaked. This has to do with the built-in CSS/JS code in the format used.

But, let's do a simple flickering animation as an example to talk about the base of CSS animation.

As always, the basic code can be found in my Paste-Bin (because Tumblr sucks).

CSS ANIMATIONS - The Basics

Animations created with CSS needs essentially two things: a '@ keyframes' (damn you Tumblr) and the 'animation' CSS rule. The first defines the way the animation will go, the second will link that animation to the relevant block and indicate other information (how long it lasts, whether it loops, whether there is a delay, etc...).

And for it to work, you'd need a container to target (like a span or a div) wrapping the text.

Keyframes

All keyframes are built in the same way:

@ keyframes animation-name { keyframes-selector {css-styles;} }

You will need to indicate :

a name. Here, let's take flicker.

a selector a.k.a the percentage of the animation duration where something changes. It can be done in percentage (0-100%, you can have whatever number you want) or with "from/to" (same as 0 and 100, any other stop needs to be in percentage). Here, let's have the flicker happen half-way through.

a css-rule which changes the style. It can be anything, from changing the colour, to the size, to its placement*. Here, flickering the text will mean changing the opacity.

So, for the example, we will get this:

@ keyframes flicker { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }

*Note: some CSS animation (like placement or rotation or transform) will need for the target item to be displayed as a block or positioned in absolute. The more complex the animation, the more you will need to test and tweak.

Animation Rule

Now that we have an animation, let's link it to the targeted item. The animation CSS rule is a compiled version of 8 different rules (animation-[insert rule name]). the most important ones are the following:

animation: name duration iteration-count;

Here's what you need to define:

name [also animation-name]: the name of the keyframe animation. Here, we defined it as flicker.

duration [also animation-duration]: the duration of the whole animation. Let's make it 1 second here.

iteration-count [also animation-iteration-count]: how many times the animation goes. Since we would want it to flicker forever, let's make it infinite.

If you want to go further, you can also defined the following aspects:

timing-function [also animation-timing-function]: indicates the curve of the animation speed (slow start, slow end, etc...)

delay [also animation-delay]: delaying the start of an animation.

direction [also animation-direction]: whether an animation should be played forward, backward, or alternating.

fill-mode [also animation-fill-mode]: define whether an animation takes the styling in the start of the animation or the one at the end.

play-state [also animation-play-state]: define whether the animation is playing or paused.

Going back to out example, we have defined the animation rule as such:

animation: flicker 1s infinite;

In the meantime, I have wrapped my text in a div:

And included the css rule to my stylesheet:

.flickering { font-size: 50px; animation: flicker 1s infinite; }

Now to check if it works!

Yay!

Now go forth an create weird animations :D

[littlebabyatlas]

caregiver!angel moodboard 💕

[rubilune]

Okay but, like, we all agree the girls from Duolingo are dating, right?

I mean... You can argue with the wall for all I care

[whumpypepsigal]

Code 8 Part II (2024): “Let’s help him.”

+bonus:

[en-chi-la-da]

literally never even thought of or heard about it before until just now and i gotta say, sounds cute as hell! if it's one thing kurumi likes it's cute girls!

[ace-lemonade]

local man discovers that crushes are, in fact, real

[poorly-drawn-mdzs]

Based on a real group chat convo (I was Jingyi)

[arsenicflame]

i Do Not Trust people who make Mary the bad guy in their stories when the show went out of its way to specifically show us how she was suffering just as much as stede was in their marriage and that shes, yknow, a good person