• 締切済み

タイル状にランダムに開いていくプリローダ

はじめまして。 宜しくお願いします。 ローディングバーの演出で、一枚の画像をタイル上に100分割して 読み込みに沿って、ランダム（順番に開いていくのではなく）にそのタイルが、 徐々に開いていくというような 演出をしているサイトを探しています。 近しいサイトでもかまいませんので、 上記のローディングバー演出をしているサイトをご存知でしたら お教えください。 または、サンプルスクリプトなど書き方やチュートリアルサイトなど ありましたらあわせてお教えください。 宜しくお願いいたします。

  • Flash
  • 回答数1
  • ありがとう数3

みんなの回答

  • BlurFiltan
  • ベストアンサー率91% (1611/1754)
回答No.1

サイトは知りませんが， サイトが見たいということではなくて， 結局そういうものの作成方法が知りたいということでしょうか？ それだと普通に「タイルが徐々に開いていく」というような状態を， ムービークリップ内に100フレームで作って， ロードパーセンテージ分のフレームにそのムービークリップを， 　MovieClip.gotoAndStop(ロードパーセンテージ（整数）); させれば良いと思いますが。

ynight2006
質問者

お礼

BlurFiltanさん。 ありがごうございます。 はい作成方法を知りたいのもありますが 上記のような演出方法をしているサイトを 製作時の演出参考にしたいとおもい、いろいろなサイトを みてみたいというのもありました。 イロイロ探しているのですが、なかなか見つからなくて みなさんにも情報をつのった次第です。 そして、製作の際の MovieClip.gotoAndStop(ロードパーセンテージ（整数）); ですと、100個ムービクリップを製作して、 徐々に開いていくということになると思います。 できれば、できるだけ軽く作りたいので、 BitmapData関数クラスで、一枚の画像を100分割（実際のムービクリップはひとつ）して、1%進むごとに、１枚のタイルが開いていくように したいとおもってます。 そしてタイルが開く際に、タイルは、Y軸を中心に回転して、 裏に別の分割された画像が配置されているという状況をつくりたいと 思ってます。 読み込むコンテンツは、大容量のムービ映像になりますので、 できるだけ読み込み時に視覚的に飽きさせない表現を 考えております。 何卒宜しくお願いいたします。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. Flash

