Flash game for facebook



Recently I have got the chance to develop a flash game for facebook.  The game is called "ghurir mela", it is about killing the enemy kites and avoiding killer kites. It is played by using space bar to control or  fly the kite. Every spacebar press rotates the kite in every angles. Player needs to kill all the kites by touching the enemy kites. Player also must avoid killer "orange" kites in order to move up with levels which continuously increases the score. There are also bonus points, which could be earned by just touching the bonus graphics.



Here are the steps in brief:

1.  Developed the game in as3/flash
2.  Created mysql database
3.  Wrote php code to save game score to database and to display the top 10 scorer list back in flash
4.  For facebook integration:
    1. First registered as fb app developer then created a page 
    2. Downloaded the php sdk for FB
    3. Include facebook.php in the index.php file where the flash game (swf) is embeded
    4. Created a page in facebook
    5   Added the app to the newly created page
          Http://developers.facebook.com/docs/appsonfacebook/pagetabs/


..I'll talk more about the development process when I have more time.. Meanwhile here are some screenshots of "ghurir mela"









Cheers :)

Mark Zuckerberg’s IPO letter: Why Facebook exists


Rare insight into Zuckerberg, who remains an enigma despite the ubiquity of Facebook.



Facebook CEO and founder Mark Zuckerberg tucked a letter into the company’s filing for an initial public offering in which he explains the reason he created in 2004 what is now the world’s largest social networking site. The letter provides rare insight into Zuckerberg, who remains somewhat of an enigma despite the ubiquity of Facebook.

Here is the letter in full:

LETTER FROM MARK ZUCKERBERG

Facebook was not originally created to be a company. It was built to accomplish a social mission — to make the world more open and connected.


We think it's important that everyone who invests in Facebook understands what this mission means to us, how we make decisions and why we do the things we do. I will try to outline our approach in this letter.
At Facebook, we're inspired by technologies that have revolutionized how people spread and consume information. We often talk about inventions like the printing press and the television - by simply making communication more efficient, they led to a complete transformation of many important parts of society. They gave more people a voice. They encouraged progress. They changed the way society was organized. They brought us closer together.

           

Today, our society has reached another tipping point. We live at a moment when the majority of people in the world have access to the internet or mobile phones — the raw tools necessary to start sharing what they’re thinking, feeling and doing with whomever they want. Facebook aspires to build the services that give people the power to share and help them once again transform many of our core institutions and industries.

There is a huge need and a huge opportunity to get everyone in the world connected, to give everyone a voice and to help transform society for the future. The scale of the technology and infrastructure that must be built is unprecedented, and we believe this is the most important problem we can focus on.

We hope to strengthen how people relate to each other.

Even if our mission sounds big, it starts small — with the relationship between two people.

Personal relationships are the fundamental unit of our society. Relationships are how we discover new ideas, understand our world and ultimately derive long-term happiness.

At Facebook, we build tools to help people connect with the people they want and share what they want, and by doing this we are extending people’s capacity to build and maintain relationships.

People sharing more — even if just with their close friends or families — creates a more open culture and leads to a better understanding of the lives and perspectives of others. We believe that this creates a greater number of stronger relationships between people, and that it helps people get exposed to a greater number of diverse perspectives.

By helping people form these connections, we hope to rewire the way people spread and consume information. We think the world’s information infrastructure should resemble the social graph — a network built from the bottom up or peer-to-peer, rather than the monolithic, top-down structure that has existed to date. We also believe that giving people control over what they share is a fundamental principle of this rewiring.

We have already helped more than 800 million people map out more than 100 billion connections so far, and our goal is to help this rewiring accelerate.

We hope to improve how people connect to businesses and the economy.

We think a more open and connected world will help create a stronger economy with more authentic businesses that build better products and services.

As people share more, they have access to more opinions from the people they trust about the products and services they use. This makes it easier to discover the best products and improve the quality and efficiency of their lives.

One result of making it easier to find better products is that businesses will be rewarded for building better products — ones that are personalized and designed around people. We have found that products that are “social by design” tend to be more engaging than their traditional counterparts, and we look forward to seeing more of the world’s products move in this direction.

Our developer platform has already enabled hundreds of thousands of businesses to build higher-quality and more social products. We have seen disruptive new approaches in industries like games, music and news, and we expect to see similar disruption in more industries by new approaches that are social by design.

