#tutorial js

[tronkittty]

BUTTERFLY ON YOUR LEFT / RIGHT SHOULDER

[saeriji]

Lace divider stuff whatever

F2U with like & reblog , I edited pngs from Pinterest to make these. credit is greatly appreciated since this took me a solid 40 minutes

feel free to add to resource rentries, but it has to link back to this post or account.

tagging @smilepilled noticed you enjoy being tagged in things 🤍 unless i mistaked you for someone else

[kristiliqua]

some ultrakill fans flaming people for playing on lenient/harmless is so funny to me because here i am in my little corner playing on harmless with Also 100% damage reduction (in major assist settings) because my severe anxiety cannot handle the idea of me taking any damage at all . i am wearing my propeller hat and eating my lollipop and i am having fun :3 (and maybe one day i can ease that anxiety and play without major assists)

[revooks]

LINK!

¡Aprende programación a tu ritmo y de forma interactiva!

Scrimba tiene CURSOS GRATIS para que aprendas: - HTML & CSS - JavaScript & TypeScript - Python - Crear tu primer portfolio

[tsukasalover]

This is the exact reason why I hate when people ask to go through my phone. Its always Tsukasa’s fault just remember that.

[nicomoon69]

everyday I get closer to realizing my dream of creating a semi-interactive story for my ocs

[cucosbiggestfan]

my stupid tiny expermient with my test experiemnt here and guess who it is!

[bf-rally]

okay so im back in navbar hell (when i thought i escaped...!!!) but ive managed to get this set up today :D

[kaeruandtopo]

ahahahhhaaaaaaa

Ok I’m going to post this and then leave forever because I know I will hate it and tear it to shreds (aka delete it) once I see it on the blog 😭😭😭😭

anyways have hk (or don’t bc I drew him terribly and it’s perfectly understandable why u wouldn’t want him 😔)

lol anyways have a great day everyone! cyu in the next oneeeee <333333

-topo

edit: (slightly better vers. under cut)

took away the weird shading I did and it looks a bit better?

honestly I think I’ll stick to rough sketches on digital for now lol

ANOTHER EDIT; HAHAHHA NOPE IM TRYING AGAIN JS YALL WAIT

my mentor the goat @ssavaart taught me to never give up and that’s just what imma do 💪💪💪

[thegrayascendancy-if]

Sugarcube, flat stats and setter links

As I spent an unspecified time trying to figure it out, maybe it will spare someone the trouble or build towards intuition for how stats work. Or maybe this is bait to see if anyone knows a better solution 😏

First of all, flat stats vs fairmath stats. Fairmath stat accumulation is designed to represent stat gain as inversely relative: the higher your stat value, the smaller your absolute gain would be expressed by the same relative number. E.g. 10% gain at 90 is different from 10% at 15. A bonus (and very important) effect of this is that the stat value increased or decreased via fairmath will never fall below 0 or rise above 100, doing all the stat clamping for you.

Fairmath is easy to test and observe in ChoiceScript, where you can run thousands of tests automatically. You cannot do that in Twine. This is my primary motivation for going with flatmath for my SugarCube project. Which means that someone has to handle clamping, as a gain of 10 at stat value 95 will set the value above 100.

The frequent code for handling that is during change:

<<set $stat to Math.clamp($stat + 5, 0, 100)>>

which, in this example, increases variable $stat by 5 and makes sure the result is not smaller than 0 and not greater than 100: clamping.

My problem with it is how much code repetition is there and how incredibly copy paste error prone this is. You will no doubt be copy pasting this code all over your game files and will need to make sure you are replacing the variable name twice each time, lest one variable will end up with the value of another in an oversight that is way too easy to miss. Ideally we want to specify not only the name of the variable, but also our bounds (0 and 100 respectively) only once.

There are two answers to this problem: widgets and JavaScript. A widget for this is one and done, but it is more fuss to integrate it into code, I found. In the JS solution you would need to figure out a function that works for your variable storage schema.

Let's cover the widget solution first:

<<widget "modify">>     <<print '<<set ' + $args[0] + ' to Math.clamp(' + $args[0] + ' + ' + $args[1] + ', 0, 100)>>'>> <</widget>>

Not only will the above check that each resulting value is within the [0; 100] range, it accepts the variable name as a parameter, meaning it will work for any stat (though you would need to pass the variable name as a String) and for subtraction too:

<<modify "$stat" -18>>

Now to problems. For my links between passages in the format for Twine I use, SugarCube, I strongly prefer the structure of setters:

[[Link text|NextPassageName][stat modifications]]

Calling a widget is not possible inside a setter link though. You would either need to do that in the next passage, which is inconvenient if you do not need that passage for anything else, or to marry two syntaxes in this unholy matrimony:

<<link [[Link text|NextPassageName]]>>   <<set $otherstat to "wowza">>   <<modify "$stat" -18>>   <</link>>

And this is just one link/option.

