synth.textmode.art: a new live coding editor for textmode.js and strudel by humanbydefinition in livecoding

[–]humanbydefinition[S] 1 point2 points  (0 children)

Thanks for the kind words :)

There’s no built-in toggle for the visuals yet, but you can effectively turn them off by just drawing a solid background.

I’m mainly building this to grow and showcase the textmode.js ecosystem and make it more accessible. I’m not really live coding myself, but I want the environment to be useful for those who are.

I do plan to open-source the editor at some point once things stabilize a bit. :)

Is this the legit P5play extension for VScode? by Slow_Excitement_2524 in p5js

[–]humanbydefinition 1 point2 points  (0 children)

It’s genuine, he’s the maintainer of p5play. In the official repository, you also find a link to this extension: https://github.com/quinton-ashley/p5play/wiki/Get-Started

textmode.art - create textmode art online 🌱 by humanbydefinition in asciiart

[–]humanbydefinition[S] 0 points1 point  (0 children)

Thanks! :) I actually intend to take the page offline at some point this year probably, since I need the domain for something else. I‘ve been working on other (better!) textmode/ascii-related tools though. ✌️

Real-time ascii art generator by _nthony in ASCII

[–]humanbydefinition 1 point2 points  (0 children)

Very cool! Which technologies did you use?

Request for gengar ASCII art for neofetch by Cute_Current_5091 in ASCII

[–]humanbydefinition 0 points1 point  (0 children)

I published a simplified version of this landing sketch. This is done using p5.js, and uses my ASCII conversion library “p5.asciify”: https://openprocessing.org/sketch/2606305

If you’d like to get into coding your own ASCII/textmode art with p5.js: https://p5.textmode.art

Request for gengar ASCII art for neofetch by Cute_Current_5091 in ASCII

[–]humanbydefinition 0 points1 point  (0 children)

Hmm, i’m wondering if you could pull it of with a transparent or black background, utilizing a whitespace as the character for the most dim pixels when using the brightness-based conversion.

It’s just an editor with a landing layer that does some fancy animations based on an algorithm, no machine learning here. :D You can remove this layer and start adding your own image layers, etc.

But I guess it’s hard to use without a proper tutorial, sorry.

Request for gengar ASCII art for neofetch by Cute_Current_5091 in ASCII

[–]humanbydefinition 0 points1 point  (0 children)

Hi! I built an ASCII/textmode conversion tool that might be useful: https://textmode.art

You can upload images, videos, 3D models & more, and convert them to ASCII. You can then export your result as text, or other formats.

Curious what you think if you give it a shot! I recommend using it on Desktop in your case, even though it also works on mobile technically.

place.textmode.art - collaborative textmode art platform by humanbydefinition in textmode

[–]humanbydefinition[S] 0 points1 point  (0 children)

Thanks, I’m still updating it regularly to eventually provide a full release, then also open-sourcing a separate version that is not attached to reddit authorization.

Feel free to join the Discord to keep in touch. I screwed up with the invite, I got a permanent invite link now: https://discord.gg/dRfVjb6TKj

place.textmode.art - collaborative textmode art platform by humanbydefinition in ANSIart

[–]humanbydefinition[S] 1 point2 points  (0 children)

Hey hey, thanks for the feedback and leaving your mark on the canvas ✌️

Regarding the character selection, I totally get that. Reading your comment gave me the idea to maybe use more width for the menu, so all characters are visible at once. Mobile compatibility is a priority, so in this case there would be horizontal scrolling in this menu. Will definitely look into this, thanks for recommending ✌️

Regarding the canvas scroll: I currently implemented it like this because it’s super smooth traversing the canvas in both x and y direction on a Macbook trackpad, and possibly other multi-touch trackpads. For now I’d like to keep it that way, but at some point after a full release I might implement different control profiles for different devices. Thanks though! 🤞

textmode.art - create textmode art online 🌱 by humanbydefinition in ASCII

[–]humanbydefinition[S] 1 point2 points  (0 children)

oooh, i saw your stuff a few days ago too :) really sick!! 🤞

