FIRECREATURE | Create Your Own Games

Save and Load in Flash Game

2012-01-27T17:39:00.000+07:00

Do you plan to create a huge game where it's impossible to beat it in one day? You need a Save and Load Feature in your game? You came to the right place because I'm going to show you how to do this. You can save and load information via cookies to your hard drive. The files generated are .sol files, and it's block text, there is no way someone can alter it to change his score or etc.

How to Save in Flash Game
Basically, when we save in flash game, it's the same with we save a value to some variable then store it to your hard drive. Ok, now lets make a project where we can save some information.

In the project, create a button and change it's instance name to btnSave (or whatever you want). Then create two text box (input text) and change its instance name to txtName and txtPoint.
Place this code:

_global.thename=" ";
_global.point=0;
_global.savefile = SharedObject.getLocal("YourGame");

btnSave.onRelease = function () {
 _global.thename = txtName.text;
 _global.point = txtPoint.text;

 _global.savefile.data.thename = _global.thename;
 _global.savefile.data.point = _global.point;
}

First we define a global variable for name and point, then we create a cookies YourGame for saving and loading game. When you click the save button, your game will take name and point value from variable _global.name and _global.point and store it to YourGame cookies.

How to Load in Flash Game
Now, create another button and change its instance name to btnLoad (or another name you like).
Add this code:

btnLoad.onRelease = function() {
 _global.thename = _global.savefile.data.thename;
 _global.point = _global.savefile.data.point;
}

In the code above, we take point and name value from savefile and store it to our global variable name and point.

Test your Save and Load!
Create another button and change its instance name to btnRefresh.
Add this code:

btnRefresh.onRelease = function() {
 txtName.text = _global.thename;
 txtPoint.text = _global.point;
}

Now, lets test your game. Open it, input name and point in the text box. Click save button. Then Close your game. Now open your game again, then click load button. Click refresh button.

I know that you can do a simple way to do it, you can take direct value from txtName and txtPoint without global variable. I just want to show you that we can load a savefile to some variables. Have fun!

Oh, this is the source code: SaveAndLoad (CS4)

Keyword (Indonesia) : save dan load di game flash
Image : iconspedia.com

The Best Educational Game I Ever Know

2012-01-26T08:32:00.000+07:00

Last night, I was spending my time to browse free games from my fav search engine. And I found one game, that surprised me and said "This is the Best Educational Game I ever know". Why? Ok, before I found this game, I have written an article about educational games in my Indonesian Blog. This is what I am saying in that article.

Games as Learning Media
In this post, I am going to share some opinions about the game as a learning media. There are several reasons why I choose this topic:

I am a gamer.
I am a game developer.
I am a prospective teacher.

Based on that fact, I was so interested in this topic. Yeah, sometimes I looks like forced my hobby with education, but seriously it must be awesome if education can be performed together with playing games.

How it Works?
I was thinking, if during the lecture felt like playing DotA with friends or playing Dinner Dash and Cooking Academy, we discuss about the hero that will be used, the combination of skills that will be cast, the type of item build that will be effective in certain conditions, then the learning process will be fun and full of spirits. We exchange ideas, share knowledges, and all was done without a burden.

Is it possible to make that happen?
Now there are so many educational games that were created with the hope that students can learn and play. Yeah, it is work, student can LEARN and PLAY, not PLAY and LEARN. The developer of the game just force education to match with their game, not blend them into one game. There are big differences between "LEARN and PLAY" and "PLAY and LEARN". In the first case, we learn something and there is a game in it. The second one, we playing the game, and we learn something, can you see the differences?

It must be cool if the big game company like Bandai, Namco, Blizzard, Valve, etc works with educational people to create something different for educational world. They are making a game, a FULL GAME about a student that trapped in digital world while playing with one of computer in school's lab. It can be Role-playing games or action games, but the goal is to find a way to back to the real world. While finding a way back to the real world, we can insert some educational materials in it, and here is the real educational game.

Oh I found that Game!
After posting this in few months ago, last night I found a game that I was looking for, the real educational games, and it was the best educational game I ever know in my life. Its CellCraft, an educational, real-time strategy game about cellular biology and developed by Brain Juice, has just been released under an open source license. You can play it here CellCraft Game. And this is the source code in GitHub.

Keyword (Indonesia) : game edukasi, cellcraft open source

MathQuest Story - Combinatorics

2012-01-18T12:13:00.000+07:00

Hi, guys... As I said before Piqosoft Fire Creature has Educational Game Project, MathQuest Story : Combinatorics. Finally, I announce that MathQuest Story : Combinatorics has been finished.

MathQuest Story : Combinatorics is a game to learn mathematics especially for permutations and combinations subject. So, by playing this game, I hope you can have fun while learning mathematics.

In this game, you as user are the new citizen in Tori city. The first time going to school, your math's teacher asks you to help some stores so that you can understand permutations and combinations by yourself. The goal is you have to collect 5000 points. After completing all the levels in each store, you have to go back to school to conclude a certain concept that you got in that store. You have to do some exercises after finished the tasks in all of the stores to fulfill the 5000 points.

This game is made looks like a daily reality. There are time and day which always run so there are morning and night. Every morning, you have to go to the school before visiting the other places. After that, at 1 pm, you can continue your task in a store or save your game. Each visit waste 15 minutes of your times in the game. When night comes, exactly at 6 pm, you have to go home and save your game so it is better if you can finish your tasks before 6 pm.

Extra points will be gave if you can finish the tasks in each store quickly. It means, finishing the stage on the first day will be different from finishing it on the second day. Using "HINT" when you do exercises will cut 10 points that you got. If you have difficulties in calculation, you can use the calculator feature on dashboard.

