Skip to content

Instantly share code, notes, and snippets.

@valex
valex / index.html
Created September 30, 2018 10:15
DOFConstraint
<!DOCTYPE html>
<html>
<head>
<style>
body {
/* set margin to 0 and overflow to hidden, to go fullscreen */
margin: 0;
overflow: hidden;
@valex
valex / index.html
Created September 29, 2018 21:57
Using constraints to limit movement of objects
<!DOCTYPE html>
<html>
<head>
<style>
body {
/* set margin to 0 and overflow to hidden, to go fullscreen */
margin: 0;
overflow: hidden;
@valex
valex / index.html
Created September 29, 2018 16:27
Basic Physijs shapes
<!DOCTYPE html>
<html>
<head>
<style>
body {
/* set margin to 0 and overflow to hidden, to go fullscreen */
margin: 0;
overflow: hidden;
@valex
valex / index.html
Created September 29, 2018 13:59
Physics basic scene
<!DOCTYPE html>
<html>
<style>
body {
/* set margin to 0 and overflow to hidden, to go fullscreen */
margin: 0;
overflow: hidden;
}
</style>
@valex
valex / index.html
Created September 29, 2018 13:58
restitution (bounciness) and friction properties
<!DOCTYPE html>
<html>
<style>
body {
/* set margin to 0 and overflow to hidden, to go fullscreen */
margin: 0;
overflow: hidden;
}
</style>
@valex
valex / custom-shader.js
Created September 28, 2018 17:20
Creating custom shaders
THREE.CustomGrayScaleShader = {
uniforms: {
"tDiffuse": {type: "t", value: null},
"rPower": {type: "f", value: 0.2126},
"gPower": {type: "f", value: 0.7152},
"bPower": {type: "f", value: 0.0722}
},
@valex
valex / EdgeShader.js
Created September 28, 2018 14:43
BleachBypassShader + EdgeShader + FXAAShader + FocusShader
/**
* @author zz85 / https://github.com/zz85 | https://www.lab4games.net/zz85/blog
*
* Edge Detection Shader using Frei-Chen filter
* Based on http://rastergrid.com/blog/2011/01/frei-chen-edge-detector
*
* aspect: vec2 of (1/width, 1/height)
*/
THREE.EdgeShader = {
@valex
valex / index.html
Created September 28, 2018 14:32
Blurring shaders
<!DOCTYPE html>
<html>
<head>
<title>Example 11.04 - Shader Pass simple</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 28, 2018 12:13
Simple shaders
<!DOCTYPE html>
<html>
<head>
<title>Example 11.04 - Shader Pass simple</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 28, 2018 11:16
EffectComposer masks + background image+
<!DOCTYPE html>
<html>
<head>
<title>Example 11.03 - Post processing masks</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>