Tistur - GSoC 2008

So, there are essentially 4 ways to write text on an image using php.

• FreeType 2, which requires PHP be compiled with support, and GD 2.0.1+
• PostScript Type1, which requires PHP to be compiled with support
• TrueType, which needs GD as well as the FreeType library

This is what image_overlay should look like. JS tabs. See attachments.

So, it would appear that I can simply set the position to relative before I mess up the layout, and everything seems to work.

This is disturbing.

Back to Image Overlay. I have decided to set the position of the image absolutely, and make the height of the tabs fixed. The text tab will have to be an exception to this, of course, as it needs so much more space. Therefore I will move the image down when the last tab is clicked.

So, Wizards of the Coast has released a license for 4E.

So, I now have the dialog for picking colors and the tabs working. But I want the image to be visible on the page, so I removed the absolute positioning, which means when the image moves (by changing the height of a tab, for instance), the shapes don't, anymore. The position:absolute is coded in the jQuery UI for Draggables, which is understandable, but ever so annoying. The only thing I can think of to do is go through each shape and change the position on a callback whenever the tabs change, but that could get to be a REAL drag on performance with a lot of shapes.

Ideas?

I got my Cintiq in the mail today, and have been setting it up and playing. In honor of this event, tomorrow I will begin working on letting users "draw" directly on the canvas with their mouse (or pen!) I think this will be my starting point.

I now have the Farbtastic color picker integrated with Image Overlay. (Not updated on this site yet). Also, the color picker now launchs into a dialog to move around the sceen, and everything else is contained in tabs.

By tonight I will have fought with CVS and uploaded what I have to Drupal.org (I hope).

This is getting very old. Being sick means less work is done, which means less fun.

News:
On localhost, I have the tabbed interface working - mostly. Integrating with themes will be a real pain - I need to look into JQuery UI Tabs Module and see if I can steal some code from that. I'm also looking at the Farbtastic color picker, which is included with Drupal, and studying the Color module in core to figure out how to best utilize it. I'm also considering an option to leave my simple picker in instead, although I'll need to get it working with non Firefox browsers first.

Here it is. Sign up for an account on this site or use your OpenID account, go to "Image Galleries" (look at the top of the screen), view an image, and look for the tab that says "Add overlay" and play.*

*Standard disclaimer: this works with Firefox only at the moment. Also, once you save an overlay you cannot go back and edit it - this feature is in the works. Also note that if too many people make overlays, I will end up deleting a lot of them for clutter reasons.**

**Other qualifications may apply.