—
Hello everyone!
This is my first post and i am excited to share my latest project: Glyph Matrix Image Maker.
While testing out the Glyph Mirror on nothing.tech, I discovered that you can’t upload your own images to it. That inspired me to build my own Glyph Matrix web app.
The design is inspired by the new Nothing.tech UI. When using your camera, the app displays a blinking red square to indicate that your device’s camera is active just like the new Phone 3. 🟥
Since I’ve only been working on this for a day, there may still be some bugs. Feel free to open an issue on GitHub if you encounter any!
Features
Custom Image Upload: Upload any image file to convert into a glyph matrix pattern.
Webcam Support: Use your device’s camera to use it as a gliph mirror in real-time as on the Nothing Phone 3.
Contrast Control: Adjust the contrast of the generated glyph pattern with a slider
Download Functionality: Save the generated glyph matrix as an image.
Privacy Focused: All image processing happens locally on your device - no data is sent to external servers.
Responsive Design: Works on desktop and mobile devices.
Technical Details
Built with vanilla HTML5, CSS3, and JavaScript
Uses HTML5 Canvas for image processing and rendering
Supports common image formats (JPEG, PNG, GIF, etc.)
Generates a 330×330 pixel canvas output
Features Nothing-inspired typography and design
Privacy
Glyph Matrix Image Maker processes all images locally on your device. No images or data are uploaded to external servers or stored remotely. The app includes a privacy notice accessible through the info icon in the header.
Try it out now!
https://quintenvandamme.github.io/glyph-matrix-image-maker/
Source code: https://github.com/quintenvandamme/glyph-matrix-image-maker
