Published
Edited
Dec 25, 2020
3 stars
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, ViewerSilhouette 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.
Point In front or back of A Plane
Also listed in…
CAP 4720 2021
normalVector = glMatrix.vec2.transformMat2([],[0,1],rotationMatrix)
leftVector = glMatrix.vec2.transformMat2([],[-1,0],rotationMatrix)
rightVector = glMatrix.vec2.transformMat2([],[ 1,0],rotationMatrix)
pointOnPlane = [canvasWidth/2, canvasHeight/2]
radius = 5
padding = 5
canvasWidth = width
canvasHeight = 500
dot = (u,v) => u[0]*v[0]+u[1]*v[1]
scaleTranslate = (p,v,s) => [p[0]+v[0]*s, p[1]+v[1]*s]
md`## External Library, and Functions`
import {slider} from "@jashkenas/inputs"
import {samples as getPoints} from "@mbostock/poisson-disk-sampling"
glMatrix = require('https://bundle.run/gl-matrix@3.3.0')
d3 = require("d3@5")
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.
