Playground V2.5

Note

I’m Still rendering Parti Prompt with Playground … this is a preview

Parti Prompt Disclaimer

Many of these prompts are challenging for current generative imagery models. Compare: 253 “a motorcycle” vs 999 “a black background with a large yellow square”.

Drag the slider (or type a number between 0 and 1632) to change the prompt. Additionally, you can click any image to see the full-size verison.

prompts = FileAttachment("PartiPrompts.tsv").tsv({array: true, typed: true})

models = [{"name": "SDXL", 'path': "sdxl", "default": true}, 
{"name": "Playground 2.5", "path": "playground-25", "default": true}, 
];

viewof enabledModels = Inputs.checkbox(models, {label: "Models", value: models.filter(x => x.default), format: x=>x.name})
viewof thumbnails = Inputs.toggle({label: "Use thumbs", values: ['_t', ''], value: '_t'})
viewof prompt = Inputs.range([0, 1631], {step: 1, value: 40, label: "Prompt"})
prompts[prompt+1][0]

table = html`<table></table>`

updateTable = async (prompt, enabledModels, thumbnails) => {
  console.log(enabledModels)
  while (table.hasChildNodes()) {
    table.removeChild(table.firstChild)
  }
  
  let tr = document.createElement('tr')
  let th = document.createElement('th');
  th.innerText = 'Seed'
  tr.appendChild(th);
  
  for (let i=0; i<enabledModels.length; i++) {
    let e = enabledModels[i]
    th = document.createElement('th');
    th.innerText = e.name
    th.style.textAlign = 'center'
    tr.appendChild(th);
  }
  table.appendChild(tr);
  
  for (let seed=0; seed<4; seed++) {
    tr = document.createElement('tr')
    let th = document.createElement('th')
    th.innerText = seed
    tr.appendChild(th)
    for (let i = 0; i < enabledModels.length; i++) {
      const model = enabledModels[i].path;
      let img = document.createElement('img');
      img.src = `https://r2.anotherjesse.com/parti/${model}/${seed}/${prompt}${thumbnails}.jpg`;
      if (thumbnails == '') {
        img.width = 512;
        img.height = 512;
      } else {
        img.width = 256;
        img.height = 256;
      }
      let a = document.createElement('a');
      a.href = `https://r2.anotherjesse.com/parti/${model}/${seed}/${prompt}.jpg`;
      a.target = '_blank';
      a.appendChild(img)
      let td = document.createElement('td');
      td.appendChild(a)
      tr.appendChild(td)
    }
    table.appendChild(tr)
  }
};

updateTable(prompt, enabledModels, thumbnails);