Entries found: 14

Distance field transparency

Published: Fri, 02 Jun 2023 08:00:00 GMT
Updated: Fri, 02 Jun 2023 08:00:00 GMT
UTC: 2023-06-02 08:00:00+00:00
URL: https://jobtalle.com/distance_field_transparency.html

Edges of partially transparent textures and sprites look pixelated and jagged when magnified. To increase the quality of these edges, signed distance fields can be used to render smooth edges that don't lose detail when zoomed in. This article provides a fast method and a tool to generate SDFs, and it goes into several ways of rendering them.

Content Preview

Edges of partially transparent textures and sprites look pixelated and jagged when magnified. To increase the quality of these edges, signed distance fields can be used to render smooth edges that don't lose detail when zoomed in. This article provides a fast method and a tool to generate SDFs, and it goes into several ways of rendering them.

Digital koi breeding

Published: Sun, 12 Jun 2022 08:00:00 GMT
Updated: Sun, 12 Jun 2022 08:00:00 GMT
UTC: 2022-06-12 08:00:00+00:00
URL: https://jobtalle.com/digital_koi_breeding.html

In my fish breeding game Koi Farm, an infinite number of koi patterns can be explored through crossbreeding. The techniques I've used to simulate pattern mutation and crossbreeding are explained in this article, and an interactive javascript based pattern generator and mutator is included to demonstrate the algorithms.

Content Preview

In my fish breeding game Koi Farm, an infinite number of koi patterns can be explored through crossbreeding. The techniques I've used to simulate pattern mutation and crossbreeding are explained in this article, and an interactive javascript based pattern generator and mutator is included to demonstrate the algorithms.

Rendering symmetry

Published: Tue, 23 Feb 2021 08:00:00 GMT
Updated: Tue, 23 Feb 2021 08:00:00 GMT
UTC: 2021-02-23 08:00:00+00:00
URL: https://jobtalle.com/rendering_symmetry.html

Symmetry or reflections can be rendered by defining plane surfaces through which things need to be reflected and mirroring the scene through the planes. This article details a shader algorithm that can be used to render geometry with one or more symmetry planes applied to it in real time.

Content Preview

Symmetry or reflections can be rendered by defining plane surfaces through which things need to be reflected and mirroring the scene through the planes. This article details a shader algorithm that can be used to render geometry with one or more symmetry planes applied to it in real time.

Random procedural generation

Published: Thu, 11 Feb 2021 08:00:00 GMT
Updated: Thu, 11 Feb 2021 08:00:00 GMT
UTC: 2021-02-11 08:00:00+00:00
URL: https://jobtalle.com/random_procedural_generation.html

Procedural content randomization can lead to interesting outcomes, but randomness needs to be limited and guided for good results. This article illustrates several techniques that can be used to achieve that goal with interactive javascript examples.

Content Preview

Procedural content randomization can lead to interesting outcomes, but randomness needs to be limited and guided for good results. This article illustrates several techniques that can be used to achieve that goal with interactive javascript examples.

Evolving Lindenmayer systems

Published: Tue, 20 Oct 2020 08:00:00 GMT
Updated: Tue, 20 Oct 2020 08:00:00 GMT
UTC: 2020-10-20 08:00:00+00:00
URL: https://jobtalle.com/evolving_lindenmayer_systems.html

Lindenmayer systems have been developed to model plant growth. An evolutionary algorithm can be used to simulate competitive plant evolution using L-systems. The systems themselves represent DNA, while the structures they produce represent plants. This technique gives rise to interesting yet familiar plant-like structures.

Content Preview

Lindenmayer systems have been developed to model plant growth. An evolutionary algorithm can be used to simulate competitive plant evolution using L-systems. The systems themselves represent DNA, while the structures they produce represent plants. This technique gives rise to interesting yet familiar plant-like structures.

Simulating hydraulic erosion

Published: Sun, 14 Jun 2020 08:00:00 GMT
Updated: Sun, 14 Jun 2020 08:00:00 GMT
UTC: 2020-06-14 08:00:00+00:00
URL: https://jobtalle.com/simulating_hydraulic_erosion.html

Terrain features are to a high degree shaped by hydraulic erosion. Several algorithms exist for simulating this process that vary in realism and computational complexity. This article proposes a simple and fast method that produces realistic looking results.

Content Preview

Terrain features are to a high degree shaped by hydraulic erosion. Several algorithms exist for simulating this process that vary in realism and computational complexity. This article proposes a simple and fast method that produces realistic looking results.

Neuroevolution in squids

Published: Fri, 24 Apr 2020 08:00:00 GMT
Updated: Fri, 24 Apr 2020 08:00:00 GMT
UTC: 2020-04-24 08:00:00+00:00
URL: https://jobtalle.com/neuroevolution_in_squids.html

Artificial neural networks can be trained to perform certain tasks, but they can also be the product of simulated evolution. Evolved nervous systems are created according to a genetic blueprint. This article demonstrates squids swimming efficiently using tentacles controlled by an evolved neural network.

Content Preview

Artificial neural networks can be trained to perform certain tasks, but they can also be the product of simulated evolution. Evolved nervous systems are created according to a genetic blueprint. This article demonstrates squids swimming efficiently using tentacles controlled by an evolved neural network.

Layered voxel rendering

Published: Mon, 11 Nov 2019 08:00:00 GMT
Updated: Mon, 11 Nov 2019 08:00:00 GMT
UTC: 2019-11-11 08:00:00+00:00
URL: https://jobtalle.com/layered_voxel_rendering.html

Voxels scenes can be rendered using layered voxel rendering by splitting the scene into image layers and pre-shading the voxels. The method is trivial to implement and surprisingly performant. This article walks through the process and demonstrates a procedural island generator using this technique.

Content Preview

Voxels scenes can be rendered using layered voxel rendering by splitting the scene into image layers and pre-shading the voxels. The method is trivial to implement and surprisingly performant. This article walks through the process and demonstrates a procedural island generator using this technique.

Convolutional textures

Published: Mon, 07 Jan 2019 08:00:00 GMT
Updated: Mon, 07 Jan 2019 08:00:00 GMT
UTC: 2019-01-07 08:00:00+00:00
URL: https://jobtalle.com/convolutional_textures.html

Self-updating textures can be used to achieve impressive visual effects using the GPU. In this article I demonstrate four interactive applications of this technique, ranging from simple cellular automata to displacing vegetation and simulating waves in a body of water.

Content Preview

Self-updating textures can be used to achieve impressive visual effects using the GPU. In this article I demonstrate four interactive applications of this technique, ranging from simple cellular automata to displacing vegetation and simulating waves in a body of water.

Simulated ecosystems

Published: Mon, 03 Dec 2018 08:00:00 GMT
Updated: Mon, 03 Dec 2018 08:00:00 GMT
UTC: 2018-12-03 08:00:00+00:00
URL: https://jobtalle.com/simulated_ecosystems.html

Ecosystems can be simulated to observe and understand their behaviour. In a closed ecosystem, nothing enters or leaves the system from the outside world. I simulate and explore such a system in this article, and I discuss its real world similarities and applications.

Content Preview

Ecosystems can be simulated to observe and understand their behaviour. In a closed ecosystem, nothing enters or leaves the system from the outside world. I simulate and explore such a system in this article, and I discuss its real world similarities and applications.

Swarm behaviour

Published: Thu, 01 Feb 2018 08:00:00 GMT
Updated: Thu, 01 Feb 2018 08:00:00 GMT
UTC: 2018-02-01 08:00:00+00:00
URL: https://jobtalle.com/swarm_behaviour.html

Swarm behaviour can be simulated using a few simple rules. Implementing these rules enables us to simulate flocking birds, schooling fish and swarming crowds. In this article, I walk through the process of implementing this algorithm.

Content Preview

Swarm behaviour can be simulated using a few simple rules. Implementing these rules enables us to simulate flocking birds, schooling fish and swarming crowds. In this article, I walk through the process of implementing this algorithm.

Lindenmayer systems

Published: Sat, 16 Dec 2017 08:00:00 GMT
Updated: Sat, 16 Dec 2017 08:00:00 GMT
UTC: 2017-12-16 08:00:00+00:00
URL: https://jobtalle.com/lindenmayer_systems.html

Lindenmayer systems (or L-systems) can be used to produce intricate patterns by repeatedly applying production rules. Rendering these systems results in interesting fractals that can be useful in procedural generation. A method for rendering 3D Lindenmayer systems is demonstrated.

Content Preview

Lindenmayer systems (or L-systems) can be used to produce intricate patterns by repeatedly applying production rules. Rendering these systems results in interesting fractals that can be useful in procedural generation. A method for rendering 3D Lindenmayer systems is demonstrated.

2D platformer physics

Published: Tue, 07 Nov 2017 08:00:00 GMT
Updated: Tue, 07 Nov 2017 08:00:00 GMT
UTC: 2017-11-07 08:00:00+00:00
URL: https://jobtalle.com/2d_platformer_physics.html

In this tutorial I walk through the process of writing a simple grid based platformer in javascript. The result is a universal platform physics engine suitable for any platformer. This implementation uses edge collisions instead of cell collisions, which allows for more compact level design.

Content Preview

In this tutorial I walk through the process of writing a simple grid based platformer in javascript. The result is a universal platform physics engine suitable for any platformer. This implementation uses edge collisions instead of cell collisions, which allows for more compact level design.

Cubic noise

Published: Tue, 31 Oct 2017 08:00:00 GMT
Updated: Tue, 31 Oct 2017 08:00:00 GMT
UTC: 2017-10-31 08:00:00+00:00
URL: https://jobtalle.com/cubic_noise.html

Coherent random noise can be used to create a great variety of effects. The algorithm for generating cubic noise is explained. An interactive cubic noise generator is inclued, as well as a procedural terrain generator.

Content Preview

Coherent random noise can be used to create a great variety of effects. The algorithm for generating cubic noise is explained. An interactive cubic noise generator is inclued, as well as a procedural terrain generator.