#ズンドコキヨシをEPUBで
みなさんズンドコってますかー。だいぶ極まって変態(褒め言葉)実装がいろいろ出てきていて楽しいです。
さて、ちょっとQiita向けではないネタかもしれませんが、総本山なのでここに投稿しますね。
今回のネタは、EPUBです。電子書籍のファイルのアレです。
まずは、オンラインのブラウザビュアー(BiB/i)で見ていただきましょう。
epubファイルのダウンロードはこちらから。お好きなEPUBビュアーでご覧ください。
iPhoneのiBooksでの表示例です。
「ズン」ページと、
「ドコ」ページがあって、
「ズンズンズンズンドコ」と遷移すると、「キ・ヨ・シ」ページが現れます。
#仕組み
仕組みも何もないのですが、往年のゲームブック形式にページを移動していって、ズンドコキヨシ遷移を実現するということです。本もページという状態を持ち、読者のページ選択によって状態が遷移するコンピュータであると言っても過言ではありませんw。
EPUBはjavascriptによるインタラクティブな動作を組み込むことができます。このEPUBでは、javascriptが動作する場合は、次のページをランダムで移動するリンクが追加されるようになっています。
その部分のコードはこんな感じで、各ページのxhtmlにincludeされてます。
javascript
var sel ;
onload = function() {
var ul = document.getElementById('sel') ;
sel = ul.querySelectorAll("a") ;
var n = document.createElement("li") ;
n.innerHTML = '次は <a href="javascript:click()">ランダム</a>' ;
ul.appendChild(n) ;
}
function click() {
var l = sel[ (Math.random()>0.5)?1:0].getAttribute("href") ;
var a = l.split("/") ;
l = a[a.length-1] ;
location.href = l ; ;
}
現在のところ動作するのを確認できているのは、ブラウザ系のビュアーと、iBooksだけです。