Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: How do I animated an image so that it ......

  1. #1
    Join Date
    Mar 2008
    Location
    Under a Rock
    Posts
    9
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Question How do I animated an image so that it ......

    How do I animated an image so that is, at present, a .png file. I want to animated it so that it rotates in a circle so as to emulated a real black hole. Then I want to utilize it as my background in MySpace and at http://social.infowars.com/user_home.php

    The .png file can be viewed here:

    http://www.mediafire.com/?3h8xzf4zygz
    Last edited by djr33; 04-12-2008 at 07:23 AM. Reason: formatting was ugly

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Theres no such thing as a png animated file, it must be gif.
    Jeremy | jfein.net

  3. The Following User Says Thank You to Nile For This Useful Post:

    Boomerkel (03-21-2008)

  4. #3
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Well, there are animated PNGs being developed, but they a while off for any practical use.

    Flash or some complex Javascript might work too.

    The whole spinning vortex thing is a bit vague.
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  5. The Following User Says Thank You to djr33 For This Useful Post:

    Boomerkel (03-21-2008)

  6. #4
    Join Date
    Mar 2008
    Location
    Under a Rock
    Posts
    9
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Nile View Post
    Theres no such thing as a png animated file, it must be gif.

    Portable Network Graphics (PNG) is a bitmapped image format that employs lossless data compression. PNG was created to improve upon and replace the GIF format, as an image-file format not requiring a patent license. PNG is pronounced /ˈpɪŋ/ both P-N-G and ping.[1] The PNG initialism is optionally recursive, unofficially standing for “PNG's Not GIF”.[2]

    PNG supports palette-based (palettes of 24-bit RGB colors), greyscale or RGB images. PNG was designed for transferring images on the Internet, not professional graphics, and so does not support other color spaces (such as CMYK).

    PNG files nearly always use file-extension "PNG" or "png" and are assigned MIME media type "image/png" (approved October 14, 1996).

    More about PNG format:
    http://en.wikipedia.org/wiki/Portable_Network_Graphics
    .

  7. #5
    Join Date
    Mar 2008
    Location
    Under a Rock
    Posts
    9
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by djr33 View Post

    The whole spinning vortex thing is a bit vague.
    While scientists are nearly certain that matter spins violently into the vortex of a black hole, new research shows that a black hole itself can rotate, just like a star.

    http://www.space.com/scienceastronom..._010501-1.html

    As matter swirls into a black hole, it moves faster and faster as it approaches a sphere of influence known as the event horizon, beyond which nothing, not even light, can escape. This event horizon represents what researchers call an innermost stable orbit.

    Inside this sphere, things get weird. The normal laws of physics no longer apply, and the very workings of space and time are warped.

    When gas, dust or other matter nears the event horizon, it unleashes incredible energy, which researchers had previously spotted as flashes of X-ray energy -- pulses created as a blob of matter rotates around the black hole. Other calculations show that the matter disappears beyond the event horizon at a distance from the center that would be expected based on the objects' estimated mass.

    But the new study, led by Tod Strohmayer of NASA's Goddard Space Flight Center in Maryland, found these flashes occurring at a more rapid pace. This means the blob is even closer to the black hole, a situation that Strohmayer said could only occur if the black hole itself were spinning, toying further with space-time.

    He presented the findings April 30 at the meeting of the American Physical Society in Washington, D.C.

    If proved true, black holes would join a long list of stellar objects that rotate, from asteroids to planets to stars and even galaxies. But because black holes have no solid surface to observe, researchers have not until now had any concrete evidence that some of them might rotate.

    "We can, however, see the [X-ray] light emitted from matter plunging into the black hole," Strohmayer said. "The matter, cannibalized from the black hole's nearby binary companion star, whips frantically around the black hole before it is lost forever."

    If you find the idea of a rotating black hole a little difficult to imagine, you're not alone.

    "I struggle with that also," Strohmayer said in an interview. "You have to rely on the mathematics, because you don't have the same type of intuition [as with a planet or star]."

  8. #6
    Join Date
    Mar 2008
    Location
    Under a Rock
    Posts
    9
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    http://forums.devx.com/archive/index.php/t-6875.html

    Mike wrote

    Why not make the "spinning" image into an object. That way you can have more control over its actions.
    How do I make an object out of an image?

    -------------------------------------------------------------------------

    Steven Denys wrote:

    I have a script that makes the image looks like it's rotating. I let the image width go from max to zero and back. It still has a bug in it, so if you solve it. please mail meback.

    The bug: when you leave the image and go to another one. The previous image stay's at it's current size.

    <html>
    <head>
    <title>Chiro Staden</title>
    <style type="text/css" media="screen, print">
    @import url("../../stylesheets/rondom.css");
    </style>
    <script language="JavaScript">
    <!-- Verbergen voor niet-Java-browsers
    var x=139;

    function shake(image)
    {
    x-=5;
    if (x>0)image.width=x
    else image.width=-x;
    figuur=image;
    if (x>-138) setTimeout("shake(figuur);", 1)
    else x=139;
    }

    function add(naam)
    {
    document.write('<tr><td align="center">');
    document.write(' <a href="../inhoud/'+naam+'jongens.html" target="main">');
    document.write(' <img src="../../images/navigatie/img-onderdelen/'+naam+'.jpg"
    border="0" width="139" height="33" alt="'+naam+'" onmouseover="shake(this);"
    name="'+naam+'">');
    document.write(' </a>');
    document.write('</td></tr>');
    }
    // Stop verbergen -->
    </script>
    <base target="main">
    </head>
    <body >
    <table height="100%" width="100%">
    <tr valign=top height="10%"><td align="center">
    <font color=red>Jongens:</font>
    </td></tr>
    <script>
    add("uithangbord");
    add("afdelingen");
    add("wedstrijd");
    add("verhuur");
    add("leiding");
    </script>
    </table>
    </body>
    </html>

    --------------------------------------------------------------------------

    Chris wrote
    I'm sure there is probably some way to make an image spin... I haven't been able to find out the code for it... I know how to get it to move in a line and such, but I don't know how to make an image spin/rotate! Can someone please help me?

  9. #7
    Join Date
    Mar 2008
    Location
    Under a Rock
    Posts
    9
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Here is a example of spin, but I want it to be the same image, rotating slowly and continuously

    http://www.labyrinth.net.au/~toonist...trans/spin.htm

  10. #8
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Are you slightly insane?
    Sorry, but I'm very confused about your last several posts. Just copying and pasting random definitions then forum posts isn't really doing much.


    Aaaaanyway, um, find an animation program, rotate the image 360 degrees and add a blur (rotational or radial blur recommended).
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  11. The Following User Says Thank You to djr33 For This Useful Post:

    Boomerkel (03-21-2008)

  12. #9
    Join Date
    Mar 2008
    Location
    Under a Rock
    Posts
    9
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by djr33 View Post
    Are you slightly insane?
    Sorry, but I'm very confused about your last several posts. Just copying and pasting random definitions then forum posts isn't really doing much.


    Aaaaanyway, um, find an animation program, rotate the image 360 degrees and add a blur (rotational or radial blur recommended).
    djr33

    I Didn't mean to offend you.

    Nile stated, "There’s no such thing as a png animated file, it must be gif.", thus I pasted the partial definition of a .png

    You then stated, "The whole spinning vortex thing is a bit vague.", thus I provided a few example of what I was looking for to better describe.

    I post code that came off another forum, but I have no idea if it even works or if it is valid code. I pasted the code into Rapid CSS and saved as HTM and all it said was "Jongens" and it was not animated so the assumption is that the code is bogus. I am obviously a newbie and very green at this.

    Can you recommend an animation program.

    Once again I apologize if I offended you.

  13. #10
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    You didn't offend me. Your posts were just sorta random. I know what a PNG is (plus it doesn't matter about the technical definition, if it isn't implemented as such in the majority of browsers), and Nile was right in a practical sense (though the technology is being developed and I believe supported in Firefox 3 beta). As for the vortex, you explained the definition of a vortex. In another context, I might find that interesting, but I was more interested in what you wanted in a graphical sense.

    I haven't tested out that code, but I do know that you'd need to replace all file references with your own, so I'd suggest checking that again. I'm also not sure if that depends on any of the other referenced files (like the CSS).

    For a rotating image, javascript is likely not the best method-- any implementation of such an effect would be awkward, probably.
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

Bookmarks

Posting Permissions

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