Tag: Away3D

shadowboxを無理矢理入れてみた。

swfファイルをいちいちswfObjectで表示させるのはめんどくさいなと思って、shadowboxを入れました。WordPressであればいつものプラグインで簡単にできそうなものですが、javascriptに知識が全く無い自分にはなかなか難しく、結局本家のコードを無理矢理貼付けるというやり方でできました。

【設置の仕方(jquaryを使用します)】
1.shadowboxをダウンロードします(ページの下のFullのバージョンをクリック)。jquaryが無い場合はこちらもダウンロード(とりあえずDEVELOPMENTの方を)してください。

2.ダウンロード後、解凍してできたshadowbox-2.0フォルダ内の「src」の中身を、お好きな場所にアップロードします(私はhttp://www.ドメイン/press/js/にアップしました)。jquaryのファイルもjquary.jsとリネームして同階層にアップします。

3.WordPressのプラグインであればスキンや細かい設定を調整できるのですが、できなかったので標準のスキンのclassicで設定します。WordPressならヘッダー.phpの</head>内に下記のコードをペーストします。

<script type="text/javascript" src="http://www. hoge/js/jquery.js"></script>
<script type="text/javascript" src="http://www.hoge/js/adapter/shadowbox-jquery.js"></script>
<script type="text/javascript" src=" hoge/js/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.loadSkin('classic', 'js/skin');←元はsrc/skinです
Shadowbox.loadLanguage('en', 'js/lang');←元はsrc/langです
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], 'js/player');←元はsrc/playerです
window.onload = function(){
    Shadowbox.init();
};
</script>

要するに最初にjquaryを読み込み、次にアップロードした「adapter/shadowbox-jquery.js(このファイルはjquary専用のjsみたい)」、「shadowbox.js」を読み込み、次にjavascriptを発動させます。javascriptのコードの部分はスキンやロードできるファイルを設定できるみたいです。ブログなどの場合、ページにより”js/player”等のアドレスが変わってくる場合があるので絶対パスで指定した方がいいかもしれません。
使ってみた感じとしてはもちろんいい感じなのですが、どうもページの表示が遅くなったような・・・。

ShadowBoxのデモ

デモはaway3Dで色々いじってみたサンプル。しかしオブジェクトが実は反転していたのでメソッドも逆にしてます。どうしたものか。これはもしかしたらaway3Dの座標系と3D制作ソフトと違うせいかもしれません(右手系、左手系ってやつ)。タイヤも動かないし、キーボードでもうちょっとスムーズに移動できるようにしなくては。

とりあえずできたのでメモ:Away3D

形はひどいもんですが、とりあえずflashでパブリッシュするまでのメモ。

まずAway3Dから読み込む必要があるのは
・objファイル
・テクスチャ(現在はライブラリに読み込ませてリンケージさせてます(デフォ))
・mtlファイル

最後のmtlファイルというのは全く知らなかったのですが、modoからobjファイルに書き出す際に勝手にできたファイルです。
flashをパブリッシュする際に一応表示はされるけどエラーウィンドウがでるので読んでみたらどうも「mtlファイルがありません」的な内容だったので、objファイルと同階層に入れたらエラーが出なくなりました。

できたのはこちら。

men

色も何もありゃしませんが。しかもパブリッシュ後にmacbookが轟音をたてます。

あとモデリングの際に気をつけることとして
・最終的には三角ポリゴンで描画される(手とか表示されてない部分があるのはこのせい?)
・modoで書き出す場合、各オブジェクトごとに書き出す必要がありそう。

各オブジェクトごとに書き出さないと間接を動かしたりができないと思われるので!

あ、テクスチャが左右逆になってる・・・。

© 2017 UXIC.net

Theme by Anders NorenUp ↑