glslify / glsl-sdf-sphere

GLSL SDF function for generating a sphere

Home Page:http://stack.gl/glsl-sdf-sphere/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

glsl-sdf-sphere

stable

GLSL SDF function for generating a sphere. Determines the distance between a point and the surface of a sphere at the origin.

view demo

Usage

NPM

float sphere(vec3 position, float radius)

Returns the signed distanced between position and a sphere at the origin with a given radius. For example, to draw a sphere in a raytracing shader:

#pragma glslify: sphere = require('glsl-sdf-sphere')

vec2 doModel(vec3 p) {
  float id     = 1.0;
  float radius = 0.5;
  float dist   = sphere(p, radius);

  return vec2(dist, id);
}

Note that you can move the sphere around in this case by offsetting the position vector, for example:

uniform float iGlobalTime;

#pragma glslify: sphere = require('glsl-sdf-sphere')

vec2 doModel(vec3 p) {
  vec3 offset = vec3(sin(iGlobalTime), 0, 0);

  float id     = 1.0;
  float radius = 0.5;
  float dist   = sphere(p - offset, radius);

  return vec2(dist, id);
}

Contributing

See stackgl/contributing for details.

License

MIT. See LICENSE.md for details.

About

GLSL SDF function for generating a sphere

http://stack.gl/glsl-sdf-sphere/

License:Other


Languages

Language:HTML 48.3%Language:GLSL 26.5%Language:JavaScript 25.1%