@s20.ai/safecam-360-rn/src/assets/lottie/Rotate Mobile.json

A React Native component to view the interior panorama and exterior 360 degree views of a product featuring suppport for hotspots. Compatible with Android and iOS

{"v":"4.8.0","meta":{"g":"LottieFiles AE 1.1.0","a":"","k":"","d":"","tc":""},"fr":60,"ip":0,"op":241,"w":180,"h":180,"nm":"Rotate Mobile","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Car Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[89.957,89.869,0],"ix":2},"a":{"a":0,"k":[29.518,8.997,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.668,0.668,0.333],"y":[0,0,0]},"t":30,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":90,"s":[200,200,100]},{"i":{"x":[0.336,0.336,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":150,"s":[200,200,100]},{"t":210,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.995,-0.01],[-0.009,-1.995],[-1.995,0.01],[0.01,1.995]],"o":[[-1.995,0.01],[0.01,1.996],[1.995,-0.01],[-0.009,-1.996]],"v":[[-0.018,-3.613],[-3.613,0.018],[0.018,3.613],[3.612,-0.018]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[48.079,13.632],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.264,0.011],[-0.012,-2.264],[2.264,-0.011],[0.011,2.265]],"o":[[2.264,-0.011],[0.011,2.264],[-2.265,0.012],[-0.011,-2.264]],"v":[[-0.02,-4.101],[4.1,-0.021],[0.02,4.1],[-4.1,0.02]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[48.08,13.633],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.995,-0.01],[-0.009,-1.995],[-1.995,0.01],[0.01,1.995]],"o":[[-1.995,0.01],[0.01,1.996],[1.995,-0.01],[-0.009,-1.996]],"v":[[-0.018,-3.613],[-3.613,0.018],[0.018,3.613],[3.612,-0.018]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[10.527,13.632],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.264,0.011],[-0.012,-2.264],[2.264,-0.011],[0.011,2.265]],"o":[[2.264,-0.011],[0.011,2.264],[-2.265,0.012],[-0.011,-2.264]],"v":[[-0.02,-4.101],[4.1,-0.021],[0.02,4.1],[-4.1,0.02]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[10.527,13.633],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.45,-0.192],[0,0],[0,0],[0,-0.125]],"o":[[-0.45,0.192],[0,0],[0,0],[0,0.126]],"v":[[13.449,-4.283],[10.05,-3.86],[10.652,-6.406],[14.487,-5.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0.542,-0.013],[0,0],[-2.566,0.621],[-0.701,-0.066],[0,0]],"o":[[0,0],[-0.542,0.014],[0,0],[2.565,-0.622],[0.701,0.066],[0,0]],"v":[[9.085,-3.774],[-6.29,-2.736],[-7.196,-2.703],[0.475,-6.207],[8.767,-6.703],[9.997,-6.512]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0.054,-0.031],[0.087,0.157],[-0.513,-0.256]],"o":[[-1.131,0.635],[-0.172,-0.308],[0.293,0.146]],"v":[[-26.213,1.045],[-28.666,1.726],[-24.656,-0.258]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0.093,0.158],[0,0],[0.39,0.152],[-0.053,0.285],[-0.774,0.331],[0,0],[-0.007,0.297],[0.45,-0.027],[0.463,-0.106],[3.214,0.41],[2.592,-0.529],[0.205,-0.139],[0,0],[2.565,-0.436],[1.21,-0.595],[0.073,-0.172],[0.1,-0.523],[-0.146,-0.377],[-0.106,-0.245],[0.106,-0.033],[-0.119,-0.205],[-0.622,-0.06],[0,0],[-0.119,0],[0,0],[0,0],[-2.211,1.658],[-1.671,-1.215],[1.454,-2.08],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.828,1.434],[-1.712,-1.368],[0.394,-1.724],[0,0],[-0.158,0.036],[-0.33,0.252],[-0.039,0.264],[-0.093,0.08],[-0.02,0.965]],"o":[[-0.092,-0.159],[0,0],[-0.39,-0.152],[0.053,-0.284],[0.774,-0.33],[0.007,-0.099],[0.006,-0.298],[-0.45,0.026],[-0.463,0.106],[-3.213,-0.41],[-2.593,0.529],[-0.205,0.139],[0,0],[-2.566,0.437],[-1.21,0.595],[-0.072,0.171],[-0.099,0.522],[0.145,0.376],[0.106,0.245],[-0.106,0.033],[0.119,0.205],[0.622,0.059],[0,0],[0.119,0],[0,0],[-1.547,-2.062],[1.653,-1.239],[2.213,1.608],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.866,-1.934],[1.723,-1.353],[1.526,1.22],[0,0],[0,0],[0.101,-0.022],[0.331,-0.251],[0.04,-0.265],[0.093,-0.079],[0.02,-0.966]],"v":[[28.957,-0.575],[28.468,-1.137],[26.294,-1.066],[25.428,-2.078],[26.876,-2.779],[27.694,-3.187],[28.296,-4.43],[27.681,-4.913],[25.426,-4.536],[12.557,-7.485],[1.435,-7.763],[-9.318,-3.604],[-9.543,-3.465],[-19.144,-2.46],[-27.443,0.324],[-28.991,1.548],[-28.978,3.386],[-28.931,5.132],[-28.607,5.634],[-28.455,6.586],[-29.149,7.135],[-25.81,7.83],[-24.897,7.909],[-24.798,8.292],[-22.847,7.968],[-22.834,7.968],[-21.851,1.225],[-16.191,1.182],[-15.053,7.837],[-11.103,7.77],[12.65,7.545],[12.826,7.54],[12.867,7.539],[14.43,7.531],[14.179,7.053],[15.612,1.295],[21.549,1.324],[23.241,6.166],[23.059,6.781],[23.984,6.619],[27.846,5.389],[28.203,5.006],[28.309,4.569],[29.248,1.693]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[29.518,8.542],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":6,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":242,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Rectangle Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.502],"y":[1]},"o":{"x":[0.498],"y":[0]},"t":30,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":90,"s":[-90]},{"i":{"x":[0.503],"y":[1]},"o":{"x":[0.501],"y":[0]},"t":150,"s":[-90]},{"t":210,"s":[0]}],"ix":10},"p":{"a":0,"k":[90.157,90,0],"ix":2},"a":{"a":0,"k":[73.544,90,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[56.13,157.982],[93.358,157.982]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.974,0],[0,0],[0,0.974],[0,0],[-0.974,0],[0,0],[0,-0.974],[0,0]],"o":[[0,0],[-0.974,0],[0,0],[0,-0.974],[0,0],[0.974,0],[0,0],[0,0.974]],"v":[[17.232,2.5],[-17.232,2.5],[-18.995,0.736],[-18.995,-0.736],[-17.232,-2.5],[17.232,-2.5],[18.996,-0.736],[18.996,0.736]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[74.744,18.212],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.418,0],[0,0],[0,5.302],[0,0],[-4.418,0],[0,0],[0,0],[0,0],[0,0],[0,-5.302],[0,0]],"o":[[0,0],[-4.418,0],[0,0],[0,-5.302],[0,0],[0,0],[0,0],[0,0],[4.418,0],[0,0],[0,5.302]],"v":[[29.5,75],[-29.5,75],[-37.5,65.4],[-37.5,-65.4],[-29.5,-75],[-5.47,-75],[0,-75],[5.384,-75],[29.5,-75],[37.5,-65.4],[37.5,65.4]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[73.387,90],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.634,0.634],[2.626,8.432],[-11.18,15.406],[-1.654,-1.234],[1.223,-1.646],[-5.774,-15.989],[0,0],[0,0]],"o":[[-8.098,-7.749],[-5.464,-17.638],[1.188,-1.68],[1.723,1.234],[-10.27,14.145],[0,0],[0,0],[-0.033,0.877]],"v":[[9.672,39.612],[-5.926,14.36],[2.672,-38.188],[7.864,-39.012],[8.723,-33.815],[1.971,14.422],[11.308,14.453],[11.39,38.881]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[11.64,91.164],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.634,-0.634],[-2.626,-8.432],[11.18,-15.406],[1.654,1.234],[-1.223,1.646],[5.774,15.989],[0,0],[0,0]],"o":[[8.098,7.749],[5.464,17.638],[-1.188,1.68],[-1.723,-1.234],[10.271,-14.145],[0,0],[0,0],[0.033,-0.877]],"v":[[-9.672,-39.612],[5.926,-14.36],[-2.672,38.188],[-7.864,39.012],[-8.723,33.815],[-1.971,-14.422],[-11.308,-14.453],[-11.39,-38.881]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.999998863071,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[135.449,90.081],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":242,"st":0,"bm":0}],"markers":[]}