Vectors and vector AlgebraRotationsNormal MatrixUseful Javascript Array functions.CAP 4720: Introduction to ObservableRasterization & InterpolationBasic WebGL Programming Using REGLDiffuse lighting: Lambert Cosine Model.Specular lighting ModelShade Due to Diffuse LightingSpotLight and its effect in Lighting.WebGL Texture in REGLWebGL/twgl Rendering of Multipart Model with TextureNormal mappingBlending ExampleStenciling ExampleModel Loader, ViewerPoint In front or back of A PlaneSilhouette EdgeRotor QuaternionFragment Inside/Outside VolumeSLERP: Spherical Linear InterpolationInstancing in ReglColor from Wavelength, Correlated Temperature and HTML color pickerHSV and HSL Color ModelsParametric curveCAP 4720 Final Project ListOBJ Parser: obj2scRay-Box intersectionRayRay-Sphere (in 2D) intersectionRay-Scene (2D) intersectionUniform Grid AccelerationScaled Objects from OBJ modelsSkybox rendering using Cubemap.WebGL Texturing using twgl.
Barycentric Coordinates
md `## Useful Functions`
hex2rgb = hex => (hex = hex.replace('#', '')).match(new RegExp('(.{' + hex.length/3 + '})', 'g')).map(l => parseInt(hex.length%2 ? l+l : l, 16)/255)
rgb2hex([2,0,0])
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
