NERDARMY
Code-O-Matic-3000

01-05 - DEMO - Simple HTML Page 01-10 - DEMO - Styled HTML/CSS Page 01-15 - PROJECT - Web Page About Me 01-18 - DEMO - CSS Box Model 01-20 - DEMO - Space Wars Colorform 01-25 - DEMO - Full Page Background 01-30 - DEMO - DIV Backgrounds 01-35 - DEMO - FlexBox Display 01-40 - DEMO - DIV Organized Content 01-45 - PROJECT - Cloud9 Homepage
02-10 - Variables, If's, and Switches 02-20 - Using Functions 02-30 - Controlling HTML & CSS with JavaScript 02-60 - The Keyboard and User Input 02-70 - PROJECT : Number Guess 02-80 - PROJECT : Rock - Paper - Scissors
03-10 - Array Basics - Part 1 03-20 - Array Basics - Part 2 03-50 - Hang Man 03-70 - The Magic 8 Ball
07-05 - GET and POST Demo 07-10 - JSON Choose Your Own Adventure 07-20 - Blog-O-Matic 07-30 - mySQL and PHP Basics
1110 - Phaser Sprites and Basic Input 1115 - Phaser Sprite Body and Arcade Physics
12.a.01 - ASSETS - Space Shooter 12.d.01 - DEMO : Player Movement 12.d.02 - DEMO : Shooting Bullets 12.d.03 - DEMO : Timed Asteroids 12.d.04 - DEMO - Basic Game Play 12.d.05 - DEMO - Eye Candy 12.d.06 - DEMO - Game Pause 12.d.07 - DEMO - Music and SFX 12.d.08 - DEMO - State Manage 1 12.d.09 - DEMO : State Manage 2 12.d.10 - DEMO : State Manage 3 12.d.11 - DEMO : Power Ups 12.d.99 - A sort of complete version 12.p.01 - PROJECT - Space Shooter 12.v.01 - ver01 - SS Walkthrough 12.v.02 - ver02 - SS Walkthrough 12.v.03 - ver03 - SS Walkthrough 12.v.04 - ver04 - SS Walkthrough 12.v.05 - ver05 - SS Walkthrough 12.v.06 - ver06 - SS Walkthrough 12.v.07 - ver07 - SS Walkthrough 12.v.FN - verFinal - SS Walkthrough
14.a.01 - MagnetHead Assets 14.c.01 - MagnetHead Code
15-10 - Jump It
Project 01-20 : DEMO - Space Wars Colorform
Project Information

Using a <DIV> with absolute positioning to precisely place items on the screen.

Workspace Directory : 01-20-spaceWarsPlayset

Filename : spaceWars.html

Source Code and Required Files
01-20-spaceWarsPlayset/spaceWars.html
01-20-spaceWarsPlayset/images/bobafett.png
01-20-spaceWarsPlayset/images/darthvader.png
01-20-spaceWarsPlayset/images/stormtrooper.png
01-20-spaceWarsPlayset/images/swBackdrop.jpg
Modify It and Make It Your Own!

Directions
Add one additional character to the color form code. You can find images using google. You'll want to find an image with a TRANSPARENT background. These are PNG files.