diff --git a/Gamescom_logo_(2022-present).svg b/Gamescom_logo_(2022-present).svg new file mode 100644 index 0000000000..803bb762dc --- /dev/null +++ b/Gamescom_logo_(2022-present).svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/_includes/engine_size.html b/_includes/engine_size.html index 3b4690a2de..e00c6eee4e 100644 --- a/_includes/engine_size.html +++ b/_includes/engine_size.html @@ -1,33 +1,184 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PLATFORMDEFOLD 1.12.4UNITY 6 (6000.0.23f1)GODOT 4.3
Android (arm64-v8a) 1.97MB24.33MB24.29MB
iOS (arm64) 1.49MB18.03MB19.59MB
HTML5 (wasm, gzip)1.06MB 8.1MB 9.0MB
Windows 2.87MB91.1MB84.1MB
-

Test made using an empty project. Exported to target platform using default settings. Release builds. The iOS, Android and Windows numbers represent the size on disk while the HTML5 number is uncached download size when gzipped. No optimizations. Release mode.

+
+ +
+

Empty Project Build Size

+

Release builds · Default settings · No optimizations

+
+ +
+ Defold 1.13.0 + Unity 6.5 (6000.5.7f1) + Godot 4.7.1 +
+ +
+ + +
+ +

Android arm64

+ +
+
Defold
+
+
+
+
2.56 MB
+
+ +
+
Unity
+
+
+
+
31.75 MB
+
+ +
+
Godot
+
+
+
+
25.29 MB
+
+ +
+ 0 + 10 MB + 20 MB + 30 MB + 40 MB +
+ +
+ + + +
+ +

iOS arm64, .ipa

+ +
+
Defold
+
+
+
+
1.35 MB
+
+ +
+
Unity
+
+
+
+
36.81 MB
+
+ +
+
Godot
+
+
+
+
25.29 MB
+
+ +
+ 0 + 10 MB + 20 MB + 30 MB + 40 MB +
+ +
+ + + +
+ +

HTML5 Wasm, Brotli

+ +
+
Defold
+
+
+
+
0.83 MB
+
+ +
+
Unity
+
+
+
+
11.73 MB
+
+ +
+
Godot
+
+
+
+
6.68 MB
+
+ +
+ 0 + 10 MB + 20 MB + 30 MB + 40 MB +
+ +
+ + + +
+ +

Windows

+ +
+
Defold
+
+
+
+
2.92 MB
+
+ +
+
Unity
+
+
+
+
37.45 MB
+
+ +
+
Godot
+
+
+
+
36.29 MB
+
+ +
+ 0 + 10 MB + 20 MB + 30 MB + 40 MB +
+ +
+ +
+ +

+ Test made using an empty project. Exported to the target platform using + default settings. Release builds with no additional optimizations. + Android and iOS values represent exported package size. + The HTML5 value represents uncached download size when compressed with gzip. +