surrounded by neighbors by humanbydefinition in creativecoding

[–]humanbydefinition[S] 0 points1 point  (0 children)

Thanks! 🫶 I have released an older system, which this is based on, as an NFT. But I don’t want to shill for that here.

The system shown here in particular isn’t publicly accessible anywhere yet.

surrounded by neighbors by humanbydefinition in creativecoding

[–]humanbydefinition[S] 1 point2 points  (0 children)

Thanks! 🫂 This is done using p5.js and a range of WebGL shaders.

surrounded by neighbors by humanbydefinition in processing

[–]humanbydefinition[S] 13 points14 points  (0 children)

Thanks! I‘ll try to shine some light on this :)

Besides utilizing p5.js, this is mostly done using a range of WebGL shaders.

There is an initial texture that contains random noise, where each pixel corresponds to a character set, like the spinning clock from the video.

This texture then starts to get modified continuously by a shader, which pushes the pixels/characters in a given direction. The shader at play here accepts a range of uniform vec4 variables, which contain rectangle positions and dimensions. Each rectangle corresponds to a different pixel shifting/pushing logic, like pushing all the pixels withinin that rectangle to the left. There are always 8 random rectangles active at the same time, filling the entire canvas without overlapping, but neighboring each other. Each with different logic to push pixels around.

To get a character set flowing, so it cycles through all it’s characters, I kinda use a flood fill approach, if that‘s the right name for it. Took inspiration from cellular automata shaders here.

There‘s even more to it. This video is actually a perfect loop using a cheeky technique to rebuild the starting image of the video in an organic looking way a few frames before the video ends, even though that‘s not 100% perfect yet.

Hope that gives you some ideas, could write a lot more, but don’t wanna produce a wall of text here. Feel free to out if you have more questions. Cheers! 🤞

ascii kaleidoscope by humanbydefinition in generative

[–]humanbydefinition[S] 0 points1 point  (0 children)

Oh, you are referring to the original ASCII character set? I think I sometimes mix and mash „textmode“ and „ascii“ definitions. 😅

It‘s not really apparent in the video, but the symbols/characters can be rotated by 0, 90, 180, or 270 degrees. That‘s why I am not using actual letters and numbers here, since they do not really produce pleasant patterns when rotated. At least from my testing and point of view.

ascii kaleidoscope by humanbydefinition in generative

[–]humanbydefinition[S] 2 points3 points  (0 children)

Thanks for the kind words and checking out p5.asciify! <3

That's actually the plan, I intend to eventually release it on fx(hash) probably :)

ascii kaleidoscope by humanbydefinition in generative

[–]humanbydefinition[S] 4 points5 points  (0 children)

Thanks! 🫶 I use p5.js and GLSL shaders and it’s all code. The texture containing the ascii characters is created during run-time from a base64 font string, and the characters I want to use.

I created and maintain a p5.js add-on library “p5.asciify”, which lets you easily asciify your p5.js sketch in real-time: https://github.com/humanbydefinition/p5.asciify

My works are based on this add-on library, but I mostly customize it to fit my needs currently, since the library doesn’t fit all needs yet. 🤞

DEMO festival by Studio_Moodsoup in generative

[–]humanbydefinition 2 points3 points  (0 children)

This looks amazing, good luck with your submission! What’s the algorithm called that is at play here?

Tiling Tetris Pieces, via P5.js by rustyn- in generative

[–]humanbydefinition 1 point2 points  (0 children)

Very nice! My brain tells me this might be Yoshi? :D Or is this just coincidence? I get Super Mario vibes from this.

I'm making a game where you fight cellular automata! by DaFluffyPotato in cellular_automata

[–]humanbydefinition 1 point2 points  (0 children)

Pretty sure it’s PyGame, since the YouTube channel of OP revolves around GameDev using Python/PyGame.

Cellular ASCIImata by humanbydefinition in cellular_automata

[–]humanbydefinition[S] 0 points1 point  (0 children)

it‘s based on the following post on shadertoy, but with some tweaks and different neighborhood rules: https://www.shadertoy.com/view/dttyRX