Saturday, 21 September 2013

Drag and Drop !

Hellows,

So this time I'll be trying out on how to create Drag and Drop using Adobe Edge from this tutorial : http://www.youtube.com/watch?v=IxSj-fMfc_Q , since I'm sure I'm going to use most of it in my interactive book assignment.
I think that having drag and drop games in the best way to show the interaction between the users and the product.

Here it goes,
I'm using back the teddy bear I did for the last tryout, this time i'm going to style my teddy cause he looks so dull and boring and naked.



They don't provide a drag or drop coding in adobe edge unlike the play or stop codes, so i had to pick them up from the internet. So what i did was just copy them from the tutorial video i watched and changed them into my own symbol name.

So yeah it works !

I created another rectangular box name "targetTie" so that when I drag my tie it will sit comfortably in place on the teddy's neck. 
It bounces back into its original position when it is not on the rectangle box i created.
The only problem is , I couldn't pick it up again after it is being placed onto the "targetTie", I have to figure that one soon.




After that I duplicate the tie coding for my sunglasses.
The bad part about copying the entire coding off the net is that you sometimes get abit lost and duplicate the wrong thing. 
As you can see below : I have two function init(){
It is actually like the WRAP for the whole thing. thats is why when i put it in that way, only one my item could move.
silly me.
This is the correct one :



yay, succeed.

In the next tryout I'm going to add a little animation after I move the items in its correct position.
nights.





1 comment:

  1. Thats very good. well done. I think your works covers a part of what your small project should have

    ReplyDelete