Tom Beddard subblue

WGSL 3D SDF Primitives

Revision: 06.08.2023, https://compute.toys/view/407

Sphere - exact

fn sdSphere(p: vec3f, r: f32) -> f32 {
  return length(p) - r;
}

How we incorporate next and cloudfront (2018-04-21)

Feel free to contact me at [email protected] or tweet at me @statisticsftw

This is a rough outline of how we utilize next.js and S3/Cloudfront. Hope it helps!

It assumes some knowledge of AWS.

Goals

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries ⚙️

Name	Stars	Last Commit	Description
three.js	![GitHub

Mobile Safari's 100% Height Dilemma

Whether you're developing a web application with native-ish UI, or just a simple modal popup overlay that covers the viewport, when it comes to making things work on iDevices in Mobile Safari, you're in for a decent amount of pain and suffering. Making something "100% height" is not as easy as it seems.

This post is a collection of Mobile Safari's gotchas and quirks on that topic, some with solutions and fixes, some without, in good parts pulled from various sources across the internets, to have it all in one place. Things discussed here apply to iOS8, iOS9 and iOS10.

The Disappearing Browser Chrome

Screen real estate on smartphones is limited, so Mobile Safari collapses the browser chrome (address bar and optional tab bar at the top, and tool bar at the bottom) when the user scrolls down. When you want to make something span exactly the height of the viewport, or pin something to the bottom of the screen, this can get tricky because the viewport changes size (or

Development Resources

This is intended to be a growing library of useful links for documentation and articles specific to the different technologies and libraries we use for our projects.

To keep ahead of the curve it is a good idea to use the Google Chrome dev channel version of the browser where many of the ES6 features can be used within the dev console without transpiling via Babel.
Chrome Canary build can also be used, but it tends to break things rather too often!

Javascript ES6

Learn ES2015 - Babel's detailed overview which was developed from the ES6 features guide.
Essential JS links - the list to end all lists! Curated by Eric Elliot who also has many very g

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	Shader "CustomPBRShader"
	{
	Properties
	{
	[NoScaleOffset] _Albedo("Albedo", Color) = (1.0, 1.0, 1.0, 1.0)
	[NoScaleOffset] _Metalness("Conductivity", Range(0.0, 1.0)) = 0.0
	[NoScaleOffset] _Roughness("Roughness", Range(0.0, 1.0)) = 0.0
	[NoScaleOffset][HDR] _RadianceMap("RadianceMap", CUBE) = "" {}
	[NoScaleOffset][HDR] _IrradianceMap("IrradianceMap", CUBE) = "" {}
	}

	(function (context, trackingId, options) {
	const history = context.history;
	const doc = document;
	const nav = navigator \|\| {};
	const storage = localStorage;
	const encode = encodeURIComponent;
	const pushState = history.pushState;
	const typeException = 'exception';
	const generateId = () => Math.random().toString(36);
	const getId = () => {

	in vec2 v_texcoord; // texture coords
	in vec3 v_normal; // normal
	in vec3 v_binormal; // binormal (for TBN basis calc)
	in vec3 v_pos; // pixel view space position

	out vec4 color;

	layout(std140) uniform Transforms
	{
	mat4x4 world_matrix; // object's world position

	WITH table_scans as (
	SELECT relid,
	tables.idx_scan + tables.seq_scan as all_scans,
	( tables.n_tup_ins + tables.n_tup_upd + tables.n_tup_del ) as writes,
	pg_relation_size(relid) as table_size
	FROM pg_stat_user_tables as tables
	),
	all_writes as (
	SELECT sum(writes) as total_writes
	FROM table_scans