[k.....a]

[ #webdev #html5 ]

Jakieś pomysł jakie biblioteki Wargaming wykorzystuje w swoich banerach AdWords?

Chciałbym zrobić coś podobnego (ze znacznie prostszym modelem)

http://i.giphy.com/l0Ex8oFq3gcMetI1q.gif

[ppawel]

@knysha: dev tools ( ͡° ͜ʖ ͡°)

[look997]

@knysha: To nie jest kontrolowany animowany gif? Model sobie wyrenderować np. w Blenderze do wideo, skonwertować do GIFa a potem skryptem kontrolować GIFa.

[k.....a]

@look997: raczej nie, bo można scrollem zoomować całą scenę

[look997]

@knysha: Dajesz wideo/GIF w trochę większej rozdzielczości i możesz CSSem kontrolować skalę, sterować tym CSSem za pomocą zdarzenia scroll.

[k.....a]

@look997: hm, popatrz na gifa - tam scrollowałem - raczej jest to scena IMHO

[look997]

@knysha: No mówię że możesz to scrollować:
https://developer.mozilla.org/en-US/docs/Web/Events/scroll

i tym
https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport/zoom
lub
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale

[k.....a]

@look997: ładują WebGL.js

[look997]

@knysha: Żebym mógł w to zajrzeć to by było lepiej.

Ale takim GIFem też masz efekt identyczny, to po co przepłacać. :)

[look997]

@knysha: Raczej polecam GIFa ale zobacz też np. to:
https://threejs.org/examples/

Ale pewnie lepiej jakiś gotowiec w Google znaleźć.

[k.....a]

@look997: hm, poczytam :)