haxiomic

{
	"remapKeys": {
		"inProcess": [
			{
				"originalKeys": "36",
				"newRemapKeys": "260;37"
			},
			{
				"originalKeys": "35",
				"newRemapKeys": "260;39"

haxiomic

import { Blending, ColorRepresentation, DoubleSide, LinearFilter, LinearMipMapLinearFilter, MathUtils, Mesh, MeshBasicMaterial, Object3D, PlaneGeometry, RepeatWrapping, ShaderMaterial, Texture, Uniform, Vector2 } from "three";

export class TextureVisualizer extends Object3D {

	texturePlanes = new Map<string, Mesh<PlaneGeometry, MeshBasicMaterial>>();
	readonly gridWidth = 4;

	constructor() {
		super();
		// this.layers.set(Layer.Developer);

haxiomic

export function WebGLLogger(gl: WebGL2RenderingContext, filter: Array<string | RegExp> | null = null) {
	let constantNameMap = new Map<number, string>();
	// enumerate gl
	for (let key in gl) {
		let value = (gl as any)[key];
		if (typeof value === 'number' && key.toUpperCase() === key) {
			constantNameMap.set(value, key);
			continue;
		}

haxiomic

/**
    First order approximation of acos()
    See https://seblagarde.wordpress.com/2014/12/01/inverse-trigonometric-functions-gpu-optimization-for-amd-gcn-architecture/
**/
float acosPoly1(float inX) {
    float x = abs(inX); 
    float res = -0.156583 * x + 1.570796;
    res *= sqrt(1.0 - x); 
    return (inX >= 0.0) ? res : (3.141593 - res); 
}

haxiomic

/**
 * BodgeShaderEditor
 * 
 * Many of the WebGL shader editor tooling out there is broken or doesn't support WebGL2 and interesting setups like wasm.
 * I created this bodge in a few hours to help solve an issue
 * 
 * @author haxiomic
 */

 // replace getContext with our own function

haxiomic

/**
 * StructView – Typed access of a byte buffer
 * 
 * Example:
 * ```
 * typedef MessageView = StructView<{
 * 	a: Int,
 * 	b: Float,
 * 	sub: {
 * 		c: StructView.UInt8,

haxiomic

/**
 * ObjectPool is a type building macro to create array-of-structure or structure-of-array pools.
 * With the intention being to improve access performance, both in CPU cache coherence and by avoiding the GC
 * 
 * This implementation is a minimal working proof of concept
 * 
 * Improvements you may want to make
 * - Support deallocation of instances and space reclaiming
 * - Replace haxe.io.Bytes because field access has overhead
 * 

haxiomic

(() => {
	let errorDisplayEl = document.createElement('div');
	errorDisplayEl.classList.add('error-display');
	errorDisplayEl.style.display = 'none';
	errorDisplayEl.style.position = 'absolute';
	errorDisplayEl.style.zIndex = '2000';
	errorDisplayEl.style.backgroundColor = 'rgba(146, 0, 0, 0.6)';
	errorDisplayEl.style.padding = '20px';
	errorDisplayEl.style.fontFamily = 'monospace, sans-serif';
	errorDisplayEl.style.color = '#fff5f5';

haxiomic

Tide visualization

What you know about tides is wrong It could be super cool and interesting to see this in 3D https://twitter.com/mayfer/status/1633601289505632257

Interactive electromagnetism simulation

Thiiiisss but to demonstrate how the waves can be used for sending signals – (i.e. wiggle electron here, see others wiggle = radio :D), and all sorts of other EM intuition related to relativity (which admittedly I don't have enough of yet...)

Talked with plasma fusion physicist friend at JET and he had the same lack of intuition and 🤯 reaction so I feel validated at least

haxiomic

import * as THREE from 'three';

function glslFloat(f) {
	let s = f + '';
	if (s.indexOf('.') == -1) {
		s += '.';
	}
	return s;
}