-
Data: 2013-02-02 12:24:19
Temat: Re: Problem z animacją JS
Od: Marek <p...@s...com> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]W dniu 2013-02-02 02:20, Jasio pisze:
> W dniu 2013-02-02 02:10, Marek pisze:
>>
>> Ok, dałem 16ms aby wstrzelić się w synchronizację pionową monitora i
>> większy offset w pikselach aby zachować prędkość przesuwania się
>> obiektu. Efekt teraz jest taki, że pod IE pogorszyła się lekko płynność
>> ruchu. Chrome wizualnie zachowuje się podobnie. A FF już nie delikatnie
>> przycina lecz widać bardzo wyraźnie skokowy ruch animacji. Mi to wygląda
>> na brak akceleracji w tej przeglądarce.
>>
>
> a mi wygląda na kiepsko napisaną animację, bo inni nie mają takich
> problemów, ale nie widząc kodu, to możemy tylko gdybać :)
Proszę bardzo.
To tak na szybko uproszczona wersja obrazująca problem. Zostawiłem 10ms.
Pod IE10 bardzo płynnie przesuwa się obiekt a pod FF ruch przysypia i
szarpie między przyśnięciami. Przestaw sobie na 20ms a otrzymasz to samo
lecz wolniej będzie się kwadrat przesuwał. Przy 40ms trudniej to
dostrzec bo ruch jest bardzo wolny (jak coś się nie porusza prawie to
trudno zobaczyć nierównomierności tego ruchu) ale można przestawić skok
na 2px aby przysypianie i szarpanie stało się lepiej widoczne.
Pod Chrome jest ok - najwyraźniej tej przeglądarce szkodzi specyfika
serwisu WWW: przejrzystości, bitmapa w tle i nie wiem co jeszcze. W
poniższym banalnym przykładzie nie widać tych efektów więc skupmy się na FF.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Bez tytulu</title>
<style type="text/css">
#box {
height: 100px;
width: 100px;
position: absolute;
left: 0px;
top: 100px;
background-color: #F60;
}
</style>
<script>
var xOffset=0;
var obj=null;
function animate()
{
if (++xOffset>500) xOffset=0;
obj.style.left=xOffset+"px";
}
function init()
{
obj=document.getElementById("box");
setInterval(animate,10);
}
window.onload=init;
</script>
</head>
<body>
<div id="box"></div>
</body>
</html>
--
Pozdrawiam
Marek
Następne wpisy z tego wątku
- 02.02.13 12:51 Marek
- 02.02.13 15:26 Paweł Piskorz
- 02.02.13 21:17 Marek
- 02.02.13 21:42 Wojtek Gapiński
- 03.02.13 19:47 Paweł Piskorz
- 03.02.13 20:03 Borys Pogoreło
- 03.02.13 22:34 Marek
- 04.02.13 10:57 Marek
- 04.02.13 11:54 Cezary Tomczyk
- 04.02.13 16:21 Wojtek Gapiński
- 04.02.13 19:52 Gabriel Zastawnik
- 04.02.13 20:14 Wojtek Gapiński
- 04.02.13 21:40 Gabriel Zastawnik
- 04.02.13 22:16 Wojtek Gapiński
- 05.02.13 01:32 Cezary Tomczyk
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-10-18 Marsz niepodleglosci
- 2024-10-18 Pożar parkingu w Luton
- 2024-10-18 Łódź => Spedytor Międzynarodowy <=
- 2024-10-18 Gdańsk => Technical Lead ( (Java Background)) <=
- 2024-10-18 Warszawa => Head of International Freight Forwarding Department <=
- 2024-10-18 uwazajmy na haczyki w umowach
- 2024-10-18 Warszawa => Account Manager - Usługi rekrutacyjne <=
- 2024-10-18 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-10-18 Gdańsk => Software .Net Developer <=
- 2024-10-18 Warszawa => Junior Rekruter <=
- 2024-10-18 Warszawa => Key Account Manager <=
- 2024-10-18 Przeróbka na zgrzewarkę "równoległą"
- 2024-10-18 Ostrów Wielkopolski => Laravel PHP Developer <=
- 2024-10-18 Warszawa => Data Scientist / Data Engineer (modele predykcyjne) <=
- 2024-10-18 doładowania 5zł
![Egzotyczne wakacje od jesieni do wiosny: gdzie jeździmy? [© Freepik]](https://s3.egospodarka.pl/grafika2/podroze-Polakow/Egzotyczne-wakacje-od-jesieni-do-wiosny-gdzie-jezdzimy-262553-50x33crop.jpg "Egzotyczne wakacje od jesieni do wiosny: gdzie jeździmy? [© Freepik]")
Egzotyczne wakacje od jesieni do wiosny: gdzie jeździmy?