This game is developed by using English. It has some features to enable narration, subtitle, and music. When you choose to disable the subtitle, you can practice your LISTENING skills. Of course, this game is very useful for students who wants learning permutations and combinations, especially for students in International Schools.

Here some of the views on MathQuest Story : Combinatorics.

Below are the map of Tori City.

One of the store views is showed like this.

But, the size of this game reaches 25 MB. So, I still find the best way to upload it.
Check it out only at Fire Creature.

Keyword (Indonesia) : game matematika, game permutasi, game kombinasi

Fiery - My First Monster Ever

2012-01-09T12:10:00.000+07:00

Hi again... From now, I'll remove the header of my post, because it doesn't display like I want on the home page. And this time, I want to share about my first experience on Draw My Own Monster. This is my first time to use CorelDraw, and I try to create my own monster for www.FireCreature.com logo. And now, I have one.

Create Your Own Monster
If you want to create your own game, of course you need an artist to create the resource for your game. But if you don't have an artist or don't have a money to pay them, you must create your own resource or pick free resource from the internet. There is a lot of free e-book on the internet that can teach you how to draw your own monster.

Tadaa... My First Monster Ever! Fiery...

Fiery

What do you think? I'll try to keep practicing to create another monster, and character, and of course I'll post in here, so you are free to use it on your own game.

Keyword (Indonesia) : fiery, logo baru www.firecreature.com, monster api, gambar iga ninja, coreldraw

3D Walking Animation with GLUT

2011-12-16T09:42:00.000+07:00

Oh, I know its been a long time, I'm not updating this blog... Because I have a tons of task from my campus.

And now, I want to share one of them to you. Its about How to Animate People Walking in 3D? I'm using C++ and GLUT, this is the screenshot.

What do you think? Its cool right?
Yeah, its look like a robot, but at least its "walking"

You can download the script here: 3d-Walking-Animation.cpp
Feel free to use it, or reproduce it, just don't forget to give a credit.

Reference: http://www.opengl.org/resources/libraries/glut/

Keyword (Indonesia) : Membuat animasi berjalan 3d dengan glut openGl

Game Engines to Create HTML5 Games

2011-11-28T21:47:00.001+07:00

Hi guys... Its been a long time, since I updated this blog. Now, I want to share something I learned in the previous days... I have found several JavaScript Game Engine that will help you to create your own HTML5 games. Yes, of course we can create a game without game engine, but, game engine will fasten game development very very much.

HTML5 Game Engines based on JavaScript

CraftyJs | Code Like a Fox

I can't describe it here, because, its very very cool thing (undescribable??).
You can look the demo in Crafty Js Official Site here:

CraftyJs Demo

If you want some tutorial, you can take a look at here:

http://gitcp.com/sorenbs/jsgames-articles/

The demos is so awesome, you can create RPG games in HTML5, puzzle games, and Isometric games. Maybe, I'll use Crafty Js as my Final Assignment and Node Js to make it a multi player game.

MelonJs | A lightweight HTML5 game engine

If you want another game engine, MelonJs is the answer. Same as CraftyJs, this game engine is based on JavaScript. MelonJs can support Tiled Map Editor, and have a great tutorial to make platform game like Super Mario. Owww... it can build RPG games too... You can take a look the demos here:

http://www.melonjs.org/gallery.html

With this game engine, you can design a game from Map Editor, and code it with MelonJs.

I still studying CraftyJs and MelonJs, when I've enough experience, I'll make tutorial to create a game with CraftyJs or MelonJs. :)

Keyword (Indonesia) : javascript game engine untuk membuat game html5

Create Animated Cursor in Flash

2011-11-12T10:37:00.001+07:00

Hello again guys... Now, Piqosoft Fire Creature is working on Educational Game Project : Mathquest Story - Combinatorics, and i have the busiest day ever. This game is developed by Fari Qorik, for her final assignment. When this project is finish, Piqosoft will proudly release this game to the Net.

I'm not release full source code, because it reaches 100 mb++, very big file, and waste of time to upload it. I'll share my experience from this project to you all.

Now, I want to share how to create animated cursor for your flash game. Before you read all of this post, you can only download the source code here (Flash CS5 file):
www.FireCreature.com_CreateAnimatedCursorCS5.fla
And this is the demo:
www.FireCreature.com_CreateAnimatedCursorCS5.swf

How to Create Animated Cursor in Flash?

Create new Flash file.
Create 3 Layer : Script, Cursor, and Main.

Create New Symbol : Movie Clip - Name: animated. Design your animation cursor here, with Tween, or Motion Guide.
Create New Symbol : Movie Clip - Name: mouse_move. Place your animated movie clip here.
Now you have 2 item in your Library.

Place mouse_mov to the stage in layer cursor and name it with mouse_mc.

You can place your main content in layer main.

Now click frame in layer script, and press F9 to open Action window.
Place this code:

_root.onEnterFrame=function(){
 Mouse.hide();
 mouse_mc._x=_root._xmouse;
 mouse_mc._y=_root._ymouse;
}

I hope this can help you to create your own animated cursor for your game.

Keyword (Indonesia) : membuat cursor bergerak di flash, membuat animasi cursor di flash
Image : clker.com

What's New in HTML5?

2011-11-07T19:46:00.002+07:00

Hi guys, this time, I want to share about HTML5, and why HTML5 is needed to create a game. This is the deferences about HTML5 and the previous version (HTML4.01). There is a lot of new feature in HTML5, and very-very awesome feature that make us possible to create a game with HTML5.

