http://www.bartkuipers.com/bart All about images, captured and computer generated Tue, 20 Mar 2012 21:07:09 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 http://www.bartkuipers.com/bart/2010/tutorial-23-hlsl-shadow-mapping/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-23-hlsl-shadow-mapping http://www.bartkuipers.com/bart/2010/tutorial-23-hlsl-shadow-mapping/#comments Wed, 15 Sep 2010 22:11:45 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=318 In the last tutorial of this series, I will try to explain how to create your own shadow mapping shaders. We've already seen the shadows of truevision3d, now it's time to create our own system. This is by no means the best type of shadowing, it is just good to get an understanding of what is actually happening. The system we'll make is for a point light. The basic idea behind it is to place 6 camera's on the place of the light, each facing outwards, so you've got a complete view from the camera. This is a cubemap. We'll render the depth of the object the camera sees to the cubemaps' faces. This then allows us to do a lookup in the direction of the pixel we're rendering, to see if the distance of the cubemap is lower than the real distance. If it is, we have a shadow.
]]> http://www.bartkuipers.com/bart/2010/tutorial-23-hlsl-shadow-mapping/feed/ 2 http://www.bartkuipers.com/bart/2010/tutorial-22-hlsl-heat-haze/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-22-hlsl-heat-haze http://www.bartkuipers.com/bart/2010/tutorial-22-hlsl-heat-haze/#comments Wed, 15 Sep 2010 21:00:01 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=316 Everyone knows this phenomena, you can see it about the tarmac or even something as simple as a candle. A heat haze. What is happening in nature? The air above something that is hot is rising. There are pressure differences and that means the breaking index of the air is difference, in other words; the light rays bend a little. This effect is really cool to have in our scene as well, so we'll do that. We will take the post-effect approach. What will we do? We will render the scene without the heat haze to a texture, then we'll render the heat haze (being particles) on to another texture. Then we'll combine it in a shader to draw it to the screen.
]]> http://www.bartkuipers.com/bart/2010/tutorial-22-hlsl-heat-haze/feed/ 0 http://www.bartkuipers.com/bart/2010/tutorial-21-hlsl-per-pixel-object/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-21-hlsl-per-pixel-object http://www.bartkuipers.com/bart/2010/tutorial-21-hlsl-per-pixel-object/#comments Wed, 15 Sep 2010 20:20:22 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=312 We've seen an object shader already, but now we're going to do something more interesting. In tutorial 4 (per pixel lighting), we've seen some per pixel lighting already. It would be good to try and replicate or even improve this effect. We are going to do this in this tutorial. Before you continue, make sure you at least have an idea of what tangent space and parallax mapping might be.
]]> http://www.bartkuipers.com/bart/2010/tutorial-21-hlsl-per-pixel-object/feed/ 0 http://www.bartkuipers.com/bart/2010/tutorial-20-hlsl-basic-post/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-20-hlsl-basic-post http://www.bartkuipers.com/bart/2010/tutorial-20-hlsl-basic-post/#comments Wed, 15 Sep 2010 18:39:23 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=309 Everyone will have seen black and white films/pictures, sepia pictures, pictures or movies with film grain etc. To get such an effect in the 3D world, we normally use a technique called post-effects. This means we apply some kind of filter after (post) rendering. This means we don't have to do the effect on every object that's hidden, we only apply the filter on the pixels that are actually visible. This can be really usefull and good, especially when adding some more calculation heavy stuff.
]]> http://www.bartkuipers.com/bart/2010/tutorial-20-hlsl-basic-post/feed/ 0 http://www.bartkuipers.com/bart/2010/tutorial-19-hlsl-basic-object/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-19-hlsl-basic-object http://www.bartkuipers.com/bart/2010/tutorial-19-hlsl-basic-object/#comments Tue, 14 Sep 2010 22:51:29 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=301 Now for the more advanced TV3D tutorials. The next 6 tutorials will be about shader and how to work with them. I'm not going to explain all about shaders, there are a lot of good resources for that already. Take a look at this wiki page: wiki. In this first tutorial we're going to create a simple shader that will just output the cube with a texture. This can be the template for any object shader you're going to write.
]]> http://www.bartkuipers.com/bart/2010/tutorial-19-hlsl-basic-object/feed/ 0 http://www.bartkuipers.com/bart/2010/tutorial-18-shadow-volumes/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-18-shadow-volumes http://www.bartkuipers.com/bart/2010/tutorial-18-shadow-volumes/#comments Tue, 14 Sep 2010 18:23:35 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=296 There is a light phenomena that we haven't discussed yet. It is seen everywhere around you. Shadows. You might think we've already covered this, since a cube doesn't get light when it's not facing the light, but that's not what we're going to do right now. What if a light shines on that cube and there's something below the cube? That would cast a shadow. In Truevision3D, it is not too hard to add shadows. It's actually quite easy. It doesn't suit all purposes and doesn't always look like the most high end shadow solution, but it's decent and well worth looking at.
]]> http://www.bartkuipers.com/bart/2010/tutorial-18-shadow-volumes/feed/ 0 http://www.bartkuipers.com/bart/2010/tutorial-17-billboard-particles/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-17-billboard-particles http://www.bartkuipers.com/bart/2010/tutorial-17-billboard-particles/#comments Sat, 11 Sep 2010 22:47:16 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=291 How cool would it be to be able to render smoke? Or fire? Everyone will need some kind of particle system eventually. In this case we will make some nice smoke. You might ask yourself what a particle system is. If you wonder about that, take a look at this wiki page. In this case, we are using a billboard particle system. A billboard is like a camera oriented plane. It will always face the camera. This makes it easier to create the textures to place on it. The particle system will spawn some billboards, apply textures on them and move them around based on some rules you can set, like gravity.
]]> http://www.bartkuipers.com/bart/2010/tutorial-17-billboard-particles/feed/ 0 http://www.bartkuipers.com/bart/2010/tutorial-16-simple-input/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-16-simple-input http://www.bartkuipers.com/bart/2010/tutorial-16-simple-input/#comments Sat, 11 Sep 2010 21:25:39 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=287 We already know a lot about the engine, we know how to load geometry, render it, create some 2D graphics. There is however a very important thing we didn't do yet. What is a game without input? It's not really a game right? Well, that's why this tutorial is there. We'll make sure we can rotate the camera around a cube, so we can view other areas of the scene we're in.
]]> http://www.bartkuipers.com/bart/2010/tutorial-16-simple-input/feed/ 0 http://www.bartkuipers.com/bart/2010/tutorial-15-simple-2d/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-15-simple-2d http://www.bartkuipers.com/bart/2010/tutorial-15-simple-2d/#comments Fri, 10 Sep 2010 22:59:48 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=244 In this tutorial, we're going to render some 2D stuff. We will draw a rectangle and a 2D image. This can be really usefull when you're going to make a menu for your game or application.


]]> http://www.bartkuipers.com/bart/2010/tutorial-15-simple-2d/feed/ 0 http://www.bartkuipers.com/bart/2010/tutorial-14-simple-text/?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-14-simple-text http://www.bartkuipers.com/bart/2010/tutorial-14-simple-text/#comments Fri, 10 Sep 2010 18:34:55 +0000 Bart Kuipers http://www.bartkuipers.com/bart/?p=233 In this tutorial we'll explain how to render text to the screen. This can be usefull to display debug information, but also to make a menu or console. What we're going to try to do is render the all famous "hello world!" to our Truevision3D screen. For this, we created an all clean project again, to get rid of everything we've used so far, except for the TVEngine object.
]]> http://www.bartkuipers.com/bart/2010/tutorial-14-simple-text/feed/ 0