Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Projects in Awesome Lists by QC20
A curated list of projects in awesome lists by QC20 .
https://github.com/qc20/tensor-tympani-interface
EarLink Interface: Exploring Novel Input Mechanisms through the Tensor Tympani Muscle
accessibility discreet-interaction ear-interface earables fabrication gestural-commands hearables human-centered-computing human-computer-interaction in-ear-barometry input-method interaction-design interaction-techniques prototyping subtle-gestures tensor-tympani tensor-tympani-muscle
Last synced: 08 Nov 2024
https://github.com/qc20/speakez
SpeakEZ is a user-friendly voice user interface designed as a speak-easy for older adults, providing an intuitive and engaging social experience
accessability chatbot chatgpt embedded-systems human-computer-interaction interaction-design prototype python rasberry-pi voicebot vui-design
Last synced: 08 Nov 2024
https://github.com/qc20/gameoflife
This project implements Conway's Game of Life, a cellular automaton simulation, using JavaScript and HTML5 Canvas.
animation css gameoflife html interactive-visualizations jon-conway
Last synced: 08 Nov 2024
https://github.com/qc20/spinningcube
This project pushes the boundaries of microcontroller capabilities, combining creative coding, interaction design, and physical computing to render a captivating 3D spinning cube animation on a compact OLED display, all powered by an Arduino Pro Mini.
3d-graphics arduino cpp cube embeddded embedded-c embedded-systems oled-display-ssd1306 physical-computing pro-mini spinning-cube visualization wokwi
Last synced: 08 Nov 2024
https://github.com/qc20/stripedblob
This project showcases an interactive 3D wave visualization using Three.js and custom WebGL shaders. The visualization features a dynamically animated sphere with a wave-like surface, creating an engaging visual effect.
creative-coding css glsl-shaders html interactive-visualizations javascript threejs
Last synced: 08 Nov 2024
https://github.com/qc20/credit-link
This project creates an interactive particle animation. When users hover over or touch the text (on mobile devices), the particles react and move organically. Clicking or tapping the text triggers an explosion effect before redirecting to a specified URL.
author-link cite credit-link css html hyperlink interaction-design interactive javascript link noise particles physics scatter
Last synced: 08 Nov 2024
https://github.com/qc20/polygonplayground
An interactive 3D physics playground where polygons come to life, blending design and technology in a captivating simulation.
3d-graphics cannonjs creative-coding data-visualization educational-tool frontend-development generative-art geometry interactive-design javascript physics-simulation threejs user-experience-design web-animation webgl
Last synced: 08 Nov 2024
https://github.com/qc20/shaders-triangles
This project showcases an interactive, color-shifting 3D cube using pure CSS. It demonstrates advanced CSS techniques including 3D transforms, custom properties, and animations.
creative-coding css css-3d-animation css-art css-gradients css-only design-patters front-end-experiment generative-design html interactive-design responsive-design shaders ui-components ux-design visual-effects web-animation web-graphics web-interactivity
Last synced: 08 Nov 2024
https://github.com/qc20/circular-mesh
Circular Mesh Harmony is an interactive, generative art piece that explores the beauty of geometric patterns through motion and repetition. This project uses p5.js to create mesmerizing animations of concentric circles and arcs, resulting in complex, ever-changing designs.
creative-coding css html interaction-design interactive-visualizations javascript visualization
Last synced: 08 Nov 2024
https://github.com/qc20/scroll.
Scroll Gallery is a web application designed to showcase digital artworks in an interactive, horizontally-scrolling format. This project explores user interaction patterns in web-based galleries, focusing on smooth navigation and efficient image loading techniques.
blackwhite creative-coding css gallery horizontal-scrolling html human-computer-interaction interaction-design interactive javascript matter-js p5js portfolio-website product-design threejs visualization
Last synced: 08 Nov 2024
https://github.com/qc20/heartsense
HeartSense is an interactive LED ring that visually represents your heartbeats in real-time. The LED ring blinks to your heartbeats and displays the current BPM (beats per minute) using both numerical values and color-coded illumination.
adafruit-neopixel adaptive-learning affective-computing biometrics critical-design critical-theory design-thinking ecg-signal ekg-analysis embedded-systems emotion-detection emotion-recognition hci human-computer-interaction interaction-design mental-health pulse-sensor speculative-design uecg user-experience
Last synced: 08 Nov 2024
https://github.com/qc20/haptic-game-for-the-blind
HapNav is an innovative, ESP32-based game designed to empower the visually impaired. By using joystick navigation, it enhances spatial awareness and provides inclusive gaming experiences. Join us in this project to make gaming accessible for all!
3d-printing accessibility arduino blind cad cpp esp32 game-development haptic-feedback haptics human-computer-interaction interaction-design iot joystick-control microcontroller prototyping remote sensors tactile tactile-feedback
Last synced: 08 Nov 2024
https://github.com/qc20/dejong-attractor
This project provides a WebGL-based visualization of the de Jong attractor, a type of strange attractor defined by a system of two-dimensional difference equations.
animation attractors black creative-coding css dejong html interactive javascript shaders webgl white
Last synced: 08 Nov 2024
https://github.com/qc20/cloth
The simulation creates a grid of particles connected by constraints, mimicking the behavior of a cloth. Users can interact with the cloth using their mouse or touch input, dragging and potentially tearing the fabric.
creative-coding css html interaction-design interactive-visualizations javascript matter-js
Last synced: 08 Nov 2024
https://github.com/qc20/teach-xai-with-p5.js
Discover Explainable AI (XAI) through interactive visualizations with P5.js. Dive into the world of AI decision-making and unravel complex concepts in an engaging, accessible way. Ideal for both enthusiasts and professionals seeking deeper insights into AI.
creative-coding explainable-ai human-computer-interaction interaction-design interactive interactive-coding interactive-visualizations javascript ml5js p5js visualization webdevelopment xai
Last synced: 08 Nov 2024
https://github.com/qc20/selected-works-website
This is my personal website containing selected work and projects I've done between 2022-2024. Have a look below :-)
css html interaction javascript oldschool project-management project-repository reactjs three-js ui ui-design ux ux-design website windows95style windows98
Last synced: 08 Nov 2024
https://github.com/qc20/non-cartesian-etch-a-sketch
The Non-Cartesian Etch-A-Sketch is a browser-based simulation that offers a unique drawing experience. Unlike traditional Etch-A-Sketch toys, which operate in Cartesian coordinates (x and y axes), this simulation operates in non-Cartesian or polar coordinates. Try it out in the link below!
cartesian cartesian-coordinate css drawing etch-a-sketch html interaction-design interactive interactive-visualizations javascript polarisation-controller
Last synced: 08 Nov 2024
https://github.com/qc20/q-learning-game-tower-of-hanoi
This Tower of Hanoi Game Prototype is an attempt at explaining Q-learning and Reinforcement Learning Principles to People in an Intuitive and Interactive Way
educational explainability explainable-ai hci human-computer-interaction interactive machine-learning puzzle-game q-learning reinforcement-learning tower-of-hanoi user-interaction ux-research vizualisation xai
Last synced: 08 Nov 2024
https://github.com/qc20/slimemolds
This project is an interactive visualization that explores the fascinating world of emergent behaviors and self-organizing systems. Inspired by the remarkable abilities of Physarum polycephalum (slime mold), this simulation demonstrates how complex patterns can arise from simple, decentralized decision-making processes.
adaptive-systems bio-inspired biomimicry computational-design creative-coding design-patterns front-end-development generative-art generative-design interactive-visualizations nature-inspired-algorithms p5js swarm-intelligence ux-design ux-experience ux-ui web-animation webdevelopment
Last synced: 08 Nov 2024
https://github.com/qc20/e-display-api-esp32
An ESP32-based project that fetches real-time bus and train schedules from the Rejseplanen API and displays them on an energy-efficient E-Paper screen. Inspired by Danish public transport displays, this IoT solution offers a minimalist and low-power approach to keeping track of public transport times.
api-integration arduino bus-schedule copenhagen danish-public-transport denmark diy-electronics e-ink e-paperdisplay embedded-systems esp32 iot low-power microcontroller public-transport real-time-data rejseplanen smart-display train-schedule wifi
Last synced: 10 Oct 2024
https://github.com/qc20/emojiheatmap
EmojiHeatmap is a creative visualization tool that dynamically generates a heatmap using a variety of emojis based on user interactions. It transforms mouse movements into colorful patterns using Perlin noise, resulting in an evolving, playful landscape of emotive symbols.
algorithmic-art creative-coding data-visualization digital-art emoji font-art heatmap interaction-design interactive-art interactive-graphics interactive-visualizations javascript mouse-interaction p5js perlin-noise ux-design web-animation web-art web-art-is-great-art web-fonts
Last synced: 08 Nov 2024
https://github.com/qc20/attractor
This repository contains a real-time, WebGL-powered visualization of the Thomas attractor, an intriguing model in chaotic dynamics and mathematical visualization. Perfect for creative coding enthusiasts, this project demonstrates advanced WebGL techniques, interactive graphics, and the captivating nature of strange attractors.
Last synced: 08 Nov 2024
https://github.com/qc20/electromagneticfield
ElectromagneticField: An interactive HTML5 Canvas visualization simulating electromagnetic interactions. Explore dynamic field lines and attractors in this mesmerizing, educational experience.
Last synced: 08 Nov 2024
https://github.com/qc20/emojiadventure
EmojiAdventure: An interactive digital art experience that generates a dynamic, ever-changing landscape of emojis using Perlin noise algorithms. Explore a vibrant world where emojis come to life through mouse interaction and creative coding techniques.
algorithmic-art creative-coding data-visualization digital-art emoji font-art generative-art interaction-design interactive-art interactive-graphics interactive-visualizations javascript mouse-interaction p5js perlin-noise ux-design web-animation web-art web-art-is-great-art web-fonts
Last synced: 08 Nov 2024
https://github.com/qc20/pinportrait
PinPortrait: An immersive 3D webcam pixelation experiment. Transform your live video feed into an interactive, three-dimensional pixel art portrait. Explore the intersection of computer vision and creative coding.
3d-graphics computer-vision creative-coding css3-animations data-visualization hci html5 interactive interactive-art javascript pixel-art real-time-processing threejs ux-design web-experiment webgl
Last synced: 08 Nov 2024
https://github.com/qc20/glsl-noisesoup
Noise Soup: An interactive WebGL experiment merging design and code. Create stunning visual effects responsive to user input. Ideal for designers and coders alike.
creative-coding digital-art generative-art glsl hci interaction-design interactive-art javascript real-time-graphic shaders threejs ux-design visualization web-animation web-design webgl
Last synced: 08 Nov 2024
https://github.com/qc20/upperhand-novel-ui-method-for-web
UpperHand is a groundbreaking project that delves into the realm of hand gesture interaction, allowing users to control a UI app through intuitive hand movements.
Last synced: 08 Nov 2024
https://github.com/qc20/asciivision
AsciiVision is a creative coding project that merges human-computer interaction with artistic expression. By transforming your webcam feed into ASCII art in real-time, AsciiVision offers an immersive experience that blurs the boundaries between technology and creativity.
art ascii-art creative-coding creativity css html interaction-design javascript web-application webcam webdevelopment
Last synced: 08 Nov 2024
https://github.com/qc20/mouser-nosleep-pc-app
A simple Python that will ensure that your work computer never goes to sleep.
Last synced: 08 Nov 2024
https://github.com/qc20/3d-blimp
A Python script generating 3D Blimp-looking figure instead of CAD software, making for a fun alternative way of making printable 3D files. Play around with the parameters for differnet looking shapes.
Last synced: 08 Nov 2024
https://github.com/qc20/game-of-life-simulation
Fun and interactive interpretation of the Game of Life project written in p5.js. Is controllable via the arrow keys and you can change the colors of the cells by pressing C. Have fun!
cellular-automata css game game-of-life hci html interaction-design interactive-visualizations javascript p5js processing
Last synced: 08 Nov 2024
https://github.com/qc20/voice-controlled-drone-that-follows-you-around
A Voice-Controlled Drone that Follows You Around
Last synced: 08 Nov 2024
https://github.com/qc20/speech-recognizer
Small Python Code Snippet to Transcribe Your Voice via your computer's built-in Microphone
Last synced: 08 Nov 2024
https://github.com/qc20/vui-gpt-voice-assistant-wizard
alexa chat-gpt chatbot cui google-assistant hci human-computer-interaction iot linux machine-learning nlp-machine-learning prototyping python rasberry-pi speech-assistant speech-recognition usability ux-design voice-assistant voice-user-interface
Last synced: 08 Nov 2024
https://github.com/qc20/diy-arduino-controller
Explore our repository showcasing ATMega328 programming beyond Arduino. We offer diverse code examples to inspire enthusiasts. Our project presents a slim, versatile DIY Arduino board, prioritizing accessibility and cost-effectiveness for educational and practical use.
adaptable arduino atmega328p cpp diy-arduino fabrication human-computer-interaction interaction-design iot led-controller microcontroller portability prototyping rgb-led ux-research
Last synced: 08 Nov 2024
https://github.com/qc20/voice-user-interface-wizard-of-oz-software
Use this software to conduct your voice user interface WoZ user studies
Last synced: 08 Nov 2024
https://github.com/qc20/tv-remote_3d-print
A Long TV-Remote Design I Made to Contain Joystick Prototypes for Micro Controller Projects
Last synced: 08 Nov 2024
https://github.com/qc20/emg-led-buzzer-feature
IoT Device; EMG Patch muscle flex input to control LED or Buzzer. A fun interaction design project to enable novel input methods for a variety of purposes!
Last synced: 08 Nov 2024
https://github.com/qc20/exploring_audio_icons_for_content-based_navigation_in_voice_user_interfaces
A CUI'23 Study! Enhancing Voice Interaction: A study evaluating audio icons for improved how-to video navigation in a voice-controlled setup. The study highlights insights for advancing voice interface navigation with audio icons.
Last synced: 08 Nov 2024
https://github.com/qc20/python-calendars
Two Python calendar scripts. The first script displays the current month's calendar in the terminal. The second script is a GUI calendar widget with navigation buttons to view previous and next months.
Last synced: 08 Nov 2024
https://github.com/qc20/p5.js-ponggame
This repository contains a simple implementation of the classic Pong game using p5.js. The game allows a player to play against an AI opponent in a game of Pong.
Last synced: 08 Nov 2024
https://github.com/qc20/led_onboard-microcontroller_test-code
Code script to test the functionality of microcontroller boards, using the onboard LED
Last synced: 08 Nov 2024
https://github.com/qc20/interactive-raindrops
This is an interactive raindrop simulation implemented using p5.js library. It allows users to create raindrops and boxes, which interact with each other based on collision detection. The raindrops fall from the top of the canvas, and when they hit a box, the box starts tumbling and the raindrop gets highlighted.
Last synced: 08 Nov 2024
https://github.com/qc20/haptic-feedback-joystick
Introducing the "SenseNav Joystick" - An innovative accessibility device that empowers the blind to navigate the world with confidence. Through haptic vibrational feedback, this joystick enhances spatial awareness, providing real-time responses for a seamless and independent journey. đšī¸đ¨âđĻ¯ #SenseNav #Accessibility
Last synced: 08 Nov 2024
https://github.com/qc20/obstacle-game
This game is a basic obstacle avoidance game where the player controls a character and tries to avoid obstacles. The player can jump using the spacebar to avoid the obstacles. The game keeps track of the score and displays a timer. The game starts when the player clicks the "Start Game" button.
Last synced: 08 Nov 2024
https://github.com/qc20/solar-system
This repository contains a simple HTML and CSS code snippet that creates an animated representation of the solar system. It displays the sun, Earth, and a moon orbiting around it, along with a larger planet resembling Jupiter.
Last synced: 08 Nov 2024
https://github.com/qc20/microcontroller-health-test-led-blink
The purpose of the code is to test if a microcontroller board is functioning properly by only having the on-board LED blink in a recognizable pattern.
Last synced: 08 Nov 2024
https://github.com/qc20/fake-news-detection
Automatic Fake News Spreader Profiling Detecting
Last synced: 08 Nov 2024
https://github.com/qc20/pulsar-waveform
Designed by Peter Saville, the cover's minimalist and enigmatic aesthetic has resonated deeply within and beyond the music community. This visualization, made up of squiggly lines forming a waveform pattern, is a tribute to Saville's work and its lasting cultural impact.
Last synced: 08 Nov 2024
https://github.com/qc20/soup
This project is an exploration of procedural textures, interactive animations, and the mesmerizing world of GLSL shaders. Dive in and see what you can create!
color-shader creative-coding css html interaction javascript noise perlin-noise stats
Last synced: 08 Nov 2024
https://github.com/qc20/endless-mountains
This repository contains a WebGL-based terrain visualization using Three.js, a popular JavaScript library for creating 3D graphics in the browser. The project dynamically generates a terrain landscape with mountains and valleys that evolve over time.
creative-coding css html javascript ui-design ux-design visualization webdevelopment
Last synced: 08 Nov 2024
https://github.com/qc20/tromino
Tromino is an engaging, pocket-sized interpretation of the classic Tetris game, designed for the Arduino Uno with an LCD shield. This project explores the intersection of physical computing, game design, and user interaction in constrained environments.
arduino arduino-uno cpp embedded-systems game-development hci interaction-design lcd-display lcd16x2 microcontroller physical-computing puzzle-game retro-gaming tetris tromino user-experience user-interface
Last synced: 08 Nov 2024
https://github.com/qc20/circlecircleinteraction
This project showcases an interactive animation of moving circles using HTML5 Canvas and JavaScript. The animation features multiple circles that move around the screen, bounce off the edges, and display intersection points when they overlap.
creative-coding css html human-computer-interaction interaction-design javascript website
Last synced: 08 Nov 2024
https://github.com/qc20/orderedchaos
Welcome to **Particle Playground** - an interactive, mesmerizing simulation where 45,000 particles come to life at your fingertips. Move your cursor and watch as the particles dance and weave, creating a captivating visual experience.
creative-coding css frontend html javascript ui-components webdevelopment
Last synced: 08 Nov 2024
https://github.com/qc20/signature
This project creates an interactive canvas element that generates a trailing effect following the user's mouse or touch input. The trail gradually fades and thins out, creating a visually appealing animation.
creative-coding css html interaction-design interactive interactive-visualizations javascript signature
Last synced: 08 Nov 2024
https://github.com/qc20/lix-rix-danish-nlp-language-scores
This script calculates the readability index of text. The LIX, or readability index, measures how difficult a text is to read. It is calculated as the percentage of words longer than six letters plus the average number of words per sentence.
danish-language dutch-language language-analysis lix nlp-machine-learning norwegian-language python readability-scores rix swedish-language
Last synced: 08 Nov 2024
https://github.com/qc20/screensaver-ldr
Creates a visual display of particles moving on a screen based on the mouse position and sensor input from an Arduino board
Last synced: 08 Nov 2024
https://github.com/qc20/danish-comma-spell-checker
This repository contains a Python script that compiles a set of the most common puncturation and comma-setting rules in the Danish language. Achieving perfect comma placement in Danish can be notoriously challenging due to competing conventions. With this script, you can process your input text to ensure correct comma placement. Enjoy!
comma danish language natural-language-processing nlp-machine-learning punctuation-correction python
Last synced: 08 Nov 2024
https://github.com/qc20/cosmic-invaders-esp32-ttgo-game
Embark on an intergalactic adventure with a Space Invaders-inspired game designed for direct play on the TTGO T-Display ESP32. Defend the cosmos against relentless invaders as you navigate the captivating world of arcade gaming on this portable device.
Last synced: 08 Nov 2024
https://github.com/qc20/voiceglow
VoiceGlow - Interactive Voice-Controlled Illumination System for Enhanced Cycling Safety
Last synced: 08 Nov 2024
https://github.com/qc20/vibrator-motor-component
A Vibration Motor component and a guide on how to use it with Arduino
Last synced: 08 Nov 2024
https://github.com/qc20/multimodal-persuasion-recognition
Multimodal Research in Automatic Persuasion Recognition
Last synced: 08 Nov 2024