This is an incomplete list of Nightbot commands I use on my Twitch channel to facilitate the teaching of webdesign. Many commands only generate links to specific sites, but some also offer advanced functionality, such as RNG. You should probably adjust the code, if you'd like to use them.
Command: !random
Description: Generate a random number between 1 and 100, or a specific interval
Usage: !random, !random 1 10 or !random 5 20
$(eval if ($(1) && $(2)) {
| /* | |
| Calculate a RNG value with a percent chance to succeed, | |
| based on a range and an stat input value somewhere between. | |
| This is how the challenges in Sunless Sea work, for example. | |
| - The lower bound defines a starting value required to get over 0% | |
| - The upper bound defines the value at which you always succeed | |
| - The stat value should between the two in order to produce a meaningful chance. | |
| */ |
Die Bitrate bestimmt die Qualität des Inhalts. Wird sie größer, steigen Qualität und Speicherbedarf an. Bilddimensionen, bzw. Länge des Musikstücks beeinflussen ebenfalls die Dateigröße: Höhere Auflösung bewirkt in der Regel größeren Platzbedarf.
| Kompression | Bild | Video | Audio |
|---|---|---|---|
| lossy | JPG, PNG-8, WEBP, HEIC | H.264, H.265, DivX, Xvid, 3GP, MJPEG | MP3, AAC, OGG |
| lossless | PNG-24 | DV-PAL, PNG | FLAC, APE, ALAC, AIFF, WAV |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Highscore Demo</title> | |
| </head> | |
| <body> | |
| <script type="module"> | |
| import highscore from './highscore.js' | |
| let points = new highscore('points', 14, 'desc'); /* keep up to 14 scores, under the storage name 'points', sorted in descending order */ |
| window.addEventListener('DOMContentLoaded', function (event) { | |
| const CANVAS_WIDTH = 1200; | |
| const CANVAS_HEIGHT = 700; | |
| let canvasElement = document.createElement('canvas'); | |
| canvasElement.setAttribute('width', CANVAS_WIDTH+'px'); | |
| canvasElement.setAttribute('height', CANVAS_HEIGHT+'px'); | |
| const CHARACTER = class { | |
| constructor(name, attributes = {}) { | |
| this.name = name; | |
| this.attributes = {}; | |
| // merge custom with default values | |
| Object.assign(this.attributes, { | |
| 'strength': 3, | |
| 'constitution': 3, | |
| 'dexterity': 3, |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Map</title> | |
| <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v1.9.0/mapbox-gl.css" /> | |
| <style> | |
| #map-container { | |
| width: 100%; |
| /* define some global values */ | |
| :root { | |
| color-scheme: light dark; /* this is required so iOS knows we support display modes at all */ | |
| --system-color-blue: rgba(0,122,255,1); | |
| --system-color-green: rgba(52,199,89,1); | |
| --system-color-indigo: rgba(88,86,214,1); | |
| --system-color-orange: rgba(255,149,0,1); | |
| --system-color-pink: rgba(255,45,85,1); | |
| --system-color-purple: rgba(175,82,222,1); |
| <?php | |
| /* | |
| Since this script works by detecting changes to the page source code | |
| it works only on static pages. Sites that often change, eg. are generated | |
| by a CMS or embed changing script filenames will always trigger. | |
| There is no easy way around this limitation as far as I know. | |
| Instructions: | |
| - Add your Email and desired URLs |