In addition to building better products, a more open world will also encourage businesses to engage with their customers directly and authentically. More than four million businesses have Pages on Facebook that they use to have a dialogue with their customers. We expect this trend to grow as well.

We hope to change how people relate to their governments and social institutions.

We believe building tools to help people share can bring a more honest and transparent dialogue around government that could lead to more direct empowerment of people, more accountability for officials and better solutions to some of the biggest problems of our time. [Also see: Facebook's Rise: From Start-Up to Establishment]

By giving people the power to share, we are starting to see people make their voices heard on a different scale from what has historically been possible. These voices will increase in number and volume. They cannot be ignored. Over time, we expect governments will become more responsive to issues and concerns raised directly by all their people rather than through intermediaries controlled by a select few.

Through this process, we believe that leaders will emerge across all countries who are pro-internet and fight for the rights of their people, including the right to share what they want and the right to access all information that people want to share with them.

Finally, as more of the economy moves towards higher-quality products that are personalized, we also expect to see the emergence of new services that are social by design to address the large worldwide problems we face in job creation, education and health care. We look forward to doing what we can to help this progress.

Our Mission and Our Business

As I said above, Facebook was not originally founded to be a company. We’ve always cared primarily about our social mission, the services we’re building and the people who use them. This is a different approach for a public company to take, so I want to explain why I think it works.

I started off by writing the first version of Facebook myself because it was something I wanted to exist. Since then, most of the ideas and code that have gone into Facebook have come from the great people we’ve attracted to our team.

Most great people care primarily about building and being a part of great things, but they also want to make money. Through the process of building a team — and also building a developer community, advertising market and investor base — I’ve developed a deep appreciation for how building a strong company with a strong economic engine and strong growth can be the best way to align many people to solve important problems.

Simply put: we don’t build services to make money; we make money to build better services.

And we think this is a good way to build something. These days I think more and more people want to use services from companies that believe in something beyond simply maximizing profits.

By focusing on our mission and building great services, we believe we will create the most value for our shareholders and partners over the long term — and this in turn will enable us to keep attracting the best people and building more great services. We don’t wake up in the morning with the primary goal of making money, but we understand that the best way to achieve our mission is to build a strong and valuable company.

This is how we think about our IPO as well. We’re going public for our employees and our investors. We made a commitment to them when we gave them equity that we’d work hard to make it worth a lot and make it liquid, and this IPO is fulfilling our commitment. As we become a public company, we’re making a similar commitment to our new investors and we will work just as hard to fulfill it.

The Hacker Way

As part of building a strong company, we work hard at making Facebook the best place for great people to have a big impact on the world and learn from other great people. We have cultivated a unique culture and management approach that we call the Hacker Way.

The word “hacker” has an unfairly negative connotation from being portrayed in the media as people who break into computers. In reality, hacking just means building something quickly or testing the boundaries of what can be done. Like most things, it can be used for good or bad, but the vast majority of hackers I’ve met tend to be idealistic people who want to have a positive impact on the world.

The Hacker Way is an approach to building that involves continuous improvement and iteration. Hackers believe that something can always be better, and that nothing is ever complete. They just have to go fix it — often in the face of people who say it’s impossible or are content with the status quo.

Hackers try to build the best services over the long term by quickly releasing and learning from smaller iterations rather than trying to get everything right all at once. To support this, we have built a testing framework that at any given time can try out thousands of versions of Facebook. We have the words “Done is better than perfect” painted on our walls to remind ourselves to always keep shipping.

Hacking is also an inherently hands-on and active discipline. Instead of debating for days whether a new idea is possible or what the best way to build something is, hackers would rather just prototype something and see what works. There’s a hacker mantra that you’ll hear a lot around Facebook offices: “Code wins arguments.”

Hacker culture is also extremely open and meritocratic. Hackers believe that the best idea and implementation should always win — not the person who is best at lobbying for an idea or the person who manages the most people.

To encourage this approach, every few months we have a hackathon, where everyone builds prototypes for new ideas they have. At the end, the whole team gets together and looks at everything that has been built. Many of our most successful products came out of hackathons, including Timeline, chat, video, our mobile development framework and some of our most important infrastructure like the HipHop compiler.

To make sure all our engineers share this approach, we require all new engineers — even managers whose primary job will not be to write code — to go through a program called Bootcamp where they learn our codebase, our tools and our approach. There are a lot of folks in the industry who manage engineers and don’t want to code themselves, but the type of hands-on people we’re looking for are willing and able to go through Bootcamp.

The examples above all relate to engineering, but we have distilled these principles into five core values for how we run Facebook:

Focus on Impact

If we want to have the biggest impact, the best way to do this is to make sure we always focus on solving the most important problems. It sounds simple, but we think most companies do this poorly and waste a lot of time. We expect everyone at Facebook to be good at finding the biggest problems to work on.

Move Fast

Moving fast enables us to build more things and learn faster. However, as most companies grow, they slow down too much because they’re more afraid of making mistakes than they are of losing opportunities by moving too slowly. We have a saying: “Move fast and break things.” The idea is that if you never break anything, you’re probably not moving fast enough.


Be Bold

Building great things means taking risks. This can be scary and prevents most companies from doing the bold things they should. However, in a world that’s changing so quickly, you’re guaranteed to fail if you don’t take any risks. We have another saying: “The riskiest thing is to take no risks.” We encourage everyone to make bold decisions, even if that means being wrong some of the time.

Be Open

We believe that a more open world is a better world because people with more information can make better decisions and have a greater impact. That goes for running our company as well. We work hard to make sure everyone at Facebook has access to as much information as possible about every part of the company so they can make the best decisions and have the greatest impact.

Build Social Value

Once again, Facebook exists to make the world more open and connected, and not just to build a company. We expect everyone at Facebook to focus every day on how to build real value for the world in everything they do.

Thanks for taking the time to read this letter. We believe that we have an opportunity to have an important impact on the world and build a lasting company in the process. I look forward to building something great together.



source : yahoo

Workshop on Unmad's cartoon course

One day I got surprised and happy to receive a message on FB. It was from cartoonist Tanmoy inviting me to join Unmad's cartoon workshop. I got so excited because it was my long time wish to learn sketching as drawing figures was my passion as a child. When I was a young girl or when I learned to enjoy drawing around the age of 11 or 12 I used to sketch a lot and all those were women figures wearing different kinds of outfits mostly western like gowns, formal wears like tops, skirts etc. I was so addicted that I often found myself sketching on any blank piece of paper I got around me also on my books, notebooks. It kind of affected my studies because I would do sketching rather than my assignments. I got lot of discouragement from family on this. However, there came a time when I had to stop sketching due to study pressure. I guess I sketched till my first year. I didn't know what made me sketch only women figures. It was my hobby and I was so passionate about it. The figures I drew also had story that I made on my mind spontaneously on the spur of the moment and as if those figures were characters interacting with each other. I would cut all my women figures and play with them like dolls. I remember I loved watching beauty pageants and I guess it gave me lot of inspirations. I had no formal training on drawing neither did I ever thought about studying sketching I just did this for my own recreation.

I was not able to pursue it due to academics pressure and discouragement from my parents. Since now I am web designer by profession, I am extremely fascinated by various creative artworks, whether it’s a digital or traditional painting, a sculpture, an animation or music video.

Okay enough about passion now let's go back to the main topic. So when I knew Unmad’s was gonna conduct the course, I called them right away to know their enrollment procedure etc. Then finally got enrolled. The cl-assess held on weekends so it was quite hectic for me but I think it was worth attending such class and learning from top cartoonists in our country. On my first day I was kind of cool and relaxed but as day passed I was bit nervous because they were kind of strict and would tell you on the face if your assignment doesn’t seem okay. It was really nice to meet and get inspired by Mr Ahsan Habib, one of the living creative legend in Bangladesh. Our main tutor was Mehedi Haque, executive editor of Unmad magazine. He is such a sincere and inspiring teacher. I learned a lot from him and I also bought his book on drawing. Mr Anik Khan was there too, he took our class on how to generate ideas. It was just awesome to meet such humble writer. Another interesting persona was Mr. Shobboshachy Mistry, who is currently greatest concept artist in our country. He was super strict but he comoletely rocks, a very strict and good teacher. Cartoonist Tanmoy was there for sometime to teach us about expressions and he was so good at it. So overall it was really great fun and learning experience at Unmad's Workshop.

Below is a picture of my last day at the workshop when I was given a certificate.




It was an honor to receive certificate from Mr. Ahsan Habib and take a photo with Unmad's team namely, from left Mitu, Ahsan Habib, Mehedi Haque and yours truly :) . Photo credit goes to Abhiram Roy.



Concept is always the king! Here's some good tips from a expert

http://24ways.org/2010/good-ideas-grow-on-paper - this one is for ppl who are hesitant to start with paper.

Animation...what it really is and how to achieve it

http://24ways.org/2010/real-animation-using-javascript-css3-and-html5-video

- enlightening!

My first test Flash based App for Android

I always had this interest on developing apps/contents for mobile or touchscreen devices but I just didn't get the opportunity. Now with the pre-release of AIR for Android and by watching so many nice flash games/animations on android devices, I just can't wait to try one. So I tried with few of my existing flash animations(done in cs3). And it looked/worked so nice on the emulator and the device (I used Motorola Droid).

Here are quick steps:

1. Install Flash CS5.5

2 Get the Android SDK

Download it from the official site for Android SDK

3. Get AIR runtime for Device (Froyo 2.2)

Connect the device to your pc and install the USB 3.0 driver. Locate the device using the SDK, it will list the device and then install the AIR Runtime.

4. Get AIR for Android extension for flash

Install this using the CS5 extension manager. Start flash and create new from template, select "AIR for android". Put your existing flash content on this new file, you can increase the stage size. It accepts only AS3 files.

* The extension comes with Flash CS5.5 so just skip step 4.

Go to file > Android Settings >

In the General tab > fill up the necessary info.
In Deployment tab > create certificate, put password, for deployment type select > debug

Under after publishing area, select both the check boxes.

For the path to adb, choose the tools directory of your SDK folder.

Click "Publish"

Your app will automatically load on the device.

*Make sure your device has "USB debugging enabled"
*Make sure the usb driver was properly installed on your pc.


(I will write these things in details later)

set auto focus on input textbox AS2

Selection.setFocus('inputName')

SCORM

Recently I had this wonderful opportunity to work with SCORM conformant e-learning project. Actually it’s been long since I have been developing flash based automated tutorials or quizzes. But they weren’t meant for online course rather they were just online/CD training materials for users of our web-based application. This time one of our users wanted to integrate these tutorials with their Learning Management System, so she asked us if our materials are SCORM conformant or not. The term SCORM was new to me and I didn’t know where to start. So my team leader and I began researching on that and he gave me lot of helpful resources or links. He helped me on making the manifest file and I figured out how to continue with the rest of the process.

SCORM stands for Sharable Content Object Reference Model – it is set of technical methodology for e-learning software products. SCORM specifies the instructions to be put on e-learning software which can easily communicate with the Learning Management Systems (LMSs). SCORM is the e-learning standard for packaging, launching, bookmarking and tracking a course

SCORM specifies that content should:
• Be packaged in a ZIP file.
• Be described in an XML file.
• Communicate via JavaScript.
• Sequence using rules in XML.

It was actually very easy scripting, so after checking few online examples I figured out how to code it. Our SCORM conformant training materials tracks bookmarking, score and completion of the course. The course status can be tracked by both the teacher and learner. 

 Here are the basic steps for creating SCORM content in flash:

1. Download the javascript api APIWrapper.js ( you will find it in the ADL site http://www.adlnet.gov
     /Pages/Default.aspx
)

2. Download Manifest Maker for ADL SCORM extension for Dreamweaver and install it using Adobe Extension  
    Manager.

3. Create the flash file (containing the course). In order to communicate with the javascript wrapper, the following functions are used, a) Initialize (to call the doLMSInitialize function in javascript, which makes the connection with LMS)
b) Set values (set or pass values from the flash file, for example, setting bookmark)
c) Get values (get or retrieve values from the LMS, for example, getting the last saved bookmarked location)


