Voor deze Workshop doen we een codeeruitdaging! Het kan lastig zijn om te gaan zitten en nieuwe coderingstechnieken te oefenen, dus hier is een leuke oefening die je helpt deeltjeseffecten te leren kennen door je een aantal ideeën te geven voor wat je ermee moet doen.
Bijwerken: Ik heb mijn eigen demo aan het bericht toegevoegd, compleet met broncode; het is een Stage3D en Starling dynamische "fire trail" -generator, geïnspireerd door Back to the Future!
Heb je Shiu's recente Stage3D Starling Particle Effects-tutorial gezien? Hier is mijn favoriete demo van:
(Sleep met de muis om het schip te verplaatsen en druk op A om het smeulen te vergroten.)
Ik denk dat Starling en Stage3D echt belangrijke onderwerpen zijn om te leren voor elke Flash-ontwikkelaar die aan games of grafische effecten werkt. Maar ik besef dat het soms moeilijk kan zijn om inspiratie te vinden voor wat te doen do met deze tools, dus deze uitdaging is om u aan te moedigen om te experimenteren en uw creaties te delen.
Het is eenvoudig: gebruik het particle effect-framework van je keuze (in Flash, Unity of JavaScript) om speciale effecten te creëren die zijn geïnspireerd op sci-fi-films en tv-programma's.
Hier zijn een paar suggesties:
De tijdreizen van Back to the Future:
Vrijwel elke intro van Doctor Who:
lightsabers:
Phasers (blasters, plasmaregers, etc.):
Star Trek-transporters:
Hyperspace-sprong:
Al deze voorbeelden zijn in 3D, maar de uwe hoeft dat niet te zijn - in feite zou het waarschijnlijk gemakkelijker zijn om u te concentreren op de effecten zelf als u eenvoudige 2D-afbeeldingen gebruikte.
Ik raad aan om Starling te gebruiken als je Flash gebruikt. Eenheid heeft een deeltjesstelsel ingebouwd: Shuriken. JavaScript heeft ook een paar opties; misschien wilt u ThreeJS proberen met of zonder SparksJS.
Dit is een persoonlijke uitdaging; het doel is om je aan te moedigen om te spelen met nieuwe technieken, in plaats van te concurreren om een prijs te winnen. Dat gezegd hebbende, zou ik graag zien wat u maakt, en ik ben er zeker van dat andere lezers uw voorbeelden ook echt nuttig zouden vinden!
Dus als je iets leuks bedenkt, stuur het dan op via dit formulier of link ernaar in een commentaar hieronder.
Ik zou kunnen doen met het oppoetsen van mijn eigen deeltjeseffectvaardigheden, dus ik heb zelf iets voor de uitdaging gemaakt: een Back to the Future-geïnspireerde brandsleepgenerator!
Hier is een afbeelding van een aantal voorbeelduitvoer:
Het werkt door meerdere deeltjesemitters te creëren, gelijkmatig verspreid langs een lijn, waarbij elke vallende deeltjes achterstevoren langs die lijn valt. De stralers krijgen een brede spreiding om de bandensporen uit de film na te bootsen.
Probeer de demo; klik op de ene plaats en vervolgens op de andere om een rechte lijn tussen de twee punten te tekenen of sleep de muis rond om bochtige paden te tekenen:
Je kunt ook met een volledige versie van de demo spelen.
De volledige bronbestanden (met veel reacties) kunnen hier worden gedownload.