Export an aframe scene to a 360° video - three.js

I'm trying to export a VR scene made with a-frame (three.js-based VR library) into a 360° video.
All I could find was a way to export the canvas to a regular flat mpeg4 using a chrome plugin (RenderCan). I would like it to be a video that could be watched from any angle though.
Is there a way e.g. to snapshot every frame to an equirectangular image or something?

You can make equirectangular screenshot of aframe scene by doing
document.querySelector('a-scene').components.screenshot.getCanvas('equirectangular');
or normal perspective screenshot of what you're looking with
document.querySelector('a-scene').components.screenshot.capture('perspective');
Maybe you can try to make some screenshot and make a sort of gif

Related

How to using three.js show a video file in 3D scene?

Wanna achieve result something like this:
I already knows how to playing FBX animation in three.js, but how to simply place a video file in 3D scene like this?
Take a look at the video texture here
https://threejs.org/docs/#api/en/textures/VideoTexture.
By this, You could set the video into a texture and set this texture inside the material.
And you may want to create Video element without getElementId,
And this may help you
Dynamically create a HTML5 video element without it being shown in the page

Path animation missing after converting to mesh in blender

I've made a text animation using nurbspath. now I want it to export as gltf to three.js
when I'm exporting as gltf there is no animation to play. also when I'm converting it into mesh it is losing the animation please help me on this.
screen shot of image
Thanks in advance!

NativeScript: Overlay transparent PNG frame in camera view and save the picture with the frame effect

I need to take a picture with a frame effect.
Can I preview camera image with the transparent PNG and later save the image?
Thanks!
Use nativescript-camera-plus plugin to add preview within your app, style it around with your frame.
Once the picture is taken, use nativescript-bitmap-factory to create a new image that combines your frame and the actual image form camera.

Is it possible to control the frame of an animated mesh (Collada) with a slider in three.js

I want to achieve something using three.js and I wonder if it can be done.
Is there something in three.js that can allow me to control the frame of an animated Collada mesh with a slider. For example if you move up the slider it would open a door an if you pull it down it will close.
In other way, can I have control over the frame of the animation of my imported Collada object.
Thanks a lot!

How does one control an animated SVG in Unity 3D?

I have an animated SVG file that contains 400 frames of animation. I'd like to put this asset in my game, and control which frames playback and when like a file strip / animated GIF. I have the asset imported using SVGAssets.
Is there a way to do this? I've looked in the Unity documentation, but it continually points me at standard 2D assets or normal 3D FBX files.
Thank you!
SVG animations are not supported by SVGAssets plugin, at the moment. The usual workflow would be to import SVG static graphics with SVGAssets, then animate it with Unity tools (as done for the Orc example included in the SVGAssets package).

Resources