- img sequence to mp4
ffmpeg -framerate <fps> -pattern_type glob -i "*.jpg" -c:v libx264 -r 30 -pix_fmt yuv420p output.mp4
where 24 is the desired fps
- mov to mp4
ffmpeg -i input.mov -vcodec h264 -acodec mp2 output.mp4
- mp4 to gif
Florian Morel ayamflow
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let session = await navigator.xr.requestSession('immersive-ar'); | |
| let rafId = null; | |
| session.addEventListener('selectstart', event => { | |
| inputSource = event.inputSource | |
| onStart(getEvent()); | |
| rafId = requestAnimationFrame(updateInput); | |
| }); | |
| session.addEventListener('selectend', event => { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Check your coordinates space! | |
| // Lat, Lon (SW) = -Lat, -Lon (NE) | |
| // Lat, Lon (NW) = -Lat, Lon (NE) | |
| // etc | |
| var ray = new Ray() | |
| /* | |
| positionToUV | |
| Converts a 3D world position to UV coordinates on a given sphere mesh |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Doesn't require pow() | |
| // Not smoothed i.e. like a triangle function | |
| float linearParabola(float x) { | |
| return 1.0 - abs(x * 2.0 - 1.0); | |
| } | |
| // Slightly smoothed, no math function | |
| float parabola(float x) { | |
| return 4.0 * x * (1.0 - x); |
- Size components in px from mockup size
width: 300px;
height: 240px;
- in resize, change component fontSize from default (16px) to ratio of "device size / mockup size")
el.style.fontSize = Math.min(width, height) / 360 * 16 + 'px'
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Need to toggle the autoClear flag to avoid breaking rendering to RenderTarget | |
| function update(dt) { | |
| renderer.render(scene, camera); | |
| renderer.autoClear = false; | |
| renderer.clearDepth(); | |
| renderer.render(orthoScene, orthoCamera); | |
| renderer.autoClear = true; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // There's always some fiddling because the GLTF exports a whole scene | |
| // with root bone and skinned mesh already appended to it. | |
| let gltf = loadedGltf; | |
| let skinned; | |
| gltf.scene.traverse(function(object) { | |
| if (object instanceof THREE.SkinnedMesh) { | |
| skinned = object; | |
| } | |
| }) |
ayamflow
/ gist:a99fd49b773a53bc757df41f77fb369c
Created
April 6, 2018 16:54
Visible width/height with threejs perspective camera
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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 |
ayamflow
/ three-object3d-prs.js
Created
April 5, 2018 17:05
Threejs Object3D position/rotation/scale getters/setters for tweens & convenience
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Object.defineProperties(THREE.Object3D.prototype, { | |
| x: { | |
| get: function() { | |
| return this.position.x | |
| }, | |
| set: function(value) { | |
| this.position.x = value | |
| } | |
| }, | |
| y: { |