mathdoodle

Geometry 101

mathdoodle

void main() {
  gl_FragColor = vec4(0, 1, 0, 1);
}

mathdoodle

import { Object3D } from 'three'
import { Vector2, Vector3 } from 'three'
/**
 * @author qiao / https://github.com/qiao
 * @author mrdoob / http://mrdoob.com
 * @author alteredq / http://alteredqualia.com/
 * @author WestLangley / http://github.com/WestLangley
 * @author David Geo Holmes (TypeScript migration)
 */

mathdoodle

import { Object3D } from 'three'
import { Vector2, Vector3 } from 'three'
/**
 * @author qiao / https://github.com/qiao
 * @author mrdoob / http://mrdoob.com
 * @author alteredq / http://alteredqualia.com/
 * @author WestLangley / http://github.com/WestLangley
 * @author David Geo Holmes (TypeScript migration)
 */

mathdoodle

Conway's Game of Life

Overview

Copyright (c) 2015-2017 David Geo Holmes.

mathdoodle

table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.25rem;
  table-layout: auto;
}

table caption {
  background: transparent;
  color: #222222;

mathdoodle

const heightCone = 0.2
const radiusCone = 0.08
const radiusStem = 0.01
const heightStem = 0.8
const radiusSegments = 16

export default class Arrow extends THREE.Group {
  private material: THREE.MeshLambertMaterial;  
  constructor() {
    super()

mathdoodle

Using socket.io to communicate with a Node.JS

Overview

To run this sample you will need a Node server running on port 3000.

You will also need to run STEMCstudio from an unsecure URL.

mathdoodle

table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.25rem;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }

mathdoodle

table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.25rem;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }