Displaying 1 to 20 from 52 results

kframe - :package: Kevin's collection of A-Frame components and scenes.

  •    Javascript

Kevin's collection of A-Frame components and scenes. A page should open in your browser. You can develop on the source code and the server will handle live compilation and bundling.

maya-json-export - a generic Maya to JSON exporter for triangle meshes

  •    Javascript

A generic Maya to JSON exporter for triangulated meshes, specifically built for ThreeJS BufferGeometry. Designed for ThreeJS r74 and Maya 2016.This is modified from Sean Griffin's exporter, but designed for static scenes with a lot of instancing (like a forest or city scape).

three-bmfont-text - renders BMFont files in ThreeJS with word-wrapping

  •    Javascript

Bitmap font rendering for ThreeJS, batching glyphs into a single BufferGeometry. Supports word-wrapping, letter spacing, kerning, signed distance fields with standard derivatives, multi-channel signed distance fields, multi-texture fonts, and more. About 12kb after minification.Works on Three r69-73, r79, and possibly more.

three-buffer-vertex-data - an easy way to set vertex data on a BufferGeometry

  •    Javascript

Convenience functions for sending vertex data to an attribtue of a THREE.BufferGeometry.This will flatten vertex data if necessary, attempt to re-use arrays where possible to minimize GC, and handle some compatibility issues across different versions of ThreeJS. It can handle dynamically growing and shrinking buffers.

three-orbit-viewer - quick harness for viewing a mesh with orbit viewer

  •    Javascript

Quick harness to create a runnable demo for ThreeJS scenes. For a demo, see demo/test.js or three-gl-state-example.This module exports a function which accepts the THREE instance, and returns a new function which creates the orbit viewer with the specified options.

three-png-stream - streams ThreeJS render target pixel data

  •    Javascript

Streams a PNG encoded pixels from a ThreeJS WebGLRenderTarget. This is done in chunks of gl.readPixels, using gl-pixel-stream, and works with render targets upwards of 10000x10000 pixels in Chrome (or more, depending on your GPU).The following transparent PNG image was generated with ThreeJS on the client side using the example/ code. See Running from Source for details.

three-simplicial-complex - render simplicial complexes with ThreeJS

  •    Javascript

Creates a THREE.Geometry from a 3D simplicial complex. See demo for an example.This is useful for inter-op with modules like icosphere, bunny, stanford-dragon, mesh-combine, extrude-polyline, teapot, triangulate-contours, etc.

voxel-pp - GLSL post-processing module for Voxel.js

  •    Javascript

GLSL post-processing module for Voxel.js! This is a wrapper for @alteredq's THREE.EffectComposer, which allows you to stack fragment shaders for nice effects such as Bloom, Blur, Mosaic Filters and so on.The demo is somewhat less graceful, but you get the idea.

three-effectcomposer - @alteredq's EffectComposer plugin for three.js ported for use with Browserify

  •    Javascript

Browserify-friendly version of THREE.EffectComposer, which offers a quick GLSL post-processing implementation.Full credit goes to @alteredq for writing this, the original source can be found here.

three-orbitcontrols - is the three.js OrbitControls from official repo examples

  •    Javascript

There is another package similar to this one: three-orbit-controls. I decided to create another package with a different approach, see this issue for the rationale.I am using this package for my 3d tic tac toe online game.

get-plane-normal - gets a plane's normal from 3 points

  •    Javascript

Gets a plane's normal from 3 points on that plane.With three points on the same plane, determines the unit normal and stores it in out [x, y, z].

shader-reload - An interface for reloading GLSL shaders on the fly.

  •    Javascript

This is an experimental interface for live shader reloading in ThreeJS, regl, and other WebGL frameworks. This means you can edit your GLSL shader files without re-starting your entire application state. Works with regular strings, template strings, and/or transforms like brfs and glslify. Handles errors with a client-side popup that disappears on subsequent reloads.See this tweet for a longer video.

three-glslify-example - a simple example of ThreeJS with glslify

  •    GLSL

A simple example of modular shaders in ThreeJS with glslify. Uses glsl-halftone, glsl-hash-blur, and glsl-checker.Now open http://localhost:9966/ and start making changes to index.js, frag.glsl or vert.glsl to see changes reloaded in the browser.

three-line-2d - lines expanded in a vertex shader

  •    Javascript

A utility for 2D line drawing in ThreeJS, by expanding a polyline in a vertex shader for variable thickness, anti-aliasing, gradients, line dashes, and other GPU effects.Works in ThreeJS r69-r75, and possibly newer versions.

three-orbit-controls - orbit controls for ThreeJS

  •    Javascript

ThreeJS OrbitControls as an npm module. See test for an example.This module exports a function which accepts an instance of THREE, and returns an OrbitControls class. This allows you to use the module with CommonJS, globals, etc.

three-shader-fxaa - optimized FXAA shader for ThreeJS

  •    Javascript

Optimized FXAA shader for ThreeJS, passing some texture coordinates from the vertex shader to avoid 5 dependent texture reads. This is well suited for PowerVR GPUs (iOS).Tested on Three r69-78, works with the three module.

three-vignette-background - a simple ThreeJS vignette background

  •    Javascript

A soft vignette background for ThreeJS demos with a simplex noise grain. This returns a THREE.Mesh with a plane geometry and a shader which does not project into camera space, and so it fits across the entire device viewport.Currently, browserify is required to use this module as it has a hard dependency on glslify, a browserify transform.

threejs-tree-shake - Tree-shakes and optimizes ThreeJS apps

  •    Javascript

A browserify plugin to tree-shake and optimizes a ThreeJS application.🚨 Still highly experimental and unstable, but feel free to try it out. Tested with browserify@15 and Three r89.


  •    Javascript

THREE.Terrain is a procedural terrain generation engine for use with the Three.js 3D graphics library for the web. The latest releases of this project have been tested with three.js r86.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.