html5-animation

3熱度

1回答

我需要做一個動畫逐幀更改元素的背景位置。我需要做到這一點沒有緩動或線性動畫，只是改變背景位置。用css3動畫可以實現嗎？

13熱度

1回答

在現代HTML5瀏覽器中測量幀速率（即FPS）的最準確方法是什麼？我對Canvas動畫的FPS特別感興趣。 http://weblogs.mozillazine.org/roc/archives/2010/11/measuring_fps.html會告訴你，試圖通過計算setTimeout運行的頻率不準確來測量幀速率。瀏覽器可以在屏幕顏色之間多次運行您的Timeout回調。原來Mozilla有一

10熱度

5回答

動畫選項HTML5畫布/ CSS3/jQuery

我有興趣在HTML5/JQuery中進行更多類似Flash的動畫。浮動的想法之一是飛行的鳥類，角色動畫和「tween」類動畫序列。我是背景的閃存開發者，所有這些都是基於Flash基於時間軸的運動補間系統的第二天性，所以我想知道HTML5 Canvas，CSS3和jQuery等新興技術有什麼可能？在動畫這樣的補間中，這些技巧有多熟練？什麼是一個很好的起點讀？例如，在http://www.thew

1熱度

2回答

javascript html5縮放像素

我似乎無法弄清楚如何在html5畫布上縮放像素。這是我到目前爲止的地方。 function draw_rect(data, n, sizex, sizey, color, pitch) { var c = Color2RGB(color); for(var y = 0; y < sizey; y++) { var nn = n * 4 * sizex;

0熱度

1回答

我可以使用一些矢量繪圖來替換我的html中的png嗎？

我有一個非常優化的網站，我想優化更多。具體來說，我有一個相當大的標誌，目前是一個PNG。該徽標是一個非常簡單的形狀。我從來沒有見過這樣做過，但有沒有一種方法可以在我的html中使用一些矢量繪圖代碼來繪製這個標誌？我意識到使用HTML5可能是可能的，但HTML4和當前瀏覽器支持如何。感謝，簡Easterby

14熱度

1回答

縮放畫布

在測試應用程序中，我有一個簡單的矩形畫布。每100ms調用一次方法繪製。從代碼中我可以看到，我使用鼠標滾輪來縮放一切。現在發生的情況是，所有東西都被縮放，但是當矩形的大小爲10px，10px，並且鼠標右移時，縮放後矩形不再位於鼠標下面。（這當然是對的，因爲所有單位都按比例放大到了但是我想要的是，mouseposition是「縮放行動的中心」，就像在google地圖中一樣，所以鼠標之前的內容。

1熱度

1回答

CSS3 webkitAnimationEnd事件排序

我是新來的stackoverflow，也相對較新的HTML5編程。我正在寫一些東西（主要用於Safari），其中的邏輯是由webkit動畫完成時觸發的事件驅動的。如果我同時開始一些相同長度的動畫，我需要一些關於我可以預期他們的完成事件觸發的命令。例如： <!DOCTYPE html> <html> <head> <style> @-webkit-keyframes slid

0熱度

1回答

html5旋轉球

期待看到以圓周運動向外旋轉的球的HTML5示例;一個例子就像一個輪盤球，從一個圓圈的中間開始，慢慢地旋轉直到停止（在一個數字內）。讚賞任何幫助或指示讓球旋轉下來的圓形運動！

2熱度

1回答

使用jQuery和/或CSS3轉換動畫基於百分比的位置（通過插件）

我試圖製作一個頁面佈局，其中包含導航到的幻燈片。每個部分填充屏幕（100％寬度/高度）並絕對定位在基於百分比的值。在所附的樣品中，有四個區段，定位爲如下： [a] [b][c][d] 其中[A]是在0 0，並[b]在0 100％，[C]爲100％時100％，[d]爲200％100％。現在，爲了實現導航，我將所有部分置於100％100％絕對定位的溢出隱藏容器中。當一個部分被導航到時，

7熱度

1回答

Google如何爲其徽標製作動畫？

我一直在試圖弄清楚自從粒子爆炸以來，Google是如何爲他們的標識製作動畫的，而今天他們有a chemistry set來慶祝Robert Bunsen誕辰200週年。我假設這是HTML5（我使用Firefox 4，Chrome和Safari 5），但任何人都可以確認如果是這樣以及是否有任何好的教程如何做這些類型的動畫？