+ +
diff --git a/_scss/defold.scss b/_scss/defold.scss index 4c10603134..91b5639198 100644 --- a/_scss/defold.scss +++ b/_scss/defold.scss @@ -3086,6 +3086,209 @@ a.page-text-panel.page-post-panel-link .page-post-preview-title { } } +.build-size-comparison { + --max-size: 40; + + max-width: 1000px; + margin: 40px auto; + font-family: inherit; +} + +.build-size-header { + margin-bottom: 24px; +} + +.build-size-header h3 { + margin: 0 0 5px; + font-size: 28px; +} + +.build-size-header p { + margin: 0; + opacity: .65; +} + + +/* Legend */ + +.build-size-legend { + display: flex; + flex-wrap: wrap; + gap: 20px; + margin-bottom: 35px; + font-size: 14px; +} + +.build-size-legend span { + display: flex; + align-items: center; + gap: 7px; +} + +.legend-color { + width: 11px; + height: 11px; + border-radius: 3px; +} + + +/* Platform */ + +.build-size-platform-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); + gap: 36px 48px; +} + +.platform-chart { + min-width: 0; +} + +.platform-chart h4 { + margin: 0 0 12px; + font-size: 18px; +} + +.platform-chart h4 small { + font-size: 13px; + font-weight: normal; + opacity: .55; + margin-left: 5px; +} + + +/* Rows */ + +.bar-row { + display: grid; + grid-template-columns: 70px 1fr 85px; + align-items: center; + gap: 12px; + margin: 8px 0; +} + +.engine { + font-size: 13px; + opacity: .75; +} + +.value { + font-size: 13px; + font-variant-numeric: tabular-nums; + white-space: nowrap; +} + + +/* Bar */ + +.bar-track { + height: 18px; + background: + linear-gradient( + to right, + transparent 24.8%, + rgba(128,128,128,.17) 25%, + transparent 25.2%, + transparent 49.8%, + rgba(128,128,128,.17) 50%, + transparent 50.2%, + transparent 74.8%, + rgba(128,128,128,.17) 75%, + transparent 75.2% + ); + + border-left: 1px solid rgba(128,128,128,.3); +} + +.bar { + height: 100%; + + width: calc( + var(--size) / var(--max-size) * 100% + ); + + min-width: 3px; + + border-radius: 0 4px 4px 0; +} + + +/* Engine colors */ + +.defold { + background: #f57921; +} + +.unity { + background: #777d86; +} + +.godot { + background: #478cbf; +} + + +/* Axis */ + +.chart-axis { + margin-left: 82px; + margin-right: 97px; + + display: flex; + justify-content: space-between; + + padding-top: 5px; + border-top: 1px solid rgba(128,128,128,.3); + + font-size: 11px; + opacity: .55; +} + + +/* Note */ + +.build-size-note { + margin-top: 30px; + + font-size: 12px; + line-height: 1.6; + + opacity: .6; +} + + +/* Mobile */ + +@media (max-width: 650px) { + .build-size-platform-grid { + grid-template-columns: minmax(0, 1fr); + gap: 30px; + } + + .bar-row { + grid-template-columns: 55px 1fr 70px; + gap: 7px; + } + + .engine, + .value { + font-size: 11px; + } + + .bar-track { + height: 15px; + } + + .chart-axis { + margin-left: 62px; + margin-right: 77px; + } + + .build-size-legend { + gap: 10px 18px; + } +} + @media (max-width: 980px) { .page-hero { --page-hero-graphic-width: min(100%, 150px); diff --git a/_scss/pages.scss b/_scss/pages.scss index b542c5c41d..4a186e2fe3 100644 --- a/_scss/pages.scss +++ b/_scss/pages.scss @@ -750,3 +750,699 @@ padding: 1rem; } } + +/******************************************************************************* +* gamescom 2026 event landing +******************************************************************************/ + +.gamescom-hub-hero { + --page-hero-warm-size: clamp(52rem, 94vw, 92rem); + --page-hero-cool-size: clamp(50rem, 90vw, 88rem); + background: + radial-gradient(circle at 12% 12%, rgba(145, 76, 255, 0.11), transparent 34%), + radial-gradient(circle at 88% 20%, rgba(0, 222, 255, 0.11), transparent 36%), + #0d1218; +} + +.gamescom-logo-lockup { + position: relative; + display: grid; + gap: clamp(1.2rem, 2.2vw, 1.9rem); + width: min(100%, 1040px); + padding: clamp(1.7rem, 3.5vw, 3rem); + border: 1px solid rgba(108, 218, 255, 0.26); + border-radius: 18px; + background: + linear-gradient(120deg, rgba(111, 56, 216, 0.13), transparent 38%), + linear-gradient(300deg, rgba(0, 207, 239, 0.12), transparent 42%), + linear-gradient(180deg, rgba(29, 38, 49, 0.98), rgba(12, 18, 25, 0.98)); + box-shadow: + 0 34px 76px rgba(0, 0, 0, 0.4), + inset 0 1px 0 rgba(255, 255, 255, 0.08); + overflow: hidden; +} + +.gamescom-logo-lockup::before, +.gamescom-logo-lockup::after { + content: ""; + position: absolute; + pointer-events: none; +} + +.gamescom-logo-lockup::before { + inset: 0; + border-radius: inherit; + background: + linear-gradient(90deg, transparent, rgba(105, 222, 255, 0.65), rgba(151, 93, 255, 0.68), transparent) top / 100% 3px no-repeat; +} + +.gamescom-logo-lockup::after { + right: -12%; + top: -82%; + width: 46%; + aspect-ratio: 1; + border: 1px solid rgba(97, 219, 255, 0.12); + border-radius: 50%; + box-shadow: + 0 0 0 32px rgba(97, 219, 255, 0.025), + 0 0 0 72px rgba(151, 93, 255, 0.02); +} + +.gamescom-event-label { + position: relative; + z-index: 1; + justify-self: center; + padding: 0.5rem 0.9rem; + border: 1px solid rgba(255, 255, 255, 0.13); + border-radius: 999px; + background: rgba(255, 255, 255, 0.055); + color: rgba(255, 255, 255, 0.8); + font-size: 0.95rem; + font-weight: 700; + letter-spacing: 0.1em; + line-height: 1.2; + text-transform: uppercase; +} + +.gamescom-logo-pair { + position: relative; + z-index: 1; + display: grid; + grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); + gap: clamp(1.4rem, 3vw, 2.8rem); + align-items: center; +} + +.gamescom-logo-pair img { + display: block; + width: 100%; + height: auto; + margin: 0 auto; + object-fit: contain; +} + +.gamescom-event-logo { + max-width: 500px; + filter: drop-shadow(0 12px 26px rgba(0, 0, 0, 0.24)); +} + +.gamescom-defold-logo { + max-width: 500px; + filter: drop-shadow(0 12px 26px rgba(0, 0, 0, 0.24)); +} + +.gamescom-logo-divider { + width: 1px; + min-height: 88px; + background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.28), transparent); +} + +.gamescom-section { + position: relative; + overflow: hidden; +} + +.gamescom-section-eyebrow { + margin: 0 0 0.7rem; + color: #7fdfff !important; + font-size: 0.98rem !important; + font-weight: 800; + letter-spacing: 0.11em; + line-height: 1.25 !important; + text-transform: uppercase; +} + +.gamescom-feature-stack { + margin-top: clamp(2.2rem, 3.8vw, 3.2rem); +} + +.gamescom-platforms-visual { + width: min(100%, 500px); +} + +.gamescom-platforms-grid { + gap: clamp(0.65rem, 1.2vw, 1rem); +} + +.gamescom-platforms-grid .platforms-grid-card { + min-height: clamp(64px, 6vw, 78px); + padding: clamp(0.65rem, 1vw, 0.85rem); +} + +.gamescom-platforms-grid .platforms-grid-logo { + width: min(72%, 74px); + max-width: 74px; + max-height: 36px; +} + +.gamescom-single-column-list { + -webkit-column-count: 1; + -moz-column-count: 1; + column-count: 1; +} + +.gamescom-feature-actions { + justify-content: center; + margin-top: clamp(2.4rem, 4vw, 3.4rem); +} + +.gamescom-size-table-shell { + margin-top: clamp(2rem, 3.5vw, 2.8rem); +} + +.gamescom-showcase-section { + overflow: hidden; +} + +.gamescom-showcase-carousel-shell { + width: min(100%, 1680px); + margin: clamp(2rem, 3.5vw, 2.8rem) auto 0; + padding: 0 clamp(1rem, 3vw, 3rem); + box-sizing: border-box; +} + +.gamescom-showcase-carousel .frontpage-hero-showcase-header { + justify-content: space-between; +} + +.gamescom-fullwidth-carousel.frontpage-hero-carousel { + --frontpage-showcase-edge-fade: clamp(56px, 6vw, 112px); +} + +.gamescom-attendee-grid { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: clamp(1.2rem, 2vw, 1.8rem); + margin-top: clamp(1.8rem, 3vw, 2.5rem); +} + +.gamescom-attendee-card { + --gamescom-attendee-accent: #55cfff; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: 100%; + border: 1px solid rgba(255, 255, 255, 0.09); + border-radius: 16px; + background: + radial-gradient(circle at top right, rgba(85, 207, 255, 0.11), transparent 34%), + linear-gradient(180deg, rgba(31, 40, 50, 0.98), rgba(14, 20, 27, 0.99)); + box-shadow: 0 20px 44px rgba(4, 8, 12, 0.24); + overflow: hidden; + transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; +} + +.gamescom-attendee-card:nth-child(2n) { + --gamescom-attendee-accent: #a986ff; + background: + radial-gradient(circle at top right, rgba(169, 134, 255, 0.12), transparent 34%), + linear-gradient(180deg, rgba(31, 40, 50, 0.98), rgba(14, 20, 27, 0.99)); +} + +.gamescom-attendee-card:hover { + transform: translateY(-4px); + border-color: rgba(103, 211, 255, 0.25); + box-shadow: 0 26px 52px rgba(4, 8, 12, 0.34); +} + +.gamescom-attendee-media { + position: relative; + aspect-ratio: 4 / 3; + background: #111820; + overflow: hidden; +} + +.gamescom-attendee-media::after { + content: ""; + position: absolute; + inset: auto 0 0; + height: 42%; + background: linear-gradient(180deg, transparent, rgba(10, 15, 21, 0.5)); + pointer-events: none; +} + +.gamescom-attendee-media img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; + transition: transform 280ms ease; +} + +.gamescom-attendee-card:hover .gamescom-attendee-media img { + transform: scale(1.025); +} + +.gamescom-attendee-photo-vlad { + object-position: center !important; +} + +.gamescom-attendee-photo-pawel { + object-position: center !important; + transform: scale(1.14); +} + +.gamescom-attendee-card:hover .gamescom-attendee-media img.gamescom-attendee-photo-pawel { + transform: scale(1.17); +} + +.gamescom-attendee-media-placeholder { + background: + radial-gradient(circle at 50% 42%, rgba(100, 205, 255, 0.18), transparent 32%), + linear-gradient(140deg, rgba(47, 62, 77, 0.96), rgba(17, 24, 33, 0.98)); +} + +.gamescom-attendee-media-placeholder img { + padding: 9% 7% 0; + object-fit: contain; + box-sizing: border-box; + opacity: 0.82; +} + +.gamescom-attendee-copy { + display: flex; + flex: 1; + flex-direction: column; + align-items: flex-start; + padding: clamp(1.25rem, 1.8vw, 1.55rem); +} + +.gamescom-attendee-role { + margin: 0 0 0.65rem; + color: var(--gamescom-attendee-accent) !important; + font-size: 0.83rem; + font-weight: 800; + letter-spacing: 0.08em; + line-height: 1.35; + text-transform: uppercase; +} + +.gamescom-attendee-copy h3 { + margin: 0 0 0.8rem; + color: var(--lightest); + font-size: clamp(1.65rem, 2vw, 2.05rem); + line-height: 1.18; +} + +.gamescom-attendee-copy > p:not(.gamescom-attendee-role) { + margin: 0 0 1.25rem; + color: rgba(255, 255, 255, 0.7); + font-size: 1.35rem; + line-height: 1.55; +} + +.gamescom-attendee-socials { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); + gap: 0.55rem; + width: 100%; + margin-top: auto; +} + +.gamescom-attendee-socials a { + display: flex; + align-items: center; + justify-content: center; + gap: 0.42rem; + min-width: 0; + min-height: 42px; + padding: 0.5rem 0.55rem; + border: 1px solid rgba(255, 255, 255, 0.13); + border-radius: 10px; + background: rgba(255, 255, 255, 0.055); + color: rgba(255, 255, 255, 0.84) !important; + font-size: 0.87rem; + font-weight: 700; + line-height: 1; + text-decoration: none !important; + transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; +} + +.gamescom-attendee-socials a:hover, +.gamescom-attendee-socials a:focus-visible { + border-color: var(--gamescom-attendee-accent); + background: rgba(85, 207, 255, 0.13); + color: var(--lightest) !important; + transform: translateY(-1px); +} + +.gamescom-attendee-socials a:focus-visible { + outline: 2px solid var(--gamescom-attendee-accent); + outline-offset: 2px; +} + +.gamescom-social-icon { + width: 20px; + height: 20px; + flex: 0 0 20px; + object-fit: contain; +} + +.gamescom-reasons-tabs { + margin-top: clamp(1.8rem, 3vw, 2.5rem); +} + +.gamescom-reasons-tablist { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 0.65rem; + margin-bottom: 1rem; + padding: 0.55rem; + border: 1px solid rgba(255, 255, 255, 0.09); + border-radius: 15px; + background: rgba(7, 12, 17, 0.42); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035); +} + +.gamescom-reasons-tab { + appearance: none; + display: flex; + align-items: center; + justify-content: center; + gap: 0.65rem; + min-width: 0; + min-height: 58px; + padding: 0.75rem 1rem; + border: 1px solid transparent; + border-radius: 11px; + background: transparent; + color: rgba(255, 255, 255, 0.68); + font: inherit; + font-size: clamp(0.98rem, 1.2vw, 1.1rem); + font-weight: 800; + line-height: 1.2; + cursor: pointer; + transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease; +} + +.gamescom-reasons-tab img { + width: 27px; + height: 27px; + flex: 0 0 27px; + object-fit: contain; + opacity: 0.76; + filter: brightness(0) invert(1); + transition: opacity 160ms ease, transform 160ms ease; +} + +.gamescom-reasons-tab:hover { + background: rgba(85, 207, 255, 0.075); + color: rgba(255, 255, 255, 0.94); +} + +.gamescom-reasons-tab:hover img { + opacity: 1; +} + +.gamescom-reasons-tab[aria-selected="true"] { + border-color: rgba(85, 207, 255, 0.34); + background: + radial-gradient(circle at top left, rgba(85, 207, 255, 0.15), transparent 56%), + rgba(255, 255, 255, 0.065); + box-shadow: 0 10px 24px rgba(4, 9, 14, 0.18), inset 0 -3px 0 rgba(85, 207, 255, 0.68); + color: var(--lightest); +} + +.gamescom-reasons-tab[aria-selected="true"] img { + opacity: 1; + transform: translateY(-1px); +} + +.gamescom-reasons-tab:focus-visible { + outline: 2px solid #72d9ff; + outline-offset: 3px; +} + +.gamescom-reasons-panel { + padding: clamp(2rem, 3.8vw, 3.35rem); + border-color: rgba(100, 211, 255, 0.14); + background: + radial-gradient(circle at 10% 8%, rgba(85, 207, 255, 0.1), transparent 31%), + radial-gradient(circle at 94% 16%, rgba(158, 116, 255, 0.09), transparent 32%), + linear-gradient(180deg, rgba(29, 38, 47, 0.98), rgba(15, 22, 29, 0.99)); + box-shadow: 0 22px 48px rgba(4, 9, 14, 0.22); +} + +.gamescom-reasons-panel[hidden] { + display: none; +} + +.gamescom-reasons-panel-intro { + max-width: 980px; + margin: 0; +} + +.gamescom-reasons-panel-intro p { + margin: 0; + color: rgba(255, 255, 255, 0.76); + font-size: var(--page-copy-size); + line-height: 1.58; +} + +.gamescom-reasons-points { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 1.15rem 2.4rem; + margin-top: clamp(1.9rem, 3vw, 2.4rem); +} + +.gamescom-reasons-points strong { + color: var(--lightest); +} + +.gamescom-reasons-actions { + justify-content: center; + margin-top: clamp(1.8rem, 2.8vw, 2.25rem); +} + +.gamescom-meeting-panel { + border-color: rgba(105, 216, 255, 0.18); + background: + radial-gradient(circle at 12% 20%, rgba(86, 206, 255, 0.12), transparent 30%), + radial-gradient(circle at 92% 12%, rgba(164, 119, 255, 0.11), transparent 34%), + linear-gradient(180deg, rgba(31, 40, 50, 0.98), rgba(15, 22, 29, 1)); +} + +.gamescom-meeting-actions { + gap: 0.7rem; +} + +.gamescom-meeting-actions .button { + display: flex; + align-items: center; + justify-content: center; + gap: 0.6rem; + min-height: 54px; +} + +.gamescom-button-icon { + width: 24px; + height: 24px; + flex: 0 0 24px; + object-fit: contain; +} + +.gamescom-meeting-actions .button.secondary .gamescom-button-icon { + filter: brightness(0) saturate(100%) invert(13%) sepia(13%) saturate(1055%) hue-rotate(166deg) brightness(91%) contrast(94%); +} + +@mixin gamescom-light-theme { + .gamescom-reasons-tablist { + border-color: rgba(25, 48, 70, 0.14); + background: rgba(226, 234, 241, 0.74); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72); + } + + .gamescom-reasons-tab { + color: rgba(18, 23, 28, 0.68); + } + + .gamescom-reasons-tab:hover { + background: rgba(38, 142, 190, 0.08); + color: #12171c; + } + + .gamescom-reasons-tab[aria-selected="true"] { + border-color: rgba(31, 128, 174, 0.3); + background: + radial-gradient(circle at top left, rgba(49, 174, 224, 0.15), transparent 56%), + #ffffff; + box-shadow: 0 10px 24px rgba(34, 54, 74, 0.12), inset 0 -3px 0 rgba(31, 128, 174, 0.64); + color: #12171c; + } + + .gamescom-reasons-tab img { + filter: brightness(0) saturate(100%) invert(13%) sepia(13%) saturate(1055%) hue-rotate(166deg) brightness(91%) contrast(94%); + } + + .gamescom-reasons-panel { + border-color: rgba(28, 107, 146, 0.16); + background: + radial-gradient(circle at 10% 8%, rgba(49, 174, 224, 0.12), transparent 32%), + radial-gradient(circle at 94% 16%, rgba(137, 100, 224, 0.1), transparent 34%), + linear-gradient(180deg, #ffffff, #f2f6f9); + box-shadow: 0 22px 48px rgba(34, 54, 74, 0.14); + } + + .gamescom-reasons-points strong { + color: #12171c; + } + + .gamescom-reasons-panel-intro p { + color: rgba(18, 23, 28, 0.76); + } + + .gamescom-reasons-points li { + color: rgba(18, 23, 28, 0.68); + } + + .gamescom-attendee-card { + --gamescom-attendee-accent: #176f9f; + border-color: rgba(25, 48, 70, 0.14); + background: + radial-gradient(circle at top right, rgba(49, 174, 224, 0.13), transparent 36%), + linear-gradient(180deg, #ffffff, #f4f7fa); + box-shadow: 0 18px 42px rgba(34, 54, 74, 0.13); + } + + .gamescom-attendee-card:nth-child(2n) { + --gamescom-attendee-accent: #6748ab; + background: + radial-gradient(circle at top right, rgba(137, 100, 224, 0.13), transparent 36%), + linear-gradient(180deg, #ffffff, #f5f4fa); + } + + .gamescom-attendee-card:hover { + border-color: rgba(31, 128, 174, 0.32); + box-shadow: 0 24px 50px rgba(34, 54, 74, 0.18); + } + + .gamescom-attendee-copy h3 { + color: #12171c; + } + + .gamescom-attendee-copy > p:not(.gamescom-attendee-role) { + color: rgba(18, 23, 28, 0.72); + } + + .gamescom-attendee-socials a { + border-color: rgba(25, 48, 70, 0.16); + background: rgba(27, 69, 100, 0.055); + color: rgba(18, 23, 28, 0.84) !important; + } + + .gamescom-attendee-socials a:hover, + .gamescom-attendee-socials a:focus-visible { + background: rgba(38, 142, 190, 0.12); + color: #12171c !important; + } + + .gamescom-social-icon, + .gamescom-meeting-actions .button:not(.primary) .gamescom-button-icon { + filter: brightness(0) saturate(100%) invert(13%) sepia(13%) saturate(1055%) hue-rotate(166deg) brightness(91%) contrast(94%); + } + + .gamescom-attendee-media-placeholder { + background: + radial-gradient(circle at 50% 42%, rgba(48, 162, 211, 0.18), transparent 34%), + linear-gradient(140deg, #e8eef3, #d8e1e9); + } + + .gamescom-meeting-panel { + border-color: rgba(28, 107, 146, 0.18); + background: + radial-gradient(circle at 12% 20%, rgba(49, 174, 224, 0.13), transparent 32%), + radial-gradient(circle at 92% 12%, rgba(137, 100, 224, 0.12), transparent 36%), + linear-gradient(180deg, #ffffff, #f2f6f9); + box-shadow: 0 20px 48px rgba(34, 54, 74, 0.14); + } +} + +html.theme-light { + @include gamescom-light-theme; +} + +@media (prefers-color-scheme: light) { + html:not(.theme-dark) { + @include gamescom-light-theme; + } +} + +@media (max-width: 1179px) { + .gamescom-attendee-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} + +@media (max-width: 760px) { + .gamescom-reasons-points { + grid-template-columns: minmax(0, 1fr); + } + + .gamescom-logo-pair { + grid-template-columns: minmax(0, 1fr); + justify-items: center; + } + + .gamescom-event-logo, + .gamescom-defold-logo { + width: min(100%, 500px) !important; + } + + .gamescom-logo-divider { + width: min(100%, 220px); + min-height: 1px; + height: 1px; + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent); + } + + .gamescom-attendee-grid { + grid-template-columns: minmax(0, 1fr); + } + + .gamescom-attendee-media { + aspect-ratio: 16 / 10; + } +} + +@media (max-width: 520px) { + .gamescom-reasons-tablist { + gap: 0.4rem; + padding: 0.4rem; + } + + .gamescom-reasons-tab { + flex-direction: column; + gap: 0.35rem; + min-height: 68px; + padding: 0.55rem 0.25rem; + font-size: 0.82rem; + } + + .gamescom-reasons-tab img { + width: 23px; + height: 23px; + flex-basis: 23px; + } + + .gamescom-reasons-panel { + padding: 1.45rem; + } + + .gamescom-logo-lockup { + padding: 1.2rem; + border-radius: 14px; + } + + .gamescom-event-label { + font-size: 0.76rem; + letter-spacing: 0.07em; + } + + .gamescom-attendee-copy { + padding: 1.15rem; + } + +} diff --git a/gamescom2026.html b/gamescom2026.html new file mode 100644 index 0000000000..199b7e8adf --- /dev/null +++ b/gamescom2026.html @@ -0,0 +1,607 @@ +--- +layout: page +title: Defold at gamescom 2026 +description: Meet the Defold team at gamescom 2026 and learn more about the Defold game engine. Schedule a meeting through gamescom biz or MeetToMatch. +nav: floating +heatmap: false +preload_image: /images/gamescom2025/gamescom_logo.png +preload_image_type: image/png +opengraph_image: /images/gamescom2025/gamescom_logo.png +opengraph_image_alt: Defold at gamescom 2026 +twitter_image: /images/gamescom2025/gamescom_logo.png +stylesheets: + - frontpage + - frontpage-carousel + - frontpage-carousel-enhancements + - newsletter + - pages +--- + +{%- assign gamescom_utm = "utm_campaign=gamescom-2026" -%} +{%- assign download_link = "/download?" | append: gamescom_utm -%} +{%- assign product_link = "/product?" | append: gamescom_utm -%} +{%- assign why_link = "/why?" | append: gamescom_utm -%} +{%- assign showcase_link = "/showcase?" | append: gamescom_utm -%} +{%- assign open_link = "/open?" | append: gamescom_utm -%} +{%- assign license_link = "/license?" | append: gamescom_utm -%} +{%- assign publishers_link = "/publishers?" | append: gamescom_utm -%} +{%- assign partnerships_link = "/corporate-partnerships?" | append: gamescom_utm -%} +{%- assign gamescom_biz_link = "https://bizcommunity.gamescom.global/event/gamescom-biz-2026/people/RXZlbnRWaWV3XzEyNTYxNzY=?search=defold" | append: gamescom_utm -%} +{%- assign meettomatch_link = "https://app.meettomatch.com/cologne2026/company/details/MTkxMjU3MTQ/?" | append: gamescom_utm -%} +{%- assign defold_x_link = "https://x.com/defold?" | append: gamescom_utm -%} +{%- assign defold_linkedin_link = "https://www.linkedin.com/company/defold-foundation?" | append: gamescom_utm -%} + +{%- capture page_hero_panel -%} +
+ Cologne · August 26-30 +
+ + + +
+
+{%- endcapture -%} + +{%- capture page_hero_copy -%} +

Defold is a turn-key, free and source available game engine with the editor, scripting, tools, and deployment flow working together out of the box for seamless development of cross-platform games for PC, consoles, web, and mobile.

+{%- endcapture -%} + +{%- capture page_hero_actions -%} +Meet the team +Download Defold +{%- endcapture -%} + +{% include page_hub_hero.html + hero_class="gamescom-hub-hero" + layout_class="page-hero-layout-stack" + copy_class="page-hero-copy-centered" + panel_class="page-hero-panel-stack" + title="Meet Defold at gamescom 2026" + copy=page_hero_copy + actions=page_hero_actions + panel=page_hero_panel + panel_position="top" + aria_label="gamescom and Defold logos" +%} + +
+
+
+

Defold Overview

+
+ +
+
+
+
+

+ + Works out of the box +

+

There is nothing more tedious than keeping tools and SDKs updated with the latest changes and requirements, especially when all you want to do is create a game. You should never have to do more than download and install Defold once. Nothing else.

+

You do not need Xcode to make an iOS or macOS build, neither Android Studio, nor Visual Studio. Everything's set up for you, and you can still control the build process through our command-line tools if you want to.

+
+
+
+ +
+
+ +
+
+ +
+
+
+

+ + Build 2D and 3D games +

+

Defold shines especially bright for 2D game development, yet does not limit you to two dimensions. Built from the ground up as a modern 3D game engine, it provides a capable foundation for fast, lightweight, performant games. Customize the rendering for your need - for PBR, stylized lighting or other special effects.

+
+
    +
  • Visual Scene and GUI editors
    • +
  • Particle FX editor
    • +
  • Integrated Code editor with a debugger
    • +
  • Customisable rendering pipeline
    • +
  • Animation tools and support for Rive, Spine, SpriteLoop, DragonBones, 3D, or property animations
    • +
  • Built-in Tilemap editor and support for Tiled, Tilesetter, or Sprite Fusion
    • +
  • Atlas and Tile Source editors, and support for e.g. TexturePacker
    • +
+
+
+
+
+ +
+
+
+

+ + Cross-platform deployment +

+

The Defold APIs work across supported platforms, so you do not need to manage render pipelines or input methods - one code base works for all. We offer official Native Extensions for platform-specific integrations, e.g. for in-app purchases, add mediation services, networking solutions, and more.

+
+
    +
  • One-click deployment to all target platforms from the same code base
    • +
  • Deploy to desktop, mobile, web, or consoles
    • +
  • Additional platforms such as Poki or Facebook via extensions
    • +
  • Editor and tools running on macOS, Windows and Linux
    • +
+
+
+
+
+
+
+ {%- include platforms.html minmax=80 class="gamescom-platforms-grid" -%} +
+
+
+
+ +
+
+ +
+
+
+

+ + Rapid workflow +

+

We believe speed is key to productivity, and nothing should stand in your way. Defold builds take usually only a couple of seconds. You can even push new or updated content and logic to an already running game on your device.

+
+ +
+
+
+
+ +
+
+
+

+ + Native extensions +

+

The Defold SDK lets you write engine extensions in C, C++, C# or JavaScript without building a separate engine workflow around your project. Typical use cases include high-performance calculations, hardware access such as mobile cameras, and integrating external SDKs for ads, analytics, and services.

+
+
    +
  • Develop extensions directly in Defold
    • +
  • No extra compiler setup needed for the common cloud-build path
    • +
  • Custom engine builds in cloud or local builder
    • +
  • Reach mobile hardware, native APIs, and platform features beyond the core runtime
    • +
+
+
+
+
+ +
+
+ +
+
+
+

+ + Free. Forever. +

+

Defold gives you full access with no up-front costs, royalties, or licensing fees — even for supported console ports. Keep your revenue, keep your freedom, and focus on what matters: creating exceptional games.

+
+
    +
  • No subscriptions, seat licenses, royalties, or runtime fees
    • +
  • Console ports are provided at no cost to approved console developers
    • +
  • You retain ownership of the games and extensions you create
    • +
+
+
+ Read the license +
+
+
+
+
+

+ + Source available +

+

The source code of the Defold engine, editor, and building tools is available on GitHub. Examples, tutorials, and many officially supported extensions are open sourced in the Defold GitHub organization.

+
+
    +
  • Inspect, customize, and extend the engine and editor
    • +
  • Follow issues, releases, and development in the open
    • +
  • Developer-friendly license derived from Apache 2.0
    • +
+
+
+ Learn more +
+
+
+
+ +
+
+
+ +
+
+
+ +
+

Optimized and lightweight

+

Defold has a very small engine runtime and performs really well even on older hardware. We spend a significant amount of effort making sure it stays that way. The engine is designed from the ground up to conserve memory, take up little disk space, and not waste CPU cycles.

+

Keeping the engine small allows you to release games on platforms that many other engines are unable to support.

+
+
+
+
+ {%- include engine_size.html -%} +
+
+ +
+ Defold Overview + Why Defold? +
+
+
+ +
+
+
+

Production ready

+

Production games have been shipped by studios worldwide across web, mobile, desktop, and consoles. Defold games reached more than 600 million plays on Poki in 2024.

+
+
+
+ {% include showcase_carousel.html + label="Games made with Defold" + action_link=showcase_link + action_text="View all games" + wrapper_class="gamescom-showcase-carousel" + carousel_class="frontpage-hero-carousel gamescom-fullwidth-carousel" + initial_limit=4 + max_games=12 + source_location="gamescom_2026" + card_click_source="gamescom_2026_showcase" + more_button_source="gamescom_2026_showcase_all" + %} +
+
+ +
+
+
+

The Defold team at gamescom

+

Björn, Mathias, Vlad, and Paweł will attend gamescom 2026. Contact us to schedule a meeting.

+
+ +
+
+
+ Portrait of Björn Ritzl +
+
+

Chairperson · Product Owner · Developer

+

Björn Ritzl

+

Veteran game developer starting in pre-smartphones mobile era, prominent advocate for browser gaming, speaker, with Defold since 2015 as Product Owner, Developer and now a chairperson at the Defold Foundation and co-founder of Refold Games studio.

+ +
+
+ +
+
+ Portrait of Mathias Westerdahl +
+
+

Chairperson · Engine Developer

+

Mathias Westerdahl

+

In games industry since 2001, over a decade at Avalanche studios working on Just Cause or Mad Max, experienced engine and tools programmer, lead engine developer of Defold, CTO and board member at Defold Foundation, co-founder of Refold Games studio.

+ +
+
+ +
+
+ Portrait of Vlad Protsenko +
+
+

Editor Developer

+

Vlad Protsenko

+

Specialist in Clojure and JavaFX - the technologies behind Defold's editor, speaker in the related communities, long time Defold editor developer responsible for editor customisation and automation tools.

+ +
+
+ +
+
+ Portrait of Paweł Jarosz +
+
+

Community & Content Manager

+

Paweł Jarosz

+

Long time Defold user, now responsible for community and content for Defold, organising Defold Game Jam in September, indie game developer, speaker, running a Youtube channel about game development.

+ +
+
+
+
+
+ +
+
+
+

Reasons to meet

+
+ +
+
+ + + +
+ +
+
+

We’re looking to meet with publishers to demonstrate why Defold is a trusted, fully featured engine with all the essential services you need to successfully publish games built with Defold.

+
+
    +
  • Production ready. Defold is battle-tested, with a proven track record of shipped games across web, mobile, desktop, and consoles.
    • +
  • Trusted technology. Studios and indies use Defold worldwide, with an engine and toolchain built for predictable releases on every major platform.
    • +
  • Essential services. Use battle-tested integrations for analytics, app economy, monetization, platform services, and game services.
    • +
  • Support. Get help with technical issues, integrations, and platform requirements during and after publishing.
    • +
+
+ Publisher overview + Schedule a meeting +
+
+ + + + +
+
+
+ +
+
+
+ +
+

No fixed stand this year

+

Let's meet in Cologne

+

Use the official gamescom biz app or MeetToMatch to schedule a meeting with the Defold team.

+

You can also contact us on X or LinkedIn, or email business@defold.se.

+
+ MeetToMatch + gamescom biz + Message us + Connect +
+
+
+
+
+ +{% include newsletter_section.html %} + +{% include download_cta_section.html + button_link=download_link +%} + +{% include donors_and_partners.html button=true %} + + diff --git a/images/icons/gamescom_icon.svg b/images/icons/gamescom_icon.svg new file mode 100644 index 0000000000..70bd255f7a --- /dev/null +++ b/images/icons/gamescom_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/github_icon.svg b/images/icons/github_icon.svg new file mode 100644 index 0000000000..0a4ce08ac1 --- /dev/null +++ b/images/icons/github_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/handshake_icon.svg b/images/icons/handshake_icon.svg new file mode 100644 index 0000000000..1f6738e8fe --- /dev/null +++ b/images/icons/handshake_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/linkedin_icon.svg b/images/icons/linkedin_icon.svg new file mode 100644 index 0000000000..bec8834a8c --- /dev/null +++ b/images/icons/linkedin_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/meettomatch_icon.svg b/images/icons/meettomatch_icon.svg new file mode 100644 index 0000000000..f1eb5c7dc2 --- /dev/null +++ b/images/icons/meettomatch_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/x_icon.svg b/images/icons/x_icon.svg new file mode 100644 index 0000000000..172f56e0d0 --- /dev/null +++ b/images/icons/x_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/people/pawel-jarosz.png b/images/people/pawel-jarosz.png new file mode 100644 index 0000000000..2f49c75d35 Binary files /dev/null and b/images/people/pawel-jarosz.png differ diff --git a/images/people/vlad-protsenko.png b/images/people/vlad-protsenko.png new file mode 100644 index 0000000000..eb17edf1fd Binary files /dev/null and b/images/people/vlad-protsenko.png differ diff --git a/serve.sh b/serve.sh index 538af287a6..69444760d4 100755 --- a/serve.sh +++ b/serve.sh @@ -1,12 +1,20 @@ #!/bin/bash REQUIRED_PAGEFIND_VERSION="1.5.2" -PAGEFIND_VERSION=$(python3 -m pagefind --version 2>/dev/null | awk '{print $2}') +PAGEFIND_PYTHON="python3" + +if [ -x ".venv/bin/python" ]; then + PAGEFIND_PYTHON=".venv/bin/python" +elif [ -x "venv/bin/python" ]; then + PAGEFIND_PYTHON="venv/bin/python" +fi + +PAGEFIND_VERSION=$("$PAGEFIND_PYTHON" -m pagefind --version 2>/dev/null | awk '{print $2}') # Check if the Pagefind CLI can generate the component assets used by nav search. if [ "$PAGEFIND_VERSION" != "$REQUIRED_PAGEFIND_VERSION" ]; then echo "Pagefind $REQUIRED_PAGEFIND_VERSION is required. Please install it first:" - echo "pip3 install \"pagefind[extended]==$REQUIRED_PAGEFIND_VERSION\"" + echo "$PAGEFIND_PYTHON -m pip install \"pagefind[extended]==$REQUIRED_PAGEFIND_VERSION\"" exit 1 fi @@ -14,7 +22,7 @@ echo "Cleaning old Pagefind index..." rm -rf _site/_pagefind echo "Building Jekyll site and indexing with Pagefind..." -bundle exec jekyll build --drafts --future --incremental && python3 -m pagefind +bundle exec jekyll build --drafts --future --incremental && "$PAGEFIND_PYTHON" -m pagefind echo "Starting Jekyll server..." bundle exec jekyll serve --drafts --incremental --verbose --profile --future --skip-initial-build