Giter VIP home page Giter VIP logo

frankenjs-2017's Introduction

FrankenJS 2017

This is the talk / show "{Live:JS}" (based on the dotJS 2016 talk) for FrankenJS 2017 by Sam Wray & Tim Pietrusky.

Slides

https://slides.com/timpietrusky/livejs-frankenjs-2017

Script

You can find the full script of the talk in this repository: script.md

(It's not 100% what we said during the talk, because while giving the talk we tend to add more / remove information to create a better flow)

Resources

  • Meyda - Real-time Audio Feature Extraction for the Web Audio API
  • Book of Shaders - A great resource for learning GLSL (OpenGL Shader Language)
  • modV - Modular audio visualisation environment
  • NERD DISCO - Audio visualisation in the browser and with hardware (LED, MIDI, DMX512)
  • Adafruit NeoPixel - Digitial addressable LEDs, 24bit RGB colors
  • Adafruit FadeCandy - Controller board for NeoPixel
  • nerdV-FadeCandy - Node.js app to control the FadeCandy (using node-fadecandy) over WebSocket with modV
  • node-fadecandy - Library to control and send video frames to a FadeCandy
  • nerdV-DMX512 - Node.js app to control a DMX512 universe (using node-dmx) with modV
  • node-dmx - DMX controller for Node.js (library and webinterface)
  • Theatre image - By Fir0002/Flagstaffotos
  • {Live:JS} - A collective of web audio / visual artists

Related talks

If you want to know even more about audio / visual art using everything the browser has to offer, you should check out the following talks:

JSConf Asia 2016

Martin Schuhfuss, Ruth John & Matt McKegg are part of {Live:JS} and they gave the first {Live:JS} talk at JSConf Asia 2016. You can watch it on YouTube.

Setup

Sam

Tim

LED curtain

DMX

Preparation

Stuff that we send to the organisers in advance, so we are sure that everything is set the day we have the talk / show.

Questions

  1. Can the lights (that point to the stage) be turned off?
  2. Can we practise the talk in the venue?
  • If yes, when can that happen?

Basic

  • FullHD projector with HDMI for both talk & after party
  • HDMI cable
  • = 6 power plugs (2 x 3 power plugs)

  • 2 x >= 4m power cords
  • Table (>= 3m wide)
  • 1 x 3.5 audio jack to the sound system (>= 2m length)
  • 2 x headset microphone

frankenjs-2017's People

Contributors

timpietrusky avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.