<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>3D on 電気羊の執務室</title><link>https://blog.satrex.jp/tags/3d/</link><description>Recent content in 3D on 電気羊の執務室</description><generator>Hugo</generator><language>ja</language><lastBuildDate>Tue, 22 May 2012 19:50:00 +0900</lastBuildDate><atom:link href="https://blog.satrex.jp/tags/3d/index.xml" rel="self" type="application/rss+xml"/><item><title>Three.jsを試してみた</title><link>https://blog.satrex.jp/blog/2012/05/22/three.js%E3%82%92%E8%A9%A6%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F/</link><pubDate>Tue, 22 May 2012 19:50:00 +0900</pubDate><guid>https://blog.satrex.jp/blog/2012/05/22/three.js%E3%82%92%E8%A9%A6%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F/</guid><description>&lt;p&gt;&lt;a href="http://kray.jp/blog/three-js/"&gt;krayさんのサイト&lt;/a&gt;を丸写しで、Three.jsを試してみました。
うまくいったので、お礼かたがた書いてみます。&lt;/p&gt;
&lt;h3 id="うまくいったこと"&gt;うまくいったこと&lt;/h3&gt;
&lt;p&gt;いくつか、これは助かったなぁと思う事を書いてみます。&lt;/p&gt;
&lt;h4 id="threejsの扱い"&gt;Three.jsの扱い&lt;/h4&gt;
&lt;p&gt;まず&lt;a href="https://github.com/mrdoob/three.js/"&gt;ソース&lt;/a&gt;をCloneして、さてどう使うんだろうと考えちゃいました。
そうだ&lt;a href="https://github.com/mrdoob/three.js/#readme"&gt;ReadMe&lt;/a&gt;を見よう、という事で見てみると、minimize版をHTMLヘッダーで参照すればいいとのこと。&lt;/p&gt;
&lt;p&gt;![３Dの立方体がぐりぐり動く][sampleImage]&lt;/p&gt;
&lt;p&gt;なるほど。
チュートリアルやwikiも充実してるようなので、しばらく入り浸ってみたいです。&lt;/p&gt;
&lt;h3 id="firefoxのいいところ"&gt;FireFoxのいいところ&lt;/h3&gt;
&lt;p&gt;とくに他のブラウザと比較しての話ではないです。
cmd-uでソースの表示。そこからリンクを辿ってスクリプトなど見れるので、追いかけやすいなぁと。
強いて言えば、ソースにシンタックスハイライトしてくれれば最高です。&lt;/p&gt;
&lt;p&gt;あと、３DでDOMツリーが見れるのが面白いです。&lt;/p&gt;
&lt;h2 id="うまくいかなかったこと"&gt;うまくいかなかったこと&lt;/h2&gt;
&lt;p&gt;逆に、これはまだよくわかってないぞ、という部分について。&lt;/p&gt;
&lt;h3 id="javascriptの補完"&gt;javascriptの補完&lt;/h3&gt;
&lt;p&gt;neocomplcacheがないVimは使いません。というくらい、オイラは補完が好きです。
補完がないとコードが書きたくないです。
で、javascriptのシンタックスや、Three.js内のメソッド名など、持ってきてほしいものがいくつかありました。&lt;/p&gt;
&lt;p&gt;あとでneocomplcacheのヘルプをよく読んでみます。&lt;/p&gt;
&lt;h3 id="sketchupとthreejsの連携"&gt;SketchUpとThree.jsの連携&lt;/h3&gt;
&lt;p&gt;SketchUpでモデリングして、Webサイトに載せてぐりぐり動かす、とかできると最高です。&lt;/p&gt;
&lt;p&gt;SketchUpはWindows版だとBridgeというライブラリでEclipseからスクリプトが実行できるのですが、いかんせんmacではBridgeが通用せず。
まだレベルが足りなくて、Bridgeを移植しようにも、どう手をつけていいのかわかりません。&lt;/p&gt;
&lt;p&gt;VimからSketchUpのRubyコンソールのウィンドウハンドルを取って、文字を入力してExecuteScriptコマンドを流せばいいはずです。&lt;/p&gt;
&lt;p&gt;でもどうすればそれができるか分かりません。
ざんねん。
いつかは！&lt;/p&gt;
&lt;p&gt;(2012/12/24 追記)
できました。
次の記事を参照してください。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://blog.satrex.jp/blog/2012/06/04/vimsketchup/"&gt;http://blog.satrex.jp/blog/2012/06/04/vimsketchup/&lt;/a&gt;&lt;/p&gt;</description></item></channel></rss>