Now, for the price of extra JS code you can avoid all this. Depending on how you store your game variables, flat or in objects, you can employ tricks to save you time and code lines.

window.modifyStatA = function(value) {     State.variables.StatA = Math.clamp(State.variables.StatA + value, 0, 100); }

This anywhere in your custom JS file for the game will allow to do the following:

[[Link text|NextPassageName][modifyStatA(-18), $otherstat to "wowza"]]

and will change the value of $StatA by subtracting 18 upon clicking that link/option.

You can also do the following:

window.modifyStat = function(statName, value) {     State.variables[statName] = Math.clamp(State.variables[statName] + value, 0, 100); }

which creates a more generic function:

[[Link text|NextPassageName][modifyStat("StatA", -18), $otherstat to "wowza"]]

As you can see, this is suitable for flat stat storage (which I personally do not do). I suppose for the nested stats you could specify the object names as inputs in their order of hierarchy and access them so for a generic function, but I am not sure yet how to do that for a variable number of levels, e.g. Parent.StatGroup.statA vs Parent.statB

I believe this is geared to the very specific way I personally structure my passages and links, so I am ready to be proven wrong 😅

Cheers!

[normalcannibalism]

i feel weird and self conscious about my art again. sigh

the entire post ended up in thw tags ohb my god

[innocence-wont-save-you]

some form of the triple affirmative has been found:

i have escaped my can and i am capable of travel to the void sea but i am unsure about the working conditions of other iterators and are currently attempting to help collapsed iterators off their rails to ascend -udg

OOC: Hi! You seem to have mistaken this blog for a roleplay blog. Innocence Won't Save You is interactive fiction, which is a different thing! The basic gist is that the players read the current story, then suggest things for Innocence to do. They're currently holed up in an old distillation building with a scavenger they're chatting with :)

While I appreciate the attempt to interact with this blog, I can't use this as an action, so I'll be discarding this ask. I will take the time to tell you a bit more about IWSY though, because why not? We're currently in status update 13, with scene 14 on the horizon. Innocence left their can, killed a Miros bird with an explosive spear they made, then made a lance with its beak. They're now on their way to Pebbles' can, and are roughly at Pebbles' edge of their shared farm sector. All players are realized in the game as Innocence's overseers, who suggest things for them to do that they may or may not actually do depending on how they feel about the suggestion. Most of the time, people have been submitting actions by sending in asks, but comments and reblogs also work!

I will also note that IWSY will be moving off of Tumblr with the advent of scene 14. To the anon that sent in another ask earlier: Very sorry, but you can't play on the site yet :') I'm still learning Javascript and figuring out how to set up commenting functionality, but you can continue to send in asks on this blog for the time being. The story just won't be updated concurrently on the blog. You can always read the latest updates on the official IWSY website, and I highly recommend that you get used to reading on the website for when I (finally) figure out how to let people comment on scenes there.

If you have any questions, feel free to ask! Thank you for interacting :)

[one-dollar-design]

LIVE DEMO | BUY NOW

Professional Portfolio Template for Creators and Freelancers

This portfolio template is a modern and stylish solution designed for professionals who want to showcase their work, experience, and personality through a clean, responsive website.

Responsive and Accessible The template is fully optimized for all devices including mobile phones, tablets, and desktops. Visitors will enjoy a consistent and seamless browsing experience, regardless of screen size.

Dark and Light Mode Support It includes both dark and light themes with smooth toggle functionality. User preferences are saved automatically for a personalized experience.

Elegant Visual Animations Subtle but impactful animations such as floating arrows, header wave effects, and section fade-ins help draw attention without overwhelming the user.

Refined Design and Layout Built with a minimal and modern aesthetic, the layout ensures readability and a strong visual hierarchy. Elements are spaced carefully for clarity and impact, with a balanced color palette that suits personal branding.

Key Sections Included

Hero Section A prominent introduction with your name, photo, and tagline.

About Me A personal description and list of relevant skills or strengths.

Portfolio Gallery A responsive grid of project cards with hover effects and interaction options.

Social Media Links Icons or buttons linking to your active social platforms.

Contact Options Quick-access buttons for email or WhatsApp messaging.

Ideal For This template is perfect for web developers, designers, consultants, writers, and any creative professional who wants to build a strong online presence with minimal effort.

LIVE DEMO | BUY NOW

[codenewbies]

Animated Typing Effects

[themepure]

Bhume - Real Estate React NextJs Template

Preview Demo What do you think—pretty cool, right? React Love if you like it, and don’t hesitate to drop your thoughts in the comments— I’d love to hear your feedback. ✌️ Have an idea in mind? We’re open for new projects! Let’s contact now

[tpointtechadu]

React Tutorial Infographic: A Visual Guide to Mastering React Step by Step

Learn the fundamentals of building dynamic web applications with our React Tutorial. This comprehensive guide covers components, state management, hooks, and more. Whether you're a beginner or refreshing your skills, this React Tutorial provides step-by-step instructions to help you master modern front-end development with React.