The avatar for @spattana
Sumant Pattanaik
Published
Edited
Dec 25, 2020
3 stars
CAP 4720 2021
Parametric curveCAP 4720: Introduction to ObservableUseful Javascript Array functions.Vectors and vector AlgebraExample Use of TWGL Math LibraryIntro to WebGL Programming using twgl.
Point In front or back of A Plane
Rasterization & InterpolationBarycentric CoordinatesModel Loaders using ThreeJSDiffuse lighting: Lambert Cosine Model.Shade Due to Diffuse LightingOrbit CameraSpotLight and its effect in Lighting.Normal MatrixSpecular lighting ModelDiffuse + Specular + Ambient LightingWebGL Texturing using twgl.WebGL/twgl Rendering of Multipart Model with TextureSkybox rendering using Cubemap.Stenciling ExampleSilhouette EdgeShadow Projection of 3D ObjectsFragment Inside/Outside VolumeInbeweening using Tween.js: 1RotationsRay-Scene (2D) intersectionRotor QuaternionSLERP: Spherical Linear Interpolation
Also listed in…
Computer Graphics Fundamentals
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
normalVector = glMatrix.vec2.transformMat2([],[0,1],rotationMatrix)
Insert cell
leftVector = glMatrix.vec2.transformMat2([],[-1,0],rotationMatrix)
Insert cell
rightVector = glMatrix.vec2.transformMat2([],[ 1,0],rotationMatrix)
Insert cell
pointOnPlane = [canvasWidth/2, canvasHeight/2]
Insert cell
Insert cell
Insert cell
radius = 5
Insert cell
padding = 5
Insert cell
Insert cell
canvasWidth = width
Insert cell
canvasHeight = 500
Insert cell
dot = (u,v) => u[0]*v[0]+u[1]*v[1]
Insert cell
scaleTranslate = (p,v,s) => [p[0]+v[0]*s, p[1]+v[1]*s]
Insert cell
md`## External Library, and Functions`
Insert cell
import {slider} from "@jashkenas/inputs"
Insert cell
import {samples as getPoints} from "@mbostock/poisson-disk-sampling"
Insert cell
glMatrix = require('https://bundle.run/gl-matrix@3.3.0')
Insert cell
d3 = require("d3@5")
Insert cell

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.
Learn more