Tutorials

Making Missiles in Phaser

Making Missiles in Phaser

Game Development, Phaser, Tips & Tricks
In this video, we look at how to make and shoot missiles in Phaser with only 23 lines of code! The basic idea is to create a sprite, the missile, inside of a group. We place the sprite at the x position of the mouse and the y position below the height of the game. Then during the update function, we simply loop through the group and subtract from the y position from each missile. This video uses the Phaser Snippets
Code Update

Code Update

Game Development, Phaser
For a few months and in my Udemy lessons, I've been detecting mobile devices by measuring the width of the screen. For a while this worked, but I've now found it to be ineffective. Sometimes a smaller desktop or laptop screen will show up as a mobile device. Here is the original Start for desktop/mobile  snippet var game; window.onload = function() { if (screen.width>1500) { game=new Phaser.Game(480,640,Phaser.AUTO,"ph_game"); } else { game=new Phaser.Game(window.innerWidth,window.innerHeight,Phaser.AUTO,"ph_game"); } game.state.add("StateMain",StateMain); game.state.start("StateMain"); } And here is the Start for desktop/mobile update isMobile=navigator.userAgent.indexOf("Mobile"); console.log("isMobile="+isMobile); if (isMobile==-1) { //desktop lapto
WordPress Child Themes  Method 3 – Using a plugin

WordPress Child Themes Method 3 – Using a plugin

Css, Wordpress
  Create a Child with a plugin By far the easiest way to create a child theme is with a plugin. There are several plugins available for this task, but when I started putting together a list of plugins for this task, I found that many of them didn't work correctly. In the end I decided it was better to write my own. You can get a free copy of this plugin here: http://www.williamclarkson.net/code/tools/easy-child-theme-maker/ Download the plugin zip file To Install: 1. Under your plugins click the add new button.  2. Click the upload plugin button.  3. Click the choose file button and select the zip file you downloaded and click install now.  4.Click Activate  To make a child theme with this plugin. 1. Select the Easy Child Theme Maker und
Making a Child Theme In WordPress Method 2 – File Manager

Making a Child Theme In WordPress Method 2 – File Manager

Css, Wordpress
This is an except from my upcoming book WordPress and Css The following shows using the file manager in GoDaddy, but it will be similar with most web hosting. 1. Click on File manager in your control panel.  2. If you have more than one site on your hosting a select box will pop up. Select the site that want to add your child theme to.  3. Double click the wp-content folder  Double click the themes folder  4. You will see a listing of themes  5. Click on the new folder button  6. Give your folder a name. This should be the name of the theme. In this example we will use the name twentysixteenchild and will use that name in several other places. It is important that these names match.  7. Double click the new folder you just
Making a Child Theme In WordPress Method 1 – Ftp

Making a Child Theme In WordPress Method 1 – Ftp

Wordpress
This is an except from my upcoming book WordPress and Css Creating a child theme There are a few ways a to create a child theme 1. Copy the theme files to a new folder using ftp 2. Copy the files using cpanel or online file manager 3. Use a plugin to make a copy of the files This post covers using FTP. I'll post last about the other medthods. To make a child theme using ftp Create a new folder in your theme folder with the name of your new theme. In this case I have given it the name twentysixteenchild.  Create 2 files in your new theme's folder style.css functions.php  In your style.css file place the following /* Theme Name: Twenty Sixteen Child Template: twentysixteen */ The theme name is whatever name you want to give your child the
Test WordPress on Mobile

Test WordPress on Mobile

Tips & Tricks, Wordpress
Wordpress generally does a good job of being responsive on its own. Meaning it looks as well on mobile as it does on desktop but sometimes I need to be sure. So if you hit F12 and you're using chrome, a panel will pop up over to the side. You'll find a button there with the phone,and a tablet together. If you press that it'll bring up a series of devices that you can see how your web page looks on that device. You always want to refresh after switching devices, and I've got it set here for IPhone 6, So this is what my website will look like, on the Iphone 6. I can rotate it and that's what it would look like in landscape mode. Let's have a look at the IPad. That's a lot wider. You always want to refresh after you change devices. And flip it, and check the galaxy S5. If...
Phaser Sounds

Phaser Sounds

Game Development, Phaser, Tutorials, Uncategorized
What is a game without sounds. Phaser Sounds are very easy to do. Check this video out! Source Code Hi!, this is William and today I'm going to show you how to put sounds into your phaser games Now I took our last lesson buttons and I copied it and made it into sounds project folder, and I've also put a sounds folder in that sounds folder and with an elephant mp3 file. You can use any mp3 and all of the source code is on the site WilliamClarkson.net I'm just going to the change the button green and buttons - blue and I'm going to change that 0,1,0 that we defined for the up over and down frames to 6,7,6 and what that's doing instead of using the play again and then that will use the start let's have a look at that. Great! Now for the sounds, there are three steps to play...
BEGINNER CODE – LESSON 2

BEGINNER CODE – LESSON 2

javascript, Tutorials
Variables and you use variables all the time what you know it or not... https://www.youtube.com/watch?v=6iChiXIIdRs Text of Video Follows: Hi, this is William and I'm gonna take the file from our last lesson and change it back to a text file and if you didn't watch the last lesson that's fine, just go ahead and make a new text file on the desktop. I'll open it up and get rid of the alert statement here Now I'm going to tell you a bit about variables and you use variables all the time what you know it or not if you've ever in school had a place where it set name and an underline where to write your name name is the variable and the value is whatever you wrote down on that line. whenever you fill out a form, you're assigning values to variables so I'm going to make a va...
Basic WordPress Seo

Basic WordPress Seo

Wordpress
Basic Wordpress Seo Hi, This is William. and what you see me working on here in this video is a blog post for my site, WilliamClarkson.net about a video I made on phaser animations and I want to and some basic wordpress seo, or search engine optimization to it I'm using the YoastSeo plugin it's very easy to use because it gives you a traffic light symbol and what you want try to do is get rid of all the red lights and get all green lights and here's my youtube video and I've got the title how to add animations to Phaser and I am going to copy that as my wordpress title and bring it over into my wordpress blog and I'm going to put that as the title I'm also going to set it as the key word in yoast and I'll update the page and I've got some lights here say...