Platform
Resources
Pricing
Sign in
Get started
Claudio Esperança
Computer Graphics & Visualization @ufrj.br
Workspace
Fork
Published
Computer Graphics
By
Claudio Esperança
Edited
Oct 13, 2020
24 stars
Computer Graphics
Canvas primer
Canvas primer II
SVG Intro
Minimal WebGL Program
WebGL primer with regl
Shadertoy style drawing
Transformation demo
Modelview Demo
Model, View and Projection Demo
WebGL Cube
Catmull Clark Subdivision
Three.js basics
Phong Illumination model
Half-edge data structure
Iterated Function Systems
Raytracing
Textured sphere
Environment mapping
Physical animation with shape matching
Shape matching
2D GJK and EPA algorithms
Omohundro balltree construction algorithms
Platonic Solids Playground
Elliptic billiards 3-periodics in space-time
3D Labyrinth
Brush drawing
Bump mapping
Fractal Terrain
Model viewer
Keyframe animation
Textured plane
Simple Adaptive Mosaic Effects
Wallpaper Groups
Ray marching
Volume rendering with slice compositing
Displaying 3D RBFs with ray marching
Funções 2D úteis
Random space-filling curves
GPU-IO
3D Apollonian Sphere Packings
Circle inversion fractals
Apollonian gasket construction by inversion
Smooth Polygon
Document image segmentation
B-Splines
Stencil buffer
Noise Loops
Simplex noise exerciser
Deformation with RBFs
Random shapes in a grid
Hobby curves
Lane-Riesenfeld subdivision
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md
`### GUI variables`
Insert cell
mutable
newFractal
=
0
Insert cell
mutable
renderColorLevel
=
1
Insert cell
mutable
palette
=
palettes
.
A
Insert cell
mutable
pointSize
=
0.5
Insert cell
Insert cell
Insert cell
rad
=
deg
=>
deg
/
180
*
Math
.
PI
Insert cell
Insert cell
Insert cell
Insert cell
import
{
Vec
,
Matrix
,
MBR
}
from
"@esperanc/2d-geometry-utils"
Insert cell
glmatrix
=
require
(
'https://bundle.run/gl-matrix@3.3.0'
)
Insert cell
mat3
=
glmatrix
.
mat3
Insert cell
import
{
select
}
from
"@jashkenas/inputs"
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.
Try it for free
Learn more
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
render
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
gui
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Tri
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
newFractal
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
renderColorLevel
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
palette
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
pointSize
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
viewportTransf
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
rad
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
presets
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
palettes
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
glmatrix
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
mat3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML