A Design Program That Uses Code

#1

Post by matthewfelgate » Thu, Mar 21, 2024, 9:13 AM UTC

Is there a design program alternative to Photoshop that uses code instead of a visual UI?

Eg put this jpg at coordinates 30,40 make it greyscale 80% and put a 5mm blue border.

Center text over it it font Times New Roman text "Hello"

something like:

  image1 
    file[../text.jpg]
    position(30,40)
    grayscale(80%)

  text(Hello World)
    font(Times New Roman)
    center[image1]


  difference
    rectangle
      size[20,30]
      position(100, 150)
   rectangle
     size[20,30]
     position(120, 160)

  image2 
    file[smile.png]
    crop[circle]

Re: A Design Program That Uses Code

#2

Post by johncoltrane » Thu, Mar 21, 2024, 10:49 AM UTC

Check out vips: https://en.wikipedia.org/wiki/VIPS_(software)

Re: A Design Program That Uses Code

#3

Post by ciconia » Thu, Mar 21, 2024, 11:02 AM UTC

I think it's called HTML+CSS...

Re: A Design Program That Uses Code

#4

Post by matthewfelgate » Thu, Mar 21, 2024, 11:18 AM UTC

ciconia wrote: post #3

I think it's called HTML+CSS...

Oh god no.

Re: A Design Program That Uses Code

#5

Post by _niki_s_ » Thu, Mar 21, 2024, 11:22 AM UTC

qtdesigner?

Re: A Design Program That Uses Code

#6

Post by jcupitt » Thu, Apr 04, 2024, 6:02 AM UTC

nip2 does this. It's a little like a spreadsheet, but cells can contain images, matrices, text, widgets, stuff like that. You can add scraps of code to link them together (just like a spreadsheet).

https://github.com/libvips/nip2

Your example might look like this:

https://imgur.com/a/RmESTBw

Everything is live, so you can drag sliders and adjust expressions and it all updates.

There's also imagemagick, of course, but it's command-line only.