Author Topic: IES now comes with a TI picture editor  (Read 2427 times)

0 Members and 1 Guest are viewing this topic.

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
IES now comes with a TI picture editor
« on: February 21, 2013, 10:43:30 am »
IES

When the IES project was announced two months ago, it was an online program editor for TI-BASIC/Axe/Grammer projects. After adding stuff like syntax highlighting and inline sprite editing it became closer to an IDE, but what I've always wanted to do was to create an online tool that would let you create and edit any TI variable, not just programs.

The first variable type I'm adding support for (besides programs) is Picture. You can now drag-and-drop your 8XIs, GIFs, PNGs, and other images and IES will automatically resize and crop it to a calculator-sized image in two-, three-, and four-level grayscale.

I'll post more information on it later, but you can then use your left and right mouse buttons to edit the picture's front and back images.
« Last Edit: March 13, 2013, 10:51:48 pm by Deep Thought »




Offline Sorunome

  • Fox Fox Fox Fox Fox Fox Fox!
  • Support Staff
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 7920
  • Rating: +374/-13
  • Derpy Hooves
    • View Profile
    • My website! (You might lose the game)
Re: IES now comes with a TI picture editor
« Reply #1 on: February 21, 2013, 02:42:18 pm »
wow, that is pretty awesome!
* Sorunome wonders how you'll do appvars and apps

THE GAME
Also, check out my website
If OmnomIRC is screwed up, blame me!
Click here to give me an internet!

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: IES now comes with a TI picture editor
« Reply #2 on: February 21, 2013, 06:03:09 pm »
I'm not sure how appvars will work (maybe a hex editor), but I'm not planning to support apps.

Next up are strings, lists, matrices, and real numbers.




Offline Sorunome

  • Fox Fox Fox Fox Fox Fox Fox!
  • Support Staff
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 7920
  • Rating: +374/-13
  • Derpy Hooves
    • View Profile
    • My website! (You might lose the game)
Re: IES now comes with a TI picture editor
« Reply #3 on: February 22, 2013, 02:25:52 am »
Yeah, the UI for these will be pretty easy to think of (especially real numbers :P)
Oh, and does it also support 'hacked' images, as in, image 11-255?
« Last Edit: February 22, 2013, 02:26:30 am by Sorunome »

THE GAME
Also, check out my website
If OmnomIRC is screwed up, blame me!
Click here to give me an internet!

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: IES now comes with a TI picture editor
« Reply #4 on: March 13, 2013, 10:45:57 pm »
So "later" turns out to be three weeks later...

Anyway, clicking the + tab doesn't immediately create a new program file anymore, instead showing a drop-down to select the file type to create (more will be added in the future). When you create a new Image, a new tab is created with an image editor.

This editor doesn't necessarily map to a specific picture variable (in fact, the name of the tab is simply "Picture" followed by the next number in sequence). Instead, it represents a complete image, whether it's monochrome (involving one Pic variable) or 3- or 4-level grayscale (involving two). Either way, what gets put into the download file when you hit Export is whatever Pic variables the image uses. If the image is grayscale, the app will prevent you from selecting the same Pic for the front and back buffer, but there is no check to make sure two separate images don't use the same Pic variables.

Like with programs, you can create a new image in one of three ways:
  • Click the + tab
  • Click Open and browse to an image file (GIF, PNG, JPEG, WBMP, or 8XI)
  • Drag-and-drop an image file (GIF, PNG, JPEG, WBMP, or 8XI)
Images that are not TI Pic variables (8XIs) are converted to four-level grayscale. You can then change that to monochrome or three-level grayscale in the editor.

If the image you select is larger than 96x64, it gets scaled down to fit.

Things to be added in the future:
  • Continuous drawing
  • Generic editing tools (line, oval, rectangle, flood-fill, etc.)
  • Export back to PNG/GIF/JPEG
  • Undo/redo support
  • Warning before closing unsaved image




Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: IES now comes with a TI picture editor
« Reply #5 on: March 27, 2013, 02:13:10 am »
Hey everyone, I have a question for those of you who actually use the image editor.

Would you rather the pixels be separated by a very fine line or be right next to each other, as they are now?

Reason I'm asking is that I found myself wishing the pixels were more distinguishable while working on a project of my own (the real calculator screen, after all, does have a thin gap between pixels). But that might be because I'm counting pixels all the time when I'm drawing something (not just for calculators—I sometimes find myself counting pixels in Gimp when designing a web logo :P), so I might not be "typical."