• 
• 
• 
• 
• 
• 
• 
• 0

März 2010

Flash und Geodaten

Fortsetzung, Teil 3

Ich hier – du da

(Link zum Artikel: http://www.createordie.de/cod/artikel/2932)

Der Quellcode steht auch als Download bereit.

Im Grunde haben wir somit unsere Basisanwendung beendet. An dieser Stelle war es mir persönlich jedoch ein wenig zu trist, die Karte bzw. das Kartenmaterial einfach nur anzuzeigen. Warum das gesamte Szenario nicht einfach um ein wenig 3-D erweitern? So eine Karte sieht doch, gemapped auf ein paar konvex gewölbte Planes, einfach viel besser aus.

Ein wenig Papervision3D hier, ein bisschen AS3Mod dort – so ein kleiner 3-D-Geomapper ist nun auch wirklich schnell geschrieben (Listing 3).

1. package {
3. ///////////////////////////////////
4. // import used classes
5. ///////////////////////////////////
7. import com.as3dmod.*;
8. import com.as3dmod.modifiers.*;
9. import com.as3dmod.plugins.pv3d.*
10. import flash.display.*;
11. import flash.events.*;
12. import flash.filters.*;
13. import flash.text.*;
15. import flash.utils.getTimer;
17. import gs.*;
18. import gs.easing.*;
19. import org.papervision3d.cameras.*;
20. import org.papervision3d.materials.*;
21. import org.papervision3d.materials.shadematerials.*;
22. import org.papervision3d.materials.shaders.*;
23. import org.papervision3d.materials.utils.*;
24. import org.papervision3d.objects.primitives.*;
25. import org.papervision3d.render.*;
26. import org.papervision3d.scenes.*;
27. import org.papervision3d.view.*;
30. ///////////////////////////////////
31. // class
32. ///////////////////////////////////
34. public class GeoMapper extends flash.display.Sprite {
37. public var surface_tp :BitmapData;
38. public var surface_lm :BitmapData;
39. public var surface_rm :BitmapData;
40. public var surface_bm :BitmapData;
41. private var view :Viewport3D;
42. private var scene :Scene3D;
43. private var tp_plane :Plane;
44. private var lm_plane :Plane;
45. private var rm_plane :Plane;
46. private var bm_plane :Plane;
47. private var camera :Camera3D;
48. private var renderer :BasicRenderEngine;
50. private var stack01 :ModifierStack;
51. private var stack02 :ModifierStack;
52. private var stack03 :ModifierStack;
53. private var stack04 :ModifierStack;
54. private var bend01 :Bend;
55. private var bend02 :Bend;
56. private var bend03 :Bend;
57. private var bend04 :Bend;
59. private var rumble :Boolean = false;
62. ///////////////////////////////////
63. // class constructor
64. ///////////////////////////////////
66. public function GeoMapper() {
68. super();
70. if ( stage ) {
72. setup();
74. } else {
76. addEventListener( Event.ADDED_TO_STAGE,setup );
78. }
80. }
83. ///////////////////////////////////
84. // setup
85. ///////////////////////////////////
87. private function setup( event:Event = null ):void {
89. removeEventListener( Event.ADDED_TO_STAGE, setup );
92. ///////////////////////////////////
93. // initialize
94. ///////////////////////////////////
96. initEngine();
97. setupMaterials();
98. initbend01ings();
99. launch();
101. }
104. ///////////////////////////////////
105. // initialize: 3d.engine
106. ///////////////////////////////////
108. private function initEngine():void {
110. this.view = new Viewport3D( 800, 640 );
111. this.view.filters = [new DropShadowFilter(40, 90, 0, 0.6, 24, 24)];
113. this.scene = new Scene3D();
114. this.renderer = new BasicRenderEngine();
115. this.camera = new Camera3D();
116. this.camera.zoom = 13;
117. this.camera.z = -120;
119. this.view.mouseEnabled = false;
120. this.view.mouseChildren = false;
122. addChild( this.view );
124. }
127. ///////////////////////////////////
128. // setup: material(s)
129. ///////////////////////////////////
131. private function setupMaterials():void {
133. ///////////////////////////////////
134. // setup: material(s)
135. ///////////////////////////////////
137. var bmp01 :BitmapMaterial = new BitmapMaterial( this.surface_tp );
138. bmp01.smooth = true;
140. var bmp02 :BitmapMaterial = new BitmapMaterial( this.surface_lm );
141. bmp02.smooth = true;
143. var bmp03 :BitmapMaterial = new BitmapMaterial( this.surface_rm );
144. bmp03.smooth = true;
146. var bmp04 :BitmapMaterial = new BitmapMaterial( this.surface_bm );
147. bmp04.smooth = true;
150. ///////////////////////////////////
151. // setup: map.plane(s)
152. ///////////////////////////////////
154. this.tp_plane = new Plane( bmp01, 800, 213, 10, 10 );
155. this.tp_plane.y = 213;
157. this.lm_plane = new Plane( bmp02, 400, 213, 10, 10 );
158. this.lm_plane.x = -200;
160. this.rm_plane = new Plane( bmp03, 400, 213, 10, 10 );
161. this.rm_plane.x = 200;
163. this.bm_plane = new Plane( bmp04, 800, 213, 10, 10 );
164. this.bm_plane.y = -213;
167. ///////////////////////////////////
168. // add
169. ///////////////////////////////////
171. this.scene.addChild( this.tp_plane );
172. this.scene.addChild( this.lm_plane );
173. this.scene.addChild( this.rm_plane );
174. this.scene.addChild( this.bm_plane );
176. }
179. ///////////////////////////////////
180. // initialize: 3d.bend01ing(s)
181. ///////////////////////////////////
183. private function initbend01ings():void {
185. this.stack01 = new ModifierStack( new LibraryPv3d(), this.lm_plane );
187. this.stack02 = new ModifierStack( new LibraryPv3d(), this.rm_plane );
189. this.stack03 = new ModifierStack( new LibraryPv3d(), this.tp_plane );
191. this.stack04 = new ModifierStack( new LibraryPv3d(), this.bm_plane );
193. this.bend01 = new Bend();
194. this.bend01.force = -0.1;
195. this.bend01.offset = 1.0;
197. this.bend02 = new Bend();
198. this.bend02.force = -0.1;
199. this.bend02.offset = 0.0;
201. this.bend03 = new Bend();
202. this.bend03.force = -0.2;
203. this.bend03.offset = 0.5;
205. this.bend04 = new Bend();
206. this.bend04.force = -0.2;
207. this.bend04.offset = 0.5;
209. ///////////////////////////////////
210. // add: modifier(s)
211. ///////////////////////////////////
213. this.stack01.addModifier( this.bend01 );
214. this.stack02.addModifier( this.bend02 );
215. this.stack03.addModifier( this.bend03 );
216. this.stack04.addModifier( this.bend04 );
218. }
221. ///////////////////////////////////
222. // launch
223. ///////////////////////////////////
225. private function launch():void {
227. addEventListener( Event.ENTER_FRAME, onUpdateFrame );
229. }
232. private function onUpdateFrame( event:Event ):void {
235. ///////////////////////////////////
236. // handle: modifier.stack
237. ///////////////////////////////////
239. this.stack01.apply();
240. this.stack02.apply();
241. this.stack03.apply();
242. this.stack04.apply();
245. ///////////////////////////////////
246. // render
247. ///////////////////////////////////
249. this.renderer.renderScene( this.scene, this.camera, this.view );
252. }
254. ///////////////////////////////////
255. // process: bend01ing(s)
256. ///////////////////////////////////
258. private function deform( event:MouseEvent ):void {
260. if ( !this.rumble ) {
262. var p1:Perlin = new Perlin( 0.1 );
263. var p2:Perlin = new Perlin( 0.1 );
264. var p3:Perlin = new Perlin( 0.1 );
265. var p4:Perlin = new Perlin( 0.1 );
267. this.stack01.clear(); this.stack02.clear();
268. this.stack03.clear(); this.stack04.clear();
270. this.stack01.addModifier( this.bend01 ); this.stack01.addModifier( p1 );
271. this.stack02.addModifier( this.bend02 );
272. this.stack02.addModifier( p2 );
273. this.stack03.addModifier( this.bend03 );
274. this.stack03.addModifier( p3 );
275. this.stack04.addModifier( this.bend04 );
276. this.stack04.addModifier( p4 );
278. this.rumble = true;
280. } else {
282. this.stack01.clear(); this.stack02.clear();
283. this.stack03.clear(); this.stack04.clear();
285. this.stack01.addModifier( this.bend01 ); this.stack02.addModifier( this.bend02 );
286. this.stack03.addModifier( this.bend03 ); this.stack04.addModifier( this.bend04 );
288. this.rumble = false;
290. }
292. }
294. }
296. }

Der Quellcode steht auch als Download bereit.

• 1
• 2
• 3
• 4

 

• Gute Kommentare werden belohnt.
•   (optional)
•   (Kommentar abonnieren/Gravatar - wird nicht veröffentlicht)
•    Benachrichtige mich bei nachfolgenden Kommentaren per E-Mail
• Dein Kommentar (HTML- und sonstige Codeelemente werden nicht angezeigt)
• -+
• 

• flash,
• frank reitberger,
• geodaten,
• google maps api,
• lbs