Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Create multiple, dynamic, layered avatars.

    I'm starting a project and have run into a problem, any help would be greatly appreciated. I really don't even know where to start.

    Essentially what I'm trying to do is create a webpage where the user can customize multiple avatars that are associated with their MySQL-based account using the images in their inventory. In the end, I want a customize page that allows the user to see a preview of the avatar they are editing along with their inventory and be able to click on an inventory item to add it to the avatar image preview. I want the preview to be interactive so the user can move and resize the objects and a side screen that shows them all of the objects within the preview and allows them to change the order of the list which would change the layering of the image objects. I want to be able to save this image to their account and allow them to display what they have created but also be able to go back and make changes later (e.g. resize objects, add/remove inventory images from the avatar, change the background, etc.). I am quite new to webpage programming so all help is welcome : ).

    Thank you in advance!

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    2,451
    Thanks
    17
    Thanked 275 Times in 275 Posts
    There are two major players in the web based image manipulation field, G-D and Imagemagick. Of the two Imagemagick gives you more options and is easier to code for. It generally requires that you have shell access. It's easiest to use either of them with php but there are other options there too. I almost exclusively use Imagemagick on my site.

    Something you're definitely going to need is a good drag and drop script. Open the source of this web page, go to the very bottom of the source and get the code between and including the script tags and put it in the bottom of your page, or make a link to at the bottom of the page.

    http://luke.breuer.com/tutorial/java...-tutorial.aspx


    This is the best D & D script I've found.

    Even though it may only involve a few pages, this is some pretty heavy coding you're in for.
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •