glTF Emoji Render Plugin

Inspiration

The GL Transmission Format (glTF) is a runtime asset delivery format for GL APIs: WebGL, OpenGL ES, and OpenGL. glTF bridges the gap between 3D content creation tools and modern GL applications by providing an efficient, extensible, interoperable format for the transmission and loading of 3D content. It is announced in GDC 2016 and Siggraph 2016

This self-described model contains geometry, texture, shader, animation, rigging, camera, and scene info. So it's very suitable to be used as Emoji (Meme) through out the web.

It may be the emoji for the VR 3.0 3D stage, compared to -_-, :-), text expression, in text 1.0 stage, and jpg, gif, png image meme in image 2.0 stage.

What it does

It's a plugin that renders glTF 3D emoji content in browser. It can be added to forum, blog. The Meme text can be edited.

How to use it

Simply import the build/glTFMeme.min.js to use the renderer.

var meme1 = new glTFEmojiRenderer.Meme(canvas, 'url/to/gltf', 'DA FUQ?');
meme1.createEmoji();

How we built it

Three.js, glTF, WebGL, Javascript, gulp, blender

We also build a glTF 3D Jackie Chan Meme model besides the plugin itself, which is fun!

Challenges we ran into

glTF format is fresh of shelf format. So there is not that much community support and tools support at this time. Many tools available are not very mature. The model can easily run into some errors. We also find some bugs in three.js glTF loader and we are ready to open pull request to fix it.