4
submitted 9 months ago* (last edited 9 months ago) by Alllo@lemmy.world to c/perchance@lemmy.world

allows alot of new things. dithering, contrast, saturation, even imbuing the image with more of a certain color. This takes either the result of the image completion from the text-to-image plugin or a canvas.

example page: https://perchance.org/alloimgexample

various things to improve such as allowing multiple tasks flawlessly, and figuring out why the canvas being in the iframe prevents it from changing. future updates will come :)

example is of plugin here: https://perchance.org/alloimg

my learnings from this for pluginmakers: i decided to make my own stuff that needs to run as coherent constant code in to a subobject of window. I will update my other plugins that add something to window to check if they have started yet to a safe place within my base object. Basically none of my own plugins will sprawl globally and will all be accessible under window.allo. Also I figured out to load an external script thru the return of the html text at the bottom of the output, which may be handy.

top 8 comments
sorted by: hot top controversial new old
[-] VioneT@lemmy.world 3 points 9 months ago

btw, you can 'prettify' the javascript code that you have written with this website: https://prettier.io/playground/

What you have is a little bit unreadable since there isn't any indentation even if there are 'if/elses'.

[-] Alllo@lemmy.world 2 points 9 months ago

makes it ironically barely readable at all now to me since im used to typing with way less indents, lol. but i prettified it so you can read it

[-] Alllo@lemmy.world 2 points 9 months ago

i never ever split something().thing().thing() in to 3 separate lines like in the prettified version lol

[-] VioneT@lemmy.world 3 points 9 months ago

I never either lmaooo, there is an option there to increase the width (--print-width) so it wouldn't be added into a new line.

[-] BluePower@mastodon.social 3 points 9 months ago

@Alllo This is a neat plugin! Question, is this the ordinary CSS's filter function but it's "post-processing" so it could be used for the text-to-image outputs and the canvas, not just for HTML images?

Also, you should've written "alloimg" instead of "allo.img" in the list of filters in the example page ๐Ÿ˜„

[-] VioneT@lemmy.world 3 points 9 months ago

I think they want the namespace 'allo' as a prefix for their plugins so that's why it is laid out like that. I think it is using the Jimp Javascript library looking through the code.

[-] Alllo@lemmy.world 2 points 9 months ago

it isn't ordinary css, it is Jimp, which is an imported javascript library that does a bunch of the common processing options of higher end image processing except in pure javascript. Back when i was learning code in droidscript, jimp was a droidscript plugin and i found it cool how it was entirely in JS yet did these things. So this is a port in of what they were porting in. Jimp takes image data, in this case from a blob created from the canvas element returned when a texttoimage is created, and outputs it to a file or canvas, in this case back to the same canvas. Jimp has a few more resizing and rotating and masking and concating images options not seen here.

and it is allo.img because i have actually created a global subobject on window, so window.allo.img to hold all these img manip functions. If I were to make a bunch to manipulate sounds, or pixi.js sprites, or three.js models, i would organize them like window.allo.sprites or window.allo.sound. then anything imported with one of my plugins that has to do with window will be in the neat window.allo box and not touching nor interfering with anything else. Because window doesn't need to be typed, the code comes out just allo.img.saturate. like vioneT said it's a namespace for what i make

[-] BluePower@mastodon.social 3 points 9 months ago* (last edited 9 months ago)

@Alllo Good explanation. Didn't knew you were doing that.
I also looked at your plugin's code at glance and that makes more sense actually ๐Ÿ˜‚

this post was submitted on 03 Feb 2024
4 points (100.0% liked)

Perchance - Create a Random Text Generator

449 readers
11 users here now

โš„๏ธŽ Perchance

This is a Lemmy Community for perchance.org, a platform for sharing and creating random text generators.

Feel free to ask for help, share your generators, and start friendly discussions at your leisure :)

This community is mainly for discussions between those who are building generators. For discussions about using generators, especially the popular AI ones, the community-led Casual Perchance forum is likely a more appropriate venue.

See this post for the Complete Guide to Posting Here on the Community!

Rules

1. Please follow the Lemmy.World instance rules.

2. Be kind and friendly.

  • Please be kind to others on this community (and also in general), and remember that for many people Perchance is their first experience with coding. We have members for whom English is not their first language, so please be take that into account too :)

3. Be thankful to those who try to help you.

  • If you ask a question and someone has made a effort to help you out, please remember to be thankful! Even if they don't manage to help you solve your problem - remember that they're spending time out of their day to try to help a stranger :)

4. Only post about stuff related to perchance.

  • Please only post about perchance related stuff like generators on it, bugs, and the site.

5. Refrain from requesting Prompts for the AI Tools.

  • We would like to ask to refrain from posting here needing help specifically with prompting/achieving certain results with the AI plugins (text-to-image-plugin and ai-text-plugin) e.g. "What is the good prompt for X?", "How to achieve X with Y generator?"
  • See Perchance AI FAQ for FAQ about the AI tools.
  • You can ask for help with prompting at the 'sister' community Casual Perchance, which is for more casual discussions.
  • We will still be helping/answering questions about the plugins as long as it is related to building generators with them.

6. Search through the Community Before Posting.

  • Please Search through the Community Posts here (and on Reddit) before posting to see if what you will post has similar post/already been posted.

founded 1 year ago
MODERATORS