エドワード・マイブリッジの「Horse in motion」をトレースし、各馬をセル化したものをthree.jsのshapeにして表示しています。
3Dっぽく回転させ、さらにCardBoard等のサイドバイサイド3D表示にしてみてます。
Chromeのみで動作確認をしてます。
typings | |
typings | |
src | |
.vscode |
typings | |
src | |
.vscode | |
node_modules | |
bower_componets |
エドワード・マイブリッジの「Horse in motion」をトレースし、各馬をセル化したものをthree.jsのshapeにして表示しています。
3Dっぽく回転させ、さらにCardBoard等のサイドバイサイド3D表示にしてみてます。
Chromeのみで動作確認をしてます。
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>WebGL Test</title> | |
<meta name="keywords" content="WebGL,HTML5,three.js" /> | |
<meta name="description" content="WebGL,HTML5,three.js" /> | |
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | |
<script src="//www.sfpgmr.net/scripts/three/three.js"></script> | |
<script src="//www.sfpgmr.net/scripts/three/Detector.js"></script> | |
<script src="//www.sfpgmr.net/scripts/three/stats.min.js"></script> |
エドワード・マイブリッジの「Horse in motion」をInkscapeでトレースし、各馬をセル化したものをthree.jsのshapeに変換し表示しています。
3Dっぽく回転させてみてます。
下記のURLから動くデモが見れます。Windows 10 Tech Preview 9926 のIE11では動作しませんでした。ひょっとするとIE11ではそもそも動作しないのかもしれません。原因は不明ですが。。
SVGによる馬のアニメーションです。 エドワード・マイブリッジの「Horse in motion」をInkscapeでトレースし、各馬をセル化してアニメーションしています。
エドワード・マイブリッジの「Horse in motion」をInkscapeでトレースし、各馬をセル化したものをthree.jsのshapeに変換し表示しています。
今回はシリアライズ・デシリアライズのコードを最適化してみました。 http://bl.ocks.org/sfpgmr/cee0c48acb0854e2055c#pathSerializer.js
下記のURLから動くデモが見れます。Windows 10 Tech Preview 9926 のIE11では動作しませんでした。ひょっとするとIE11ではそもそも動作しないのかもしれません。原因は不明ですが。。