- ベストアンサー
javascriptの円形画像ギャラリーのサンプルを探しています
fujillinの回答
- fujillin
- ベストアンサー率61% (1594/2576)
#1です。 ちょっと探してみたら、canvasを利用して画像を変形する方法を紹介しているものがありました。 http://jsfiddle.net/fQk4h/ この方法を応用して円筒曲面からの投影を行なえば、それなりに綺麗にできると思いますが、計算量が多くなりそうなのでアニメーションに耐えられるかどうかは不明です。
関連するQ&A
- 画像を回転させる方法
質問させてください。 今、下記のような画像をドラッグとホイールで360度回転させる機能 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-reel.html に、更にスライダー機能（http://zack.dtiblog.com/blog-entry-15.html）も使える様にしたいのですが、参考サイトも見つからず、うまい事組み合わせようとしても実装できません。 もしわかる方いらっしゃいましたら教えて頂ければと思います。 何卒宜しくお願い致します。
- 締切済み
- JavaScript
- 円形ボリュームのUIの実装方法
言語は寧ろなんでも良い(Dalvik javaで実装予定)のですが、音楽再生アプリケーションで、 シークバーではなく、円形のボリュームを実装しようと考えています。 ボリュームの画像を用意したのですが、 UIをドラッグした時の、回転の計算方法が思いつきません。 ドラッグイベントはx,yでAPIより受け取り、移動時のx,yの差をとるとして、 直線の動きなら、単にXまたはYを引くだけで計算できると思いますが、 X,Yの差を回転角度に計算する場合、どの様に計算すれば、それっぽくなるのでしょうか? 三平方を使うのでしょうか?
- ベストアンサー
- その他（プログラミング・開発）
- JavaScript でスライダーを作る方法
JavaScript を使ってブラウザー上でスライダーを表示し、ツマミをマウスで上下または左右にドラッグするとその位置情報を返すような関数を作りたいと思っています。縦方向に上下するスライダーだと横軸方向は固定値で、縦軸の座標をツマミが動く範囲内で取得したいのですが、Canvas 用の関数でそのようなものを作ることは可能でしょうか？ 詳しい方がいらっしゃいましたら、どうか教えてください。お願いします。
- ベストアンサー
- JavaScript
- 【Flash】ローカルで有効なJavascriptがオンラインで動作しない
失礼いたします。 現在、私はFlash8 BasicでActionscriptとJavascriptを使って、クリックで開くポップアップウィンドウを作成しているのですが、 ローカル環境で実行できるものがオンラインで実行できないという現象が起こって困っています。 まず、私は以下のページの「GetURL"javascript :"」の項を参考にして作りました。 このページの技術は2004年のもので、FlashPlayer7以下でないと動作しない事を確認しています。 http://www.adobe.com/jp/support/flash/ts/documents/fl0308.html 私はMacのIE5.2とSafari2.0.4でブラウザチェックしているのですが、Mac版IE5.2だと、上記したページのスクリプトがローカルでしか動作しません。 私のファイルに不備があるのかと思い、試しに上記ページのサンプルをアップロードしてみたのですがそれもうまくいきません。 こちらもローカルだと動作します。 ローカル時の確認方法はHTMLファイルをドラッグする形です。 これはサーバー側の問題なのでしょうか？ もしこの方法が有効でない場合は、スクリプト自体を変えた方が良いのでしょうか？ どなたかご回答願います。
- 締切済み
- Flash
- JavaScriptを使った画像ギャラリー
http://www.efectorelativo.net/laboratory/noobSlide/ のサンプル７のようなギャラリーを使いたいのですが、 自分なりにソースを見ていじってみても全くうまいこといきません。 サンプル７に似たギャラリーでもいいので日本語の解説付きのサイト等をご存知であれば教えていただきたいと思います。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- JavaScript リンク付き画像ギャラリー
初めまして。 francfrancのNEW ITEMSのところにあるJavaScriptについて http://shop.bals.co.jp/shop/c/c10/ こういうギャラリー（商品画像を並べてリンクで飛べる）をサイトに つくりたいのですがどうか教えていただけたらと思います。 サンプルなどあれば教えてください。よろしくお願いします。
- 締切済み
- JavaScript
- こんなJavascriptのサンプル探してます。
こんなJavascriptのサンプル探してます。 添付はGメールのインターフェイスなんですが、画像を取り込んでいるときにダウンロード中のバーがでますよね。こういうのを実現したいと思っているのですが、サンプルなどをうまく見つけることができていません。 もしご存知でしたら教えていただければ幸いです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- loadMovieで呼び出したswfの不具合
Flash初心者です。 環境は、OSはWindowsXPで、FlashのヴァージョンはCS3です。 loadMovieで呼び出したswfファイルが正常動作しません。 表示枠用に四角形の枠を書き、 ムービークリップシンボルに変換、 シンボル名は「load.mc」 インスタンス名も同じく「load.mc」とし、 タイムラインの1フレーム目に this.load_mc.loadMovie("●●●.swf"); と記述し、プレビューしたところ 呼び出したswfファイルが正常に動作しませんでした。 また、 on(press){ this.load_mc.loadMovie("●●●.swf"); } と記述したボタンでも結果は同様でした。 呼び出したswfファイルは、 いくつかの任意の角度から撮影した物体の画像をタイムライン上に並べ 画像の360度回転、拡大縮小をスライダーでコントロールするというもので 因みに、これはMdNムックの 「プロが教えるFlashアイデア工房」の127ページに掲載されていたものの流用です。 尚、掲載されていたサンプルのswfファイルを 試しに同様にloadMovieで呼び出してみたところ結果は同じでした。 swfファイル単独では正常に動作するのですが loadMovieで呼び出すと、 記述されたスクリプトがクリアされてしまうのか全く動作しません。 何が問題なのか全くわからず途方に暮れています。 どなたかご教授ください。 以下は、 呼び出すswfファイルに記述されたスクリプトです。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ※画像のムービークリップに記述したスクリプト ↓↓↓ this.onLoad = function() { rtK = 0.3;//ズームスピード minSC = 30//縮小時の最小値; maxSC = 180//拡大時の最大値; //回転初期設定 frK = 0.3;//回転スピード maxFr = _totalframes;//最大フレーム数の設定 }; this.onEnterFrame = function() { //////画像サイズ////// tarSC = _root.sliderZ.zmSlider()*(maxSC-minSC)/100+minSC;//0で最小、100で最大になるよう変換 vSC = (tarSC-_xscale)*rtK;//目標の値に近づく this._xscale += vSC;//表示 this._yscale += vSC;//表示 //////画像回転位置////// tarFr = _root.sliderR.rtSlider()*maxFr/100;//0で最小、100で最大になるよう変換 vFr = (tarFr-curFr)*frK;//目標の値に近づく curFr += vFr; tmpFr = Math.floor(curFr); tmpFr %= maxFr; if (tmpFr<0) tmpFr += maxFr;//負の値の場合 gotoAndStop(tmpFr+1);//表示 }; this.onLoad(); ※回転用スライダーのムービークリップに記述したスクリプト ↓↓↓ this.onLoad = function() { //回転初期設定 range = 234;//スライダーのドラッグ範囲 minX = 92;//スライダーのX座標の最小値 maxX = minX+range;//スライダーのX座標の最大値 curX = _x; btPress = false;//ドラッグ中か否か } function rtSlider(){ if (btPress) curX = _parent._xmouse;//スライダーのドラッグ curX = Math.min(curX, maxX);//ドラッグ範囲 curX = Math.max(curX, minX);//ドラッグ範囲 _x = curX;//移動 // //画像の回転 rtVal = (curX-minX)*100/range;//0から100の値に変換 return(rtVal); } this.onPress = function() { btPress = true; }; this.onRelease = this.onReleaseOutside=function () { btPress = false; }; this.onLoad();
- ベストアンサー
- ホームページ作成ソフト
- 外付けUSBまたはIEEE1394接続DVDドライブの回転速度
外付けUSBまたはIEEE1394接続DVDドライブの回転速度調節ソフトを探しております。 他の人の結果もふくんでいますが、これまでには Nero Drive Speed AnyDVD CD-ROM SPEED CHANGER for Windows を試してみましたが、どれもうまくいきません。 OS:WinXP ドライブ:DVSM-D5812IU2 メーカー情報：http://buffalo.melcoinc.co.jp/products/catalog/item/d/dvsm-d5812iu2/index.html よろしくお願いします。
- 締切済み
- その他(ソフトウェア)
- JavaScriptのフォトギャラリー
JavaScriptのフォトギャラリー いつもお世話になっております。 下記のサイトで写真を見せるのに使用されているギャラリーを探しています。 http://www.metamo.info/history/ 宜しくお願いいたします。
- ベストアンサー
- JavaScript