filter:
code
web
video
art
(clear)
← back to projects
0. panic buy
panic buy

Web design and game development for Panic Buy, a 2020 exhibition exploring the phenomenon of panic buying with a focus on the 2020 Coronavirus pandemic. VISIT WEBSITE HERE

2020
Links:
Panic Buy Website
Technologies:
WebGL
Canvas 2D
ThreeJS
Maya
1. preppers
preppers

Virtual exhibition PREPPERS for ART ON THE MOVE. Preppers is an exhibition about doomsday preppers -- the global subculture of people who prepare for the collapse of society. VISIT PREPPERS WEBSITE

2020
Links:
Preppers
Technologies:
webgl
threejs
HTML5 Canvas
2. closed on monday
closed on monday

Closed On Monday is a virtual gallery featuring the work of up-and-coming Sydney artists. The gallery has a new exhibition every month, with content ranging from video to sculpture. COM is built with three.js and uses a custom physics system to handle simple Newtonian interactions between the player and the environment. Visit the gallery here.

2018 - 2020
Links:
visit the gallery source code
Technologies:
WebGL
GLSL
ThreeJS
Maya
Collider
3. threejs half-tone
threejs half-tone

A colour halftone extension for the three.js effect composer. Slotting in the composer's post-processing pipeline, the extension creates a HSL map of the framebuffer and calculates dot proximity on a per-pixel basis. The extension features a number of dot styles, independent channel rotation, and blending modes to create subtle composite effects on the source layer. Available in three.js now!

Links:
demo scene source code shaders
Technologies:
WebGL
GLSL
ThreeJS
4. pencils online
pencils online

Pencil MMO is an online multiplayer game and experimental artwork. Players take control of a pencil and draw on a communal canvas. Pencil MMO is built with threejs and runs on a node backend. Currently in pre-alpha. Try it here.

2018, Work In Progress
Links:
pencilmmo.com source code
Technologies:
WebGL
ThreeJS
Node
Websockets
5. toxotes
toxotes

An animated music video for Sydney underground electronic artist Zhe Nhir. Cultivating an aesthetic of mess, the video relies heavily on produrally-generated sequences and patterns, using isometric 3d, perspective 3d, and 2d media to create a confusing yet consistent internal logic.

November, 2018
Links:
on youtube
Technologies:
Html5 Canvas2D
AfterEffects
WebGL
GLSL
6. pixelsort
pixelsort

A pixelsorting plugin for After Effects CC, written with the AfterEffectsSDK. In addition to common features, the plugin allows users to perform directional sorts, and use angular displacement maps.

2018
Links:
source on github
Technologies:
AfterEffects SDK
C++
7. mcncs.io
mcncs.io

Teaser site and branding for Mechanics Festival, an experimental music festival coming to Boston in 2019. The site features a randomly-generated 3d grid which changes based on the time of day and animates itself randomly.

2018 - TBD
Links:
visit site source code
Technologies:
WebGL
Wordpress
ThreeJS
Maya
8. alabama blonde
alabama blonde

Shopify theme and print design for Alabama Blonde, Melbourne's favourite punk/ goth fashion designer.

2018/ 2019
Links:
visit site
Technologies:
Liquid
Shopify
Sass
9. dongles
dongles

Dongles is an experimental video which makes use of looped animation components to create large structures.

Links:
on youtube
10. casting guild
casting guild

A website for the Casting Guild of Australia. The site makes use of a number of parallax animation techniques, as well as subtle html5 Canvas animations.

Late 2017
Links:
visit site source code
Technologies:
Wordpress
Html5 Canvas
Parallax
11. ANE Furniture
ANE Furniture

A responsive Wordpress theme for Sydney-based bedroom and furniture wholesaler ANE Furniture.

2018
Links:
visit site
Technologies:
Wordpress
Sass
Php
12. Marée des Lettres
Marée des Lettres

Marée des Lettres is an app designed for a french literature festival. The app features a number of games, including a multiplayer geo-location word game in which players drop letters onto a map of Paris.

Late 2017
Links:
app on expo source code
Technologies:
React Native
Node
LeafletJS
13. delaval film
delaval film

Website for award-winning independent UK production company Delaval Film.

Links:
visit site
Technologies:
Wordpress
Parallax
14. we are city plaza
we are city plaza

Website for We Are City Plaza, a photographic exhibit centred around the City Plaza refugee initiative in Athens, Greece. VISIT THE SITE

Links:
visit site
Technologies:
Wordpress
Parallax
Html5 Canvas
15. the pixies
the pixies

Animated music video for The Pixies new single, "Tenement Song". I worked in a small team to produce the whacky, mixed-media video.

2016
Links:
on youtube
Technologies:
After Effects
16. victoria beck
victoria beck

A website/ theme for Berlin fashion designer Victoria Beck. The layout was designed by StudioTK, Berlin.

Links:
visit site
Technologies:
Wordpress
Parallax
17. One House
One House

Worked in a team to design and build a new website for Berlin record label One House Artists. The site features parallax animations and WebGL elements.

2016
Links:
Visit Site
Technologies:
WebGL
Three.js
Wordpress
18. absinth depot
absinth depot

Canvas and SVG animations for Absinth Depot Berlin's new website, as well as some back-end work.

2016
Links:
Visit Site
Technologies:
SVG
Html5 Canvas
Wordpress
Woocommerce
19. vvector
vvector

A no-nonsense javascript library for automating and looping simple html5 Canvas animations.

2016
Links:
source code
Technologies:
Html5 Canvas
20. motion capture
motion capture

An experimental animated video, a technical exercise exploring motion-capture and rotoscoping.

Links:
on youtube
Technologies:
After Effects
Motion Capture
21. art in retail
art in retail

Built a website for Berlin-based retail consultancy firm Art In Retail.

Links:
visit site
About
jxburrow@gmail.com github instagram
Hi! I'm Xavier, a web developer and animator. I design and build interactive spaces. If you would like to work together, shoot me an email:
about me
jxburrow@gmail.com instagram github