# threejs-shader-materials

**Repository Path**: supersyl/threejs-shader-materials

## Basic Information

- **Project Name**: threejs-shader-materials
- **Description**: github镜像threejs-shader-materials
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-07-06
- **Last Updated**: 2023-12-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# threejs-shader-materials

> Collection of shader materials for three.js

[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=MasatoMakino&repo=threejs-shader-materials)](https://github.com/MasatoMakino/threejs-shader-materials)

## Demo

[![ Demo Page ](https://github.com/MasatoMakino/threejs-shader-materials/raw/main/readme/demo.gif)](https://masatomakino.github.io/threejs-shader-materials/demo/)

[Demo page](https://masatomakino.github.io/threejs-shader-materials/demo/)

## Getting Started

### Install

```bash
npm install MasatoMakino/threejs-shader-materials --save-dev
```

### Import

threejs-shader-materials is composed of ES6 modules and TypeScript d.ts files.

At first, import classes,

```js
import { HexGridMaterial } from "threejs-shader-materials";
```

and set material.

```js
const geo = new SphereGeometry(10, 64, 64);
const mat = new HexGridMaterial();
const mesh = new Mesh(geo, mat);
scene.add(mesh);
```

## API documents

[API documents](https://masatomakino.github.io/threejs-shader-materials/api/)

## License

[MIT licensed](LICENSE).