Nova spletna stran v PaperVision 3D !
14 03 2010Ena izmed redkih strani v sloveniji, ustvarjena s Papervision3D tehniko 3D prikaza ( stran je v teku izdelave ).
Tagi : actionscript 3, as3, Flash, papervision, Pv3d
Kategorije : Flash
Ena izmed redkih strani v sloveniji, ustvarjena s Papervision3D tehniko 3D prikaza ( stran je v teku izdelave ).
Pa še ena izmed lažjih 3D modelov importanih iz Blender-ja v Flash ( papervision ). Ni kaj dosti za povedat, mogoče edino da sem uporabil na tem modelu “PhongMaterial” ter luči, da se model osvetljuje in senči ter da model s premikanjem miške rotiramo v 3D prosturu.
Primer:
Za ogled videa Flash , prosim omogoči Javascript in Flash.Kot sem v eni izmed prejšnih objav obljubil, sem danes ustvaril en enostaven 3D objekt v Blender-ju ter ga preko skripte exportal za Papervision3D. Pred tem sem še na kratko naredil UV mapo objekta da ima neko podobo
Da nebi bilo vse tako monotono sem že dodal da lahko s premikanjem miške rotiramo objekt v X in Y smeri. Za podrobno razlago me kontaktirajte
Primer:
Za ogled videa Flash , prosim omogoči Javascript in Flash.Creative,
Če vas zanima kako v nekaj korakih popraviti staro sliko v photoshopu si oglejte tutorial na psdtuts.com kjer prikazuje kako v nekaj preprostih korakih lahko popolnoma popravite sliko, ki je pred tem veljala za neuporabno
Primer z povezave:
Creative,
Na blogu yeeeeee.com sem zasledil kompilacijo 30 kreativnih logotipov odličnih če iščete inspiracijo
Za pogled objave kliknite na sliko:
Creative,
Že pred nekaj časa sem ustvaril igro Križec-Krožec (tic-tac-toe) sedaj pa sem se odločil da jo tudi objavim
Same kode je nekje 500 vrstic + komentarji. Najbolj obsežne funkcije so za preveritev vseh možnih kombinacij, torej da preveri če je že kdo dobil zmagovalno kobinacijo
Najtežja pa mi je bila tista za “artificial intelegence” kjer računalnik preverja, ko igramo prti njemu, kam naj odloži svoj krožec, da te po domače zašije če si tik pred zmago. Funkcijo za računalnik bom v naslednji izdaji nadgradil ter izpopolnil da bo še težje premagati računalnik. Vse ostalo kar sem moral sprogramirati da deluje, je le stvar rutine.
Igra še ni popolnoma dokončana tako da so Bug-i pričakovani. Naslednjič, ko bom imel čas bom izdal finalno verzijo, so stay tuned !
Igra:
Za ogled videa Flash , prosim omogoči Javascript in Flash.Creative,
Kot sem obljubil v predzadnji objavi, sem danes ustvaril simpl rotacijo 2D objekta v 3D prostoru glede na pozicijo miške na Flash animaciji.
To dosežemo tako da poiščemo trenutno pozicijo miške na Flash movie-u ter jo delimo z višino ali širino celotnega flash movie-a ter pomnožimo z 360, taka enačba nam vrača pod kakšnim kotom naj se objekt rotira, bodisi glede na X ali Y.
Naslednjič bom prikazal primer kako pospešujemo ter zmanjšujemo hitrost rotiranja med izvajanjem animacije.
Primer:
Za ogled videa Flash , prosim omogoči Javascript in Flash.Creative,
Za demonstracijo rotacije po x-osi sem uporabil preprost način v papervision-u, to je funkcija yaw().
Da nebi bilo vse tako pusto sem dodal še “simpl” interakcijo z miško. Če postavite focus na objekt potem objekt preneha rotirati
Za naslednjič bom pripravil demonstracijo kako lahko spreminjamo preko mouse eventov lastnosti 2d ali 3d objektov.
Z materialom:
Za ogled videa Flash , prosim omogoči Javascript in Flash.Brez materiala:
Za ogled videa Flash , prosim omogoči Javascript in Flash.
Creative,
Že dlje časa sem razmišljal da bi ustvaril nek simpl Panoramski (360°) ogledovalec slik, medtem ko sem brskal tuje bloge in gledal njihove PV3D umetnine
Tako sem se danes spravil tudi končno k realizaciji.
Idejo za realizacijo sem dobil že pred tem ko sem brskal po spletu in sem videl da se da to ustvariti z izdelavo 3D objekta krogle (“Sphere”) ter nanjo prilepiti sferično panoramsko sliko, seveda s pomočjo Papervision3D classov.
Sama koda ni pretirano komplicirana, najprej sem ustvaril osnovne Papervision elemente (viewport,camera itd.) nato pa postavitev materiala ozr. slike ter same sfere v sceno. Interakcije se vse vršijo preko miške ter koleščka.
Najtežje od vsega mi je bilo poiskati sferično panoramsko sliko , kajti to je novo področje zame.. Še dobro da imamo mr.Googla
Sliko sem našel na: http://forum.websitebaker2.org/index.php/topic,2599.0.html
Izdelek sem ustvaril v Flexu okolju v programskem jeziku ActionScript 3.0 s Papervision3D classi.
Vsak vaš “feedback” je dobrodošel
Navodila:
-Premikanje se vrši z klikom na področje slike
-Zoomira se pa preko koleščka (“mouse wheel”)
Za ogled videa Flash , prosim omogoči Javascript in Flash.Creative,