Street Fighter Widget

Date: 26th October 2009 at 1:05 am | Filed under: blog | Author: Sam Burdge | Tags: , , ,

Get your hands on the new Street Fighter 2 widget. You can grab the widget code and embed it on your website, or even your myspace or facebook profile. This flash remake of the game is a very accurate copy of the arcade original featuring all the characters and bonus levels. If you just want to play the game on a website please follow this link:

Play Street Fighter online

2 Responses to “Street Fighter Widget”

  • Comment by Nail Yener
    Date: October 3rd, 2010 at 9:52 am

    I am glad that I came across this. I used to play Street Fighter 2 about 15 years ago :)

  • Comment by Bob
    Date: May 1st, 2011 at 3:54 am

    hey great sf2 widget mang ill put it onto my blog :)

Leave a Comment

WP Games Embed Plugin

Date: 28th February 2009 at 1:27 am | Filed under: development, plugins, wordpress | Author: Sam Burdge | Tags: , , ,

Turn your wordpress blog into a games arcade!

This beta version WordPress plugin, WP Games Embed, makes it easy to embed games into your WordPress blog by using shortcodes in your posts and pages. WP Games Embed is intended to be able to support content offered by the various free games sites out there using the codes or downloads they provide.

FEATURES

4 Different views:

  1. Grid view - a grid of thumbnail images linking to each game (can be restricted to a single category or parent category)
  2. Category view - this view includes a medium sized image and a written description of the game
  3. Single page view - the page where you play the game itself
  4. Featured Game view - this view is similar to category view, but allows you to pick the games yourself to create your own 'Featured Games' page.

Different embedding modes:

  1. iFrame embedding - embed iFrame content using code provided by free games sites, or use this method to display games from your own server where an html file has been provided with the free game download.
  2. Flash embedding - embed Flash content using embed codes provided by other sites, or embed flash games directly from your own site. You can even upload them easily using the wordpress 'Add Media' tool.

WORKING EXAMPLE

Visit Zap Gamez Arcade to see an example of the plugin in action.

INSTALLATION

  1. Download the plugin from the link at the bottom of this page
  2. Upload the wp-games-embed.php file to your wp-content/plugins folder.
  3. Activate the plugin from the Plugins page in WordPress.

USAGE

Use shortcodes to embed games into your posts, or to create a grid of thumbnails on a page or your home page.

Embedding a game in a post:

Shortcode: [game /]

Additional attributes:

  • width - the width of the game
  • height - the height of the game
  • src - the url of the game (html file for iframe embedding, swf file for flash embedding)
  • flash - if set to true flash embedding will be used, if set to false iframe embedding will be used. (default=false)
  • thumb - the url of the thumbnail image (70px x 60px)
  • main - the url of the large image (appx 300px wide)
  • title - the name of the game!
  • description - your description including controls etc.
  • featured - whether this should be formatted as a featured game. (default=false)
  • game_url - only to be used in Featured mode (when featured is set to true). See  the shortcode examples below for more details.

Shortcode Example 1 (embedding game as iFrame):

[game width="640" height="480" src="http://www.example.com/games/pacman.html" thumb="http://www.mysite.com/images/pacman-small.jpg" main="http://www.mysite.com/images/pacman-medium.jpg" title="PacMan" description="This is a great game! Use the arrow keys to play." flash="false"/]

Shortcode Example 2 (embedding game as Flash):

[game width="640" height="480" src="http://www.mysite.com/games/pacman.swf" thumb="http://www.mysite.com/images/pacman-small.jpg" main="http://www.mysite.com/images/pacman-medium.jpg" title="PacMan" description="This is a great game! Use the arrow keys to play." flash="true"/]

Creating a grid of thumbnails on a page:

Shortcode: [get_latest_games /]

Additional attributes: list_category - the category id for the games you want to appear in the list.

The list_category attribute makes it possible to display the latest games under a certain category e.g. 'Arcade' or the latest games under all categories. Simply set up a main category called 'games' and then create all your games categories (action,adventure,sports, etc.)  as sub-categories.

Shortcode Example 3 (thumbnail grid):

[get_latest_games list_category="2" /]

