FansOfAll
TheArtOfCode

TheArtOfCode

patreon


TheArtOfCode posts

Tiling the plane with pentagons!

Tiling the plane with pentagons!

Hi All,

I am excited to share my latest video with you all! In this video, I delve into the world of Cairo Tiling - a fascinating tiling pattern that is not used as much as it should be. Named after its use as a decorative pattern in Cairo, this tiling is both aesthetically pleasing and mathematically intriguing.

While working with this tiling, I discovered many interesting things t...

View Post

Coding a Quadratic Bezier from scratch!

Coding a Quadratic Bezier from scratch!

Hey!

Throughout the years, many people have requested videos, and the video perhaps the most often requested was one about Bezier curves. Since they are indeed super handy for all kinds of things, I figured I should finally do one! As always, while making this I found that the topic is much deeper than can be explained in just one video, so there will probably be more videos about this to...

View Post

Coding a 3d Truchet Pattern!

Coding a 3d Truchet Pattern!

Hi All,

It's been a while since I posted a video. Looking at the last future topic poll I see that the overwhelming majority of you would like to see videos about coordinate systems so that's what will be coming up next!

Because it would be good to have a 3d pattern that we can transform with different coordinate transformations, I figured why not recreate the effect from the last v...

View Post

Creating a crazy weave pattern

Creating a crazy weave pattern

Hey all,

Its time for a new video! I was playing around with Truchet effects and wondered what would happen if you took two layers, and weave them together. 

I try to keep my videos under 20 minutes but, as always, it went way over. There is just too much to explain to keep this short.

I'll be traveling to visit family in France and the Netherlands the coming weeks. I'll ...

View Post

More Koch Fractal Magic!

More Koch Fractal Magic!

Hi People!

I said in the last video about the Koch Curve in 3d that there are numerous ways to use this curve to create 3d fractals, so I decided to do it another way. The thing is that you can use the Koch fold algorithm to fold UV coordinates, that you can then use to draw any basic shape to get crazy kaleidoscopic effects. In this video we'll make some crazy organic looking tunnel. Let...

View Post

Turn 2d fractals into 3d!

Turn 2d fractals into 3d!

Hey All,

A while ago I made a video on how to construct a Koch Snowflake, which is a 2d fractal. Someone asked me how something like this could be turned into 3d. It turns out there are a bunch of different ways that you could do this, and this video will show some approaches you could take.

As always, let me know what you think!

Martijn

View Post

Bouncing balls, round 2. With logarithms!

Bouncing balls, round 2. With logarithms!

Hey all,

Here is the last video (for now) on easing functions. After I made the loop version in the last video I figured that it could be done better. In this video I leverage a logarithm to get infinite bounces for the price of one! Even if you aren't interested in modeling a bounce, I think it's good to watch anyways, to see how you can approach a problem from different angles.

As...

View Post

Lets get bouncy!

Lets get bouncy!

When making the last video, about easing functions, I played around with a function for a bounce. While the base case for this is quite simple, I decided to extend it to however many bounces you want. This video shows how to do that. Apart from the bounce, I hope this video shows you a bit about how to go about modeling stuff with Desmos and how to think about how to tackle a problem like this....

View Post

Easing Functions

Easing Functions

Hey all!

With the result of the recent poll suggesting that more mathy videos would be appreciated, I thought I'd make a video on easing functions. For those that don't know, these functions are used in many different softwares to drive animated properties. Most development software have libraries for these so you can use them off the shelf but I think that any developer worth their salt ...

View Post

Alien Orb - God rays & Translucency

Alien Orb - God rays & Translucency

Hey all,

This is the last video in the Alien orb series. In this video we go over some volumetric god rays and we simulate some translucency. I tried multiple approaches for the god rays, sampling the volume in different ways. But in the end, one of the cheaper solutions turned out to look the best. Sometimes you get lucky like that! So here we are doing shadows, god rays and 'bloom' for ...

View Post

Alien Orb - Glitter & Light

Alien Orb - Glitter & Light

This is the second part of the alien orb tutorial. In this one we add some cool looking glitter, which I think is a useful effect for all kinds of things, and we add the light source in the center of the ball. 

Let me know what you think!

View Post

Alien Orb - Modeling & Shadows

Alien Orb - Modeling & Shadows

Hey! 

After 2 months of recharge time in sunny Panama, and an escape from the bitter Canadian cold, I'm back home and ready and excited to make some more videos. I decided to polish up one of my doodles and make it into something cool. I guess all the aquatic life in the tropics inspired me ;)

In this tutorial series we'll cover a lot of different effects, from modeling to shad...

View Post

More interpolations

More interpolations

Because interpolations are such a large and useful topic, I figured I'd make another video about it.  In this video we'll figure out some more ways to fill in data between known points. I hope that this video, together with the last, gives you a better idea of how to mold basic math into a function that might be useful for your particular application.

Let me know what you think!

View Post

New Video! Lets get mathy!

New Video! Lets get mathy!

Hello from sunny Bocas del Toro, Panama! I hope you are all keeping safe and happy with all the COVID shenanigans going on in many parts of the world.

I thought lets take a break from shaders and focus on some more mathy foundational stuff. In this video I'll explain a very powerful way to make a polynomial function that goes through a bunch of arbitrary points. This is very useful in man...