関連するQ&A

  • 複数の外部jsをランダム表示させたい

    １つのhtmlの中で <script type="text/javascript" src="001.js"></script> <script type="text/javascript" src="002.js"></script> <script type="text/javascript" src="003.js"></script> といった複数のjsをランダムで表示させるコードや、サンプル掲載サイトを教えていただけませんか？ 各jsの中身はテキストや画像などHTMLに表示されるものになっています。 よくあるランダムバナーやランダムリンクのjs版という感じです。 画像やテキストのランダムスクリプトを使って、呼び出される部分に当たるところを上記のようなjsに変えてみたりもしたのですが、IEやOperaではOKでしたがFirefoxではエラーになってしまったり、表示されなくなったりして上手くいきませんでした…；； よろしくお願いいたします。

  • ランダムリンク（ランダム表示）の作成について

    初めて質問させていただきます。 自分のサイトにランダムリンク（ランダム表示）を設置しようと思いいろいろと調べてみたものの、 自分が必要としているものが見つかりませんでした。 以下が自分の希望するランダムリンクの形です。 (1)サイトのソース表示を見た場合、<a href="○○">××</a>のようなリンク形式で表示したい。 ⇒<script type　～></script>　というふうに表示されないもの (2)テキストファイルなど、外部にリンク先のタグを挿入しておき、その中からランダムに表示されるようにしたい。 (3)phpで作成されたフリー配布されているものを使用させていただいたところ、うまく動かすことができませんでした。 ですので、php以外の形式のランダムリンクを希望いたします。 これらの条件にあてはまるランダムリンクの仕組み、サンプル、方法などをご存知の方はいらっしゃいませんでしょうか？？ お手数ですが、よろしくお願いいたします。

    • 締切済み
    • CGI
  • 任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置するには？

    任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置するには？ よろしくお願い致します。 jQueryを使用して、複数の画像をランダムに配置する（読み込むごとに）というページを作成しております。 この場合、予め配置した画像の表示順番をランダムに変えるだけなので、任意のフォルダに数十枚の画像を入れておき、そこからランダムに数枚の画像を呼び出し、かつランダムに表示順番を変えることはできないものでしょうか。 例：images というフォルダに50枚の画像を入れておき、その中から10枚の画像をランダムに呼び出し、かつランダムに配置する。 いろいろ調べてみたのですが、知識が足りず理解出来なかったため質問させて頂きました。 お詳しい方がいらっしゃいましたら、どうかご教授頂けると幸いです。 ■現在のコードです。 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function shuffle(list) { var i = list.length; while (i) { var j = Math.floor(Math.random()*i); var t = list[--i]; list[i] = list[j]; list[j] = t; } return list; } $(function() { $('#sbox').append(shuffle($('.hogehoge', '#box'))); }); </script> </head> <body> <div id="box"> <div class="hogehoge"><img src="1.jpg"></div> <div class="hogehoge"><img src="2.jpg"></div> <div class="hogehoge"><img src="3.jpg"></div> <div class="hogehoge"><img src="4.jpg"></div> <div class="hogehoge"><img src="5.jpg"></div> </div> </body> </html>

  • [Flash Lite]分割画面でのランダム設定

    こんばんは。 現在Flash Lite1.1にて携帯用の待ち受け画像を作成しています。 説明用の画像を添付していますが、やりたいこととしては 1.携帯を開くたびに画像がシャッフルされる。 2.上段・中段・下段の３分割した画面に６種類の画像を 「一枚も同じ画像がかぶることなく」ランダム表示させる。 というものです。 ランダムで画像を表示させる待ち受けは作ったことがあるのですが、 分割した画面に同じ画像が表示されないようにランダム表示させるといった 複雑なものを作ったことがないので何から手を付けていいのかわかりません。 ifやswitchが使えるのかな？とは思うのですがいかがでしょうか。 完全なスクリプトの記述ではなくこんなのはどう？などの簡単なことで 結構ですので、どなたかヒントをいただけないでしょうか。 よろしくお願いします。

  • 乱数がうまくランダムされない

    コマンドボタンを押すごとに画像をランダムに表示したいのですが 決まった順番で表示されてしまいます。 （画像はMy Picturesに440個入っています。） Sub ボタン_Click() Dim i As Long '画像をランダムに表示 i = Int((440 - 1 + 1) * Rnd + 1) Forms("フォーム1").ボタン.Picture = "D:\My Documents\My Pictures\画像" & i & ".ico" Debug.Print i End Sub コマンドボタンを何回かクリックし 上記のコート゛を実行してイミディエイトウインドウで確認すると 311 235 255 128 133 341 7 335 359 となります。 何回やってもこの順番です。 なんの規則かわかりません。 確かにランダムなのですが 本当にランダムにするのはどうすればいいでしょうか？ 「i = Int((440 - 1 + 1) * Rnd + 1)」 ここに原因があると思うのですが どうすればいいでしょう？ よろしくお願いします。

  • 画像をランダムで表示させて一定時間停止させたい

    FlashCS4でAS3.0を使用しております。 添付画像のように「画像レイヤー」には10フレーム毎に画像を入れてあります。50フレームですので５画像を入れてあります。「ラベルレイヤー」には、先の画像におのおのにラベルを付けてます。「ASレイヤー」には各画像を一時的に停めておくためのスクリプト「stop();」を記述してあります。（10、20、30、40、50フレーム） このままですと、ムービーをプレビューした場合には（10フレームの）１枚目の画像が表示されて停止している状態になります。そこで、エンターキーを押すと２枚目の画像が表示されて停止…さらにエンターキーを押すと…３枚目の画像が表示されて停止…順番どおりの表示後停止となります。このムービーをプレビューした際に、画像がタイムラインの順番に関係なくランダムで表示されて、しかも一定時間停止（例えば10秒間）させた後、再びランダムで表示…10秒間停止後に三度ランダム…と言うようにエンドレスでランダムで表示させて10秒間停止後に、またランダム…のようにしたいのですが、１フレームのスクリプトの記述内容をご指導・ご指示願います。よろしくお願い致します。

    • ベストアンサー
    • Flash
  • 画像をランダムに表示するには

    <script language=JavaScript> <!-- var img=new Array(); img[0]='画像1'; img[1]='画像2'; img[2]='画像3'; img[3]='画像4'; img[4]='画像5'; ran_gazo=Math.floor(img.length * Math.random()); document.write('<IMG SRC='+img[ran_gazo]+'>'); //--></script><!--scripted by shotyan@dreamcity--> というのを使いますよね？（あるサイトで見つけました）でも、画像があるべき場所に「×」がついて、画像が出ないんです・・ どうしたら画像がランダムに表示されるんでしょうか。 教えてください。 そして、その画像を右上に固定したいんです。 注文多くてごめんなさい。

  • 現在、flashlite1.1において、画像がランダム表示される携帯用

    現在、flashlite1.1において、画像がランダム表示される携帯用待受けFLASHを作成しています。 一番簡単なスクリプトとして以下の形式でスクリプトを記載したのですが、 同じ画像が連続して表示されることを防ぐにはどうしたらよろしいでしょうか。。 r=random(n)+3; gotoAndStop(r); また、math.randomを使用するのと上記とでは、 どのような違いがあるのでしょうか？ ご教示いただけると幸いです。 よろしくお願いします。

  • 1万個からランダムリンクさせるには？

    1万個からランダムリンクさせたいのですが、 jmp〔０〕からjmp〔１００００〕まで作ってしまうと 異常にソースが長くなり、読み込みが長くなってしまいました。 軽量化して読み込みを早したいのですが、いい方法はないでしょうか？ 使用したソースです プログラム初心者ですので具体的に書いていただけるとうれしいです。 <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY bgcolor="#ffffff"> <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://www.yahoo.co.jp/"; jmp[1] = "http://bb.yahoo.co.jp/"; jmp[2] = "http://www.yahoo.co.jp/"; jmp[3] = "http://auctions.yahoo.co.jp/"; jmp[4] = "http://aeu.jp/cs/"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "img/img0.jpg"; img[1] = "img/img1.jpg"; img[2] = "img/img2.jpg"; img[3] = "img/img3.jpg"; img[4] = "img/img4.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>"); //--> </SCRIPT> </BODY> </HTML>

  • 画像がランダムに表示されるFLASH

    いつもお世話になっています。 以下のようなFLASHを作りたいのですが、やり方がわからず困っています。 (1)リロードするたびにランダムで切り替わる画像１～６がある (2)画像の横にボタン１～６があり、マウスオーバーするとそれぞれ画像１、画像２…と表示される (3)ボタン１～６をクリックするとwebページ１～６へジャンプ(リンクさせている) 上記目的のうち、(2)(3)については完成しています。具体的にはAフレームには画像1、Bフレームには画像2…と配置し、ボタン1～6のアクションスクリプトにそれぞれ「マウスオーバー時にAフレームに飛ぶ」と記述しています。そしてメインのタイムライン1フレーム目にはアクションスクリプトに「ボタン1がクリックされたらwebページ1へ、ボタン2がクリックされたらwebページ2へ…」と記述しています。 これで(2)(3)の目的は果たせており、問題は(1)です。 ランダム表示される画像があり、ボタンのマウスオーバーで指定した画像が表示され、クリックでwebページへとぶ、ためにはどこにどんな記述をすれば良いのでしょうか？ ちなみに作ったFLASHがサイトのトップページの一部となり、クリックで飛ぶwebページはそのサイト内です。 アドバイスいただけると助かります。 どうかよろしくお願いします。FLASHは上記がほぼ初めての挑戦である初心者です。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する