Creating a Featured Games page:

Shortcode: [game /]
Additional atrtributes: (see above)

The important attributes for creating a features games list are 'featured' which should be set to true, and 'game_url' the url where the game can be played on your site.

Shortcode Example 4 (featured games):

[game  main="http://www.myblog.com/uploads/pacman-medium.jpg" title="PacMan" description="This is a great game! Use the arrow keys to play." featured="true" game_url= "http://www.myblog.com/games/pacman/" /]

[game  main="http://www.myblog.com/uploads/donkeykong-medium.jpg" title="Donkey Kong" description="This is a great game! Use the arrow keys to play." featured="true" game_url= "http://www.myblog.com/games/donkey-kong/" /]

DOWNLOAD THE PLUGIN


26 Responses to “WP Games Embed Plugin”

  • Comment by imad
    Date: March 5th, 2009 at 11:28 am

    good work:) I am going to install it , I have also interest in the wp Mochi plugin..
    Thanx for sharing

  • Comment by Sam Burdge
    Date: March 5th, 2009 at 2:02 pm

    Hi Imad
    Good luck! Don’t forget to post a link to your arcade here as an example…
    The mochi plugin needs a bit more development to integrate the mochi ‘bridge’ which gives the scoreboard functionality etc.
    Sam

  • Comment by The Wordpress Arcade Experiment Has Begun! - Page 2 - Talk Arcades
    Date: March 12th, 2009 at 9:34 pm

    [...] the WP Super Cache plugin, which speeds it up a lot! I have also developed a wordpress plugin WP Games Embed (very much a beta at the moment) which allows you to embed games in a wordpress blog with various [...]

  • Comment by acrylic
    Date: March 19th, 2009 at 9:29 pm

    Hello Sam and thanks for this wonderful plugin.

    I only have a slight problem with the get_latest_games shortcode. Every time I put in and define the category (for example 20) it lists all content from all categories. It might be a bug or might be something that I’m looking over.

    Thanks for your help

  • Comment by Sam Burdge
    Date: March 20th, 2009 at 2:10 am

    Hi Acrylic

    The get_latest_games shortcode will return all posts under a category, and all posts under child categories of that category. So if you have a main category called ‘games’ with an id of 1 and sub-categories of games such as ‘action’ (id =2), ‘arcade’ (id = 3), ‘fighting’ (id =4), etc. if you call category 1 in get_latest_games you will get all games, but if you call category 2 you should just get ‘action’ games.

    If this doesn’t help please comment again as it is this type of feedback that helps me to develop and improve my plugins over time.

    Sam

  • Comment by acrylic
    Date: March 20th, 2009 at 3:20 pm

    Hi Sam!

    I tweaked the code a bit and now it’s doing what I need. My concept was to have the grid system represented on a separate wordpress page rather than in a single post.

    So I created a new page template. The problem that I encountered was that the page template gets the content by running the loop first but the ep-embed.php runs the loop again. So what happens is that the page template loops through all the posts you have and displays the content.

    What I did was that I omitted the while loop and left the if conditional in. In this way the loop only runs when you have a content in your page and retrieves it. Once it happens it activates your function call which loops through the given parameters and retrieves all the game posts.

    I hope I made sense :/

  • Comment by Harri Nyman
    Date: March 26th, 2009 at 11:52 am

    Interesting plugin, no doubt - however I have interesting dilemma, is there some kind of limit how many games is needed before grid appears? On my site it’s not working, at least not yet.

  • Comment by Exam Philippines
    Date: April 1st, 2009 at 4:29 pm

    thank you so much for sharing this plugin. really helpful to my game site

  • Comment by Bilal
    Date: April 11th, 2009 at 7:10 pm

    Hi, great plugin.
    One question, if we use feeds to get mochi games can we use this plugin to show those games in posts?

  • Comment by Create a Wordpress Arcade | I love games
    Date: April 20th, 2009 at 6:15 am

    [...] wp-games-embed-plugin [...]

  • Comment by Eoin
    Date: May 7th, 2009 at 1:41 am

    Hi,
    I’m trying to get this to work, but can’t quite get it right. The plugin is activated - and this is code that I’m trying to use - (I changed example.com and mysite.com to our site)
    [game width="640" height="480" src="http://www.skuzziport.com/games/pacman.html" thumb="http://www.skuzziport.com/images/pacman-small.jpg" main="http://www.skuzziport.com/images/pacman-medium.jpg" title="PacMan" description="This is a great game! Use the arrow keys to play." flash="false"/]
    grateful for tips!

  • Comment by Sam Burdge
    Date: May 9th, 2009 at 9:50 am

    Hi Eoin
    In what way is it not working? Do you have an example I can look at?

  • Comment by Mark
    Date: September 19th, 2009 at 3:48 am

    Thanks for this little plugin…it works a treat.
    I’m gonna use it to add games as I go along, and then put a category page up… in the meantime I’ll just add each game I find as a blog post.

    The 1st game attempt can be found here….

    http://www.foundstuff.co.uk/2009/magic-towers-solitaire-an-addictive-little-solitaire-game/

    Excellent plugin and simple to use.

  • Comment by Steve
    Date: October 30th, 2009 at 3:13 am

    Well it seems to me to be quite useless, the grid view shows evey post of the whole blog, fine if 2-3 is all you have, but when in the 1,000s very terrible.

  • Comment by Ronnie
    Date: January 11th, 2010 at 11:49 am

    When I click the game, it just reloads the page..

    Example:
    http://www.munkholmvej41.dk/?page_id=487

  • Comment by shiv
    Date: February 17th, 2010 at 8:08 am

    hie friends i have installed but unable to put the games in blog.. help me out….

  • Comment by Transformez votre Blog en plateforme de jeux vidéos! | 5axe Deluxe Edition – Le blog
    Date: May 30th, 2010 at 11:34 am

    [...] de l’auteur : ici A VOIR AUSSI :Embed iFrame Plugin pour [...]

  • Comment by 5 plugins para criar um site de games flash em Wordpress | Templates e Wordpress Themes
    Date: June 3rd, 2010 at 3:10 pm

    [...] 4. WORDPRESS GAMES EMBED [...]

  • Comment by Crie um site de games em flash em Wordpress :: Tutoriais CTDO - Sua Base de Tutoriais Online
    Date: June 10th, 2010 at 9:45 am

    [...] quando você considera que é bastante mais acessível que todos os seus competidores.04. Wordpress Games EmbedEste plugin Wordpress, ainda em versão beta, é gratuito e lhe permite embutir games flash [...]

  • Comment by lousy jones
    Date: June 13th, 2010 at 3:04 pm

    well thanks for this, but it just refreshes the page loaded once

  • Comment by Crie um site de games em flash em WordPress « Diogo Paixão
    Date: August 23rd, 2010 at 2:24 am

    [...] 04. WordPress Games Embed [...]

  • Comment by Ana
    Date: August 23rd, 2010 at 12:58 pm

    Hi!
    I tried the code for the “Grid” and it is not working, can you please check?
    http://www.juegoxdia.com/?page_id=23
    thanks
    Ana

  • Comment by Super Games
    Date: October 2nd, 2010 at 6:19 pm

    Thanks , I’ll try on my next site.

  • Comment by Plugins para criar um site de jogos com Wordpress | Criar / Fazer site grátis,logomarcas,criar blog, dicas de como criar
    Date: October 6th, 2010 at 1:51 pm

    [...] 04. WordPress Games Embed [...]

  • Comment by How To Embed Mochi Flash Games Into Your Blog Posts | techtikus.com
    Date: March 23rd, 2011 at 3:53 am

    [...] can set attributes such as width and height according to your blogs measurements.  Here is a list of other attributes that you can use with the short [...]

  • Comment by arielsan
    Date: May 27th, 2011 at 2:49 pm

    Sam, I tried to use the plug-in using the same example for iframes (no flash), and I believe you have a bug in your code or in your example. The thing is, if you define flash=”false” (I want to use iframes) then the variable flash will be defined as string “false” but in your code you are checking for if($flash) and that will return true whatever the value of flash variable is. As a user, if you don’t want flash, you will have to remove the flash parameter.

    [game ... flash="false"] -> [game ...]

Leave a Comment