This is how I imagine it’d go down if Blueberry tried teaching Error how to be good.

Has this been done yet?


Oh, well.


Error!Sans belongs to @loverofpiggies

Underswap Sans belongs to @popcornpr1nce / @underswapped

New Year, New Blog

Monday, 1:45PM

I figured during my orgo chemistry studying was as good of a time as any to write up my first blog post. I clearly still have a lot to improve on in the ways of time management. 

You can find out more about who I am here, but in a nutshell, my name is Jackie, and I’m a 19-year-old sophomore in college. I plan on majoring in computer science and eventually, hopefully, going on to med school (and beyond)!

I have a lot of passions, many of which don’t easily fall under my pre-med plans, hence the “et al.” The past year and a half of college has only opened up doors to more and more new experiences. I’m learning a lot about myself and everything around me, and I hope this blog can be a place to document (most of) it all, medical and otherwise. 

Consider following to keep up with this little college journey, and please feel free to send a message if you have a question, or just want to talk!


The Artists of VaatiVidya

Hexel-style by

Cartoon-style by

Angular-style by

These three are responsible for the “brand” i have on YouTube, and i’m grateful to them all. Everything they put out is gold, so if you follow these three blogs you won’t be disappointed! 


Friday, 2:52PM

I ventured out to my university’s Architecture School for the first time! I got to sit down with an awesome professor who is interested in collaborating with a cultural literary and art magazine I’m involved in. Working with her has made me and the magazine reconsider the definition of culture, and what it means to have culturally relevant magazine pieces. Exciting times!
When I left the meeting, I happened upon some of the architecture projects; the snow outside made the already-cool sculptures look even cooler!
Shakespeare Live! From the RSC.mp4
From the stage of the Royal Shakespeare Theatre, David Tennant, Catherine Tate and guests mark the life of William Shakespeare on the 400th anniversary of the playwright's death.
By WeTransfer

This took a while, but here is the download link for the full Shakespeare Live! programme that was aired last night. 

The link expires 30th April 2016

I am Trixeling so hard right now

For a while now, I have been inspired by etall’s Processing + Hexels tutorials for animating trixel based graphics procedurally - but I wanted to take a slightly different approach in how I implement mine. I’m not using Hexels Pro’s SVG export to get my data - I’m using its CSV export to get the data in a little bit more of a raw form.

The CSV output looks like this…

#Hexels CSV Export of star.hxl
16, 9
#Hexel data: (column), (row), (R), (G), (B), (A)
0, 0, 0, 0, 0, 0 <- here, I stripped a lot of empty lines like this
3, 5, 255, 0, 123, 255
4, 3, 255, 171, 0, 255
4, 5, 255, 0, 123, 255
5, 3, 255, 171, 0, 255
7, 1, 255, 0, 123, 255
7, 3, 255, 0, 123, 255
7, 4, 255, 0, 123, 255
7, 5, 255, 171, 0, 255
8, 2, 255, 0, 123, 255
8, 4, 255, 171, 0, 255
8, 6, 255, 171, 0, 255
9, 3, 255, 171, 0, 255
9, 4, 255, 0, 123, 255
10, 3, 255, 171, 0, 255
10, 5, 255, 0, 123, 255
11, 5, 255, 0, 123, 255

…and then I manually determine the position of, and render each triangle based on some maths. This also gives me the flexability to do a few additional fun things with the trixel data using more advanced animation techniques, so hopefully, I’ll be posting some GIFs using those tricks soon.

What’s up with all of the trixel fascination lately? Well, I also happen to be working with a few friends on developing a small comedy oriented video game about the future of humanity in space, and we’ve decided that all of the game’s artwork will be trixel-based. I needed to work out a conceptual understanding of the trixel rendering workflow in the simpler Processing environment before I implement the technique in the more complex Desktop Java2D and Android Canvas environments.

The Source Code for this GIF can be found in this Gist:

The complete Processing Sketch folder with the CSV and HXL files can be found here:

The multi-sampling motion blur code used in this GIF is again, based on the algorithm that Bees & Bombs shared with me a while ago.


Feature Friday January 1st 2016

With the new year comes a whole new level of incredible Hexels artwork. We can’t wait to open the door of new possibilities with Hexels 2!