The avatar for @spattana
Sumant Pattanaik
Public
Edited
Oct 31, 2023
3 forks
Importers
12
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 LightingOrbit CameraSpotLight and its effect in Lighting.Normal MatrixSpecular lighting ModelDiffuse + Specular + Ambient LightingWebGL Texturing using twgl.WebGL/twgl Rendering of Multipart Model with Texture
Skybox 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
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`### Shaders and ProgramInfo`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("cubemaps_skybox.png").image()
Insert cell
FileAttachment("parkCubeMap.jpg").image()
Insert cell
cubemapImages = cubeimagesCroppedFromHCrossShape(testurl, 128)
Insert cell
cubemap1bimages = cubeimagesCroppedFromHCrossShape(
await FileAttachment("parkCubeMap.jpg").url(),
104
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
cubemap3 = twgl.createTexture(gl, {
target: gl.TEXTURE_CUBE_MAP,
flipY: false,
src: [px1, nx1, py1, ny1, pz1, nz1],
min: gl.LINEAR_MIPMAP_LINEAR
})
Insert cell
px1 = getImageData(await FileAttachment("right.jpg").blob())
Insert cell
nx1 = getImageData(await FileAttachment("left.jpg").blob())
Insert cell
py1 = getImageData(await FileAttachment("back.jpg").blob())
Insert cell
ny1 = getImageData(await FileAttachment("front.jpg").blob())
Insert cell
nz1 = getImageData(await FileAttachment("front.jpg").blob())
Insert cell
pz1 = getImageData(await FileAttachment("back.jpg").blob())
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