Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<meta charset='utf-8'>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.6.0/alt/video-js-cdn.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel='stylesheet' href='style.css'>
</head>
<!DOCTYPE html>
<meta charset='utf-8'>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.6.0/alt/video-js-cdn.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel='stylesheet' href='style.css'>
</head>
{
"RECORDS": [
{
"playID": "15007",
"eventName": "San Jac vs South Suburban CC",
"eventDate": "13/3/2018 17:01:48",
"eventID": "32",
"name": "Joseph Preusser",
"presult": "Swinging Strike",
"pitchvelo": "71.658",
@valex
valex / index.html
Created September 25, 2018 12:10
Creating dynamic reflections using CubeCamera
<!DOCTYPE html>
<html>
<head>
<title>10.05 dynamic envmap</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/96/three.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.2/dat.gui.min.js"></script>
<script src="../libs96/OrbitControls.js"></script>
<style>
@valex
valex / index.html
Created September 25, 2018 14:11
specularMap
<!DOCTYPE html>
<html>
<head>
<title>Example 10.06 - Specular map</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/96/three.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.2/dat.gui.min.js"></script>
@valex
valex / UVCube1.obj
Created September 25, 2018 14:24
UV mapping
# Blender v2.68 (sub 0) OBJ File: ''
# www.blender.org
mtllib UVCube1.mtl
o Cube
v 1.000000 -1.000000 -1.000000
v 1.000000 -1.000000 1.000000
v -1.000000 -1.000000 1.000000
v -1.000000 -1.000000 -1.000000
v 1.000000 1.000000 -0.999999
v 0.999999 1.000000 1.000001
@valex
valex / index.html
Created September 25, 2018 14:38
UV manual mapping
<!DOCTYPE html>
<html>
<head>
<title>Example 10.07 - UV mapping </title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/96/three.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.2/dat.gui.min.js"></script>
@valex
valex / index.html
Created September 25, 2018 15:56
Repeat wrapping
<!DOCTYPE html>
<html>
<head>
<title>Example 10.08 - Repeat mapping</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/96/three.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.2/dat.gui.min.js"></script>
@valex
valex / index.html
Created September 25, 2018 17:06
Using the canvas as a texture + literally
<!DOCTYPE html>
<html>
<head>
<title>Example 10.09 - Canvas texture</title>
<link href="../libs96/literallycanvas-0.4.14/css/literallycanvas.css" rel="stylesheet">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/96/three.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
@valex
valex / index.html
Created September 25, 2018 18:43
Canvas as a bump map
<!DOCTYPE html>
<html>
<head>
<title>Example 10.10 - Canvas texture bumpmap</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/96/three.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.2/dat.gui.min.js"></script>