Oculus Artist’s ‘Quill’ Shorts Show the Incredible Potential of Illustrating & Animating in VR

Quill, Oculus’ VR painting and drawing tool, recently saw a major update which added animation tools to the software, allowing users to create animated sequences directly in VR. A resident artist at Oculus has taken to the tool to show the incredible potential of drawing and animating in VR.

Formerly a visual development artist at Dreamworks, Goro Fujita is a talented artist in his own right, with his name in the credits of films like Megamind (2010), Madagascar 3 (2012), Penguins of Madagascar (2014), and Boss Baby (2017). Fujita joined Oculus Story Studio (where Quill was built) as art director in 2014, and though that department closed, he stayed on as an artist-in-residence when Quill’s development was picked up by Facebook’s Social VR team.

Following Quill’s update which added animation tools, Fujita has been creating and sharing animated artwork made in VR, using his talent as an illustrator and animator to show the incredible potential afforded by the medium. His Twitter feed is a trove of Quill micro-shorts, which show how with little more than a short animation loop, simple but thoughtful sound design, and strong art direction, you can convey action, emotion, and immersion from just a few seconds of animation. Here’s a handful of my favorites from his recent works:









This piece is particularly neat because it’s a collaboration; Fujita had initially drawn the side of the door with the man holding the roses, and artist Kurt Chang responded with the other half of the door—Fujita combined the two into a single scene, together telling a micro-story.

https://platform.twitter.com/widgets.jsWhy Illustrate and Animate in VR?

You might be wondering why working in VR is much different than working either in traditional 2D or 3D. Let’s talk about a couple of reasons.

Working in VR the way that Fujita does is like a mashup between traditional 2D animation and 3D animation. For one, Quill allows users to draw and sketch with volume, in three dimensions. Traditional 2D animators have to have a strong internal concept of what an object (a cube, let’s say) would look like on all sides and how it should be represented as a 2D object in any given frame, taking both perspective and volume into account.

In order to hand-animate a 3D object in 2D, the artist must draw discrete frames showing the object’s different sides being revealed as it rotates and moves through space. Animating this way affords the artist deep control over the look and feel of objects—which can lend itself to a more ‘textured’ and ‘human’ feel compared to traditional 3D animation—but one major problem with this approach is that the frames can’t be easily reused for additional shots and angles because the artist is effectively creating a flipbook of 2D drawings in a sequence, not a 3D model. And since the subject isn’t a 3D model, the artist must also manually draw any lightning onto the subject (which is extremely difficult in cases where both the subject and lights might be moving). This is one major reason why traditional 2D animation is time consuming and expensive.

Traditional 3D workflows of course fix a lot of these problems. If you want to animate a cube, you’d create a 3D model of the cube first, and then move the cube itself to animate it rotating. Since the model is already built, you can move it and view it from any angle without needing to draw or build new views of the object, and computer rendering precisely handles perspective, volume, and lightning. This saves a ton of time, but reduces the amount of control that the artist has over the look and feel of the animation, which is one reason why traditional hand-drawn animation (like The Lion King) looks so much different than computer animation (like Toy Story).

Working in VR with a tool like Quill, artists get many of the time-saving benefits of 3D animation while retaining much of that essential control over the look and feel, which comes from 2D animation.

VR allows artists to literally draw in 3D, since they are working with controllers with can track their movements with six degrees of freedom (vs. just three degrees of freedom with 2D animation). That means they can draw their subject directly in 3D, and get the benefits of being able to then view the model from any angle, instead of needing to animate each side of the object individually.

.IRPP_kangoo , .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl , .IRPP_kangoo .centered-text-area { min-height: 100px; position: relative; } .IRPP_kangoo , .IRPP_kangoo:hover , .IRPP_kangoo:visited , .IRPP_kangoo:active { border:0!important; } .IRPP_kangoo { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #eaeaea; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .IRPP_kangoo:active , .IRPP_kangoo:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #e6e6e6; } .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl { background-position: center; background-size: cover; float: left; margin: 0; padding: 0; } .IRPP_kangoo .postImageUrl { width: 30%; } .IRPP_kangoo .imgUrl { width: 100%; } .IRPP_kangoo .centered-text-area { float: right; width: 70%; padding:0; margin:0; } .IRPP_kangoo .centered-text { display: table; height: 100px; left: 0; top: 0; padding:0; margin:0; } .IRPP_kangoo .IRPP_kangoo-content { display: table-cell; margin: 0; padding: 0 10px 0 10px; position: relative; vertical-align: middle; width: 100%; } .IRPP_kangoo .ctaText { border-bottom: 0 solid #fff; color: #1ABC9C; font-size: 13px; font-weight: bold; letter-spacing: .125em; margin: 0; padding: 0; text-decoration: underline; } .IRPP_kangoo .postTitle { color: #34495E; font-size: 16px; font-weight: 600; margin: 0; padding: 0; } .IRPP_kangoo .ctaButton { background-color: #e6e6e6; margin-left: 10px; position: absolute; right: 0; top: 0; } .IRPP_kangoo:hover .imgUrl { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .IRPP_kangoo .imgUrl { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; -o-transition: -o-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .IRPP_kangoo:after { content: “”; display: block; clear: both; }

This Impressive Short Film Was Drawn and Animated Entirely Inside of VR

In many of Fujita’s works above, you can see that beautiful hand-animated look, but also see how he makes use of the benefits of 3D animation by creating multiple shots from different angles to extend short animations into dynamic moments which feel much longer than the number of animated frames would imply—that means more content with less creation time. The ‘Cardboard Race’ piece above with the cardboard car and cardboard plane is a great example of this in action. You’re actually looking a short animation loops with a few small tweaks (like the position of the car and plane) which would have taken a lot of extra work if those shots had to be redrawn from those angles with a traditional 2D process.

In many of Fujita’s tweeted works, he talks about how quickly he’s able to compose these micro-shorts, with many of them taking just 30 minutes to 1 hour and 30 minutes to complete. “Never imagined I could do daily [VR] animations,” he wrote in one tweet, “VR opens a whole new door for creators!” he wrote in another.

– – — – –

Image courtesy Goro Fujita

Fujita has been open about his artistic methods and VR artwork, and actively shares his knowledge through live-streamed sessions where you can watch and learn how he illustrates and animates in VR—check out his Patreon if you’re interested in seeing how he does it.

The post Oculus Artist’s ‘Quill’ Shorts Show the Incredible Potential of Illustrating & Animating in VR appeared first on Road to VR.

Be the first to comment

Leave a comment

Your email address will not be published.