Skip to content

Latest commit

 

History

History
83 lines (61 loc) · 3.4 KB

README.md

File metadata and controls

83 lines (61 loc) · 3.4 KB
Raw

SPACE STYLE DRAGON SCENE ANIMATION

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

Table of Contents

Demo

demo1   demo2

-Screen Shots:

demo3   demo4

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