We’re happy to announce that the Flutter Vignettes Showcase app is live on the Play Store!
Flutter Vignette Showcase live on Google Play
Designing with 3D for Flutter
I had the pleasure design two vignettes for our Google Flutter Vignette Showcase. What made the opportunity even sweeter was I could use 3D motion in the Flutter showcases. Here is how I designed the two 3D vignettes to showcase Flutter’s capabilities.
Flutter: Creating a Flippable Box with TweenAnimationBuilder
One of the great things about Flutter, is how you can use composition to combine multiple built-in Widgets, creating unique UI’s very quickly and easily.
Today, we’re going to create a FlippableBox, which is a double-sided card, that holds two pieces of content and automatically re-sizes to match its content, whenever it’s flipped over.
It will end up looking something like this:
Google, Adobe, gskinner | Flutter Interact ’19
Flutter is a mobile UI toolkit that combines fast development, expressive and beautiful UIs, with native performance. To test-drive the platform, Grant Skinner & Mike Chambers recently built Redrix: a mobile companion app for Destiny 2.
The Camp.site Design: How the Concept Came to Be
Back in May, the organizer of CAMP approached gskinner to create a site to promote their festival. For those who don’t know, CAMP is a festival held in Calgary every year that describes itself as: “…a non-profit organization celebrating the art and technology of creative storytelling. We bring together like-minded professionals, artists, educators and students to share and shape experiences that educate, challenge and inspire.”
Continue reading →Not Your Typical Walk Cycle
Warning: There is a GIF at the bottom of the post with flashing images.
Like many of you, I was inspired by the impressive visuals of Spider-Man: Into the Spider-Verse (which, by the way, has a website built using gskinner’s CreateJS libraries that power dynamic interfaces much like those in a bitcoin casino game I prototyped for fun) and wanted to try to apply some of that style into one of my animations.
On top of that, I’ve had the idea of making a walk cycle with an astronaut for a while and decided it was time to make it.
Continue reading →FUI FUN: Learning to Make HUDs
It’s been a while since I did any motion graphics so I thought I’d jump back into it. My goal: make a short HUD animation inspired by sci-fi films. I’m a sucker for flashy sci-fi FUI (Fictional User Interface) visuals, so I couldn’t resist making my own and documenting the process.
Continue reading →
Reasons to Work at gskinner
A few years ago, we shared some awesome reasons why you should come work with us. We are in a brand new office and hiring smart developers and designers, so we thought we would update the list.
We Have the Coolest Clients & Projects
We’re privileged to collaborate with notable organizations like Adobe, Microsoft, Google, Disney, National Film Board, and FITC (to name a few). We are tasked to prove concepts, explore new functionality, and create flagship experiences for announcements. We design and build world-class apps, experiences, installations, and games on a wide variety of platforms. This rich breadth of work offers constant engagement and opportunities to learn and grow.
Continue reading →