|
『連想検索 3D』というサイトを作ってみた。
http://jp.link.hobby-site.com
↑ココで動いてます。
使い方は単純。
気になる画像にマウスを合わせて、次々と関連する画像を表示させていくだけです。
調べたいキーワードで検索も出来ます。
マウスホイールとドラッグで視点移動、クリックで詳細画面ですね。
原理は、Amazonの『この商品を買った人はこんな商品も買っています』の情報をSOAPで引っ張ってきて、ゴリゴリと表示。
結構マシンパワーを使いますので、なるべく最新のPCで見た方がいいです(以前作った画像検索サイトよりはマシですが…)。
皆さん、使ってみてくださいね~。
よろしくお願いします。
~~~~
それぞれのリンクに、バネ(ゴム)っぽい動きのプログラム追加。
心地よいプヨヨンという感触が出来ました。
~~~~
「日本」「アメリカ」「イギリス」「フランス」「ドイツ」「カナダ」の6カ国対応してみた。
これで、海外の人も使えるわけだけど、さて、どうやってこのサイトの存在を知らせればいいのやら…。
文章があるサイトではないので、検索エンジン頼みにはできないんだよなぁ(何処か海外の有名サイトが紹介してくれないだろうか…)。
~~~~
なんだか、あまり使われてないようですが…。
見た目を少しだけ修正しました。
これでもうやる事も無くなった感じ。
…という事で、このサイトは完成という事にしよう!
※ 『javascript』に繋がる関連物を 視覚的に探しだせるサイトを作ってみました(よろしければクリックしてみてくださいね)。
<2008-08-09 01:24:45>
まさ(☆彡)
はじめまして、mixiから飛んできました。
こんな感じの動きする図がほしいなと思ってたのですが。
これって、図&紐の部分(名前がわからないw)は、なにかライブラリを使われてるのですか?
<2008-08-10 00:43:37>
管理人
線の描画部分のcanvasだけはGoogleのを使ってますね~(線だけでなくポリゴンとか使えますが、今回は線だけです)。
他はオリジナルです。
javascriptで実現してるので、頑張ってプログラム読んでみてくださいね~。
ページ閲覧者数:11人
[ javascript ] 一覧へ
|