| <html> | |
| <head> | |
| </head> | |
| <script type="text/javascript"> | |
| function makeShort() | |
| { | |
| var longUrl=document.getElementById("longurl").value; | |
| var request = gapi.client.urlshortener.url.insert({ | |
| 'resource': { | |
| 'longUrl': longUrl |
| THREE.TransformationShader = { | |
| defines: {}, | |
| uniforms: { | |
| "tDiffuse": { type: "t", value: texture }, | |
| "opacity": { type: "f", value: 1.0 }, | |
| "translationX": { type: "f", value: 1.0 }, | |
| "translationY": { type: "f", value: 1.0 }, | |
| "translationZ": { type: "f", value: 1.0 }, | |
| "scaleX": { type: "f", value: 1.0 }, |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
I added a few methods to three-orbit-controls to be able to manually define phi or theta and be able to rotate to a given point.
// rotation in Y
controls.setAzimuthalAngle(theta);
// rotation in X
controls.setPolarAngle(phi);
| /* | |
| * PixiJS Background Cover/Contain Script | |
| * Returns object | |
| * . { | |
| * container: PixiJS Container | |
| * . doResize: Resize callback | |
| * } | |
| * ARGS: | |
| * bgSize: Object with x and y representing the width and height of background. Example: {x:1280,y:720} | |
| * inputSprite: Pixi Sprite containing a loaded image or other asset. Make sure you preload assets into this sprite. |
| // fragment shader | |
| // | |
| // RGBA color to RGBA greyscale | |
| // | |
| // smooth transition based on u_colorFactor: 0.0 = original, 1.0 = greyscale | |
| // | |
| // http://www.johndcook.com/blog/2009/08/24/algorithms-convert-color-grayscale/ | |
| // "The luminosity method is a more sophisticated version of the average method. | |
| // It also averages the values, but it forms a weighted average to account for human perception. | |
| // We’re more sensitive to green than other colors, so green is weighted most heavily. The formula |
| var cameraZ = camera.position.z; | |
| var planeZ = 5; | |
| var distance = cameraZ - planeZ; | |
| var aspect = viewWidth / viewHeight; | |
| var vFov = camera.fov * Math.PI / 180; | |
| var planeHeightAtDistance = 2 * Math.tan(vFov / 2) * distance; | |
| var planeWidthAtDistance = planeHeightAtDistance * aspect; | |
| // or |
| float map(float value, float min1, float max1, float min2, float max2) { | |
| return min2 + (value - min1) * (max2 - min2) / (max1 - min1); | |
| } |
This document contains some of the ffmpeg snippets I use most commonly, and typically in the context of converting research-related image data to video. It is not meant to be exhaustive.
