Channel Title: Coding Math Channel Description: Coding Math is an ongoing series of video tutorials designed to teach you the math you need to understand as a programmer. Most programmers understand the language they are coding in, but often stumble on the mathematics they need to use to achieve various visual effects, motion, etc. Coding Math helps explain these in a clear, easy to understand way, with real world code you can use in your own projects. JavaScript is the language of choice at this time, but the principles can be applied to nearly any programming language. <video> Coding Math: Episode 56 - Box Layout Description: Another layout episode - we cover how to do a box layout, focusing on the horizontal box layout, but the principles can be applied vertically as well. Donate Bitcoin: https://www.coinbase.com/bit101 Support Coding Math: http://patreon.com/codingmath Source Code: http://jsbin.com/vejotuz/2/edit?html,js,output </video> <video> Coding Math: Episode 51 - Pseudo Random Number Generators Part I Description: Back to School Special. This short series will discuss pseudo random number generators (PRNGs), look at how they work, some algorithms for PRNGs, and how they are used. Support Coding Math: http://patreon.com/codingmath Source Code: https://jsbin.com/nifutup/1/edit?js,output Earlier Source Code: http://github.com/bit101/codingmath </video> <video> Coding Math: Episode 58 - Array Math Description: Today we look at various mathematical tips and tricks used with arrays, such as optimization, 2d arrays and comparing all members of an array with all other members. Support Coding Math: http://patreon.com/codingmath Support Coding Math: https://www.coinbase.com/bit101 Source Code: http://jsbin.com/bujeju/2/edit?html,css,js,output http://jsbin.com/johinik/1/edit?html,js,output http://jsbin.com/kokagu/2/edit?html,js,output </video> <video> IFS Gen - Another Demo Description: This is too much fun to play with. Need to stop myself sometimes, so I can get some actual progress on the code. Support Coding Math: http://patreon.com/codingmath </video> <video> Coding Math: Episode 55 - Aspect Ratio Description: We take a look at aspect ratio - specifically, how to size an image, video or other object of one size to fit it into a container of another size. Support Coding Math: http://patreon.com/codingmath Source Code: http://jsbin.com/lovido/2/edit?js,output </video> <video> Coding Math: Episode 48 - Matrix Math Part I Description: In part one of this series, we discuss the basics of matrices for scaling, rotating and translating 2d points and objects, including multiplying and adding matrices. Support Coding Math: http://patreon.com/codingmath Source Code: http://github.com/bit101/codingmath </video> <video> Coding Math: Episode 50 - IFS Fractals Description: Combining everything from episodes 47 - 49 to create some cool fractal images. Support Coding Math: http://patreon.com/codingmath Source Code: http://github.com/bit101/codingmath http://jsbin.com/fevira/1/edit?html,css,js,output </video> <video> Coding Math: Episode 49 - Matrix Math Part II Description: This week we wrap up our discussion of Matrix Math with some real world examples of translating, rotating and scaling using matrices, both in Canvas and straight CSS. Support Coding Math: http://patreon.com/codingmath Source Code: http://github.com/bit101/codingmath http://jsbin.com/zumako/2/edit?html,css,js,output http://jsbin.com/qetage/2/edit?html,css,output </video> <video> Coding Math: Episode 47 - Weighted Random Description: Weighted random functions allow you to randomly choose between multiple options, while specifying the exact odds of getting any one option. </video> <video> Coding Math: Episode 53 - Random Circle Packing Description: A quick, fun video on a technique known as circle packing. Or at least one take on the technique. Support Coding Math: http://patreon.com/codingmath Source Code: http://github.com/bit101/codingmath Source for this episode: http://jsbin.com/fegeti/edit?js,output Mario: https://www.flickr.com/photos/quasimondo/ </video> <video> Coding Math: Episode 52 - Pseudo Random Number Generators, Part II Description: This time we look at a couple of existing PRNG libraries available in JavaScript, and look at some examples of how PRNGs can be used in cryptography, games, and generative art. Support Coding Math: http://patreon.com/codingmath Source Code: Crypto: http://jsbin.com/kipequk/2/edit?js,console Landscape: http://jsbin.com/zizeje/1/edit?js,output Circles: http://jsbin.com/zizeje/2/edit?js,output </video> <video> Coding Math: Episode 54 - Dot Product Description: Let's take a look at what "dot product" is - a couple of ways to calculate it, and some uses for it. Support Coding Math: http://patreon.com/codingmath Source Code: http://github.com/bit101/codingmath http://jsbin.com/hutisoq/edit?js,output </video> <video> QuickSettings.js for Creative Coders Description: A quick intro to the QuickSettings.js library. Super useful for experimenting with algorithms and changing values on the fly. Find it here: https://github.com/bit101/quicksettings </video> <video> Coding Math: Episode 57 - Grid Layout Description: We continue the UI Layout series with different ways to create a grid layout. Support Coding Math: http://patreon.com/codingmath Support Coding Math: https://www.coinbase.com/bit101 Source Code: http://jsbin.com/kiteni/1/edit?html,js,output </video> <video> IFS Gen - early demo Description: A very early demo of a project I'm working on. This is an extension of the code in Episode 50, IFS Fractals. It will allow you to create rule sets consisting of 2d transforms, change all the parameters and weight, and see the results in real time. All HTML5 Canvas and JavaScript. Still a lot of work to do, but it's still really fun to play around with it. Support Coding Math: http://patreon.com/codingmath </video>

Contacts and Links

Description

Coding Math is an ongoing series of video tutorials designed to teach you the math you need to understand as a programmer.

Most programmers understand the language they are coding in, but often stumble on the mathematics they need to use to achieve various visual effects, motion, etc. Coding Math helps explain these in a clear, easy to understand way, with real world code you can use in your own projects.

JavaScript is the language of choice at this time, but the principles can be applied to nearly any programming language.

Videos from channel