threeJs Chinese Drogon Animation!

SPACE STYLE DRAGON SCENE ANIMATION

A WebGL-based Chinese dragon animation with STL loader and GLSL shader imposed via Three.js.

Project Link on GitHub

Table of Contents

• Features
• Dependency
• Demo

Features

• webGL-based 3D rendering
• STL model loader
• ShaderFrog and GLSL-type shaders
• three.js for web3D
• Mathematically formulated dynamic shader
• parametrized 3D curve animation

Dependency

• three.js r71

• shaderfrog-runtime.min.js

• STLLoader.js

Standard

• ES6

Project

https://furkathertaha.github.io/assets/threeJS/sf/long2.html

THREE.js code

https://furkathertaha.github.io/assets/threeJS/sf/test2.js

GL shader code (GLSL)

Dragon head & tail   Dragon body   Dragon claw   Star1   Star2   Background   Cosmic dust   Robotic metal

models (STL)

Dragon Head   Dragon Body   Dragon Claw   Dragon Tail

OpenJsCAD code

textures (png)

Cosmic Dust

Video (mp4)

screengrab1   screengrab2

Presentation (pdf)

presentation   document

Demo

 

-Screen Shots: