Vedajs

<div align="center"> <img alt="logo" src="https://user-images.githubusercontent.com/1403842/28923702-d8155d46-7899-11e7-817b-1193d138e5b8.png" width="192"/> </div> <div align="center"> <h1>VEDA.js</h1> <i>Shader Art Framework</i> <br> <br> <br> <img alt="screenshot" src="https://user-images.githubusercontent.com/1403842/28673275-1d42b062-731d-11e7-92b0-bde5ca1f1cae.gif" style="width: 100% !important;"/> <br> <br> </div> <div align="center">

</div> <br> <br>

Install

npm install vedajs

Usage

import Veda from 'vedajs';

const veda = new Veda();

veda.setCanvas(canvas);
veda.loadFragmentShader(code);

veda.play();

Advanced Usage

Fragment shader

veda.loadFragmentShader(code);

This is equivalent to

veda.loadShader({ fs: code });

Vertex shader

veda.loadVertexShader(code);

This is equivalent to

veda.loadShader({ vs: code });

Using both

Pass a shader object to loadShader.

veda.loadShader({
  vs: vertexShaderCode,
  fs: fragmentShaderCode,
});

Multipath rendering

Pass an array of shaders to loadShader.

veda.loadShader([
  {
    vs: vertexShaderFor1stPass,
    fs: fragmentShaderFor1stPass,
  },
  {
    fs: fragmentShaderFor2ndPass,
  },
]);

Audio input

veda.toggleAudio(true);
veda.loadShader(shader);

MIDI input

veda.toggleMidi(true);
veda.loadShader(shader);

WebCam input

veda.toggleCamera(true);
veda.loadShader(shader);

Keyboard input

veda.toggleKeyboard(true);
veda.loadShader(shader);

Gamepad input

veda.toggleGamepad(true);
veda.loadShader(shader);

Sound shader

veda.loadSoundShader(shader);
veda.playSound();

Author

Takayosi Amagi

• Website: gmork.in
• Twitter: @amagitakayosi
• GitHub: fand

LICENSE

MIT