Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Fasani/three-js-resources

A collection of resources for building 3D projects with three.js
https://github.com/Fasani/three-js-resources

3d 3d-graphics 3d-models javascript react-three-fiber resources three-js threejs tools tutorials

Last synced: about 1 month ago
JSON representation

A collection of resources for building 3D projects with three.js

Host: GitHub
URL: https://github.com/Fasani/three-js-resources
Owner: Fasani
License: mit
Created: 2020-06-14T08:54:11.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2021-10-11T12:03:52.000Z (about 3 years ago)
Last Synced: 2024-11-13T14:38:41.130Z (about 1 month ago)
Topics: 3d, 3d-graphics, 3d-models, javascript, react-three-fiber, resources, three-js, threejs, tools, tutorials
Homepage:
Size: 7.81 KB
Stars: 181
Watchers: 7
Forks: 23
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-web -

README

        # three.js Resources

**A collection of resources for building 3D projects with three.js ([website](https://threejs.org/) | [github](https://github.com/mrdoob/three.js/))**

*Open a PR to add a resource, please keep alphabetical order.*

- [three.js Resources](#threejs-resources)

  - [Assets](#assets)

    - [Fonts](#fonts)

    - [HDRI](#hdri)

    - [Images](#images)

    - [Models](#models)

    - [Shaders](#shaders)

    - [Sounds](#sounds)

    - [Textures and Materials](#textures-and-materials)

  - [Books](#books)

  - [Browser Plugins](#browser-plugins)

  - [Communities](#communities)

  - [Free Software](#free-software)

  - [Online Tools](#online-tools)

  - [three.js Plugins](#threejs-plugins)

## Assets

### Fonts

- [fontesk.com](https://fontesk.com/license/free-for-commercial-use,ofl-gpl/) - A curated font library of the best high quality free fonts to download for commercial and personal use.

- [fontspace.com](https://www.fontspace.com/commercial-fonts) - Free downloads of legally licensed fonts, over 15,000 commercial-use fonts.

- [rostype.com](http://rostype.com) - Rostype creates fonts that are free to use for anyone, in personal and commercial projects.

### HDRI

- [hdrihaven.com](https://hdrihaven.com) - 100% Free HDRIs, for Everyone.

### Images

- [flaticon.com](https://www.flaticon.com) - Free icons and icon packs.

- [freepik.com](https://www.freepik.com) - Free vectors, stock photos, PSD files and icons.

### Models

- [3dmodelhaven.com](https://3dmodelhaven.com) - 100% Free 3D Models, for Everyone.

- [kenney.nl](https://www.kenney.nl) - Free game assets, no strings attached.

- [mixamo.com](https://www.mixamo.com) -  3D characters, skeletal rigs, and animations, ready for use from Adobe.

- [poly.google.com](https://poly.google.com) - Easily share and access 3D models.

- [sketchfab.com](https://sketchfab.com/tags/free) - Free models on SketchFab.

- [threedscans.com](http://threedscans.com) - Free high-resolution scans from museums.

- [turbosquid.com](https://www.turbosquid.com/Search/3D-Models/free) - Free models on TurboSquid.

- #### Model compression

  - [@KhronosGroup/glTF](https://github.com/KhronosGroup/glTF) - glTF – Runtime 3D Asset Delivery.

  - [@google/draco](https://github.com/google/draco) - Compress and decompress 3D geometric meshes and point clouds.

  - [openctm.sourceforge.net](http://openctm.sourceforge.net) - OpenCTM — the Open Compressed Triangle Mesh file format.

- #### Model viewers

  - [gltf-viewer.donmccurdy.com](https://gltf-viewer.donmccurdy.com) - Browser based glTF 2.0 model viewer.

  - [@AnalyticalGraphicsInc/gltf-vscode](https://github.com/AnalyticalGraphicsInc/gltf-vscode) - VS Code extension, adds support for viewing and editing glTF files.

### Shaders

- [@felixturner/bad-tv-shader](https://github.com/felixturner/bad-tv-shader) - BadTV Effect for three.js.

- [glslsandbox.com](http://glslsandbox.com) - Create GLSL shaders online.

- [@jbouny/ocean](https://github.com/jbouny/ocean) - Realistic water shader for three.js.

- [@lo-th/Shader.lab](https://github.com/lo-th/Shader.lab) - Advanced shader for three.js.

- [@luruke/magicshader](https://github.com/luruke/magicshader) - Tiny helper for three.js to debug and write shaders.

- [@squarefeet/ShaderParticleEngine](https://github.com/squarefeet/ShaderParticleEngine) - A GLSL-heavy particle engine for three.js.

- [shadertoy.com](https://www.shadertoy.com) - Build and Share your best shaders with the world and get inspired.

- [spector.babylonjs.com](https://spector.babylonjs.com) - Explore and Troubleshoot your WebGL scenes with ease.

- [webgl2fundamentals.org](https://webgl2fundamentals.org) - A series of lessons and tutorials about WebGL2.

- [@zz85/crayon.js](https://github.com/zz85/crayon.js) - Node-based Shader Library for three.js.

### Sounds

- [freesound.org](https://freesound.org) - A collaborative database of Creative Commons Licensed sounds.

- [zapsplat.com](https://www.zapsplat.com) - Free sound effects & royalty free music.

### Textures and Materials

- [freepbr.com](https://freepbr.com) - 100% free PBR materials and texture files.

- [@nidorx/matcaps](https://github.com/nidorx/matcaps) - A huge open source library of MatCap textures in PNG and ZMT.

- [texturehaven.com](https://texturehaven.com) - 100% Free Textures, for Everyone.

## Books

- [Game Development with Three.js](https://www.amazon.com/Game-Development-Three-js-Isaac-Sukin/dp/1782168532) - Isaac Sukin - (October 24, 2013).

- [How to design 3D games with web technology - Book 01:  Three.js – HTML5 and WebGL](https://www.amazon.com/HOW-DESIGN-GAMES-WEB-TECHNOLOGY-ebook/dp/B01MZI87DG) - Jordi Josa  - (February 5, 2017).

- [Learn Three.js: Programming 3D animations and visualizations for the web with HTML5 and WebGL, 3rd Edition](https://www.amazon.com/Learn-Three-js-Programming-animations-visualizations/dp/1788833287) - Jos Dirksen - (August 31, 2018).

- [Three.js Cookbook Paperback](https://www.amazon.com/Three-js-Cookbook-Jos-Dirksen/dp/1783981180) - Jos Dirksen - (January 30, 2015).

- [Three.js Essentials](https://www.amazon.com/Three-js-Essentials-Jos-Dirksen/dp/1783980869) – Jos Dirksen - (July 7, 2014).

## Browser Plugins

- [@MozillaReality/WebXR-emulator-extension](https://github.com/MozillaReality/WebXR-emulator-extension) - ([Chrome](https://chrome.google.com/webstore/detail/webxr-api-emulator/mjddjgeghkdijejnciaefnkjmkafnnje) | [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/webxr-api-emulator/)) - Run WebXR applications on your desktop browser without the need for an XR device.

- [Three.js Developer Tools](https://github.com/threejs/three-devtools) - ([Chrome](https://chrome.google.com/webstore/detail/threejs-developer-tools/ebpnegggocnnhleeicgljbedjkganaek) | [Firefox](https://addons.mozilla.org/en-US/firefox/addon/three-js-developer-tools/)) - Developer tools for 3D library three.js.

- [@spite/ShaderEditorExtension](https://github.com/spite/ShaderEditorExtension) - Chrome extension to live edit WebGL GLSL shaders.

## Communities

- [Official Discord](https://discord.com/invite/HF4UdyF) - The official three.js Discord.

- [Official Forum](https://discourse.threejs.org) - The official three.js forum.

- [Official Slack](https://app.slack.com/client/T0AR9958A/C0AR9959Q) - The official three.js Slack.

- [Official Twitter](https://twitter.com/threejs_org) - The official three.js Twitter.

- [StackOverflow](https://stackoverflow.com/questions/tagged/three.js) - Questions tagged [three.js].

## Free Software

- [audacityteam.org](https://www.audacityteam.org) - Free, open source, cross-platform audio software.

- [blender.org](https://www.blender.org) - Free and open source 3D creation suite. Free to use for any purpose, forever.

## Online Tools

- [EffectTextureMaker](https://mebiusbox.github.io/contents/EffectTextureMaker) - Generate textures for VFX online.

- [photopea.com](https://www.photopea.com) - Free online editor supporting PSD, XCF, Sketch, XD and CDR formats.

- [threejs.org/editor](https://threejs.org/editor) - Create scenes and explore three.js online.

- [ThreeNodes.js](http://idflood.github.io/ThreeNodes.js) - A dataflow environment for three.js.

## three.js Plugins

- [@SolalDR/three-dat.gui](https://github.com/SolalDR/three-dat.gui) - Create three.js controls on top of Dat.GUI.

- [@vanruesc/postprocessing](https://github.com/vanruesc/postprocessing) - Post processing library that provides the means to implement image filter effects for three.js.

- [@yomotsu/camera-controls](https://github.com/yomotsu/camera-controls) - A camera control for three.js, similar to THREE.OrbitControls yet supports smooth transitions and more features.