High Density Engineering<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@700;900&family=JetBrains+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n @font-face {\n font-family: AlienHieroglyph;\n src: url('\/HDE\/public\/font\/AlienHieroglyph-Regular.ttf') format('truetype');\n }\n html {\n scroll-behavior: smooth;\n }\n :root {\n --bg-primary: #000000;\n --bg-secondary: #000000;\n --accent-cyan: #b1ff9a;\n --accent-magenta: #00fff2;\n --text-primary: #ffffff;\n --text-secondary: #888888;\n --grid-color: rgb(0, 255, 255);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'JetBrains Mono', monospace;\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n position: relative;\n }\n\n @keyframes backgroundPulse {\n 0%, 100% {\n background-size: 100% 100%;\n }\n 50% {\n background-size: 120% 120%;\n }\n }\n\n \/* Circuit board pattern overlay *\/\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(90deg, transparent 0%, rgba(0, 255, 242, 0.1) 50%, transparent 0%),\n linear-gradient(0deg, transparent 0%, rgba(177, 255, 154, 0.1) 50%, transparent 0%);\n background-size: 40px 40px;\n opacity: 1;\n pointer-events: none;\n z-index: 0;\n }\n\n @keyframes gridMove {\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 40px 40px;\n }\n }\n\n \/* Glowing orbs that move around *\/\n body::after {\n content: '';\n position: fixed;\n width: 100%;\n height: 100%;\n background-image: \n radial-gradient(circle at 15% 25%, rgba(177, 255, 154, 0.12) 0%, transparent 15%),\n radial-gradient(circle at 85% 75%, rgba(0, 255, 242, 0.12) 0%, transparent 15%),\n radial-gradient(circle at 50% 50%, rgba(177, 255, 154, 0.08) 0%, transparent 20%),\n radial-gradient(circle at 90% 30%, rgba(0, 255, 242, 0.1) 0%, transparent 12%);\n background-size: 100% 100%;\n pointer-events: none;\n z-index: 0;\n animation: floatOrbs 15s ease-in-out infinite;\n }\n\n @keyframes floatOrbs {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n opacity: 0.8;\n }\n 25% {\n transform: translate(-30px, 40px) scale(1.1);\n opacity: 1;\n }\n 50% {\n transform: translate(40px, -30px) scale(0.9);\n opacity: 0.9;\n }\n 75% {\n transform: translate(-20px, -40px) scale(1.05);\n opacity: 1;\n }\n }\n\n .hello {\n font-family: 'AlienHieroglyph';\n font-size: clamp(1.5rem, 5vw, 3rem);\n font-weight: 700;\n letter-spacing: -0.02em;\n margin-bottom: 20px;\n text-align: center;\n color: #ffffff;\n }\n\n .container {\n min-width: 100%;\n margin: 0 auto;\n padding: 0;\n position: relative;\n z-index: 1; \n }\n\n \/* Header *\/\n header {\n background-color: rgb(0, 0, 0);\n padding: 60px 0 40px;\n text-align: center;\n position: relative;\n border-bottom: solid 10px black;\n overflow: hidden;\n }\n\n .video-wrapper {\n position: relative;\n width: 100%;\n overflow: hidden;\n margin-bottom: 20px;\n }\n\n .logo {\n width: 90%;\n height: auto;\n mix-blend-mode: normal;\n filter: saturate(300%) contrast(1.1);\n display: block;\n margin: 0 auto;\n }\n\n \/* Cyan\/Magenta color overlay *\/\n .video-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, \n rgba(177, 255, 154, 0.15) 0%, \n rgba(0, 255, 242, 0.15) 100%);\n mix-blend-mode: screen;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Animated scan lines *\/\n .video-wrapper::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: repeating-linear-gradient(\n 0deg,\n rgba(0, 0, 0, 0.15) 0px,\n transparent 1px,\n transparent 2px,\n rgba(0, 0, 0, 0.15) 3px\n );\n pointer-events: none;\n z-index: 2;\n animation: scanlines 8s linear infinite;\n }\n\n @keyframes scanlines {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(10px);\n }\n }\n\n \/* Vignette effect *\/\n .vignette {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, \n transparent 0%, \n transparent 40%, \n rgba(0, 0, 0, 0.4) 100%);\n pointer-events: none;\n z-index: 3;\n }\n\n \/* Glitch overlay effect *\/\n .glitch-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(0, 255, 242, 0.1) 50%, \n transparent 100%);\n opacity: 0;\n pointer-events: none;\n z-index: 4;\n animation: glitchSlide 4s ease-in-out infinite;\n }\n\n @keyframes glitchSlide {\n 0%, 100% {\n opacity: 0;\n transform: translateX(-100%);\n }\n 10% {\n opacity: 0.7;\n }\n 20% {\n opacity: 0;\n transform: translateX(100%);\n }\n }\n\n \/* RGB split effect on edges *\/\n .rgb-split {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 5;\n opacity: 0.3;\n background: \n linear-gradient(90deg, rgba(0, 255, 242, 0.3) 0%, transparent 5%),\n linear-gradient(270deg, rgba(177, 255, 154, 0.3) 0%, transparent 5%);\n }\n\n \/* 3D Model Container *\/\n #model-container {\n width: 100%;\n height: 500px;\n margin: 30px 0;\n padding: 10px 0 10px 0;\n position: relative;\n background-color: transparent; \/* Dark background so we can see it *\/\n }\n \n #model-container canvas {\n display: block;\n width: 100% !important;\n height: 100% !important;\n }\n \n .loading-indicator {\n position: relative;\n color: var(--accent-cyan);\n font-size: 1.2rem;\n text-align: center;\n z-index: 10;\n }\n \n .loading-spinner {\n width: 50px;\n height: 50px;\n border: 4px solid rgba(177, 255, 154, 0.2);\n border-top: 4px solid var(--accent-cyan);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin: 10% auto 10%;\n }\n \n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n h1 {\n font-family: 'Orbitron', sans-serif;\n font-size: clamp(2.5rem, 8vw, 5rem);\n font-weight: 900;\n letter-spacing: -0.02em;\n margin-bottom: 20px;\n text-align: center;\n color: #ffffff;\n }\n\n .tagline {\n font-family: 'AlienHieroglyph', sans-serif;\n font-size: clamp(1.5rem, 5vw, 3rem);\n font-weight: 700;\n letter-spacing: -0.02em;\n color: #33ff00;\n margin-bottom: 0;\n }\n\n .taglineSub {\n font-family: 'AlienHieroglyph', sans-serif; \n font-size: 1.2rem;\n font-style: italic;\n color: var(--text-secondary);\n font-weight: 400;\n margin-bottom: 0;\n } \n\n .social-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(0, 255, 255, 0.1);\n border: 2px solid var(--accent-cyan);\n color: var(--accent-cyan);\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .social-link::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-cyan);\n transition: left 0.3s ease;\n z-index: -1;\n }\n\n .social-link:hover::before {\n left: 0;\n }\n\n .social-link:hover {\n color: var(--bg-primary);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(0, 255, 255, 0.3);\n }\n\n \/* Projects Section *\/\n .projects-section, .music-art-section {\n padding: 60px 0;\n }\n\n .section-title {\n font-family: 'Orbitron', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n text-align: center;\n margin-bottom: 50px;\n color: var(--text-primary);\n position: relative;\n display: inline-block;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--accent-cyan), var(--accent-magenta));\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n }\n\n .projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-bottom: 60px;\n }\n\n .project-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: center;\n text-align: center;\n background: var(--bg-secondary);\n border: 1px solid rgba(0, 255, 255, 0.2);\n box-shadow: inset 0 0 10px rgb(1, 245, 184);\n padding: 30px;\n position: relative;\n transition: all 0.3s ease;\n opacity: 0;\n animation: fadeInUp 0.6s ease forwards;\n }\n\n .project-card:nth-child(1) { animation-delay: 0.1s; }\n .project-card:nth-child(2) { animation-delay: 0.2s; }\n .project-card:nth-child(3) { animation-delay: 0.3s; }\n .project-card:nth-child(4) { animation-delay: 0.4s; }\n .project-card:nth-child(5) { animation-delay: 0.5s; }\n .project-card:nth-child(6) { animation-delay: 0.6s; }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .project-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--accent-cyan), var(--accent-magenta));\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n\n .project-card:hover::before {\n transform: scaleX(1);\n }\n\n .project-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-cyan);\n box-shadow: 0 10px 40px rgba(0, 255, 255, 0.2);\n }\n\n .project-title {\n font-family: 'Orbitron', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 15px;\n color: var(--text-primary);\n }\n\n .project-description {\n color: var(--text-secondary);\n margin-bottom: 20px;\n font-size: 0.95rem;\n line-height: 1.7;\n }\n\n .download-btn {\n display: inline-block;\n padding: 10px 20px;\n background: transparent;\n border: 2px solid var(--accent-magenta);\n color: var(--accent-magenta);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .download-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-magenta);\n transition: left 0.3s ease;\n z-index: -1;\n }\n\n .download-btn:hover::before {\n left: 0;\n }\n\n .download-btn:hover {\n color: var(--bg-primary);\n transform: translateX(5px);\n }\n\n \/* Footer *\/\n footer {\n text-align: center;\n padding: 40px 0;\n border-top: 1px solid rgba(0, 255, 255, 0.2);\n color: #33ff00;\n font-size: 0.9rem;\n }\n\n .iframe-container {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n iframe {\n width: 600px;\n height: 400px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n h1 {\n font-size: 3rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .projects-grid {\n grid-template-columns: 1fr;\n }\n \n #model-container {\n height: 300px;\n }\n }\n\n .prev-img {\n width: 60%;\n height: auto;\n }\n\n .prev-large {\n width: 100%;\n height: auto;\n }\n .prev-vid {\n width: 70%;\n height: auto;\n display: block;\n margin: 0 auto;\n }\n\n .head-vid {\n width: 70%;\n height: auto;\n display: block;\n margin: 20px auto;\n }\n\n .video-container {\n position: relative;\n left: 25%;\n top: 0;\n transform: translate(-25% 0);\n width: 50%;\n aspect-ratio: 4 \/ 3;\n } \n \n @keyframes blink-lite {\n 0% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n\n 25% {\n transform: scale(1.05) rotate(3deg);\n }\n\n 50% {\n opacity: 0.85;\n transform: scale(0.97) rotate(-3deg);\n }\n\n 75% {\n transform: scale(1.08) rotate(5deg);\n }\n\n 100% {\n opacity: 0.9;\n transform: scale(1) rotate(0deg);\n }\n }\n\n .price {\n color: #33ff00;\n }\n a:link, a:visited, a:hover, a:active {\n color: #ffffff;\n text-decoration: none;\n }\n #menu {\n display: flex;\n flex-direction: row;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 45px;\n background-color: #002207;\n color: #000000;\n align-items: center;\n align-content: center;\n justify-content: center;\n text-align: center;\n z-index: 100;\n }\n .anchor-link {\n padding-left: 25px;\n padding-right: 25px;\n } \n\n .donate {\n background-color: transparent;\n color: rgb(43, 255, 0);\n }\n .deck {\n margin: 0 25% 0 25%;\n width: 50%;\n height: auto;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <p class=\"tagline\">High Density Engineering<\/p>\n <p class=\"taglineSub\">Building with passion for the weird<\/p> \n \n <div id=\"model-container\">\n <div class=\"loading-indicator\">\n <div class=\"loading-spinner\"><\/div>\n <div>Loading 3D Model…<\/div>\n <\/div>\n <\/div>\n <br>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/spider.png\" \/>\n <p class=\"hello\">Hello weird world!<\/p>\n <br>\n <\/header>\n <div id=\"menu\">\n <a class=\"anchor-link\" id=\"projects-anchor\" href=\"#projects-sect\">Projects<\/a>\n <a class=\"anchor-link\" id=\"music-art-anchor\" href=\"#music-art-sect\">Music & Art<\/a>\n <\/div>\n <video class=\"head-vid\" loop muted controls>\n <source src=\"\/HDE\/public\/vid\/drc_demo1.mp4\">\n <\/video>\n <video class=\"head-vid\" loop muted controls>\n <source src=\"\/HDE\/public\/vid\/candyjail.mp4\">\n <\/video>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/deck3.jpg\" \/>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/art3.jpg\" \/>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/art1.jpg\" \/>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/art2.jpg\" \/>\n\n <section id=\"projects-sect\" class=\"projects-section\">\n <h2 class=\"section-title\">PROJECTS<\/h2>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Mad Dude 3d<\/h3>\n <p class=\"project-description\">\n Play as a mad dude in a maze on a 3d rotating cube. Get power ups and avoid the enemies. Collect all 6 stars on the cube to proceed to next level.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/maddude3d.png\" \/>\n <br>\n <a href=\"https:\/\/maddude3d.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">After Hours Barcade<\/h3>\n <p class=\"project-description\">\n A virtual barcade with playable games for adults only. Chat and play with your friends in a virtual bar. Buy drugs, sell drugs and explore the neighborhood! Free to play and ad free! VR coming soon.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/ahb.png\" \/>\n <br>\n <a href=\"https:\/\/afterhoursbarcade.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">PlumageIQ<\/h3>\n <p class=\"project-description\">\n An impressionist bird game. Boost your IQ aboutbirds and learn about impressionists artists and their paintings. A relaxing experience for bird and art lovers alike. Leaderboard for the highest IQ scores. Free to play and ad free!\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/piq.png\" \/>\n <br>\n <a href=\"https:\/\/plumageiq.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Graffiti Killers<\/h3>\n <p class=\"project-description\">\n A 2d side scrolling retro modern era civil war game, where you settle your differneces in the streets. Spray paint the walls and claim your turf. Watch out for the zombies biting your face off! Start a room and invite your friends to play and chat. This is under development and unfinished but playable.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/gf.png\" \/>\n <br>\n <a href=\"https:\/\/zombiebloodtrails.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Wordcicle<\/h3>\n <p class=\"project-description\">\n A winter word game. Pop the dripping icicles to spell words. Compete against the world to get on the leaderboard. Multilingual. Switch mid game to a different language: English, Spanish or French!\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/wordcicle.png\" \/>\n <br>\n <a href=\"https:\/\/wordcicle.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Radial Dreams<\/h3>\n <p class=\"project-description\">\n Trip your audio and video out with realtime effects processing. Import video or use your camera.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/rd.png\" \/>\n <br> \n <a href=\"https:\/\/radialdreams.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Glitch Performer<\/h3>\n <p class=\"project-description\">\n A glitch app for the web. Add images, video, audio and glitch it out. Binaural audio tones and lots of sliders and knobs to get lost in. Has an auto glitch button for automated effects. Export to animated gif or webm video file. Touch screen supported!\n <\/p>\n <img decoding=\"async\" class=\"prev-img\" src=\"\/HDE\/public\/img\/glitch2.gif\" \/>\n <br>\n <a href=\"https:\/\/glitchperformer.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Gradient Nights v0.1<\/h3>\n <p class=\"project-description\">\n A trippy primitive 3d retro walking simulator on drugs game! Find the spheres and take class a drugs. Hidden secrets and easter eggs. A work in progress.\n <\/p>\n <img decoding=\"async\" class=\"prev-img\" src=\"\/HDE\/public\/img\/gn.png\" \/>\n <br>\n <a href=\"https:\/\/gradient-nights.vercel.app\/\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Xtreme Flip<\/h3>\n <p class=\"project-description\">\n A skateboarding mobile game where you flip your phone in the air to do tricks. New tricks recently added! Free-skate and timed modes. Trick history report. Virtual paint pen to draw on your griptape. Contact me and I can 3d print you a deck.\n <\/p>\n <video class=\"prev-vid\" loop muted controls>\n <source src=\"\/HDE\/public\/vid\/xflip2.mp4\">\n <\/video>\n <br>\n <a href=\"https:\/\/xtremeflip.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n\n <div class=\"project-card\">\n <h3 class=\"project-title\">Real TV Manager v1.0.0<\/h3>\n <p class=\"project-description\">\n Available as an Appimage for Linux. Windows coming soon. Mix mp4’s and live m3u urls into one live tv experience. Create unlimeted channels! Comes with a tv guide with built in link checker.\n <\/p>\n <video class=\"prev-vid\" loop muted controls>\n <source src=\"\/HDE\/public\/vid\/rtvm.mp4\">\n <\/video>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=real-tv-manager-v1-0-0-for-linux\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n\n <div class=\"project-card\">\n <h3 class=\"project-title\">Terminal TV+ v1.1<\/h3>\n <p class=\"project-description\">\n CLI app for windows to watch live iptv. Search by keyword or channel name. Includes test channels. Linux and android coming soon!\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/ttvp.png\" \/>\n <br> \n <p class=\"price\">$2.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=terminal-tv-v1-1\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n\n <div class=\"project-card\">\n <h3 class=\"project-title\">Midnight Death Drive-In Theatre<\/h3>\n <p class=\"project-description\">\n Create your own drive-in movie theater. Load your trailers and movies in and let it run forever. It plays a adults only warning, welome message, intro, your own custom ads, intermissions, 5 trailers, countdown timer, feature presentation message, and your movie. Then repeats with new videos.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/mddt.png\" \/>\n <br>\n <a href=\"https:\/\/midnightdeath.com\" class=\"download-btn\">WATCH NOW \u2192<\/a>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"music-art-sect\" class=\"music-art-section\">\n <h2 class=\"section-title\">MUSIC & ART<\/h2>\n <div class=\"iframe-container\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/videoseries?si=9QbAZaV1Z0yhsBQg&list=PL3svG7UIb8if7EpTANux6VxGnVmQthwSb\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n <\/div>\n <br>\n <div class=\"projects-grid\">\n <div class=\"project-card\">\n <h3 class=\"project-title\">Rotten Eyeballs – Complete Discography<\/h3>\n <p class=\"project-description\">\n Digital download of all 6 albums by Rotten Eyeballs. Brutal harsh noise music with circuit bent instruments and a spirit box.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/cover.jpg\" \/>\n <br> \n <p class=\"price\">$9.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=rotten-eyeballs-complete-discography\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Magic For Dogs – Self Titled Album<\/h3>\n <p class=\"project-description\">\n Digital download of the self titled album by Magic For Dogs. A concept album containing 12 songs about a satanic magician who turns humans into dogs. Things don’t go as planned and the humans turn into half formed human dog mutant hybrids who are held captive by the magician. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/Albumcover.jpg\" \/>\n <br> \n <p class=\"price\">$6.66<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=magic-for-dogs-self-titled-album\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Self Titled Album<\/h3>\n <p class=\"project-description\">\n Digital download of the debut album by Shrek Mamas. Contains 6 experimental noise punk songs and a bonus banned xxx album cover. Wav format. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/shrek_mamas_st.png\" \/>\n <br> \n <p class=\"price\">$7.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-self-titled-album\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Filthy Brain EP<\/h3>\n <p class=\"project-description\">\n Digital download of the first ep album by Shrek Mamas. Contains 2 experimental noise punk songs. Wav format. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/FIlthyBrain.png\" \/>\n <br> \n <p class=\"price\">$1.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-filthy-brain-ep\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Created To Kill<\/h3>\n <p class=\"project-description\">\n Digital download of Created To Kill album by Shrek Mamas. Contains 7 experimental noise punk songs about movies. Wav format. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/sm_created.png\" \/>\n <br> \n <p class=\"price\">$7.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-created-to-kill\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Driving To Hell<\/h3>\n <p class=\"project-description\">\n Digital download of Driving To Hell by Shrek Mamas. Contains 8 sleazy experimental noise punk songs. Wav format. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/DRIVINGTOHELL.png\" \/>\n <br> \n <p class=\"price\">$7.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-driving-to-hell\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Bad Blood<\/h3>\n <p class=\"project-description\">\n Digital download of Shrek Mamas single Bad Blood. Originally released with only 2 songs. This version contains the unreleased bonus song, “Backstabber”. Wav format.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/BadBlood.png\" \/>\n <br> \n <p class=\"price\">$1.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-bad-blood-3-songs\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">GAGKNIFE – Kick In Your Face Tonight<\/h3>\n <p class=\"project-description\">\n Digital download of “Kick In Your Face Tonight”, by GAGKNIFE. Debut single. 2 Oi punk songs. Released in 2025. Wav format.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/gagknife2.png\" \/>\n <br> \n <p class=\"price\">$1.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=gagknife-kick-in-your-face-tonight\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">GAGKNIFE – Fucking Your Shit Up<\/h3>\n <p class=\"project-description\">\n Digital download of “FYSU”, by GAGKNIFE. 5 Oi punk songs about skateboarding and violence. Recorded in 2025. Wav format.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/FYSU.png\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=gagknife-fysu\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Freeze Dried Scabs – She’s Bipolar Type 2 Much 4 Me<\/h3>\n <p class=\"project-description\">\n Digital download of “She’s Bipolar Type 2 Much 4 Me”, by FDS. 11 synth pop punk songs to drink alone to! Wav format.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/bipolar.png\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=freeze-dried-scabs-shes-bipolar-type-2-much-4-me\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Sleeping Pills – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. Recut for 2026 with new footage. Shot on video. Running Time: 59 min. Mp4 file.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/sp.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br>\n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=sleeping-pills-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Mutant Peacock Habitat – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. An agorophobic nightmare filmed through the lens of a circuit bent camera and modified video equipment. Shot on video. Running time: 35 min. Mp4 file. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/mph.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=mutant-peacock-habitat-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Perpetual Sadness Machine – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. Stuck at home while the shower overflows with shit. Other randomn scenes and video glitching. Shot on video. Running time: 20 min. Mp4 file.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/psm.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=perpetual-sadness-machine-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Blackest Bird – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. Driving through Jacksonville, Oregon on christmas day. Circuit bent video effects. Shot on video. Running time: 15 min. Mp4 file.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/bb.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=blackest-bird-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Turtle Heads – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. More video glitching and experimental footage. Shot on video. Running Time: 21 min. Mp4 file.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/th.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=turtle-heads-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/studio1.jpg\" \/>\n <\/div>\n <\/section>\n <div style=\"display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center;\">\n <\/div>\n <footer>\n <p style=\"background-color: #004b10;\">© 2026 High Density Engineering. All rights reserved.<\/p>\n <\/footer>\n <\/div>\n\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/fflate@0.7.4\/umd\/index.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/loaders\/FBXLoader.js\"><\/script>\n <script>\n \/\/ Wait for DOM to be ready\n document.addEventListener('DOMContentLoaded', function() {\n console.log('DOM loaded, starting 3D viewer setup...');\n \n const container = document.getElementById('model-container');\n console.log('Container found:', container);\n console.log('Container dimensions:', container.clientWidth, 'x', container.clientHeight);\n \n if (!container) {\n console.error('ERROR: model-container not found!');\n return;\n }\n \n if (container.clientWidth === 0 || container.clientHeight === 0) {\n console.error('ERROR: Container has no size!');\n return;\n }\n \n \/\/ Scene Setup\n const scene = new THREE.Scene();\n scene.background = new THREE.Color(0x000000);\n console.log('Scene created');\n \n const camera = new THREE.PerspectiveCamera(\n 75, \n container.clientWidth \/ container.clientHeight, \n 1, \n 1000\n );\n console.log('Camera created');\n \n const renderer = new THREE.WebGLRenderer({ \n antialias: true,\n alpha: true,\n powerPreference: 'high-performance'\n });\n renderer.setSize(container.clientWidth, container.clientHeight);\n renderer.setPixelRatio(window.devicePixelRatio); \/\/ Use device pixel ratio for sharper rendering\n renderer.shadowMap.enabled = true;\n renderer.shadowMap.type = THREE.PCFSoftShadowMap;\n container.appendChild(renderer.domElement);\n console.log('Renderer created with high quality settings');\n console.log('Canvas element:', renderer.domElement);\n\n \/\/ Lighting - Multiple lights from different angles\n const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);\n scene.add(ambientLight);\n console.log('Ambient light added');\n \n \/\/ Front light (from camera direction)\n const frontLight = new THREE.DirectionalLight(0xffffff, 0.8);\n frontLight.position.set(0, 0, 10);\n scene.add(frontLight);\n \n \/\/ Top light\n const topLight = new THREE.DirectionalLight(0xffffff, 0.6);\n topLight.position.set(0, 10, 0);\n scene.add(topLight);\n \n \/\/ Back light (rim lighting)\n const backLight = new THREE.DirectionalLight(0x00fff2, 0.4);\n backLight.position.set(0, 0, -10);\n scene.add(backLight);\n \n \/\/ Side lights\n const leftLight = new THREE.DirectionalLight(0xb1ff9a, 0.3);\n leftLight.position.set(-10, 0, 0);\n scene.add(leftLight);\n \n const rightLight = new THREE.DirectionalLight(0xb1ff9a, 0.3);\n rightLight.position.set(-10, 0, 0);\n scene.add(rightLight);\n \n console.log('All lights added');\n\n \/\/ Loading the FBX File\n const loader = new THREE.FBXLoader();\n const textureLoader = new THREE.TextureLoader();\n \n \/\/ Get loading indicator\n const loadingIndicator = container.querySelector('.loading-indicator');\n \n console.log('Starting to load FBX...');\n \n \/\/ Load all PBR textures\n const baseTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture.png', \n () => console.log('Base texture loaded'),\n undefined,\n (err) => console.error('Base texture error:', err)\n );\n const normalTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture_normal.png',\n () => console.log('Normal texture loaded'),\n undefined,\n (err) => console.error('Normal texture error:', err)\n );\n const metallicTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture_metallic.png',\n () => console.log('Metallic texture loaded'),\n undefined,\n (err) => console.error('Metallic texture error:', err)\n );\n const roughnessTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture_roughness.png',\n () => console.log('Roughness texture loaded'),\n undefined,\n (err) => console.error('Roughness texture error:', err)\n );\n const emissionTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture_emission.png',\n () => console.log('Emission texture loaded'),\n undefined,\n (err) => console.error('Emission texture error:', err)\n );\n \n \/\/ Configure texture filtering for all textures\n [baseTexture, normalTexture, metallicTexture, roughnessTexture, emissionTexture].forEach(tex => {\n tex.anisotropy = renderer.capabilities.getMaxAnisotropy();\n tex.minFilter = THREE.LinearFilter;\n tex.magFilter = THREE.LinearFilter;\n });\n \n loader.load(\n '\/HDE\/public\/img\/deadrats.fbx', \/\/ UPDATE THIS TO YOUR ACTUAL FBX FILE NAME\n function(object) {\n console.log('FBX loaded successfully!', object);\n \/\/ Hide loading indicator and show canvas\n if (loadingIndicator) {\n loadingIndicator.style.display = 'none';\n }\n renderer.domElement.style.display = 'block';\n \n \/\/ Apply PBR materials with all textures\n object.traverse(function(child) {\n if (child instanceof THREE.Mesh) {\n \/\/ Use MeshStandardMaterial for PBR textures - less shiny, more detail\n child.material = new THREE.MeshStandardMaterial({\n map: baseTexture, \/\/ Base color\/diffuse\n normalMap: normalTexture, \/\/ Surface details\n normalScale: new THREE.Vector2(1.5, 1.5), \/\/ Enhance surface detail\n metalnessMap: metallicTexture, \/\/ Metallic areas\n roughnessMap: roughnessTexture, \/\/ Surface roughness\n emissiveMap: emissionTexture, \/\/ Glowing parts\n emissive: 0xffffff, \/\/ White so emission texture shows\n emissiveIntensity: 0.3, \/\/ Reduced glow\n metalness: 0.3, \/\/ Reduced metalness for less shine\n roughness: 0.8, \/\/ Increased roughness for matte look\n flatShading: false \/\/ Smooth shading for detail\n });\n \n child.castShadow = true;\n child.receiveShadow = true;\n }\n });\n \n \/\/ Scale the model 4x larger (increased from 2x)\n object.scale.set(0.5, 0.5, 0.5);\n \n \/\/ NOW calculate bounding box and center (after scaling)\n const box = new THREE.Box3().setFromObject(object);\n const center = new THREE.Vector3();\n const size = new THREE.Vector3();\n box.getCenter(center);\n box.getSize(size);\n \n \/\/ Center the object at origin for proper rotation\n object.position.sub(center);\n\n \/\/ Position camera to center the model in view\n const maxDim = Math.max(size.x, size.y, size.z);\n const fov = camera.fov * (Math.PI \/ 180);\n let cameraZ = Math.abs(maxDim \/ 2 \/ Math.tan(fov \/ 2));\n cameraZ *= 1; \/\/ Increased from 1.5 to 2.5 for more distance\n \n camera.position.set(0, 0, cameraZ);\n camera.lookAt(0, 0, 0);\n camera.updateProjectionMatrix();\n \n console.log('Camera positioned at z:', cameraZ);\n\n scene.add(object);\n \n \/\/ Mouse interaction variables\n let isDragging = false;\n let previousMousePosition = { x: 0, y: 0 };\n \n \/\/ Mouse down\n container.addEventListener('mousedown', function(e) {\n isDragging = true;\n previousMousePosition = {\n x: e.clientX,\n y: e.clientY\n };\n });\n \n \/\/ Mouse move\n container.addEventListener('mousemove', function(e) {\n if (isDragging) {\n const deltaX = e.clientX - previousMousePosition.x;\n const deltaY = e.clientY - previousMousePosition.y;\n \n object.rotation.y += deltaX * 0.01;\n object.rotation.x += deltaY * 0.01;\n \n previousMousePosition = {\n x: e.clientX,\n y: e.clientY\n };\n }\n });\n \n \/\/ Mouse up\n container.addEventListener('mouseup', function() {\n isDragging = false;\n });\n \n \/\/ Mouse leave\n container.addEventListener('mouseleave', function() {\n isDragging = false;\n });\n \n \/\/ \/\/ Mouse wheel zoom\n \/\/ container.addEventListener('wheel', function(e) {\n \/\/ e.preventDefault();\n \/\/ const zoomSpeed = 0.1;\n \/\/ camera.position.z += e.deltaY * zoomSpeed;\n \/\/ \/\/ Limit zoom distance\n \/\/ camera.position.z = Math.max(2, Math.min(50, camera.position.z));\n \/\/ });\n \n console.log('Mouse controls enabled: drag to rotate, scroll to zoom');\n \n \/\/ Auto-rotate when not dragging\n function animate() {\n requestAnimationFrame(animate);\n \n \/\/ Removed auto-rotation - only manual drag now\n \n renderer.render(scene, camera);\n }\n animate();\n },\n function(xhr) {\n console.log('FBX loading progress: ' + (xhr.loaded \/ xhr.total * 100) + '% loaded');\n },\n function(error) {\n console.error('Error loading FBX file:', error);\n console.log('Check that the file path is correct and the file exists at: \/HDE\/public\/img\/deadrats.fbx');\n }\n );\n\n \/\/ Handle window resizing\n window.addEventListener('resize', function() {\n camera.aspect = container.clientWidth \/ container.clientHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(container.clientWidth, container.clientHeight);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-comments\"><h2 id=\"comments\" class=\"wp-block-comments-title\">One response to “Home”<\/h2>\n\n<ol class=\"wp-block-comment-template\"><li id=\"comment-11\" class=\"comment byuser comment-author-electrocuted bypostauthor even thread-even depth-1\">\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40px\"><div class=\"wp-block-avatar\"><img alt='electrocuted Avatar' src='https:\/\/secure.gravatar.com\/avatar\/be863c7dc0b8cc2d79c319e6e7e22964caf31e1cac460a4b2d1ce82754cd4900?s=40&d=mm&r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/be863c7dc0b8cc2d79c319e6e7e22964caf31e1cac460a4b2d1ce82754cd4900?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo wp-block-avatar__image' height='40' width='40' style=\"border-radius:20px;\"\/><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-comment-author-name has-small-font-size\"><a rel=\"external nofollow ugc\" href=\"http:\/\/highdensityengineering.com\" target=\"_self\" >electrocuted<\/a><\/div>\n\n\n<div class=\"wp-block-group is-layout-flex wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px\"><div class=\"wp-block-comment-date has-small-font-size\"><time datetime=\"2026-01-29T23:38:30+00:00\"><a href=\"https:\/\/highdensityengineering.com\/#comment-11\">January 29, 2026<\/a><\/time><\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-comment-content\"><p>Thanks for visiting my site! A lot more stuff coming soon.<\/p>\n<\/div>\n\n<div class=\"wp-block-comment-reply-link has-small-font-size\"><a rel=\"nofollow\" class=\"comment-reply-link\" href=\"https:\/\/highdensityengineering.com\/?replytocom=11#respond\" data-commentid=\"11\" data-postid=\"14\" data-belowelement=\"comment-11\" data-respondelement=\"respond\" data-replyto=\"Reply to electrocuted\" aria-label=\"Reply to electrocuted\">Reply<\/a><\/div><\/div>\n<\/div>\n\n<\/li><\/ol>\n\n\n\n\t<div id=\"respond\" class=\"comment-respond wp-block-post-comments-form\">\n\t\t<h3 id=\"reply-title\" class=\"comment-reply-title\">Leave a Reply <small><a rel=\"nofollow\" id=\"cancel-comment-reply-link\" href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F14#respond\" style=\"display:none;\">Cancel reply<\/a><\/small><\/h3><form action=\"https:\/\/highdensityengineering.com\/wp-comments-post.php\" method=\"post\" id=\"commentform\" class=\"comment-form\"><p class=\"comment-notes\"><span id=\"email-notes\">Your email address will not be published.<\/span> <span class=\"required-field-message\">Required fields are marked <span class=\"required\">*<\/span><\/span><\/p><p class=\"comment-form-comment\"><label for=\"comment\">Comment <span class=\"required\">*<\/span><\/label> <textarea id=\"comment\" name=\"comment\" cols=\"45\" rows=\"8\" maxlength=\"65525\" required><\/textarea><\/p><p class=\"comment-form-author\"><label for=\"author\">Name <span class=\"required\">*<\/span><\/label> <input id=\"author\" name=\"author\" type=\"text\" value=\"\" size=\"30\" maxlength=\"245\" autocomplete=\"name\" required \/><\/p>\n<p class=\"comment-form-email\"><label for=\"email\">Email <span class=\"required\">*<\/span><\/label> <input id=\"email\" name=\"email\" type=\"email\" value=\"\" size=\"30\" maxlength=\"100\" aria-describedby=\"email-notes\" autocomplete=\"email\" required \/><\/p>\n<p class=\"comment-form-url\"><label for=\"url\">Website<\/label> <input id=\"url\" name=\"url\" type=\"url\" value=\"\" size=\"30\" maxlength=\"200\" autocomplete=\"url\" \/><\/p>\n<p class=\"comment-form-cookies-consent\"><input id=\"wp-comment-cookies-consent\" name=\"wp-comment-cookies-consent\" type=\"checkbox\" value=\"yes\" \/> <label for=\"wp-comment-cookies-consent\">Save my name, email, and website in this browser for the next time I comment.<\/label><\/p>\n<p class=\"form-submit wp-block-button\"><input name=\"submit\" type=\"submit\" id=\"submit\" class=\"wp-block-button__link wp-element-button\" value=\"Post Comment\" \/> <input type='hidden' name='comment_post_ID' value='14' id='comment_post_ID' \/>\n<input type='hidden' name='comment_parent' id='comment_parent' value='0' \/>\n<\/p><\/form>\t<\/div>\n\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>High Density Engineering High Density Engineering Building with passion for the weird Loading 3D Model… Hello weird world! Projects Music & Art PROJECTS Mad Dude 3d Play as a mad dude in a maze on a 3d rotating cube. Get power ups and avoid the enemies. Collect all 6 stars on the cube to proceed […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":5,"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":14,"date":"2026-01-29T14:38:55","date_gmt":"2026-01-29T14:38:55","guid":{"rendered":"https:\/\/highdensityengineering.com\/?page_id=14"},"modified":"2026-04-14T02:36:40","modified_gmt":"2026-04-14T02:36:40","slug":"home","status":"publish","type":"page","link":"https:\/\/highdensityengineering.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n \n \n High Density Engineering<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@700;900&family=JetBrains+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n @font-face {\n font-family: AlienHieroglyph;\n src: url('\/HDE\/public\/font\/AlienHieroglyph-Regular.ttf') format('truetype');\n }\n html {\n scroll-behavior: smooth;\n }\n :root {\n --bg-primary: #000000;\n --bg-secondary: #000000;\n --accent-cyan: #b1ff9a;\n --accent-magenta: #00fff2;\n --text-primary: #ffffff;\n --text-secondary: #888888;\n --grid-color: rgb(0, 255, 255);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'JetBrains Mono', monospace;\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n position: relative;\n }\n\n @keyframes backgroundPulse {\n 0%, 100% {\n background-size: 100% 100%;\n }\n 50% {\n background-size: 120% 120%;\n }\n }\n\n \/* Circuit board pattern overlay *\/\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(90deg, transparent 0%, rgba(0, 255, 242, 0.1) 50%, transparent 0%),\n linear-gradient(0deg, transparent 0%, rgba(177, 255, 154, 0.1) 50%, transparent 0%);\n background-size: 40px 40px;\n opacity: 1;\n pointer-events: none;\n z-index: 0;\n }\n\n @keyframes gridMove {\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 40px 40px;\n }\n }\n\n \/* Glowing orbs that move around *\/\n body::after {\n content: '';\n position: fixed;\n width: 100%;\n height: 100%;\n background-image: \n radial-gradient(circle at 15% 25%, rgba(177, 255, 154, 0.12) 0%, transparent 15%),\n radial-gradient(circle at 85% 75%, rgba(0, 255, 242, 0.12) 0%, transparent 15%),\n radial-gradient(circle at 50% 50%, rgba(177, 255, 154, 0.08) 0%, transparent 20%),\n radial-gradient(circle at 90% 30%, rgba(0, 255, 242, 0.1) 0%, transparent 12%);\n background-size: 100% 100%;\n pointer-events: none;\n z-index: 0;\n animation: floatOrbs 15s ease-in-out infinite;\n }\n\n @keyframes floatOrbs {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n opacity: 0.8;\n }\n 25% {\n transform: translate(-30px, 40px) scale(1.1);\n opacity: 1;\n }\n 50% {\n transform: translate(40px, -30px) scale(0.9);\n opacity: 0.9;\n }\n 75% {\n transform: translate(-20px, -40px) scale(1.05);\n opacity: 1;\n }\n }\n\n .hello {\n font-family: 'AlienHieroglyph';\n font-size: clamp(1.5rem, 5vw, 3rem);\n font-weight: 700;\n letter-spacing: -0.02em;\n margin-bottom: 20px;\n text-align: center;\n color: #ffffff;\n }\n\n .container {\n min-width: 100%;\n margin: 0 auto;\n padding: 0;\n position: relative;\n z-index: 1; \n }\n\n \/* Header *\/\n header {\n background-color: rgb(0, 0, 0);\n padding: 60px 0 40px;\n text-align: center;\n position: relative;\n border-bottom: solid 10px black;\n overflow: hidden;\n }\n\n .video-wrapper {\n position: relative;\n width: 100%;\n overflow: hidden;\n margin-bottom: 20px;\n }\n\n .logo {\n width: 90%;\n height: auto;\n mix-blend-mode: normal;\n filter: saturate(300%) contrast(1.1);\n display: block;\n margin: 0 auto;\n }\n\n \/* Cyan\/Magenta color overlay *\/\n .video-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, \n rgba(177, 255, 154, 0.15) 0%, \n rgba(0, 255, 242, 0.15) 100%);\n mix-blend-mode: screen;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Animated scan lines *\/\n .video-wrapper::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: repeating-linear-gradient(\n 0deg,\n rgba(0, 0, 0, 0.15) 0px,\n transparent 1px,\n transparent 2px,\n rgba(0, 0, 0, 0.15) 3px\n );\n pointer-events: none;\n z-index: 2;\n animation: scanlines 8s linear infinite;\n }\n\n @keyframes scanlines {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(10px);\n }\n }\n\n \/* Vignette effect *\/\n .vignette {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, \n transparent 0%, \n transparent 40%, \n rgba(0, 0, 0, 0.4) 100%);\n pointer-events: none;\n z-index: 3;\n }\n\n \/* Glitch overlay effect *\/\n .glitch-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(0, 255, 242, 0.1) 50%, \n transparent 100%);\n opacity: 0;\n pointer-events: none;\n z-index: 4;\n animation: glitchSlide 4s ease-in-out infinite;\n }\n\n @keyframes glitchSlide {\n 0%, 100% {\n opacity: 0;\n transform: translateX(-100%);\n }\n 10% {\n opacity: 0.7;\n }\n 20% {\n opacity: 0;\n transform: translateX(100%);\n }\n }\n\n \/* RGB split effect on edges *\/\n .rgb-split {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 5;\n opacity: 0.3;\n background: \n linear-gradient(90deg, rgba(0, 255, 242, 0.3) 0%, transparent 5%),\n linear-gradient(270deg, rgba(177, 255, 154, 0.3) 0%, transparent 5%);\n }\n\n \/* 3D Model Container *\/\n #model-container {\n width: 100%;\n height: 500px;\n margin: 30px 0;\n padding: 10px 0 10px 0;\n position: relative;\n background-color: transparent; \/* Dark background so we can see it *\/\n }\n \n #model-container canvas {\n display: block;\n width: 100% !important;\n height: 100% !important;\n }\n \n .loading-indicator {\n position: relative;\n color: var(--accent-cyan);\n font-size: 1.2rem;\n text-align: center;\n z-index: 10;\n }\n \n .loading-spinner {\n width: 50px;\n height: 50px;\n border: 4px solid rgba(177, 255, 154, 0.2);\n border-top: 4px solid var(--accent-cyan);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin: 10% auto 10%;\n }\n \n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n h1 {\n font-family: 'Orbitron', sans-serif;\n font-size: clamp(2.5rem, 8vw, 5rem);\n font-weight: 900;\n letter-spacing: -0.02em;\n margin-bottom: 20px;\n text-align: center;\n color: #ffffff;\n }\n\n .tagline {\n font-family: 'AlienHieroglyph', sans-serif;\n font-size: clamp(1.5rem, 5vw, 3rem);\n font-weight: 700;\n letter-spacing: -0.02em;\n color: #33ff00;\n margin-bottom: 0;\n }\n\n .taglineSub {\n font-family: 'AlienHieroglyph', sans-serif; \n font-size: 1.2rem;\n font-style: italic;\n color: var(--text-secondary);\n font-weight: 400;\n margin-bottom: 0;\n } \n\n .social-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(0, 255, 255, 0.1);\n border: 2px solid var(--accent-cyan);\n color: var(--accent-cyan);\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .social-link::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-cyan);\n transition: left 0.3s ease;\n z-index: -1;\n }\n\n .social-link:hover::before {\n left: 0;\n }\n\n .social-link:hover {\n color: var(--bg-primary);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(0, 255, 255, 0.3);\n }\n\n \/* Projects Section *\/\n .projects-section, .music-art-section {\n padding: 60px 0;\n }\n\n .section-title {\n font-family: 'Orbitron', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n text-align: center;\n margin-bottom: 50px;\n color: var(--text-primary);\n position: relative;\n display: inline-block;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--accent-cyan), var(--accent-magenta));\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n }\n\n .projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-bottom: 60px;\n }\n\n .project-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: center;\n text-align: center;\n background: var(--bg-secondary);\n border: 1px solid rgba(0, 255, 255, 0.2);\n box-shadow: inset 0 0 10px rgb(1, 245, 184);\n padding: 30px;\n position: relative;\n transition: all 0.3s ease;\n opacity: 0;\n animation: fadeInUp 0.6s ease forwards;\n }\n\n .project-card:nth-child(1) { animation-delay: 0.1s; }\n .project-card:nth-child(2) { animation-delay: 0.2s; }\n .project-card:nth-child(3) { animation-delay: 0.3s; }\n .project-card:nth-child(4) { animation-delay: 0.4s; }\n .project-card:nth-child(5) { animation-delay: 0.5s; }\n .project-card:nth-child(6) { animation-delay: 0.6s; }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .project-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--accent-cyan), var(--accent-magenta));\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n\n .project-card:hover::before {\n transform: scaleX(1);\n }\n\n .project-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-cyan);\n box-shadow: 0 10px 40px rgba(0, 255, 255, 0.2);\n }\n\n .project-title {\n font-family: 'Orbitron', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 15px;\n color: var(--text-primary);\n }\n\n .project-description {\n color: var(--text-secondary);\n margin-bottom: 20px;\n font-size: 0.95rem;\n line-height: 1.7;\n }\n\n .download-btn {\n display: inline-block;\n padding: 10px 20px;\n background: transparent;\n border: 2px solid var(--accent-magenta);\n color: var(--accent-magenta);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .download-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-magenta);\n transition: left 0.3s ease;\n z-index: -1;\n }\n\n .download-btn:hover::before {\n left: 0;\n }\n\n .download-btn:hover {\n color: var(--bg-primary);\n transform: translateX(5px);\n }\n\n \/* Footer *\/\n footer {\n text-align: center;\n padding: 40px 0;\n border-top: 1px solid rgba(0, 255, 255, 0.2);\n color: #33ff00;\n font-size: 0.9rem;\n }\n\n .iframe-container {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n iframe {\n width: 600px;\n height: 400px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n h1 {\n font-size: 3rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .projects-grid {\n grid-template-columns: 1fr;\n }\n \n #model-container {\n height: 300px;\n }\n }\n\n .prev-img {\n width: 60%;\n height: auto;\n }\n\n .prev-large {\n width: 100%;\n height: auto;\n }\n .prev-vid {\n width: 70%;\n height: auto;\n display: block;\n margin: 0 auto;\n }\n\n .head-vid {\n width: 70%;\n height: auto;\n display: block;\n margin: 20px auto;\n }\n\n .video-container {\n position: relative;\n left: 25%;\n top: 0;\n transform: translate(-25% 0);\n width: 50%;\n aspect-ratio: 4 \/ 3;\n } \n \n @keyframes blink-lite {\n 0% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n\n 25% {\n transform: scale(1.05) rotate(3deg);\n }\n\n 50% {\n opacity: 0.85;\n transform: scale(0.97) rotate(-3deg);\n }\n\n 75% {\n transform: scale(1.08) rotate(5deg);\n }\n\n 100% {\n opacity: 0.9;\n transform: scale(1) rotate(0deg);\n }\n }\n\n .price {\n color: #33ff00;\n }\n a:link, a:visited, a:hover, a:active {\n color: #ffffff;\n text-decoration: none;\n }\n #menu {\n display: flex;\n flex-direction: row;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 45px;\n background-color: #002207;\n color: #000000;\n align-items: center;\n align-content: center;\n justify-content: center;\n text-align: center;\n z-index: 100;\n }\n .anchor-link {\n padding-left: 25px;\n padding-right: 25px;\n } \n\n .donate {\n background-color: transparent;\n color: rgb(43, 255, 0);\n }\n .deck {\n margin: 0 25% 0 25%;\n width: 50%;\n height: auto;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <p class=\"tagline\">High Density Engineering<\/p>\n <p class=\"taglineSub\">Building with passion for the weird<\/p> \n \n <div id=\"model-container\">\n <div class=\"loading-indicator\">\n <div class=\"loading-spinner\"><\/div>\n <div>Loading 3D Model…<\/div>\n <\/div>\n <\/div>\n <br>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/spider.png\" \/>\n <p class=\"hello\">Hello weird world!<\/p>\n <br>\n <\/header>\n <div id=\"menu\">\n <a class=\"anchor-link\" id=\"projects-anchor\" href=\"#projects-sect\">Projects<\/a>\n <a class=\"anchor-link\" id=\"music-art-anchor\" href=\"#music-art-sect\">Music & Art<\/a>\n <\/div>\n <video class=\"head-vid\" loop muted controls>\n <source src=\"\/HDE\/public\/vid\/drc_demo1.mp4\">\n <\/video>\n <video class=\"head-vid\" loop muted controls>\n <source src=\"\/HDE\/public\/vid\/candyjail.mp4\">\n <\/video>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/deck3.jpg\" \/>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/art3.jpg\" \/>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/art1.jpg\" \/>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/art2.jpg\" \/>\n\n <section id=\"projects-sect\" class=\"projects-section\">\n <h2 class=\"section-title\">PROJECTS<\/h2>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Mad Dude 3d<\/h3>\n <p class=\"project-description\">\n Play as a mad dude in a maze on a 3d rotating cube. Get power ups and avoid the enemies. Collect all 6 stars on the cube to proceed to next level.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/maddude3d.png\" \/>\n <br>\n <a href=\"https:\/\/maddude3d.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">After Hours Barcade<\/h3>\n <p class=\"project-description\">\n A virtual barcade with playable games for adults only. Chat and play with your friends in a virtual bar. Buy drugs, sell drugs and explore the neighborhood! Free to play and ad free! VR coming soon.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/ahb.png\" \/>\n <br>\n <a href=\"https:\/\/afterhoursbarcade.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">PlumageIQ<\/h3>\n <p class=\"project-description\">\n An impressionist bird game. Boost your IQ aboutbirds and learn about impressionists artists and their paintings. A relaxing experience for bird and art lovers alike. Leaderboard for the highest IQ scores. Free to play and ad free!\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/piq.png\" \/>\n <br>\n <a href=\"https:\/\/plumageiq.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Graffiti Killers<\/h3>\n <p class=\"project-description\">\n A 2d side scrolling retro modern era civil war game, where you settle your differneces in the streets. Spray paint the walls and claim your turf. Watch out for the zombies biting your face off! Start a room and invite your friends to play and chat. This is under development and unfinished but playable.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/gf.png\" \/>\n <br>\n <a href=\"https:\/\/zombiebloodtrails.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Wordcicle<\/h3>\n <p class=\"project-description\">\n A winter word game. Pop the dripping icicles to spell words. Compete against the world to get on the leaderboard. Multilingual. Switch mid game to a different language: English, Spanish or French!\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/wordcicle.png\" \/>\n <br>\n <a href=\"https:\/\/wordcicle.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Radial Dreams<\/h3>\n <p class=\"project-description\">\n Trip your audio and video out with realtime effects processing. Import video or use your camera.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/rd.png\" \/>\n <br> \n <a href=\"https:\/\/radialdreams.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Glitch Performer<\/h3>\n <p class=\"project-description\">\n A glitch app for the web. Add images, video, audio and glitch it out. Binaural audio tones and lots of sliders and knobs to get lost in. Has an auto glitch button for automated effects. Export to animated gif or webm video file. Touch screen supported!\n <\/p>\n <img decoding=\"async\" class=\"prev-img\" src=\"\/HDE\/public\/img\/glitch2.gif\" \/>\n <br>\n <a href=\"https:\/\/glitchperformer.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Gradient Nights v0.1<\/h3>\n <p class=\"project-description\">\n A trippy primitive 3d retro walking simulator on drugs game! Find the spheres and take class a drugs. Hidden secrets and easter eggs. A work in progress.\n <\/p>\n <img decoding=\"async\" class=\"prev-img\" src=\"\/HDE\/public\/img\/gn.png\" \/>\n <br>\n <a href=\"https:\/\/gradient-nights.vercel.app\/\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Xtreme Flip<\/h3>\n <p class=\"project-description\">\n A skateboarding mobile game where you flip your phone in the air to do tricks. New tricks recently added! Free-skate and timed modes. Trick history report. Virtual paint pen to draw on your griptape. Contact me and I can 3d print you a deck.\n <\/p>\n <video class=\"prev-vid\" loop muted controls>\n <source src=\"\/HDE\/public\/vid\/xflip2.mp4\">\n <\/video>\n <br>\n <a href=\"https:\/\/xtremeflip.com\" class=\"download-btn\">PLAY NOW \u2192<\/a>\n <\/div>\n\n <div class=\"project-card\">\n <h3 class=\"project-title\">Real TV Manager v1.0.0<\/h3>\n <p class=\"project-description\">\n Available as an Appimage for Linux. Windows coming soon. Mix mp4’s and live m3u urls into one live tv experience. Create unlimeted channels! Comes with a tv guide with built in link checker.\n <\/p>\n <video class=\"prev-vid\" loop muted controls>\n <source src=\"\/HDE\/public\/vid\/rtvm.mp4\">\n <\/video>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=real-tv-manager-v1-0-0-for-linux\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n\n <div class=\"project-card\">\n <h3 class=\"project-title\">Terminal TV+ v1.1<\/h3>\n <p class=\"project-description\">\n CLI app for windows to watch live iptv. Search by keyword or channel name. Includes test channels. Linux and android coming soon!\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/ttvp.png\" \/>\n <br> \n <p class=\"price\">$2.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=terminal-tv-v1-1\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n\n <div class=\"project-card\">\n <h3 class=\"project-title\">Midnight Death Drive-In Theatre<\/h3>\n <p class=\"project-description\">\n Create your own drive-in movie theater. Load your trailers and movies in and let it run forever. It plays a adults only warning, welome message, intro, your own custom ads, intermissions, 5 trailers, countdown timer, feature presentation message, and your movie. Then repeats with new videos.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/mddt.png\" \/>\n <br>\n <a href=\"https:\/\/midnightdeath.com\" class=\"download-btn\">WATCH NOW \u2192<\/a>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"music-art-sect\" class=\"music-art-section\">\n <h2 class=\"section-title\">MUSIC & ART<\/h2>\n <div class=\"iframe-container\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/videoseries?si=9QbAZaV1Z0yhsBQg&list=PL3svG7UIb8if7EpTANux6VxGnVmQthwSb\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n <\/div>\n <br>\n <div class=\"projects-grid\">\n <div class=\"project-card\">\n <h3 class=\"project-title\">Rotten Eyeballs – Complete Discography<\/h3>\n <p class=\"project-description\">\n Digital download of all 6 albums by Rotten Eyeballs. Brutal harsh noise music with circuit bent instruments and a spirit box.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/cover.jpg\" \/>\n <br> \n <p class=\"price\">$9.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=rotten-eyeballs-complete-discography\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Magic For Dogs – Self Titled Album<\/h3>\n <p class=\"project-description\">\n Digital download of the self titled album by Magic For Dogs. A concept album containing 12 songs about a satanic magician who turns humans into dogs. Things don’t go as planned and the humans turn into half formed human dog mutant hybrids who are held captive by the magician. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/Albumcover.jpg\" \/>\n <br> \n <p class=\"price\">$6.66<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=magic-for-dogs-self-titled-album\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Self Titled Album<\/h3>\n <p class=\"project-description\">\n Digital download of the debut album by Shrek Mamas. Contains 6 experimental noise punk songs and a bonus banned xxx album cover. Wav format. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/shrek_mamas_st.png\" \/>\n <br> \n <p class=\"price\">$7.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-self-titled-album\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Filthy Brain EP<\/h3>\n <p class=\"project-description\">\n Digital download of the first ep album by Shrek Mamas. Contains 2 experimental noise punk songs. Wav format. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/FIlthyBrain.png\" \/>\n <br> \n <p class=\"price\">$1.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-filthy-brain-ep\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Created To Kill<\/h3>\n <p class=\"project-description\">\n Digital download of Created To Kill album by Shrek Mamas. Contains 7 experimental noise punk songs about movies. Wav format. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/sm_created.png\" \/>\n <br> \n <p class=\"price\">$7.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-created-to-kill\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Driving To Hell<\/h3>\n <p class=\"project-description\">\n Digital download of Driving To Hell by Shrek Mamas. Contains 8 sleazy experimental noise punk songs. Wav format. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/DRIVINGTOHELL.png\" \/>\n <br> \n <p class=\"price\">$7.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-driving-to-hell\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Shrek Mamas – Bad Blood<\/h3>\n <p class=\"project-description\">\n Digital download of Shrek Mamas single Bad Blood. Originally released with only 2 songs. This version contains the unreleased bonus song, “Backstabber”. Wav format.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/BadBlood.png\" \/>\n <br> \n <p class=\"price\">$1.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=shrek-mamas-bad-blood-3-songs\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">GAGKNIFE – Kick In Your Face Tonight<\/h3>\n <p class=\"project-description\">\n Digital download of “Kick In Your Face Tonight”, by GAGKNIFE. Debut single. 2 Oi punk songs. Released in 2025. Wav format.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/gagknife2.png\" \/>\n <br> \n <p class=\"price\">$1.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=gagknife-kick-in-your-face-tonight\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">GAGKNIFE – Fucking Your Shit Up<\/h3>\n <p class=\"project-description\">\n Digital download of “FYSU”, by GAGKNIFE. 5 Oi punk songs about skateboarding and violence. Recorded in 2025. Wav format.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/FYSU.png\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=gagknife-fysu\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Freeze Dried Scabs – She’s Bipolar Type 2 Much 4 Me<\/h3>\n <p class=\"project-description\">\n Digital download of “She’s Bipolar Type 2 Much 4 Me”, by FDS. 11 synth pop punk songs to drink alone to! Wav format.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/bipolar.png\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=freeze-dried-scabs-shes-bipolar-type-2-much-4-me\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Sleeping Pills – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. Recut for 2026 with new footage. Shot on video. Running Time: 59 min. Mp4 file.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/sp.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br>\n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=sleeping-pills-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Mutant Peacock Habitat – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. An agorophobic nightmare filmed through the lens of a circuit bent camera and modified video equipment. Shot on video. Running time: 35 min. Mp4 file. \n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/mph.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=mutant-peacock-habitat-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Perpetual Sadness Machine – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. Stuck at home while the shower overflows with shit. Other randomn scenes and video glitching. Shot on video. Running time: 20 min. Mp4 file.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/psm.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=perpetual-sadness-machine-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Blackest Bird – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. Driving through Jacksonville, Oregon on christmas day. Circuit bent video effects. Shot on video. Running time: 15 min. Mp4 file.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/bb.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=blackest-bird-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <div class=\"project-card\">\n <h3 class=\"project-title\">Turtle Heads – (Digital Download)<\/h3>\n <p class=\"project-description\">\n A short film by Mars Von Aurelius. More video glitching and experimental footage. Shot on video. Running Time: 21 min. Mp4 file.\n <\/p>\n <img decoding=\"async\" class=\"prev-large\" src=\"\/HDE\/public\/img\/th.jpg\" \/>\n <br> \n <p class=\"price\">$4.99<\/p>\n <br> \n <a href=\"https:\/\/highdensityengineering.com\/?ppec-products=turtle-heads-digital-download\" class=\"download-btn\">BUY NOW \u2192<\/a>\n <\/div>\n <img decoding=\"async\" class=\"deck\" src=\"\/HDE\/public\/img\/studio1.jpg\" \/>\n <\/div>\n <\/section>\n <div style=\"display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center;\">\n <\/div>\n <footer>\n <p style=\"background-color: #004b10;\">© 2026 High Density Engineering. All rights reserved.<\/p>\n <\/footer>\n <\/div>\n\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/fflate@0.7.4\/umd\/index.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/loaders\/FBXLoader.js\"><\/script>\n <script>\n \/\/ Wait for DOM to be ready\n document.addEventListener('DOMContentLoaded', function() {\n console.log('DOM loaded, starting 3D viewer setup...');\n \n const container = document.getElementById('model-container');\n console.log('Container found:', container);\n console.log('Container dimensions:', container.clientWidth, 'x', container.clientHeight);\n \n if (!container) {\n console.error('ERROR: model-container not found!');\n return;\n }\n \n if (container.clientWidth === 0 || container.clientHeight === 0) {\n console.error('ERROR: Container has no size!');\n return;\n }\n \n \/\/ Scene Setup\n const scene = new THREE.Scene();\n scene.background = new THREE.Color(0x000000);\n console.log('Scene created');\n \n const camera = new THREE.PerspectiveCamera(\n 75, \n container.clientWidth \/ container.clientHeight, \n 1, \n 1000\n );\n console.log('Camera created');\n \n const renderer = new THREE.WebGLRenderer({ \n antialias: true,\n alpha: true,\n powerPreference: 'high-performance'\n });\n renderer.setSize(container.clientWidth, container.clientHeight);\n renderer.setPixelRatio(window.devicePixelRatio); \/\/ Use device pixel ratio for sharper rendering\n renderer.shadowMap.enabled = true;\n renderer.shadowMap.type = THREE.PCFSoftShadowMap;\n container.appendChild(renderer.domElement);\n console.log('Renderer created with high quality settings');\n console.log('Canvas element:', renderer.domElement);\n\n \/\/ Lighting - Multiple lights from different angles\n const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);\n scene.add(ambientLight);\n console.log('Ambient light added');\n \n \/\/ Front light (from camera direction)\n const frontLight = new THREE.DirectionalLight(0xffffff, 0.8);\n frontLight.position.set(0, 0, 10);\n scene.add(frontLight);\n \n \/\/ Top light\n const topLight = new THREE.DirectionalLight(0xffffff, 0.6);\n topLight.position.set(0, 10, 0);\n scene.add(topLight);\n \n \/\/ Back light (rim lighting)\n const backLight = new THREE.DirectionalLight(0x00fff2, 0.4);\n backLight.position.set(0, 0, -10);\n scene.add(backLight);\n \n \/\/ Side lights\n const leftLight = new THREE.DirectionalLight(0xb1ff9a, 0.3);\n leftLight.position.set(-10, 0, 0);\n scene.add(leftLight);\n \n const rightLight = new THREE.DirectionalLight(0xb1ff9a, 0.3);\n rightLight.position.set(-10, 0, 0);\n scene.add(rightLight);\n \n console.log('All lights added');\n\n \/\/ Loading the FBX File\n const loader = new THREE.FBXLoader();\n const textureLoader = new THREE.TextureLoader();\n \n \/\/ Get loading indicator\n const loadingIndicator = container.querySelector('.loading-indicator');\n \n console.log('Starting to load FBX...');\n \n \/\/ Load all PBR textures\n const baseTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture.png', \n () => console.log('Base texture loaded'),\n undefined,\n (err) => console.error('Base texture error:', err)\n );\n const normalTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture_normal.png',\n () => console.log('Normal texture loaded'),\n undefined,\n (err) => console.error('Normal texture error:', err)\n );\n const metallicTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture_metallic.png',\n () => console.log('Metallic texture loaded'),\n undefined,\n (err) => console.error('Metallic texture error:', err)\n );\n const roughnessTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture_roughness.png',\n () => console.log('Roughness texture loaded'),\n undefined,\n (err) => console.error('Roughness texture error:', err)\n );\n const emissionTexture = textureLoader.load('\/HDE\/public\/img\/Meshy_AI_Dead_Rats_0413033015_texture_emission.png',\n () => console.log('Emission texture loaded'),\n undefined,\n (err) => console.error('Emission texture error:', err)\n );\n \n \/\/ Configure texture filtering for all textures\n [baseTexture, normalTexture, metallicTexture, roughnessTexture, emissionTexture].forEach(tex => {\n tex.anisotropy = renderer.capabilities.getMaxAnisotropy();\n tex.minFilter = THREE.LinearFilter;\n tex.magFilter = THREE.LinearFilter;\n });\n \n loader.load(\n '\/HDE\/public\/img\/deadrats.fbx', \/\/ UPDATE THIS TO YOUR ACTUAL FBX FILE NAME\n function(object) {\n console.log('FBX loaded successfully!', object);\n \/\/ Hide loading indicator and show canvas\n if (loadingIndicator) {\n loadingIndicator.style.display = 'none';\n }\n renderer.domElement.style.display = 'block';\n \n \/\/ Apply PBR materials with all textures\n object.traverse(function(child) {\n if (child instanceof THREE.Mesh) {\n \/\/ Use MeshStandardMaterial for PBR textures - less shiny, more detail\n child.material = new THREE.MeshStandardMaterial({\n map: baseTexture, \/\/ Base color\/diffuse\n normalMap: normalTexture, \/\/ Surface details\n normalScale: new THREE.Vector2(1.5, 1.5), \/\/ Enhance surface detail\n metalnessMap: metallicTexture, \/\/ Metallic areas\n roughnessMap: roughnessTexture, \/\/ Surface roughness\n emissiveMap: emissionTexture, \/\/ Glowing parts\n emissive: 0xffffff, \/\/ White so emission texture shows\n emissiveIntensity: 0.3, \/\/ Reduced glow\n metalness: 0.3, \/\/ Reduced metalness for less shine\n roughness: 0.8, \/\/ Increased roughness for matte look\n flatShading: false \/\/ Smooth shading for detail\n });\n \n child.castShadow = true;\n child.receiveShadow = true;\n }\n });\n \n \/\/ Scale the model 4x larger (increased from 2x)\n object.scale.set(0.5, 0.5, 0.5);\n \n \/\/ NOW calculate bounding box and center (after scaling)\n const box = new THREE.Box3().setFromObject(object);\n const center = new THREE.Vector3();\n const size = new THREE.Vector3();\n box.getCenter(center);\n box.getSize(size);\n \n \/\/ Center the object at origin for proper rotation\n object.position.sub(center);\n\n \/\/ Position camera to center the model in view\n const maxDim = Math.max(size.x, size.y, size.z);\n const fov = camera.fov * (Math.PI \/ 180);\n let cameraZ = Math.abs(maxDim \/ 2 \/ Math.tan(fov \/ 2));\n cameraZ *= 1; \/\/ Increased from 1.5 to 2.5 for more distance\n \n camera.position.set(0, 0, cameraZ);\n camera.lookAt(0, 0, 0);\n camera.updateProjectionMatrix();\n \n console.log('Camera positioned at z:', cameraZ);\n\n scene.add(object);\n \n \/\/ Mouse interaction variables\n let isDragging = false;\n let previousMousePosition = { x: 0, y: 0 };\n \n \/\/ Mouse down\n container.addEventListener('mousedown', function(e) {\n isDragging = true;\n previousMousePosition = {\n x: e.clientX,\n y: e.clientY\n };\n });\n \n \/\/ Mouse move\n container.addEventListener('mousemove', function(e) {\n if (isDragging) {\n const deltaX = e.clientX - previousMousePosition.x;\n const deltaY = e.clientY - previousMousePosition.y;\n \n object.rotation.y += deltaX * 0.01;\n object.rotation.x += deltaY * 0.01;\n \n previousMousePosition = {\n x: e.clientX,\n y: e.clientY\n };\n }\n });\n \n \/\/ Mouse up\n container.addEventListener('mouseup', function() {\n isDragging = false;\n });\n \n \/\/ Mouse leave\n container.addEventListener('mouseleave', function() {\n isDragging = false;\n });\n \n \/\/ \/\/ Mouse wheel zoom\n \/\/ container.addEventListener('wheel', function(e) {\n \/\/ e.preventDefault();\n \/\/ const zoomSpeed = 0.1;\n \/\/ camera.position.z += e.deltaY * zoomSpeed;\n \/\/ \/\/ Limit zoom distance\n \/\/ camera.position.z = Math.max(2, Math.min(50, camera.position.z));\n \/\/ });\n \n console.log('Mouse controls enabled: drag to rotate, scroll to zoom');\n \n \/\/ Auto-rotate when not dragging\n function animate() {\n requestAnimationFrame(animate);\n \n \/\/ Removed auto-rotation - only manual drag now\n \n renderer.render(scene, camera);\n }\n animate();\n },\n function(xhr) {\n console.log('FBX loading progress: ' + (xhr.loaded \/ xhr.total * 100) + '% loaded');\n },\n function(error) {\n console.error('Error loading FBX file:', error);\n console.log('Check that the file path is correct and the file exists at: \/HDE\/public\/img\/deadrats.fbx');\n }\n );\n\n \/\/ Handle window resizing\n window.addEventListener('resize', function() {\n camera.aspect = container.clientWidth \/ container.clientHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(container.clientWidth, container.clientHeight);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-comments\"><h2 id=\"comments\" class=\"wp-block-comments-title\">One response to “Home”<\/h2>\n\n<ol class=\"wp-block-comment-template\"><li id=\"comment-11\" class=\"comment byuser comment-author-electrocuted bypostauthor even thread-even depth-1\">\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40px\"><div class=\"wp-block-avatar\"><img alt='electrocuted Avatar' src='https:\/\/secure.gravatar.com\/avatar\/be863c7dc0b8cc2d79c319e6e7e22964caf31e1cac460a4b2d1ce82754cd4900?s=40&d=mm&r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/be863c7dc0b8cc2d79c319e6e7e22964caf31e1cac460a4b2d1ce82754cd4900?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo wp-block-avatar__image' height='40' width='40' style=\"border-radius:20px;\"\/><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-comment-author-name has-small-font-size\"><a rel=\"external nofollow ugc\" href=\"http:\/\/highdensityengineering.com\" target=\"_self\" >electrocuted<\/a><\/div>\n\n\n<div class=\"wp-block-group is-layout-flex wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px\"><div class=\"wp-block-comment-date has-small-font-size\"><time datetime=\"2026-01-29T23:38:30+00:00\"><a href=\"https:\/\/highdensityengineering.com\/#comment-11\">January 29, 2026<\/a><\/time><\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-comment-content\"><p>Thanks for visiting my site! A lot more stuff coming soon.<\/p>\n<\/div>\n\n<div class=\"wp-block-comment-reply-link has-small-font-size\"><a rel=\"nofollow\" class=\"comment-reply-link\" href=\"https:\/\/highdensityengineering.com\/?replytocom=11#respond\" data-commentid=\"11\" data-postid=\"14\" data-belowelement=\"comment-11\" data-respondelement=\"respond\" data-replyto=\"Reply to electrocuted\" aria-label=\"Reply to electrocuted\">Reply<\/a><\/div><\/div>\n<\/div>\n\n<\/li><\/ol>\n\n\n\n\t<div id=\"respond\" class=\"comment-respond wp-block-post-comments-form\">\n\t\t<h3 id=\"reply-title\" class=\"comment-reply-title\">Leave a Reply <small><a rel=\"nofollow\" id=\"cancel-comment-reply-link\" href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F14#respond\" style=\"display:none;\">Cancel reply<\/a><\/small><\/h3><form action=\"https:\/\/highdensityengineering.com\/wp-comments-post.php\" method=\"post\" id=\"commentform\" class=\"comment-form\"><p class=\"comment-notes\"><span id=\"email-notes\">Your email address will not be published.<\/span> <span class=\"required-field-message\">Required fields are marked <span class=\"required\">*<\/span><\/span><\/p><p class=\"comment-form-comment\"><label for=\"comment\">Comment <span class=\"required\">*<\/span><\/label> <textarea id=\"comment\" name=\"comment\" cols=\"45\" rows=\"8\" maxlength=\"65525\" required><\/textarea><\/p><p class=\"comment-form-author\"><label for=\"author\">Name <span class=\"required\">*<\/span><\/label> <input id=\"author\" name=\"author\" type=\"text\" value=\"\" size=\"30\" maxlength=\"245\" autocomplete=\"name\" required \/><\/p>\n<p class=\"comment-form-email\"><label for=\"email\">Email <span class=\"required\">*<\/span><\/label> <input id=\"email\" name=\"email\" type=\"email\" value=\"\" size=\"30\" maxlength=\"100\" aria-describedby=\"email-notes\" autocomplete=\"email\" required \/><\/p>\n<p class=\"comment-form-url\"><label for=\"url\">Website<\/label> <input id=\"url\" name=\"url\" type=\"url\" value=\"\" size=\"30\" maxlength=\"200\" autocomplete=\"url\" \/><\/p>\n<p class=\"comment-form-cookies-consent\"><input id=\"wp-comment-cookies-consent\" name=\"wp-comment-cookies-consent\" type=\"checkbox\" value=\"yes\" \/> <label for=\"wp-comment-cookies-consent\">Save my name, email, and website in this browser for the next time I comment.<\/label><\/p>\n<p class=\"form-submit wp-block-button\"><input name=\"submit\" type=\"submit\" id=\"submit\" class=\"wp-block-button__link wp-element-button\" value=\"Post Comment\" \/> <input type='hidden' name='comment_post_ID' value='14' id='comment_post_ID' \/>\n<input type='hidden' name='comment_parent' id='comment_parent' value='0' \/>\n<\/p><\/form>\t<\/div>\n\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>High Density Engineering High Density Engineering Building with passion for the weird Loading 3D Model… Hello weird world! Projects Music & Art PROJECTS Mad Dude 3d Play as a mad dude in a maze on a 3d rotating cube. Get power ups and avoid the enemies. Collect all 6 stars on the cube to proceed […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":5,"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/highdensityengineering.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}