What's new in HTML5?

New Structural Elements

We now have access to elements like <section>, <header>, <hgroup>, <footer>, <nav>, <article>, and <aside>. Each of these new elements has a unique purpose to help us separate section on the web page.

New Content Elements

Figure Tag

Figcaption Tag
Mark Tag
Time Tag

New Media Elements

Audio Tag
Video Tag
Canvas Tag

Try it Yourself, the New HTML5!

New Structural Elements Example

<!DOCTYPE html> 
<html> 
<head> 
   <title>New HTML Structure By www.FireCreature.com</title> 
   <meta charset="utf-8"> 
</head> 
<body> 
    <header> 
    <h1>My amazing blog</h1>
     <nav> 
     <ul> 
     <li><a href="/">Home</a></li> 
     <li><a href="/archive/">Archive</a></li> 
     <li><a href="/about/">About</a></li> 
     <li><a href="/contact/">Contact</a></li> 
     </ul> 
     </nav> 
    </header>
    <section> 
     <article> 
       <header> 
          <hgroup> 
             <h1><a href="/blog/first-post-link/">Main heading of the first blog post</a></h1> 
             <h2>Sub-heading of the first blog post</h2> 
          </hgroup> 
          <p>Posted on the <time pubdate datetime="2010-10-30T13:08">30 October 2010 at 1:08 PM</time></p> 
       </header> 
       <p>This is the first blog post.</p> 
      </article> 
 
      <aside> 
        <h2>Subscribe to the RSS feed</h2> 
        <p>Keep updated to my blog post by <a href="http://www.firecreature.com/feeds/posts/default">subscribing to the RSS 

feed</a>.</p> 
      </aside> 
     </section> 
     <footer> 
     <!-- Copyright --> 
     <p><a href="http://www.firecreature.com">Fire Creature &copy; 2012</a></p> 
     </footer> 
</body> 
</html>

I'll cover the New Content Elements and New Media Elements in my Next Post. : )

Keyword (Indonesia) : perbedaan html5, apa yang baru dari html5, contoh penggunaan html5

Audio Control - Add, Play, and Stop Music in Flash

2011-10-22T21:21:00.000+07:00

Game without sound, is awkward. Its like, flower without bee (WTF???).

Ok, Thats enough. Lets start to learn how we can control audio in flash. Adding sound clip, play it, and stop it when it must be stopped. We can manually place sound clip in frame properties, but it will be a problem when we want to stop that sound, and change it with another sound. So, there is another way to do that. We use, attachSound() from action script 2.

How to Control audio/sound clip in flash?

Create new flash file.
Import new sound clip, mp3 or wav, thats ok.
Rename linkage with something, Ex:sadtheme (its up to you)

Now, you can control sound clip based on the Linkage name on step 3.

This is the code to control your sound clip.

Add Sound Clip to Scene.

sadTheme = new Sound(); //you can use another name
sadTheme.attachSound("sadtheme");

Play Sound Clip in a frame.

sadTheme.start();

Stop Sound Clip in a frame.

sadTheme.stop();

Easy Peasy Right?
Now, you can change music so often in your game, or you want to make your own media player with flash? Thats fantastic idea, go for it! I hope this post is useful for you all. Bye.

Keyword (Indonesia) : kontrol suara di flash, menambah, memainkan, dan memberhentikan suara di flash action script 2
Image : veryicon.com

Move Character With Keyboard in Flash

2011-10-17T13:35:00.000+07:00

Make your character move in a game is crucial to your game. What the fun, if we can't move or interact with the character in the game. Especially in Role Play Game type, moving character is very important, because thats the only way player interact with the game.

How to Move Object with Keyboard in Flash?
If you want to make your own game with Flash, its very easy to move your character with Keyboard. You only need to follow this easy steps:

Create New Flash File
Add Rectangle Graphic or Something, and Convert It to Movie Clip (Select Graphic then Press F8)
Name it with "BOX", or something else like "RECT", "HERO", or anything else.
Now click to BOX, then press F9 to open Action Script
Add this code:

onClipEvent (enterFrame) {
if ((Key.isDown(Key.RIGHT))) {
this._x  = 5;
} else if ((Key.isDown(Key.LEFT))) {
this._x -= 5;
}
if ((Key.isDown(Key.DOWN))) {
this._y  = 5;
} else if ((Key.isDown(Key.UP))) {
this._y -= 5;
}
}

How its Work?
First, flash will react if one of this key is pressed (UP, DOWN, LEFT, RIGHT). Than flash will move "BOX" with change the X and Y value of the box. Its very easy to understand. If you want to make object move faster, then simply add moving value with greater number.

I hope this will help you.

Keyword (Indonesia) : menggerakkan karakter dengan keyboard di flash game
Image : wasd.co.uk

Create Facebook Fan Page for Blog and Website

2011-10-11T15:46:00.000+07:00

Type : Tutorial
Labels : Blogger
Level : Easy

Step by step, how to make Facebook Fan Page for your blog or website.

Go to http://www.facebook.com/pages/create.php

Choose Brand & Product, then choose Website for combo box. Its up to you, but I recommend to fill it with Website since you want to promote your blog or website. Don't forget to check the check box, than click "Get Started".

Upload your website logo here. You can skip this step, if you don't have blog logo.

Invite friend to like your fan page. Skip this step if you want, because you can do this later.

Fill your URL, and short description about your blog or website.

Congratulation, you have create Facebook Fan Page for your Blog or Website.

Keyword (Indonesia) : membuat halaman fans facebook blog, membuat halaman blog di facebook

