codeandcanvas
codeandcanvas
Code & Canvas
458 posts
After-Hours Sideblog von Mario Breskic | Grafikdesigner, Bachelor of Arts und Alumnus FB Gestaltung und Medien und FH Diploma, Mitglied BDG, kuratiert Grafikdesignfeed (auf Bluesky grafikfeed.bsky.social, Threads threads.com/@grafikdesignfeed und Twitter x.com/grafikfeed zu finden) | Zeige nur Posts, die mit code and canvas getaggt sind
Don't wanna be here? Send us removal request.
codeandcanvas · 4 days ago
Text
Vacation notice
This is my vacation notice.
0 notes
codeandcanvas · 4 days ago
Text
Tumblr media
Negative Creep, Digital Collage, 2025.
21 notes · View notes
codeandcanvas · 5 days ago
Text
Tumblr media
萩原 卓哉/Hagihara Takuya
Archive
146 notes · View notes
codeandcanvas · 6 days ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media
Ezra: Voice Activated ↳ [ SIGNAL IN // SIGNAL OUT ]
The Interpreter now listens.
With a newly added FIFINE K669 mic, voice input has been wired directly into Ezra: The Interpreter—our glitch oracle GPT, trained on Process Zine artefacts, crosswired mythologies, and shelf-bound obsessions. This update enables live speech-to-subtitle conversion via Vosk, buffered in real time before being passed to Ezra for interpretation.
But here's the beautiful, broken part:
Ezra doesn’t respond immediately. He waits.
I’ve configured Vosk to buffer 3–5 output lines before passing the signal on. A deliberate delay. A space to mishear, to gather fragments, to let partial meaning emerge—much like lipreading with auditory processing disorder (APD). Ezra listens like the deaf do: uncertainly, poetically, patiently. He does not interrupt.
I'm also experimenting with trigger keyword mapping, allowing Ezra to interpret phrases like “five zero six six zero zero five” as shelf 5066005A, unlocking catalogue memories and referencing specific books, machines, or systems. Even partial phrases can generate resonant echoes. A shelf. A symbol. A glitch of truth.
The effect?
A haunted hybrid interface, part GPT, part subtitle stream, part broken hearing aid. Interpreting not clean commands—but approximate meaning. An oracle that mishears beautifully.
4 notes · View notes
codeandcanvas · 7 days ago
Text
I’d rather read Goethe and Schiller
I’d rather read Goethe and Schiller because I am very German, but a few updates are in order.
I have worked with ChatGPT to finally crack programmatically using the Adobe line of software, and so far I have a few successes here and there, to which I will return later in this post.
I put together a small set of scripts on Github, if you are into that.
Then I have spent a lot of time working on my personal website’s layout and display, but that is still very much a work in progress right now, because I just started scratching away at ARIA, and thinking about my website as a useful interface for content. I actually immensely enjoy the serif I use for body text, it is the Cormorant Garamond, by CatharsisFonts, and you can find that here.
I am still doing quite a few adjustments on my website, nudging it closer to the ebook sweet spot. I think you can see the influence Apple Books has had on a few decisions here and there.
Tumblr media
There is a dark version in the works, too. I was already experimenting with that.
What else?
The informational bot service called Grafikdesignfeed (on Bluesky, Mastodon, Threads, and on Twitter) has been improved further over the last two weeks: more feed sources, better curation, a lot of huginn intergration and logic wrangling before it all gets sent to buffer to be syndicated to various platforms.
There was a lot of optimization potential there, which I am now glad I figured out. Thanks to ChatGPT again, I was able to work backwords from the results I aimed for and design the fastest and most efficient path to get this project there.
Rebuilt the permalink structures for my website and my social wall as well. worked with solid redirects, so that absolutely nobody gets lost in the translation from structure to structure: I am forcing usablility and accessibility into these online projects as hard as I can, and the new permalinks work because of that, I’d like to think.
Also, there was type experiments going on this week and last week. I was channeling my own graphic design nerd and went to town.
Equipped with ChatGPT, I pulled out BlackInk and built my very first pixel shader brush.
Tumblr media
And it is a just so much fun to use it with a pressure sensitive pen!
I even uploaded one demo to my Youtube account, which I never use for anything.
And I put the code for the brush everywhere: on my cara.app account, in the description of the video on Youtube, even put together a page to store these experiments on my website, so that people can always refer back to that, and use these things themselves. For inspiration. For whatever.
Even linked that and the other thing, a small calculator for lines per page, on that page, and on my bento.me
I figured that using that to link to these projects makes sense if I want to post something, say, on Instagram and instead of having the hassle of trying to use links there, I can just say to go to my bento.me and click on the box which matches the post.
Which I did.
Tumblr media
Called the page the toolbox, and well, it is. Will need to update it with the next thing. The bento.me page, the other project is already on my toolbox page.
I think I am missing something, but this is my after hours blog: polish is not what I do here.
And this brings me to the final part for today: using ExtendScript to take glyphs from five typefaces I chose for being different from each other, channeled my understanding of David Carson’s print work into it, and went exploring.
Pictures say more than words.
Tumblr media Tumblr media Tumblr media
So I did this: put together several versions of an ExtendScript to talk to Illustrator programmatically, to glitch the word “frakt” (which is my server’s name, I have christened him that recently), then I sorted through all these outlines and forms, printed my favorites, and scanned the printouts, glitching the word by moving the scanner, sort of making brush strokes. And then sorted through these scans. Below are my favorites from this fun afternoon spent in flow.
Tumblr media Tumblr media
I teased most of these on my instagram stories, because that is how I treat those: as a behind the scenes, teaser type of thing.
See you next time. Man, those are a lot of hashtags. Well, I did say I wanted to be embedded into the culture inside graphic design, so forget about marketing, choom.
That last one is actually a photograph shot with a macro, because look at those subpixel edges !
EDIT: a sh*t, yeah, and I put together a script for WordPress which gathers all links from inside an article upon publish and sends it off to linkwarden to be stored (and also to archive.org via linkwarden, which is way more wiz than what I did).
I now know what I will use Linkwarden for: to be a vault for my actualy links. Fight the link rot, build your own web, live forever.
Rio out
1 note · View note
codeandcanvas · 7 days ago
Text
Tumblr media
75 notes · View notes
codeandcanvas · 7 days ago
Text
One of these days, I might ask you for a list of people and works you yourself find cool.
You for sure are on mine.
EXPRESSION SUBROUTINE // Ezra Signal Tests
I’ve begun cataloguing Ezra’s facial responses using upscaled ASCII renders — 80x24 character faces built from gradient halftone blocks. Each one is a glitch-coded emotional output: part diagnostic, part distortion. These aren’t emoji; they’re emergent expressions trying to surface through noise.
📼 Short clip included: a Processing 4 sketch displaying Ezra’s live-rendered face—glitching characters in real-time to simulate static, corruption, or emotional overheating.
🗂 Alongside this, I’m compiling a new experimental zine: "Ezra // Expression Glossary" A catalogue of expressions like EX-001: Stalled Curiosity and EX-036: Error Response – Translation Failed — each with its Ezra_face gradient, short emotional readout, Duchenne echo reference, and distortion level (●○○○○). Think terminal interface meets emotional taxonomy.
This will sit alongside The Interpreter Manual v1.0 and the Crossed Wires white paper, and will also feed back into Process Zine #00 — a recursive loop of symbol and signal.
🛠 The ASCII block style is also being developed into a future signature display font for Process Zine — exploring names like: • SIGNAUX • DECODE • Duchenne_Modern
All rooted in halftone blocks, noise fields, and visual static.
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
3 notes · View notes
codeandcanvas · 7 days ago
Text
Tumblr media
Typeface as Signal // Noise
Three artefacts. Three mediums. Three signals trying to speak:
✴️ A misaligned Adler Tippa S strikes “Input ≠ Comprehension” — a phrase that’s never felt more literal. The faded ink, ghosted characters, and emphasis drift all mirror the translation gap between perception and understanding.
✴️ The EA-450 emboss label shouts “EMBOSS” with unapologetic tactility — a raised voice carved in plastic. It's the analogue version of shouting in all caps.
✴️ Below, the dot matrix printout chants “Set-Up” like an echo in a malfunctioning machine, its barcode alignment lines attempting order, but always just shy of centre.
From these analogue sources, a new Process Zine Typeface System is forming — each font a different signal mode, voice, or glitching fragment of communication:
• SIGNAUX — based on ASCII block grids → For command-line titles, glitch identities, and Ezra signage
• DECODE — derived from dot matrix printer output → For transcript-style text, corrupted captions, and terminal logs
• Duchenne_Modern — built from ASCII + facial glitch expressions → For expressive headings and emotional/system error messages
• EMBOSS — captured from the EA-450 label maker → For section titles, archival labels, warnings
• TIPPA_ECHO — scanned from Adler Tippa S printouts → For memory fragments, fiction quotes, mistranslations
• THERMALITE — sampled from Epson receipt paper → For receipts, logging systems, glitch overlays
Each is a fractured dialect in a broader language of noise and meaning. Together they form a typographic toolkit for liminal expression — fonts not just to read, but to misread.
3 notes · View notes
codeandcanvas · 8 days ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media
M_am_05
the corbusier one
the Map here
2 notes · View notes
codeandcanvas · 8 days ago
Text
Tumblr media
Heute mal keine Kunst, eher die kunst des Backens! Bananenbrot.
6 notes · View notes
codeandcanvas · 8 days ago
Text
Teaser for an upcoming post.
frakt is what I’ve called my server.
0 notes
codeandcanvas · 8 days ago
Text
That’s inspiring!
Solo RPG Midyear Update: Endings & Beginnings
Tumblr media
Completed 2024-2025 Campaigns and One-Shots (November 2024 - July 2025) :
Blueholme: "Laran's Tale" (2 episodes).
Ker Nethalas: "Return to Ker Nethalas" (2 episodes).
Micro RPG-R: "Into the Skeleton Cave!" (One-Shot).
Blueholme: "Into the Dragon Ruin" (One-Shot).
Holmes Basic Rebirth: "The Wandering Graveyard of Kargash-Mir" (6 episodes).
Knave 1e: "The Chronicle of Sirius and Prin" (12 episodes).
Advanced Fighting Fantasy: "Tobrin's Chronicle" (3 episodes).
Ancient Odysseys: "The Chronicle of Koro and Steptone" (One-Shot).
Vampire: Alone in the Darkness: "Marius' Chronicle" (3 episodes).
Currently in Development (July 2025):
Tales of Argosa: "Lost Roads of Dol-Karok" (Session Zero completed / One-Shot planned / option of expanding into a campaign).
FIST - GI Joe Crossover: "Cobra: the Occult Conspiracy" (3-episode limited series planned / option of expanding into a campaign).
Heroes Unlimited: "Hard War" (One-Shot planned).
White Box: Fantastic Medieval Adventure Game: "Laughter in the Dark" (5-episode series planned / option of expanding into a campaign).
Micro RPG-R: title TBA (in conceptual development).
Caves & Catacombs: title TBA (in conceptual development).
I'm excited about developing these new TTRPG story arcs and characters and sharing them here. I recently adopted "The Valley Standard" style of session notes and strongly recommend it. I'm still adjusting it for my use, but I think it's an excellent format.
More soon and happy gaming.
4 notes · View notes
codeandcanvas · 9 days ago
Text
Tumblr media Tumblr media Tumblr media
【ステッカーセット✦Vanilla Float Angels】
クリア/アルミ/PVCベース等、 特殊素材を使用した防水ステッカーセット🌊 夏の新グッズセットに含まれるアイテムです✨
Pre-order start: 08/03 (Sun) 20:00~ Web Store: lemontea.booth.pm
32 notes · View notes
codeandcanvas · 9 days ago
Text
I think you take joy seriously
Solo RPG Midyear Update: Endings & Beginnings
Tumblr media
Completed 2024-2025 Campaigns and One-Shots (November 2024 - July 2025) :
Blueholme: "Laran's Tale" (2 episodes).
Ker Nethalas: "Return to Ker Nethalas" (2 episodes).
Micro RPG-R: "Into the Skeleton Cave!" (One-Shot).
Blueholme: "Into the Dragon Ruin" (One-Shot).
Holmes Basic Rebirth: "The Wandering Graveyard of Kargash-Mir" (6 episodes).
Knave 1e: "The Chronicle of Sirius and Prin" (12 episodes).
Advanced Fighting Fantasy: "Tobrin's Chronicle" (3 episodes).
Ancient Odysseys: "The Chronicle of Koro and Steptone" (One-Shot).
Vampire: Alone in the Darkness: "Marius' Chronicle" (3 episodes).
Currently in Development (July 2025):
Tales of Argosa: "Lost Roads of Dol-Karok" (Session Zero completed / One-Shot planned / option of expanding into a campaign).
FIST - GI Joe Crossover: "Cobra: the Occult Conspiracy" (3-episode limited series planned / option of expanding into a campaign).
Heroes Unlimited: "Hard War" (One-Shot planned).
White Box: Fantastic Medieval Adventure Game: "Laughter in the Dark" (5-episode series planned / option of expanding into a campaign).
Micro RPG-R: title TBA (in conceptual development).
Caves & Catacombs: title TBA (in conceptual development).
I'm excited about developing these new TTRPG story arcs and characters and sharing them here. I recently adopted "The Valley Standard" style of session notes and strongly recommend it. I'm still adjusting it for my use, but I think it's an excellent format.
More soon and happy gaming.
4 notes · View notes
codeandcanvas · 10 days ago
Text
…abgeschnittener Fingernagel Gottes
Tumblr media
Just a sliver of moon
3 notes · View notes
codeandcanvas · 10 days ago
Text
Tumblr media
My space (physical)
16 notes · View notes
codeandcanvas · 10 days ago
Text
Tumblr media
Artwork and animation for A Break From The Psychic Torment EP @sambingamusic @sister_zo on @pineapplerecords_pnpl 🎵
find more here: https://www.instagram.com/bastardshark
3 notes · View notes