Now, when I made my browser pony, I didn’t have access to the desktop ponies editor, because I’m on a mac (heck, I didn’t even know there was an editor built in, whoops). And while I’m no stranger to .ini files, I pretty much had to write my ponies’ behaviors from scratch, and used some already made behavior files as a base to figure out what was what. I hope this little guide’ll help get you on your way to having your own little pony trotting around on your blog.
How did I get those behavior files in the first place though?
Well, what I did was go to the browser ponies home page, and download their “browser-ponies-plus-resources.zip”. Within this handy little archive is a folder with every browser pony available on their homepage, with their behaviors all packaged and ready to go.
Pop open a folder (I like to use Doctor Whooves’ folder as an example) Behavior files are usually called pony.ini. Wait, don’t you have a program that opens .ini files? D:
That’s okay, just find TextEdit (or if you’re on windows, you should just be able to double click and it’ll open in Notepad.), and open it in there.
Sweet Celestia’s Pancakes, words everywhere. If you opened up the pony.ini in Doctor Whooves’ folder (Credit to Asparagus for writing it!), you’ll see these lines at the top:
'Name “(can be anything)”,
'Relative Probability (0.1 = 10%),
- Tack this at the beginning of a behavior to tell it how often it’ll happen.
'Max Duration (seconds)
- The longest a certain behavior will occur for.
'Min Duration (seconds)
- The shortest a certain behavior will occur for.
'Movement Speed (Pixel's per tick - one tick = 100msec)
- How fast your pixels will fly across the screen.
'Animation/Image name (.jpg, .png, .gif) - (if specifying a movement, specify an idle animation)
'Movement allowed: None (stand still), Horizontal_only, Vertical_Only, Horizontal_Veritcal, Diagonal_Only, Diagonal_Horizontal, Diagonal_Vertical, all
- General information so your pony doesn’t go sliding across the screen when it’s supposed to be standing idle. This isn’t FiW, randomly sliding around isn’t cool.
There are also Optional Behavior Parameters, but I haven’t played with those yet, and so I can’t really explain those at this time. All you really need for a very basic browser pony is a Stand/Idle behavior, and a Walk behavior. Another thing, to omit a line in your .ini file, use ’ at the start of a sentence. Lines like that won’t effect your OC’s behavior, and you can sign your name to your .ini. :D
And if you have more than one version of a certain behavior, like a pegasus with a trot cycle with it’s wings out, and a trot cycle with it’s wings tucked, you can keep both by naming one of the behaviors with “”.
- Original trot, with wings tucked, followed by it’s parameters.
- Second version, with wings out, followed by it’s parameters.
Be sure to look around at other pony.inis to get a feel for how to write them. Here’s my own OC’s raw pony.ini as an example. He’s pretty simple at the moment.
Important: When saving your behavior as a text file, be sure to type in “.ini” at the end, or else the next step won’t work! If using TextEdit, you’ll have to convert to plain text before you save as an .ini. It’s under the Format menu.
This is fairly easy, because the Browser Pony Homepage can do all of this for us. :)
Simply drag your brand new pony.ini file there and the page will take you to the next step. This is where we begin to break away from the desktop ponies programing. I chose to host my files on my deviantart st.ash, because it handles both animated .gifs AND .js files. Very nifty.
If you do host in stash, you’ll want to manually copy and paste the image’s urls into the little boxes there. Once uploaded to stash, simply use the download feature to get the direct url. That’s the one we want to use.
If you took my advice and used deviantart’s stash feature to upload your pony animations, then you can also use stash to upload your .js files! :D Use the download button on stash to get the raw .js file’s url.
Copy the handy < script > shown on the browser ponies page to a blank text file so you can change some urls, and replace the "http://example.org/your-ponies.js" line with the url for your OC’s .js file.
Finally, paste the completed script into your blog’s custom html, update the preview, and hit save.
Congrats on your custom browser pony! (Also be sure to thank the desktop pony team and the browser pony hosts for their awesomeness)