CSS3 Powered 3D Presentation - OSDC.TW 2010

You're still running the classical 2D-era presentation tools, e.g. PowerPoint or Keynote? The 3D-era has just come since OSDC.TW 2010.
I gave Something Xiaolongbao talk at the most major open source developers conference in Taiwan.

This year's main theme in my talk is the 3D presentation using CSS3 techs. I wrote an HTML5/JavaScript-based presentation tool for the talk.

Next Slide - Mouse Click, Space Key or Right Arrow Key
Prev Slide - Left Arrow key
First Slide - [0] Key
3D Mode Toggle - [3] Key

For 3D newbie, try [3] key to turn off 3D and fall back to 2D. :)

The slides are based on HTML5 / JavaScript / CSS3 and the cutting-edge 3D tech of "anaglyph." I've brought some red-blue 3D glasses for the conference from Japan.

At the OSDC.TW day 1 early morning, I wrote pptx2html53d.pl, a Perl script to convert from PowerPoint .pptx file to 3D HTML5 .html. I'll make it open later. Basically .pptx file is a ZIP file. It's pretty easy to parse .pptx using Archive::Zip and XML::TreePP Perl modules. pptx2html53d.pl generates a HTML5 source code.

At first, I also used SVG's feColorMatrix feature for 3D. It's however cancelled at this moment as not working well. And also Chrome 5 for Mac seems it could not run SVG's filter element. The slides above are updated as Gugod gave me nice advices around CSS3 usage of text-shadow.

Buy 3D glasses in town and enjoy 3D presentation now.

* Original post written in Japanese(日本語はコチラ)

Shibuya Perl Mongers comes into Taipei! - OSDC.TW 2010

The Shibuya.pm comes in Taipei!
The Shibuya Perl Mongers is a community of Perl hackers based in Tokyo. The super hackers give technical talks away in the special sub-conference of the OSDC.TW 2010. You'll see the highest level in techniques and the lowest level in depth of Perl with us.
Don't miss this and enjoy.


  • 竹迫 良範 (Yoshinori Takesako) @takesako - Polyglot Programming
  • 石垣 憲一 (Kenichi Ishigaki) @charsbar - Perl for a translator
  • 藤 吾郎 (Goro Fuji) @__gfx__ - Xslate - A high performance template engine
  • 川崎 有亮 (Yusuke Kawasaki) @kawanet - Something Xiaolongbao
  • 檀上 伸郎 (Nobuo Danjou) @lopnor - Net::Google::Spreadsheet
  • 宮川 達彦 (Tatsuhiko Miyagawa) @miyagawa - cpanminus
  • 松野 徳大 (Tokuhiro Matsuno) @tokuhirom - Perl5.12's new feature - PL_keyword_plugin *hack*
  • 大沢 和宏 (Kazuhiro Osawa) @yappo - Ajax application testing

This is the 13th tech talk conference by Shibuya.pm and the first time abroad.
At the day of the hackathon soon after the last YAPC::Asia 2009 conference was over, we had a lot to talk about foreign conferences to attend. I'm really happy that it's come true.

What's Shibuya

Shibuya is a culture heart district of Tokyo. The word Shibuya (渋谷) literally means "Bitter Valley." Like Silicon Valley, many Web/IT companies have started up from Shibuya.

That is, Shibuya is just a symbol for us. There is a fact that we've never had a tech talk conference in Shibuya district though.

RubyConf Taiwan 2010

The next day of Shibuya.pm in Taipei, three Ruby hackers from Japan will also give talks in the same venue. RubyConf Taiwan 2010 is the first regional Ruby Conference in Taiwan. Arai-san, Kakutani-san and Takahashi-san will come to speak there.

At the Spring, eight Perl guys and three Ruby guys, from Japan, will attend the conferences in Taiwan. I'm sure that we could boost the stream of the kind of international exchanges between East Asian developer communities.

Last year

This is my third time to attend the OSDC.TW.

- JSAR (JavaScript Augmented Reality) at OSDC.TW 2009 Taipei
- OSDC.TW 2008 - DOM manipulation by Wiimote/Gainer over HTTP

I've given talks about JavaScript and Flash in addition to Perl.
For this year, I had a plan of a new topic, however, it's forced to be canceled due to a sudden change of a SDK license agreement this month. orz.
I need to write new slides until the time of my slot at Saturday.

* See also Japanese version of this post

KTween 1.0.1 Released - Simple & Fast Tween Engine for AS3

KTween is now as fast as the cool tween engine of the Eaze Tween. The Eaze has jQuery-like method chain interface. Philippe Elsass has pointed that his Eaze Tween is faster than KTween, soon after my last post.
Now, here comes KTween's turn:

Running on my MacBook Pro, Mac OS X 10.6.3, Core 2 Duo 2.26GHz, Flash Player 10.1 Release Candidate, Firefox plug-in, the bench shows the KTween is a teeny bit faster than the Eaze. However, I could say it's still in the range of error.

The bench runs with the engines below:
KTween - Version 1.0.1 Revision 79
BetweenAS3 - Revision 3765.
GTween - Version 2.01 (2009/12/11)
tweener - Revision 424
TweenNano – Version 1.03 (2010/04/03)
eaze-tween - Revision 74

I guess it'd be rare that a case tweens 4,000 particles though. :-)
KTween is an open source distributed under the MIT license.

Try KTween.

Download: KTween 1.0.1 (20100413)

* The original post written in Japanese is here

* Note that the benchmark result is depend on machine, OS, flash player version and revision etc. The BetweenAS3 becomes the fastest engine in the six above in a case for instance.