Data Schema Cheatsheet

Scalar data types

Schema	JavaScript	WGSL
`import { f32 } from 'typegpu/data';`	`number`	`f32`
`import { f16 } from 'typegpu/data';`	`number`	`f16`
`import { i32 } from 'typegpu/data';`	`number`	`i32`
`import { u32 } from 'typegpu/data';`	`number`	`u32`
`import { bool } from 'typegpu/data';`	`boolean`	`bool`

Vector and matrix types

Schema	Value constructors	WGSL equivalents
`vec2u`	`vec2u(x: number, y: number)` `vec2u(xy: number)` `vec2u()`	vec2u, vec2<u32>
`vec2f`	`vec2f(x: number, y: number)` `vec2f(xy: number)` `vec2f()`	vec2f, vec2<f32>
`vec2i`	`vec2i(x: number, y: number)` `vec2i(xy: number)` `vec2i()`	vec2i, vec2<i32>
`vec2h`	`vec2h(x: number, y: number)` `vec2h(xy: number)` `vec2h()`	vec2h, vec2<f16>
`vec2b`	`vec2b(x: boolean, y: boolean)` `vec2b(xy: boolean)` `vec2b()`	vec2<bool>
`vec3u`	`vec3u(x: number, y: number, z: number)` `vec3u(xyz: number)` `vec3u()`	vec3u, vec3<u32>
`vec3f`	`vec3f(x: number, y: number, z: number)` `vec3f(xyz: number)` `vec3f()`	vec3f, vec3<f32>
`vec3i`	`vec3i(x: number, y: number, z: number)` `vec3i(xyz: number)` `vec3i()`	vec3i, vec3<i32>
`vec3h`	`vec3h(x: number, y: number, z: number)` `vec3h(xyz: number)` `vec3h()`	vec3h, vec3<f16>
`vec3b`	`vec3b(x: boolean, y: boolean, z: boolean)` `vec3b(xyz: boolean)` `vec3b()`	vec3<bool>
`vec4u`	`vec4u(x: number, y: number, z: number, w: number)` `vec4u(xyzw: number)` `vec4u()`	vec4u, vec4<u32>
`vec4f`	`vec4f(x: number, y: number, z: number, w: number)` `vec4f(xyzw: number)` `vec4f()`	vec4f, vec4<f32>
`vec4i`	`vec4i(x: number, y: number, z: number, w: number)` `vec4i(xyzw: number)` `vec4i()`	vec4i, vec4<i32>
`vec4h`	`vec4h(x: number, y: number, z: number, w: number)` `vec4h(xyzw: number)` `vec4h()`	vec4h, vec4<f16>
`vec4b`	`vec4b(x: boolean, y: boolean, z: boolean, w: boolean)` `vec4b(xyzw: boolean)` `vec4b()`	vec4<bool>
`mat2x2f`	`mat2x2f(...elements: [number, number, number, number])` `mat2x2f(...columns: [v2f, v2f])` `mat2x2f()`	mat2x2f, mat2x2<f32>
`mat3x3f`	`mat3x3f(...elements: [number, number, number, number, number, number, number, number, number])` `mat3x3f(...columns: [v3f, v3f, v3f])` `mat3x3f()`	mat3x3f, mat3x3<f32>
`mat4x4f`	`mat4x4f(...elements: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number])` `mat4x4f(...columns: [v4f, v4f, v4f, v4f])` `mat4x4f()`	mat4x4f, mat4x4<f32>

Apart from the listed constructors, all vectors can be created from any mix of other vectors and numbers, like this:

import { vec2f, vec3f, vec4f } from 'typegpu/data';

const a = vec2f(1, 2);  // 1, 2
const b = vec3f(0, a);  // 0, 1, 2
const c = vec4f(b.xz, a.xx);  // 0, 2, 1, 1