Comments on: 2D Bump+specular mapping

By: Chris

Chris — Sat, 30 Jan 2010 02:49:06 +0000

Thank you very much David, I’ve made the switch very easily indeed.

By: David

David — Mon, 25 Jan 2010 10:41:57 +0000

Hey Chris, I would suggest switching to the bump mapping (minus parallax) used here: http://www.derschmale.com/2008/10/07/fake-2d-parallax-mapping-will-burn-your-cpu/ which is less… “experimental” in coding style, it should make things easier on you

By: Chris

Chris — Sat, 23 Jan 2010 23:21:26 +0000

Hi David, I’m adapting your class so that I can tile the textures along the screen (in flash10). I’m having trouble setting the ‘x position’ of the BumpMaps, as i can’t tell my code may not even be making many copies of BumpMap?:

// texture_source(), texture_diff(), etc are BitmapData objects / jpgs sitting in the Flash Library.

diffuseLightSource.addChild( new DiffuseLightMap(512) );
specularLightSource.addChild( new SpecularLightMap(512) );

for (var i:int = 0; i < 4; i++) {

sourceImage.addChild( new Bitmap(new texture_source(546, 293) ) );
sourceImage.getChildAt(i).x = 546 * i;

diffuseLightSource.x = 546 * i; // trying to set the BumpMap to target here?
specularLightSource.x = 546 * i; // trying to set the BumpMap to target here?

_diffuseBumpMap = new BumpMap(diffuseLightSource, new texture_diff(546, 293), 256);
_specularBumpMap = new BumpMap(specularLightSource, new texture_spec(456, 293), 512);

}

By: David

David — Wed, 20 Jan 2010 08:11:21 +0000

Don: This should tell you everything you need http://www.senocular.com/pub/adobe/Flash%20Player%20Security%20Basics.html

By: Don

Don — Wed, 20 Jan 2010 00:55:50 +0000

I can’t run the swf locally, it complains about a sercurity permission. Any suggestions?

By: David

David — Sat, 24 Oct 2009 10:12:37 +0000

Nex: You don’t have to merge the lightmap with the texture. Instead, you have to apply the displacement map on the lightmap, which is added on top of the texture using a BlendMode (hard light if your specular and diffuse are in one map, otherwise multiply for diffuse and screen for specular, for instance). That way, the light gets scattered without distorting your texture, which is typically what you’d want.

By: Nex

Nex — Fri, 23 Oct 2009 19:43:28 +0000

i once achieved bump mapping in blitz3d but that was using vectors and rotational matrices ot change brightness of each pixel, it worked pretty well but only for 50 x50 images lol. That’s y i have pretty good hunches on convolution filter being the main tool to alter brightness.

By: Nex

Nex — Fri, 23 Oct 2009 19:39:49 +0000

i am back again with a lil more understanding on bump mapping. i understand the concept of how bump mappin works but i just simply can’t understand how do i make it work using displacement filter. All i get is glassy effect. i tried ur classes and ur textures i still never get the effect. Unlike last time i merged light bitmap with bump texture and that seemed to make sense. But yet again i keep on getting stuck with displacement. According to me shudn’t i be using color filter to give colors of red(y) and green(z)? Also how is displacement gonna help me change brightness of the source texture which is key aspect?

By: David

David — Tue, 09 Jun 2009 08:53:57 +0000

Nex: All the classes in the light package are simple light maps: textures containing light information for all angles of the surface with the light source impacting on it. Its centre would be head on, and away from that, it’s at an increasing angle, with the edges representing the state where the surface is pointing away from the light (at >= 90°). The DiffuseLightMap is such a map containing diffuse light reflections. You should be getting a full circular gradient however, since it’s using a simple distance from the centre algorithm to define the luminosity.

I know the code is rather messy, especially trying to hack it into the Flex framework (the sliders seemed so useful tho ).

By: Nex

Nex — Mon, 08 Jun 2009 06:15:28 +0000

oooOOO000h. Thx for clearing that concept. HOWEVER, i realized that i wasn’t asking the right question before. I did a lotta thinkin and realized that its the diffuse effect that i didn’t understand. RIght now all i am seeing is a glassy effect. I followed ur codes exactly for bumpmap.as but i am didn’t understand ur concept behind.diffuse.as and light.as. For diffuse, i analyzed ur code (i.e FOR loop) and got a quarter of radial gradient effect. so DO u use that displacement effect to somehow MASK the radial light to get the shades on the edges? I am srry but i am gonna keep bothering u until i get the result right. And plz expand ur procedure if u get time to reply.

thanks !!!!!!!!!