Patrick HENG patrickheng

## GLSL-Lights.md

      
              1 file
            
          
              5 forks
            
          
              0 comments
            
          
              20 stars
            
          
                patriciogonzalezvivo
                / GLSL-Lights.md
            
            
              Last active
              November 16, 2022 01:46
            
              
                GLSL Shaders Lights Funtions
              
          
    Extracted from https://github.com/rpavlik/maya2osg/tree/master/src/GLSL
Vertex Shader

varying vec2 vTexCoord;
varying vec3 vNormal;
varying vec3 vEye;

void main() {


## gist:d845f21e2e1eb49f647f
var collision = {};


// aabb: <THREE.Box3>
// Plane: <THREE.Plane>
collision.isIntersectionAABBPlane = function ( aabb, Plane ) {

  var center = new THREE.Vector3().addVectors( aabb.max, aabb.min ).multiplyScalar( 0.5 ),
      extents = new THREE.Vector3().subVectors( aabb.max, center );

## upload-texture.js
/*
Uploads to GPU immediately when the image is ready, then fires callback.

    //takes a string path or image/canvas/video/ImageData
    uploadTexture(renderer, pathOrImage, function(err, texture) {
        if (err) console.error(err)
        //do something with the ThreeJS 'texture' result
    })
*/
var THREE = require('three');

## README.md

      
              2 files
            
          
              4 forks
            
          
              2 comments
            
          
              33 stars
            
          
                jonathantneal
                / README.md
            
            
              Last active
              July 24, 2023 08:35
            
              
                Fluid Aspect: A Sass mixin for creating intrinsic ratios
              
          
    Fluid Aspect

fluid-aspect is a Sass mixin for creating intrinsic ratios in CSS. Intrinsic ratios allow elements to fill the width of their containing block and resize on the fly while maintaining their aspect ratio.
@include fluid-aspect($ratio, [$target]);

$ratio: An aspect ratio represented as two numbers separated by a space. Defaults to 1:1
$target: A selector targeting the element to be made fluid. Defaults to "> :first-child"


## sass-functions.md

      
              1 file
            
          
              41 forks
            
          
              5 comments
            
          
              216 stars
            
          
                AllThingsSmitty
                / sass-functions.md
            
            
              Last active
              March 26, 2024 08:39
            
              
                Sass functions cheat sheet
              
          
    ##Sass Functions Cheat Sheet

RGB Functions
HSL Functions
Opacity Functions
Other Color Functions
List Functions
Map Functions
Selector Functions
String Functions


## _README.md

      
              3 files
            
          
              3 forks
            
          
              3 comments
            
          
              50 stars
            
          
                remy
                / _README.md
            
            
              Last active
              January 12, 2024 11:57
            
              
                requestAnimationFrame helper
              
          
    raf.js

A simple script with a few niceties that allows for multiple requestAnimationFrame calls, and FPS pinning.
How it works

The script polyfills rAF if required, then overloads requestAnimationFrame and cancelAnimationFrame with a process that allows multiple frames to be queued up for rAF to run.
This is useful if there are multiple animations running on the page, you want all the callbacks to happen at once, and not on multiple rAF calls. This script is meant as a drop-in solution to that problem.

  
## webp-convert-directory.sh
#!/bin/bash

PARAMS=('-m 6 -q 70 -mt -af -progress')

if [ $# -ne 0 ]; then
	PARAMS=$@;
fi

cd $(pwd)

## convert.jsx

//JSON object
"object"!=typeof JSON&&(JSON={}),function(){"use strict";function f(t){return 10>t?"0"+t:t}function this_value(){return this.valueOf()}function quote(t){return rx_escapable.lastIndex=0,rx_escapable.test(t)?'"'+t.replace(rx_escapable,function(t){var e=meta[t];return"string"==typeof e?e:"\\u"+("0000"+t.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+t+'"'}function str(t,e){var r,n,o,u,f,a=gap,i=e[t];switch(i&&"object"==typeof i&&"function"==typeof i.toJSON&&(i=i.toJSON(t)),"function"==typeof rep&&(i=rep.call(e,t,i)),typeof i){case"string":return quote(i);case"number":return isFinite(i)?i+"":"null";case"boolean":case"null":return i+"";case"object":if(!i)return"null";if(gap+=indent,f=[],"[object Array]"===Object.prototype.toString.apply(i)){for(u=i.length,r=0;u>r;r+=1)f[r]=str(r,i)||"null";return o=0===f.length?"[]":gap?"[\n"+gap+f.join(",\n"+gap)+"\n"+a+"]":"["+f.join(",")+"]",gap=a,o}if(rep&&"object"==typeof rep)for(u=rep.length,r=0;u>r;r+=1)"string"==typeof rep[r]&&(n=rep[r],o=str(n,i),o&&f.push

## lut_maker.py
#!/usr/bin/env python
# coding: UTF-8

import cv2
import numpy as np


def make_lut256x16(exportPath):
    ''' 256 x 16 LUT '''
    colors = []

## 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
	var collision = {};


	// aabb: <THREE.Box3>
	// Plane: <THREE.Plane>
	collision.isIntersectionAABBPlane = function ( aabb, Plane ) {

	var center = new THREE.Vector3().addVectors( aabb.max, aabb.min ).multiplyScalar( 0.5 ),
	extents = new THREE.Vector3().subVectors( aabb.max, center );
	/*
	Uploads to GPU immediately when the image is ready, then fires callback.

	//takes a string path or image/canvas/video/ImageData
	uploadTexture(renderer, pathOrImage, function(err, texture) {
	if (err) console.error(err)
	//do something with the ThreeJS 'texture' result
	})
	*/
	var THREE = require('three');
	#!/bin/bash

	PARAMS=('-m 6 -q 70 -mt -af -progress')

	if [ $# -ne 0 ]; then
	PARAMS=$@;
	fi

	cd $(pwd)

	//JSON object
	"object"!=typeof JSON&&(JSON={}),function(){"use strict";function f(t){return 10>t?"0"+t:t}function this_value(){return this.valueOf()}function quote(t){return rx_escapable.lastIndex=0,rx_escapable.test(t)?'"'+t.replace(rx_escapable,function(t){var e=meta[t];return"string"==typeof e?e:"\\u"+("0000"+t.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+t+'"'}function str(t,e){var r,n,o,u,f,a=gap,i=e[t];switch(i&&"object"==typeof i&&"function"==typeof i.toJSON&&(i=i.toJSON(t)),"function"==typeof rep&&(i=rep.call(e,t,i)),typeof i){case"string":return quote(i);case"number":return isFinite(i)?i+"":"null";case"boolean":case"null":return i+"";case"object":if(!i)return"null";if(gap+=indent,f=[],"[object Array]"===Object.prototype.toString.apply(i)){for(u=i.length,r=0;u>r;r+=1)f[r]=str(r,i)\|\|"null";return o=0===f.length?"[]":gap?"[\n"+gap+f.join(",\n"+gap)+"\n"+a+"]":"["+f.join(",")+"]",gap=a,o}if(rep&&"object"==typeof rep)for(u=rep.length,r=0;u>r;r+=1)"string"==typeof rep[r]&&(n=rep[r],o=str(n,i),o&&f.push
	#!/usr/bin/env python
	# coding: UTF-8

	import cv2
	import numpy as np


	def make_lut256x16(exportPath):
	''' 256 x 16 LUT '''
	colors = []
	<!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