4. Using Dreamweaver, Create one html file as holder for the flash swf file. So embed the swf file and  Include the javasscript file.

5.  Then define site. And make manifest by clicking on  Commands > Manifest maker. It will generate several files.

6. Open the  imsmanifest.xml file just to check the contents or if you want to change page title etc.

7.  Make the package or zip file. Select all files and right click then select "send to > compressed format"

8. Upload this package in SCORM cloud to test.


It was whole new and exciting learning experience for me. There are few links or sites which were really helpful, like:


SCORM Cloud - Test Track Sandbox from  




Bill Gate's speech at a high school . . .

Love him or hate him, he sure hits the nail on the head with this!

Bill Gates recently gave a speech at a High School about 11 things they did not and will not learn in school. He talks about how feel-good, politically correct teachings created a generation of kids with no concept of reality and how this concept set them up for failure in the real world.

Rule 1: Life is not fair - get used to it!

Rule 2: The world doesn't care about your

self-esteem. The world will expect you to accomplish something BEFORE you feel good about yourself.

Rule 3: You will NOT make $60,000 a year right out of high school. You won't be a vice-president with a car phone until you earn both.

Rule 4: If you think your teacher is tough, wait till you get a boss.

Rule 5: Flipping burgers is not beneath your dignity. Your Grandparents had a different word for burger flipping: they called it opportunity.