Download Youtube Videos in Mp3 Files - How To

2011-10-08T04:59:00.001+07:00

Type : Tutorial
Labels : Download
Level : Easy

A few minutes ago, before I write this post, I'm watching WoDota - TerrorBlade's Revenge video, and suddenly, I want to download all song that used in that video. I'm searching all title in google, but almost all of them stored as video in YouTube. I'm only need the sound, not visual thing like video, because
I'll study better when I hear sound that calm my heart.

How can I download YouTube videos in Mp3 Files?

Download it, then convert it to Mp3 Files! Never do that Okay! Because its not effective way to download YouTube Videos in mp3 format. Why? Because when you download flv format, its greater than mp3 format. Why would you download 45 mb video files and than convert it to 4 mb mp3 files?

Let the Others Convert it For You!
Are you sure? Are there anyone want to convert YouTube Video to mp3? Who? The answer is, YouTube-Mp3 website will convert YouTube Video Files to Mp3 Files for you, for free.

Lets Check It Out!

Go to http://www.youtube-mp3.org/

Place YouTube url video, like http://www.youtube.com/watch?v=Xv3Kxg56Dak then click Convert Video

YouTube-Mp3 will download your video and then convert it to mp3 files.

There you are, your mp3 files link download.

Peace of Cake, right? Now, happy downloading...

Keyword (Indonesia) : download youtube mp3, convert youtube ke mp3, download youtube video

Rogue Knight - Fastest Firstblood Combo

2011-10-05T20:29:00.000+07:00

Type : Share
Labels : DotA Combo
Level : N/A

Last week, I play B.Net DotA with 2 of my friend and that was the funniest game ever. In four game, I pick Sven - Rogue Knight Trice, and pick Tiny - Stone Giant once. I don't know whether my skill has improve, or my enemy is very noob. But my lane got FIRSTBLOOD in first creep wave. The Fastest Firsblood in my game ever.

Who is my Partner Lane?
Bradwarden – The Centaur Warchief, tanker-killer-crazy carry in late, even tower will die without being hit by Centa (Return - Passive Skill that can damage tower) but he is very useless if enemy has picked Naix - The Lifestealer.

What is my Item Build?
Maybe this is noob item start, but I prefer with this item because I play in Public game, so there are no one want to buy chicken.

Soul Ring Recipe
1 Tango
1 Ring of Regeneration.

Whenever I get 325, I buy Sobi Mask in Side Shop, now you get your Soul Ring. Other item is depending on my enemy hero, and my enemy item build. But Soul Ring is un-replace-able. Usually my item build looks like this:

Core Item :

Soul Ring
Power Thread
Armlet of Mordigian

Alternative:

