{"id":4109,"date":"2025-08-11T12:59:38","date_gmt":"2025-08-11T12:59:38","guid":{"rendered":"https:\/\/omanxr.om\/?page_id=4109"},"modified":"2025-09-28T13:46:38","modified_gmt":"2025-09-28T13:46:38","slug":"nap_page","status":"publish","type":"page","link":"https:\/\/omanxr.om\/index.php\/nap_page\/","title":{"rendered":"Rifinery_Page"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:5vh;--awb-margin-top:12vh;--awb-margin-top-medium:12vh;--awb-margin-top-small:15vh;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\" style=\"--awb-margin-top:2vh;\"><h2 style=\"color: #00728d;\">Refinery WebGL &amp; Digital twin project<\/h2>\n<\/div><div class=\"fusion-text fusion-text-2 fusion-text-no-margin\" style=\"--awb-margin-top:-3vh;--awb-margin-bottom:7vh;\"><p>This project represents an advanced 3D simulation of a refinery, developed using cutting-edge WebGL technology. The system provides a precise, interactive, and realistic visualization, enabling comprehensive analysis and inspection of complex industrial structures entirely online, without the need for additional software. The objective of this initiative is to enhance engineering, tourism, educational, and managerial processes by delivering an innovative and efficient 3D visualization solution that can significantly contribute to improved productivity and cost reduction.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-3vh;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div style=\"position: relative; width:100%; margin:auto; max-width:1100px;\">\n  <div style=\"position:relative; width:100%; padding-top:56.25%; \/* \u0646\u0633\u0628\u062a 16:9 *\/\">\n    <iframe \n      id=\"myIframe\"\n      src=\"\/wp-content\/uploads\/WebGL Palayesh\/index.html\"\n      style=\"border:none; position:absolute; top:0; left:0; width:100%; height:100%; display:block;\"\n      scrolling=\"no\">\n    <\/iframe>\n\n    <!-- \u062f\u06a9\u0645\u0647 \u0641\u0648\u0644\u200c\u0627\u0633\u06a9\u0631\u06cc\u0646 -->\n    <button onclick=\"goFullScreen()\" class=\"fullscreen-btn\">\u26f6<\/button>\n  <\/div>\n<\/div>\n\n<style>\n.fullscreen-btn {\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  background: #00728d;\n  color: white;\n  border: none;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 8px rgba(0,0,0,0.3);\n  cursor: pointer;\n  transition: background 0.3s ease;\n  z-index: 1000;\n}\n\n\/* \u0627\u0641\u06a9\u062a \u0647\u0627\u0648\u0631 *\/\n.fullscreen-btn:hover {\n  background: #0099b3;\n}\n\n\/* \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u062f\u06a9\u0645\u0647 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n@media (max-width: 768px) {\n  .fullscreen-btn {\n    display: none !important;\n  }\n}\n<\/style>\n\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-3\" style=\"--awb-margin-top:4vh;\"><p data-start=\"62\" data-end=\"323\">This animation presents an accurate and realistic representation of a refinery, designed using advanced 3D technology. The video highlights various components, processes, and industrial structures in a clear and understandable way.The purpose of this animation is to provide a practical and engaging visualization for education, presentation, management, and even industrial tourism. Through such visual demonstrations, complex processes and structures can be better understood and introduced in a more attractive and tangible manner.<\/p>\n<\/div><div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; height: 85vh; gap: 15px;margin-top:5vh\">\n  \n  <!-- \u0648\u06cc\u062f\u0626\u0648 -->\n  <video autoplay muted loop playsinline style=\"max-width: 90%; height: auto; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.3);\">\n    <source src=\"https:\/\/omanxr.om\/wp-content\/uploads\/2025\/08\/aR-vR.mp4\" type=\"video\/mp4\">\n    \u0645\u0631\u0648\u0631\u06af\u0631 \u0634\u0645\u0627 \u0627\u0632 \u0648\u06cc\u062f\u0626\u0648\u06cc HTML5 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.\n  <\/video>\n\n<\/div>\n<\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4109","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/omanxr.om\/index.php\/wp-json\/wp\/v2\/pages\/4109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/omanxr.om\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/omanxr.om\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/omanxr.om\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/omanxr.om\/index.php\/wp-json\/wp\/v2\/comments?post=4109"}],"version-history":[{"count":44,"href":"https:\/\/omanxr.om\/index.php\/wp-json\/wp\/v2\/pages\/4109\/revisions"}],"predecessor-version":[{"id":4581,"href":"https:\/\/omanxr.om\/index.php\/wp-json\/wp\/v2\/pages\/4109\/revisions\/4581"}],"wp:attachment":[{"href":"https:\/\/omanxr.om\/index.php\/wp-json\/wp\/v2\/media?parent=4109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}