Imagine-ng -- the Javascript Photomanipulator

[inp o҉rtb]

haha enjoy!

the source code is very messy, but i hope it makes some sense. i still use some of the techniques i developed while building this app.
you just might need to change a URL or two.

you also need to chmod the images and thumbs folders to 777.

[antimatter15]

wow. you use mootools, prototype, scriptaccolus, moofx, xajax, cropper...... isnt that a bit redundant? scriptacolus already has every effect you can imagine, moofx just has some redundant effects, prototype and mootools have much of the same functionality, and moo/proto already have ajax frameworks built in.

[inp o҉rtb]

Yeah, that's why I'm doing a complete rewrite on this version too. And it's going to have a proper implementation of layers and affine transformation... in Javascript

As for AJAX, I just prefer xajax. =p

[antimatter15]

Yeah, that's why I'm doing a complete rewrite on this version too. And it's going to have a proper implementation of layers and affine transformation... in Javascript

As for AJAX, I just prefer xajax. =p

try choosing a library for the user interface, or should i fork it

[inp o҉rtb]

You seem to have a lot of success with UI choice. I would love to see what happens if you fork it.

The current Imagine won't be a fork of this version, but it'll use a lot of ideas from it. I think I can call myself a bit more experienced now

[antimatter15]

You seem to have a lot of success with UI choice. I would love to see what happens if you fork it.

The current Imagine won't be a fork of this version, but it'll use a lot of ideas from it. I think I can call myself a bit more experienced now

same. it's good to host all the various versions, so you can really realize the progress that you've come.

for me, it was really alot.
http://antimatter15.50webs.com/Draw/

[thefluffball]

Thought it was worth bumping this topic to point out that the following all don't work:
http://imagine.inportb.com/
http://www.inportb.com/projects/imagine/imagine.zip
http://www.inportb.com/projects/imagine/imagine.jnlp

[inp o҉rtb]

Indeed; Imagine was originally Javascript, then it turned Java, and now it's Javascript again. Writing it in Java was a huge mistake; while I knew Java was much more bloated, I had expected it to be much more powerful too... so much for that. But it was good, because I learned Java through this project.

The most recent iteration, a complete rewrite, is in progress as of now. It will not have layers or affine transformations, as these are tools for the heavyweights. http://www.inportb.com/imagine/ (note that there are a couple of Javascript errors on the page)

[thefluffball]

Ah, thanks.

[inp o҉rtb]

I've been working on this update for a while. Released more than a year after Imagine, Imagine-ng is a new browser-based photo-editing tool.

Major changes!

• completely rewritten
• history feature removed
• path-based renderer implemented
• export possibilities expanded

To-do:

• implement import/export of render paths
• embed render paths in generated images

The first post has been updated. I hope you enjoy this release

[thefluffball]

Wow! Very nice indeed!

[inp o҉rtb]

Thanks! I have implemented a bookmarklet that lets you easily import images from web pages, as well as X-Y reflection.

Imagine-ng now adds a tiny bit of metadata to each image that keeps track of how it was generated. The data are normally invisible, but could be extracted with a special tool I'm designing. In the future, it would be possible to import the original rendering path.

Convolution remains unimplemented... I should get that done sometime.

[thefluffball]

Interesting concept, are you using cryptography for storing this data within the images?

[inp o҉rtb]

No need for cryptography; just steganography. If you open a generated file in notepad or a hex editor, you'd find some interesting bytes at the end following a #IMZ banner. That's a b64+gz-encoded sequence representing the render path.

What is a good way to direct an image upload to an image host, then capture the URL of the uploaded image? I'd like to make the experience slightly more seamless.

[thefluffball]

Sorry, typo, I meant steganography.
It's a great idea, it's like a psd and a png ... COMBINED!

[inp o҉rtb]

It's a nice way of piggybacking your own format on an existing standard. Adobe Photoshop actually does store layer information in PNG's, so Photoshop-generated PNG's tend to be pretty non-optimal unless they were created through the "save for web" option. You could open such a PNG in Photoshop and gain access to all the layers.

[webend]

Really a good job .....

[pǝʇɹǝʌuı]

Where can  I get the source ?

i'm getting a 404 error for

http://www.inportb.com/projects/imagine/imagine.zip

and also for the other file that you posted on the previous page.

[inp o҉rtb]

That link's outdated; please check the first post.
Also, the source is for the legacy version released last year, since the current version is obviously still under heavy development (it still works quite well, though... just a bit rusty).