menu_201
| 目 次 | |
| 1 | サンプルと主な特徴 |
| 2 | 機能一覧およびダウンロード |
| 3 | 設置およびカスタマイズ方法 |
| 4 | 補足事項 |
１．サンプルと主な特徴
サンプル （動作サンプルは、下記画像をクリックして確認できます。）
主な特徴
- ３次元的に回転するメニューです。
- メニュー数と画像およびメインの画像を簡単に変更できます。
- 全画面表示にも対応します。
※上記サンプルのブラウザサイズを変更してご確認下さい。
| 制作ソフト | FLASH 8 Professional (for win) |
| パブリッシュ設定 | Flash Player Ver 8 |
| ActionScript 2.0 |
２．機能一覧およびダウンロード
項目 |
シェア版 |
| メニュー画像、メイン画像 | ○（flaファイルカスタマイズ） |
| メニュー数 | ○ |
| メニューの表示テキスト内容 | ○ |
| 文字フォント、サイズ、配色など | ○ |
| 動作、配色など | ○ |
| ソースファイル | ○（有り） |
| 必要なアプリケーションソフト | Flash 8 Professional 以上 |
| 著作権の表示（リンク表示） | 表示不要 |
| 価格 | 2,100 円 |
| DL－Marketより購入 （※１） | DL-Market（別窓） |
| Vectortより購入 | Vector(別窓) |
Vector：解凍キー |
(Vectorより自動配布されます) |
| 備考 | ※ご利用の際は、「利用規定」をご確認ください。 |
（※１）Vector と DL-Market の違いについてはこちらを参照してください。 （ファイルの中身は同じものです。）
３．設置およびカスタマイズ方法
全画面表示する場合の設置方法
- 全画面表示する場合は、パブリッシュ後にhtmlファイルを修正してください。
htmlの<head>~</head>に下記を追加記載
<head>
～中略～
<style type="text/css">
<!--
body,html{
height:100%;
background:#fff;
padding:0px;
margin:0px;
}
#FULL{
height:100%;
width:100%;
position:absolute;
left:0;
top:0;
overflow:hidden;
background:#fff;
}
-->
</style>
～中略～
</head>
※下記を body,html{} に追加（2009.2.21）
padding:0px;
margin:0px;
htmlのＦＬＡＳＨ部分（<object ～>～</object>）を下記のように追加修正
<div id="FULL">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="menu_201" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="menu_201.swf" />
<param name="quality" value="autohigh" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#ffffff" />
<embed src="menu_201.swf" quality="autohigh" wmode="transparent" bgcolor="#ffffff" width="100%" height="100%" name="menu_201" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>
</object>
</div>
※id名は FULL としましたが、変更可能です。
ソースファイル(.fla)のカスタマイズ方法
- 主なユーザー設定部分は、下記です。
FLASHファイル「menu_201.fla」の第１フレームのアクションスクリプト - その他構造はムービーエクスプローラーを参照してください。 ［ウインドウ］ ＞ ［ムービーエクスプローラー］ で表示されます。
詳しくは下記をご覧下さい。
ＦＡＱ：ソースファイル(.fla)の構造確認方法について
// ▼ユーザー設定ここから-----------------------------------------------
//
//デモモード（透明MCや変数の表示など、標準はfalse）
var DEMO = false;
//
//回転メニュー設定：奥行き方向半径、横方向半径、ステージ幅、ステージ高さ
var z_radius = 30;
var x_radius = 220;
var stageW0 = 600;
var stageH0 = 480;
//
//回転メニュー数
var total_menus = 10;
//
//メニューボタン名称（配列、メニュー数分指定する）
var btn_name = [];
btn_name[1] = "スミレ";
btn_name[2] = "ヒマワリ";
btn_name[3] = "バラ";
btn_name[4] = "赤いバラ";
btn_name[5] = "ケシ";
btn_name[6] = "ラン";
btn_name[7] = "ハス";
btn_name[8] = "ハイビスカス";
btn_name[9] = "ガーベラ";
btn_name[10] = "ヒナギク";
//
/*
画像修正
（１）中央画像：シンボル名menu_2011000_mc
（２）メニュー画像：シンボル名menu_2013000_mc
（３）メイン画像：シンボル名menu_2014000_mc
※メニューとメインの画像はサイズなどを変えた別の画像でも問題ありません。
*/
// ▲ユーザー設定ここまで-----------------------------------------------
４．補足事項
メインのアクションスクリプトの主要なポイント
- カスタマイズしやすいように、変数名は極力略語を使用しないようにする。
- アクションスクリプトの修正が容易なように、極力シンプルな構造とする。
- フレームアクションのみを用いシンプルな構造とする。（ムービークリップアクションおよびボタンアクションは使用しない。）
- 主要なスクリプトはほとんど１フレームに集中させ修正を容易にする。
その他
- 容量を小さくするために、メニューとメインに使用している画像ファイルは同じものですが、画像を別々にしても構いません。
- ソースファイルをコンパクトにするために、外部ファイル（ｘｍｌ、テキスト、画像など）の読み込みは行っておりません。