• ベストアンサー

Webページ上でサイコロを転がしたい

Webページ上で普通にサイコロを転がしたいのです。FLASHまで購入しましたがうまくいきません。 どなたかなるべく簡便に作成できる方法をお教えいただけませんでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • r420
  • ベストアンサー率30% (102/335)
回答No.3

 この記述で、サイコロの画像だけ自分で用意すれば、GIFアニメでサイコロが転がる表現も可能です。  面白そうだったので検索してみましたが、自分のHPでも使えるスクリプトを多く発見できました。  質問ありがとう。 d(^^)グッ

参考URL:
http://www.ne.jp/asahi/qpon/b/java/nyumon/nyumon22.htm
yamaayamaa
質問者

お礼

サイコロが動きました。たんびにいろんな賽の目も出ます。ありがとうございました。あとは出来れば転がしたいですが・・・?

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (4)

  • r420
  • ベストアンサー率30% (102/335)
回答No.5

 #4ではちょっと解りにくいので、もう少し詳細にしたいと思います。  サイコロが転がる映像と結果としてのさいころの目は別のファイルでよいと考えます。  転がっている映像は転がっているだけなので、その都度変化を与える必要は無く、常にひとつのアニメーションがあれば良い事になります。  そして回転が停止した結果の目は、その都度変化する画像ファイルを使えば良いわけです。 例:  サイコロ転がる映像(常に同じ)   →結果:1が出た 1の目の画像   →結果:2が出た 2の目の画像   → 〃:3 〃  となり、さいの目が6種類なら合計7つのファイルを用意すればいいことになります。  サイコロが2つでも、共通して使えるので数は変わりませんね。 ^^  取り敢えず#3の補足から残りの『転がす』為にはアニメーションファイルが必要です。  このファイルを作成するには、ぱらぱらアニメのように転がる様子を1枚1枚手書きしてGIFアニメにするか、FLASH(使ったことが無いのですが)で作成する必要があります。  GIFアニメを作成するにはフリーソフトが多数出ていますので検索してみましょう。  また特殊というか高度な手法として、JavaとVRMLを使ったリアルタイムレンダリングという方法もありますが、3DCGとプログラミングの知識が必要になるので、こちらを理解して作成するには早くて数ヶ月は掛かると思われます。  しかしながら逆に、使いこなせる様になったらかなり強力なスキルになるのではないでしょうか。  質問とは関係ないところまで書いてしまいました。<(^^;

yamaayamaa
質問者

お礼

#4、#5と続いての回答、ありがとうございます。 しばらく忙しくてパソコンの前に座れませんでした、いまやっと回答を読ませていただいたところです。 転がる映像は7つのうち1つでいいんでしょうか? 実際にはまだ試していませんが、先行き光が見えてきたような気がします。ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • r420
  • ベストアンサー率30% (102/335)
回答No.4

>サイコロが動きました。  良かったです。^^ >あとは出来れば転がしたいですが・・・?  #3の参照URLで使われていたのはGIFファイルでしたが、これを独自のアニメーションファイルの名前にすれば良いと思われ、FLASHまたはGIFアニメーションでも良いわけです。  参考URLでは転がるアニメーション部分は同じですが、結果として表示される『さいの目』はそれぞれ別のものになっていますね。  これはページを開いて『ソース』を確認すると、それほど長い文章ではないので判ると思います。 d(^o^) もう少しですね。   

参考URL:
http://jvsc.jst.go.jp/find/word/fla/b/0102/2b2.htm
全文を見る
すると、全ての回答が全文表示されます。
  • jun2004
  • ベストアンサー率42% (24/57)
回答No.2

簡便とは言えないかも知れませんが、Javaアプレットだったら、テキストで数字を表示する初歩的なことから、サイコロアニメーションまでクオリティーの幅を持って実現できると思います。 googleで検索すると沢山の例やソースコードが公開されたページが出てきますよ。 参考URLは初心者にも分かりやすく書かれています。

参考URL:
http://www.parkcity.ne.jp/~chaichan/src/javamain.htm
yamaayamaa
質問者

お礼

回答ありがとうございました。ご指示のURLの説明は自分より遙かにレベルが高いようです。Googleでやさしそうな例を探して試してみます。ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • r420
  • ベストアンサー率30% (102/335)
