Skip to content

Instantly share code, notes, and snippets.

@pbeshai
pbeshai / Controls.js
Created Jun 8, 2020
Example controls for react-three-fiber with animating camera
View Controls.js
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 Jan 31, 2019
Packed Pebbles
View .block
license: mit
height: 500
border: no
@pbeshai
pbeshai / .block
Last active Sep 19, 2019
Lasso with d3 v4 and Canvas
View .block
license: mit
height: 500
border: no
@pbeshai
pbeshai / .block
Last active Aug 11, 2019
Particles Flowing with WebGL and regl - II
View .block
license: mit
height: 720
border: no
@pbeshai
pbeshai / .block
Last active Sep 16, 2019
Particles Flowing with WebGL and regl - I
View .block
license: mit
height: 720
border: no
@pbeshai
pbeshai / .block
Last active Dec 17, 2019
Animate 100,000 points with regl - III
View .block
license: mit
height: 720
border: no
@pbeshai
pbeshai / .block
Last active Jan 27, 2019
Animate 100,000 points with regl - I
View .block
license: mit
height: 720
border: no
@pbeshai
pbeshai / .block
Last active Jan 27, 2019
Draw 100,000 points with regl
View .block
license: mit
height: 720
border: no
@pbeshai
pbeshai / .block
Last active Oct 25, 2019
Mandala Generator with D3 and SVG use
View .block
license: mit
height: 720
border: no
@pbeshai
pbeshai / .block
Last active Jan 27, 2019
Animate 100,000 points with regl - II
View .block
license: mit
height: 720
border: no
You can’t perform that action at this time.