Rule 6: If you mess up, it's not your parents' fault, so don't whine about your mistakes, learn from them.

Rule 7: Before you were born, your parents weren't as boring as they are now. They got that way from paying your bills, cleaning your clothes and listening to you talk about how cool you thought you were. So before you save the rain forest from the parasites of your parent's generation, try delousing the closet in your own room.

Rule 8: Your school may have done away with winners and losers, but life HAS NOT. In some schools, they have abolished failing grades and they'll give you as MANY TIMES as you want to get the right answer. This doesn't bear the slightest resemblance to ANYTHING in real life.

Rule 9: Life is not divided into semesters. You don't get summers off and very few employers are interested in helping you FIND YOURSELF. Do that on your own time..

Rule 10: Television is NOT real life.. In real life people actually have to leave the coffee shop and go to jobs..

Rule 11: Be nice to nerds. Chances are you'll end up working for one

Teaser video


Recently I finished a work on video animation for a contest. Well I did this not to win the contest but rather to show my existence as a designer and of course to sharpen my skills and creativity. So this experience got me into thinking of a concept or story and how this will be presented in the animation. Although I must say I didn’t give my best effort on this project because of some personal reasons, I’d say that what I did is good enough at least concept wise.

The requirement was to focus on three keywords “Piaget, celebration and Place Vendome” . It is a teaser to invite the who’s who (women) of the world to view the revelation of work of art.  So my concept was to give audience first a little history or background about the Place Vendome and then underscore that it s now a symbol of romance where a man is proposing a girl with a Piaget ring. And suddenly the gloomy environment becomes to bloom (showing flowers) and sparkle (glowing Piaget ring).
And at the end comes the invitation text. 

