{"id":2,"date":"2022-04-05T13:25:59","date_gmt":"2022-04-05T13:25:59","guid":{"rendered":"https:\/\/beyond3d.co.za\/?page_id=2"},"modified":"2022-04-06T13:56:26","modified_gmt":"2022-04-06T13:56:26","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/beyond3d.co.za\/?page_id=2","title":{"rendered":"Services"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">In a Nutshell<\/h3>\n\n\n\n<p>Get breathtaking visuals that make your ads stand out \u2014 3D rendering is the next way to create print materials. Nothing is out of reach: 16K quality, product shots for billboards, magazines, websites, and 4 times less expensive than photography.<\/p>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\">Marketing Research<\/h3>\n\n\n\n<p>Sell before manufacturing \u2014 and be a market visionary. With 3D product modeling services, there is no need to launch the product in order to learn if it will fit the market. All it takes is to get 3D models and collect reviews or pre-sell online.<\/p>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\">Configurators<\/h3>\n\n\n\n<p>Showcase your product fully. Choice is a powerful selling point, so it\u2019s vital to show prospects all the options \u2014 in 360 view, allow them to change styles, materials, sizes, colors, textures. And the easiest and fastest way to do that is using 3D Renders.<\/p>\n\n\n\r\n    <div class='imgover'>\r\n    <div class='container'>\r\n    <style>\r\n        [class^=\"icon-\"], [class*=\" icon-\"]  {\r\n            color:#00ABFF;\r\n        }\r\n    <\/style>\r\n    <i id='s2R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s2Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s2ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s2Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s2FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/beyond3d.co.za\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s2S' class='s2' style='cursor:pointer;' >\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <style>\r\n        .spritespin-instance.loading {\r\n            background: url(\"https:\/\/beyond3d.co.za\/wp-content\/plugins\/spin360\/ajax-loader-sm.svg\");\r\n            background-position: 50% 50%;\r\n            background-repeat: repeat-y; }\r\n            \/*background-repeat: no-repeat; }*\/\r\n    <\/style>\r\n    <script type='text\/javascript'>\/\/ <![CDATA[\r\n       jQuery(document).ready(function($) {\r\n        setTimeout(function() { jQuery('.imgloader').fadeOut('slow'); \/\/ hide();\r\n            }, 3000);\r\n        });\r\n       \/\/ full-screen available?\r\n       fsa=false;\r\n       if (\r\n            document.fullscreenEnabled ||\r\n            document.webkitFullscreenEnabled ||\r\n            document.mozFullScreenEnabled ||\r\n            document.msFullscreenEnabled\r\n        )\r\n          {\r\n           fsa=true; \/*console.log('full screen available');*\/\r\n          }\r\n       jQuery(function(){ \/\/document ready\r\n           jQuery('#s2Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s2FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = window.devicePixelRatio * sc;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                jQuery('.s2').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s2FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s2FS').hide();}\r\n           jQuery('#s2R').click(function(e){ \/\/ console.log('s2');\r\n           jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;jQuery('.s2').spritespin('api').startAnimation(); });\r\n           jQuery('#s2R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s2FS').hide();\r\n              jQuery('#s2R').hide();\r\n              jQuery('#s2Zu').hide();\r\n              jQuery('#s2ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s2FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s2R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s2Zu').hide();\r\n              jQuery('#s2ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/beyond3d.co.za\/wp-content\/uploads\/spin360show\/Office\/';\r\n           pathVar=pathVar+'{frame}'+'.jpg';\r\n           \/\/spritespin instance\r\n           jQuery('.s2').spritespin({width: '800', height: '551.72413793103', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'32'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: true, frameTime: '80', animate: true, orientation: 'horizontal'});\r\n           \/\/ orientation: 'vertical', \/\/'horizontal', \/\/vertical value will make animation on mouse up\/dowm movenemt    \r\n           if ( '1' == '-1' )\r\n                {\r\n                    jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;\r\n                }\r\n           \/\/panzoom-init\r\n           jQuery('.spritespin-canvas').panzoom({\r\n                    panOnlyWhenZoomed: true,\r\n                    \/\/disablePan: true,\r\n                    duration: 200, \/\/ duration of the zoom to effect\r\n                    easing: 'ease-in-out', \/\/ type of zoom animation\r\n                    \/\/contain: 'invert',\r\n                    minScale: 1,\r\n                    increment: .5,\r\n                    maxScale: 5,\r\n                    linearZoom: true,\r\n                    which: 1, \/\/ changing this values makes pan possible on right lcick of mouse value : 1(left),2(middle),3(right clcik)\r\n                    \/\/ Pan only on the X or Y axes\r\n                    disableXAxis: false,\r\n                    disableYAxis: false,\r\n                    _zoomIn: jQuery('#s2Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s2Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s2ZR'), \/\/.reset-1'),\r\n                    \/\/ _zoomRange: jQuery('.zoom-range'),\r\n                    onStart: undefined,\r\n                    onChange: function(){},\r\n                    onZoom: undefined,\r\n                    onPan: undefined,\r\n                    onEnd: function(){},\r\n                    onReset: function(){}\r\n                });\r\n                \/\/end panzoom instance\r\n            var panzoom1 = jQuery('.spritespin-canvas').panzoom('instance');\r\n            \r\n           }); \/\/end document ready function\r\n           document.addEventListener('fullscreenchange', function() {\r\n                \/\/console.log('fullscreenchange event fired!');\r\n                var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;\r\n                var event = state ? 'FullscreenOn' : 'FullscreenOff';\r\n                \/\/console.log(event,state);\r\n                if (event == 'FullscreenOff') {\r\n                    jQuery('#s2ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s2').on('click', function() {\r\n               if(touchtime == 0) {\r\n                   \/\/set first click\r\n                   touchtime = new Date().getTime();\r\n               } else {\r\n                   \/\/compare first click to this click\r\n                   if(((new Date().getTime())-touchtime) < 300) {\r\n                       \/\/double click occurred\r\n                       jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;\r\n                       jQuery('.s2').spritespin('api').startAnimation();\r\n                       touchtime = 0;\r\n                   } else {\r\n                       \/\/not a double click so set as a new first click\r\n                       jQuery('.s2').spritespin('api').stopAnimation();\r\n                       touchtime = new Date().getTime();\r\n                   }\r\n               }\r\n           });\r\n           \/\/ Whatch fullscreen\r\n           function exitFS() {\r\n             if(document.exitFullscreen) {\r\n               document.exitFullscreen();\r\n             } else if(document.mozCancelFullScreen) {\r\n               document.mozCancelFullScreen();\r\n             } else if(document.webkitExitFullscreen) {\r\n               document.webkitExitFullscreen();\r\n             }\r\n           } \/\/end function\r\n           jQuery(window).on('orientationchange',function(){\r\n              if( fsa == true ) {\r\n                  jQuery('#s2ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s2Zu').on('click', function() { \r\n                mtx = jQuery('#s2S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n            jQuery('#s2ZR').on('click', function() { \r\n                mtx = jQuery('#s2S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n                \r\n    \/\/ ]]><\/script>\r\n    \n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3D Printing &#8211; Coming Soon<\/h3>\n\n\n\n<p>Use a faster and cheaper 3D printing technology to bring products to life. It\u2019s the 4th Industrial Revolution: you only need a 3D model and 3D printer, and the piece is ready for shipping. We\u2019ll take care of 3D models and you\u2019re all set!<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Contact us now to arrange a meeting<br>082 442 8176<\/strong><br><a href=\"mailto:beyond@bdstudio.co.za\">beyond@bdstudio.co.za<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In a Nutshell Get breathtaking visuals that make your ads stand out \u2014 3D rendering is the next way to create print materials. Nothing is out of reach: 16K quality, product shots for billboards, magazines, websites, and 4 times less expensive than photography. Marketing Research Sell before manufacturing \u2014 and be a market visionary. With [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beyond3d.co.za\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beyond3d.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beyond3d.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beyond3d.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beyond3d.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":14,"href":"https:\/\/beyond3d.co.za\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/beyond3d.co.za\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/beyond3d.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}