AFrame Draw Shader
A shader to draw canvas A-Frame VR. Inspired by @maxkrieger's draw
component.
Properties
- Basic
material
's properties are supported. - The property is pretty much same as
flat
shader besidesrepeat
.
Property | Description | Default Value |
---|---|---|
width | canvas width | 256 |
height | canvas height | 256 |
fps | fps to render | 60 |
For refference, please check the following links:
Events
draw-render
is called every framerate (fps).
event.detail
includes canvas's ctx
(context) and texture
.
texture.needsUpdate = true
won't be called in the shader.
Please do texture.needsUpdate = true
by yourself.
thisel
Usage
Browser Installation
Install and use by directly including the browser files:
My A-Frame Scene
NPM Installation
Install via NPM:
npm i -D aframe-draw-shader
Then register and use.