Finding that blogging balance!


I work hard. Least that’s what I get told :P – I’ve found it hard to find the time to blog as I much as I’d like to but after a recent conversation I had an epiphany. While I’m working on Fillta I’ve decided to do some contract jobs, “student internships” and whatever else I can to survive while I do it. After a recent interview I got a really nice compliment from the guy and it got me thinking. He basically said I’m way more knowledgeable than he expected, my age and being a recent graduate (Technically not true, graduation is in July) completely hides my experience and knowledge from an outset. He said he’d checked out my blog from my CV and it didn’t reflect it either…

So starting next week (finishing up 2 projects now) I’ll be writing a blog post at least 3 per week with the intention that as I get back into it I’ll increase the amount. Read more of this post

Archimedean Spiral – “Plug a bit of maths in and ‘magic’ will happen!”


After looking at a few options for placing stuff in an outward spiral I came across the Archimedean Spiral. I’m rendering my items on an HTML5 canvas so this is all being done in Javascript. After implementing it I started to play around with the values a bit and produced some very interesting effects. Below are two of my favorites…

Mind you this is being done with part-finished code so it may not even be a good way of achieving it but it did the trick and I thought I’d post it before the code morphs into something far beyond what’s necessary/needed for this.


The little Javascript/HTML snippet that does this is:

        <canvas id="tags" width="1200" height="600"></canvas>     
        <script type="text/javascript">

            window.onload=function(){
                var c = document.getElementById('tags');
                var context = c.getContext("2d");
                var halfx = context.canvas.width / 2;
                var halfy = context.canvas.height / 2;


                context.clearRect(0, 0, 300, 300);

                context.moveTo(halfx, halfy);
                context.beginPath();
                //check if both the max X and Y edges have been reached
                var Xmaxxed=false,Ymaxxed=false;
                var i=0;
                while(!Xmaxxed||!Ymaxxed){
                    var x = i*0.1 * Math.cos(i);
                    var y = i*0.1 * Math.sin(i);
                    x=x+600;
                    y=y+300;
                    if(x>=c.width){
                        Xmaxxed=true;
                        console.log(["xMaxxed",x,y]);
                    }
                    if(y>=c.height){
                        Ymaxxed=true;
                        console.log(["yMaxxed",x,y]);
                    }
                    console.log(["Attempt "+i,x,y]);
                    context.lineTo(x, y);
                    i+=1;
                }
                context.strokeStyle = "#000";
                context.stroke();

            }
        </script>

Well, that’s it, play around with the two lines
var x = i*0.1 * Math.cos(i);
var y = i*0.1 * Math.sin(i);
and see what effects you can come up with, I’d be interested to see more…

Follow

Get every new post delivered to your Inbox.

Join 1,384 other followers

%d bloggers like this: