r3f-voxels

r3f-voxels
==

$3

* Basic
* Advanced

$3

``bash
npm install r3f-voxels
`

$3

`jsx
import { Canvas } from '@react-three/fiber';
import { Voxels, VoxelsApi } from 'r3f-voxels';
import { Vector3 } from 'three';

const Scene = () => {
const voxels = useRef(null!);
useLayoutEffect(() => {
voxels.current.setVoxel(new Vector3(0, 0, 0), 1);
}, []);
return (

);
};

const App = () => (




);
`

$3

`ts
type VoxelsApi = {
clearChunks: () => void;
exportChunks: () => { [key: string]: Uint8Array };
importChunks: (chunks: { [key: string]: Uint8Array }) => void;
getMaterials: () => { opaque: ChunkMaterial; transparent: ChunkMaterial };
getVoxel: (position: Vector3) => number;
setVoxel: (position: Vector3, value: number) => void;
};
`

$3

`ts
type VoxelsProps = {
atlas?: DataArrayTexture | Texture;
normalAtlas?: DataArrayTexture | Texture;
occlusionRoughnessMetalnessAtlas?: DataArrayTexture | Texture;
bounds?: Box3;
followCamera?: boolean;
generator?: (x: number, y: number, z: number) => number;
getPhysics?: () => RapierContext;
getTexture?: (voxel: number, face: VoxelFace, isTop: boolean) => number;
getTransparent?: (voxel: number) => boolean;
metalness?: number;
roughness?: number;
};
``