Hello!
 
 

I'm a self-inspired progressive web-application developer, with over fifteen years expierience in computer systems, architecture, and software.

Scroll Down
 
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
canvasLab
canvasLab is an independent & ongoing pet-project programmed & developed by Justin Byrne. This library is intended to add additional & simplified functionality to the HTML5 Canvas element, in an effort to simplify & promote its use.
 
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
Golden Ratio Calculator
In mathematics, the Golden Ratio (AKA: the divine proportion, golden mean, or golden section) can be denoted via the Greek letter phi φ, and is represented when the larger value divided by the smaller value is equivocal to the whole length of both values divided by the larger value. The golden ratio can be commonly found in nature, music, and art, and for some artisans it is considered an invaluable tool when attempting to obtain both balance, beauty, and aesthetically pleasing proportions that can be used in layout, design, and composition.
 
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
myPercentile
myPercentile is a simple percentile counter, which runs a fluid animation from 0 to the percentile of your choice. Features include the ability to change and adjust the color, size, and font utilized throughout this little program, and it can be easily incorporated throughout numerous canvas contexts, while also being easily installable throughout either your web-page or web-application.
 
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
textEffects
This little application fundamentally takes advantage of the Canvas Text API, which allows developers to render text directly inside any HTML5 document. Prior to the inception of the Canvas Text API, these effects where difficult (if not impossible) to achieve in either CSS and/or JavaScript, whereas now they can be easily executed (on the fly) with only a bit of code. Please, feel free to play around with its user interface, and see what kind of results you can get. Furthermore, if you like your results, you can easily export your image as a string of image data (MIME type image/png) or a “.png” file; using the toDataURL() method.
 
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
Physics Simulation
This basic physics simulator generates 200 dynamically interacting balls, complete with collision detection, synthesized atmospheric friction, and animation. Each ball is instantiated through an individual element within an array, where they are then provided with their own unique properties (e.g., size, velocity, starting coordinates, angle of trajectory, etc…). Although this little application is simply an interesting animation at the moment, a future iteration will be available soon for download (on GitHub), offering a user interface, allowing users to interact with the various properties held inside the simulator.
 
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
Koch Curve
When I was first introduced to the Mandelbrot set through a PBS documentary (roughly around the age of 14), I was fascinated by the sheer simplicity, complexity, and beauty of fractal geometry and self-similarity. For this phenomenon cannot only be observed universally throughout nature, however, we now have a mathematical bases for this phenomenon. The Koch Curve is essentially a simple illustration of this concept, by iteratively dividing itself into ever-increasing segments of their previous derived segment.
 
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
GitHub
In addition, do not forget to check out some of my projects as they continue to evolve, which can each be watched, forked, or downloaded at GitHub.
 
Projects:

[0]: canvasLab

[1]: Golden Ratio Calculator

[2]: myPercentile

[3]: textEffects

[4]: Physics Simulation

[5]: Koch Curve

[6]: GitHub


Project URLs:

[0]: http://www.byrne-systems.com/canvaslab

[1]: http://www.byrne-systems.com/golden-ratio-calculator

[2]: http://www.byrne-systems.com/mypercentile

[3]: http://www.byrne-systems.com/texteffects

[4]: http://www.byrne-systems.com/physics-simulation

[5]: http://www.byrne-systems.com/koch-curve

[6]: http://www.byrne-systems.com/github


Project Images:

[0]: canvaslab.png

[1]: golden-ratio-calculator.png

[2]: mypercentile.png

[3]: texteffects.png

[4]: physics-simulation.png

[5]: koch-curve.png

[6]: github.png


Project Descriptions:

[0]: canvasLab is an independent & ongoing pet-project programmed & developed by Justin Byrne. This library is intended to add additional & simplified functionality to the HTML5 Canvas element, in an effort to simplify & promote its use.

[1]: In mathematics, the Golden Ratio (AKA: the divine proportion, golden mean, or golden section) can be denoted via the Greek letter phi φ, and is represented when the larger value divided by the smaller value is equivocal to the whole length of both values divided by the larger value. The golden ratio can be commonly found in nature, music, and art, and for some artisans it is considered an invaluable tool when attempting to obtain both balance, beauty, and aesthetically pleasing proportions that can be used in layout, design, and composition.

[2]: myPercentile is a simple percentile counter, which runs a fluid animation from 0 to the percentile of your choice. Features include the ability to change and adjust the color, size, and font utilized throughout this little program, and it can be easily incorporated throughout numerous canvas contexts, while also being easily installable throughout either your web-page or web-application.

[3]: This little application fundamentally takes advantage of the Canvas Text API, which allows developers to render text directly inside any HTML5 document. Prior to the inception of the Canvas Text API, these effects where difficult (if not impossible) to achieve in either CSS and/or JavaScript, whereas now they can be easily executed (on the fly) with only a bit of code. Please, feel free to play around with its user interface, and see what kind of results you can get. Furthermore, if you like your results, you can easily export your image as a string of image data (MIME type image/png) or a “.png” file; using the toDataURL() method.

[4]: This basic physics simulator generates 200 dynamically interacting balls, complete with collision detection, synthesized atmospheric friction, and animation. Each ball is instantiated through an individual element within an array, where they are then provided with their own unique properties (e.g., size, velocity, starting coordinates, angle of trajectory, etc…). Although this little application is simply an interesting animation at the moment, a future iteration will be available soon for download (on GitHub), offering a user interface, allowing users to interact with the various properties held inside the simulator.

[5]: When I was first introduced to the Mandelbrot set through a PBS documentary (roughly around the age of 14), I was fascinated by the sheer simplicity, complexity, and beauty of fractal geometry and self-similarity. For this phenomenon cannot only be observed universally throughout nature, however, we now have a mathematical bases for this phenomenon. The Koch Curve is essentially a simple illustration of this concept, by iteratively dividing itself into ever-increasing segments of their previous derived segment.

[6]: In addition, do not forget to check out some of my projects as they continue to evolve, which can each be watched, forked, or downloaded at GitHub.


Project Titles:

[0]: canvasLab

[1]: Golden Ratio Calculator

[2]: myPercentile

[3]: textEffects

[4]: Physics Simulation

[5]: Koch Curve

[6]: GitHub