Patrick HENG patrickheng

## about.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                mattdesl
                / about.md
            
            
              Last active
              December 24, 2017 14:47
            
          
    shader-reload with budo

Say you want to use shader-reload on your current budo/ThreeJS application, but you don't want to use the glsl-server since you have some specific transforms or options you need.
You can write a new dev.js script (see below) and include any additional transforms you may want (babel, brfs, etc).
Now you can replace the budo command with node dev.js, and pass all other flags as usual.
Note: The utility handles live reloading for you (JS, HTML, CSS, GLSL), so you don't need to pass the --live or -l flags.

  
## anglediff.js
// from http://stackoverflow.com/a/7869457
// converted to js code
// x and y are the angles in radians

function getDifference(x, y) {
  var a = x-y;
  a = (function(i, j) {return i-Math.floor(i/j)*j})(a+Math.PI, Math.PI*2); // (a+180) % 360; this ensures the correct sign
  a -= Math.PI;
  return a;
}

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Bonjourno World</title>
  </head>
  <body>
    <script id="vertex-shader" type="text/vertex-shader">
    /**
     * Multiply each vertex by the model-view matrix

## merge-three-buffer-geometries.js
/**
 * Combine indexed and non-indexed BufferGeometry into a new indexed BufferGeometry. All missing uniforms are set to 0.
 * @param {array} geometries Array of THREE.BufferGeometry instances
 * @returns {BufferGeometry}
 */
function mergeBufferGeometries (geometries) {
    var indexLength = 0,
        verticesLength = 0,
        attributesInfos = {},
        geometriesInfos = [],

## num-loop.js
function loop(val, min, max) {
  return ((val - min) % (max - min + 1) + (max - min + 1)) % (max - min + 1) + min;
}

## Damping
current -= ( target + current ) * friction
current += ( target - current ) * friction

## gist:a99fd49b773a53bc757df41f77fb369c
// https://discourse.threejs.org/t/functions-to-calculate-the-visible-width-height-at-a-given-z-depth-from-a-perspective-camera/269

function visibleHeightAtDepth(depth, camera) {
    // compensate for cameras not positioned at z=0
    const cameraOffset = camera.position.z;
    if ( depth < cameraOffset ) depth -= cameraOffset;
    else depth += cameraOffset;
    // vertical fov in radians
    const vFOV = camera.fov * Math.PI / 180;
    // Math.abs to ensure the result is always positive

## objectRotation.js
//following two rotation functions are updated versions of code from: https://github.com/mrdoob/three.js/issues/1219
//updated to work in latest versions (r52 tested) of THREE.js

// Rotate an object around an axis in object space
var rotationMatrix
function rotateAroundObjectAxis( object, axis, radians ) {
    rotationMatrix = new THREE.Matrix4();
    rotationMatrix.makeRotationAxis( axis.normalize(), radians );
    object.matrix.multiplySelf( rotationMatrix );                       // post-multiply
    object.rotation.setEulerFromRotationMatrix(object.matrix, object.order);

## Blender Memo.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              5 stars
            
          
                FuriouZz
                / Blender Memo.md
            
            
              Last active
              January 28, 2022 15:53
            
          
    Common Blender shortcuts

Camera


Shift + F - FPS mode

Outliner


Ctrl + Left Click - Select parent and its children
Shift + Left Click - Hide parent and its children


## getJSONFromFigmaFile.js
import request from 'request'

const api_endpoint = 'https://api.figma.com/v1'
const personal_access_token = 'FIGMA_ACCESS_TOKEN_HERE' // https://www.figma.com/developers/docs#auth-dev-token

function downloadSvgFromAWS(url) {
  return new Promise((resolve, reject) => {
    request.get(
      url,
      {
	// from http://stackoverflow.com/a/7869457
	// converted to js code
	// x and y are the angles in radians

	function getDifference(x, y) {
	var a = x-y;
	a = (function(i, j) {return i-Math.floor(i/j)j})(a+Math.PI, Math.PI2); // (a+180) % 360; this ensures the correct sign
	a -= Math.PI;
	return a;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Bonjourno World</title>
	</head>
	<body>
	<script id="vertex-shader" type="text/vertex-shader">
	/**
	* Multiply each vertex by the model-view matrix
	/**
	* Combine indexed and non-indexed BufferGeometry into a new indexed BufferGeometry. All missing uniforms are set to 0.
	* @param {array} geometries Array of THREE.BufferGeometry instances
	* @returns {BufferGeometry}
	*/
	function mergeBufferGeometries (geometries) {
	var indexLength = 0,
	verticesLength = 0,
	attributesInfos = {},
	geometriesInfos = [],
	function loop(val, min, max) {
	return ((val - min) % (max - min + 1) + (max - min + 1)) % (max - min + 1) + min;
	}
	current -= ( target + current ) * friction
	current += ( target - current ) * friction
	// https://discourse.threejs.org/t/functions-to-calculate-the-visible-width-height-at-a-given-z-depth-from-a-perspective-camera/269

	function visibleHeightAtDepth(depth, camera) {
	// compensate for cameras not positioned at z=0
	const cameraOffset = camera.position.z;
	if ( depth < cameraOffset ) depth -= cameraOffset;
	else depth += cameraOffset;
	// vertical fov in radians
	const vFOV = camera.fov * Math.PI / 180;
	// Math.abs to ensure the result is always positive
	//following two rotation functions are updated versions of code from: https://github.com/mrdoob/three.js/issues/1219
	//updated to work in latest versions (r52 tested) of THREE.js

	// Rotate an object around an axis in object space
	var rotationMatrix
	function rotateAroundObjectAxis( object, axis, radians ) {
	rotationMatrix = new THREE.Matrix4();
	rotationMatrix.makeRotationAxis( axis.normalize(), radians );
	object.matrix.multiplySelf( rotationMatrix ); // post-multiply
	object.rotation.setEulerFromRotationMatrix(object.matrix, object.order);
	import request from 'request'

	const api_endpoint = 'https://api.figma.com/v1'
	const personal_access_token = 'FIGMA_ACCESS_TOKEN_HERE' // https://www.figma.com/developers/docs#auth-dev-token

	function downloadSvgFromAWS(url) {
	return new Promise((resolve, reject) => {
	request.get(
	url,
	{