hpicgs / vidi

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

topicmap

Quickstart

  • Install node.js
  • Install dependencies: npm i
  • Start the dev server: npm run start-dev

Used Technologies

Rendering Setup

  • The TopicMapRenderer
    • Creates and manages the different render passes
    • Provides a framebuffer for the passes to render to
    • Uses an additional AccumulatePass to provide MFAA
  • Each render pass
    • Prepares the geometry to render
    • Prepares a shader program
    • Can be updated by assigning to the exposed members
    • Is invoked by the Renderer using frame()

Usage as sub-window

const configuration = {
    data: 'https://api.varg.dev/users/topicmap/datasets/topics/data',
    axes: ['first', 'second', 'third']
};
const child = window.open('http://vidi.lwgnr.dev');
child.addEventListener('message', (msg) => {
    if(msg.data.type === 'ready')
        child.postMessage({ type: 'configuration', preset });
});

For more details see interface.ts.

About

License:MIT License


Languages

Language:TypeScript 87.3%Language:GLSL 8.4%Language:JavaScript 1.8%Language:CSS 1.3%Language:Pug 1.1%Language:Shell 0.1%