GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects â†’ mattdesl â†’ Three Glslify Example

mattdesl / Three Glslify Example

Licence: mit
a simple example of ThreeJS with glslify

Labels

glsl

Projects that are alternatives of or similar to Three Glslify Example

Godot Shaders
A large library of free and open-source shaders for the Godot game engine. Here, you'll get 2D and 3D shaders with playable demos.
Stars: ✭ 988 (+1468.25%)
Mutual labels:  glsl
Particle Sea
🎉 Particle Sea made in Unity3D
Stars: ✭ 46 (-26.98%)
Mutual labels:  glsl
Glsl Grid
Draws an antialiased grid along the X/Y/Z direction of a mesh.
Stars: ✭ 57 (-9.52%)
Mutual labels:  glsl
Melo
melo is mesh loader for OBJ, glTF2 and PLY
Stars: ✭ 41 (-34.92%)
Mutual labels:  glsl
Unity Vertex Ambientocclusion
Stars: ✭ 45 (-28.57%)
Mutual labels:  glsl
Solarsys
Realistic Solar System simulation with three.js
Stars: ✭ 49 (-22.22%)
Mutual labels:  glsl
Langterm
🕹ī¸ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure
Stars: ✭ 35 (-44.44%)
Mutual labels:  glsl
Rayray
A tiny GPU raytracer, using Zig and WebGPU
Stars: ✭ 59 (-6.35%)
Mutual labels:  glsl
Doomstylebillboardtest
Shader to display camera facing billboard, with different texture based on player position angle
Stars: ✭ 45 (-28.57%)
Mutual labels:  glsl
Glsl Language Server
Language server implementation for GLSL
Stars: ✭ 53 (-15.87%)
Mutual labels:  glsl
Shaderc
A collection of tools, libraries, and tests for Vulkan shader compilation.
Stars: ✭ 1,016 (+1512.7%)
Mutual labels:  glsl
Random Shader Bullshit
Pretty self explanatory... :P
Stars: ✭ 45 (-28.57%)
Mutual labels:  glsl
Glslcanvas
Simple tool to load GLSL shaders on HTML Canvas using WebGL
Stars: ✭ 1,067 (+1593.65%)
Mutual labels:  glsl
Basic pathtracer
A basic GPU pathtracer in unity
Stars: ✭ 39 (-38.1%)
Mutual labels:  glsl
Unityraymarching
Unity Raymarching Examples
Stars: ✭ 57 (-9.52%)
Mutual labels:  glsl
Glsl Shaders
Collection of glsl shaders
Stars: ✭ 36 (-42.86%)
Mutual labels:  glsl
Curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Stars: ✭ 1,039 (+1549.21%)
Mutual labels:  glsl
Attackarea
Stars: ✭ 59 (-6.35%)
Mutual labels:  glsl
Retrobat
RetroBat is the best way to play your ROMs collection on Windows !
Stars: ✭ 58 (-7.94%)
Mutual labels:  glsl
Graphics Snippets
Shading techniques and GLSL snippets
Stars: ✭ 53 (-15.87%)
Mutual labels:  glsl
View All Similar Projects ➔

three-glslify-example

stable

screenshot

(click for demo)

A simple example of modular shaders in ThreeJS with glslify. Uses glsl-halftone, glsl-hash-blur, and glsl-checker.

To run:

# clone repo
git clone https://github.com/mattdesl/three-glslify-example.git
cd three-glslify-example

# install deps
npm install

# start dev server
npm run start

Now open http://localhost:9966/ and start making changes to index.js, frag.glsl or vert.glsl to see changes reloaded in the browser.

To build the production release:

npm run build

This will create a bundle.js for your static site.

See the scripts field of package.json to integrate this into your own workflow. This is also specifying browserify transforms with a "browserify" field (not recommended for modules, but useful for applications), and Babelify configuration with a .babelrc file.

License

MIT, see LICENSE.md for details.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].