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
- three.js
- gltf
- javascript
- gulp
- webgl
- blender
Log in or sign up for Devpost to join the conversation.