Path: csiph.com!v102.xanadu-bbs.net!xanadu-bbs.net!news.glorb.com!border3.nntp.dca.giganews.com!Xl.tags.giganews.com!border1.nntp.dca.giganews.com!nntp.giganews.com!local2.nntp.dca.giganews.com!nntp.posted.grandecom!news.posted.grandecom.POSTED!not-for-mail
NNTP-Posting-Date: Tue, 11 Sep 2012 09:06:06 -0500
User-Agent: Microsoft-Entourage/12.23.0.091001
Date: Tue, 11 Sep 2012 09:06:04 -0500
Subject: Good way to construct animation player?
From: Bint <bint@ign.com>
Newsgroups: comp.lang.javascript
Message-ID: <CC74AF7C.C630%bint@ign.com>
Thread-Topic: Good way to construct animation player?
Thread-Index: Ac2QJpSbjg6iCmlYJ0e/tSXNexs99Q==
Mime-version: 1.0
Content-type: text/plain; charset="US-ASCII"
Content-transfer-encoding: 7bit
Lines: 25
X-Usenet-Provider: http://www.giganews.com
NNTP-Posting-Host: 66.90.167.232
X-Trace: sv3-txvh0i47D2at9Q3zd/yqo6V6IBy8l81AShE4WyImENrPHiGl1TGTXnh+7zWIAD1mI/OvWMDBBzxBZvw!SzA/s0notq4VD7TnDz8YmwEUH2wSYuh4XsTAESxXOy+mU3tiSX/80IBrX8OLFQ==
X-Complaints-To: abuse@grandecom.com
X-DMCA-Complaints-To: abuse@grandecom.com
X-Abuse-and-DMCA-Info: Please be sure to forward a copy of ALL headers
X-Abuse-and-DMCA-Info: Otherwise we will be unable to process your complaint properly
X-Postfilter: 1.3.40
X-Original-Bytes: 2078
Xref: csiph.com comp.lang.javascript:15837

Hello,

  I have an animation gallery online -- the animations are represented as
folders of sequentially numbered image frames (PNG files).  I want to make a
player for these, where the user can click on a thumbnail and it will play
the frames in a loop.

I've tried this in the past and given up -- I ran into memory issues after
loading a certain number of frames.  It seemed that once I hit about 5MB of
frames total processed, it stopped working.  I didn't figure out how to free
the images that I was no longer using.

Back then, I think I was just loading the images using html image tags,
replacing the source value maybe?  It has been a couple of years and I have
lost that old code.

Now, I was wondering if there might be a better, maybe more memory efficient
way by using the canvas tag?

I still am not sure how to get the image files themselves from the server to
the client-side javascript.  Anyone have any suggestions?

Thanks!
B