, begon easeljs: Flash als interface komt het,,,,,,,,,, uitwisseling van aandelen, 28,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, er wat weerstand van de ontwikkelaars van de inhoud van de nieuwe flash - 5.In het licht van ervaren 3 programmeur - zien we wel easeljs javascript gegevensbank, die werken met flash blijkt dat de lijst vergelijkbaar werk zal het canvas.,,, de technologie en de latere wijzigingen; software, de toepassing of het gebruik van technologie in deze handleiding voor bepaalde aspecten van het eerste gepubliceerde ook veranderen.Dit maakt het misschien een beetje moeilijk om mee om te gaan.We zien dat je laatste les over hetzelfde onderwerp, door de bouw van een herziening van de CreateJS, ping - pong spelen, zal het leren, de scène,,, "oorlog" flash en zal het geen nieuws van de deelname van de browser of mobiele ontwikkeling en wijst erop dat in de studie zal Michael, dat wil zeggen zodat je weet dat tussen de behandelingen geen schade. De herziening is, een nieuw en de voortdurende ontwikkeling van de technologie, op dit moment nog niet volledig functioneel instrument is als een flits IDE ter dekking van een spel of toepassing van het hele proces, maar als je bekend bent met de flash bouwer of FlashDevelop zijn niet in 何文本 redacteur van het gebruik van externe dossiers als je het erg moeilijk om een code (noot van de redactie:,,. Een groot aantal javascript en: //europa.eu.int /comm /bewerken, maar zien.JetBrains webstorm een goed voorbeeld van,,, easeljs.) ingevoerd, Twain is en soundjs,,,,, gelukkig, Grant, Skinner heeft javascript bibliotheek zal ons leren meer ingewikkeld.In zijn eigen woorden:,, zal het de nieuwe elementen in het doek de kracht is sterk, maar het is moeilijk werk.Het concept van de afzonderlijke elementen van de interne dat niet, dus je moet handmatig te beheren.Op de plank javascript biedt een voorbehoud grafische vorm. Met inbegrip van een volledige, het niveau van de lijst van de kern, een interactief model, en hulp met het canvas werken te vergemakkelijken, het gebruik van soortgelijke grammatica, easeljs gerealiseerd; het heeft een lijst, een fase, grafische zelfs het filter, het doek zal makkelijker voor ons werk, bovendien, de ontwikkeling van een persoon om onze steun voor de ontwikkeling van de tweenjs en soundjs script, zoals de naam suggereert, de animatie en geluid, blijkt dat de lijst van werken, blijkt dat de lijst vergelijkbaar zijn, 麦思奇: het script. Addchild (kinderen); dit deel van de code, Tarwe, Qi, variabele is de link naar het doek easeljs toneel klas.Meer is bij voorbeeld aan het einde van de les.,, de muis, de manier waarop de gebeurtenissen met de muis is heel simpel:, mychild.onpress = MyFunction myfunction () {console log ('pressed "); de tekst van deze code}, nog op het podium van de tekst en de lokale var. De nieuwe tekst mytext. = ('activetuts +", "vet" 15px helvetica,&#fff); in het kader van myText. X = 25; myText. y = 25; tarwe en QI. Addchild (mytext); 麦思奇. Update (); de prijzen, voorraden, en voorziet in een gecentraliseerde tikt en de hartslag, op gezette tijden. Tik (), radio, gebeurtenis kan worden beschouwd als een 3 enterFrame timer of gebeurtenissen in plaats van, de volgende code vastgesteld voor fase als teken van 30 beeldsnelheid Deines luisteraars, de aandelen. Setfps (30); de. Luister naar de (麦思奇);,, vullen deTussen de klas is easeljs is door de toevoeging van tweenjs script externe en documenten beschikbaar zijn.Het beginsel is vergelijkbaar met de motor van de behandelingen in Mark Twain, Twain. (mijn kinderen), (X 150);,, geluid, kunnen we die dossiers nog soundjs script schrijven voor de volgende code geluid:, soundjs. Toevoeging van ('mysound "," goede doel. De mp3 - speler, 1); soundjs. Spelen ('mysound ");,, hoe gaat het met de wereld.Als er geen sprake is van een van de voorbeelden van de wereld, is de invoering van een programmering van bibliotheken niet compleet.In overeenstemming met de volgende stappen van de wereld het beeld creëren. Hallo, met inbegrip van de gebeurtenissen, de muis een zeer eenvoudige tekst goedgekeurd,.,, stap 1: http: //europa.eu.int structuur, we bereiden ons voor op de http: //europa.eu.int), het is een simpel: //europa.eu.int /comm /structuur begon met het schrijven van onze programma 's. <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int > < hoofd > < titel > Hallo < /titel > < /hoofd > < lichaam > < /body > < /html > stap 2: de verborgen, mobiele benadrukt. Laten we nog een CSS: deze lijn zal het schrappen van de standaard wordt, als je op een element van het gebruik van mobiele browsers; zonder deze mobiele ervaring zullen dalen. <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int > < hoofd > < titel > Hallo < /titel > < stijl > * {- norm te klikken op kleur: rgba (0, 0, 0, 0);} < /stijl > < /hoofd > < lichaam > < /body > < /html >,, in stap 3: javascript, de volgende code toe te voegen aan onze werkzaamheden de toepassing noodzakelijke javascript <.Doctype html> < html> < head> < title> hello World< /title> < style> *{-webkit-tap-highlight-color: rgba (0, 0, 0, 0);}< /style> < script src = "easel.js" > < /script> < SCRIPT src = "Tween.js" > < /script> < script src = "HelloWorld.js" > < /script> < /head> < body> < /body> < /html>,, stap 4: call of functie, in de volgende lijnen We noemen ons de fabrikant, dit is de belangrijkste functie die later zal worden gecreëerd in onze javascript. Lt.;.Doctype html> < html> < head> < title> hello World< /title> < style> *{-webkit-tap-highlight-color: rgba (0, 0, 0, 0);}< /style> < script src = "easel.js" > < /script> < SCRIPT src = "Tween.js" > < /script> < script src = "HelloWorld.js" > < /script> < /head> < het onload= "Main (); de" > < /body> < /html> stap 5:,, het canvas; - de doek is toegevoegd in deze lijn, we geven een id - en ook het later. In de breedte en lengte., <.Doctype html> < html> < head> < title> hello World< /title> < style> *{-webkit-tap-highlight-color: rgba (0, 0, 0, 0);}< /style> < script src = "easel.js" > < /script> < SCRIPT src = "Tween.js" > < /script> < script src = "HelloWorld.js" > < /script> < /head> < het onload= "Main (); de" > < het = "hallo" wereld breedte = "480" hoogte = "320" > < /canvas> < /body> < /html>,, stap 4: laten we beginnen onze app javascript creation.Open je de eerste javascript redacteur (fundamentele tekst redactioneel werk, maar je hebt niet de syntaxis), schrijf je vreselijke programma.Weet je nog dat er een in je dossier, is de uitbreiding van het project MAP.,, zeven stappen: de definitie van doek, zullen we beginnen met de definitie van de grafische en alle logica van de variabele, in het kader van een variabele: //europa.eu.int /comm /het element en een podium, en Het zal worden.Variabele, fase zal op dezelfde wijze aan de fase 3, /* * * * * * * * * * * * * * /var. De definitie van het canvas, var; 8:,,,,,,, tegen de achtergrond van deze variabelen voor de opslag van de achtergrond, de achtergrond /* * * * * * * * * * * * * * /var bgsrc = nieuwe beeld (); ///////de bron van deze winkel BG - beeld van variabele gegevens; ///////- tegen het gebruik van easeljs, stap 9: de knop,,,,,, een andere variabelen voor de opslag van beeld knop, /* * /var btnsrc = nieuwe beeld (); var de knop; 10:,, de stappen van de variabelen die we gebruiken, lees de code in om te bepalen of ze de toelichting, /* * /variabele var de gecentraliseerde uitwisseling = 275; ///////- centrum in de arena = 150; var gfxloaded = 0; ///////- vlag als in, stap 11: de fabrikant, die een fabrikant is van een functieN rennen door het creëren van het voorwerp is van de uitvoering van een specifieke functie; deze zal in de eerste plaats als website geladen, Main () {///////de functie van de code...},, stap twaalf: in verband met de canvas, deze code http: //europa.eu.int doek id en in verband met de easeljs fase.Dit zal het podium wordt als in de fase van klasse 3, /* * * * * * * * * * * * * * /canvas doek documenten. GetElementById ('helloworld "); de fase van de nieuwe fase (= canvas);,, stap 13: de opening van de muis, de muis voor De standaard easeljs verboden om de prestaties te verbeteren.Want we moeten in de toepassing van de procedures, wordt het volgende toegevoegd: we zullen stage.mouseeventsenabled = waar;,,, - stap 14: grafische, is de code voor de pre - de functie van hulp, zullen we schrijven.Het stelt ons voor documenten van de bron in het beeld van het dossier.Een naam voor de opsporing en behandeling van de functie van de laatste beelden geladen beeld worden genoemd, /* * * * * * * * * * * * * *. /bgsrc.src = "belasting gfx BG. Papoea - Nieuw - Guinea"; bgsrc.name = "BG"; bgsrc.onload = loadgfx; btnsrc.src = "knop. Papoea - Nieuw - Guinea"; btnsrc.name = '- knop', je btnsrc.onload = loadgfx;; de foto 's downloaden van boven nodig (of doe - het - zelf) om het werk te doen, en stap 15: vaststelling van een code, de volgende code beeldsnelheid voor 30, en de definitie van de fase van de tweenjs tik tik luisteraar, zal luisteren naar de uitvoering van animatie, /* * * * * * * * * * * * * *. /de code. Setfps (30); van aandelen. Luister naar (fase);,, stap 16: aanscherping van de grafische, elke keer als een patroon laden deze functie zal functioneren.Het zal een bitmap beeld en controleer alle toegewezen aan elk van de elementen voor de functie van laden, loadgfx (e) {als (e.target.name = "BG") (BG = nieuwe bitmap (bgsrc);} als (e.target.name = "knop") (de oprichting van nieuwe bitmap (btnsrc); gfxloaded + +); /* weergegeven grafische, totdat iedereen als een * * * * * * * /(gfxloaded = = 2) {}); buildinterface (17), en maatregelen: het opzetten van een interface, waar deze code, grafische op het podium, de toevoeging van een muis op de knop, de functie buildinterface () {x = de gecentraliseerde BTN. De uitwisseling van - 40; knopen. Y = eeuw - 12; fase. Addchild (BG, BTV); fase. Actualisering (); ////////* * * * * * * * * * * * * * /aan de knop belangrijke luisteraar btn.onpress = showtext;}, stappen in de richting van de weergave van de tekst, 18: de functie van de looptijd,E - knop, en in de toelichting de functie van de code, showtext () {console logboek (dit is mark! ")/* geschrapt; luisteraar /btn.onpress = nul; * * * * * * * * de tekst /var MSG = nieuwe tekst ("wereld!""Arial", moedige 25 pixels, "# EEE"); mononatriumglutamaat. X = gecentraliseerde uitwisseling - 70; mononatriumglutamaat. Y = eeuw; fase. Addchild (MSG); * * * * * * * * * * * * * * msg.alpha = 0; //tussen de animatie. (BTV), (+ 50} {y: eeuw, 300); Twain. (MSG). (4), (α}:1400);}, dat is het!Klik hier voor de eenvoudige demonstratie, op het einde, actie, gefeliciteerd!Je doet gewoon een toepassing zal het canvas verenigbaar met alle grote Explorer, met inbegrip van de mobiele.Blijf kijken voor meer in activetuts +. En ik hoop dat je genoten hebt van deze handleiding, dank u voor te lezen.,