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...
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
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
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
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:...
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
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
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
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
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
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:...
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/
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:...
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
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...
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
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
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
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
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
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...
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
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...
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
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
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