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.

Accomplishments that we're proud of

It's fun! We have a 3D animated Jackie Chan Meme now!

What we learned

Haha a lot

What's next for glTF Emoji Render Plugin

Refactor, clean, make it useful to open source community. contribute to glTF and three.js and WebGL

Built With

Share this project:
×

Updates