回答No.1

 サイコロ=乱数発生と捕らえて宜しいのでしょうか。  そうなら、javaスクリプトとGIFアニメーションを使えば良いのではと思います。  具体的には、javaスクリプトで乱数を発生して、結果によりアニメーションするGIFファイルを選択すればいいのではないでしょうか。  javaスクリプトは良く解らないので、誰か他の人に答えて欲しいです。^^;

yamaayamaa
質問者

お礼

回答ありがとうございました。やはりjavaスクリプトまで理解しないとできないのでしょうか? 自分にはハードルが高すぎるようです。ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • WEBページ上でどうやって画像のワイプ効果を作成??

    WEBページ上でどうやって画像のワイプ効果を作成?? 現在DREAMWEAVER CS3 で WEBページを作成中です。 WEBページ上の画像(写真)上にワイプ効果でもう一枚違う画像(写真)を開くよう にしたいのですが、どのソフトを使用したらその様な効果が得られるのでしょうか? POWERPOINTではワイプアウト効果と言うのがあり、その様な効果が簡単に作れますが WEBページ上ではFLASH等色々な方法で作成することができる見たいですので質問致します。

  • webページ上で書類作成

    お忙しいところすいません。 webページ上で顧客の方が項目を入力して埋めるだけで 決まった形の書類が簡単に作成できてPDF形式等で 保存できる様な導入の簡単な方法(CGI・java)や ソフトはありませんか? どうぞ宜しくお願いします。

  • webページの上余白をなくす方法

    お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。 この余白を消して、ページの一番上から画像を表示させる方法を教えてください。 1.<body topmargin="0" marginheight="0"> この方法と、 2.スタイルシートで <style type="text/css"> <!-- body { margin: 0px; } --> </style> この2つを試してみましたが、わずかに上部に余白がのこってしまいました。 よろしくご回答お願いいたします。

  • WEBページのデザイン

    ホームページビルダーを使って、ベースの色の上にページが乗っているように見えるWEBの作成方法を教えてください 例:http://hanajikan.jp  (花時間) このようなデザインにしたいのですが

  • webページ上でアウトルックエキスプレスのメッセージの作成にリンクを貼

    webページ上でアウトルックエキスプレスのメッセージの作成にリンクを貼る方法がありましたら教えてください。

  • htmlページ上を、flashアニメーションが浮遊して横切るような動作をしたい

    htmlページ上を、flashアニメーションが浮遊して横切るような動作をしたい のですが、どのようにすればよいでしょうか。 webページを全面をflashにしてしまうっていうのは避けたいです。 意味不明でしたら加筆修正しますのでよろしくお願いします。

  • ウェブページ上のPDFファイル

    パソコン初心者です。昨日の質問をもう少し解かりやすく書き直しました。 PDFで作成されたデータシート等のダウンロードがワンクリックで出来るインターネットのウェブページを良く見かけますが、自分で作ったPDFファイルをJPEGとかの変換無しに、無料で自分で運営しているウェブページにアップロードする方法がありますか?もし、有りましたら、易しくご教授願えますでしょうか。

  • WEBページ上に[Ctrl]+[F5]を割り当てたボタンを配置したいのですが、、、

    Flashで作成したサイトを管理していますが、 更新したswfがブラウザのキャッシュのせいで表示されません。 そこで、WEBページ上に[Ctrl]+[F5]を割り当てたボタンを 配置すればどうだろうかと考えたりしましたが、 もし、このようなボタンによって ブラウザのキャッシュクリアが可能であれば、 その記述についてご教示いただけないでしょうか。 ユーザーには手動削除の仕方とクリックで実行できるボタンの 両方を案内できればと思っています。

  • webページの日付を確認するには?

    Webページ上で、そのページが作成(または更新)された日付を知りたいのですが、方法はありませんか? 例えば、「○○が来週からいよいよ始まります。」と書かれている記事を見て、 「え?ん?来週っていつ?」って思うことがあります。 日時が、どこかに記されていればいいのですが、全く記されてないものがありますよね。 そういう場合など日付を知りたいのですが、何か方法はありますか。 因みにメインで使うブラウザはchromeです。

  • webページ上にある画像をクリックしてもそのページに飛ばなくなってしまいました。

    webページ上にある画像をクリックしてもそのページに飛ばなくなってしまいました。 いつもなら画像の上にカーソルを合わせると手のマークに変わるのに矢印のままになった状態で… 説明が下手ですいません。 よろしくお願いします。