CreateJS, de oprichting van een spel, 5, 14,,,,,,,,,, 45 - eenheid,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, netwerken te snel, we de oorspronkelijke easeljs - training is achterhaald.In deze handleiding zal je leren hoe te komen tot een eenvoudige - gebruik te maken van de nieuwste CreateJS suite.,,, het uiteindelijke resultaat bekijken, laten we eens kijken naar de resultaten van de uiteindelijk zullen we ons concentreren op:,,, klik spelen, deze handleiding is gebaseerd op de 卡洛斯亚涅斯 te creëren en de easeljs komt een ping - pong toernooi. Dit is de oprichting van in het begin van zijn easeljs gids.Beeld en geluid effect is van de vorige les, stap 1: het creëren van /index.html, dit is onze heer, /index.html documenten:, <.Doctype html> < html> < head> < title> Pong< /title> < style> * /* * *{-webkit-tap-highlight-color:; Removes mobiele op rgba (0, 0, 0, 0);}< /style> < '"=" http://code.createjs.com/easeljs-0.4.2.min.js "> < /script> < script src =" http://code.createjs.com/tweenjs-0.2.0.min.js; "> < /script> < script src =" http://code.createjs.com/soundjs-0.2.0.min.js "> < /script> < script src =" http://code.createjs.com/preloadjs-0.1.0.min.js "> < /script> < script src =" http://code.createjs.com/movieclip-0.4.1.min.js "> < /script> < script src =" ldpi /soundjs.flashplugin-0.2.0.min.js "> < /script> het script src = <" Main.js < /script&">GT; < /head> < het onload= "Main (); de" > < het = "PongStage" breedte = "480" hoogte = "320" > < /canvas> < /body> < /html>, zoals je kan zien,, Het is mooi. En consists evenwel van het laden van het nee CreateJS libraries., de vrijlating van CreateJS (die basically bundels alle afzonderlijke EaselJS bibliotheken) We hebben niet langer te downloaden van de bestanden en de gastheer is ze op onze website; de bestanden zijn nu in a) (inhoud leveren, Network) die staat die deze bestanden remotely als ons te snel als zijn, laat 's: de code, < style> /* Removes mobiele op * /*{-webkit-tap-highlight-color: rgba (0, 0, 0, 0);}< /style> deze lijn, de mobiele removes' die kunnen verschijnen als je proberenIn de mobiele spel spelen.(de mobiel op het voorwerp te krijgen hun de highlighted en derhalve het starten van je vinger movements.), hebben de volgende. En we laden van de CreateJS libraries:>,, < script src = "http://code.createjs.com/easeljs-0.4.2.min.js" > < /script> < script src = "http://code.createjs.com/tweenjs-0.2.0.min.js" > < /script> script src = < "; http://code.createjs.com/soundjs-0.2.0.min.js" > < /script> < script src = 'http: //code.createjs.com/preloadjs-0.1.0.min.js "> < /script> < script src =" http://code.createjs.com/movieclip-0.4.1.min.js "> < /script> deze code loads js, de dossiers van de CreateJS CDN en het gebruik te basically staat ons een van de CreateJS functies in onze code, de volgende. We zullen die de Sou- ndjs flash, het zal niet voor de browser ter ondersteuning van audio - te steunen.Dit is door het gebruik van een SWF 's doen (flash object) - geluid., < script src = "activa /soundjs. Flashplugin-0.2.0. J' s" > < /scripts >, in dit geval, zullen we geen gebruik maken van CDN; integendeel, wij zullen soundjs bibliotheek gedownload van http: //COM /&#CreateJS!/SoundJS/download en plaats de, soundjs.flashplugin-0.2.0.min.js, en, FlashAudioPlugin.swf, bestanden in een lokale folder genaamd, niet onder de. Laatste js, files, we 'll Main.js, die het dossier zal bevatten, die alle de code tot onze game:, < script src = "Main.js" > < /script>, ten slotte, laat;' s plaats a doek object op ons stage., < het onload= "Main (); de" > < het = "PongStage" breedte = "480" hoogte = "320" > < /canvas> < /body>, nu kunnen we beginnen die werken voor de wedstrijd. Stap 2:,, de variabelen, ons spel code zal worden in een dossier, dus Main.js genaamd,,) en SAVE dit nu, ten eerste, laat 's zien of de grafische afdeling voor alle in de game:, var het //Will worden geconstateerd; de doek in onze /index.htmlBladzijde var; ///////3 is het toneel op gelijkwaardige; we zullen samen met de "kinderen" //////////////[van] figuur var BG; ///////achtergrond grafische /[titel] de belangrijkste standpunten van de belangrijkste var; //////////////startb achtergrond variabelen; de start knop in het hoofdmenu var creditsb; ///////de knop op het menu van het krediet] /[var. //////////////- kredieten; het scherm spel oog] var speler spelers tekenen; /////////- bal, bal CPU 's vliegtuig werk; CPU' s peddel var winnen; /- verlies van de winnende var; /verloren POP - up, heb ik nog een opmerking voor elke variabele, weet je Dan laden we de variabelen, de volgende punten scoren,. ///////////////playerscore] var. De topscorer van reactieve cpuscore CPU scor; ///////E - CPUSpeed = 6; ///////- snelheid CPU 's; sneller is een moeilijk spel, we moeten de variabelen voor de bal, de snelheid, de: ///////var = 5; var, je yspeed = 5; deze waarden kunnen worden veranderd, wat je Wilt, als je wil dat spel makkelijker of moeilijker als je een flash ontwikkelaars, weet je, flash, in elk frame, is zeer nuttig om spelletjes te spelen, indien nodig in elk beeld van wat er is gebeurd.Als je niet bekend zijn met het begrip, kijk naar dit artikel spel cycli.), we hebben een gelijkwaardig is aan de in elk frame, op CreateJS, dat is de code, het voorwerp, kan een voor een fractie van een seconde.Laten we tot de variabelen, de link naar het:, de VAR - TKR = nieuwe objecten;. Nu hebben we een pre -, zal het gebruik van de nieuwe methode, preloadjs. ///////- werk in de lijst opgenomen -; var; var totalloaded = 0;,, geladen met preloadjs object,., de lijst van dossiers duidelijk zal moeten worden geladen, -.,, totalloaded, deze variabele om documenten al geladen hoeveelheden.,, de laatste in de lijst van variabelen voor ons, we hebben, titleview, zal in een paar cijfers, om te laten zien dat ze samen (zoals Flash, displayobjectcontainer,), var titleview = nieuwe container (de voornaamste functie);, we veranderen van stap 3:,,... In de belangrijkste () functie, die de eerste functie is, na de werking van alle jsUit het dossier, /index.html, laden.Maar wat is dit?Oké, weet je nog, de lijn van het dossier, /index.html?Het lichaam, < onload = "Main ();" > dit deel van de code van de staat, zodra de: //europa.eu.int /comm /(en bibliotheken) belasting, de belangrijkste functie zou moeten zijn, laten we de herziening van het functionele Main () {/* * /link canvas doek van documenten. GetElementById ('pongstage ") een nieuwe fase; - = = = = = = (canvas); stage.mouseeventsenabled = waar; /* de browser niet steunen soundjs * /soundjs.flashplugin.base_path = activa" /"flash -; als (!Soundjs. Checkplugin (echt)) (signalering ("fout!"); terug;} kennelijke = [{src: "bg.png", id: "BG"), {src: "main.png", id: de "grote"), {src: "startB.png", id: "startB"), {src: "creditsB.png", id: "creditsB"), {src: "credits.png", id: "kredieten"), {src: "paddle.png", id: "CPU 's"), {src: "paddle.png", id: "player"), {src: "ball.png", id: "bal"), {src: "win.png", id: "winnen"), {src: "lose.png", id: "en"), {src: "playerScore.mp3