Skip to content

Instantly share code, notes, and snippets.

@valex
valex / index.html
Created September 27, 2018 18:39
GlitchPass
<!DOCTYPE html>
<html>
<head>
<title>Example 11.01 - Effect composings</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 type="text/javascript" src="../libs96/OrbitControls.js"></script>
@valex
valex / index.html
Created September 27, 2018 13:24
BloomPass + FilmPass + DotScreenPass
<!DOCTYPE html>
<html>
<head>
<title>Example 11.02 - Simple passes</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 type="text/javascript" src="../libs96/OrbitControls.js"></script>
@valex
valex / index.html
Created September 27, 2018 11:56
Postprocessing passes basic usage (THREE.EffectComposer)
<!DOCTYPE html>
<html>
<head>
<title>Example 11.01 - Effect composings</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 type="text/javascript" src="../libs96/OrbitControls.js"></script>
@valex
valex / index.html
Created September 25, 2018 18:55
VideoTexture
<!DOCTYPE html>
<html>
<head>
<title>Example 10.11 - Video texture - non canvas</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 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>
@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 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 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 / 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: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>