{"id":1968,"date":"2019-05-19T08:25:25","date_gmt":"2019-05-19T08:25:25","guid":{"rendered":"https:\/\/mohammadhassam.com\/blog\/?p=1968"},"modified":"2019-05-19T17:00:46","modified_gmt":"2019-05-19T17:00:46","slug":"using-3d-models-to-build-interactive-e-learning","status":"publish","type":"post","link":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/","title":{"rendered":"Using 3D Models to Build Interactive E-Learning"},"content":{"rendered":"<p>Last week David Anderson &#8211; The Articulate Guru gave us the challenge to create an interactive eLearning example using 3D objects in Storyline. The demo can be interactive or static. Using 3D assets already created, build an example. Click <a href=\"https:\/\/community.articulate.com\/articles\/using-3d-models-to-build-interactive-elearning?page=1#comment-78078\">here<\/a> to see the details of the challenge.<\/p>\n<p>I am new in using 3D objects and overall it&#8217;s a new and incredible experience. Here you go:<\/p>\n<style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/mohammadhassam.com\/samples\/3d\/story_html5.html\"  width=\"100%\"  height=\"600\"  frameborder=\"0\"  border=\"0\"  allowtransparency=\"true\"  loading=\"lazy\"  style=\";border-width: 0px;;border: none;;width:100%;;height:600px;\" ><\/iframe><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\nfunction resizeCallbackadvanced_iframe() {}<\/script><script type=\"text\/javascript\"><\/script><p style=\"display:block !important; visibility:visible !important;margin: -18px 14px 0 0;padding-left: 3px;padding-top:3px;background: white; overflow: hidden; position: relative; line-height:15px;width: fit-content;\"><small style=\"display:block !important;visibility:visible !important\">powered by Advanced iFrame<\/small><\/p>\n<p><strong>Tip<\/strong>:\u00a0 I just ran a compatibility test and found an issue. When you launch a project with video embedded on iOS or Android, the video overlaps and comes on top of the player.<\/p>\n<p>The quick fix is to publish your project as HTML\/Flash selecting &#8220;Use Articulate Mobile Player for iOS and Android.&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-1975\" src=\"https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/publish-as.png\" alt=\"\" width=\"459\" height=\"398\" srcset=\"https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/publish-as.png 609w, https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/publish-as-300x260.png 300w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last week David Anderson &#8211; The Articulate Guru gave us the challenge to create an interactive eLearning example using 3D objects in Storyline. The demo can be interactive or static. &#8230;<\/p>\n","protected":false},"author":1,"featured_media":1970,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_exactmetrics_skip_tracking":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1968","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elearning"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using 3D Models to Build Interactive E-Learning - Mohammad Hassam<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using 3D Models to Build Interactive E-Learning - Mohammad Hassam\" \/>\n<meta property=\"og:description\" content=\"Last week David Anderson &#8211; The Articulate Guru gave us the challenge to create an interactive eLearning example using 3D objects in Storyline. The demo can be interactive or static. ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/\" \/>\n<meta property=\"og:site_name\" content=\"Mohammad Hassam\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-19T08:25:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-19T17:00:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/3d-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1713\" \/>\n\t<meta property=\"og:image:height\" content=\"867\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/#\\\/schema\\\/person\\\/afda2a1a5f93605403c1c7f5f884301f\"},\"headline\":\"Using 3D Models to Build Interactive E-Learning\",\"datePublished\":\"2019-05-19T08:25:25+00:00\",\"dateModified\":\"2019-05-19T17:00:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/\"},\"wordCount\":137,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/3d-1.png\",\"articleSection\":[\"eLearning\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/\",\"url\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/\",\"name\":\"Using 3D Models to Build Interactive E-Learning - Mohammad Hassam\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/3d-1.png\",\"datePublished\":\"2019-05-19T08:25:25+00:00\",\"dateModified\":\"2019-05-19T17:00:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/#\\\/schema\\\/person\\\/afda2a1a5f93605403c1c7f5f884301f\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/3d-1.png\",\"contentUrl\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/3d-1.png\",\"width\":1713,\"height\":867},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/2019\\\/05\\\/19\\\/using-3d-models-to-build-interactive-e-learning\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using 3D Models to Build Interactive E-Learning\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/\",\"name\":\"Mohammad Hassam\",\"description\":\"Make Learning Better\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/#\\\/schema\\\/person\\\/afda2a1a5f93605403c1c7f5f884301f\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2da23256325018a4b302e50077aee9f89737ae835d8ab3afc1a52ae852dff2f4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2da23256325018a4b302e50077aee9f89737ae835d8ab3afc1a52ae852dff2f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2da23256325018a4b302e50077aee9f89737ae835d8ab3afc1a52ae852dff2f4?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/mohammadhassam.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using 3D Models to Build Interactive E-Learning - Mohammad Hassam","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/","og_locale":"en_US","og_type":"article","og_title":"Using 3D Models to Build Interactive E-Learning - Mohammad Hassam","og_description":"Last week David Anderson &#8211; The Articulate Guru gave us the challenge to create an interactive eLearning example using 3D objects in Storyline. The demo can be interactive or static. ...","og_url":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/","og_site_name":"Mohammad Hassam","article_published_time":"2019-05-19T08:25:25+00:00","article_modified_time":"2019-05-19T17:00:46+00:00","og_image":[{"width":1713,"height":867,"url":"https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/3d-1.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/#article","isPartOf":{"@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/"},"author":{"name":"admin","@id":"https:\/\/mohammadhassam.com\/blog\/#\/schema\/person\/afda2a1a5f93605403c1c7f5f884301f"},"headline":"Using 3D Models to Build Interactive E-Learning","datePublished":"2019-05-19T08:25:25+00:00","dateModified":"2019-05-19T17:00:46+00:00","mainEntityOfPage":{"@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/"},"wordCount":137,"commentCount":0,"image":{"@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/#primaryimage"},"thumbnailUrl":"https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/3d-1.png","articleSection":["eLearning"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/","url":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/","name":"Using 3D Models to Build Interactive E-Learning - Mohammad Hassam","isPartOf":{"@id":"https:\/\/mohammadhassam.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/#primaryimage"},"image":{"@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/#primaryimage"},"thumbnailUrl":"https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/3d-1.png","datePublished":"2019-05-19T08:25:25+00:00","dateModified":"2019-05-19T17:00:46+00:00","author":{"@id":"https:\/\/mohammadhassam.com\/blog\/#\/schema\/person\/afda2a1a5f93605403c1c7f5f884301f"},"breadcrumb":{"@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/#primaryimage","url":"https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/3d-1.png","contentUrl":"https:\/\/mohammadhassam.com\/blog\/wp-content\/uploads\/2019\/05\/3d-1.png","width":1713,"height":867},{"@type":"BreadcrumbList","@id":"https:\/\/mohammadhassam.com\/blog\/2019\/05\/19\/using-3d-models-to-build-interactive-e-learning\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mohammadhassam.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Using 3D Models to Build Interactive E-Learning"}]},{"@type":"WebSite","@id":"https:\/\/mohammadhassam.com\/blog\/#website","url":"https:\/\/mohammadhassam.com\/blog\/","name":"Mohammad Hassam","description":"Make Learning Better","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mohammadhassam.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/mohammadhassam.com\/blog\/#\/schema\/person\/afda2a1a5f93605403c1c7f5f884301f","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/2da23256325018a4b302e50077aee9f89737ae835d8ab3afc1a52ae852dff2f4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2da23256325018a4b302e50077aee9f89737ae835d8ab3afc1a52ae852dff2f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2da23256325018a4b302e50077aee9f89737ae835d8ab3afc1a52ae852dff2f4?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/mohammadhassam.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/posts\/1968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/comments?post=1968"}],"version-history":[{"count":8,"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/posts\/1968\/revisions"}],"predecessor-version":[{"id":1980,"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/posts\/1968\/revisions\/1980"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/media\/1970"}],"wp:attachment":[{"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/media?parent=1968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/categories?post=1968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mohammadhassam.com\/blog\/wp-json\/wp\/v2\/tags?post=1968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}