Nedávno jsem si v rámci nasazování animované ikony v SVG pro Ajaxové nahrávání poznamenal i odkaz na Best CSS-SVG Loaders and Spinners na Code Geekz. Kdyby jsem si na to vzpomněl včas, nemusel jsem znovu prohledávat internety při zdobení jednoho projektu zase animovanou ikonou pro Ajax (tedy loader či spinner), tentokrát ale čistě v CSS. Několik vybraných odkazů...
Občas chcete zveřejnit video, na kterém je někdo nebo něco, co by ale zveřejněno být nemuselo, nemělo nebo dokonce nesmělo. Přitom všechno ostatní ale světu ukázat chcete. Moc. Pak se běžně používá třeba v televizi rozmazání (blur), pixelace (zečtverečkování) nebo překrytí (obligátní černý proužek přes oči nebo jiné partie) inkriminovaných míst obrazu.
Pokud video "vysíláte" na YouTube, máte funkci rozmazání přímo v sekci "Vylepšení" (ikona kouzelné hůlky) v záložce "Efekty rozmazání". Pak stačí jen kliknout na tlačítko zapnutí funkce "Rozmazat obličeje" a zkontrolovat náhled. Algoritmus sice ne vždy rozezná obličeje dokonale, někdy se nechytne a jindy rozmaže i portréty na obraze, ale pokud vám to takto vyhoví, máte hotovo.
Automatické rozmazání obličejů na YouTube
Když automatika nestačí nebo potřebujete rozmazat "neobličej", třeba značku nebo poznávačku, sáhněte po funkci "Vlastní rozmazání". Ve speciálním editoru vyznačíte obdélníky místa určená k rozmazání. Tyto se buďto na obraz "chytnou" sami a rozmazání se pohybuje s označeným místem, nebo musíte nastavit pozici a velikost v několika klíčových snímcích (keyframe).
Ruční editace míst určených k rozmazání
Nevelký komfort ovládání editace a kontroly náhledů vyvažuje nepotřebnost jiných editačních nástrojů. Na větší projekty jich ale třeba bude. Na kratší video s malými nároky na rozmazávání ale s efekty na YouTube vystačíte.
Funkce rozmazání YouTube nabízí už pár let, není to žhavá novinka, ale dosud mě ani nenapadlo, že bych ve svých videích něco takového potřeboval.
"Napadlo tě animovat seriál jako je třeba Futurama? Začni hned! Digital Video, tvůrce softwaru Toonz pro 2D animace a japonský vydavatel DWANGO oznámili, že Toonz bude open source pod názvem OpenToonz."
RenderMan od Pixaru je nyní uvolněn pro nekomerční použití. To je pochopitelně úžasné! Ale pozor! RenderMan je ale jen renderovací engine. Modely musíte připravit v v software Maya nebo KATANA. Případně jej spouštět z příkazové řádky. Ale i tak...
RenderMan is used by the big time studios to create photorealistic lighting in CG scenes, and has been used by Pixar to render every one of their animated features. You can download it for free and use it as much as you want, but the one catch is that this is a non-commercial license, meaning you have to buy a commercial license if you're looking to make money off of your creation. It's important to note that RenderMan is not a 3D modeling application, so you'll need to make some 3D models or animations to render first. It can be used alongside Maya, as well as the lighting program KATANA (with compatibility for more software coming soon).
Sednete po pár dnech k "rozstříhanému" filmu v Adobe Premiere, ale po načítání projektu se dozvíte jen
Adobe Premiere Pro: This project contained a sequence that could not be opened. No sequence preview preset file or codec could be associated with this sequence type.
Panika! Nádech... výdech... PANIKA!!! Aha! Notebook! Přepnutí grafiky z úsporné na výkonnou. Nic. Restart. Zase nic. Google... Error "...a sequence that could not be opened" ... pokus o reset preferencí a vyčištění cache (po kliknutí na ikonu Adobe Premiere držet Alt + Shift). Nic. Google... Adobe Community: "This project contained a sequence that could not be opened". Rada "...open the Premiere Pro Project up inside Notepad ++ and change all instances of the current preview codec from I-Frame Only MPEG to Microsoft AVI", tedy upravit kodek v projektu editorem, vypadala víceméně schůdně. (Upgrade, jak se ukazuje, už staršího Notepad++.) Panika! Kdo se má v tom XML sakra vyznat? (Později, když jsem se do souboru projektu podíval znovu, jsem zřejmě ta ona místa, kde kodek upravit, našel, ale už opravu opravdu nezkoušel.) Zavírám Notepad++ a študuju dál... Debata na téma proč neodstraňovat následky, ale hned příčiny, mě dovedla k úvaze: co mohlo udělat něco s kodeky? Před chvílí doběhlá aktualizace Windows? Ježíš to snad ne! Co se nedávno... VLC! Nedávno se nepovedla aktualizace VLC! Zkusil jsem ověřit aktuálnost programu, nabídla se aktualizace, spustil jsem ji, aktualizace VLC tentokrát proběhla na výbornou a... Projekt se v premiéře konečně otevřel! Ufff... :-|
Jeden by si nemyslel, že u Adobe to udělají opravdu tak nesmyslně, že když Premiere nenajde preview codec nastavený v projektu, nahlásí chybu a projekt prostě neotevře. Dík teda.
Smolíme nějaké video, prezentaci, znělku, potřebujeme nějaké rozhýbané obrázky pod titulky... v archivu nic nemáme... aha, nemáme ani archiv ;-) ... vyloženě krást nechceme... tak tam necháme černo? Né, to né. Někde přeci musí být vhodný videoklip, legálně dostupný a ještě lépe zdarma. A jo, je.
Seznam doporučených webů s videoklipy zdarma najdete třeba na stránkách
krpano.com: "Prohlížeč krpano je malý a velmi flexibilní vysoce výkonný prohlížeč pro všechny druhy panoramatických snímků a interaktivních virtuálních prohlídek. K dispozici je Flash i HTML5 verze. Krpano je určen pro použití v prohlížečích jak na desktop (Windows, Mac, Linux), tak na mobily a tablety (iPhone, iPad, Android, ...). Kromě prohlížeče existují i nástroje, které pomáhají automaticky připravit panoramatické snímky..."
jKit - jQuery based UI Toolkit: Velmi zajímavě vypadající nástroj! Vlastně takový framework v JavaScriptu, pomocí kterého velmi snadno zefektivní svou práci a programátorský lajk.
Sice ne nejnovější, ale zjevně funkční jQuery plugin na zobrazení jako 3D objektu najdete zde:
360 degrees product view | StableFlow: "Introduction
j360 is a jQuery plugin designed to display 360 view of product using a set of images.
Dual licensed under the MIT and GPL licenses.
Features
- Compatibility with iPhone, iPod, iPad, Google Android devices.
- Mouse view on PC.
- Tap view on touch screen mobile devices."
Ve skutečnosti nejde o 3D objekt, ale o interaktivní cyklické vyměňování obrázků. Největší problém, pokud nebudete renderovat, bude ale právě získání dostatečného množství dobře udělaných fotek - a že to není až taková sranda mi věřte - aby byl pohyb plynulý. A opravdu funguje i na mobilu :-)
Přes 40 jQuery Pluginů, které okoření vaše webové stránky na Hot Scripts: Dnes je jQuery nejpopulárnější JavaScriptová knihovna, kterou používá více než 30 % všech webových stránek. Její abstrakce a zjednodušení pro HTML DOM manipulaci, události, animace a AJAX dala de facto rámec pro moderní vývoj webových aplikací. Nicméně neopomenutelnými prvky jsou pluginy. Pluginy poskytují další funkce nad rámec jQuery.
V článku se podíváme na více než 40 jQuery pluginů, které mohou okořenit vaše webové stránky. Náš seznam zahrnuje všechny druhy pluginů, které vám pomohou posílit různé aspekty vašeho webu, včetně formuláře, navigace, mediálních prvků a celkové uživatelské rozhraní. Seznam také obsahuje zásuvné moduly pro zjednodušení práce s efekty a animace, drag & drop, AJAX a interfacem.
Na první pohled mě osobně zaujal plugin Booklet, který přidá efekt obracených listů knihy libovolnému obsahu. Podporuje i IE6, což je až zvrácené ;-)
' stroke-width='2'%3E%3Ccircle cx='5' cy='50' r='5'%3E%3Canimate attributeName='cy' begin='0s' dur='2.2s' values='50;5;50;50' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='cx' begin='0s' dur='2.2s' values='5;27;49;5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='27' cy='5' r='5'%3E%3Canimate attributeName='cy' begin='0s' dur='2.2s' from='5' to='5' values='5;50;50;5' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='cx' begin='0s' dur='2.2s' from='27' to='27' values='27;49;5;27' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='49' cy='50' r='5'%3E%3Canimate attributeName='cy' begin='0s' dur='2.2s' values='50;50;5;50' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='cx' from='49' to='49' begin='0s' dur='2.2s' values='49;5;27;49' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
