凹みTips

C++、JavaScript、Unity、ガジェット等の Tips について雑多に書いています。

impress.js で発表資料を作ってみた

impress.jsとは

コレです。
impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz

グリングリン動きます。Chrome or Safari で見てみて下さい。

ダウンロード

github からダウンロードできます。
bartaz/impress.js · GitHub

作ってみた

会社の同期との勉強会で Julius による音声認識家電操作ネタの話した時の資料をこれで作ってみました。
リモコンはオワコン 〜音声認識による家電操作〜 | presented by @hecomi

正直見やすくはないですね…。レイアウトを工夫すればパッと見のインパクトはあると思います。作るのはとても簡単で、チョロチョロと HTML をいじるだけでした。

注意

chrome://flags/ から、「ソフトウェア レンダリング リストを上書き」を「有効」にしないとバグったりします。また、Ubuntuchrome ではそもそもコレを有効にしないと xy 軸回転が効かなかったです。