It is currently Thu Mar 28, 2024 5:53 am

All times are UTC - 8 hours [ DST ]


Forum rules


Please, keep discussions on topic and in the right forum. The start menu topics go into the Classic Start Menu forum, etc. This makes it easier for people to locate topics they are looking for.
If you get a satisfactory response to your question, please mark the topic as "solved". Click the green √ button in the bottom-right of the post.



Post new topic Reply to topic  [ 5 posts ] 
Author Message
 Post subject: Animation Implementation
PostPosted: Thu Jul 03, 2014 3:11 am 
Offline
User avatar

Joined: Thu Feb 21, 2013 11:04 pm
Posts: 470
So.. Where does the idea for the Animation for the Orb come from?

Where else has it been implemented?

Who created the First-Line pixel data reading idea?

And where else is it supported? anywhere?

is this available in HTML5?

and are there any Players / Readers / Browsers that support these Animated PNGs?

they are infinitely better than gifs.. its the coolest thing Ive seen on the web, ever.. but its not on the web

It wouldn't be too difficult to create a program which calculates the desired output file-size & dimensions with a given frame number, then calculates the total image Height, then resizes the width according to the needs of the height, and also adds the one row of pixels on the top

with a GUI for the colors in the data to be automatically filled in by the program when you enter the required values in the fields..

seems like someone could make a great program that could spread around the web as a new standard, and be soon accepted by all kinds of media & web apps..

maybe there could also be a codec which is created to add support for animated PNG's for your favorite apps & browsers


Top
 Profile  
Reply with quote  
PostPosted: Thu Jul 03, 2014 3:16 am 
Offline
User avatar

Joined: Thu Feb 21, 2013 11:04 pm
Posts: 470
not even Photoshop supports the kind of design functions needed to create these animated PNGs... namely the ability to copy and paste frames in place, within a square marching ants selection in the long document.

I requested it on their forums..

a great program would be one that sews together your sequence of images into one long image, and then adds the first pixel data for you...


Top
 Profile  
Reply with quote  
PostPosted: Thu Jul 03, 2014 8:17 am 
Offline
Site Admin
User avatar

Joined: Wed Jan 02, 2013 11:38 pm
Posts: 5333
I thought it would be cool if the hover effect is not just a simple cross-blend but an actual animated sequence. I invented this format myself but I have no problem if other programs start using it. It is somewhat based on the system used for animated cursors.

I myself made the original button as layers in Photoshop and then hand-stitched them in a larger bitmap, then added the description row. This way I can resize the PSD without bleeding between the frames.
Notice that the description pixels don't depend on the image size. They can be reused without change for every size.


Top
 Profile  
Reply with quote  
PostPosted: Thu Jul 03, 2014 4:49 pm 
Offline
User avatar

Joined: Thu Feb 21, 2013 11:04 pm
Posts: 470
wow, thats awesome, well done!

I believe this is the first viable Animate PNG scenario

I sent an email to all people at the W3C Consortium for the World-Wide-Web HTML5..

I wonder if you would be willing to put in another state, aside from Normal, Hot, and Pressed, to "Animated"

so it can just loop continuously in its normal state.. that would be cool for Orbs, but also essential for development and use in other areas

It really needs to have a looping from start to end and back to start (repeating loop).. as well as a start to end, end to start loop (reversing loop)

having those would allow the image to save file size and reduce the frames..

and maybe also have a once play through function..

and it would also be pretty important to be able to define each frames individual duration during the animation, in pairs of pixels, so we could literally use several rows of pixels for the initial data, and have quite a complex animation.

and then you could create a small little executable tool that could auto-fill in the pixels based on user-defined data in a GUI

and to resize an image, it could read the pixel data and count the rows of data, then remove those rows from the image, then resize it, then add those rows back to the image with the original pixel data

it'd be even better if it could stitch the individual image frames together

May I suggest adding the first ANM & BTM ASCII data to the first two pixels in every row used, so that a program will be able to more easily define which rows are information, as its reading and copying the info for resizing purposes

I'll PM you the email I sent


Top
 Profile  
Reply with quote  
PostPosted: Thu Jul 03, 2014 5:04 pm 
Offline
User avatar

Joined: Thu Feb 21, 2013 11:04 pm
Posts: 470
I suppose it would need a new extension, such as .AIS (Animated Image Sequence?) or somehting.. maybe .APNG or .apg for short... and a codec which renders it as animated, so it will never be viewed as a long strip of stills


Top
 Profile  
Reply with quote  
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 5 posts ] 

All times are UTC - 8 hours [ DST ]


Who is online

Users browsing this forum: No registered users and 67 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group, Almsamim WYSIWYG Classic Shell © 2010-2016, Ivo Beltchev.
All right reserved.