プログラマ専用SNS ミクプラ

C言語質問掲示板で場違いではあると思うのですが、質問があります。

私は現在、ＨＴＭＬ、ＣＳＳ、ＪａｖａＳｃｒｉｐｔの勉強で自分のＨＰを作っています。

参考書などいろいろ見てページを数個作りました。

それなりに満足もしています。

そして、「画像の閲覧」という形で以下（画像）のような形式のものを作りたいと思っています


まったく同じのを作ろうとは思いません、

ただ、条件としては
１、画像のように奥行きがある（簡単に言えばここは画像とまったく同じ（影はいらない（できれば欲しい）））
２、画像の表示枚数は３０枚程度が希望（画像をクリックすると拡大で画像を表示）
３、ページの左右に小さく矢印などを入れてクリックするとスライドするようにする。

とりあえず以上が希望になります。
このようなレイアウトが説明されているサイト（また、参考書）などあれば教えてください。

おそらくＪａｖａＳｃｒｉｐｔであろうと思いましたのでタイトルは「ＪａｖａＳｃｒｉｐｔで」と書かせていただきました。

よろしくおねがいします。

僕はJavaScriptを学び始めたばかりなので、具体的にどういうプログラムを書いたらご所望の結果が得られるか分かりませんが、大枠のアイデアを提案してみます。

HTML5の関連技術に WebGL があります。
ブラウザ上でOpenGLを使う規格です。

WebGLを使って円形にくぼんだ長方形を用意して、そこへ画像をテクスチャとして貼り付ければ、良い感じになるのではと思います。
「影」が何を言っているのか分かりませんが、床に写り込んだ画像のことだとすると、鏡面反射とかでできるのかな？（この辺詳しくありません…）

がんばってください！

HTML5を使っている可能性もありますね。
サイトを教えてくれれば見てみますけど。

softya（ソフト屋) さんが書きました:HTML5を使っている可能性もありますね。
サイトを教えてくれれば見てみますけど。

mi_l さんが提示した画像はSafariの機能なので、どこかのサイトではありません。

softya（ソフト屋) さんが書きました:HTML5を使っている可能性もありますね。
サイトを教えてくれれば見てみますけど。

次はどんなページ作ろうかと見ていたら出てきただけなので・・・

一応画像検索してでてきたのは「safari 4」でしたのでそれかと・・・

私はChromeを主に使っていてＷｉｎ７（Windows）なので、同じようなレイアウトができるのかという懸念もでてきました・・・

ChromeならHTML5とWebGLに対応していますから、No.2の回答はそのまま使えると思います。

カーブさえ描かなければjQueryでサムネイル表示するほうが楽だと思いますけどね。
https://www.google.co.jp/search?num=100 ... 7&q=jquery

楽を取るか、見た目を取るかって感じです。

すみませんが、カーブがとても重要です・・・・・

そこが一番真似？したいところなので・・

見た目が大事なんですね。
ようするにWebGLはOpenGLなので、ポリゴンを作ってテクスチャとしてサムネイル画像を貼るという感じになると思います。
つまり、限定的な３Ｄグラフィックなんですが大丈夫ですか？

softya（ソフト屋) さんが書きました:見た目が大事なんですね。
ようするにWebGLはOpenGLなので、ポリゴンを作ってテクスチャとしてサムネイル画像を貼るという感じになると思います。
つまり、限定的な３Ｄグラフィックなんですが大丈夫ですか？

限定的というと・・・どういうことでしょうか？

モデルがアニメーションしたり、カメラを振り回さなくて良いとか、ライトやシェーディングの気を配る必要もないと言う意味で限定的です。

softya（ソフト屋) さんが書きました:モデルがアニメーションしたり、カメラを振り回さなくて良いとか、ライトやシェーディングの気を配る必要もないと言う意味で限定的です。

そうですね。
とりあえず、最初の画像のようなレイアウトにして、画像を並べられればいいので・・・
（これ以上やってしまうと挫折してしまう可能性も出てくるので少しずつ。）

このレイアウトを作ることに関して説明されている（関連した事柄に触れている）サイトや参考書などあれば教えてください。
とりあえずＷｅｂＧＬということはわかったのですが・・

mi_l さんが書きました:

softya（ソフト屋) さんが書きました:モデルがアニメーションしたり、カメラを振り回さなくて良いとか、ライトやシェーディングの気を配る必要もないと言う意味で限定的です。

そうですね。
とりあえず、最初の画像のようなレイアウトにして、画像を並べられればいいので・・・
（これ以上やってしまうと挫折してしまう可能性も出てくるので少しずつ。）

このレイアウトを作ることに関して説明されている（関連した事柄に触れている）サイトや参考書などあれば教えてください。
とりあえずＷｅｂＧＬということはわかったのですが・・

探してみましたが無さそうです。
WebGLのサイトで勉強なさってくださいとしか言えません。
「WebGL 開発支援サイト wgld.org」
http://wgld.org/

わかりました。
色々とありがとうございます。
とりあえず、そこで勉強してみてわからないことがあれば、場違いですが、また質問させていただきます。