Skip to content

Instantly share code, notes, and snippets.

@pbeshai
pbeshai / .block
Last active March 8, 2024 17:26
Draw 100,000 points with regl
license: mit
height: 720
border: no
@pbeshai
pbeshai / Controls.js
Created June 8, 2020 15:18
Example controls for react-three-fiber with animating camera
import TWEEN from '@tweenjs/tween.js';
import React, { useEffect, useRef } from 'react';
import { extend, useFrame, useThree } from 'react-three-fiber';
import * as THREE from 'three';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
// extend THREE to include OrbitControls
extend({ OrbitControls });
@pbeshai
pbeshai / .block
Last active November 10, 2023 09:46
Mandala Generator with D3 and SVG use
license: mit
height: 720
border: no
@pbeshai
pbeshai / .block
Last active July 17, 2023 09:40
Animate thousands of points with canvas and D3
license: mit
height: 620
border: no
@pbeshai
pbeshai / .block
Last active February 11, 2023 11:53
Particles Flowing with WebGL and regl - I
license: mit
height: 720
border: no
@pbeshai
pbeshai / .block
Last active May 25, 2022 17:34
Compute points and angles along a bezier curve
license: mit
height: 320
border: no
@pbeshai
pbeshai / .block
Last active August 4, 2021 11:37
Lasso with d3 v4 and Canvas
license: mit
height: 500
border: no
@pbeshai
pbeshai / .block
Last active December 17, 2019 13:56
Animate 100,000 points with regl - III
license: mit
height: 720
border: no
@pbeshai
pbeshai / README.md
Last active October 25, 2019 16:40
Shooting Signatures

Shooting Signatures were designed to give an at-a-glance view of an NBA player's shooting performance. They were developed by Peter Beshai (@pbesh) as part of Buckets, an interactive NBA shot visualization tool.

Shooting Signature Explanation

Sample Shooting Signature usage

Shooting Signatures of NBA Players from the 2013-14 Season
@pbeshai
pbeshai / .block
Last active October 11, 2019 18:43
Jagged Lines
license: mit
height: 500
border: no