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

Object & Materials.

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.

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
Made with Slides.com