WEBに3Dデータを埋め込んで、ブラウザでぐりぐり動かしたい

Question

私が作っている趣味用WEBサイトに、3Dデータを埋め込みたいのですが、下記の要件を全て満たす方法が見つかりません。（例えば、SketchFabやp3d.inは下記4,5が満たさない）
WEBサービスを使っても使わなくてもかまいません。下記を全て満たす方法はあるでしょうか？

1. 軽量、サクサク動く
2. 最新でないブラウザでも動く
3. アドイン不要
4. ロゴなど余計なものが表示されていない
5. 再生ボタンのクリックをしてから再生ではなく、最初から動かせる

イメージとしては、プロトラブズ や 早稲大学 演劇博物館収蔵品3Dデータベースが近いです。

さらに、可能であれば、アニメーション3Dを埋め込みたいのですが、そのようなものは見たことがありません。やり方はあるでしょうか？

別の質問ですが、
ブラウザで表示できる3D表示機能は、アップロードした物体を周りから360度から見るものが一般的です。
逆に、自分が中心に立って周りを360度見渡すという形式でWEBに埋め込めないでしょうか？
Googleストリートビューのようなイメージです。

よろしくお願いいたします。

Answer 1

方法はあります

WebGLでご自身で実装すれば可能です。

1. 最新でないブラウザでも動く

ただしこちらの「最新でないブラウザ」がどのあたりのブラウザを指すかによります。
こちらを参考にして下さい。
http://caniuse.com/#search=webGL

イメージされているサイトでは「Three.js」というライブラリが使われています。
examplesを見ていただければわかりますが、アニメーションも可能です。

自分が中心に立って周りを360度見渡すという形式でWEBに埋め込めないでしょうか？

こちらもWebGLで出来ます。「WebGL 360」などのキーワードで検索してみてください。

Comments

[RyoUY]

WebGLで自分で実装するのは、思いつきませんでした。ありがとうございます。
自分で実装した方が、カスタマイズしやすく、サービス終了に左右されないので、良さそうです。

Three.jsというライブラリで、アニメーション3Dの埋め込みができること、WebGLで360度パノラマ表示ができることは知りませんでした。

お蔭様でやりたいことができること、何をすればいいかが、わかりました。ありがとうございました。