{"id":100179,"date":"2019-03-22T22:49:20","date_gmt":"2019-03-22T22:49:20","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/vrm360\/"},"modified":"2022-07-13T21:26:44","modified_gmt":"2022-07-13T21:26:44","slug":"vrm360","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/vrm360\/","author":15110510,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2.1","stable_tag":"trunk","tested":"6.0.11","requires":"4.0.1","requires_php":"5.3","requires_plugins":"","header_name":"Vrm360","header_author":"Maurice","header_description":"3D model viewer w\/ rotation and zoom","assets_banners_color":"c1c7e5","last_updated":"2022-07-13 21:26:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/vrm360\/","header_author_uri":"https:\/\/easyw.github.io\/","rating":4.7,"author_block_rating":0,"active_installs":1000,"downloads":25589,"num_ratings":0,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.2.1":"<ul>\n<li>directional and ambient light color &amp; intensity<\/li>\n<li>directional light position<\/li>\n<li>allowing to hide buttons on mobile device<\/li>\n<li>debug console log available<\/li>\n<li>allowed multimimes types per extension<\/li>\n<li>updated THREE.WebGLRenderer to 1.0.5<\/li>\n<li>fixed fbx loader for non animated models<\/li>\n<li>zip archive allowed for 3D file upload<\/li>\n<li>added border color &amp; width, ground floor, background image and other controls <\/li>\n<li>allow mouse control of three.js scene only when mouse is over canvas<\/li>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added &quot;ask for support&quot; and &quot;rate this plugin&quot; link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>"},"ratings":{"1":1,"2":2,"3":0,"4":0,"5":27},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2057686,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2057686,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2060832,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2055710,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2071255,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2071426,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2071442,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Screenshot-1.png","2":"Screenshot-2.png","3":"Screenshot-3.png","4":"Screenshot-4.png"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[76709,759,810,811,15680],"plugin_category":[],"plugin_contributors":[94808],"plugin_business_model":[],"class_list":["post-100179","plugin","type-plugin","status-closed","hentry","plugin_tags-360-deg-viewer","plugin_tags-360-product-viewer","plugin_tags-3d-model-display","plugin_tags-3d-model-viewer","plugin_tags-3d-viewer","plugin_contributors-maui2wp","plugin_committers-maui2wp"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/vrm360_c1c7e5.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/vrm360\/assets\/screenshot-1.png?rev=2055710","caption":"Screenshot-1.png"},{"src":"https:\/\/ps.w.org\/vrm360\/assets\/screenshot-2.png?rev=2071255","caption":"Screenshot-2.png"},{"src":"https:\/\/ps.w.org\/vrm360\/assets\/screenshot-3.png?rev=2071426","caption":"Screenshot-3.png"},{"src":"https:\/\/ps.w.org\/vrm360\/assets\/screenshot-4.png?rev=2071442","caption":"Screenshot-4.png"}],"raw_content":"<!--section=description-->\n<p>A featured plugin to add 360 degrees and 3d model view models w\/ rotation and zoom in wordpress using shortcodes\nResponsive Web Design\nDisplays 3D model on wordPress page, post, or custom page\n3D model Zoom &amp; Rotation enabled\nAllowed format to display the product: obj (within mtl &amp; png), stl, wrl, fbx (with animation)\nZip archive files allowed (ZipArchive PHP Extension Class needs to be enabled in your WP site)\nModel compatibility w\/ Blender software\n3D Library from threejs.org<\/p>\n\n<p>Looking for a 3D model (Photography turntable based on images) full rotation &amp; zoom plugin? \nTry the <a href=\"https:\/\/wordpress.org\/plugins\/spin360\/\">Spin360 wordpress 3D plugin<\/a><\/p>\n\n<h4>Demo<\/h4>\n\n<p><a href=\"https:\/\/easyw.github.io\/vrm360\/\">Live Demo 3D<\/a><\/p>\n\n<p>Sample 3D project shortcode:<\/p>\n\n<pre><code>[vrm360 canvas_name=s1 model_url=demo.obj aspect_ratio=1.8 initial_offset=0.9]\n<\/code><\/pre>\n\n<p>full_3d_model_url -&gt; a reference to a web resource that specifies its location<\/p>\n\n<pre><code>[vrm360 canvas_name=s2 model_url=full_3d_model_url aspect_ratio=1.33333 hide_cmds=all]\n<\/code><\/pre>\n\n<h4>Plugin Features<\/h4>\n\n<ul>\n<li>3D model Display<\/li>\n<li>obj (obj with mtl &amp; texture), stl, wrl, fbx (with animation), zip archive<\/li>\n<li>360 deg and 3D view enabled<\/li>\n<li>ShortCodes System<\/li>\n<li>Very Lightweight<\/li>\n<li>three.js 3D engine<\/li>\n<li>KiCAD 3D wrl support<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>your_wordpress_plugins_dir\/vrm360<\/code> directory, or Install as a regular WordPress plugin<\/li>\n<li>Go your Plugins page via WordPress Dashboard and activate it<\/li>\n<li><p>Use these shortcodes to post or page<\/p>\n\n<p>[vrm360 canvas_name=s1 model_url=full_3d_model_url aspect_ratio=1.33333 hide_cmds=zoom,fullscreen]<\/p>\n\n<p>defaults: <code>canvas_name=s1, aspect_ratio=1.33333, hide_cmds=false<\/code><\/p>\n\n<p><strong>Be sure to use the HTML editor when inserting shortcodes!<\/strong><\/p><\/li>\n<li><p>obj, mtl and png texture file must be located at the same folder and same server<\/p>\n\n<p>mtl and png are optional;<\/p>\n\n<p>place the full url location of your obj file inside the shortcode<\/p>\n\n<p>for 3D models the obj, mtl and png files can be generated using <strong>Blender<\/strong><\/p>\n\n<p>upload your 3d model files (obj, [mtl and png]) in your WordPress Library or to your model library site.<\/p>\n\n<p>NB: you can check the full url location in your Media Library with its Attachment Details.<\/p><\/li>\n<li><p>Modify the css style to adapt some features<\/p>\n\n<ul>\n<li>change <code>css\/vrm-style.css<\/code> to change some style aspect<\/li>\n<\/ul><\/li>\n<li><p>click to stop animation, click and hold to drag, double click to restart or invert sense of animation<\/p>\n\n<p>left-mouse\/one-finger: Orbit;  middle-mouse\/two-fingers: Zoom; right-mouse\/three-fingers: Pan<\/p><\/li>\n<\/ol>\n\n<p>Shortcode Parameters:<\/p>\n\n<ul>\n<li>canvas_name = canvas name needed in case of multiple shows on the same page (required)<\/li>\n<li>model_url = full 3d model url (required)<\/li>\n<li>aspect_ratio = any number i.e.: 1.3333  for 4\/3 aspect ratio<\/li>\n<li>initial_offset = any positive number around 1.0 (camera offset, default 1.15)<\/li>\n<li>change <code>css\/vrm-style.css<\/code> to adapt some style aspect (as loading image or button font color)<\/li>\n<li>hide_cmds = all, fullscreen, fit, run, zoom, on_mobile or false  (default is false)<\/li>\n<li>speed = any number (default spin rotation value = 1.0)<\/li>\n<li>autostart = true\/false (default false)<\/li>\n<li>backgcolor = html color value (default #D9D9D9)<\/li>\n<li>lightcolor = html directional light color value (default #FFFFFF)<\/li>\n<li>lightintensity = directional light intensity (default 0.9)<\/li>\n<li>lx, ly, lz = directional light position (default lx=2 ly=2 lz=2)<\/li>\n<li>amb_lightcolor = html ambient light color value (default #FFFFFF)<\/li>\n<li>amb_lightintensity = &gt; ambient light intensity (default 0.9)<\/li>\n<li>border_color = html color for canvas border (default = #D9D9D9)<\/li>\n<li>border_width = canvas border width in pixels (default = 1); set it to 0 to remove canvas border.<\/li>\n<li>mesh_color = html color value for stl models (default #FF5533)<\/li>\n<li>rx = deg, ry = deg, rz = deg (model rotation angle, default rx=0,ry=0,rz=0)<\/li>\n<li>back_image_url = full background image url (default = '')<\/li>\n<li>ground = true\/false (ground plane, default false)<\/li>\n<li>ground_color = html color (ground plane color, default #999999)<\/li>\n<li>ground_offset = any number (ground plane offset, default = 0.0)<\/li>\n<li>grid = true\/false (grid on floor, default false)<\/li>\n<li>button_color = html color for buttons (default = #99CC99)<\/li>\n<li>debug = debugging console log (default = false)<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt id='3d%20model%20rotation%20%26%20zoom%2C%20360%20view%20enabled%2C%20based%20on%203d%20model%20%28obj%2C%20stl%2C%20wrl%2C%20fbx%20%5Bwith%20animation%5D%20format%29'><h3>3D model Rotation &amp; Zoom, 360 view enabled, based on 3D model (obj, stl, wrl, fbx [with animation] format)<\/h3><\/dt>\n<dd><ul>\n<li>Fully <strong>Responsive design<\/strong>; works on <strong>mobile devices<\/strong>; <\/li>\n<li><strong>click<\/strong> to RUN\/STOP rotation;<\/li>\n<li><strong>click and hold<\/strong> to DRAG; <\/li>\n<li><strong>doubleclick<\/strong> to zoom fit;<\/li>\n<li><strong>mousewheel \/ two fingers spread or squish<\/strong> zooming<\/li>\n<li><strong>left click \/ one finger<\/strong> orbit<\/li>\n<li><strong>right click \/ three fingers swipe<\/strong> panning<\/li>\n<li><strong>full screen<\/strong> option<\/li>\n<li><strong>WIP multy canvas<\/strong> option<\/li>\n<li><p><strong>clear your site cache<\/strong> after a plugin update<\/p><\/li>\n<li><p>be sure to use the HTML editor when inserting shortcodes<\/p><\/li>\n<li><p>in case of use of \"minify HTML\" plugin, don't enable compression for inline scripts<\/p><\/li>\n<li><p><strong>WIP to have many 3D models or to resize the canvas<\/strong> in the page, it will be possible to use the shortcode inside i.e. a table and set the cell dimension of the table. That will force the plugin to resize itself to the cell size<\/p><\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>directional and ambient light color &amp; intensity<\/li>\n<li>directional light position<\/li>\n<li>allowing to hide buttons on mobile device<\/li>\n<li>debug console log available<\/li>\n<li>allowed multimimes types per extension<\/li>\n<li>updated THREE.WebGLRenderer to 1.0.5<\/li>\n<li>fixed fbx loader for non animated models<\/li>\n<li>zip archive allowed for 3D file upload<\/li>\n<li>added border color &amp; width, ground floor, background image and other controls <\/li>\n<li>allow mouse control of three.js scene only when mouse is over canvas<\/li>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<ul>\n<li>allowed multimimes types per extension<\/li>\n<li>updated THREE.WebGLRenderer to 1.0.5<\/li>\n<li>fixed fbx loader for non animated models<\/li>\n<li>zip archive allowed for 3D file upload<\/li>\n<li>added border color &amp; width, ground floor, background image and other controls <\/li>\n<li>allow mouse control of three.js scene only when mouse is over canvas<\/li>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.1.3<\/h4>\n\n<ul>\n<li>updated THREE.WebGLRenderer to 1.0.5<\/li>\n<li>fixed fbx loader for non animated models<\/li>\n<li>zip archive allowed for 3D file upload<\/li>\n<li>added border color &amp; width, ground floor, background image and other controls <\/li>\n<li>allow mouse control of three.js scene only when mouse is over canvas<\/li>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>zip archive allowed for 3D file upload<\/li>\n<li>added border color &amp; width, ground floor, background image and other controls <\/li>\n<li>allow mouse control of three.js scene only when mouse is over canvas<\/li>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>zip archive allowed for 3D file upload<\/li>\n<li>added ground floor, background image and other controls <\/li>\n<li>allow mouse control of three.js scene only when mouse is over canvas<\/li>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>added ground floor, background image and other controls <\/li>\n<li>allow mouse control of three.js scene only when mouse is over canvas<\/li>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>allow mouse control of three.js scene only when mouse is over canvas<\/li>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>obj (within mtl &amp; png), stl, wrl, fbx (with animation)<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>obj (within mtl &amp; png)<\/li>\n<li>initial commit<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>added \"ask for support\" and \"rate this plugin\" link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>shortcodes for page\/post<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<p>Basic version<\/p>","raw_excerpt":"360 viewing support for 3D models (obj + mtl, stl, wrl, fbx with animation) w\/ rotation and zoom in wordpress using shortcodes;\nResponsive Web Design; &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/100179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=100179"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/maui2wp"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=100179"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=100179"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=100179"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=100179"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=100179"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=100179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}