The avatar for @spattana
Sumant Pattanaik
Published
CAP 4720 2021
Edited
Oct 19, 2021
1 fork
Importers
2 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 PlaneRasterization & InterpolationBarycentric CoordinatesModel Loaders using ThreeJSDiffuse lighting: Lambert Cosine Model.Shade Due to Diffuse Lighting
Orbit Camera
SpotLight 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
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`### Variables and Functions`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
canvasWidth = gl.canvas.width / 2
Insert cell
Insert cell
Insert cell
Insert cell
radius = 1
Insert cell
Insert cell
Insert cell
Insert cell
md`### Buffers`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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