It’s been a week or so since I submitted the theme and it is still in review. I’m not sure how long they usually take to approve but it looks like I can share the link anyway. So check out the Space Shooter Theme.
The rest of the theme has parallax scrolling backgrounds (2 layers and it looks good when you use scroll to top), tag clouds, social links, auto pager and scroll to top. It does have a conflict between the social icons and auto pager so don’t use them at the same time. Otherwise they all seem to work pretty well. If it doesn’t you get your money back :) but drop me a comment and I’ll get it fixed.
If you end up grabbing a copy and creating your own little shooter game send me a link. I’d love to see what you can do since, as you can tell, graphics aren’t my strongest gift.
A very in-depth look at the webkit inspector, a must read.
Nice article on the inspector built into Safari and Chrome…wish I’d seen this earlier :)
Now that the game seems to work ok in the main content area it’s now time to try and move it back to the sidebar where it was supposed to go.
The two things that stopped it working before were.
- I didn’t fully understanding the positioning elements in a complex page. Since my development was on a really basic html page.
- The game was slightly too wide for the sidebar and when I tried to make the sidebar bigger it had bad consequences.
So fixing these turned out to be really simple.
- The gamescreen DIV elememt holds the score count, wave count and the gamearea. These were all originally absolute and didn’t sit within the sidebar. I changed them all to relative and then it really broke. It turns out I needed only make the gamescreen DIV position relative and leave the others as absolute since they are positioned relative to gamescreen. The other issue with the gamescreen css was that I set the top and left attributes. This still would have left the game in the same position, which wouldn’t be good. I removed these attributes. All good now and the game flows with the sidebar.
That should take care of it. Alas not quite that easy. I now had two gamescreens and keyboard grabbers. Solved this by removing the game from the “take two” post below.
This time it should work…Maybe. A fresh set of eyes and a reread of the positioning elements and it all makes sense now.
now in super sidebar form
Now it certainly isn’t pretty and not a great example but I sure learned a lot making it. I built it from scratch based on bit’s of info I had absorbed from various sites.
Anyway back to the story. My goal was to rebuild the site this weekend. My psych course got in the way of that but I was able to sit down today and just focus on building something…anything!
It was a productive day and I have a little game called Space Shooter. It’s a space invaders rip off and really basic. I built it to for the sidebar of the theme I’m using.
I’ve been smashing my way through the theme though and it’s not working out. I picked this theme because it had plenty of options and was highly configurable. The problem is that it’s got too much in it to easily put the game into. I’ll have to change theme or start building my own from scratch…not looking forward to that but it will be for the better :)
If everything has worked you should see Space Shooter below. It’s pretty simple use the arrow keys to move the spaceship left and right. Then hit the space bar to shoot. You can only have one bullet on the screen so aim carefully. As you kill the aliens they will speed up. If they make it to the bottom your toast. There are two waves so see how you go.