Today, Google publish a pacman logo to celebrate pacman's 30th birthday. However, have you awared that the logo is playable and it is done by div tag, one image, css and javascript.
More than that, the most exciting thing is it is open, so that you can see the source code and to study it.
the javascript source code is available on http://www.google.ca/logos/js/pacman10-hp.2.js. and you can see a formated code here.
and you can check the html source code which is relatedto pacman and well formated here.
and the only image is
So, those are all you need to made a pacman game on a page.
Friday, May 21, 2010
Monday, April 12, 2010
release 0.3
I just achieved the 3D part of the text() function (ticket) in Processing.js. So far the test look identical compared with the same code in Processing.
hope somebody can figure out a way to re-use the texture, so that it doesn't need to re-create texture when everytime it runs.
Screenshot and Test
existence problem
the performance is too bad. almost 80% of time is spending on the text() function.hope somebody can figure out a way to re-use the texture, so that it doesn't need to re-create texture when everytime it runs.
Wednesday, April 7, 2010
step closer to the 3D text
It have been almost a week since my last post, but I am still working on the 3D text and now it is getting closer to achieve.
Problem that I encountered
- missing a comma in one of the statement in my code
- someone type a "3" instead of a "2" in one of the statement inside the project
What I have now
Bugs that I know
- eating tons of memory
- crash the browser(detail). It crashes because of webgl software rendering.
To-do
- need to think up a way to reuse the texture for text in order to reduce the use of memory
- update the text 2D so that they can work together smoothly
Monday, March 29, 2010
JavaScript and ActionScript
Since my uncle came this weekend, I really didn't a time to focus on coding. However, I read something interesting about JavaScript, ActionScript, Canvas and Flash.
They are different with C++. As my opensource professor David said, they are functional language. Function is the basics. Therefore, you can do something impossible in C++, and they are easier. For example,
JavaScript and ActionScript
JavaScript and ActionScript are brothers. They both come from ECMAScript. No wonder why I am so easy to understand the syntax of JavaScript. (Background: I started to learned Flash 5 years ago. Check one of my little flash example in my previous post.)They are different with C++. As my opensource professor David said, they are functional language. Function is the basics. Therefore, you can do something impossible in C++, and they are easier. For example,
for(var i=0;i<10;i++){ this["t"+i].i = i; this["t"+i] = function{ return this.i; } }it will create ten functions inside the global scope, let's say. The name of them are t0,t1,t2 and so on until t9. and they will return 0,1,2 and so on until 9 for each. It doesn't have any meaning in the code, but if I need to do it in C++, then I need the create ten functions and store the pointer of the funtions into an array. That is the reason why I think JavaScript and ActionScript are easier than C++.
JavaScript vs ActionScript
I don't think they have anything to compare with, because JavaScript manage the element of HTML page, and ActionScript is for a better graphics and animation. Everything is so peaceful until Canvas come up.Canvas vs Flash
Canvas, one of the new element in HTML5. Flash, a wide using web element since 1996. There are a lot of voice on the web talking about Canvas and Flash. Adobe, Microsoft Spar Over Flash, Silverlight, HTML5 HTML5 and the future of Adobe Flash Flash Player: CPU Hog or Hot Tamale? It Depends. Lots of, Lots of articles.My point of view
It is unfair to say which is good or not since HTML5 is still under experimental. In China, there is an old said that, "Hundred Schools of Thought". For me, the programming field is still growing, and looks healthy.Sunday, March 21, 2010
Release 0.2
Background
the release includes the work that I have done for pjs tickets #213 and #422. #422 was originally belong to #213, but first, Anna suggested me to seprate them; Second, there are realy too many differences between the 2D text and 3D text.Things have done
2D part (#213)- completed the funtionalities since release 0.1
- fixed a little syntax error
- requested review
Challenges
Subscribe to:
Posts (Atom)