Recently I’ve been watching some of Ben Eater’s videos on Youtube about building a computer following the SAP-1 architecture. To practice using TypeScript I decided to try and create a simulator. I wanted to be able to see what was going on, so I used p5.js to create a graphical interface showing the state ofContinue reading “Simulating a basic 8-bit computer”
Tag Archives: P5.JS
Simulating a 555 timer in JavaScript with p5.js
The 555 timer is the most popular integrated circuit ever produced – in 2003 it was estimated that a billion units are manufactured every year. It is used for many applications involving oscillating, pulse generation and timing. Recently I was set the challenge of simulating a 555 timer circuit using JavaScript. this is what IContinue reading “Simulating a 555 timer in JavaScript with p5.js”
Using JavaScript to create Lewis structures
Recently I watched the Crash Course Chemistry video about Lewis structures, and I thought it would be a fun project to try and create a way of displaying these diagrams using the p5.js graphics library. You can see the finished product here: https://brychanthomas.github.io/lewis/ . It only works on a desktop computer rather than a mobileContinue reading “Using JavaScript to create Lewis structures”
Creating a JavaScript gravity simulator using p5.js
Recently I came across p5.js, a JavaScript library that specialises in graphics. It’s designed to be easy to use, so I thought it would be a good way to develop my JavaScript skills. You can see the online in-browser version here: https://brychanthomas.github.io/gravity/. You can click on the canvas to add an object in a specificContinue reading “Creating a JavaScript gravity simulator using p5.js”
Brychan Thomas' projects 