https://github.com/gkjohnson/threejs-sandbox

Set of experiments and extensions to THREE.js.
https://github.com/gkjohnson/threejs-sandbox

3d effects experiments geometry memory optimize shaders three-js threejs webgl

Last synced: about 1 month ago
JSON representation

Set of experiments and extensions to THREE.js.

• Host: GitHub
• URL: https://github.com/gkjohnson/threejs-sandbox
• Owner: gkjohnson
• License: mit
• Created: 2018-05-21T06:50:18.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2025-03-01T01:59:54.000Z (2 months ago)
• Last Synced: 2025-03-31T02:01:48.215Z (about 1 month ago)
• Topics: 3d, effects, experiments, geometry, memory, optimize, shaders, three-js, threejs, webgl
• Language: Roff
• Homepage:
• Size: 25.7 MB
• Stars: 758
• Watchers: 27
• Forks: 99
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# threejs-sandbox

[![build](https://img.shields.io/github/actions/workflow/status/gkjohnson/threejs-sandbox/node.js.yml?style=flat-square&label=build&branch=master)](https://github.com/gkjohnson/threejs-sandbox/actions)

[![twitter](https://flat.badgen.net/badge/twitter/@garrettkjohnson/?icon&label)](https://twitter.com/garrettkjohnson)

[![sponsors](https://img.shields.io/github/sponsors/gkjohnson?style=flat-square&color=1da1f2)](https://github.com/sponsors/gkjohnson/)

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.

If any classes are used in a project or application credit is appreciated (though not required) and let me know! I love seeing my work used in practice.

## Potential Projects

- Deferred Renderer

- TRAA, non float buffer on volume-lights ([see playdead implementation](https://github.com/playdeadgames/temporal/blob/master/GDC2016_Temporal_Reprojection_AA_INSIDE.pdf), [article by Alex Tardif](http://alextardif.com/TAA.html))

  - https://www.elopezr.com/temporal-aa-and-the-quest-for-the-holy-trail/

- use GLSL syntax parser for debugger

- [VXGI](https://wickedengine.net/2017/08/30/voxel-based-global-illumination/)

- 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 

  - https://twitter.com/FewesW/status/1342595321948499971

  - https://twitter.com/FewesW/status/1162362788003614721

- Screen space shadows

  - https://panoskarabelas.com/posts/screen_space_shadows/

- Provide helper for depth peeling renders

  - Based on [translucent material](https://github.com/gkjohnson/threejs-sandbox/tree/master/translucent-material) demo.

- Gem shader

  - https://github.com/Sorumi/UnityRayTracingGem

  - http://sorumi.xyz/posts/unity-ray-tracing-gem-shader/

- Texture atlaser for mesh optimization

- Screen Space Global Illumination

- Triangle draw order reorganizer for transparency / overdraw

  - http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.83.572&rep=rep1&type=pdf

- Temporal volume lights but with per-fragment jitter

**Next**

- Half Edge data structure

- GPU particles

- Curl noise

	- https://www.cs.ubc.ca/~rbridson/docs/bridson-siggraph2007-curlnoise.pdf

	- http://petewerner.blogspot.com/2015/02/intro-to-curl-noise.html