Exclusive Freebie: Personlig 3D Interaktiv Beach Ball
Del
Del
Del
Del
Dette Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av
Det er tid for en annen Eksklusiv Freebie.; denne gangen AerisT tilbyr en smak av sommer til Activetuts + lesere. Legg dine egne beach party logoen til 3D interaktiv badeball! Filen bruker open-source Papervision3D motor og laster bilder via XML.
Last ned dette eksklusive Freebie Demo se det på nettet
Interaktiv Demo
Sjekk ut badeball med et eksempel logo:
Hvis du tar en titt på demoen, kan du klikke og dra ballen for å rotere det. Du kan bytte ut logoen med et bilde du liker! Den er styrt av en ekstern XML-fil, så du trenger ikke engang å ha Flash redigeringsmiljøet.
Baseball Origins
Nylig, en klient av meg, som var i ferd med å utforme et nettsted for en barneklubb baseball team, ba meg om å hjelpe ham krydre opp området med noen Flash-elementer. Jeg foreslo ideen om å innlemme en 3D interaktiv baseball utstillingsvindu lagets logo. På den tiden hadde jeg ikke har den ringeste anelse om hvordan jeg skulle utføre oppgaven, men det var en interessant idé, så jeg bestemte meg for å forfølge den.
Etter snubler rundt med ulike konsepter implementerings å lage en 3D-sfære effekt og blar gjennom ActiveDen aksje Flash tilbud uten mye suksess, jeg endelig landet på bruk av open-source Papervision3D motor. Selv om jeg var nytt for PV3D, mine tidlige tester ga meg noen virkelig lovende resultater, og jeg skjønte raskt at det var riktig teknologi for oppgaven.
Jeg gravde i å PV3D og etter mye eksperimentering og noen gode råd fra andre forfattere på ActiveDen, var jeg i stand til å lage en 3D-sfæren som en detaljert tekstur kunne brukes, var interaktive med musen, og inneholdt en tilpasset logo drevet av en XML tekstfil. Det var den perfekte løsningen for min 3D interaktiv baseball (og denne stranden ball)
The Challenge. Å få Texture å vikle
Den neste utfordringen var å skape en realistisk bitmap tekstur som kan brukes på 3D-sfære. Dette viste seg å være litt vanskelig på grunn av måten PV3D brytes teksturer rundt sfære primitiver. I utformingen min tekstur, måtte jeg ta hensyn til det faktum at de øverste og nederste kant av bitmap ville bli komprimert når kartlagt til sfæren. Visuelle elementer i mitt bitmap tekstur som var nær toppen eller bunnen av bitmap som trengs for å bli strukket bredt for å kompensere. (For eksempel, på stranden ball, topp- og bunn røde sirkler er faktisk røde rektangler som strekker seg hele veien over bitmap tekstur bredde - se figur Når pakket på kula, vises de som sirkler..)
Som et resultat av PV3D konsistens påviklingstrinn, brukte jeg litt tid å perfeksjonere teksturer i et grafisk design program.
Endelig resultat
Som du kan se av denne 3D badeball, resultatet av mine anstrengelser viste seg ganske bra. Denne stranden ball er en nedstrippet versjon av Actionscript 3.0 kode jeg brukte for det opprinnelige baseball. Badeball er helt inne sin egen MovieClip - så det er lett å dra-og-slipp inn i en Flash prosjekt. Alle de Actionscript-kode for badeball finnes på stranden ballen egen tidslinje, så det er ingen eksterne klassefiler å administrere. Jeg skal innrømme at eksterne class filer er en flott måte å kode, men i dette tilfellet, jeg foretrekker enkelheten av å holde alt på ett sted.
badeball er en flott måte å annonsere en kommende strand- themed hendelse eller sommertur. Legg dine egne logo enkelt ved å endre den medfølgende XML tekstfil og lenke til et annet nettsted ved å angi en URL link på dobbeltklikk. Seerne vil sette pris på å ha noe de kan samhandle med.
Så hva blir det neste? Kanskje i fremtiden vil jeg vurdere å bygge et spill med en av disse 3D baller. (Gi meg beskjed hvis du har noen gode spillkonsepter.)
Hvis du liker denne badeball, gå og sjekke ut mine 3D-Sport Balls på ActiveDen og se baseball som startet det hele! Anmeldelser