gkjohnson / Threejs Sandbox
Licence: mit
Set of experiments and extensions to THREE.js.
Stars: ✭ 163
Projects that are alternatives of or similar to Threejs Sandbox
Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (+166.26%)
Mutual labels: 3d, webgl, threejs, three-js
Solarsys
Realistic Solar System simulation with three.js
Stars: ✭ 49 (-69.94%)
Mutual labels: webgl, threejs, shaders, three-js
Glas
WebGL in WebAssembly with AssemblyScript
Stars: ✭ 278 (+70.55%)
Mutual labels: 3d, webgl, threejs, three-js
Trois
✨ ThreeJS + VueJS 3 + ViteJS ⚡
Stars: ✭ 648 (+297.55%)
Mutual labels: 3d, webgl, threejs, three-js
Curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Stars: ✭ 1,039 (+537.42%)
Mutual labels: 3d, webgl, shaders
Vimeo Depth Player
A WebVR volumetric video renderer that uses color-depth based videos hosted on Vimeo.
Stars: ✭ 65 (-60.12%)
Mutual labels: 3d, webgl, threejs
Vanta
Animated 3D backgrounds for your website
Stars: ✭ 1,162 (+612.88%)
Mutual labels: 3d, threejs, three-js
Jeelizfacefilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
Stars: ✭ 2,042 (+1152.76%)
Mutual labels: 3d, webgl, threejs
Postprocessing
A post processing library that provides the means to implement image filter effects for three.js.
Stars: ✭ 830 (+409.2%)
Mutual labels: webgl, three-js, effects
Three Forcegraph
Force-directed graph as a ThreeJS 3d object
Stars: ✭ 84 (-48.47%)
Mutual labels: 3d, webgl, threejs
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-6.75%)
Mutual labels: 3d, webgl, threejs
Three.js Pathtracing Renderer
Real-time PathTracing with global illumination and progressive rendering, all on top of the Three.js WebGL framework. Click here for Live Demo: https://erichlof.github.io/THREE.js-PathTracing-Renderer/Geometry_Showcase.html
Stars: ✭ 872 (+434.97%)
Mutual labels: webgl, threejs, three-js
3d Game Shaders For Beginners
🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
Stars: ✭ 11,698 (+7076.69%)
Mutual labels: 3d, webgl, shaders
React 3d Viewer
A 3D model viewer component based on react.js 一个基于react.js的组件化3d模型查看工具
Stars: ✭ 100 (-38.65%)
Mutual labels: 3d, webgl, threejs
Lba2remake
A Little Big Adventure 2 / Twinsen's Odyssey reimplementation in JavaScript / Three.js / React
Stars: ✭ 116 (-28.83%)
Mutual labels: 3d, webgl, threejs
Solar System Threejs
The Solar System: Modeled to scale with Three.js
Stars: ✭ 107 (-34.36%)
Mutual labels: 3d, webgl, threejs
Andromeda
This is a WebGL recreation of the popular music video Gorillaz - Andromeda.
Stars: ✭ 145 (-11.04%)
Mutual labels: 3d, webgl, threejs
threejs-sandbox
Set of experiments and extensions to THREE.js. These pages are a sandbox of examples and not necessarily ready to include in projects and may require some work to properly and performantly integrate.
Potential Projects
- Deferred Renderer
- TRAA, non float buffer on volume-lights (see playdead implementation)
- use GLSL syntax parser for debugger
- VXGI
- Subsurface Scattering
- SSDO
- Stochastic transparency
- Glossly refraction post effect (based on overlap, depth?)
- Glint shader (https://twitter.com/xavierchermain/status/1305443303819800579)
- Immediate-mode style global (or imported) tool that lets you draw debug widgets easily
- Bent normals generator
- Screen space shadows
- Provide helper for depth peeling renders
- Based on translucent material demo.
- Gem shader
- Texture atlaser for mesh optimization
Next
- Half Edge data structure
- GPU particles
- Curl noise
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].