A Vue component for the flat surface shader.
vue js flat surface shader javascript github, flat surface shader pattern js download, javascript flat surface shader example, flat surface shader source code
How to make use of it:
Install & Download:
npm install --save vue-flat-surface-shader
Usage
import Vue from 'vue' import FlatSurfaceShader from 'vue-flat-surface-shader' Vue.use(FlatSurfaceShader)
<template> <div id="app"> <flat-surface-shader type="webgl" :light="{ambient: '#22bc9e', diffuse: '#2b7c6b'}" width=2000 height=1000> </flat-surface-shader> </div> </template>
Name | Type | Default |
---|---|---|
count | Number | 2 |
xyScalar | Number | 1 |
zOffset | Number | 100 |
ambient | String | ‘#880066’ |
diffuse | String | ‘#FF8800’ |
speed | Number | 0.001 |
gravity | Number | 1200 |
dampening | Number | 0.95 |
minLimit | Number | 10 |
maxLimit | Number | null |
minDistance | Number | 20 |
maxDistance | Number | 400 |
autopilot | Boolean | false |
draw | Boolean | true |
vue flat surface shader library, vue-flat-surface-shader Plugin/Github
See Demo And Download
Official Website(grzhan): Click Here
This superior jQuery/javascript plugin is developed by grzhan. For extra advanced usage, please go to the official website.