https://charliegerard.dev Posts and side projects exploring human-computer interaction with emerging web technologies. en Tue, 20 Oct 2026 00:00:00 GMT https://charliegerard.dev/posts/overgrown-extension https://charliegerard.dev/posts/overgrown-extension Tue, 20 Oct 2026 00:00:00 GMT A fun little project that came out of a creative exercise around the word 'Overgrowth'. Chrome extension Creative coding https://charliegerard.dev/projects/overgrown https://charliegerard.dev/projects/overgrown Thu, 01 Jan 2026 00:00:00 GMT Slash through vines that have overgrown your abandoned tabs Chrome extension Creative coding https://charliegerard.dev/posts/street-fighter-banglejs-webai https://charliegerard.dev/posts/street-fighter-banglejs-webai Mon, 08 Dec 2025 00:00:00 GMT A few weeks ago, I attended the WebAI summit and got a Bangle.js watch so I worked on updating my Air Street Fighter prototype to use it. WebAI Motion control https://charliegerard.dev/posts/polymorphic-chrome-extension-attack https://charliegerard.dev/posts/polymorphic-chrome-extension-attack Mon, 14 Apr 2025 00:00:00 GMT A few days ago, I came across new research explaining a novel cybersecurity attack via polymorphic Chrome Extension and decided to spend some time recreating it Chrome extension Cybersecurity https://charliegerard.dev/projects/air-street-fighter-banglejs-webai https://charliegerard.dev/projects/air-street-fighter-banglejs-webai Wed, 01 Jan 2025 00:00:00 GMT Play a motion-controlled Street Fighter demo with the Bangle.js and WebAI WebAI Motion control https://charliegerard.dev/posts/replay-attacks-javascript-hackrf https://charliegerard.dev/posts/replay-attacks-javascript-hackrf Mon, 16 Sep 2024 00:00:00 GMT A few months ago, I prototyped a web-based tool to run replay attacks using HackRFs and the WebUSB API, and unlocked my friend's car remotely. SDR Cybersecurity Hardware https://charliegerard.dev/projects/hacking-cars-javascript https://charliegerard.dev/projects/hacking-cars-javascript Mon, 01 Jan 2024 00:00:00 GMT Run replay attacks in the browser using HackRF devices. Radio SDR Hardware Hacking https://charliegerard.dev/posts/control-uis-using-wireless-earbuds-and-on-face-interactions https://charliegerard.dev/posts/control-uis-using-wireless-earbuds-and-on-face-interactions Sun, 10 Sep 2023 00:00:00 GMT A few weeks ago, I stumbled upon a very cool research project around using the acoustic signature of gestures to create new interactions with interfaces and decided to implement a prototype version of it in JavaScript. Motion control HCI WebAI https://charliegerard.dev/posts/voltage-electrical-circuit https://charliegerard.dev/posts/voltage-electrical-circuit Mon, 07 Aug 2023 00:00:00 GMT Some notes from reading chapter 4 of the book 'How computers really work'. Hardware Engineering https://charliegerard.dev/posts/competing-cybersecurity-ctf-ncl https://charliegerard.dev/posts/competing-cybersecurity-ctf-ncl Tue, 04 Apr 2023 00:00:00 GMT Last weekend, I competed in the National Cyber League (NCL), my first cybersecurity CTF. I wrote down notes about the tools I used in the challenges and wanted to share in case anyone is curious to know how CTFs work. Cybersecurity https://charliegerard.dev/posts/lifi-sending-data-light https://charliegerard.dev/posts/lifi-sending-data-light Mon, 13 Feb 2023 00:00:00 GMT Different parts of the electromagnetic spectrum can be used to transmit information. Using visible light, data can be encoded and transmitted using a technology called Li-Fi which aims at using your existing lights for wireless communication. Hardware Arduino https://charliegerard.dev/projects/on-face-interactions https://charliegerard.dev/projects/on-face-interactions Sun, 01 Jan 2023 00:00:00 GMT Control UIs using wireless earbuds and on-face interactions HCI AI Audio https://charliegerard.dev/posts/cybersecurity-attacks-deno https://charliegerard.dev/posts/cybersecurity-attacks-deno Wed, 07 Dec 2022 00:00:00 GMT When I'm sharing what I learn about cybersecurity in open-source, a reaction I've seen people have is to mention Deno as a tool that will fix the problem. The risk of supply-chain attacks still exist and I wrote this post to show how it can be done. Cybersecurity https://charliegerard.dev/posts/reverse-shell-vultr https://charliegerard.dev/posts/reverse-shell-vultr Sun, 04 Dec 2022 00:00:00 GMT I used Vultr recently and struggled to create a reverse shell so this post is gathering the steps that worked Cybersecurity https://charliegerard.dev/posts/demystifying-machine-learning-bluetooth-arduino https://charliegerard.dev/posts/demystifying-machine-learning-bluetooth-arduino Mon, 31 Oct 2022 00:00:00 GMT The first time I experimented with TensorFlow.js for micro-controllers, I got really excited about the fact that a machine learning model was transferred via bluetooth to my Arduino. In this post, I am going to explain how it works. Hardware Arduino AI/ML https://charliegerard.dev/posts/gesture-based-payments https://charliegerard.dev/posts/gesture-based-payments Mon, 10 Oct 2022 00:00:00 GMT Recently, I've been experimenting with gesture control and researched how this technology could be used as a payment method. Motion control HCI WebAI https://charliegerard.dev/posts/aircraft-radar-system-rtl-sdr-web-usb https://charliegerard.dev/posts/aircraft-radar-system-rtl-sdr-web-usb Mon, 29 Aug 2022 00:00:00 GMT A few years ago, I came across an awesome talk by Thomas Watson in which he talks about how he built AirplaneJS, a web app that picks up ADS-B radio signals from airplanes and plots them in real time on a map in the browser. I had no idea this was possible in JavaScript so I started looking into it. SDR Radio Hardware https://charliegerard.dev/posts/reverse-shell-node-js https://charliegerard.dev/posts/reverse-shell-node-js Tue, 28 Jun 2022 00:00:00 GMT I recently learnt what a reverse shell is and got excited to experiment running this kind of attack via a Node.js module. This post will go through my thought process and the different options I tried. Cybersecurity Node.js https://charliegerard.dev/posts/ultrasonic-payments https://charliegerard.dev/posts/ultrasonic-payments Mon, 06 Jun 2022 00:00:00 GMT Experimenting with ultrasonic data transmission in JavaScript as a payment method. Creative coding https://charliegerard.dev/posts/ransomware-script-node-module https://charliegerard.dev/posts/ransomware-script-node-module Thu, 05 May 2022 00:00:00 GMT A couple of weeks ago, I experimented with creating a small ransomware script, and looked into how to run an attack in a Node.js module. Cybersecurity Node.js https://charliegerard.dev/posts/hand-control-ui-figma-plugin https://charliegerard.dev/posts/hand-control-ui-figma-plugin Thu, 20 Jan 2022 00:00:00 GMT I've played around with hand detection using TensorFlow.js in the past but since they released the ability to detect multiple hands, I've wanted to explore building UIs with hand movements. Motion control HCI WebAI Tf.js https://charliegerard.dev/projects/rtl-sdr-airplane-tracking https://charliegerard.dev/projects/rtl-sdr-airplane-tracking Sat, 01 Jan 2022 00:00:00 GMT Getting live data from passing airplanes SDR Radio Hardware https://charliegerard.dev/projects/figma-plugin-hand-controlled https://charliegerard.dev/projects/figma-plugin-hand-controlled Sat, 01 Jan 2022 00:00:00 GMT Build UIs in Figma with hand movements WebAI Motion control https://charliegerard.dev/posts/interactive-frame-head-tracking https://charliegerard.dev/posts/interactive-frame-head-tracking Sun, 01 Aug 2021 00:00:00 GMT Over the past few weeks, I've been working on a new side project to replicate a visual effect called "head-coupled perspective" to make interactive art with head tracking, using Three.js and TensorFlow.js. Motion control HCI WebAI Tf.js 3D Three.js https://charliegerard.dev/posts/toggle-dark-mode-clapping-hands-chrome-extension https://charliegerard.dev/posts/toggle-dark-mode-clapping-hands-chrome-extension Wed, 14 Apr 2021 00:00:00 GMT A few days ago, we released dark mode in beta. While we're still iterating on it, I built a Chrome extension to easily toggle it by clapping my hands. Motion control HCI WebAI Tf.js Chrome extension https://charliegerard.dev/posts/speeding-up-storybook-locally https://charliegerard.dev/posts/speeding-up-storybook-locally Thu, 08 Apr 2021 00:00:00 GMT Working on a big monorepo means that developing with Storybook can become painfully slow. A small change can drastically speed it up! Engineering https://charliegerard.dev/posts/setting-up-raspberry-pi-without-monitor-or-keyboard https://charliegerard.dev/posts/setting-up-raspberry-pi-without-monitor-or-keyboard Mon, 05 Apr 2021 00:00:00 GMT For a long time, I thought a keyboard and monitor were needed to do the initial setup of a RaspberryPi. However, I recently learnt that you can do this using only another computer! Engineering Hardware https://charliegerard.dev/posts/predicting-indoor-location https://charliegerard.dev/posts/predicting-indoor-location Sat, 06 Mar 2021 00:00:00 GMT After trying out a Python project called whereami, I spent some time trying to replicate it in JavaScript. AI/ML Node.js https://charliegerard.dev/posts/low-poly-scenes-spline https://charliegerard.dev/posts/low-poly-scenes-spline Wed, 27 Jan 2021 00:00:00 GMT Quick overview of Spline, a 3D design tool for web experiences and how I spent a few hours creating a low-poly scene. 3D Creative coding https://charliegerard.dev/projects/red-light-green-light https://charliegerard.dev/projects/red-light-green-light Fri, 01 Jan 2021 00:00:00 GMT Squid game with body movement detection WebAI Motion control https://charliegerard.dev/projects/hands-free-coding https://charliegerard.dev/projects/hands-free-coding Fri, 01 Jan 2021 00:00:00 GMT Gaze-controlled interface to write code WebAI Motion control https://charliegerard.dev/projects/interactive-digital-frame https://charliegerard.dev/projects/interactive-digital-frame Fri, 01 Jan 2021 00:00:00 GMT Interactive digital art frame with head-coupled perspective 3D Motion control Three.js https://charliegerard.dev/projects/dark-mode-clap-extension https://charliegerard.dev/projects/dark-mode-clap-extension Fri, 01 Jan 2021 00:00:00 GMT Toggle Netlify's dark mode by clapping your hands WebAI Tf.js Chrome extension https://charliegerard.dev/projects/whereami-js https://charliegerard.dev/projects/whereami-js Fri, 01 Jan 2021 00:00:00 GMT Node.js package to predict indoor location AI ML Node.js https://charliegerard.dev/projects/gaze-detection https://charliegerard.dev/projects/gaze-detection Fri, 01 Jan 2021 00:00:00 GMT JS library using iris tracking to detect a user's gaze WebAI Motion control HCI https://charliegerard.dev/projects/github-toxicity-bot https://charliegerard.dev/projects/github-toxicity-bot Fri, 01 Jan 2021 00:00:00 GMT GitHub bot that detects toxic comments on PRs WebAI Tf.js Creative coding https://charliegerard.dev/projects/washos https://charliegerard.dev/projects/washos Fri, 01 Jan 2021 00:00:00 GMT Interface triggered by acoustic activity monitoring WebAI Audio Creative coding Tf.js https://charliegerard.dev/projects/splat https://charliegerard.dev/projects/splat Fri, 01 Jan 2021 00:00:00 GMT Play a 3D Fruit Ninja clone using hand motion WebAI Motion control HCI Creative coding Tf.js https://charliegerard.dev/projects/whoosh https://charliegerard.dev/projects/whoosh Fri, 01 Jan 2021 00:00:00 GMT Control a 3D web game using hand gestures WebAI Motion control HCI Creative coding Tf.js https://charliegerard.dev/projects/flappy-windows https://charliegerard.dev/projects/flappy-windows Fri, 01 Jan 2021 00:00:00 GMT Play Flappy Bird with browser popup windows Creative coding https://charliegerard.dev/projects/freedrum https://charliegerard.dev/projects/freedrum Fri, 01 Jan 2021 00:00:00 GMT Play with the Freedrum sensors in JavaScript Motion control HCI Creative coding WebMIDI https://charliegerard.dev/posts/github-action-toxic-comments https://charliegerard.dev/posts/github-action-toxic-comments Sun, 16 Aug 2020 00:00:00 GMT Over the weekend, I spent a few hours building a Github action to automatically detect potentially toxic comments and PR reviews. AI/ML Tf.js https://charliegerard.dev/posts/yeah-nah-not-ok https://charliegerard.dev/posts/yeah-nah-not-ok Tue, 07 Jul 2020 00:00:00 GMT If you've been following my work, you may be used to seeing weird JavaScript projects exploring HCI, but this post won't be about that. Personal https://charliegerard.dev/projects/spline-3d-low-poly-scene https://charliegerard.dev/projects/spline-3d-low-poly-scene Wed, 01 Jan 2020 00:00:00 GMT Experimenting with Spline to create low poly 3D scenes 3D Three.js Creative coding https://charliegerard.dev/projects/svg-posters https://charliegerard.dev/projects/svg-posters Wed, 01 Jan 2020 00:00:00 GMT Small collection of SVG art based on a trip to Iceland SVG Creative coding https://charliegerard.dev/projects/houdini https://charliegerard.dev/projects/houdini Wed, 01 Jan 2020 00:00:00 GMT Tinkering with Houdini to create 3D animations 3D Creative coding https://charliegerard.dev/projects/webxr-pacman https://charliegerard.dev/projects/webxr-pacman Wed, 01 Jan 2020 00:00:00 GMT Interactive 3D Pac-Man game in WebXR 3D Three.js Creative coding WebXR https://charliegerard.dev/projects/soli https://charliegerard.dev/projects/soli Wed, 01 Jan 2020 00:00:00 GMT Zooming & navigating a map with hand gestures 3D Creative coding Motion control HCI https://charliegerard.dev/projects/notion-dino https://charliegerard.dev/projects/notion-dino Wed, 01 Jan 2020 00:00:00 GMT Chrome's Dino game controlled by thoughts Hardware Creative coding Mind control HCI https://charliegerard.dev/projects/zoomzoom https://charliegerard.dev/projects/zoomzoom Wed, 01 Jan 2020 00:00:00 GMT Control the zoom level by lifting your eyebrows WebAI HCI Creative coding Tf.js https://charliegerard.dev/projects/quaruntine https://charliegerard.dev/projects/quaruntine Wed, 01 Jan 2020 00:00:00 GMT Keep running to explore digital trails using motion control WebAI Motion control HCI Creative coding Tf.js https://charliegerard.dev/projects/thought-controlled-game https://charliegerard.dev/projects/thought-controlled-game Wed, 01 Jan 2020 00:00:00 GMT Thought-controlled Street Fighter prototype Mind control HCI Creative coding https://charliegerard.dev/projects/rainbrow https://charliegerard.dev/projects/rainbrow Wed, 01 Jan 2020 00:00:00 GMT Imitate emojis to play a clone of the iOS game Rainbrow WebAI Motion control HCI Creative coding https://charliegerard.dev/projects/acoustic-activity-recognition https://charliegerard.dev/projects/acoustic-activity-recognition Wed, 01 Jan 2020 00:00:00 GMT Use ML to recognise human activities based on sound data WebAI Audio HCI Creative coding Tf.js https://charliegerard.dev/projects/beat-pose https://charliegerard.dev/projects/beat-pose Tue, 01 Jan 2019 00:00:00 GMT Clone of Beat Saber but in the browser and with your hands WebAI Motion control HCI Creative coding Tf.js https://charliegerard.dev/projects/textile-interface https://charliegerard.dev/projects/textile-interface Tue, 01 Jan 2019 00:00:00 GMT Interact with interfaces by touching conductive textile Hardware HCI Textile https://charliegerard.dev/projects/street-fighter-ml https://charliegerard.dev/projects/street-fighter-ml Tue, 01 Jan 2019 00:00:00 GMT Interact with a Street Fighter game with real body movements WebAI Motion control HCI Creative coding Tf.js https://charliegerard.dev/projects/hvbrd https://charliegerard.dev/projects/hvbrd Tue, 01 Jan 2019 00:00:00 GMT Ride a real skateboard to play this hoverboard game Motion control HCI Creative coding Hardware https://charliegerard.dev/projects/windows-equaliser https://charliegerard.dev/projects/windows-equaliser Tue, 01 Jan 2019 00:00:00 GMT Music visualization using browser popup windows Creative coding https://charliegerard.dev/projects/daydream-node https://charliegerard.dev/projects/daydream-node Tue, 01 Jan 2019 00:00:00 GMT Access data from the Daydream controller in Node.js Creative coding Hardware Node.js https://charliegerard.dev/projects/tfjs-recycling https://charliegerard.dev/projects/tfjs-recycling Tue, 01 Jan 2019 00:00:00 GMT Use live image recognition to get better at recycling Tf.js WebAI https://charliegerard.dev/projects/teachable-keyboard https://charliegerard.dev/projects/teachable-keyboard Tue, 01 Jan 2019 00:00:00 GMT Tilt your head to interact with a keyboard and write a message Creative coding WebAI Motion control Tf.js HCI https://charliegerard.dev/projects/willy-detector https://charliegerard.dev/projects/willy-detector Tue, 01 Jan 2019 00:00:00 GMT Because people can't be trusted. Use ML to detect drawn willies. Creative coding WebAI Tf.js https://charliegerard.dev/projects/hidden https://charliegerard.dev/projects/hidden Tue, 01 Jan 2019 00:00:00 GMT Small JavaScript library for web accessibility issues Creative coding Accessibility https://charliegerard.dev/projects/speak https://charliegerard.dev/projects/speak Tue, 01 Jan 2019 00:00:00 GMT Chrome extension for live captioning using speech recognition Chrome extension https://charliegerard.dev/projects/epocjs https://charliegerard.dev/projects/epocjs Mon, 01 Jan 2018 00:00:00 GMT JavaScript framework to interact with the Emotiv Creative coding Three.js Mind control Web Sockets HCI https://charliegerard.dev/projects/myo-webbluetooth https://charliegerard.dev/projects/myo-webbluetooth Sun, 01 Jan 2017 00:00:00 GMT JavaScript library to use the Myo armband with Web Bluetooth Hardware Motion control HCI https://charliegerard.dev/projects/browser-pong https://charliegerard.dev/projects/browser-pong Fri, 01 Jan 2016 00:00:00 GMT Play a version of the Pong game with browser popup windows Creative coding