, opbygge et strålende binære ur med flash,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet greensock tweening platform. bygge en slider microsite med greensock ' s tidslinje lite, i denne forelæsning, vil vi skabe en usædvanlig, men meget cool slags ur: en binær ur.,,,, det endelige resultat se, lad os se på det endelige resultat, vi arbejder hen imod:,, trin 1: hvad betyder binære?alle ved, hvordan man tæller, men ikke alle ved, der er så mange forskellige måder at gøre det på.vi er vant til en speciel måde at tælle, der hedder decimalsystem, men vi kunne også anvende hexadecimal, oktale eller binært system, blandt andre. i vores decimalsystem, vi tildeler 10 angiver det samlede antal tommelfingre, at vi hver især har, og tælle op og ned.men i binære, 10 er det samlede antal tommelfingre... så 10 i binære er lig med 2 decimaler; 11 i binære er 3 i decimal; 100 i binære er 4 i decimal, og så videre.så i stedet for hver kolonne repræsenterer enheder, transeuropæiske net, hundreder, tusinder,...(talt fra højre mod venstre) udgør de enheder, to, fire, otte, en fordobling af hver gang. så nummer 10, vi normalt ser kan være repræsenteret i diferent måder:,, binært system er baseret på nummer to, det er derfor, det hedder, bi, ikke som i modsætning til det, dec, lille system, som vi normalt bruger, og som har en base på 10.binære system er den, der anvendes af computere til at arbejde, fordi vi kan bruge det til at repræsentere en række ved hjælp af en række kontakter "på" (1) og "off" - (0). med denne viden, kan du finde ud af, hvordan man læser uret i omvendt?hvis du vil vide mere om det, du kan google binære tal system og tjek infoen om det =), trin 2: skabe flash - fil, skabe en ny as3 flash - sagen, og det navnet binary_clock. blp ".,, trin 3: oprettelse af det tidspunkt, går til de egenskaber og ændringer den størrelse, 550x400 og baggrund farve til𶐎,.,,, trin 4: få tweenmax, gå til tweenmax projektets websted og downloade biblioteket for as3.,, løntrin 5: extract tweenmax, unrar filen og kopiere den mappe, der hedder" kom "til den mappe, hvor du har dit, binary_clock.fla, fil.,, trin 6: skabe lidt nu, gå til, indsæt > nye symbol, og kalder det" lidt "med type film magasin.,," lidt "" vil være en etcifrede af et nummer.det er to stater, to forskellige farver: den ene er 0, og andre vil udgøre 1.,, trin 7: tegne lidt, i det symbol, du har skabt, en ny torv i 50x50px.,, trin 8: ændre den smule, ændre farven på pladsen til�cbff og center.,, trin 9: skabe kolonner, tilbage på scenen, tag nogle stykker fra biblioteket panel og få dem til at skabe de kolonner, vi vil bruge.du skal afslutte med noget, som denne:,, trin 10: tilføje nogle elementer, hvis du vil, kan du tilføje tekst etiketter og retningslinjer for at gøre det mere forståeligt:,, trin 11: tildele instans navne, for hver del, ændre instans navn på dets egenskaber panel.give dem navne såsom billedet nedenfor viser:,, trin 12: forbindelse ned til et dokument, klasse, gå til egenskaber panel og klasse inden for "primære", det er navnet på den kategori, vi kommer til at skabe i det næste skridt.,, (ikke sikker på hvad det er her?læs denne hurtig introduktion til dokument klasser.), trin 13: skabe dokument klasse med fase er afsluttet, kan vi nu begynde at kodning.først skaber en ny actionscript 3,0 fil og redde det som "vigtigste. som.", tilføjer denne kodeks til sagen:, pakke (import flash.display.movieclip; offentlige klasse vigtigste udvider movieclip {offentlige funktion main() (}), punkt 14: tilføje den import, der er nødvendig for, at vi begynder med at importere de nødvendige klasser.det under pakken erklæring:, import flash.display.movieclip; import flash.utils.timer; import flash.events.timerevent; import kom. greensock. *; import kom. greensock. lempelse. *;,, trin 15: erklærer variabler, vil vi erklære visse offentlige variabler.det under klasse erklæring: offentlige var ur: timer = nye timer (1000); offentlige var dato: dato = nye date(); offentlige var hr. int, offentlige var min: int; offentlige var sek. int, offentlige var dele: array, skaber en ny dato, er det formål automatisk til nuværende tidspunkt. trin 16: tildele værdier, okay så lad os tilføje den kode, der vil starte uret.det er i main() funktion: //med det, vi tildeler de faktiske værdier for tiden for hver variabel (= dato. getseconds(); min = dato. getminutes(); hr = dato. gethours(); ur. start(); ur. addeventlistener (timerevent.timer, settime), skridt 17: skabe settime() funktion, det er den funktion, som vil blive kaldt hvert sekund. privat funktion settime e: timerevent): tomrum {dato = nye date(); jf. = dato. getseconds(); min = dato. getminutes(); hr = dato. gethours();}, gå 18: omdanne decimal for binære, denne funktion vil ændre et decimaltal til en todelt system, som vil blive anvendt senere. privat funktion dec2bin (dec. int, længde: int): system {var bin: array = nye array(); (da /2) > 0) //bemærker, har det sammevirkning ", mens (dec. /2) > = 1)" (bin. tryk (dec) 2); //dec% 2, er * resterende * når dec er delt i to.3%, 2 = 1, 4% 2 = 0, 5% 2 = 1, 6%, 2 = 0. //- med andre ord, dec% 2 - 1, hvis dec er underlig og 0, hvis dec er endnu.\t\tdec=dec/2;\t\t\t//because dec is an int, it will be rounded \t} \twhile(bin.length<length) bin.push(0);\t//this is just padding the array with extra zeroes \treturn bin; },So, dec2bin(13, 4) gives [1,1,0,1]., , Step 19: Create the converter() Function,This function takes a decimal number and uses dec2bin() to convert it to the 2-column array we have in the display., private function converter(num:int):Array { \tvar st:String=String(num); \tif (st.length==1) st='0'+st; \tvar fDigit:int=int(st.charAt(1)); \tvar sDigit:int=int(st.charAt(0)); \tvar fColumn:Array=dec2bin(fDigit,4); \tvar sColumn:Array=dec2bin(sDigit,3); \tvar result:Array=fColumn.concat(sColumn); \treturn result; }, , Step 20: Turning Bits On and Off,Now we need to add something, der bliver de dele af og på. det er, hvad denne funktion omfatter: //newbits er 2-column system, vi får fra converter(), målet er "h" "m" eller "s" til at angive, hvilke kolonne til at anvende privat funktion turnbits (newbits: mange mål: string): ugyldig (//loops gennem 2-column system til at ændre det lidt for (var - en: int = 0; en < newbits.length; a + +) (//denne kontrol, hvis de nu forsøger at få adgang til del 6 i time kolonner, husker, at h - kol har kun 5 cent, hvis (a!= 6)