glsl-y-rotate

3.0.0 • Public • Published

glsl-y-rotate

A GLSL Module which generates a rotation matrix.

Recommend using glslify.

Usage

NPM

2D (mat2)

#pragma glslify: rotate require(glsl-y-rotate) 
 
const float DEG_TO_RAD = 3.141592653589793 / 180.0;
 
void main(void) {
    vec2 pos = vec2(1.00.0);
 
    pos = rotate(45.0 * DEG_TO_RAD) * pos;
}

3D (mat3)

#pragma glslify: rotateX require(glsl-y-rotate/rotateX) 
#pragma glslify: rotateY require(glsl-y-rotate/rotateY) 
#pragma glslify: rotateZ require(glsl-y-rotate/rotateZ) 
 
const float DEG_TO_RAD = 3.141592653589793 / 180.0;
 
void main(void) {
    vec3 pos = vec3(0.00.01.0);
 
    pos = rotateZ(20.0 * DEG_TO_RAD) * pos;
    pos = rotateY(15.0 * DEG_TO_RAD) * pos;
    pos = rotateX(10.0 * DEG_TO_RAD) * pos;
}

Quaternion (mat3)

#pragma glslify: rotateQ require(glsl-y-rotate/rotateQ) 
 
const float DEG_TO_RAD = 3.141592653589793 / 180.0;
 
void main(void) {
    vec3 pos = vec3(0.00.01.0);
 
    vec3 axis = normalize(vec3(1.01.00.0));
 
    pos = rotateQ(axis, 20.0 * DEG_TO_RAD) * pos;
}

Package Sidebar

Install

npm i glsl-y-rotate

Weekly Downloads

126

Version

3.0.0

License

MIT

Unpacked Size

4.28 kB

Total Files

8

Last publish

Collaborators

  • yuichiroharai