水玉製作所 » 3D

ぐるんぐるメニュー

梅原 — Tue, 09 Mar 2010 11:24:54 +0000

DoCoMoの製品ページ http://www.nttdocomo.co.jp/product/ にiPhoneとかのジャケ写を回転するインターフェイスをくっつけたかんじ。

Cubes

梅原 — Wed, 10 Feb 2010 15:01:38 +0000

なんとなく。キューブが回転する奴。 ▼Wonderfl ▼ActionScript AS3(FP10) /* なんとなく。キューブが回転する奴。 10年くらい前に3Dソフトでとりあえずこんな感じのものを作ったような。 */ package { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.DisplayObjectContainer; import flash.display.Sprite; import flash.events.Event; import flash.geom.Matrix; import flash.geom.PerspectiveProjection; import flash.geom.Point; import flash.geom.Vector3D; [SWF(backgroundColor="0xF8F8F8")] public class Main extends Sprite { private var _box:Array = []; private var _canvas:Sprite; private var _bitmapData:BitmapData; private var _bitmap:Bitmap; public function Main() { //stage.scaleMode = "noScale"; [...]

following viewer

梅原 — Thu, 21 Jan 2010 16:20:46 +0000

wonderflにはユーザー同士がfollow(お気に入り)登録する機能があって、それが見れたりすると楽しいかなと思って作った。 wonderfl上のイベントで「アルゴリズムでエロスを表現してください。公序良俗は守ってください。」に応募のつもりが締め切り過ぎてた...orz （直球じゃない）エロスってなんだろうなと考えたときに、関係性のアンバランスさ危うさが源泉になるんじゃないかな、と思った。 wonderflにはユーザー同士がfollow(お気に入り)登録する機能があるが、互いにfollowしあってたり、一方通行だったりする様子が見えちゃうと、ちょっとドキドキする。

88星座

梅原 — Thu, 24 Dec 2009 10:40:52 +0000

88星座疲れた。一番大変だったのは星座の線。 20個くらいやって、二度とやりたくないと思ったので、８８星座全部に線を引いた。時刻から位置（回転）をつくるわけだけど、一部、計算が合わなくてそれっぽく見えるような値を足している。次回への課題。前から星座表はやりたかったんだけど、使いやすい星の座標データが見つけられなかったのでできてなかった。 uwiさんに感謝。惑星と月も追加できたら完璧なんだろうけど、今は無理だな。特に惑星が。参考 http://wonderfl.net/code/8d2908ec47387090459c10aef975b823f5d5331b http://www3.plala.or.jp/cielo/graffias/data/star.html http://mirahouse.jp/begin/constellation/index.html http://www.toxsoft.com/stella/index.html ▼Wonderfl http://wonderfl.net/code/6c8e1242b3b579be206fe52167d3a15696f9a086 ▼ActionScript AS3(FP10) http://www.mztm.jp/wp/wp-content/uploads/2009/12/Mainas.zip ↓コードが長すぎるとblogに貼付けられないようなので一部省略 /* 疲れた。一番大変だったのは星座の線。 20個くらいやって、二度とやりたくないと思ったので、８８星座全部に線を引いた。時刻から位置（回転）をつくるわけだけど、一部、計算が合わなくてそれっぽく見えるような値を足している。次回への課題。前から星座表はやりたかったんだけど、使いやすい星の座標データが見つけられなかったのでできてなかった。 uwiさんに感謝。惑星と月も追加できたら完璧なんだろうけど、今は無理だな。特に惑星が。参考 http://wonderfl.net/code/8d2908ec47387090459c10aef975b823f5d5331b http://www3.plala.or.jp/cielo/graffias/data/star.html http://mirahouse.jp/begin/constellation/index.html http://www.toxsoft.com/stella/index.html */ package { import flash.display.Bitmap; import flash.display.BitmapData; [...]

物欲レボリューション

梅原 — Wed, 19 Aug 2009 15:01:06 +0000

物欲レボリューション。初出：2008/9/16 この頃はタイムラインにas書く比率が高かった。それにしてもコード汚すぎw wonderflやFlashDevelopでいろいろ作っているうちに、上達したかも。 ▼Wonderfl ▼ActionScript AS3(FP10) /* 物欲レボリューション。初出：2008/9/16 この頃はタイムラインにas書く比率が高かった。それにしてもコード汚すぎw wonderflやFlashDevelopでいろいろ作っているうちに、上達したかも。 */ package { import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import flash.display.Stage; import flash.net.URLRequest; import flash.net.URLLoader; import flash.net.navigateToURL; import flash.display.Loader; import flash.display.BitmapData; [SWF(width="465", height="465", frameRate="30", backgroundColor="0xFFFFFF")] public class Main extends Sprite { public function Main(){ //↓タイムラインに書いていたコード var Math3d:Math3dClass = new Math3dClass(); [...]

物欲スパイラル

梅原 — Mon, 17 Aug 2009 15:01:58 +0000

amazonの商品を渦巻き状に並べてみた。 fullscreen推奨 ▼Wonderfl http://wonderfl.net/code/5452a5ae155b86e6a94e7693bc46132a4644917c ▼ActionScript AS3(FP9) /* 物欲スパイラル初出：080610 一年以上前、少しずつクラスを使い始めたころのものを、 wonderflで動くように修正。もー、ほんとコードが汚すぎ。位置調整に１時間以上かけたけど、うまくいかない。ビール飲みながら書いているからだけじゃないはず。丸い画像を作るために、マスク使っているので重い。 bitmapFillを使えば、もっとずっと軽くなるはず。 */ package{ import flash.display.Sprite; import flash.net.URLRequest; import flash.net.URLLoader; import flash.events.Event; import flash.events.MouseEvent; import flash.display.SimpleButton; import flash.text.TextFormat; import flash.text.TextField; [SWF(width="465", height="465", frameRate="30", backgroundColor="0xFFFFFF")] public class Main extends Sprite { private var [...]

Cubes

梅原 — Tue, 04 Aug 2009 15:01:49 +0000

3年以上前に作ったもの。なんとなくそれっぽい面の明るさや陰面消去をやり始めた頃。今見ると内部の計算の仕方がかなり半端だけど、出来上がった絵柄自体は気に入っている。 AS3版に作り直そうとしたけど、半端な実装がかえっていい味なので、挫折。 AS3版を作ろうとしたら結局、先日のQbicQubeになった。 ▼ActionScript AS1(FP6)：ステージサイズ800*600でタイムラインの1フレーム目に書く。 Stage.scaleMode = "noScale"; vp = 500; ar_data = new Array([0, 0, 0], [160, 0, 0], [100, 0, 0]); ar_rxyz = new Array(0, 1, 2, 3, 4, 5); ar_n = new Array([1, 1, 1], [-1, 1, 1], [-1, -1, 1], [1, -1, 1], [1, 1, -1], [-1, 1, -1], [-1, [...]

ジンバルロックを体験してみよう！3（ビルトイン関数編）

梅原 — Thu, 30 Jul 2009 15:01:53 +0000

PV3Dでのジンバルロックを確認するのもよいけど、ビルトイン関数ではどうなんだろう、ということで作ってみた。 ★ジンバルロックを体験してみよう！3 0.左上のrotationXYZの立方体に注目 1.初期状態（又はReset後）に「Y+=30」を三回クリックして、 Y軸90度回転をする。 2.「Z+=30」をクリックしてみる。Z軸回転したことを確認。 3.「Z-=30」をクリックして戻す。 4.「X-=30」をクリックすると、、、アレレ！「Z+=30」と同じ Z軸回転しちゃうぞ！これがジンバルロックであります。いろいろ回転させていろいろ試してくださいませ。＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ AS3.0(FP10)のビルトイン関数における、 rotationX,appendRotation,prependRotation の使い分け。Pepervision3D(PV3D)との比較。 PV3D版★ジンバルロックを体験してみよう！と見比べながら読むことを推奨。まずそもそも、X,Zをクリックした時の回転方向が異なることに注目。これは、PV3Dが左手系、ビルトイン関数では右手系であることによる違い。正確にはX,Zが違うというより、Yが逆になっている。 PV3Dは既存のグラフィック系3Dソフトのセオリーに従った結果、ビルトイン関数の方は、なによりこれまでのFlashの体系を優先させた結果だと思う。 ■rotationXYZ 簡単なものなら、rotationXで足りるものもあるんだろうけど、自在に回転させるとなると、どうしてもジンバルロックが問題になる。値がわかりやすいってのが強み。 PV3DのrotationXYZに相当（名前も同じだから間違えないね！）。 ■appendRotation 内部的にはQuaternionを使っているので、ジンバルロックが無い。 PV3DのQuaternionに相当。 ■prependRotation 内部的にはQuaternionを使っているので、ジンバルロックが無い。 PV3DのlocalRotationXYZに相当。参考 http://blog.r3c7.net/?p=193 http://www.kuma-de.com/blog/1-application/1-flash/2009-04-19/395 ▼Wonderfl http://wonderfl.net/code/35c2aac390baca65de536ca2d938336d691e758d ▼ActionScript AS3(FP9) /* * ★ジンバルロックを体験してみよう！3 * * 0.左上のrotationXYZの立方体に注目 * [...]

[PV3D]ColorAnaglyph

梅原 — Tue, 14 Jul 2009 15:01:52 +0000

アナグリフのカラー対応をしてみた。理屈としては単純で、red一色のディスプレイオブジェクトと、green,blue二色のディスプレイオブジェクトを用意すればいい。こんなかんじ //赤用のディスプレイオブジェクト redView.transform.colorTransform = new ColorTransform(1,0,0,1,0,0,0,0); //青用のディスプレイオブジェクト blueView.transform.colorTransform = new ColorTransform(0,1,1,1,0,0,0,0); blueView.blendMode = "screen"; ▼Wonderfl ▼参考アナグリフの問題 http://www.geocities.jp/sasagelab/stereo36.html 製作(H1) anaglyph,画像色 http://www2.aimnet.ne.jp/nakahara/3dart/3seisak12.html ▼ActionScript AS3(FP9) /** * * アナグリフのカラー対応をしてみた。 * 理屈としては単純で、red一色のディスプレイオブジェクトと、 * green,blue二色のディスプレイオブジェクトを用意すればいい。 * * 赤用のディスプレイオブジェクト * redView.transform.colorTransform = new ColorTransform(1,0,0,1,0,0,0,0); * 青用のディスプレイオブジェクト * blueView.transform.colorTransform = new ColorTransform(0,1,1,1,0,0,0,0); * blueView.blendMode = "screen"; * * * [...]

emotionDiver3D

梅原 — Thu, 09 Jul 2009 15:01:09 +0000

emotionDiver3D ある人のお誕生会のために作ったモノ。赤青メガネを使うと、飛び出て見えるはず。 Flashのステージをクリックすると、メッセージが表示されます。エレクトロなバンドのVJ係として、バラードに [...]