Recreating Vintage Computer Art with Processing

Views:167890|Rating:4.96|View Time:16:44Minutes|Likes:2907|Dislikes:22I was browsing archive.org’s movie archive when I came across a 1968 film called “Experiments in Motion Graphics” featuring the computer generated art of John Whitney. In this tutorial, I attempt to imitate Whitney’s art style using Processing. Learn about Processing, parametric equations, and how to use sinusoidal functions in generative art. You can… Read More


Collegare due classi grafiche con Processing (OOP) - Corso di coding - lezione 46

Views:33|Rating:3.33|View Time:8:47Minutes|Likes:2|Dislikes:1Lezione 46 del corso di Coding in 100 lezioni. In questo video vedremo come realizzare due classi grafiche con Processing e come collegarle, in modo che interagendo con una, l’altra modifichi il suo stato. Il codice e le slide della lezione: Al termine delle 100 lezioni pubblicherò un libro, già in parte consultabile scaricandolo… Read More


Creare una classe grafica cliccabile con Processing - OOP - Corso di coding - lezione 45

Views:10|Rating:5.00|View Time:5:44Minutes|Likes:2|Dislikes:0Lezione 45 del corso di Coding in 100 lezioni. In questo video vedremo come realizzare una classe grafica cliccabile. E’ un esercizio pratico di programmazione ad oggetti (OOP). Il codice e le slide della lezione: Al termine delle 100 lezioni pubblicherò un libro, già in parte consultabile scaricandolo da gumroad. Il libro è gratuito,… Read More


Realizzare programmi eseguibili con Processing - Corso di Coding - #43

Views:82|Rating:5.00|View Time:3:24Minutes|Likes:20|Dislikes:0Lezione 43 del corso di Coding in 100 lezioni. In questo video vedremo come è possibile creare un file eseguibile (.exe) per Windows, mac o linux. Processing offre la possibilità di impacchettare uno sketch e creare un programma standalone, anche a full screen. Il codice e le slide della lezione: Al termine delle 100… Read More


The Cost Of JavaScript - Addy Osmani - Fluent 2018

Views:22988|Rating:4.98|View Time:20:8Minutes|Likes:601|Dislikes:3As the world build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. Addy Osmani explains how and why JavaScript is the most expensive resource your site uses today—especially on mobile. Addy also shares tips for fixing JavaScript performance… Read More


Usare il debugger di processing - corso di coding - lezione 42

Views:98|Rating:5.00|View Time:5:28Minutes|Likes:14|Dislikes:0Lezione 42 del corso di Coding in 100 lezioni. In questo video vedremo come utilizzare il debugger di Processing per eseguire un codice passo per passo. Aggiungeremo un breakpoint e vedremo come far bloccare l’esecuzione in sua corrispondenza. Il codice e le slide della lezione: Al termine delle 100 lezioni pubblicherò un libro, già… Read More


Macchine a stati, un esempio pratico - Lezioni di coding - #41

Views:61|Rating:5.00|View Time:4:31Minutes|Likes:14|Dislikes:0Lezione 41 del corso di Coding in 100 lezioni. In questo video proveremo a scrivere un esempio di macchina a stati partendo dal suo diagramma di stato. Il programma in Processing utilizza una variabile di stato per gestire le transazioni tra i vari stati. Il codice e le slide della lezione: Al termine delle… Read More


Coding Challenge #113: 4D Hypercube (aka "Tesseract")

Views:55813|Rating:4.93|View Time:42:44Minutes|Likes:1620|Dislikes:22In this coding challenge, I visualize a 4D Hypercube (aka “Tesseract”) in Processing (Java). 🔗 Code: 🔗 Matrix Multiplication: 🔗 Rotation Matrix on Wikipedia: 🔗 3D Projection on Wikipedia: : 🔗 Tesseract on Wikipedia: 🎥 Understanding 4D — The Tesseract: 🎥 Matrix Math: 🎥 3D Rendering with Rotation and Projection: 🎥 Matrix Multiplication for… Read More


Workflow: Python and Virtualenv

Views:17211|Rating:4.95|View Time:18:54Minutes|Likes:457|Dislikes:5In this video, I set up a python environment (Python 2 and 3) with Virtualenv. 🎥Playlist: 🔗 Python: 🔗 Virtualenv: 🔗 Homebrew: 🚂 Website: 💖 Patreon: 🛒 Store: 📚 Books: 🎥 Coding Challenges: 🎥 Beginners:… Read More


Inside your computer - Bettina Bair

Views:1210295|Rating:4.77|View Time:4:12Minutes|Likes:9855|Dislikes:466View full lesson: How does a computer work? The critical components of a computer are the peripherals (including the mouse), the input/output subsystem (which controls what and how much information comes in and out), and the central processing unit (the brains), as well as human-written programs and memory. Bettina Bair walks us through the… Read More


Coding Challenge #112: 3D Rendering with Rotation and Projection

Views:26515|Rating:4.93|View Time:33:13Minutes|Likes:829|Dislikes:12In this coding challenge I render a 3D object (cube) in 2D using rotation and projection matrices in Processing (Java). 🔗 Code: 🔗 Matrix Multiplication: 🔗 Rotation Matrix on Wikipedia: 🔗 3D Projection on Wikipedia : 🎥 4D Hypercube (Tesseract): 🎥 Matrix Multiplication for 3D Rendering: 🎥 Matrix Math: 🚂 Website: 💖 Patreon: 🛒… Read More


1.1: Code! Programming for Beginners with p5.js

Views:66891|Rating:4.94|View Time:13:11Minutes|Likes:1667|Dislikes:21Code! Programming in JavaScript with p5.js for total beginners. 🎥 Next video: 🎥 All videos: 🔗 🔗 p5.js Web Editor: 🔗 Processing Foundation: 🔗 Processing (Java): 🔗 Hello p5.js Web Editor!: 🎥 Game of Life: 🎥 Announcing p5.js Web Editor: 🎥 p5.js Web Editor with Cassie Tarakajian: 🎥 Accessibility in the p5.js Web Editor… Read More


Da macchina a stati a diagramma di flusso - Lezioni di Coding - #40

Views:20|Rating:5.00|View Time:5:23Minutes|Likes:6|Dislikes:0Lezione 40 del corso di Coding in 100 lezioni. In questo video approfondiremo il tema delle macchine a stati e vedremo come fare per trasformare una macchina a stati in un diagramma di flusso. Il codice e le slide della lezione: Al termine delle 100 lezioni pubblicherò un libro, già in parte consultabile scaricandolo… Read More