The video is showcased in the site : 





Helpful links

http://www.smashingmagazine.com/2010/02/26/finding-inspiration-in-uncommon-sources-12-places-to-look/

http://all-free-download.com/graphic/vector-file/


http://www.smashingmagazine.com/2010/03/02/web-design-criticism-a-how-to/#more-32213

http://v3.jasonsantamaria.com/archive//2006/02/02/utl_2_critiquing.php

http://www.smashingmagazine.com/2010/02/06/beautiful-motion-graphics-created-with-programming-showcase-tools-and-tutorials/

http://www.smashingmagazine.com/2010/03/04/100-beautiful-illustrator-artworks-by-artists-around-the-world/

jodi kagoje lekho nam

One of my favorite song ...

"Her morning elegance" web hit!

Just found that this video is one of the best/most liked on net in 2009, I first got to know about the video from Tanm bhai (thanks for sharing). Amazing video, have fun.



officiai website of the creator/animator of this video: http://www.onewingfly.com/
Other facts > http://www.facebook.com/topic.php?uid=36627590993&topic=6397

Fonts missing when cs3 fla file is opened in flash cs4

Even though the font is installed I get this message that the fonts are not available on system

If you have the fonts installed on your system you can choose its substitiute font from the dropdown.

To turn off the message of font mapping , go to edit > preferences> text and then uncheck the box “show for missing fonts”


You can check the font mapping msg box from the edit menu.

Issues with attachMovieClip

It's better not to use attachMovieClip in an online project because,

it makes the movie loads slower because when you link movieclips from library and select the checkbox to export it at first frame, it adds to the size of that first frame which causes the movie to take time to load or even makes the preloader appear late.


Basically, the first frame should contain only a preloader with simple and smaller animation.