Sharing an open source project for creating psychadelic art -- using liquid motion, distorted shapes, shadows and light. This tool works in real-time in the browser using webgl shaders.<p>This project was inspired by drum & bass / acid techno music, and 90s rave posters.<p>Use this to creat...
Stories by getToTheChopin
This tool turns videos into ASCII pixel art. You can use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc.<p>Github repo: <a href="https://github.com/collidingScopes/ascii">https://github.com/collidingScope...
I'm sharing my project to control 3D models with voice commands and hand gestures:<p>- use voice commands to change interaction mode (drag, rotate, scale, animate)<p>- use hand gestures to control the 3D model<p>- drag/drop to import other models (only GLTF format supported for now)<p>Crea...
Show HN: Play brick breaker using webcam and hand tracking (open source)
(collidingscopes.github.io)
I built this game to test out the MediaPipe hand-tracking API. Play brick breaker using your webcam + hand movement -- levels get progressively harder with faster speed / smaller paddle.<p>All processing is done in real-time within your browser. This project is built using javascript, html canv...
Wealth of Nations: income, cost of living and purchasing power for 110 countries
(themeasureofaplan.com)
Introducing Iron OS: it's like a regular computer, but much more inconvenient<p>Created with threejs, rosebud AI, web speech API, and mediapipe computer vision<p>Any feedback would be appreciated! I've been having fun experimenting with computer vision and voice control lately.
Show HN: Creating flowing particle animations out of images (JS and WebGL)
(particular-drift.netlify.app)
Hi! I'm Alan, and I built a website that turns images into flowing particle animations.<p>This javascript / WebGL tool creates particle animations out of any image in real-time within the browser, with particles that dynamically respond to edge detection and flow fields.<p>It uses Sobel ed...
Show HN: turning photos into oscillating wave animations (JS FOSS project)
(collidingscopes.github.io)
I made a body movement game. You jump around your living room to dodge lava.<p>Created with threejs and mediapipe computer vision.<p>You can play the game here, it runs on the web without any installs or downloads: <a href="https://www.funwithcomputervision.com/demo7/" rel="nofol...
Show HN: I built a web app that creates 3D holographic trading cards
(canigetyourholograph.netlify.app)
This is a hobby project that I built with threejs and vanilla js. I guess I was nostalgic for my laminated binder of pokemon cards :)<p>It allows you to edit the image / text on the playing card, rotate it around, adjust the holographic intensity, and then export as an image.<p>Hope you enjoy. ...
Show HN: turn images into realtime forcefield animations (free and open source)
(collidingscopes.github.io)
This is a generative art project which turns images into "force-field" particle animations in real-time. The animation effect uses a force repulsion / self-healing effect.<p>Upload your own image, open the GUI controls to change the animation parameters, and then use your mouse or tou...
I'm experimenting with a musical instrument design, using hand rotation to change tempo and note cycles.<p>Created with javascript, mediapipe computer vision, tonejs, threejs.<p>This runs in real-time in the browser.<p>Live demo here (requires webcam access): <a href="https://www.funw...
I made a hands-free HN reader using speech and face recognition<p>Speak to navigate the feed; eat doritos to scroll an article<p>Live demo (please use Desktop Chrome): <a href="https://funwithcomputervision.com/snacker-news/" rel="nofollow">https://funwithcomputervision...
Show HN: Red Panda Vibes – 3D platformer game built with Three.js (open source)
(collidingscopes.github.io)
Hi, I'm Alan and I built this game using the three.js game engine and the help of Claude. I've been working on it for 2 weeks.<p>Explore the pastel landscape, avoid monsters, and try to find all the easter eggs (can you find the in-game HN feed?).<p>The game is free, open source, and runs ...
Show HN: Turning logos into liquid metal animations (real-time open source tool)
(collidingscopes.github.io)
I built a free open source tool which turns logos into a liquid metal animations -- in real-time in the browser. Upload a photo, then use the controls to adjust the colors, speed, noise intensity, animation pattern, and more.<p>Click the dice button underneath the canvas (or use the [r] key) to rand...
I'm creating a fitness game on the web, where you do exercises to save pets<p>Here's a live demo (camera access required): <a href="https://www.funwithcomputervision.com/chinup/" rel="nofollow">https://www.funwithcomputervision.com/chinup/</a><p>I&#x...
I made a game that forces me to work out<p>Do a chin-up, save a cat!<p>Created with mediapipe AI vision (for body tracking) and threejs (for visuals and animations)<p>It runs in real-time in the browser<p>As next steps I want to:<p>* improve layout on mobile<p>* add a global scoreboard<p>* allow peo...
I'm working on a hobby project to control 3D models with hand gestures and voice commands.<p>It runs in real-time in the browser. Built with threejs, mediapipe computer vision, and web speech API.<p>As of now you can move / rotate / scale / animate the 3D model. You can also impo...
I built a free web tool that turns sprite sheets (often used for video game character animations) into GIFs.<p>Upload your spritesheet image, and then use the controls to set row / column count, frame duration, and image offset margins.<p>The tool then converts your sprite sheet into a GIF file...
Show HN: Turn videos into pixel art animations in real-time (open source)
(collidingscopes.github.io)
Turn videos into pixel art -- use your webcam feed or upload a video, then use the controls to adjust the color palette and pixel size.<p>All processing is done in real-time within your browser, using javascript / webgl shaders / html canvas. Github repo here: <a href="https://gi...