Your new pixelated pals will randomly fly around, and if you choose, home in
on any mouse clicks. The glowing retro 8bit scan-line effect space invaders
work on most backgrounds but obviously are more suited to a dark theme. It’s
easy to configure the number, size, behaviour and where the invaders appear
through the comprehensive admin control panel.
Demo and more information at the plugin homepage:
Configuring your Invaders
A new settings page will be added to your Admin Appearance section, where you
can change the look and behaviour of your new binary buddies. Here’s an
overview of the available settings:
Enable Invaders Turn the invaders off and on. A quick way to
temporarily disable the invaders without deactivating the plugin.
Where to show you can choose either everywhere OR only on individual
posts or pages. You can use this second option to just show them on your home
page or a single post for example.
**The invaders will look out for a custom field called “jellyfish_invaders”
on any post or page. If they find one and it has a value of ‘true’ or ‘on’
they will populate the page.
Number of Invaders how many individual space invaders you want, keep
this number quite low to avoid slowing down your page too much
Invader Size size of the invaders
Fly Time how long the invaders fly around before pausing in
milliseconds (1000 = 1 second)
Pause Time How long the invaders Pause (or wiggle see below) for
between flying cycles.
Random adds some variation to the time settings so each invader
acts a little differently.
Wiggle Instead of pausing the invaders will do a missile evasive
Attack Mode None, One or All of the invaders will home in on any
By default the invaders will be free to roam randomly around the entire page,
but there are a couple of methods to confine them to specific areas if you wish.
Containing Element the invaders will only roam within the element set
here, normally that’s body (the whole page) but you may enter the id of an
element on the page to confine them to a specific area. You can see this in
effect right here where the invaders have been limited to the section at the
top of the page.
Z-Index If you’d like the invaders to hide behind certain layers on
your page you can set an appropriate z-index here, obviously this setting it
very dependant on the structure of your WordPress theme.
Use Electric Fence Check this option and use the top, left, right
and bottom options to define a virtual fence that will contain the invaders.
The values you enter represent pixels position on the entire document. Note,
this option will override any custom setting for Containing Element.
- Tested up to WordPress 4.0
- Added Containing Element option: Confine invaders to a specific page element
- Added Z-index support: Configure invaders z-index for layering in document
- Updated Admin screen
- Updated Spritely version
- Initial release