Defined scope
- Shaders
- Generative visuals
- Simulation
- WebGL
- Creative coding
CONCEPT
Procedural Graphics
Procedural graphics are images or visual systems generated from rules, algorithms, parameters, simulation or code rather than only manually drawn assets.
Procedural graphics connect shaders, generative systems, motion design, creative coding, visual culture and real-time web interfaces.
active
research
EDITORIAL FRAME
What this entry establishes.
A concise view of its scope, position, limitations and supporting sources.
Editorial position
- Procedural graphics are strongest when parameters express a visual grammar rather than arbitrary variation.
- Preservation of procedural visuals requires code, parameters, runtime context and output records.
Explicit limits
- Static illustration exported from manual design software with no procedural layer
- Randomized decoration with no coherent visual system
Tags and disciplines
Procedural GraphicsShadersWebGLGenerative ArtCreative CodingVisual CultureDigital ArtMotion Design
Definition
Procedural graphics are generated by systems. The creator designs rules, parameters and transformations that produce visual form.
Scope
The concept includes shaders, particles, cellular systems, noise, simulation, algorithmic layout, generative identity systems and real-time browser graphics.
Applications
Electronic Artefacts can use procedural graphics to document generative systems, build visual research tools and produce interactive public artefacts.
Limitations
Procedural visuals can become generic when they rely on fashionable effects without a strong relation to content or material.
References
See WebGL, creative coding, generative systems and motion design.
DOCUMENTED RELATIONSHIPS
Connected work and ideas.
Each link names the relationship between two entries and why it matters.
Creative Coding Pedagogy from Logo to p5.js
Creative Coding Pedagogy from Logo to p5.js links visual learning to procedural graphics.
Procedural Graphics, Shaders and Visual Systems
Procedural Graphics, Shaders and Visual Systems documents procedural graphics as a rule-based visual practice.
Knowledge Hub Second Wave
Procedural Graphics is an explicit member of the Knowledge Hub Second Wave collection.
Record details Metadata, sharing and citation
Procedural Graphics
Cite this page
Procedural Graphics. 1.0.0. Electronic Artefacts, 2026-06-24. https://electronicartefacts.com/knowledge/concepts/procedural-graphics/
Nearby relationships
3 public links connect this page to nearby projects, concepts and references.