Last night I read “Getting Started with p5.js” by Lauren McCarthy, Casey Reas and Ben Fry. This morning I tweeted out a photo of me with the book: Thanks to @laurmccarthy @reas @ben_fry for the @p5xjs book. By page 11 it had fixed a bug for me! Highly recommended holiday gift. pic.twitter.com/go5p8rnssj — Joel Gethin […]
Monthly archives: November 2016
Making KeyboardSpringyCircles, MouseSpringyCircles and KeyboardBouncingCircleGrid
My first Reactickle for today was KeyboardSpringyCircles, which can be seen at 2:31 on the video that Wendy shot: I started by duplicating KeyboardScalingCircleGrid, then creating a new SpringyCircle object: function SpringyCircle(){ //SpringyCircle object var circleMinRadius = 100; var circleMaxRadius = 200; this.colour = color(random(100),50,100,50);; //random hue, saturation 50%, brightness 100%, alpha 50% this.radius = random(circleMinRadius,circleMaxRadius); this.position […]
KeyboardWorm and MouseWorm
After talking things through with Wendy yesterday, I moved on from KeyBoardScalingCircleGrid to KeyboardSnake. Wendy pointed out the multicoloured background wasn’t necessary for this version – so I could concentrate on making the interaction work with a single colour for the snake. I decided to change the name to the slightly more friendly KeyboardWorm. I began […]
Storyboards for the interaction
Thanks to the wonderful Tom Jennings, the project has some storyboards to help explain how to interact with project:
Reporting a bug properly, making KeyboardScalingCircleGrid
After tweeting about the multitouch bug to the author of p5.js, I received the following reply: github :) — lauren mccarthy (@laurenleemack) November 21, 2016 I therefore filed the bug on the p5.js GitHub. Wendy forwarded me a video that she had shot of someone using the original version of Reactickles that I am now […]
Session 2: How to go deeper, A billion dollar budget and hero selection with Jayson and Julianne
We started by reviewing John Cleese on creativity: Then went through the homework from the last tutorial: Describe how to go deeper in your chosen area of practise. Beyond the surface. How can you make new human contact in your area? Make a paper-based mockup of your project if you had $1 Billion in funding. […]
Working towards porting a Reactickle by translating keyboard presses to the screen
After checking in with Wendy on the project, I started porting the first Reactickle to the web. I’ve christened this Reactickle KeyboardSnake. It’s a very simple interaction on the surface – pressing any of the keyboard makes a multi-coloured snake-like circle form seek that position on the screen – with each of the keys of […]
Completing the p5.js tutorials
In my previous post, I completed the following tutorials from the p5.js website: Hello p5.js Get Started p5.js overview First, I fixed smart quotes in said previous post, then got on with the next tutorial, p5.js and Processing aka Processing transition. Several parts of the tutorial were particularly interesting or relevant to the Reactickles 3 project: The ability of […]
Final changes to the demonstration files for user testing
Dietrich Ayala added click and drag functionality to the project, via the Click Drag component, so after merging and pulling his changes to my local project folder, I installed it via: npm install aframe-click-drag-component –save I also edited my demonstration page for the project to make it much clearer which pages should be used for user testing […]
Creating the release versions of the demo’s for user testing
User testing in India begins next week via the British Council so this week is my last chance to tweak the two demonstration files I’ll be submitting, one designed for iPhones and PCs without cameras and one designed for Android phones and Laptops with cameras. On a Google Pixel phone the Mountain component isn’t particularly […]