Some old-school tunnel -effects with Flash 10 Astro, based on graphics.drawTriangles – you’ll need the beta release of Flash Player 10 for these demos to show correctly:
Image tunnel:

Vortex of Neon PerlinNoise:

Vortex of smoking pixels:

(SmokingPixels in 2D and source. yes, probably nothing you haven’t already seen in all the particle-demos around the net, just that the 3D-effect adds so much to it)
As a principle it’s a cone and we’re taking a look inside of it, bended by adding a polynome to x,y-coords. As a 3D model it’s a relatively simple with no actual need for sorting the faces in z-direction, so it runs pretty fast and smoothly – I think.
Edit – September 2nd: Tunnel.as updated with usage of PerspectiveProjection and Utils3D.projectVectors – although the maths for projection in the earlier version were as simple as x2 = x*radius/z; y2 = y*radius/z; .





Awesome!
By: Tomez on August 31, 2008
at 3:12 pm
very nice + smooth!
By: felix on August 31, 2008
at 5:11 pm
respect!
By: mrsteel on September 1, 2008
at 2:35 pm
really nice work here!
By: Chase on September 7, 2008
at 11:36 pm
[...] Read more [...]
By: Flash source | Pixel Bender project | Lemlinh.com on September 18, 2008
at 10:30 am
[...] Graphics.drawTriangles()とテクスチャマッピングスタディ。元アイデアはFlash 10, Part 4 of testing drawTriangles, Old-school Tunnels « Pixeleroより。簡単に説明すると円錐っぽい形状の多面体の底(とんがりコーンの底)から内側を見ている状態で、多面体の各頂点をxy座標方向に曲線的に動作させつつ内側に貼られたテクスチャのUVT座標を刻々と変化させているだけ。これだけで自分がトンネル内を進んでいるように見えるから驚き。”old-school”と題されているけど古典的な手法なのかな?note.x | [Away3D] Tunnelでも同じようなムービーがある。 [...]
By: [Flash] スペースチャンネル5 : boreal-kiss.com on October 28, 2008
at 9:43 am
Hi is it possible that you also post class with perin noise effect?
By: Dave on December 26, 2008
at 4:57 am
@Dave: look at http://wonderfl.kayac.com/code/31143bb996967934cbc080c251cb450d88b261bb
… class ‘NeonPerlinStripes’ at the end of that code …
By: pixelero on January 15, 2009
at 7:21 pm
Thanks so much for this post and your great work. I was able to create a Spherical Panorama from what I learned here.
As in the Super Prim post, Petri Leskinen’s great work on Pixelero http://pixelero.wordpress.com/ was key to this creation. He demonstrated an animated tube which with a little work I was able to turn into a spherical panorama.
Demo:http://www.professionalpapervision.com/demos/web/cs4pano/
Source:http://flex3cookbook2.googlecode.com/files/CS4SphericalPano.zip
Book Blog: http://professionalpapervision.wordpress.com
By: Mike Lively on January 24, 2009
at 6:12 am
Thanks pixelero
By: Dave on February 5, 2009
at 12:59 am
pixelero how do I put this kaleidoscope to the tunnel code so it shows it instead of image?
i have got them both nicely working but don’t know how to put them together to get result like yours. (sorry i’m kind of beginner).
By: Dave on February 18, 2009
at 2:58 am
[...] Estoy investigando como hacer el efecto de tunel en pixelblender, pero no doy con el algoritmo y lo que encontre esta hecho en actionscrit 3(sin pixelblender): LINK. [...]
By: .: WEREMSOFT :. » El diario del domingo - 5 de abril de 2009 on April 5, 2009
at 4:32 am
Thanks for the code. I modified it slightly to be able to transition between different images, the result can be found here:
http://www.janthor.com/tunnel/index.html
By: Jan Thor on April 27, 2009
at 8:12 pm
Nice job Jan !
By: pixelero on April 28, 2009
at 6:24 am