Integrations Guides
A-Frame
4min
a frame is an easy to use web framework for building 3d/ar/vr experiences you can easily use sense of space streamable models in a frame usage to use the sense of space geometry streaming in aframe you will need to include the following script tag in your html in addition to your aframe \<script src="https //assets senseofspace io/streamablemodel/0 0 10/sosstreamablemodelaframe js">\</script> if you wish to use a version of aframe that has been most tested with the sense of space geometry streaming plugin, you can use the following line \<script src="https //assets senseofspace io/streamablemodel/0 0 10/lib/aframe v1 1 0 min js">\</script> now you can add one or more streamable models to your scene by adding a entity tags with the component sosstreamablemodel e g \<a entity position="0 0 0" sosstreamablemodel="path\ model sxrweb;equirecenvmap\ env sky jpg;shadows\ true;quality 2">\</a entity> this will place a streamable model from a file model sxrweb into the origin it'll enable shadows in the materials and load an environment map from env sky jpg supported parameters as can be seen in the example above you can set a number of parameters to the sosstreamablemodel component name description default value path the path to the streamable asset ' /model sxrweb' usealpha enable semi transparent materials false usemetalroughness use pbr shading can be set to false if you want flat shading for e g photogrammetry models true occlusionculling use occlusion culling this will reduce the amount of rendered triangles and can speed up rendering significantly, but does not work well with shadows true equirecenvmap path to an equirectangular environment map currently only the jpg format is supported can be left empty '' doublesidedmaterials will switch on double sided surfaces in materials false quality a number for adjusting the quality level (and bandwidth requirement) can be any number, but should normally be between 0 and 3 reference \ 0 = low quality \ 1 = medium quality 2 = high quality < 0 = extremely low quality > 2 extremely high quality 1 0 shadows this needs to be set to true if you wish the streamable asset to cast and receive threejs shadows false