{"repo":"imgntn/j360","free":true,"listed":false,"github":"https://github.com/imgntn/j360","clone":"git clone https://github.com/imgntn/j360.git","description":"360 Video and Photo Capture in 4K for Three.js","language":"JavaScript","stars":300,"topics":["360-video","webgl","threejs","4k-video","capture","javascript"],"license":null,"category":"game-templates","readme_excerpt":"This project shows how to export 4K resolution 360 Videos and Photos from inside of Three.js scenes. The process is described in this blog post: https://medium.com/p/788226f2c75f Examples example 4k video from demo scene on YouTube example 4k test video on YouTube How this works Basically you take a cube camera, save it to equirectangular photo, and then stitch those together to make a video. Add some metadata and voila! You can then post them to Facebook and Youtube. I made some modifications to the CCapture.js library, where I added a CC360Encoder class that calls into an cubemap to equirectangular image capture library from the same author. I made modifications to that library also, where I prepare the cube camera data for the encoder with the preBlob class. Finally, I was running into memory issues very quickly, so I re-implemented the broken batching in CCapture.js for .jpg sequences. The app will capture a batch every N seconds, according to the autoSaveTime parameter. Save and unarchive these .tar files, then use FFMPEG to stitch the images together. See the post on Medium for more about metadata. Try Online demo scene simple tests Example files Clone the repository and serve its files using a webserver of your choice. index.html contains simple test shapes. moving the camera during capture has no effect. demo.html is hacked into a three.js demo scene. moving the camera during capture will change the final shot. Use it yourself Include the modified CCapture.js and Cube","default_branch":null,"files":null,"tree":[],"storefront":"/r/imgntn","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/imgntn/j360/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}