Published
Edited
Jan 21, 2021
1 fork
1 star
Ray Tracing TemplateMandelbrot SetWebGL2: GLSLVectors and vector AlgebraBarycentric CoordinatesRay-Box intersectionRay Tracing AABBRay-Sphere (in 2D) intersectionUniform Grid AccelerationWebGL Volume RenderingSpecular lighting ModelDiffuse lighting: Lambert Cosine Model.Ray-Scene (2D) intersectionRay Tracing Template for 3D Scalar Field RenderingSampling DiscSamplingRandom Number Generator Testing.Schlick's approximationRendering 2D Scalar FieldBounds and IntersectionsRay Intersection Point on a triangular approximation of a curved surfaceNumerical Integration/QuadratureThin Lens in Ray TracingSampling: Deterministic, Random, Stratified, QuasiRandomPing Pong Approach for Progressive Rendering
Ray
Also listed in…
Computer Graphics Fundamentals
windowAspect = width/height
xScale = d3
.scaleLinear()
.domain([-10 * windowAspect, 10 * windowAspect])
.range([0, width])
yScale = d3.scaleLinear().domain([-10, 10]).range([height, 0])
scale = (p)=>[xScale(p[0]),yScale(p[1])]
md`### External Libraries and Tools`
arrowhead
import { arrowhead} from "@harrystevens/linear-algebra"
import {rangeSlider, themes} from '@mootari/range-slider'
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.
