aceslowman

# Resolving Bugs and Expanding Documentation for WebGL in p5.js

For my Google Summer of Code 2022 project I worked with my mentor, Kate Hollenbach to add to documentation concerning WebGL functionality in p5.js. Through discussions with my mentor, this project became primarily focused on the creation of four tutorials to be included in the p5.js website, in addition to some contributions concerning accessibility of WebGL website examples.

## Code

[PR for the addition of describe() to all WebGL references and examples] (https://github.com/processing/p5.js/pull/5706)
[PR containing all code and conversation relating to the tutorials] (https://github.com/processing/p5.js-website/pull/1268)
[PR for the standalone texture feedback example] (https://github.com/processing/p5.js-website/pull/1246)
[PR for the addition of .gitattributes] (https://github.com/processing/p5.js-website/pull/1238)

aceslowman

mgraphics.init();
mgraphics.relative_coords = 1; // allows for 0-1 coords
mgraphics.autofill = 0;

var number_of_rings = 6;
var max_size = 0.9;

var mouse = new Point();

var dragging = false;

aceslowman

mgraphics.init();
mgraphics.relative_coords = 1; // allows for 0-1 coords
mgraphics.autofill = 0;

var number_of_rings = 6;
var max_size = 0.9;

var mouse = new Point();

var dragging = false;

aceslowman

import * as THREE from "three";

/*
  Implemented from a technique described here:
  http://paulbourke.net/geometry/capsule/

  PID2 taken from Paul Bourke's paulslib.h
  PID2 = 1.570796326794896619231322;

  ISSUES: