-
Recently Browsing 0 members
- No registered users viewing this page.
-
Similar Content
-
Behind-the-Scenes: North Korean animators secretly work on Amazon and HBO Max shows
By Fiza Ali,
- nick roy
- 38 north project
- (and 18 more)
- 0 replies
- 2 views
-
Here's when and where you can watch Netflix DROP 01 global live stream
By Aditya Tiwari,
- 0 replies
- 3 views
-
Microsoft is significantly reducing cold boot time on Xbox Series X|S
By Usama Jawad96,
- 10 replies
- 116 views
-
Netflix plans to buy studio that worked on Happy Feet and The LEGO Movies
By zikalify,
- netflix
- animal logic
- (and 6 more)
- 2 replies
- 3 views
-
- 2 replies
- 14 views
-
Question
Cute James
Hello chaps,
Season's greetings to you all!
I would like to ask if anyone has any experience with playing animations using HTML5.
I have a 2 second rendered animation that I would like to embed within a webpage, and play on mouseclick.
A low resolution 'work in progress' version of the animation is available here:
https://www.dropbox....l6qrk/video.mp4
However, instead of using a video file, I thought about animating individual PNG frames - the advantage being that PNGs can have an alpha channel and therefore sit 'on top' of the website's background.
Extracting the individual frames, each PNG is around 250k, meaning that the total pre-loaded animation would be approximately 10mb - obviously far too big for such a short animation. I am wondering if this can perhaps be reduced by slicing the animation into a static image for the lower portion and animating just the upper moving portion.
Does anyone have any suggestions as to where to go from here? Perhaps software recommendations that will allow me to 'build' the animation? Or another forum that's geared specifically towards what I am hoping to achieve.
Please note that I do not have a great deal of web programming experience, but am hoping to follow tutorials and eventually end up with a collection of PNG frames and an HTML5 code snippet that can be dropped into an existing site design.
Many thanks in advance!
James
x
Link to comment
Share on other sites
3 answers to this question
Recommended Posts