<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1394203364875736327</id><updated>2012-01-05T10:12:50.233-08:00</updated><title type='text'>Creating another world</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://hyou00.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1394203364875736327/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://hyou00.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Shawn Xun Gong</name><uri>http://www.blogger.com/profile/10335978498789855468</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>2</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1394203364875736327.post-7728201866634210546</id><published>2011-09-26T00:35:00.000-07:00</published><updated>2011-09-27T00:00:04.962-07:00</updated><title type='text'>Welcome!</title><content type='html'>&lt;a href="http://3.bp.blogspot.com/-89kJXZzwKl4/Thku-2XggRI/AAAAAAAAAC4/K0ip-30iVio/s1600/263923_2196660641858_1407482000_32683040_6736153_n.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" height="213" src="http://3.bp.blogspot.com/-89kJXZzwKl4/Thku-2XggRI/AAAAAAAAAC4/K0ip-30iVio/s320/263923_2196660641858_1407482000_32683040_6736153_n.jpg" width="320" /&gt;&lt;/a&gt;&lt;span style="font-size: 100%;"&gt;Hello and welcome to Shawn Xun Gong's project portfolio!&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;To view my professional experience, please visit &lt;a href="http://www.linkedin.com/in/hyou00"&gt;LinkedIn&lt;/a&gt;; for more comprehensive overview, please visit &lt;a href="http://about.me/shawn.gong"&gt;about.me/shawn.gong&lt;/a&gt;.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;I have been creating software and games for 8  years since high school, and am going to graduate from University of Waterloo in January 2012, &lt;/span&gt;&lt;span style="font-size: 100%;"&gt; with an Honours Bachelor of Computer Science degree&lt;/span&gt;&lt;span style="font-size: 100%;"&gt;.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;In my childhood, I dreamed of creating another world of tales. When I got my first video game, I was shocked by the imaginary world it brought, and wondered how I could do it with my own hands.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;During high school, I started teaching myself how to program. In 2003, I found a chance to work with an online group (called Fantasy Studio) to make a RPG game. Through that game project I learned programming skills from other team members, and enjoyed working with a group on the same goal. Soon after, I decided that Computer Science should the my major, and got admitted into the Beijing Union University in China.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;Moved to Canada in 2008, I found things were quite  different. With panic,  nervousness, hope and belief, I struggled to demonstrate myself to this  new world. Efforts were put on school’s application, finding a part-time  job, and making new friends. Luckily I got my first job at a coffee  shop, where I met different kinds of people and learned the new culture  from various perspectives; I met good friends in the new city, which was a big gift; meanwhile the offer from University of  Waterloo brought me confidence, and infinite possibilities.&lt;br /&gt;&lt;br /&gt;Arrived at UW’s beautiful campus in Fall 2008, while adapting to a new study system, I actively got involved with many  extracurricular activities: I created a music band with  new friends who have the same pursuit; I joined the  Computer Science Club and Game Development Club where I was able to  communicate with peers and experienced alumnus; also I  participated in a variety of sport leagues, such as the Soccer Intramural &amp;nbsp;and Basketball Intramural, and helped my teams achieve good standings. These activities brought me an enjoyable and meaningful life in Waterloo.&lt;br /&gt;&lt;br /&gt;Along with steps into this new society, academically I have been able to make  progress, too - I maintained Good Standing in academic status, and passed the English Proficiency Exam. With the appreciation of UW Computer Science program's guideline: "To develop students with a broad view", I selected courses from various disciplines to satisfy my interests. In my second school term, I got my first internship as a  Software Developer with Research In Motion, which opened a brand new chapter in my life.&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;In Summer 2009, with an excellent manager at RIM, I learned how the software industry work, as well as how to collaborate with team members. Discovered that many people are working on Unit Tests with poor supporting tools, I designed tools  that significantly reduced the repetitive work from developers, thus greatly improved the overall efficiency for dozens of developers.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;From January 2010 till August, I was interning with Electronic Arts making FIFA 11. It was like a dream to actually work on the game that I have been played since I was a kid. In the 8-month internship, I actively learned from almost everybody in the FIFA team, and completed all my tasks in time with great feedback. Beyond that, I constantly helped others to solve problems, and gained experience working with producers, artists, engineers, QAs, and 3rd party partners. I improved my communicating and technical skills, and learned how to solve conflicts in adverse situations.&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;In Winter 2011 I part-timed at RIM to help my manager build a new building system, which involved much fun and creativity; in Summer 2011, I interned at Mozilla in California, enjoyed the summer and contributed to the 400-million-user Firefox - you can see I being the actual firefox in the picture above!&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;Where would my journey toward next? (:&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1394203364875736327-7728201866634210546?l=hyou00.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hyou00.blogspot.com/feeds/7728201866634210546/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hyou00.blogspot.com/2010/09/aloha.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1394203364875736327/posts/default/7728201866634210546'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1394203364875736327/posts/default/7728201866634210546'/><link rel='alternate' type='text/html' href='http://hyou00.blogspot.com/2010/09/aloha.html' title='Welcome!'/><author><name>Shawn Xun Gong</name><uri>http://www.blogger.com/profile/10335978498789855468</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-89kJXZzwKl4/Thku-2XggRI/AAAAAAAAAC4/K0ip-30iVio/s72-c/263923_2196660641858_1407482000_32683040_6736153_n.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1394203364875736327.post-7032933906552319206</id><published>2011-09-25T23:35:00.000-07:00</published><updated>2012-01-05T10:12:50.333-08:00</updated><title type='text'>Some personal projects I made</title><content type='html'>Here I only posted a few personal projects which are suitable to display; please contact me to know more about what I have done and what I am currently doing (:&lt;br /&gt;&lt;br /&gt;Firstly, my contribution to the Open Source Firefox includes:&lt;br /&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;o:OfficeDocumentSettings&gt;  &lt;o:AllowPNG/&gt; &lt;/o:OfficeDocumentSettings&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;w:WordDocument&gt;  &lt;w:View&gt;Normal&lt;/w:View&gt;  &lt;w:Zoom&gt;0&lt;/w:Zoom&gt;  &lt;w:TrackMoves/&gt;  &lt;w:TrackFormatting/&gt;  &lt;w:PunctuationKerning/&gt;  &lt;w:ValidateAgainstSchemas/&gt;  &lt;w:SaveIfXMLInvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;  &lt;w:IgnoreMixedContent&gt;false&lt;/w:IgnoreMixedContent&gt;  &lt;w:AlwaysShowPlaceholderText&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;  &lt;w:DoNotPromoteQF/&gt;  &lt;w:LidThemeOther&gt;EN-US&lt;/w:LidThemeOther&gt;  &lt;w:LidThemeAsian&gt;JA&lt;/w:LidThemeAsian&gt;  &lt;w:LidThemeComplexScript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;  &lt;w:Compatibility&gt;   &lt;w:BreakWrappedTables/&gt;   &lt;w:SnapToGridInCell/&gt;   &lt;w:WrapTextWithPunct/&gt;   &lt;w:UseAsianBreakRules/&gt;   &lt;w:DontGrowAutofit/&gt;   &lt;w:SplitPgBreakAndParaMark/&gt;   &lt;w:EnableOpenTypeKerning/&gt;   &lt;w:DontFlipMirrorIndents/&gt;   &lt;w:OverrideTableStyleHps/&gt;   &lt;w:UseFELayout/&gt;  &lt;/w:Compatibility&gt;  &lt;m:mathPr&gt;   &lt;m:mathFont m:val="Cambria Math"/&gt;   &lt;m:brkBin m:val="before"/&gt;   &lt;m:brkBinSub m:val="&amp;#45;-"/&gt;   &lt;m:smallFrac m:val="off"/&gt;   &lt;m:dispDef/&gt;   &lt;m:lMargin m:val="0"/&gt;   &lt;m:rMargin m:val="0"/&gt;   &lt;m:defJc m:val="centerGroup"/&gt;   &lt;m:wrapIndent m:val="1440"/&gt;   &lt;m:intLim m:val="subSup"/&gt;   &lt;m:naryLim m:val="undOvr"/&gt;  &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt; &lt;w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"  DefSemiHidden="true" DefQFormat="false" DefPriority="99"  LatentStyleCount="276"&gt;  &lt;w:LsdException Locked="false" Priority="0" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Normal"/&gt;  &lt;w:LsdException Locked="false" Priority="9" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="heading 1"/&gt;  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/&gt;  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/&gt;  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/&gt;  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/&gt;  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/&gt;  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/&gt;  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/&gt;  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 1"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 2"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 3"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 4"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 5"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 6"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 7"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 8"/&gt;  &lt;w:LsdException Locked="false" Priority="39" Name="toc 9"/&gt;  &lt;w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/&gt;  &lt;w:LsdException Locked="false" Priority="10" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Title"/&gt;  &lt;w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/&gt;  &lt;w:LsdException Locked="false" Priority="11" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/&gt;  &lt;w:LsdException Locked="false" Priority="22" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Strong"/&gt;  &lt;w:LsdException Locked="false" Priority="20" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/&gt;  &lt;w:LsdException Locked="false" Priority="59" SemiHidden="false"   UnhideWhenUsed="false" Name="Table Grid"/&gt;  &lt;w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/&gt;  &lt;w:LsdException Locked="false" Priority="1" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/&gt;  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Shading"/&gt;  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"   UnhideWhenUsed="false" Name="Light List"/&gt;  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Grid"/&gt;  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 1"/&gt;  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 2"/&gt;  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 1"/&gt;  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 2"/&gt;  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 1"/&gt;  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 2"/&gt;  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 3"/&gt;  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"   UnhideWhenUsed="false" Name="Dark List"/&gt;  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Shading"/&gt;  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful List"/&gt;  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Grid"/&gt;  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Shading Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"   UnhideWhenUsed="false" Name="Light List Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Grid Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/&gt;  &lt;w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/&gt;  &lt;w:LsdException Locked="false" Priority="34" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/&gt;  &lt;w:LsdException Locked="false" Priority="29" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Quote"/&gt;  &lt;w:LsdException Locked="false" Priority="30" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/&gt;  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"   UnhideWhenUsed="false" Name="Dark List Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful List Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/&gt;  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Shading Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"   UnhideWhenUsed="false" Name="Light List Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Grid Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"   UnhideWhenUsed="false" Name="Dark List Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful List Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/&gt;  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Shading Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"   UnhideWhenUsed="false" Name="Light List Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Grid Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"   UnhideWhenUsed="false" Name="Dark List Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful List Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/&gt;  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Shading Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"   UnhideWhenUsed="false" Name="Light List Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Grid Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"   UnhideWhenUsed="false" Name="Dark List Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful List Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/&gt;  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Shading Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"   UnhideWhenUsed="false" Name="Light List Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Grid Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"   UnhideWhenUsed="false" Name="Dark List Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful List Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/&gt;  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Shading Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"   UnhideWhenUsed="false" Name="Light List Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"   UnhideWhenUsed="false" Name="Light Grid Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"   UnhideWhenUsed="false" Name="Dark List Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful List Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"   UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/&gt;  &lt;w:LsdException Locked="false" Priority="19" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/&gt;  &lt;w:LsdException Locked="false" Priority="21" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/&gt;  &lt;w:LsdException Locked="false" Priority="31" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/&gt;  &lt;w:LsdException Locked="false" Priority="32" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/&gt;  &lt;w:LsdException Locked="false" Priority="33" SemiHidden="false"   UnhideWhenUsed="false" QFormat="true" Name="Book Title"/&gt;  &lt;w:LsdException Locked="false" Priority="37" Name="Bibliography"/&gt;  &lt;w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/&gt; &lt;/w:LatentStyles&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt;&lt;style&gt; /* Style Definitions */table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:Cambria; mso-ascii-font-family:Cambria; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Cambria; mso-hansi-theme-font:minor-latin;}&lt;/style&gt;&lt;![endif]--&gt;&lt;!--StartFragment--&gt;&lt;br /&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=632255"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=632255&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=658683"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=658683&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=625071"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=625071&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=674083"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=674083&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=672641"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=672641&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=668680"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=668680&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=676049"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=676049&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=678432"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=678432&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=655727"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=655727&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=658178"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=658178&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=685361"&gt;https://bugzilla.mozilla.org/show_bug.cgi?id=685361&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;The followings are some personal projects:&lt;/div&gt;&lt;!--EndFragment--&gt;&lt;br /&gt;&lt;br /&gt;Diary + Photo + Calendar Organizer, 2011 (Design in progress)&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-DlIoilF0RIY/TifU1N_zFMI/AAAAAAAAAC8/OSKLEi2IncU/s1600/cal1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="186" src="http://3.bp.blogspot.com/-DlIoilF0RIY/TifU1N_zFMI/AAAAAAAAAC8/OSKLEi2IncU/s320/cal1.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;Earlier this year, my friend complained to me that she has always been frustrated about organizing her photos and diaries - over time, photos get messed up here and there; diaries are left in different notebooks, blogs and spaces. The current calenders, photo viewers and blogs are isolated to each other, and they're getting more and more complicated - she just wants an easy and nice organizer!&lt;br /&gt;&lt;br /&gt;"So, why not just make one ourselves?" We started to discuss the ideas, and actually make the designs. She mainly focused on the interfaces, interactions and other "natural" aspects; I took care of the technical possibilities and software architectures.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-t_qyF-xcls4/TifU1qhvuuI/AAAAAAAAADA/0msmryqWmNk/s1600/cal2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="187" src="http://2.bp.blogspot.com/-t_qyF-xcls4/TifU1qhvuuI/AAAAAAAAADA/0msmryqWmNk/s320/cal2.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;We collaborate on it only during our spare time, so it is still a design-in-progress. However, I can see that people will definitely benefit from this neat handy tool once we have made it real!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Roomba Robot, 2011&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-6Rc0F-hWsZ8/ThjM5x_-rcI/AAAAAAAAAC0/hfIRWSiZnYs/s1600/Roomba.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="226" src="http://4.bp.blogspot.com/-6Rc0F-hWsZ8/ThjM5x_-rcI/AAAAAAAAAC0/hfIRWSiZnYs/s320/Roomba.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;Roomba is basically a 2D space, and as you can see there are some "line garbage" - the Robot's mission is to collect the garbage and purify the Roomba.&lt;br /&gt;&lt;br /&gt;This application involves phisycal collision, joint movements and angle limits. Besides, how to make user control the 3-joint robot easily is a top consideration. You can either use full keyboard or keys + mouse to turn it, dash to garbage, reach your arm, then clip the garbage. Bravo!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Home Remoter, 2011&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-yDfO5E29P9Y/ThjJjmlSqzI/AAAAAAAAACg/Pg6f3_nBYIY/s1600/activities.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://4.bp.blogspot.com/-yDfO5E29P9Y/ThjJjmlSqzI/AAAAAAAAACg/Pg6f3_nBYIY/s320/activities.JPG" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;This is an Android app which help people remotely control their home appliances (e.g. Stoves, PVR, Air Conditioner) thus you don't need to find the remotes for each appliance from time to time.&lt;br /&gt;&lt;br /&gt;Because the Android screen is small, the interfaces were designed to be as concise as possible; I needed to keep consistency  among app activities so users can adapt to each one smoothly. These sketches defined the UI which listed the main functionalities for each activity so the user doesn't need to bring up dialogs or flip pages to access them.&amp;nbsp; &lt;br /&gt;&lt;a href="http://3.bp.blogspot.com/-W3M4DopOlvo/ThjJkMnatKI/AAAAAAAAACo/fJq2_fRQX1E/s1600/home.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://3.bp.blogspot.com/-W3M4DopOlvo/ThjJkMnatKI/AAAAAAAAACo/fJq2_fRQX1E/s320/home.JPG" width="320" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The goal of the main page design is to allow users monitoring each appliance's status and doing most frequently needed functionality.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Followings are snapshots of the results:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-tKCEtRZeIOA/ThjJkwbOSfI/AAAAAAAAACw/Mip4hP7DxP8/s1600/Stove.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" height="200" src="http://1.bp.blogspot.com/-tKCEtRZeIOA/ThjJkwbOSfI/AAAAAAAAACw/Mip4hP7DxP8/s200/Stove.png" width="119" /&gt;&lt;/a&gt;&lt;a href="http://4.bp.blogspot.com/-4rIDF-j4Fuc/ThjJkuxmwAI/AAAAAAAAACs/ZbcqOfia_Cw/s1600/PVR.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://4.bp.blogspot.com/-4rIDF-j4Fuc/ThjJkuxmwAI/AAAAAAAAACs/ZbcqOfia_Cw/s200/PVR.png" width="120" /&gt;&lt;/a&gt;&lt;a href="http://2.bp.blogspot.com/-rMBafLBhdj4/ThjJj7lJF1I/AAAAAAAAACk/ovo_PSvvJq4/s1600/AirCon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://2.bp.blogspot.com/-rMBafLBhdj4/ThjJj7lJF1I/AAAAAAAAACk/ovo_PSvvJq4/s200/AirCon.png" width="119" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Timeline Explorer, 2011&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-Do8B8oJoIoU/ThjHcEDlgHI/AAAAAAAAACc/Z4N5EyLorWk/s1600/Timeline+Explorer.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="278" src="http://4.bp.blogspot.com/-Do8B8oJoIoU/ThjHcEDlgHI/AAAAAAAAACc/Z4N5EyLorWk/s400/Timeline+Explorer.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;Traditionally the file explorers only focus on the folder structure and file names, but the time factor is only served as a sorting method within the folder level. This Timeline Explorer provides a mean to explore data through timeline. You can filter the results by time range and file type; it categories files by your selection of Day, Month or Year, and shows a historgraph of the density of each time period. Imagine putting your camera photos all in one place, using Timeline you don't even need to sort them into folders - just pick the month when you went to Tokyo!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Baccarat Simulator, 2010 &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_bJ3th91D-HM/TKF40tCHm8I/AAAAAAAAACQ/OM3HI8v21GQ/s1600/Bacca.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="220" src="http://2.bp.blogspot.com/_bJ3th91D-HM/TKF40tCHm8I/AAAAAAAAACQ/OM3HI8v21GQ/s400/Bacca.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;I have a friend who works in a casino, and his working environment enables him to do research on the pattern of the Baccarat game. He turned to me wondering if we can make a program to simulate the game, so that he can experiment on different betting patterns, and here it goes. Although we haven't found a magical way yet (that is HARD for sure :), I treat it as a good programming practice.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;3D Pool, 2008&lt;br /&gt;&lt;br /&gt;&lt;a href="http://3.bp.blogspot.com/_bJ3th91D-HM/SXauRUI1FsI/AAAAAAAAAA0/XH3u6ffdF5I/s1600-h/3D+Pool.jpg" style="font-family: arial;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5293610024507348674" src="http://3.bp.blogspot.com/_bJ3th91D-HM/SXauRUI1FsI/AAAAAAAAAA0/XH3u6ffdF5I/s320/3D+Pool.jpg" style="cursor: pointer; float: left; height: 225px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;span style="font-size: 100%;"&gt;Back in 2007 fall, I started to learn 3D knowledge and created this game for &lt;/span&gt;&lt;span style="font-size: 100%;"&gt;experim&lt;/span&gt;&lt;span style="font-size: 100%;"&gt;ents.  It involved calculations of vectors, planes and matrices; it also included basic collision detection, physical response and movements among balls. In 2008, I moved to Canada, and the school work took me all the time,  so unfortunately I haven't made progress on it for a long time.&lt;/span&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Fire Devil, 2003&lt;br /&gt;&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/_bJ3th91D-HM/SXaue0DEwaI/AAAAAAAAAA8/is1luZ6xqKM/s1600-h/FireDevil+Panel.jpg" style="font-family: arial;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5293610256411443618" src="http://4.bp.blogspot.com/_bJ3th91D-HM/SXaue0DEwaI/AAAAAAAAAA8/is1luZ6xqKM/s320/FireDevil+Panel.jpg" style="cursor: pointer; float: left; height: 246px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;span style="font-size: 100%;"&gt;In  2003 soon after I started learning programming, I was lucky to find an  online group to make this game together, which greatly helped me to  improve my skills; more importantly, this experience made me decide that  I want to be a software developer in the future.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size: 100%;"&gt;This first  picture shows the panel and inventory I made. The user interface's  effects, linkage to item database, and controls are all implemented into &amp;nbsp;details - it includes scroll feature, fade in/out appearence, influence of  equipments to character's data and so on.&lt;/span&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://1.bp.blogspot.com/_bJ3th91D-HM/SXauoEUU-pI/AAAAAAAAABE/iXPmE_c8wXc/s1600-h/FireDevil+Battle.jpg" style="font-family: arial;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5293610415397599890" src="http://1.bp.blogspot.com/_bJ3th91D-HM/SXauoEUU-pI/AAAAAAAAABE/iXPmE_c8wXc/s320/FireDevil+Battle.jpg" style="cursor: pointer; float: left; height: 240px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;span style="font-size: 100%;"&gt;This  second picture shows the battle scene I made. As you can see, there are  command menu, skill list, status panel and characters. It works in  round-by-round mechanism and implements animation when attack, with the  data calculation linked to actions.&lt;/span&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="font-family: arial; text-align: left;"&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;MarioNow, 2003&lt;br /&gt;&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/_bJ3th91D-HM/SXauw6KQprI/AAAAAAAAABM/KzBsDR5rc0c/s1600-h/MarioNow.jpg" style="font-family: arial;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5293610567289841330" src="http://4.bp.blogspot.com/_bJ3th91D-HM/SXauw6KQprI/AAAAAAAAABM/KzBsDR5rc0c/s320/MarioNow.jpg" style="cursor: pointer; float: left; height: 240px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;span style="font-size: 100%;"&gt;This is the first game I made&lt;/span&gt;&lt;span style="font-size: 100%;"&gt;  using DirectX, and it was also in 2003 prior to Fire Devil. I only  spent 3 days on this, however, it showed the basic elements of a game,  including 2D graphics, screen scrolling, maps, objects, enemies, simple AI, input  and control, etc. I added some physical factors in the character's  movements to add a little fun to play.&lt;/span&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;Thanks for your reading! Please feel free to contact me for any questions.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;HAVE A NICE DAY!&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size: 100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1394203364875736327-7032933906552319206?l=hyou00.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hyou00.blogspot.com/feeds/7032933906552319206/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hyou00.blogspot.com/2010/09/some-projects-i-made.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1394203364875736327/posts/default/7032933906552319206'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1394203364875736327/posts/default/7032933906552319206'/><link rel='alternate' type='text/html' href='http://hyou00.blogspot.com/2010/09/some-projects-i-made.html' title='Some personal projects I made'/><author><name>Shawn Xun Gong</name><uri>http://www.blogger.com/profile/10335978498789855468</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-DlIoilF0RIY/TifU1N_zFMI/AAAAAAAAAC8/OSKLEi2IncU/s72-c/cal1.png' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
