1. 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
#Size
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:
https://gist.github.com/AdmiralPotato/027b8134674909b3cbd0
The complete Processing Sketch folder with the CSV and HXL files can be found here:
sketch_140124a.zip
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.

    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
    #Size
    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:

    https://gist.github.com/AdmiralPotato/027b8134674909b3cbd0

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

    sketch_140124a.zip

    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.

     
  1. leoxamil likes this
  2. thaiguylover likes this
  3. mybelobru reblogged this from megagreendaylove
  4. secondmadness reblogged this from chillypepperhothothot
  5. greenchait likes this
  6. thelocus reblogged this from admiralpotato
  7. happydaze11 reblogged this from admiralpotato
  8. megagreendaylove reblogged this from 3leapfrogs
  9. spaceunicornrainbow reblogged this from fumaflowers
  10. euronova likes this
  11. n1c0tine-kisses likes this
  12. xqueenjuicyx reblogged this from fumaflowers
  13. xqueenjuicyx likes this
  14. the1sttofall likes this
  15. highbreedsorceress reblogged this from fumaflowers
  16. highbreedsorceress likes this
  17. 99problemsssssss likes this
  18. psychedelic-metanoia reblogged this from fumaflowers
  19. fumaflowers reblogged this from getstonedonmyshit and added:
    more psychedelic shit on http://fumaflowers.tumblr.com/
  20. vivosolitario likes this
  21. psychedelic-occult likes this
  22. psychedeliclee reblogged this from getstonedonmyshit
  23. mechanismsofmorbidantiquity reblogged this from getstonedonmyshit
  24. mechanismsofmorbidantiquity likes this
  25. withwhatwho likes this
  26. getstonedonmyshit reblogged this from thedmtdude
  27. getstonedonmyshit likes this
  28. thedmtdude reblogged this from mdmacidmthc
  29. egapsnivek reblogged this from hotwidow
  30. egapsnivek likes this
  31. hotwidow reblogged this from chillypepperhothothot
  32. hotwidow likes this
  33. chillypepperhothothot reblogged this from psychoactivelectricity
  34. chillypepperhothothot likes this
  35. jennleerogers likes this
  36. ggravemindd reblogged this from admiralpotato
  37. s-sekkusu likes this
  38. derekthenoob reblogged this from admiralpotato
  39. jumping-off-a-table likes this
  40. x---x---x likes this
  41. lets-go-skate- likes this
  42. vividrider reblogged this from mdmacidmthc
  43. kusheez likes this
  44. mdmacidmthc reblogged this from admiralpotato
  45. st1ph1n likes this
  46. colorsoflust reblogged this from admiralpotato
  47. colorsoflust likes this
  48. tvpreacher reblogged this from admiralpotato
  49. tvpreacher likes this