Mask of Madness (Fast game, no heavy nuker)
Black King Bar (You face heavy nuker, and heavy disabler)
Battlefury (Face Cloner, or just want to get Rampage, Fun build, because I don't recommend it for Serious Game, unless your team is owning Early-Mid)
Buriza do Kyanon (Activate Armlet, God Strength, Avatar, Rampage)
Heart of Taraque (Maybe I never get this item, because game is over so quickly, get this if game is going to be Late War)

Don't buy Arcane Boot please, you need Strength Stats and Attack Speed. Buy Power Thread instead.

How to get Firstblood in Level 1?
First, make sure that you make good communication with Centa player.

In first creep wave, go blocking creep
When you see an enemy hero (ex: terrorblade), Sven throw storm bolt as soon as possible to surprise your enemy.
Sven and Centa attack terrorblade
When Storm Bolt stun duration is almost over, Centa use his hoof stomp, attack until him/her die and you got firstblood in your lane.

Go Aggresive!
Whether you fail or success to get firstblood, you should have your Soul Ring right now, go spam your storm bolt, and use this combo

Storm Bolt + Attack + Hoof Stomp + Attack + Double Edge

In level 3, its almost 100% success to kill anyone if there is no enemy stunner or disabler in your lane. If there is stunner or disabler, use that combo to him/her. This combo is the best stunner combo ever (I think).

How to Counter?

Play passively if you facing this combo.
Pick Earthshaker or another AOE stunner, this will help your ally very much.
Pick Naix and focus hit Centa, if sven throw his storm bolt, go rage!
Have Omniknight in your team, repel will help so much.
Pick Blinker or Anti-Magic hero (Magina, Yurnero).
Buy BKB as fast as you can.

Summary
If you want to play Fun but Pro, try this combo... I'm always enjoy the game when I pick Sven, and have Centa as my partner lane. Oh yeah, don't forget to buy Armlet of Mordigian, the best item for All Strength Carry Hero. If you have another opinion, please share with use in comment box.

Keyword (Indonesia) : quick guide untuk sven - rogue knight, combo sven centa firstblood level satu, firstblood tercepat sven centa combo

International Seminar - SEIE 2011

2011-10-01T21:44:00.000+07:00

Type : Share
Labels : Education
Level : N/A

International Seminar - SEIE 2011 (Seminar on Electrical, Informatics and It's Education) has been held successfully today. This Seminar has been held in Graha Cakrawala, State University of Malang, Indonesia, by Electrical Engineering Major. I'm so proud because I'm one of the student in that major. And I also the participant (not author) of this seminar.

Theme of this seminar is Mobile Technology and its Application on Education with Keynote Speaker is Prof. Dr. Kohai Arai form Saga University Japan. Its about converting from E-Learning to Mobile-Learning, very interesting topic to me, because I'll be a teacher someday. And now I'll try to share my experience in that seminar, happy reading.

What is E-Learning?
E-learning comprises all forms of electronically supported learning and teaching. The information and communication systems, whether networked learning or not, serve as specific media to implement the learning process. You can use Moodle to create E-learning server. You can download Moodle for free, in this site : http://moodle.org/downloads/

What is Blended Learning?
Blended Learning is the way to teach and to learn through combination or 'blending' of multiple methods and learning-styles together. Prof Kohai recommend us to use the combination of online and face-to-face basis approaches for teach and learn.

Why Blended Learning?
Because Blended Learning is possible to provide flexible and alternative learning opportunities for students even if students are out the classroom and if after class. So the students can study anytime, anywhere.

Whats the Problem?
Many University develop e-learning web page to provide online learning course and materials. The problem is, not all students have computer or laptop. Almost all student have mobile phone. But, those e-learning content are not accessible through mobile handled device such as mobile phone, PDA, SmartPhone or iPhone.

Whats the Solution?
The solution is adapting e-learning content into mobile learning content which enable to view e-learning contents on mobile device. With some technical process E-Learning Content can be delivered to Mobile Learner.

Summary
Module Based Content Adaption method is appropriate for adapting composite E-Learning content that composed from independent learning object with separate presentation and data layer. Compatible (at least) with 94.5% of current mobile browser used in mobile devices.

Keyword (Indonesia) : seminar internasional SEIE 2011 jurusan teknik elektro universitas negeri malang

Make Your Blog Load Running Like the Wind

2011-09-30T19:46:00.001+07:00

Type : Share
Labels : Blogger
Level : N/A

Everyone want to access information as fast as they can. Even though they don't have enough money to pay Fast Internet Speed, they still want to get information as fast as they can. Those people will love website that have short loading time rather than heavy loading time website. As we know, to those people, loading time can be a factor to bookmark website or blog.

Should I make my blog load faster?
Google said

The speed at which your blog loads is critical to attracting more readers to your blog. If your blog takes a long time to load, many readers may leave your blog before they have the chance to read it.

Its up to you. But, have blog loading running like the wind, will affect on your blog traffic. People will start to like your blog, at least, for your blog fast loading. They will get information in short time, and you have more visit because they will not spend all the time to wait your blog load.

How to make blog load faster?
There is no magic to do that. Its just a little tip from me, that can affect your blog load. I hope it will help you, to make your blog load faster.

Themes
When you use free theme, usually it doesn't coded properly. Don't use theme only because its beautiful. Many of free theme contain some extra widget and script that will slow down your blog loading speed. So, if you knew a little (or Pro) of html, you can modify your free theme. If you don't, just use standard theme, or theme that doesn't have many feature (like slideshow, banner and other image everywhere).

Widget
Only use necessary widget on your blog. Remove any extra widget that not too important for your blog. Because the more widget you have, the more blog load you will have. There is a tip form Google

For optimal blog load speed, we recommend using Google/Blogger widgets, JavaScript and links. However, if you need to use third party JavaScript and links, your blog will load much faster if you put all JavaScript at the bottom of your blog. If you have third party JavaScript and links in your sidebar, put them in at the bottom of the sidebar.

Plugin
Only use plugin that you need. Example, you want to add SyntaxHighlighter to your blog, and there is so many javascript files that you must place to your blog (files its different from script). There is so many of that plugin, and choose the plugin that have a fewer files than other plugin. This will help your blog load faster, and you still have your SyntaxHighliter.

Image
Compress your image before you upload it. And don't use image for your blog background or your blog will suffer. Avoid to use image to your blog background. If you have Ads on your blog, choose that will display text only. Don't use too much picture in your post. Maybe two or three is enough to make your post more attractive.

Post
This is what Google said

Your blog's load time can be affected by the number of posts you display on your main page. You can easily edit the number of posts displayed of the main page from the Settings | Formatting tab. You can then select the number of posts you want to display on the main page. We recommend displaying 10 or fewer posts on the main page.

But I prefer to use only four post per page. And use jump break to every your post. This will help to reduce some time for your blog to load.

CDN Service
A content delivery network or content distribution network (CDN) is a network containing copies of data placed at various nodes of a network. When properly designed and implemented, a CDN can improve access to the data it caches by increasing access bandwidth and redundancy and reducing access latency because its uses the closest server to visitor location. (credits: Leo AW)

Are You Ready?
If you think your blog load is fast enough, try to compare it with other blog, or maybe to challenge your friend, who is the fastest blog? You can use this site. http://whichloadsfaster.com/ Have Fun!!

If you have another tips, please share with us in comment box.

Keyword (Indonesia) : membuat loading blog lebih cepat, mempercepat loading blog

Create Your Own Translation Feature For Blog

2011-09-27T14:54:00.002+07:00

Type : Tutorial
Labels : Blogger
Level : Easy

Do We Need Translation Feature?
A few days ago, Zh!ntho comment on one of my posts. He asked Indonesian version of this blog. Of course I was confused, because this blog is still new. The only way that occurred in my mind is how google can translate my blog.

Yes, there it is. Google can do everything, almost anything can be done, especially just translating my tiny blog. One of google feature that can translate the web page is Google Translate.

How Google Translate Work?
I started looking for how to translate my blog page with google translate. When I tried to translate a page, then Google translate accept the parameter "u" which is the URL of the page to be translated and parameter "langpair" which contains the Source Language and Translation Language.

So, I conclude that we can create the form that will go to google translate to translate our pages. Actually a lot of ways to make this form, some use the flag of each country. But I prefer to use a combo box because it makes a faster loading. And I make this script, you can use it because it's free.

How to Add Translation Feature To My Blog?
To put this in your blog, simply go to add the widget>> HTML / Javascript, and paste this script. Then save it.

<form action="http://www.google.com/translate" target="_blank"><div>

<b>Translate To </b>

<script language="JavaScript">

document.write ("<input name=u value="+location.href+" type=hidden>")

</script>

<noscript>   <input name="u" value="http://www.firecreature.com"/>   </noscript>

<select name="langpair">

<option value="en|id" selected />Bahasa Indonesia

<option value="en|de" />Deutsch

<option value="en|fr" />French

<option value="en|pt" />Portuguese

<option value="en|it" />Italiano

<option value="en|es" />Spanish

<option value="en|ja" />Japanese

<option value="en|ko" />Korean

<option value="en|zh-CN" />Chinese

</select>

<input type="submit" value="Translate Now" />

<!-- Originaly created by www.FireCreature.com, powered by Google

Translate -->

</div>
</form>

Keyword (Indonesia) : cara membuat terjemahan untuk blog

Haaf's Game Engine - 2D Game Engine

2011-09-25T19:32:00.002+07:00

Type : Share
Labels : 2D Game Engine
Level : N/A

In my previous post, I say that there is so many Game Engine nowadays. Now I will share about one of 2D Game Engines, HGE (Haaf's Game Engine).

What is HGE?

HGE is an easy to use yet powerful hardware accelerated 2D game engine. It is a full featured middleware for all who want to develop commercial quality 2D games rapidly and easily. It covers all imaginable 2D game genres: you could create everything from a simple puzzle to advanced multilayered platformer or strategy without even thinking of any non game logic code! And you don't have to know anything about "window messages", DirectX programming and all that stuff. Instead you can start developing your own game within 15 minutes! -Official Site

Why HGE?

Strict concentration on subject "2D games"

Task oriented design. Nothing redundant and lots of higher level features.

Simple interface and extreme easiness

You don't have to know anything about system programming and don't need any additional libraries. Classes and headers that make sense. Very easy to set up and use.

Technical advanceness

HGE is built upon modern Direct3D API what allows lots of special effects and great performance. Alpha blending, color tinting, geometry transformations etc. without performance hit at all!

Complete and clear documentation

All the features thoroughly grouped and described, lots of general game development hints provided.

HGE just feels right!

HGE is highly consistent. Every minor feature is carefully planned and interconnected with others.

Free

HGE is distributed under The zlib/libpng license, i.e. it is completely free for any uses including commercial ones.

Where I Can Download HGE?

The lastest version when I publish this post is HGE version 1.81, you can download it from Official Site of HGE at hge.relishgames.com

I Have Downloaded It, What Now?

After you download the package, simply extract it to folder HGE, and then you can browse a little. In doc folder, there is an offline web copy from HGE Official Website, its so helpful and useful. You can learn how to use HGE from this web copy in Tutorial Section. Just explore it your self, and you will learn something.

HGE use C++ Language, so if you want to use this Engine, you must have C++ Compiler such as Microsoft Visual C++, Borland C++, MinGw or other C++ Compiler. Try to learn a little about C++ Language, how "if else" work, how "do while" work, you just need to learn the basic, because HGE has prepared All function you need to create a game. You just need to know how to operate HGE.

Read Tutorial From Doc Folder!

If you want to use this game engine, start action now, read the tutorial and practice with your own C++ Compiler. I don't need to cover all tutorial here, because, HGE has make tutorial that very easy to understand, and I want to respect the owner of HGE.

Go to Tutorials Folder, and you will found C++ Script for all tutorial in Doc Folder. Try to experiment with it.

Maybe in the next post, I will share about my Experiment with HGE.

Keyword (Indonesia) : game engine 2d hge, membuat game 2d dengan game engine hge

Create Game Faster with Game Engine

2011-09-24T08:08:00.000+07:00

Type : Share
Labels : Game Engine
Level : N/A

There are so many people who love game. And so many people want to make one. They search in search engine "How to make game", or "How to create game", but not all the people glad with the result of search engine, because to create game, we must understand some programming language.

So, some gaming master think to help out this people, try to make something that will help all people who want to create a game, with less programming language experience, Game Engine. Game Engine will speed up game development dramatically, because we don't need to make foundation of our game. Game engine is the foundation, it has all great feature that will help us to create a game.

What is Game Engine?

A game engine is a system designed for the creation and development of video games. There are many game engines that are designed to work on video game consoles and personal computers. The core functionality typically provided by a game engine includes a rendering engine (“renderer”) for 2D or 3D graphics, a physics engine or collision detection (and collision response), sound, scripting, animation, artificial intelligence, networking, streaming, memory management, threading, localization support, and a scene graph. The process of game development is often economized, in large part, by reusing/adapting the same game engine to create different games. -wikipedia.org

How to Create a Game with Game Engine?
To create a game with game engine, you need to understand a little of programming language they use. There is so many game engine in this world, and I bet you will confuse to use them. So, choose one that relevant to your game style. In the next post, I will cover various style of game.

After you choose one of them, read a quick tutorial how to use the game engine. Most of them have quick tutorial, how to use their game engine. Learn a little about their language program, so if they use LUA language, try to find tutorial about LUA programming. Its will help you significantly.

Now, you have understand their language then you must prepare all of resource you want to use for your games, such as map, sprite, sound. There are so many free tools to make this up for you. Maybe I'll cover it next time, because I plan to make my own game, and I will share all thing about my project.

What Game Engine I Must Choose?
As I say before, there are so many game engine this day. I will cover one by one, but not in this post. Maybe in the next post. Hehe.

List of Game Engine?
You can view full list of game engine in this site, http://en.wikipedia.org/wiki/List_of_game_engines
or
this is the full review of various game engine,
http://www.devmaster.net/engines/

Keyword (Indonesia) : membuat game dengan game engine

How To Add Emoticon To Your Blog (New Method)

2011-09-22T18:00:00.001+07:00

Type : Tutorial
Labels : Blogger
Level : Easy

Hi guys...
Something wrong with my Post right? No, it is something right.

My emoticon is BACK!!!!

I am so glad now, because i found new method, no-- its a traditional method to add emoticon to blog post. At least, its work for my blog.

I have post the easier method for add emoticon to your blog before, but when I buy new domain, my emoticon didn't work at all. And now, I want to share this method. It seem that FireFox Addon method didn't work for new User Interface of Blogger, so I choose to use this one.

How Can I Add Emoticon to My Blog Post?

There is two method that can be used. But I think its same.

Simply upload All emoticon to your blog, or your Picasa account.
Use my uploaded emoticon.

Method 1. Upload All Emoticon to your Blog/Picasa account.

You can do this via Insert Image>Upload
When you want to add emoticon, simply choose Insert Image>From this blog or if you upload it to your picasa account choose Insert Image>From Picasa Web Album

Method 2. Use my uploaded emoticon.

Simply go to Insert Image>From URL

Enter URL : http://piqosoft.firecreature.com/emo/number-of-emo.gif

Or you can Go to HTML mode, then simply add this code:

<img src="http://piqosoft.firecreature.com/emo/number-of-emo.gif" />

Example:

<img src="http://piqosoft.firecreature.com/emo/99.gif" />

will be converted to

*You must place that code in HTML mode
*You can view all emoticon at http://piqosoft.firecreature.com/emo/
*You can upload all emoticon to your own website.
*I still work for new method using Software.

I use Method 2, because I think its faster then method 1. Tips for using Method 2, go to http://piqosoft.firecreature.com/emo/ first, and don't close it until you finish your post. If you want to add emoticon, you only need to remember the number and use Method 2.

Keyword (Indonesia) : cara memasang emoticon di blog post baru, install emoticon di blog post

How to Add Your Blog to Technorati

2011-09-20T01:20:00.003+07:00

Type : Tutorial
Labels : Blogger
Level : Easy

Hi, this time I want to share about Adding your blog to Technorati
The first time I visit technorati, i'm confused. Where I can submit my blog? Wait-wait, what is technorati?

Wikipedia said that

Technorati is an Internet search engine for searching blogs. By June 2008, Technorati was indexing 112.8 million blogs and over 250 million pieces of tagged social media.[3] The name Technorati is a blend of the words technology and literati, which invokes the notion of technological intelligence or intellectualism.

Technorati was founded by Dave Sifry, with its headquarters in San Francisco, California, USA. Tantek Çelik was the site's Chief Technologist.

Technorati uses and contributes to open source software. Technorati has an active software developer community, many of them from open-source culture. Sifry is a major open-source advocate and was a founder of LinuxCare and later of Wi-Fi access point software developer Sputnik. Technorati includes a public developers' wiki, where developers and contributors collaborate, also various open APIs.

The site won the SXSW 2006 awards for Best Technical Achievement and Best of Show.[4] It was nominated for a 2006 Webby Award for Best Practices, but lost to Flickr and Google Maps.[5] Technorati was recognized as one of the “2010 Hottest San Francisco Companies” by Lead411.[6] -wikipedia.org

Wow... Its cool right? Now, we will submit our blog to Technorati.

How to Add your blog to Technorati?

Join Technorati from this link : www.technorati.com
Go to your account, and in the end of your account page, there is a button for Claim Your Blog.
Claim Your Blog right now and follow the instruction.
Now, go to your account page, and click Claim Status
Post Something on your blog with Technorati Verify Code in your post.

My Verify Code : TGMT88XXXXX (*I edit this after my claim token is successful)

And Publish your post, then click Verify Claim Token from your Technorati account page.
After your claim token is successful and waiting for review, you may remove your code.

Hope it is usefull.

Keyword (Indonesia) : cara mendaftarkan blog ke technorati

How To Claim Your Site At Alexa

2011-09-18T18:44:00.001+07:00

Type : Tutorial
Labels : Blogger
Level : Easy

Wow, my blog has been ranked by www.alexa.com and now what?

Now, its time to claim your site. What is the advantage from claiming your site? You can take a look to this picture, is your site have a description like this?

No? You can edit your Blog/Site description in www.alexa.com if you have claim your site, and its FREE.

How to Claim my Site/Blog?

Go to http://www.alexa.com/siteinfo/YOUR-BLOG-URL-HERE
Click Link Claim Your Site at the right side of your Blog/Site Name.
Now Follow the instruction from Alexa, and you must add code to your homepage.

How to add code to my HomePage?

Go to Template>Edit HTML
Now Find (CTRL+F)

<meta

Place your meta code by alexa at the end of other meta tag. It shoul look like this.

<meta content='This is the description' name='description'/>
<meta content='Tutorial Flash, Tutorial Web' name='keywords'/>
<meta content='YOURALEXACODE' name='alexaVerifyID'/>

Save Template

Keyword (Indonesia) : cara mendaftar di alexa, daftarkan blog di alexa

Network Analysis Tool - How to Use WireShark

2011-09-18T17:39:00.002+07:00

Type : Tutorial
Labels : Network
Level : Easy

In my last Data Communication and Computer Network class, We learn about Network Analysis Tools, Application Layer Protocol and Transport Layer Protocol. My teacher told us to download the newest edition from WireShark and FileZilla. Wow, are we going to hack something?
/XD

And then, yeah, I don't hack anything, because we just want to analyse our network. We learn how to analyse network with WireShark.

What is WireShark?

Wireshark is the world's foremost network protocol analyzer. It lets you capture and interactively browse the traffic running on a computer network. It is the de facto (and often de jure) standard across many industries and educational institutions. -wireshark.org

Where I can download WireShark?

You can download the lastest WireShark at http://www.wireshark.org/download.html, and I hope you know a little how to capture packet with WireShark. If you don't, you can read here. http://wiki.wireshark.org/

How to analyse packet with WireShark?

First, I ping to my FTP Server ( my Teacher PC ), and in WireShark, we can see that my Laptop send PING Request to my Teacher PC.

Second, I open my Google Chrome and browse to www.google.com, and this picture show that my Laptop send HTTP packet to Proxy 192.168.1.200

Third, I open my FileZilla, and try to connect to the web server.

Then my WireShark show that i send FTP packet to the web server.

I try to open directory, and this my WireShark screenshot.

And this screenshot, when i try to download file from the web server.

-Fin /bye

Keyword (Indonesia) : alat analisis jaringan, menganalisa jaringan dengan wireshark

Alexa Site Widget for Blogger

2011-09-14T07:25:00.001+07:00

Type : Tutorial
Labels : Blogger
Level : Easy

Yesterday, is another great day of my life, because my tiny poor blog is ranked by alexa.

What is alexa?

Alexa Internet, Inc. is a California-based subsidiary company of Amazon.com that is known for its toolbar and website. Once installed, the toolbar collects data on browsing behavior which is transmitted to the website where it is stored and analyzed and is the basis for the company's web traffic reporting. -wikipedia.org

Alexa is a well known, and well trusted, brand among webmasters and small business owners across the globe. For years webmasters have used Alexa's free data to make money with their websites. Alexa rank is popular within blogger and web admin. They use all the way to bring their Alexa Rank up.

And now, you can look on my bottom sidebar for my ranking.
Hey, don't laugh... My blog is just launch a few weeks ago...

How to add Alexa widget for my blog?

If you want to add Alexa Widget to your blog, go to this site : Alexa Site Widget
Then choose your interest, you can choose to Stats Widget like mine, or Trafic Rank widget.
Just type your blog url and click Build Widget. ex:http://goflego.blogspot.com
Now you have html code for your widget.
Simply place this code tho your Sidebar Html/Javascript gadget.

Piece of cake, right?

Keyword (Indonesia) : pasang alexa site widget di blogger, alexa site widget untuk blogger

Add URL - Submit URL - Top 10 Most Wanted Search Engine Submission List

2011-09-11T18:47:00.003+07:00

Type : Tips
Labels : Blogger
Level : Easy

Hello...
This time I want to show you about How to Submit/Add your website or blog URL to Top 10 Most Wanted Search Engine in the world. But, what Search Engine Submission is?

What is Search engine submission?

Search engine submission is how a webmaster submits a web site directly to a search engine. While Search Engine Submission is often seen as a way to promote a web site, it generally is not necessary. /shock

Hey?? It is said that

it generally is not necessary.

Is that true? Maybe yes, maybe no...
If you don't submit your URL or add your URL to search engine, search engine will never know about you. Example, if your Blog or website is GofleGo, and then you search in www.google.com goflego, goflego wont come up in the result, unless you build good backlink.

But, it IS easier to submit your URL rather than build a good backlink. Yeah? So, if you want search engine list your Website or Blog to their database, you must Submit your URL first. Here, I want to share Top 10 Most Wanted Search Engine Submission List, hope it still work.

Top 10 Most Wanted Search Engine Submission List

Google

Yahoo! Search

Bing

Open Directory

ASR

ScrubTheWeb

Entire Web

Exact Seek

Search Sight

Web World

Happy Submitting.

-Fin /bye

Keyword (Indonesia) : daftar website ke sepuluh search engine paling dicari, cara daftar website ke search engine

Add Emoticon to Your Blogger Post

2011-09-10T12:35:00.000+07:00

Type : Tutorial

Labels : Blogger

Level : Easy

Hi guys...

In this tutorial, i want to share about how to add emoticon to your Blogger post. Emoticon can make your blog look more interesting, and maybe professional. With emoticons, you can express your feelings better. So, wanna try it? Lets check it out.

I have searching in google, and i come up with this script. I think this is the easiest way to add emoticon to your blog post. Thanks to Cool Stuff, all credit goes to him.

How to add emoticon to blog post?

First, sign in to your blogger account and then go to Design/Layout/Template to Edit HTML.
Search with CTRL+F for the < /head>.
Place this script, right before the </head>.
Save now.

<script src="http://mltan100.googlepages.com/emoticons.js" type="text/javascript"/>

Now, try to post something, and add some this predefined characters.
/wahaha : /hihi : /omg : /no : /dignose : /sweat : /shock : /floor : /hmm : /XD : /blur : /blush : /please : /bye :

Most yahoo emoticons will work too :) :))

-Fin /bye

Don't work to your site?

*UPDATED >> it should work in Blogspot.com, but since I use new domain, it doesn't work in my site. You can see the demo here... It work, and use blogspot.com >> AyoCariMakan.blogspot.com
I'm trying to find another way for my site. And I have found one, here:
http://www.firecreature.com/2011/09/how-to-add-emoticon-to-your-blog-new.html

Keyword (Indonesia) : pasang emoticon di blogger post, install emoticon di blogger, cara memasang smileys di post baru, cara memasang emoticon di post baru