Vectors and vector AlgebraRotationsNormal MatrixUseful Javascript Array functions.CAP 4720: Introduction to ObservableBarycentric CoordinatesRasterization & 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: obj2scRayRay-Sphere (in 2D) intersectionRay-Scene (2D) intersectionUniform Grid AccelerationScaled Objects from OBJ modelsSkybox rendering using Cubemap.WebGL Texturing using twgl.
Ray-Box intersection
Also listed in…
Ray Tracing
ray = rayANDbox.ray
md`### Visualization related definitions`
scale = (p)=>[xScale(p[0]),yScale(p[1])]
windowAspect = width / height
yScale = d3.scaleLinear().domain([-10, 10]).range([height, 0])
xScale = d3.scaleLinear().domain([-10*windowAspect, 10*windowAspect]).range([0, width])
md`### External Libraries and Tools`
arrowhead
import { arrowhead} from "@harrystevens/linear-algebra"
import {rangeSlider, themes} from '@mootari/range-slider'
d3 = require("d3")
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.
