仕事終わってから粛々と長いこと作ってきたサイトをやっと公開しました。
細かい調整できてないけど形はできたので、まぁいいか。
1年半前にオカンの写真サイトFaELを作って、ちょっと更新面倒だし飽きてきたから、
思い切って作り直すかって感じで始めたのがきっかけ。
ちょうどActionScriptの勉強中だったってこともあって、どうせやるならフルスクリプトでやってやろかなと思い、超シンプルな作りを目指しました。
作りは単純で、XMLに記述した写真を読み込むだけ。
記述するXMLはこんな感じ。
//
<photo>
<tags>SKY</tags>
<src>photo/ph050.jpg</src>
<thumbnail>photo/ph.s50.jpg</thumbnail>
</photo>
//
//
<photo>
<tags>ANIMAL</tags>
<src>photo/ph051.jpg</src>
<thumbnail>photo/ph.s51.jpg</thumbnail>
</photo>
//
//
<photo>
<tags>LANDSCAPE</tags>
<src>photo/ph052.jpg</src>
<thumbnail>photo/ph.s52.jpg</thumbnail>
</photo>
//
素人ながら「簡単じゃん」と思ってやり始めたら、サムネールの配置とか、カテゴリのソート機能とか、ブラウザリサイズとかマウスホイールの実装とか色々つまずいた・・・。
ただ、意地でもFLAには一切の記述なしで作りたかったから、メインタイムラインには何も置いてません。
おかげでだいぶAS3を理解できました。
ソースはぐちゃぐちゃだけれども。
こんな調子で色々作っていきたいと思います。
2009年10月 4日 22:37
細かい調整できてないけど形はできたので、まぁいいか。
いやー本当に長かった・・・。
1年半前にオカンの写真サイトFaELを作って、ちょっと更新面倒だし飽きてきたから、
思い切って作り直すかって感じで始めたのがきっかけ。
ちょうどActionScriptの勉強中だったってこともあって、どうせやるならフルスクリプトでやってやろかなと思い、超シンプルな作りを目指しました。
作りは単純で、XMLに記述した写真を読み込むだけ。
記述するXMLはこんな感じ。
//
<photo>
<tags>SKY</tags>
<src>photo/ph050.jpg</src>
<thumbnail>photo/ph.s50.jpg</thumbnail>
</photo>
//
//
<photo>
<tags>ANIMAL</tags>
<src>photo/ph051.jpg</src>
<thumbnail>photo/ph.s51.jpg</thumbnail>
</photo>
//
//
<photo>
<tags>LANDSCAPE</tags>
<src>photo/ph052.jpg</src>
<thumbnail>photo/ph.s52.jpg</thumbnail>
</photo>
//
素人ながら「簡単じゃん」と思ってやり始めたら、サムネールの配置とか、カテゴリのソート機能とか、ブラウザリサイズとかマウスホイールの実装とか色々つまずいた・・・。
ただ、意地でもFLAには一切の記述なしで作りたかったから、メインタイムラインには何も置いてません。
おかげでだいぶAS3を理解できました。
ソースはぐちゃぐちゃだけれども。
こんな調子で色々作っていきたいと思います。
コメントする