All Projects → nidorx → Matcaps

nidorx / Matcaps

Huge library of matcap PNG textures organized by color

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Matcaps

Expo Crossy Road
🐥🚙 Crossy Road game clone made in Expo (iOS, Android, web), THREE.js, Tween, React Native. 🐔
Stars: ✭ 701 (+15.49%)
Mutual labels:  opengl, webgl, threejs
Threejs Path Flow
🐬🐟 ↶Mesh Deformation / Bending / Following on a Curve
Stars: ✭ 165 (-72.82%)
Mutual labels:  webgl, threejs, texture
Patches
Patches is a visual programming editor for building WebVR and WebGL experiences.
Stars: ✭ 164 (-72.98%)
Mutual labels:  webgl, threejs, texture
Sunset Cyberspace
🎮👾Retro-runner Game made in Expo, Three.js, OpenGL, WebGL, Tween. 🕹
Stars: ✭ 54 (-91.1%)
Mutual labels:  opengl, webgl, threejs
Bluemap
A Minecraft mapping tool that creates 3D models of your Minecraft worlds and displays them in a web viewer.
Stars: ✭ 406 (-33.11%)
Mutual labels:  webgl, threejs
Troika
A JavaScript framework for interactive 3D and 2D visualizations
Stars: ✭ 342 (-43.66%)
Mutual labels:  webgl, threejs
Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (-28.5%)
Mutual labels:  webgl, threejs
Detect Gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Stars: ✭ 460 (-24.22%)
Mutual labels:  webgl, threejs
Vue Vr
A framework for building VR applications with Vue
Stars: ✭ 348 (-42.67%)
Mutual labels:  webgl, threejs
Ray Tracing Renderer
[UNMAINTAINED] Real-time path tracing on the web with three.js
Stars: ✭ 444 (-26.85%)
Mutual labels:  webgl, threejs
Glchaos.p
3D GPUs Strange Attractors and Hypercomplex Fractals explorer - up to 256 Million particles in RealTime
Stars: ✭ 590 (-2.8%)
Mutual labels:  opengl, webgl
Shader Doodle
A friendly web-component for writing and rendering shaders.
Stars: ✭ 356 (-41.35%)
Mutual labels:  webgl, texture
Plasio
Drag-n-drop In-browser LAS/LAZ point cloud viewer. http://plas.io
Stars: ✭ 349 (-42.5%)
Mutual labels:  webgl, threejs
Indoor3d
a js lib based on three.js to show 3D indoor map
Stars: ✭ 425 (-29.98%)
Mutual labels:  webgl, threejs
Infinitetubes
A tunnel experiment in WebGL inspired by the effect seen on http://www.fornasetti.com/](Fornasetti.
Stars: ✭ 348 (-42.67%)
Mutual labels:  webgl, threejs
Lume
Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.
Stars: ✭ 445 (-26.69%)
Mutual labels:  webgl, threejs
Sea3d
An open-source format and tools for game developers 🎮
Stars: ✭ 483 (-20.43%)
Mutual labels:  webgl, threejs
Globe.gl
UI component for Globe Data Visualization using ThreeJS/WebGL
Stars: ✭ 479 (-21.09%)
Mutual labels:  webgl, threejs
Roygbiv
A 3D engine for the Web
Stars: ✭ 499 (-17.79%)
Mutual labels:  webgl, threejs
Bulllord Engine
lightspeed lightweight elegant game engine in pure c
Stars: ✭ 539 (-11.2%)
Mutual labels:  opengl, webgl

MatCaps

A huge library of MatCap textures in PNG and ZMT.

Dynamic Gallery View at https://observablehq.com/@makio135/matcaps?ui=classic


TLDR; Scroll to bottom of page to explore textures, or access the dynamic gallery created by Lionel RADISSON at https://observablehq.com/@makio135/matcaps?ui=classic

What is MatCap?

In 3D computer graphics, the appearance of an 3D object depends on several things:

MatCap (Material Capture, also known as LitSphere) are complete materials, including lighting and reflections, so you can add it to an object and not have any need for, well, lighting and reflections. MatCaps allows you to create a surface material and lighting environment simply by painting an object so that it looks like how you want your surface to appear. This opens up all sorts of interesting possibilities for non-photoreal image rendering.

The key to using a MatCap texture is that is is mapped to the object’s normals (which exist in relation to the camera) defining a color for every vertex normal direction relative to the camera, and your material is set to shadeless (because you don’t need lights to have any influence, as they are a part of the MatCap texture). So as the camera moves around the object, the reflections and highlights move around your object (as if the object were moving and not the camera). In other words, if your object were a sphere, no matter how you looked at it, it would look like the matcap sphere (reflections always in the same place, e.g.). But as your object takes non-spherical shapes, thus changing the normals, the material responds as if it were made of the complex material.

MatCap is most commonly used for sculpting, as it gives quick and useful feedback on how an objects shape is changing. It also works with rendering, to an extent (good when you need to do a quick show-off-your-model render and don’t have time to set up any complex lights or materials). It's very cheap, and looks great when the camera doesn't rotate.

Applying MatCaps

The MatCap technique, besides being extremely computationally fast, is a very simple algorithm to implement. Below is a list of some implementations for the most popular tools and frameworks.

Textures

All textures available in this repository are delivered in 24-bit PNG format (8 bits per channel - without alpha channel) with sRGB colorspace (IEC 61966-2-1:1999). Converting images to sRGB uses the ICC sRGB v2 profiles (sRGB2014.icc). Images do not have embedded ICC profiles, all are removed during automated processing.

Downloading

You can download each individual artifact from the detail page (see image below), or if you prefer, you can download the full package (grouped by image resolution) from the releases page.

License

The MatCaps made available in this repository were obtained from various websites and web pages, in particular from the links below and the referenced pages.

Due to the amount of existing material and the naming standard used here (Filename = main colors) it was not possible to maintain the relationship for the original authors of the file. I recommend that after identifying the original image, seek out the original author to give him credit for the work done and for sharing such texture.

Page 1

Page 2

Page 3

Page 4

Page 5

Page 6

Page 7

Page 8

Page 9

Page 10

Page 11

Page 12

Page 13

Page 14

Page 15

Page 16

Page 17

Page 18

Page 19

Page 20

Page 21

Page 22

Page 23

Page 24

Page 25

Page 26

Page 27

Page 28

Page 29

Page 30

Page 31

Page 32

Page 33

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].