topImage
contact

DETAIL

このサイトはFlash素材を入れた時のサイトイメージです。よって、リンク先のページ制作は行っておりません。
このページの横幅は940pxでトップイメージのFlashサイズは縦280×横880pxです。

フラッシュを組み込んだイメージサイトFlash Image Sample Site

現在表示されているFlashは更新性の高い「xml」をサービスを行っているサイトからPHPを介して読み取りを行い、取得データから内容とイメージに合わせ表現をしています。

今回は天気予報の情報を使ったコンテンツを作成しております。「Weather Hacks」を取得できるサービス「livedoorお天気Webサービス(http://weather.livedoor.com/weather_hacks/webservice.html)」から情報を読み取り、取得データを基に表現を変えるFlashコンテンツを作成しました。


イントロダクションIntroduction

image

トップイメージに表示されているFlashは指定の都道府県の天気情報を基に表現を変えております。

右上にある都道府県[福岡・大阪・東京・札幌]にカーソルを当てるとその地域の天気予報を取得し情報に合せ色がかわります。もちろん指定された都道府県以外の情報や今日の天気だけでなく明日の天気や気温など取得可能です。
詳しくは「livedoorお天気Webサービス」からご確認下さい。

都道府県のお天気情報は右上に表示されている都道府県名にカーソルを当てると表示、又は自動的に次の都道府県の情報を取得します。


ウェザーイメージWeather Image


お天気の晴れ・曇り・雨などを色の変化で表現。「晴れ時々曇り」や「曇りのち雨」などの組み合わせも表示いたします。その際は「晴れ時々曇り」「晴れのち曇り」は同じ表現にしてます。

  • sub_img_fine
    晴れ [FINE]

    晴れのイメージは「青」を採用。晴れ×曇りや晴れ×雨の組み合わせは青をベースに色が変わります。


  • sub_img_cloudy
    曇り [CLOUDY]

    曇りのイメージは「黄色」を採用。晴れ×曇りや曇り×雨の組み合わせは黄色をベースに色が変わります。


  • sub_img_rain
    雨 [RAIN]

    晴れのイメージは「紫」を採用。雨×曇りや晴れ×雨の組み合わせは紫をベースに色が変わります。


  • sub_img_snow
    雪 [SNOW]

    晴れのイメージは「グレー」を採用。晴れ×雪や雪×雨の組み合わせはグレーをベースに色が変わります。




※表示されているFlashはPHPプログラムを経由してXMLファイルを読み込んでおります。

※動作環境によって情報取得に多少時間がかかる場合がございます。


inserted by FC2 system