{"id":319,"date":"2026-04-13T02:30:39","date_gmt":"2026-04-13T02:30:39","guid":{"rendered":"https:\/\/metaartron.com\/?page_id=319"},"modified":"2026-04-13T02:31:05","modified_gmt":"2026-04-13T02:31:05","slug":"contour-plan-1","status":"publish","type":"page","link":"https:\/\/metaartron.com\/?page_id=319","title":{"rendered":"contour plan 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"319\" class=\"elementor elementor-319\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f85ee28 e-flex e-con-boxed e-con e-parent\" data-id=\"f85ee28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8add2f elementor-widget elementor-widget-html\" data-id=\"c8add2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- META ARTRON \u2014 TOPOGRAPHIC CONTOUR BACKGROUND -->\r\n\r\n<canvas id=\"meta-bg\"><\/canvas>\r\n\r\n<style>\r\n#meta-bg{\r\n  position: fixed;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  background:#050505;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n\r\nconst canvas = document.getElementById(\"meta-bg\");\r\nconst ctx = canvas.getContext(\"2d\");\r\n\r\nlet w, h;\r\n\r\nfunction resize(){\r\n  w = canvas.width = window.innerWidth;\r\n  h = canvas.height = window.innerHeight;\r\n}\r\nresize();\r\nwindow.addEventListener(\"resize\", resize);\r\n\r\n\/\/ MOUSE\r\nlet mouse = {x:0, y:0};\r\nwindow.addEventListener(\"mousemove\", (e)=>{\r\n  mouse.x = (e.clientX \/ w - 0.5) * 2;\r\n  mouse.y = (e.clientY \/ h - 0.5) * 2;\r\n});\r\n\r\n\/\/ HEIGHT FUNCTION (MOUNTAIN FIELD)\r\nfunction height(x,y,t){\r\n\r\n  let nx = x \/ w - 0.5;\r\n  let ny = y \/ h - 0.5;\r\n\r\n  let d = Math.sqrt(nx*nx + ny*ny);\r\n\r\n  let h1 = Math.sin(nx*6 + t);\r\n  let h2 = Math.cos(ny*6 + t*1.2);\r\n  let h3 = Math.sin((nx+ny)*4 + t*0.6);\r\n\r\n  let radial = Math.exp(-d*3.5);\r\n\r\n  let value = (h1 + h2 + h3) * 0.5 * radial;\r\n\r\n  \/\/ subtle mouse deformation\r\n  value += Math.sin(d*10 - t*2) * mouse.x * 0.2;\r\n\r\n  return value;\r\n}\r\n\r\n\/\/ DRAW CONTOURS\r\nlet t = 0;\r\n\r\nfunction draw(){\r\n\r\n  ctx.clearRect(0,0,w,h);\r\n\r\n  ctx.strokeStyle = \"rgba(255,40,40,0.25)\";\r\n  ctx.lineWidth = 1;\r\n\r\n  let step = 8;           \/\/ grid resolution\r\n  let levels = 14;        \/\/ number of contour levels\r\n\r\n  for(let l = -levels; l <= levels; l++){\r\n\r\n    let threshold = l * 0.08;\r\n\r\n    ctx.beginPath();\r\n\r\n    for(let x = 0; x < w; x += step){\r\n      for(let y = 0; y < h; y += step){\r\n\r\n        let h1 = height(x,y,t);\r\n        let h2 = height(x+step,y,t);\r\n        let h3 = height(x,y+step,t);\r\n        let h4 = height(x+step,y+step,t);\r\n\r\n        \/\/ marching squares logic (simple)\r\n        if((h1 > threshold) !== (h2 > threshold)){\r\n          ctx.moveTo(x,y);\r\n          ctx.lineTo(x+step,y);\r\n        }\r\n        if((h1 > threshold) !== (h3 > threshold)){\r\n          ctx.moveTo(x,y);\r\n          ctx.lineTo(x,y+step);\r\n        }\r\n        if((h2 > threshold) !== (h4 > threshold)){\r\n          ctx.moveTo(x+step,y);\r\n          ctx.lineTo(x+step,y+step);\r\n        }\r\n        if((h3 > threshold) !== (h4 > threshold)){\r\n          ctx.moveTo(x,y+step);\r\n          ctx.lineTo(x+step,y+step);\r\n        }\r\n\r\n      }\r\n    }\r\n\r\n    ctx.stroke();\r\n  }\r\n\r\n  t += 0.008; \/\/ slow = luxury\r\n  requestAnimationFrame(draw);\r\n}\r\n\r\ndraw();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-319","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/pages\/319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metaartron.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=319"}],"version-history":[{"count":4,"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/pages\/319\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/pages\/319\/revisions\/323"}],"wp:attachment":[{"href":"https:\/\/metaartron.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}