Making artwork "pop" on the web
October 13, 2011 3:40 PM Subscribe
Question for a web app I'm building... How can I distort a flat image as though it were projected onto a contour, using JS/jQuery and HTML5 or ColdFusion's server-side image processing?
posted by The Winsome Parker Lewis to Computers & Internet (8 answers total) 1 user marked this as a favorite
What I'm imagining is some sort of drawing tool that lets users design their own clothing patterns. They do this on a flat canvas. But I want to provide a way to "see what it looks like" on a virtual mannequin. This requires warping the image along the torso edges and bust, for example, to simulate depth in a natural way. I don't need to animate it or show multiple angles, though I'd like to offer a variety of body types, both male and female. Ideally I could provide a customizable (for me, not the users) depth map for each body type, and let the software do the rest. Especially if the alternative is figuring out a complicated chain of mathematical functions, and trying to tweak them manually in code!
I'm still in the brainstorming phase so go ahead and re-interpret my methodology or think way outside the box. I do have to use ColdFusion. Flash isn't an option for this project, and neither is WebGL. I'm trying to avoid browser-specific hacks too, though I've already decided to go full HTML5; IE is not supported. I'd prefer if this thing works in Firefox, Chrome, and Safari though.
I've never done any kind of 3D programming, so if this question crosses into that territory, please speak to me as if I were a very small child. Links to tutorials would be nice too! If what I'm asking for isn't possible, what are my next best options?