Development Chat Log Also: CS Concepts Cross Training
Processing Cross Training  •  Creative Coding Edition  •  sister area: core CS concepts

TechNoviceTools — Processing Cross Training

The Same Sketch.
Three Processing Worlds.

Creative Cross Training takes one visual design and rebuilds it in p5.js, Java Processing, and Python Processing. Students see the same geometry, color logic, animation loop, and class structure through three related but distinct coding languages.

Creative Cross Training at TNT

Cross Training usually begins with a CS concept: a loop, a conditional, a class, a setter. Creative Cross Training begins with a sketch. The visual result comes first, and then the code is translated across the three Processing venues students are most likely to encounter at TNT.

This matters because creative coding is full of transferable patterns: coordinate systems, animation loops, color modes, random particles, polar-to-Cartesian conversion, helper functions, and classes that package behavior. The syntax changes, but the design thinking travels.

Each entry starts with a finished TNT sketch, then compares how p5.js, Java Processing, and Python Processing express the same idea. Students can look across the versions and ask the useful question: what changed because of the language, and what stayed the same because of the concept?

Classroom rhythm: admire the sketch first, read the code second, then compare the translations. The goal is not just to copy a program; it is to recognize creative coding patterns wherever they appear.
Visual Idea First

The sketch is the hook. Students begin with a visible result and then trace how geometry, color, timing, and classes produce it.

Three Related Dialects

p5.js, Java Processing, and Python Processing share the Processing mindset, but each reveals different language habits and tradeoffs.

Reusable Design Patterns

Particles, orbiting shapes, HSB palettes, helper functions, and classes become reusable tools students can carry into their own work.

Processing Cross Training Gallery

One visual design, rebuilt across p5.js, Java Processing, and Python Processing.

Entry #1
Mystic Shield
An eldritch mandala built from rotating rings, eight satellite sigils, interlaced star geometry, and 300 fading fire sparks. The shared lesson: HSB color mode, polar motion, layered transforms, and particle classes.
p5.js Java Processing Python Processing
Start with: p5.js showcase  •  interactive version  •  perspective v2  •  Python source
Priority Queue — Building next
2 Mystic Shield full side-by-side comparison JS / Java / Python translation notes
3+ More creative Processing sketches Particles, curves, grids, and classes