Skip to main content

Posts

Showing posts from 2016

Procedural Cactus

I have been trying to procedurally generate cactuses. You can see the results  here  (refresh the page to get a new cactus). This was made mostly as a learning experience but it could have applications in a game. If a game had a dessert and needed a large amount of cactus models for example. It was made with three.js and WebGl. The source code is available here . To make the cactus we start with a UV sphere. The actual sphere has a lot more vertices, but mostly looks like the picture below. Next we have to rough it up a bit. We loop through the vertices with 3 things to do. First, make the vertical knots going down the cactus. Second is to save the vertices were we want to add spines. Finally we want to add a bit of randomness to our cactus as we go down it. To make the knots we just pull out all of the vertices that have an index that is a multiple of 4. Because of the way we ordered the vertices these will be in vertical lines going down. As we are pulling out eac

Chromatic Aberration

I made a chromatic aberration shader after not finding one I liked online. You can see the effect above on the sprite bottle to the right. My goal was to make a stylized chromatic aberration effect that I could apply to any sprite. The effect works by separating the rgb channels and displacing them in different directions. Below you can see the blue and red channels getting displaced in opposite directions on the x axis.  You can control the displacement easily with a script to change how extreme the effect is. I personally think the effect looks best when used subtlety but I could see some cool applications were it is controlled dynamically and combined with a screen shake or something to show a large impact. Here is the effect applied more subtlety on a cool rogue sprite Here is a link to the shader Here is an example C# script to control it

My Brothers The Knight

I participated in my first game jam last week. We had 72 hours to complete a game sticking to the themes of boss battle and twin stick. I worked on the game with my brother. We designed it together. He worked on the art while I programmed everything. The game play consist of planting/watering crops while running from a dragon. The hardest part was definitely working with the small amount of time. We did complete it in time and I am happy with the finished game. There were about 17 entries and we took 3rd place. You can play the game here We exported to windows mac and linux but we only tried it on windows. It would be interesting to flesh the game out more but I don't think that will happen very with  all the other projects I have in mind.

Procedural 2d Hex Based Terrain

Back in May of 2015 I made a post about making terrain with Perlin noise. Since then I have done a lot of experimenting with different techniques and algorithms. This was all mostly done for a project that I decided to quit working on about 4 months ago. Since at this point I'm pretty certain I'm not going to finish it, I decided I'll share the results of this experimenting and show off the mostly finished terrain generator. Here is another image with an improved river algorithm

Water Effect

This purpose of this post is to give some insight in to my 2d water effect. The effect  was made in unity and consist of one C# script and two shaders. Additionally this effect can be be broken down in to two parts. The reflection and the distortion. First we will look at the reflection Reflection A lot of the work of the reflection is done through the C# script. The script creates a new game object with the sprite renderer of the original object, mirrors it, and puts our water reflection shader on it. You can see it below. A couple things to note with this technique. First, everything done in this script could be done manually through the editor. It is only for convenience and does not have to be done at run time. You might want to add [ExecuteInEditMode] to this script if you plan on using it. Second, this is kind of a crude way of doing things. Animations, lighting, or anything else that effect your sprite will not get reflected. For animations you could use the script to