{"id":409,"date":"2025-10-27T00:02:19","date_gmt":"2025-10-27T00:02:19","guid":{"rendered":"https:\/\/lightbearsoftware.com\/?page_id=409"},"modified":"2026-03-03T04:50:27","modified_gmt":"2026-03-03T04:50:27","slug":"game-jams","status":"publish","type":"page","link":"https:\/\/lightbearsoftware.com\/index.php\/game-jams\/","title":{"rendered":"GAME JAM"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>LightBear Software | ILLUSION Jam<\/title>\n    <style>\n        :root {\n            --primary: #00f7ff;\n            --accent: #ffd700;\n            --bg-dark: #050505;\n            --glass: rgba(255, 255, 255, 0.03);\n            --glass-border: rgba(0, 247, 255, 0.2);\n            --danger: #ff007b;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            cursor: crosshair;\n        }\n\n        body {\n            background-color: var(--bg-dark);\n            color: #ffffff;\n            font-family: 'Inter', sans-serif;\n            overflow-x: hidden;\n            scroll-behavior: smooth;\n        }\n\n        \/* --- OPTICAL ILLUSION BACKGROUND --- *\/\n        #illusion-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1; \/* Behind the content *\/\n            background: \n                radial-gradient(circle at 2px 2px, #1a1a1a 1px, transparent 0);\n            background-size: 40px 40px;\n            opacity: 0.3;\n            pointer-events: none; \/* FIX: Allows clicks to pass through to buttons *\/\n        }\n\n        \/* Scanline Overlay for \"Perception\" effect *\/\n        .scanlines {\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), \n                        linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));\n            background-size: 100% 4px, 3px 100%;\n            pointer-events: none; \/* FIX: Critical for allowing button interactions *\/\n            z-index: 1000; \/* Stays on top visually but doesn't block clicks *\/\n        }\n\n        .container { \n            max-width: 1200px; \n            margin: 0 auto; \n            padding: 0 20px; \n            position: relative; \n            z-index: 10; \/* Content sits above the background *\/\n        }\n\n        \/* --- HERO SECTION --- *\/\n        .hero-section {\n            height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n        }\n\n        .main-bear-img {\n            width: 250px;\n            filter: drop-shadow(0 0 30px var(--primary));\n            animation: float 6s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0) scale(1); filter: hue-rotate(0deg) drop-shadow(0 0 30px var(--primary)); }\n            50% { transform: translateY(-25px) scale(1.05); filter: hue-rotate(45deg) drop-shadow(0 0 50px var(--danger)); }\n        }\n\n        \/* --- THEME REVEAL (ILLUSION) --- *\/\n        .theme-container {\n            margin: 60px 0;\n            perspective: 1000px;\n        }\n\n        .theme-reveal {\n            background: #000;\n            padding: 100px 40px;\n            text-align: center;\n            border: 2px solid var(--primary);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 0 40px rgba(0, 247, 255, 0.1);\n        }\n\n        .theme-main {\n            font-size: clamp(3rem, 12vw, 8rem);\n            font-weight: 900;\n            letter-spacing: 15px;\n            text-transform: uppercase;\n            position: relative;\n            display: inline-block;\n            animation: glitch 3s infinite;\n        }\n\n        @keyframes glitch {\n            0% { transform: translate(0); text-shadow: 2px 2px var(--danger), -2px -2px var(--primary); }\n            2% { transform: translate(-5px, 2px); }\n            4% { transform: translate(5px, -2px); }\n            6% { transform: translate(0); }\n        }\n\n        \/* --- PRIZE GRID --- *\/\n        .prize-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-bottom: 80px;\n        }\n\n        .prize-card {\n            background: var(--glass);\n            border: 1px solid var(--glass-border);\n            border-radius: 20px;\n            padding: 30px 15px;\n            text-align: center;\n            transition: 0.3s;\n        }\n\n        .prize-card:hover {\n            background: rgba(0, 247, 255, 0.05);\n            transform: translateY(-10px);\n            border-color: var(--primary);\n        }\n\n        .rank { font-size: 0.7rem; letter-spacing: 3px; color: var(--primary); text-transform: uppercase; margin-bottom: 10px; }\n        .amount { font-size: 2.5rem; font-weight: 900; }\n\n        \/* --- COMMUNITY SECTION WITH FLOATING BEARS --- *\/\n        .community-section {\n            padding: 100px 0;\n            text-align: center;\n            position: relative;\n            z-index: 50; \/* Ensure high layer for interactivity *\/\n        }\n\n        .bear-guard {\n            position: absolute;\n            width: 120px;\n            pointer-events: none;\n            filter: drop-shadow(0 0 15px var(--primary));\n            z-index: -1; \n        }\n\n        .bear-left {\n            left: 5%;\n            top: 20%;\n            animation: swimLeft 5s ease-in-out infinite;\n        }\n\n        .bear-right {\n            right: 5%;\n            top: 20%;\n            animation: swimRight 5s ease-in-out infinite;\n        }\n\n        @keyframes swimLeft {\n            0%, 100% { transform: translate(0, 0) rotate(-15deg); }\n            50% { transform: translate(-20px, 40px) rotate(15deg); }\n        }\n\n        @keyframes swimRight {\n            0%, 100% { transform: translate(0, 0) rotate(15deg); }\n            50% { transform: translate(20px, 40px) rotate(-15deg); }\n        }\n\n        .join-btn {\n            display: inline-block;\n            background: var(--primary);\n            color: #000;\n            padding: 30px 80px;\n            border-radius: 100px;\n            text-decoration: none;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 5px;\n            font-size: 1.5rem;\n            box-shadow: 0 0 30px var(--primary);\n            transition: 0.4s;\n            position: relative;\n            z-index: 100;\n        }\n\n        .join-btn:hover {\n            transform: scale(1.1) rotate(-1deg);\n            background: #fff;\n            box-shadow: 0 0 60px var(--primary);\n        }\n\n        .social-link {\n            display: inline-block;\n            color: var(--primary);\n            text-decoration: none;\n            font-weight: bold;\n            margin: 0 20px;\n            position: relative;\n            z-index: 100;\n            transition: 0.3s;\n        }\n\n        .social-link:hover {\n            color: white;\n            text-shadow: 0 0 10px var(--primary);\n        }\n\n        .info-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin: 60px 0;\n        }\n\n        .info-card {\n            background: rgba(255,255,255,0.02);\n            padding: 40px;\n            border-radius: 30px;\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .info-card h3 { color: var(--primary); margin-bottom: 20px; text-transform: uppercase; }\n        .info-card li { margin-bottom: 12px; list-style: none; opacity: 0.7; }\n        .info-card li::before { content: \"\u29bf \"; color: var(--primary); }\n\n        footer { text-align: center; padding: 100px 0; opacity: 0.4; font-size: 0.8rem; letter-spacing: 4px; }\n\n    <\/style>\n<\/head>\n<body>\n\n<!-- Visual Effects (pointer-events: none ensures they don't block clicks) -->\n<div class=\"scanlines\"><\/div>\n<div id=\"illusion-bg\"><\/div>\n\n<div class=\"container\">\n    <section class=\"hero-section\">\n        <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\" class=\"main-bear-img\">\n        <h2 style=\"letter-spacing: 12px; color: var(--primary); margin-top: 30px; font-weight: 900; font-size: 0.8rem;\">LIGHTBEAR SOFTWARE VII<\/h2>\n        <h1 style=\"font-size: clamp(2.5rem, 8vw, 6rem); text-transform: uppercase; margin: 10px 0;\">ILLUSION JAM<\/h1>\n        <p style=\"max-width: 600px; opacity: 0.6; line-height: 1.6;\">Nothing is as it seems. Create an uplifting experience that plays with perception, mystery, and wonder.<\/p>\n    <\/section>\n\n    <div class=\"theme-container\">\n        <div class=\"theme-reveal\">\n            <p style=\"color: var(--primary); letter-spacing: 10px; font-size: 0.7rem; margin-bottom: 20px;\">PERCEPTION FILTER: ACTIVE<\/p>\n            <h2 class=\"theme-main\" id=\"theme-text\">ILLUSION<\/h2>\n            <p style=\"margin-top: 30px; opacity: 0.5; font-family: monospace;\">{&#8220;THEME REVEALED&#8221;}<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"prize-grid\">\n        <div class=\"prize-card\">\n            <div class=\"rank\">\ud83e\udd47 1st Place<\/div>\n            <div class=\"amount\">$115<\/div>\n        <\/div>\n        <div class=\"prize-card\">\n            <div class=\"rank\">\ud83e\udd48 2nd Place<\/div>\n            <div class=\"amount\">$80<\/div>\n        <\/div>\n        <div class=\"prize-card\">\n            <div class=\"rank\">\ud83e\udd49 3rd Place<\/div>\n            <div class=\"amount\">$55<\/div>\n        <\/div>\n        <div class=\"prize-card\">\n            <div class=\"rank\">4th Place<\/div>\n            <div class=\"amount\">$40<\/div>\n        <\/div>\n        <div class=\"prize-card\">\n            <div class=\"rank\">5th Place<\/div>\n            <div class=\"amount\">$25<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"info-grid\">\n        <div class=\"info-card\">\n            <h3>Judging Criteria<\/h3>\n            <ul>\n                <li>Interpretation of &#8216;Illusion&#8217;<\/li>\n                <li>Upliftment Factor<\/li>\n                <li>Gameplay Innovation<\/li>\n                <li>Visual &#038; Audio Polish<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"info-card\">\n            <h3>Jam Rules<\/h3>\n            <ul>\n                <li>Must be family friendly<\/li>\n                <li>Uplifting and hopeful themes only<\/li>\n                <li>Starts &#038; Ends: Feb 15 &#8211; Mar 1<\/li>\n                <li>Zelle\/PayPal\/CashApp for prizes<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <section class=\"community-section\">\n        <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\" class=\"bear-guard bear-left\">\n        <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\" class=\"bear-guard bear-right\">\n        \n        <h2 style=\"margin-bottom: 40px; letter-spacing: 5px;\">JOIN THE COMMUNITY<\/h2>\n        <a href=\"https:\/\/itch.io\/jam\/uplifting-game-jam-240-in-cash-prizes\" class=\"join-btn\" target=\"_blank\">JOIN JAM NOW<\/a>\n        \n        <div style=\"margin-top: 40px;\">\n            <a href=\"https:\/\/discord.gg\/kKWpTdwjXC\" class=\"social-link\" target=\"_blank\">DISCORD<\/a>\n            <a href=\"https:\/\/linktr.ee\/lightbear_software\" class=\"social-link\" target=\"_blank\">SOCIALS<\/a>\n        <\/div>\n    <\/section>\n\n    <footer>\n        LIGHTBEAR SOFTWARE \u00a9 2026 \u2022 THE REALITY IS YOURS TO BUILD\n    <\/footer>\n<\/div>\n\n<script>\n    window.onload = function() {\n        const themeText = document.getElementById('theme-text');\n        const chars = \"ILUSION01X?$!#\";\n        \n        setInterval(() => {\n            if(Math.random() > 0.9) {\n                const original = \"ILLUSION\";\n                let glitched = original.split('').map(c => \n                    Math.random() > 0.8 ? chars[Math.floor(Math.random()*chars.length)] : c\n                ).join('');\n                \n                themeText.innerText = glitched;\n                setTimeout(() => themeText.innerText = original, 100);\n            }\n        }, 1500);\n\n        document.addEventListener('mousemove', (e) => {\n            const x = e.clientX \/ window.innerWidth;\n            const y = e.clientY \/ window.innerHeight;\n            \/\/ The transform should not interfere with clicks\n            const bg = document.getElementById('illusion-bg');\n            if (bg) {\n                bg.style.transform = `translate(${x * 20}px, ${y * 20}px)`;\n            }\n        });\n    };\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>LightBear Software | ILLUSION Jam LIGHTBEAR SOFTWARE VII ILLUSION JAM Nothing is as it seems. Create an uplifting experience that plays with perception, mystery, and wonder. PERCEPTION FILTER: ACTIVE ILLUSION {&#8220;THEME REVEALED&#8221;} \ud83e\udd47 1st Place $115 \ud83e\udd48 2nd Place $80 \ud83e\udd49 3rd Place $55 4th Place $40 5th Place $25 Judging Criteria Interpretation of &#8216;Illusion&#8217; &#8230; <a title=\"GAME JAM\" class=\"read-more\" href=\"https:\/\/lightbearsoftware.com\/index.php\/game-jams\/\">Read more<span class=\"screen-reader-text\">GAME JAM<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-409","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":22,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions"}],"predecessor-version":[{"id":571,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions\/571"}],"wp:attachment":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/media?parent=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}