Super Videotome (Modded!)

A modified version of Super Videotome, now with a whole host of extra goodies and quality of life improvements for both players and developers.

New Features

• Loading screen, with a click-through menu on finishing.
• Settings menu accessible by hitting S or the settings button, complete with music volume, sfx volume, and autoplay speed.
• Autosaving, either at checkpoint chapters that end with _SAVE, or on every chapter change.
• Added menubar at the top of the screen to hold settings, auto, history, and reset buttons. Access by moving the mouse near the top of the screen.
• Saving on-demand, with unlimited save slots!
• A restart button, shortcut F8. Does not affect saves.
• Allowing printing of $variables$ in dialogue when surrounded by $ symbols.
• Characters can now have unique colours.
• New funky fresh tags!
• Shorthand tags, doing common functions with less text.
• An experimental toggle, that doesn't force choices to clear after finishing a block.

New Tags

• MATH, to modify existing variables using basic operations of addition, subtraction, multiplication, and division.
• MUSVOL/SFXVOL, to change audio volume on demand. This is taken as a percentage of the volume set by the player.
• TEXT has been deprecated, and is now split into POS, COL, FONT, SIZE, LINE, which persist after being set once. Text effects can be reset per-tag by passing RESET into them, or with the tag RESETTEXT.
  • POS has additional tags of POSX, POSY, and POSEND, which control these values individually.
• FUNCDELAY, to call a function after a line is left, rather than as it's reached.
• VID, allowing videos to be played on specified layers.
  • Video saved as webm do not play on mobile Firefox.
• INPUT, to allow the player to input text that is then saved to a variable.
• TRANS, caches a layer, and adds a transition effect before wiping the cache, using pre-coded effects or user-made css animations.
• AUTO, autoplaying a specified number of lines at a set speed.
• CON, allowing line-level conditionals, displaying one of two strings based on a variable comparison.

Shorthand Tags

• BG, places the specified image on the back layer at canvas origin.
• VIDBG, places the specified video on the back layer at canvas origin.
• REMOVEALL, removes all active choices.
• RAND can be passed into POS, IMAGE, and VID in the x and y values to place them in a random position. It can also be passed into RECT in the x, y, width, and height values.

Tweaks/Fixes

• Better auto; autoplay now adjusts speed based on how long a line is, and selecting a choice waits until autoplay finishes until moving to the next line.
• Canvases resize properly when resizing the window.
• Text is no longer squished horizontally when the end point is a low number, and instead breaks into paragraphs as expected.
• Almost every variable has been lifted out of being hardcoded, and can be easily tweaked in config.js.
• More robust setup guide.

const IMGs = {
    BG_TITLE:"images/BG_TITLE.png",
};
const VIDs = {
};
const MUSIC = {
};
const SPEAKERS = {    

  M: {name: "machine", colour: "#696969"},
  E: {name: "engineer", colour: "#8b66ba"},
  P: {name: "pilot", colour: "#e3a239"}
};