SPACE STYLE DRAGON SCENE ANIMATION

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

Table of Contents

• Features
• Dependency
• Demo

Demo

 

-Screen Shots:

 

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
• shader programming without UV coordinate

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

Pre. (pdf)

presentation   document