3D空間内でWebサイトを表示する方法は？

Question

Three.js初心者です。

タイトルの通りなのですが、
Three.jsで3D空間にTHREE.PlaneGeometryなどで壁を表示させ、
そこに特定のWebサイトを表示させるというをしたいと思っております。

例えば

上記のような3D空間の左のうす黄緑壁に、

こんな感じでteratailが見れるみたいな感じです。

(2次元でいうところのiframe的な感じですかね...？？説明分かりづらかったらすみません。。。)

自分でも調べてみてはいるのですが、特に例が見つからず。。。
（というか、何てググればいいかもよく分からず困っております。。。）

どうやったらできるのでしょうか？
そもそもthree.jsで実現可能なのでしょうか...？？

ヒントでもいいので、どなたか教えていただけると幸いです...!!

#追記(2016/08/07)
ここで頂いた回答を元に実現できました！！
作ったものを貼っておきます。

ソースコード
https://github.com/afroscript/3Dteratail
デモ
http://usaqwako.sakura.ne.jp/3Dteratail/

Answer 1

僕もあまり細かくは見ていなくて内容は把握していないのですが、参考程度にリンク貼っときます。
demo1
demo2
解説ページ
ぱっと見、やっていることは先の回答のようにリアルタイムでサイトをキャプチャしているのではないかと思います。（demo2の方で読み込みの様子などが見られるかも？）
多分やりたいこととしては、上記URLの通りだと思います。

いやあ、WebGLでHTMLページのレンダリングは夢がありますよね〜〜
何か他に情報あったら教えてください！！

Comments

[afroscript]

>nami634さん

おぉっ…！！！まさにこれです！！！これを探しておりました！！！
貴重な情報ありがとうございます！！

試してみます！！！

(ちなみにちょっと追加で調べてみたたんですが、CSS3のtransformを使ってもできるようです：))
http://nulldesign.jp/log/js3d_prototype/

Answer 2

こんにちは。

以下のウェブサイトが参考になるかもしれません。
http://webnaut.jp/markup/618.html

具体的には、サイトを直接表示するのではなく、サムネイル画像とリンクという形です。

サムネイル画像をリアルタイムでウェブサイトからキャプチャできるようなAPI(http://creator.cotapon.org/articles/api/webページが撮れる画面キャプチャapi)などを組み合わせられれば、よりご希望のものに近づくのかもしれません。
上記URLが参考になるか分かりませんが…

ほとんど知識がないので、ご希望のイメージと違ったら申し訳ないですが、何かのヒントになれば幸いです。
以降の回答者様、お願い致します。

Comments

[afroscript]

(あ、つっつんだ。ホルンの人だ(・∀・)w)

おぉっ！あざます！！
だいぶイメージに近いものができそです！！

Answer 3

遅レス失礼します。
僕も3D内でのサイト表示に興味がありいろいろ試していたところでしたので参考までに回答させていただきます。

個人的な意見ですが、
サイト表示部分以外のコンテンツ（サンプルの濃い緑や青い壁の部分）がどのようなものか、と
3D空間内に表示したサイトが"サイトとして"機能するものか、サムネイル扱いか、
で対応が変わるかなと。

空間内に球体など3D表現がある場合や、サイトを"サムネイル"としてキャプチャを貼ればいい場合などは、
他のみなさんの回答のようにThree.jsにキャプチャを貼るのがベストと思いますが、
貼り付けたサイトのaタグリンクなどをクリッカブルに機能させるのであれば、
Three.jsを使わずに、nami634さんの回答の返信で挙げていられるようなCSSを使ったもののほうが、
aタグリンクやvideoなどのメディアもそのまま使用出来るのでいいかなと思っています。

https://webgl.souhonzan.org/entry/?v=0649
総本山さんで紹介されてるこのコンテンツとか、すごい上手くやってるなと。

ちょっと趣旨からはズレますが、cssだけでどれだけ3D表現できるか（VR対応）とかもやってみましたので参考までに。
http://cardboardclub.jp/lab/cssvr/
（css3dがwebGLかどうか的な話は置いといて）