My Notes and Code Examples (in CodePen.io)

Recently, I started to use the website CodePen in order to share code examples; as well as, making notes of random things I am learning in my speared time.

Currently, I am experimenting with this game framework/library called Quintus

The order goes from the newest, down to the oldest.
In this way, you don’t have to scroll all the way down to the final result.

Quintus JS HTML5

dialog-warning-2Warning: For these notes/examples, I am using external url resources (such as Open Source sprites). If any of those resources are missing, then the code examples will not 

Resources

exl-br2-sizesArt Author: grenaderifle

Url: http://s23.photobucket.com/user/grenaderifle/media/EXL-BR2-sizes.gif

spaceship Art Author: thomaswp

Url: http://opengameart.org/sites/default/files/styles/medium/public/spaceship.png

m484bulletcollection1Art Author: Master484

Url: http://opengameart.org/sites/default/files/M484BulletCollection1.png

 

Art Author: Cuzco
Url: http://opengameart.org/sites/default/files/bg5.jpg

spaceship_tutArt Author: Skorpio
Url: http://opengameart.org/sites/default/files/styles/medium/public/Spaceship_tut.png

Player: Enemies: Image + Animation

See the Pen Quintus: Player: Enemies: Image + Animation on CodePen 1

 

Player: Shots: Throttling

See the Pen Quintus: Player: Shots: Throttling on CodePen 1

Player: Shots: Refactoring

See the Pen Quintus: Player: Shots: Refactoring on CodePen 1

 

Player: Gun: Refactoring

See the Pen Quintus: Player: Gun: Refactoring on CodePen 1

 

Player: Gun: Shots Movement

See the Pen Quintus: Player: Gun: Shots Movement on CodePen 1

 

Player: Gun

See the Pen Quintus: Player: Gun on CodePen 1

 

Player: Shot

See the Pen Quintus: Player: Shot on CodePen 1

 

Control: Customization

See the Pen Quintus: Control: Customization on CodePen 1

Scene Module

See the Pen Quintus: Scene Module on CodePen 1

 

Sprites: Player: Movement: Boundaries

See the Pen Quintus: Sprites: Player: Movement: Boundaries on CodePen 1

 

Sprites: Player: Movement

See the Pen Quintus: Sprites: Player: Movement on CodePen 1

 

Sprites: Player: Input

See the Pen Quintus: Sprites: Player: Input on CodePen 1

 

Sprite: Player: Animation

See the Pen Quintus: Sprites: Player: Animation on CodePen 1

 

Sprite: Player

See the Pen Quintus: Sprites: Player on CodePen 1

 

Background

See the Pen Quintus: Background on CodePen 1

Basic

See the Pen Quintus: Basic on CodePen 1

 

© 2016, Alejandro G. Carlstein Ramos Mejia. All rights reserved.

Share

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.

*

Click to Insert Smiley

SmileBig SmileGrinLaughFrownBig FrownCryNeutralWinkKissRazzChicCoolAngryReally AngryConfusedQuestionThinkingPainShockYesNoLOLSillyBeautyLashesCuteShyBlushKissedIn LoveDroolGiggleSnickerHeh!SmirkWiltWeepIDKStruggleSide FrownDazedHypnotizedSweatEek!Roll EyesSarcasmDisdainSmugMoney MouthFoot in MouthShut MouthQuietShameBeat UpMeanEvil GrinGrit TeethShoutPissed OffReally PissedMad RazzDrunken RazzSickYawnSleepyDanceClapJumpHandshakeHigh FiveHug LeftHug RightKiss BlowKissingByeGo AwayCall MeOn the PhoneSecretMeetingWavingStopTime OutTalk to the HandLoserLyingDOH!Fingers CrossedWaitingSuspenseTremblePrayWorshipStarvingEatVictoryCurseAlienAngelClownCowboyCyclopsDevilDoctorFemale FighterMale FighterMohawkMusicNerdPartyPirateSkywalkerSnowmanSoldierVampireZombie KillerGhostSkeletonBunnyCatCat 2ChickChickenChicken 2CowCow 2DogDog 2DuckGoatHippoKoalaLionMonkeyMonkey 2MousePandaPigPig 2SheepSheep 2ReindeerSnailTigerTurtleBeerDrinkLiquorCoffeeCakePizzaWatermelonBowlPlateCanFemaleMaleHeartBroken HeartRoseDead RosePeaceYin YangUS FlagMoonStarSunCloudyRainThunderUmbrellaRainbowMusic NoteAirplaneCarIslandAnnouncebrbMailCellPhoneCameraFilmTVClockLampSearchCoinsComputerConsolePresentSoccerCloverPumpkinBombHammerKnifeHandcuffsPillPoopCigarette