【Three.js】360°パノラマ 動画プレイヤーの作り方（PCブラウザのみ） - Qiita
(function(){ var width = window.innerWidth, height = window.innerHeight; var button; //scene var scene = new THREE.Scene(); //mesh var geometry = new THREE.SphereGeometry( 5, 60, 40 ); geometry.scale( - 1, 1, 1 ); //動画 var video = document.createElement( 'video' ); video.width = 640; video.height = 360; video.autoplay = true; video.loop = true; video.src = "test.MP4"; var texture = new THREE.Video
I am mitsuruog | RICOH THETAで撮影した360°画像をthree.jsで全天球処理したついでにFileAPIのDrag&Drop対応してみた
RICOH THETAで撮影した360°画像をthree.jsで全天球処理したついでにFileAPIのDrag&Drop対応してみた 職場の同僚がRICOH THETAなる 360° 写真が撮影できるカメラを買って、何やら面白そうなことをやりたがってたので、three.js を使って全天球処理するところを手伝いました。 全天球処理はさほど難しくなかったのですが、欲を出して行った Drag&Drop 処理が結構ハマったので、その辺りを話ます。 下の DEMO サイトに THETA で撮影した画像を Drag&Drop すると、いい感じに全天球にしてくれます。ソースコードもすべて Github に公開してますので参考にしてください。 DEMO：http://mitsuruog.github.io/richo-theta-with-threejs リポジトリ：https://github.com
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Three.js ported to native code?