postspectacular

import { parseCSVSimple } from "@thi.ng/csv";
import { readText } from "@thi.ng/file-io";
import { XsAdd, pickRandom } from "@thi.ng/random";
import { split } from "@thi.ng/strings";
import {
    comp,
    distinct,
    map,
    mapcat,
    push,

postspectacular

rect(100)
// Rect { pos: [ 0, 0 ], attribs: undefined, size: [ 100, 100 ] }

rect([100, 200], 100)
// Rect { pos: [ 100, 200 ], attribs: undefined, size: [ 100, 100 ] }

rect([100, 200], [10, 20])
// Rect { pos: [ 100, 200 ], attribs: undefined, size: [ 10, 20 ] }

rectFromCentroid([100, 200], 100)

postspectacular

/*
 * Copyright (c) 2022 Karsten Schmidt
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 

postspectacular

import { int, parseCSVSimple } from "@thi.ng/csv";
import { readText } from "@thi.ng/file-io";
import { pickRandom } from "@thi.ng/random";
import { split } from "@thi.ng/strings";
import {
	comp,
	distinct,
	mapcat,
	push,
	repeat,

postspectacular

import { suite } from "@thi.ng/bench";

const w = 640;
const h = 480;
const idata = new ImageData(w, h);

// exposed u8clampedarray
const u8 = idata.data;
// rewrap same memory as u32
const u32 = new Uint32Array(u8.buffer);

postspectacular

#!/bin/sh

zig build-lib -O ReleaseSmall -target wasm32-freestanding -dynamic --strip \
  --pkg-begin wasmapi ../../node_modules/@thi.ng/wasm-api/include/wasmapi.zig --pkg-end \
  --pkg-begin dom ../../node_modules/@thi.ng/wasm-api-dom/include/dom.zig --pkg-end \
  src/main.zig

# optional post processing & optimization

wasm-opt main.wasm -o main.wasm -O3

postspectacular

PostSpectacular Manifesto

Literacy

• Learn by doing
  • Take away a sound understanding of new concepts learned at the end of each activity
  • Transform knowledge into intuition
  • Share your learnings
  • Experiment to avoid/overcome procrastination
• Go further, Carpe noctem

postspectacular

import { SYSTEM } from "@thi.ng/random";
import { blitMask, canvas, canvasFromText, formatCanvas, hline } from "@thi.ng/text-canvas";

// overlay text canvas
const logo = canvasFromText([
    "###########         ####         ####        #                  #######",
    "#########     ░░░    ##    ░░░    ##    ░░░     ░░░░░░  ░░░░░░   ######",
    "########   ░░░░░░░░░    ░░░░░░░░░    ░░░░░░░░░   ░░░░    ░░░░   #######",
    "#######   ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░    ░▒▒░   #######",
    "#######   ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒    ▒▓▓▒   #######",

postspectacular

import { equiv } from "@thi.ng/equiv";
import { encode, decode } from "./pack-intervals.js";

// example source array (will be compressed into just 7 bytes)
const src = [
    1, 2, 3, 4,
    6, 7,
    9, 10, 11, 12, 13, 14,
    17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29
];

postspectacular

import { float, parseCSVSimpleFromString } from "@thi.ng/csv";
import { readText } from "@thi.ng/file-io";
import { weightedRandomKey } from "@thi.ng/random";
import {
    assocObj,
    keys,
    map,
    normFrequenciesAuto,
    repeatedly,
    transduce,