Three.js & Brain.js

Three.js

What is it?

Three.js is a library that makes WebGL easy to use -3D in the browser.

What do we need?

• Scene.
• Camera.
• Objects.
• Materials.
• Renderer.

Canvas.

Scene & Camera.

Renderer

Render.

Animations.

Result.

A-Frame

Heather Arthur

http://harthur.github.io/txjs-slides/#1.0

Machine learning for JavaScript Hackers.

Brain.js

What is it?

is a javascript library for neural networks.

What do we need.

• Data format.
• Model.
• Training.
• Output.
• Failing.

html

var net = new brain.NeuralNetwork();

Data format.

[{input: [0, 0], output: [0]},
  {input: [0, 1], output: [1]},
  {input: [1, 0], output: [1]},
  {input: [1, 1], output: [0]}]

[{input: { r: 0.03, g: 0.7, b: 0.5 }, output: { black: 1 }},
    {input: { r: 0.16, g: 0.09, b: 0.2 }, output: { white: 1 }},
{input: { r: 0.5, g: 0.5, b: 1.0 }, output: { white: 1 }}]

Model.

• Perceptron
• Multilayer perceptron
• (backpropagation)

Training.

Output.

Failing.

(output analisis)

If the network has failed during the trainging, the aproximated error must be above the treshold.

Result.

Repositorio gitlab.

• https://github.com/blackzen666/three.js-brain.js.git

Consejos.

• Unity
• Tensor flow
• karpathy

  • ​svm.js

  • convnet.js