• ú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ů
    OTAZKAKONCE
    OTAZKAKONCE --- ---
    1 odpověď
    Ahoj, chtel bych udelat mensi web, kde se bude nacitat velka sada dat a z nich vykreslovat takovy jakoby "graf/navigace". Idealne bych to resil v AS3 nacitanim XML. S javascriptem to zatim koukam ma problemy s kompatibilitou prohlizecu. Nemate nekdo nejaky jiny navrh, zkusenost?

    melo by to byt neco podobneho jako
    www.plzenvdatech.cz
    OOPS
    OOPS --- ---
    +1
    Budu vdecny za jakoukoliv podporu meho talku na WebExpu v zari. Diky!

    Modern HTML5 tools to boost your production – WebExpo 2013
    http://webexpo.net/prague2013/proposed-talk/modern-html5-tools-to-boost-your-production/
    OOPS
    OOPS --- ---
    "The first thing a Flash developer writes when starting out with JavaScript - var trace = console.log.bind(console);"
    OOPS
    OOPS --- ---
    +1
    Doporucuju mrknout Reflow tutorial http://gotoandlearn.com/play.php?id=178
    SLASH
    SLASH --- ---
    MATHEW_ER: jj, ale to je feature! (nie bug :) )
    MATHEW_ER
    MATHEW_ER --- ---
    1 odpověď
    SLASH: Ten error popup se zda byt draggable...

    SLASH
    SLASH --- ---
    1 odpověď
    tak tu je link na tu Suits campaign co sme robili pre UKTV a nedavno som ju spominal v suvislosti s motiontracking : http://uktv.co.uk/dave/homepage/sid/9410

    Dajte vediet ak tam bud nejake bugs :)
    OOPS
    OOPS --- ---
    Funkce Copy CSS v novem Photoshopu 13.1
    Copy CSS in Photoshop CS6 13.1 - YouTube
    http://www.youtube.com/watch?v=J0J9mz8qpK0
    PHATE
    PHATE --- ---
    SLASH: stahnu si to a zkouknu. treba to bude resit i me issues a dodelam to. skoda, ze na podobne potize nenarazim v praci. bavilo by me u toho par dnu sedet :)
    SLASH
    SLASH --- ---
    1 odpověď
    PHATE: nie je to vobec to iste :) Canvas nedovoluje draw bitmap s matrixom, tak sa to musi riesit cez spustu triangle draw calls s afine matrix ktore su clipped. Navyse tento kod pouziva adaptivnu tesalaciu.
    PHATE
    PHATE --- ---
    1 odpověď
    SLASH: pekne. ten kod je v podstate stejny jako flashovy, co jsi sem tehdy posilal ne?

    Kazdopadne Apple zklamal, ale chapu je, ze musi kvuli autorskym pravum na videa co muzou byt na ipadu prehravana....
    SLASH
    SLASH --- ---
    1 odpověď
    PHATE: to nic, (thanks for trying btw!)nakoniec som to rozbehal a potom zistil ze to na iPad-e nemoze vobec fungovat.. lebo fucking apple nedovoli kopirovanie video elementu na canvas (na mobilnom safari) takze nieco podobne sa na iPade spravit NEDA... :(
    PHATE
    PHATE --- ---
    1 odpověď
    JOHANIES: a hledas reseni na urovni html, nebo do hybridni aplikace? pokud hybrid, tak by nemel byt problem si prgnout nativni komponentu, ktera by vice stop resila. na urovni ios jsem schopen s tim pomoct.

    SLASH: no hele ja to rozdelal, ale zase odlozil, protoze jsem se zasekl a nevedel jsem jak dal. pak jsem na to popravde zapomnel, protoze mame standardni "okurku" na konci roku a makame jak fretky. na "free work" uz bohuzel moc sily nezbyva. pokazde odejdu z prace a nemam vubec chut si sednout ke kompu a hrat si...
    JOHANIES
    JOHANIES --- ---
    1 odpověď+1
    Zdravím, nevítě někdo o jakémkoli řešení, jak přehrávat více než jednu stopu na iPhonu?
    Zatím to vypadá, že to fakt nejde, ale třeba někdo budete znát nějaký hack.

    Jinak moc nechápu, proč jsou na iPhonu tyhle věci zakázaný, vč. spouštění medií bez uživatelského eventu, když je možný ty soubory bez problémů preloadovat :)
    TIKOT
    TIKOT --- ---
    SLASH: díky za vyčerpávající shrnutí, od flashe postupne upoustime neboť pravidelný požadavek klientů je: "Chceme aby to fungovalo i na iOS". Méně pravidelný pak je: "Nechceme flash". Sophiina volba. Flash umí vše potřebné, ale HTML5 je cool. Btw Suits mam rad, takze se budu tesit .)
    SLASH
    SLASH --- ---
    1 odpověď+4
    my sme uz pred 3 mi rokmi robili ovela viac advanced veci ako takethislolipop, (neviem ci si videl MAG campaign co sme robili pre Sony Entertainment...)
    Nasa facebook integracia bola motiontracked, takze obrazky su aplikovane za pohybu kamery, pricom aplikujeme ligtning a adaptive motion blur..

    Robime to tak ze natocime zabery a potom pouzivame mocha + after effect na vygenerovanie 4points tracking coordinates, ktore potom vyexportujeme z mochy a naimportujeme do flashu.

    Teraz momentalne robime kampan pre serial Suits (interaktive interview z postavou z Suits - Luis Litt) , kde tiez pouzivame takyto postup (ak to bude live, tak dam linku na illustraciu,..) ale sme co raz tym viac tlaceny aby to fungovalo aj v HTML..

    v HTML su s tym kopec problemov, ako performance, kompatibilita z browsermi (IE verzie bez podpory canvasu) a video formatmi (mp4 vs WebM vs ogg) ..

    Dalej su tam take male ale podstatne prekazky typu, na canvas musis pohybovat veci o cele pixely, kdezte vo flashi mozes pouzivat subpixely .. (co robi synchronizaciu pohynu s videom smooth, zatial co v html trhanu) vo flashi mozes pouzivat embed fonts na canvas nie..

    A co sa tyka mobilnych browserov, tak to je este ovela horsie. Performance je shit, na apple devices nemozes mat viac nez 1 ! zvuk sucasne (teda pokial nepouzivas iOS 6+ (iPad3 iPhone5) a web audio api, ale aj to je tam dost buggy) a apple ti nedovoli preloadnut video automaticky - user musi kliknut .. takze buffering and buffering...:( )

    a este nech mi niekto tvrdi ze html 5 v pohode nahradi flash ! :(
    TIKOT
    TIKOT --- ---
    SLASH: to demo vypadá hodně zajímavě, zrovna jsme řesili, jestli by šlo nc jako http://www.takethislollipop.com/ udělat v html, takže možná i šlo, i když by to asi hodně bolelo, ie7-8 nunost
    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..
    Kliknutím sem můžete změnit nastavení reklam