Introduction to WebGL – Algorithmic Art

16th October 2017

Presentation
On-line presentation

Worksheet
Worksheet as pdf

Demos

Hello, world!
The first thing you write in a new language… done properly!


Have a heart… for all your heart shaped geometry needs
Heart Geometry for Three.js
Demo showing the various options (here).
The geometry is the surface derived from the formula:
(2x^2 + y^2 + z^2 – 1)^3 – 0.1x^2z^3 – y^2z^3
(Based on the C implementation by Mateusz Malczak)

heartgeometrytest
Heart Geometry for Three.js
Simple example (here).

heartgeometrytest
Hmm, crunchy!
Making an apple algorithmically with Three.js’s ParametricBufferGeometry.


Happy Hallowe’en!
Skully


Swole!
Transformation to a sphere.


Psychedelic!
Psychedelic Skully