• úvod
  • témata
  • události
  • tržiště
  • diskuze
  • nástěnka
    • přihlásit
    registrace
    ztracené heslo?
    PHATEHTML5 a JS v rukou Flash developerů
    Flash pomalu ale jiste umira a je nahrazovan HTML5/JS. Tento klub je o knihovnach, radach a poradach developeru vytvarejicich interaktivni obsah.
    rozbalit záhlaví
    SLASH
    SLASH --- ---
    1 odpověď
    PHATE: no ved cakam uz 5 dni ze nieco vyprodukujes :D :D :D
    PHATE
    PHATE --- ---
    1 odpověď
    SLASH: wow, tak http://acko.net/blog/projective-texturing-with-canvas/ je fakt pecka. btw jestli to potrebujete na komercni projekt, proc neoslovit nejakyho js-3d killera, ktery vam to naprogramuje?
    SLASH
    SLASH --- ---
    2 odpovědi
    PHATE: toto riesenie je zatial najblizsie tomu co robi distord.. On na to pouzil kod tohto chlapika kym bol ten kod este online :(

    cez CSS3 sa to mozno riesit da , ale tretina nasich klientov poziva IE6 - IE8 (nanestastie).

    My toto potrebujeme tiez pouzit na motion tracking, takze v podstate by stacilo extrahovat ten kod a wrapnut do nejakeho distord classu, ktory by mal interace na
    addBitmap
    moveBitmap (point1,pont2,point3,point4)..
    a mozno trochu to este zoptimalizovat :

    napriklad pouzitim adaptivnej tessalacie : http://tulrich.com/geekstuff/canvas/perspective.html

    alebo implementacio viac advanced perspective interpolation, ktora by vobec nevyzadovala tesalaciu a nepracovala s affine matrices..
    PHATE
    PHATE --- ---
    1 odpověď
    OOPS: Aha...diky za tip. O vikendu to chci zkusit dokoncit. S praci na canvasu se zatim rozkoukavam a tohle me zaujalo, protoze jsem nikde reseni teselace bitmapy na trojuhelniky nenasel.
    OOPS
    OOPS --- ---
    1 odpověď
    PHATE: mozna bych to resil pres CSS Custom Filters
    http://alteredqualia.com/css-shaders/article/ http://html.adobe.com/webstandards/csscustomfilters/
    PHATE
    PHATE --- ---
    1 odpověď
    SLASH: Jsem si dost jisty ze to pujde. Jsem na dobre ceste, ale ze by to bylo snadne jako ve flashi, tak to teda fakt ne...
    OOPS
    OOPS --- ---
    Pokud by vas zajimalo jak vytvaret UI aplikace ala Edge Reflow, Brackets, atp. v JavaScriptu, Adobe uvolnilo UI knihovnu TopCoat. Vice info zde: http://adobe.github.com/topcoat/ a zde: https://github.com/adobe/topcoat



    PHATE
    PHATE --- ---
    +1
    SLASH: hele mozna i luck. uvidim - zovna si s tim hraju. hodim pak vysledky na git.
    SLASH
    SLASH --- ---
    2 odpovědi
    PHATE: no luck ?
    SLASH
    SLASH --- ---
    SLASH: no to by bolo super! cez threeJS nakoniec cesta neviedla :(
    PHATE
    PHATE --- ---
    1 odpověď
    SLASH: o vikendu to zkusim zpracovat a pak ti povim jak bych to resil. ted moc nevim, ale slovicko nejde pro me neexistuje :)
    SLASH
    SLASH --- ---
    2 odpovědi
    PHATE: myslis :) ? problem je v tessalaci objektov a vykreslovani tych trianglov korektnej perspektive. Pozeral som sa na createJS a tam mali sice zaimplementovany matrix, ale nie graphics.filBitmap s matrix ako parameter a bez toho to nepojde..jedine ako tak pouzitelne riesenie ktore by MOHLO fungovat je fakeovat to pomocov threeJS s tym ze nehybem vobec s osou Z a vykreslujem to na nejake triangles alebo quad, ale neviem ako to bude vyzerat a ci sa to bude dat pouzit..

    ako by si to ty riesil ?
    PHATE
    PHATE --- ---
    1 odpověď
    SLASH: pokud bys nenasel, tak by to imo nemelo byt slozite napsat nad canvasem...
    SLASH
    SLASH --- ---
    1 odpověď
    nevie niekto o podobnom skripte ale v JS ?

    DistortImage demo
    http://www.rubenswieringa.com/code/as3/flex/DistortImage/
    SLASH
    SLASH --- ---
    CSS FilterLab
    http://html.adobe.com/webstandards/csscustomfilters/cssfilterlab/

    wysiwyg css filters editor..
    SUPERMARIO
    SUPERMARIO --- ---
    netusite nekdo jak splasit tuto ci podobnou knihovnu ktera dela ty prstencovy grafy zde: http://chartbeat.com/demo/#social
    OOPS
    OOPS --- ---
    SLASH: na konci mas kontakt na Taru a Devina, napis jim
    SLASH
    SLASH --- ---
    1 odpověď
    OOPS: ten gadget projekt z pipeline vyzera zaujimavo.. da sa to niekde stiahnut ako extension ?
    OOPS
    OOPS --- ---
    1 odpověď
    PHATE: Doporucuju Pipeline sneaks

    Adobe Pipeline Sneaks - YouTube
    http://www.youtube.com/watch?v=IiXnazocB30&feature=youtu.be
    PHATE
    PHATE --- ---
    1 odpověď
    OOPS: krasa. diky za summnary.
    OOPS
    OOPS --- ---
    1 odpověď+4
    Sorry za trosku delsi prispevek, kazdopadne tohle jsou vsecky prednasky z Create the Web:

    Adobe & the Web YouTube Channel
    http://www.youtube.com/user/AdobeandtheWeb/

    Keynote

    Full Keynote
    http://youtu.be/efWKWxNu4zY

    Keynote : Adobe and the Web Platform
    http://youtu.be/rXPeWRX-i4w

    Keynote : Edge Animate
    http://youtu.be/oA2UJbC2_qo

    Keynote : Edge Reflow
    http://youtu.be/hSDuP1j4JVk

    Keynote : Adobe and Typography
    http://youtu.be/I_e-XguV4uQ

    Keynote : Brackets and Edge Code
    http://youtu.be/2V8v6gwrZiM

    Keynote : Edge Inspect
    http://youtu.be/SyzZHS-1fPE

    Keynote : PhoneGap/PhoneGap Build
    http://youtu.be/VE4FmdWK0Kw

    Keynote : Edge Tools and Services and Creative Cloud
    http://youtu.be/Kpk6SJ6yVe4

    Journey Through the Graphical Web
    http://youtu.be/P2Yj-8zGa3U

    Afternoon Sessions

    Adobe Edge Animate: Creating the Interactive Web
    http://youtu.be/T7MqEEGGpus

    Brackets: Code The Web
    http://youtu.be/2Tk7AUaExBQ

    PhoneGap: Building and Testing Mobile Apps with Web Standards
    http://youtu.be/u6YBDqIFlvg

    Adobe Pipeline Sneaks
    http://youtu.be/IiXnazocB30

    Create JS: Creating Rich, Interactive Experiences for HTML5
    http://youtu.be/QHudJJLRp-c

    Design Responsively: Creating a Site that Works Across Screens
    http://youtu.be/oEfyBqA5V4k
    Kliknutím sem můžete změnit nastavení reklam