A Flash Developer Resource Site

Page 1 of 2 12 LastLast
Results 1 to 20 of 21

Thread: look and feel

Hybrid View

  1. #1
    Under the influence bvgroote's Avatar
    Join Date
    Nov 2000
    Location
    Perth, Australia
    Posts
    1,408

    look and feel

    Before I decide to work on content, I want to get the look and feel right.

    Tell me about your user experience, do you think some kind of music would enhance the whole theme, and what kind of music?

    only portfolio button works at the moment and there is no content...

    Anyway tell me what you think, also originality - is it original to you? that text and the white bg with that bg texture reminds me of something that I can't quite put my hand on...

    Hehe inspired by somethin I know but anyyyywaaayyy just rambling now!

    thanks guys

    http://www.q-net.net.au/~benvangrootel

  2. #2
    Under the influence bvgroote's Avatar
    Join Date
    Nov 2000
    Location
    Perth, Australia
    Posts
    1,408
    oh yeah, AND there is no preloader as of yet so sorry guys on 56, just wait till its fulyl loaded (only around 100k so far)

  3. #3
    Official FK Vampire nightwish's Avatar
    Join Date
    Dec 2001
    Location
    Inside a coffin
    Posts
    986
    Ok the site looks fine, the clouds background looks pretty cool, even tough I would try to smooth a little bit the motion of the clouds while moving the mouse. But the idea of the moving sky looks pretty cool.

    I think it would look best ina planin gray background, without the texture, but thats just an opinion, so many dots made me dizzy
    |"Silence teaches you how to sing"

  4. #4
    Under the influence bvgroote's Avatar
    Join Date
    Nov 2000
    Location
    Perth, Australia
    Posts
    1,408
    so you didnt like the bg texture? maybe I will change it we will see for now.

    The site is currently running at 80fps so it's not going to get much smoother

  5. #5
    Member
    Join Date
    Apr 2001
    Posts
    32

    clouds

    I like the clouds idea. i think it might look better if you smoothed out the movement and maybe make it so it doesn't just stop when you stop the mouse. Maybe instead have the mouse stop and then have the clouds slowly come to a stop.

    I like the idea.

  6. #6
    Under the influence bvgroote's Avatar
    Join Date
    Nov 2000
    Location
    Perth, Australia
    Posts
    1,408
    unfortunately I don't have the AS skills to do it.

    Everything on there although very basic I want to keep original...does anyone know any kind of function that would enable it to come slowly to a stop?

  7. #7
    Member
    Join Date
    Apr 2001
    Posts
    32

    check the moivies

    If you want to do that, I'd check around on this site and look at some movie fla.'s. Find the effect you want, download the fla. and look and see how they did it.

  8. #8
    for slowing the clouds down you could use something like this:

    onEnterFrame = function() {

    //sets the target for your x to the mouse position.
    target = _root._xmouse;

    //calculates speed of the target. Change the 7 to make the
    //animation go faster or slower
    speed = target - this._x;
    speed = speed/7;

    //increments the clouds towards the mouse.
    this._x += speed;
    }

    This basic script should work for a deceleration but I can't tell for sure cause I don't know how your fla is set up.

  9. #9
    Official FK Vampire nightwish's Avatar
    Join Date
    Dec 2001
    Location
    Inside a coffin
    Posts
    986
    Thaaaaaats! what I was talking about, nice one ha|e, that will make the movement of the clouds a bit smoother.

    About the Background, it looks pretty cool man, but maybe you could try with a plain color just to see how it looks.
    If you need more help with AS just PM, I'll send you my messenger name just in case
    |"Silence teaches you how to sing"

  10. #10
    hmm, well thanks nightwish. Just tryin to help out. A small script can go a long way sometimes.

  11. #11
    who loves ya?
    Join Date
    Feb 2002
    Posts
    119
    it's pretty dope but i see you having a problem with framerate at the end because you have like 3 or 4 layers of transperancy. moving transperancies are processor hogs.

  12. #12
    Under the influence bvgroote's Avatar
    Join Date
    Nov 2000
    Location
    Perth, Australia
    Posts
    1,408
    cheers I will try it

  13. #13
    Under the influence bvgroote's Avatar
    Join Date
    Nov 2000
    Location
    Perth, Australia
    Posts
    1,408
    I got it to work but there is still a big problem...

    it moves towards the mouse but then the edge of it starts to show...the image of clouds itself does not loop...catch me drift?

  14. #14
    Official FK Vampire nightwish's Avatar
    Join Date
    Dec 2001
    Location
    Inside a coffin
    Posts
    986
    Yeah I know what you mean, I dont remember the exact code right now, but you could look in the games tutorials section to see if you can find one about background scrolling, that might help a lot.
    If I find it I'll let you.
    |"Silence teaches you how to sing"

  15. #15
    the best way to smooth the clouds would be to use an inertia equation.
    place an equation like this on your clouds

    I would suggest making target pos a variable and using an equation that finds a relative position based on the mouse. Another way to make movement smoother is to add updateAfterEvent at the end of a script that moves something. Also, go with 24fps instead of 12. It does make them movie bigger but i think it is worth it.

    The way this works is it takes the target position and subtracts it by the current position and multiplies it by a fraction giving you a very small amount of movement. The fraction or what i am using here is .2 determines the speed of the movement. This is a very simple way of creating smooth animations that move to a certain point using as. You can also use this for alpha, scale,height and pretty much anything that is determined by a number.

    the thing to do is set it up the way you want it when the cursor is in the middle for example if the width of your movie is say 400 then the middle would be 200. so your target position would be something like

    targetpos=_xmouse-200

    this would make the middle =0 and the far left would equal -200
    but you are not going to want it to move that much so now you have to divide the target pos by a number that fits the movement you want so instead you want to put something like

    targetpos=(_xmouse-200)/150

    this is an example try it and play with the number you divide by.

    this is the script that would go on your clouds play around with the number you multiply by to get different speeds. The cool thing about this effect is it always takes the same amount of time to move to the target position. If you don't want this to happen just you the same code you have and add an updateAfterEvent at the end that should smooth out what you already have.
    onClipEvent (enterFrame) {
    this._x = this._x+(targetpos-this._x)*.2;
    }

    I hope this is helpful to you.

    Larry Gladnick
    www.gladnick.netfirms.com

  16. #16

    wait i think i messed up

    let me check this for you i wrote it on the fly i think with this equation i gave you its going to move it all the way left. I will do this real quickly in flash and then repost

    Sorry for any confusion

  17. #17
    here is the real code
    put this on the cloud's mc that you want to move
    this will give it a real nice feel. Play around with the .1 and the .2 in this equation to change speed and positioning the .1 in this determines the position of the clouds and the .2 is the speed of movement. Have fun


    onClipEvent (enterFrame) {
    targetpos=_xmouse*.1+200;
    this._x = this._x+(targetpos-this._x)*.2;
    }
    here is my example at work
    http://www.gladnick.netfirms.com/tutorial/Movement.html

    Larry Gladnick
    www.gladnick.netfirms.com

    See how simple it all can be

  18. #18

    Opposite

    If you want the clouds to move away from the mouse which i think is a much better effect
    just switch around some values

    this will reverse the effect and its nice and smooth
    onClipEvent (enterFrame) {
    targetpos=_xmouse*.1-200;
    this._x = this._x-(targetpos+this._x)*.2;
    }


  19. #19
    Senior Member
    Join Date
    Jun 2001
    Posts
    765

    Neat Clouds

    Cool clouds. It would be cool if they animated a bit more. Maybe if you click on a section they flow faster and stop/slow at the new section.

    -NITIN ANAND-
    http://www.nanand78.com
    :::::::::: HTTP://WWW.NANAND78.COM ::::::::::

  20. #20
    Under the influence bvgroote's Avatar
    Join Date
    Nov 2000
    Location
    Perth, Australia
    Posts
    1,408
    hmm thanks heaps for the help larry, I'm working it out now, and it was at 80fps before hehe I bumped it down to 60.

Posting Permissions

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




Click Here to Expand Forum to Full Width

HTML5 Development Center