Tag archívum: Canvas

Lentebb megtalálod az összes olyan bejegyzést, amelynek a(z) 'Canvas kulcsszóval meg lettek jelölve.

3D animáció JavaScriptben

3D-s animáció JavaScript-ben

A web egy évtizede, még csak olyan volt, mint egy szűz kislány, sok mindenhez nem értett. Ha valami komolyabbat akartunk kicsikarni weboldalunkból, cselhez kellett folyamodnunk: Beépülőt (pl.: Flash, Java, Silverlight) kellett használnunk. A kor előrehaladtával azonban megtanult egy s mást a kicsike és azok a bizonyos beépülők kezdenek feleslegessé válni.

A modern böngészők nyújtotta lehetőségekre építő Tree.js (3D-s Javascript animáció készítő, ami támogatja WebGL, Canvas és SVG technológiákat) segítségével elkészült egy remek bemutató. A bemutatóban két autót irányíthatunk, változtathatjuk a kamera pozícióját, napszakot válthatunk és motion blur-t (mozgásból fakadó elmosódás) is aktiválhatunk. A bemutató után nem is tűnik olyan távolinak az az idő, amikor egy Need For Speed-hez hasonló játékot vezérlünk a böngészőnkben.

Cikk folytatása

Modern CSS3 (2. rész): Alapvető technikák

Modern CSS

Az első részben nagy vonalakban szó esett a fő szemszögekről, amiket figyelembe kell venni a CSS fejlesztés során. Már ismerjük a modern CSS alapvető jellemzőit, de hogyan is kell azokat használni? Ebből a cikkből több tucatnyi kiváló technikáról tudhatsz meg mindent, kapcsolódó linkekkel, példa oldalakkal és képekkel egybekötve.

A cikkben szó lesz ezekről:

  • Az elemeket érintő változások: árnyékolás, keretek, hátterek, animáció
  • CSS kódjában történt fő változások: szelektorok, média lekérdezés, új doboz modell
  • HTML5 újdonságok: új felépítés, új elemek, JavaScript és plugin függőség
  • IE hibajavítás
  • Rugalmas elrendezés, segédrács
  • CSS keretrendszerek, OOCSS
  • CSS tömörítés, CSS Sprites
  • Betűtípus beágyazás és csere
  • stb.
Cikk folytatása