nueve

simple test-toolset for shaders webgl

Install

npm install nueve

Introduce

    //test the shaders performance

    //performance

Usage

    var nueve = require("nueve")
    nueve

1. nueve.config

2. nueve.prepare

    nueve.prepare()
    
    //will creat a dir(named config.name)include three subdirs: 
    //  config.name
    //     -common
    //(some matrix-calulate funcs copied from https://github.com/mdn/webgl-examples/blob/gh-pages/tutorial/gl-matrix.js)
    //(it will be used by the other js files)
    //     -filters
    //         -filter-dir
    //         -filter-dir
    //         -filter-dir
    //         ........
    //(a exzample filter "cubic" copied from https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample8 already exist)
    //     -videos
    //         -video
    //         -video
    //         ......
    //(a exzample video "Firefox.mp4" copied from https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample8 already exist)
    //  put your video for test to videos
    //  put your filter-dir to filters

3. nueve.creat

    nueve.creat()
    // will generate .html and .css in the dir(named config.name)

4. config firefox

    //because using local video file for testing, to avoid webgl CROS related issue, need to disable the security-policy
    //about:config
    //set security.fileuri.strict_origin_policy to false
    //reopen firefox

5. open generated .html using firfox

6. begin test

    //performance

Doc

In Progressing...

PACKAGE DEPENDANY

elist
ncp

CODE REFERENCE

(thanks to)

webgl-examples

TODO

0.auto bat handle webpack
1.UI
2.doc
3.load different shaders
4.pipeline
5.multistream
6.shaders in sequence
7.some codes was written five years ago in obj-C,need translated to js,a lot of work

multistream
voroni

ihgazni2 / nueve