Rumyra's Head

How To Be On Fire

So the other day I shared a relatively crazy experience I had in Vienna last week.

Anyway, thanks very much for everyone's concern and questions. I thought it probably deserved a little more explanation.

I set my hair on fire, well I say I it was completely by accident and totally random.

Full Article

Codevember Review

I wrote this back in December, then hopped in a campervan and trvelled round Australia and barely opened my laptop. It's probably still worth releasing tho 👉

Firstly let's go over the last few - here's the inspiration:

Concentric Circles

Concentric Circles

Full Article

Codevember Number Fifteen

Super Sun

Today's inspiration is:

The Super Sun

Today's is a little bit trickier as we have to create arc elements drawn in a circle that increase their outer arc with our data. But otherwise the code goes much the same as the previous days...

Full Article

Codevember Number Thirteen and Fourteen

Part Three: d3.js

Before I start I want to give a big shout out to Ben (@benjaminbenben) who was helping me with some performance stuff I having trouble with. In doing so he really opened my eyes to how powerful d3 is and actually how suited a library it is to help with what we are doing here.

It’s dubbed a ‘visualisation library’, however I think it’s relationship with data has given it a reputation that makes people who haven't discovered it, assume it’s just for pie charts. That’s changing now, and don’t get me wrong it’s good for displaying data, but that’s just it it’s good with displaying and it’s good with data. So anything you want to do with the DOM or anything you want to do with data and d3 has you covered.

Full Article

Codevember Number Nine And Ten

Phew, there was a break wasn't there! Apparently it's hard to keep up when you're on the road. So I thought there's probably only one thing to do and that's try and do two codevembers for the next few days to make up for it.

Let's see how that goes 🤓

AudioVis #9

NB This one comes with a warning. The way I coded this is highly UNRECOMMENDED. Not only was it a total ball ache, it doesn’t perform well and there are work arounds. It took what felt like days and the result is not amazing. If you’re wondering, I would probably use canvas for an audio vis of this nature in future. Hashtag learning, amiright?

So today I’m going to expand a little on yesterday and take influence from this crazy gif

But in my version, I want a shape for each of the low frequencies, the mid frequencies and the high frequencies, that change depending on the level we get back from the analysis.

Full Article

Codevember Number Eight

Part Two: Random Cool New Features

So this next section I did ponder for a while. I could take you straight on to a much better way of creating visuals within the DOM, but before I do that I want to introduce some new features we have in simple CSS that can really help our visuals later down the track. Our inspiration for this set is a little tumblr called Archery: Into the Continuum. Here I want to take inspiration from some of these random gifs, not exactly replicate them.

So first up, this gif:

Custom Properties

Or JavaScript all up in your CSS

And the much talked about CSS Custom properties. ✨💥💜 We can really use these to our advantage when doing audio vis work as we can reference them directly in our JavaScript and basically update our CSS in realtime.

Full Article

Codevember Number Five

Today sees the last in our Bridget Riley series. We'll move on to something different tomorrow…

Today is Bridget Riley's Static 4:

Bridget Riley : Static 4

Full Article