View Post

Live Coding Life - Part II

Live Coding Life - Part II

While making the last video, I found that there was much more to say about the Life algorithm. Its funny how the more you look into things, the number of avenues to explore next always seem to increase, not decrease. I decided to make a follow up to the last video to make the effect a bit more beautiful. Enjoy!

 

View Post

Coding the Game of Life

Coding the Game of Life

I've been travelling for the past few months, and will continue to do so for the next few months, so uploads have been slow. Having said that, here is part one of a new video!

I've been traveliing for the past few months, and will continue to do so for the next few months, so uploads have been slow. Having said that, here is part one of a new video!

The last future topic poll had a ...

View Post

New Video: Making an American flag

New Video: Making an American flag

Hey All, 

For the Fourth of July I decided to make an American flag. I think this video covers a lot of good stuff and it was a bunch of fun to make it. It makes me think that I could do (or we could all do!) flags of other countries. Would be great, down the line, to make a shader that displays the flags of all countries in the world! I could certainly use some help with that.

View Post

New Video: Bending Light - Part 2

New Video: Bending Light - Part 2

Hello Patrons!

As requested in the last future topic poll, the past few videos have been about reflection and refraction. In the last video I laid the ground work to get refraction going inside of a shader. In this part we'll make it into a cool looking gem stone.

Let me know what you think!

Martijn 

View Post

New Video: Bending Light

New Video: Bending Light

Hey All,

In the last future topic poll 'reflection & refraction' won, so that is why the last video was about reflection. This video is about refraction. Its a part 1, because, as always, there  just are a lot of things to explore.

Let me know your thoughts!

Martijn

View Post

New video! Raymarched Reflections!

New video! Raymarched Reflections!

Hi All,

It's taken me a while to get here, because I always find that there is just so much to explain before I can get to the actual topic at hand. Anyways, here it is, raymarched reflections!

I would like to get to showcasing some of your work in future videos, if only I can get enough entries. If you make something cool, then be sure to show me.

There is more to say about r...

View Post

Newton's Cradle - Part 2

Newton's Cradle - Part 2

Hi all! 

This is part 2 of the Newton's Cradle tutorial. In this video we'll set up a material system so that we can apply different materials to different parts of the cradle.

Enjoy!

Martijn

View Post

New Video: Modeling and animating a Newton's Cradle

New Video: Modeling and animating a Newton's Cradle

Hey all,

It's been too long since I released a video. The winner of the last future topic poll was 'Reflection & Refraction' and I realized quite quickly that this is a big topic and that I would need to explain a bunch of new concepts along the way. Over the next few videos we'll tackle reflection, and refraction after that.

In this first video we'll model and animation a Newt...

View Post

New video. Fireworks from scratch!

New video. Fireworks from scratch!

Hey all,

I uploaded a new video explaining an effect I did a long time ago that renders fireworks explosions. Go check it out and let me know what you think!

Martijn

p.s. I also put out a new future topic poll so if you are a 5+ dollar supporter, be sure to check that out and cast your vote!

View Post

New Video: How to texture a procedural object

New Video: How to texture a procedural object

Hi All,

The winner of the last future topic poll was 'Texturing a sphere' so in this video I go over that, and a bunch more (tri-planar mapping and displacement mapping). Its quite a long video, hopefully I don't ramble too much. ;)

Enjoy! and merry Christmas!

Martijn

P.s. if you are a Platinum supporter then please reach out to me to schedule your skype session!

View Post

New video! The Matrix explained!

New video! The Matrix explained!

Hello Patrons! Finally a new video. This is one that I wanted to make for a long time, as I think it is an important topic. Matrices are used a lot in computer graphics and in this video I'll go over the basics of coordinate transformations with matrices. I joked around a bit with movie references so lets just hope I don't get copyright slapped ;)

I also closed the future topic poll. The ...

View Post

New Video: Trefoil knots!

New Video: Trefoil knots!

Hi All,

Here is a new video about creating torus, or trefoil, knots. These things look pretty complicated but are reasonably easy to make. Im looking forward to see what all of you come up with.

Enjoy!

View Post

New video: Feathers in the Wind part 2

New video: Feathers in the Wind part 2

In the final video of the Feathers in the Wind tutorial we'll build a little ray tracer and create uv-mapped spheres so we can texture-map the feathers onto them. Several people have asked to do a video about texture mapping and the techniques in this video allow you to do exactly that.

Enjoy!

View Post

New video! Feathers in the wind.

New video! Feathers in the wind.

 

Hi all!


It's been a while since I posted a video. The last topic poll was 'earth, water, fire or wind' and wind won, so I decided to make something blowing in the wind. I could have modeled a plastic bag, like in the scene of American beauty, but I decided that feathers would look cooler.

Enjoy!

Martijn

View Post

New video! The most useful function

New video! The most useful function

Hey all, I decided to make a video specifically about the most useful function I know: smoothstep. 

On the surface it might not look as cool and impressive as some of my other videos but this is really a fundamental building block and if you ever dream to get good at this then it is essential you know how this thing works.

Enjoy!

View Post

New Video: Playing with Gyroids 2

New Video: Playing with Gyroids 2

Here is the second part of Playing with Gyroids. In this part we'll make it into a fire, add a background and post effects. Enjoy!

View Post