mirror of
https://github.com/godotengine/godot-website.git
synced 2025-12-31 09:48:43 +03:00
Update website for the imminent Godot 4 release (#579)
* Update Home and Features pages for Godot 4 Adds support for 2 simultaneous stable versions of the engine Dubs Godot 4 as Latest and Godot 3 as LTS References new features of Godot 4 as extras on the Features page Downloads are WIP * Split Download pages for 4.x and 3.x and cross-link them Also slightly improve styling of the pages * Promote Features over Showcase in main navigation again * replace editor image --------- Co-authored-by: Emi <2206700+coppolaemilio@users.noreply.github.com>
This commit is contained in:
Yuri Sizov
GitHub
12
_config.yml
12
_config.yml
@@ -20,6 +20,9 @@ collections:
|
||||
output: true
|
||||
download:
|
||||
output: true
|
||||
download_3:
|
||||
output: true
|
||||
permalink: /download/3.x/:name/index.html
|
||||
|
||||
defaults:
|
||||
- scope:
|
||||
@@ -38,6 +41,11 @@ defaults:
|
||||
type: "download"
|
||||
values:
|
||||
layout: "download"
|
||||
- scope:
|
||||
path: ""
|
||||
type: "download_3"
|
||||
values:
|
||||
layout: "download-3"
|
||||
|
||||
# Plugins
|
||||
plugins:
|
||||
@@ -50,10 +58,6 @@ languages: ["en", "es"]
|
||||
exclude_from_localizations: ["assets", "storage"]
|
||||
default_lang: "en"
|
||||
|
||||
# Godot download version
|
||||
stable_version: "3.5.1"
|
||||
stable_version_date: "28 September 2022"
|
||||
|
||||
# Pagination (used by the blog)
|
||||
pagination:
|
||||
# Site-wide kill switch, disabled here it doesn't run at all
|
||||
|
||||
8
_data/versions.yml
Normal file
8
_data/versions.yml
Normal file
@@ -0,0 +1,8 @@
|
||||
godot_3:
|
||||
- name: "3.5.1"
|
||||
flavor: "stable"
|
||||
release_date: "28 September 2022"
|
||||
godot_4:
|
||||
- name: "4.0"
|
||||
flavor: "stable"
|
||||
release_date: "1 March 2023"
|
||||
@@ -102,11 +102,18 @@
|
||||
const links = document.querySelectorAll('.set-os-download-url');
|
||||
for (let i = 0; i < links.length; i++) {
|
||||
const link = links[i];
|
||||
link.href = "/download/windows";
|
||||
if (navigator.platform.indexOf('Mac') !== -1) {
|
||||
link.href = "/download/macos";
|
||||
} else if (navigator.platform.indexOf('Linux') !== -1) {
|
||||
link.href = "/download/linux";
|
||||
let link_slug = 'download';
|
||||
if ('version' in link.dataset && link.dataset['version'] === '3') {
|
||||
link_slug = 'download/3.x';
|
||||
}
|
||||
|
||||
let link_platform = 'windows';
|
||||
if (navigator.platform.indexOf('Mac') !== -1) {
|
||||
link_platform = 'macos';
|
||||
} else if (navigator.platform.indexOf('Linux') !== -1) {
|
||||
link_platform = 'linux';
|
||||
}
|
||||
|
||||
link.href = `/${link_slug}/${link_platform}`;
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -13,9 +13,9 @@
|
||||
|
||||
<nav id="nav">
|
||||
<ul class="left">
|
||||
<li><a href="/showcase">Showcase</a></li>
|
||||
<li><a href="/features">Features</a></li>
|
||||
<div class="only-on-mobile" style="width: 100%">
|
||||
<li><a href="/features">Features</a></li>
|
||||
<li><a href="/showcase">Showcase</a></li>
|
||||
</div>
|
||||
<li><a href="/blog">Blog</a></li>
|
||||
<li><a href="/community">Community</a></li>
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<link rel="alternate" type="application/rss+xml" title="Godot News" href="/rss.xml">
|
||||
<link rel="icon" href="/assets/favicon.png" sizes="any">
|
||||
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
|
||||
<link rel="stylesheet" href="/assets/css/main.css?103">
|
||||
<link rel="stylesheet" href="/assets/css/main.css?104">
|
||||
<link rel="stylesheet" href="/assets/css/tobii.min.css">
|
||||
<link rel="preload" as="font" href="/assets/fonts/Montserrat-Bold.woff2" crossorigin>
|
||||
<link rel="preload" as="font" href="/assets/fonts/Montserrat-ExtraBold.woff2" crossorigin>
|
||||
|
||||
335
_layouts/download-3.html
Normal file
335
_layouts/download-3.html
Normal file
@@ -0,0 +1,335 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
{% assign platform = page.platform %}
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/transparent-nav.css">
|
||||
<link rel="stylesheet" href="/assets/css/download.css">
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
{% assign stable_version = site.data.versions.godot_3 | find: "flavor", "stable" %}
|
||||
|
||||
<div class="hero">
|
||||
<div class="hero-wrapper">
|
||||
<h1>Download Godot 3 for {{ page.platform }}</h1>
|
||||
|
||||
<div class="main-downloads">
|
||||
{% assign featured_downloads = page.downloads | where: "featured", "true" %}
|
||||
{% for download in featured_downloads %}
|
||||
|
||||
{% capture download_url %}
|
||||
{% if download.custom %}
|
||||
{{download.custom}}
|
||||
{% else %}
|
||||
https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/{% if download.mono %}mono/{% endif %}Godot_v{{stable_version.name}}-stable_{{ download.slug }}
|
||||
{% endif %}
|
||||
{% endcapture %}
|
||||
|
||||
<div class="main-download">
|
||||
<a href="{{ download_url }}" class="btn btn-download btn-download-main{% if forloop.index > 1 %}2{% endif %}">
|
||||
<div class="download-title">
|
||||
<img src="/assets/icons/{{ page.platform | slugify }}.svg" alt="({{ page.platform }})">
|
||||
Godot Engine{% if download.featured_flavor %} - {{ download.featured_flavor }}{% endif %}
|
||||
</div>
|
||||
<div class="download-hint">{{ stable_version.name }}</div>
|
||||
</a>
|
||||
<p class="main-download-details">
|
||||
<strong>{% for tag in download.tags %}{{ tag }} · {% endfor %}</strong>{{ stable_version.release_date }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
<p class="previous-releases">
|
||||
<strong class="previous-releases-featured">For the latest version, <a href="/download/windows" class="set-os-download-url" data-version="4">Download Godot 4</a>.</strong>
|
||||
<br>
|
||||
You can find previous releases on <a href="https://github.com/godotengine/godot/releases">GitHub</a> or the <a href="https://downloads.tuxfamily.org/godotengine">download repository</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="other-platforms">
|
||||
<div class="other-platforms-wrapper">
|
||||
Looking for other platforms? <a href="#platforms">See below!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div id="links" class="platform-details">
|
||||
<div class="card base-padding">
|
||||
<h3>Requirements</h3>
|
||||
|
||||
<ul>
|
||||
<li>OpenGL 2.1 / OpenGL ES 2.0 compatible hardware</li>
|
||||
</ul>
|
||||
|
||||
{% unless page.ignore_mono %}
|
||||
<p>Additional requirements for the .NET version:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://dotnet.microsoft.com/download">.NET SDK</a> or the
|
||||
<a href="https://www.mono-project.com/download/stable/">Mono SDK</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endunless %}
|
||||
</div>
|
||||
|
||||
<div class="platform-split">
|
||||
<div class="card base-padding">
|
||||
<h3>All downloads</h3>
|
||||
|
||||
{% for download in page.downloads %}
|
||||
|
||||
{% capture download_url %}
|
||||
{% if download.custom %}
|
||||
{{download.custom}}
|
||||
{% else %}
|
||||
https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/{% if download.mono %}mono/{% endif %}Godot_v{{stable_version.name}}-stable_{{ download.slug }}
|
||||
{% endif %}
|
||||
{% endcapture %}
|
||||
|
||||
<div class="download">
|
||||
<a href="{{ download_url }}" class="download-link">{{ download.caption }}</a>
|
||||
<span class="download-details">{% for tag in download.tags %}{% if forloop.index > 1 %} · {% endif %}{{ tag }}{% endfor %}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{% unless page.ignore_export %}
|
||||
<div class="download">
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/Godot_v{{stable_version.name}}-stable_export_templates.tpz">
|
||||
Export templates (Standard)
|
||||
</a>
|
||||
<span class="download-details">Used to export your games to all supported platforms</span>
|
||||
</div>
|
||||
{% unless page.ignore_mono %}
|
||||
<div class="download">
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/mono/Godot_v{{stable_version.name}}-stable_mono_export_templates.tpz">
|
||||
Export templates (.NET)
|
||||
</a>
|
||||
<span class="download-details">Used to export your games to all supported platforms · C# support</span>
|
||||
</div>
|
||||
{% endunless %}
|
||||
{% endunless %}
|
||||
|
||||
{% if page.content_note %}
|
||||
<div class="download-note">
|
||||
{{ page.content_note }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="card base-padding">
|
||||
<h3>Instructions</h3>
|
||||
|
||||
{{ page.content_instructions }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="digital-stores" class="card base-padding digital-stores">
|
||||
<div>
|
||||
<p>Godot Engine is also available on digital distribution platforms:</p>
|
||||
|
||||
<div class="digital-store-list">
|
||||
<a class="btn btn-digital-store" href="https://godotengine.itch.io/godot" title="Godot Engine on itch.io">
|
||||
<div class="digital-store-logo">
|
||||
<img src="/assets/download/itch_logo.svg" width="28" height="28" alt="itch logo">
|
||||
</div>
|
||||
<div class="digital-store-name">itch.io</div>
|
||||
</a>
|
||||
<a class="btn btn-digital-store" href="https://store.steampowered.com/app/404790" title="Godot Engine on Steam">
|
||||
<div class="digital-store-logo">
|
||||
<img src="/assets/download/steam_logo.svg" width="28" height="28" alt="Steam logo">
|
||||
</div>
|
||||
<div class="digital-store-name">Steam</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
<li>Digital store versions <strong>do not</strong> include .NET/C# support.</li>
|
||||
<li><strong>Steam</strong> version includes full set of export templates and demo projects.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="platforms-wrapper">
|
||||
<div id="platforms" class="container">
|
||||
<h2>Supported platforms</h2>
|
||||
|
||||
<div class="tabs platform-tabs">
|
||||
<a href="/download/3.x/android" class="tab title-font {% if page.platform == 'Android' %} active {% endif %}">
|
||||
<img width="24" height="24" src="/assets/icons/android.svg" title="Android" alt="Android" />
|
||||
<span>Android</span>
|
||||
</a>
|
||||
<a href="/download/3.x/linux" class="tab title-font {% if page.platform == 'Linux' %} active {% endif %}">
|
||||
<img width="24" height="24" src="/assets/icons/linux.svg" title="Linux" alt="Linux" />
|
||||
<span>Linux</span>
|
||||
</a>
|
||||
<a href="/download/3.x/macos" class="tab title-font {% if page.platform == 'MacOS' %} active {% endif %}">
|
||||
<img width="24" height="24" src="/assets/icons/macos.svg" title="MacOS" alt="MacOS" />
|
||||
<span>MacOS</span>
|
||||
</a>
|
||||
<a href="/download/3.x/windows" class="tab title-font {% if page.platform == 'Windows' %} active {% endif %}">
|
||||
<img width="24" height="24" src="/assets/icons/windows.svg" title="Windows" alt="Windows" />
|
||||
<span>Windows</span>
|
||||
</a>
|
||||
<a href="/download/3.x/server" class="tab title-font {% if page.platform == 'Linux Server' %} active {% endif %}">
|
||||
<img width="24" height="24" src="/assets/icons/linux-server.svg" title="Linux Server" alt="Linux Server" />
|
||||
<span>Linux Server</span>
|
||||
</a>
|
||||
<a href="https://editor.godotengine.org/releases/{{stable_version.name}}.stable/" target="_blank" class="tab title-font">
|
||||
<img width="24" height="24" src="/assets/icons/html5.svg" title="Web Editor" alt="Web Editor" />
|
||||
<span>Web Editor</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div id="extras" class="padded" style="padding-top: 0">
|
||||
<h2>Other Godot downloads</h2>
|
||||
|
||||
<div class="other-download">
|
||||
|
||||
<div class="other-download-card">
|
||||
<h3>Godot demo projects</h3>
|
||||
<p>
|
||||
Give a try to demo projects showcasing some of the engine features.
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://github.com/godotengine/godot-demo-projects">
|
||||
Demo projects on GitHub
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
{% assign stable_version_comp = stable_version.name | split: "." %}
|
||||
|
||||
<a href="https://godotengine.org/asset-library/asset?category=10&godot_version={{stable_version_comp[0]}}.{{stable_version_comp[1]}}&support[official]=1">
|
||||
Demo projects in Asset Library
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="other-download-card">
|
||||
<h3>AAR library for Android</h3>
|
||||
<p>Use it to develop Android plugins in Java or Kotlin using the Godot API.</p>
|
||||
<p>
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/godot-lib.{{stable_version.name}}.stable.release.aar">
|
||||
AAR library (standard)
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/mono/godot-lib.{{stable_version.name}}.stable.mono.release.aar">
|
||||
AAR library (.NET / C#)
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="other-download-card">
|
||||
<h3>Blender ESCN exporter</h3>
|
||||
<p>
|
||||
Blender add-on to export scenes to Godot's scene format directly.<br>
|
||||
Godot 3 also supports glTF 2.0 and OBJ.
|
||||
</p>
|
||||
<a href="https://github.com/godotengine/godot-blender-exporter">Godot Blender exporter</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="open-source" class="text-center base-padding">
|
||||
<img class="flex-center dark-invert" src="/assets/download/dl_icon_github.png" width="200" height="200" alt="">
|
||||
<p>
|
||||
Godot's development is <strong>open</strong>. This means that you can
|
||||
fix or improve any part of the engine yourself and choose
|
||||
whether to contribute it back or keep it private.
|
||||
</p>
|
||||
<p>
|
||||
New features are always available to use and test, without the need of
|
||||
having to wait for the next major release. Compiling Godot from source
|
||||
is <em>very easy</em> and the process is well-documented for each platform.
|
||||
To obtain the source code, please visit the
|
||||
<a href="https://github.com/godotengine/godot">GitHub project page</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const thankYouWrapper = document.getElementById('thank-you');
|
||||
// Close itself, when clicked outside of the popup area.
|
||||
thankYouWrapper.addEventListener('click', (e) => {
|
||||
if (e.target === thankYouWrapper) {
|
||||
thankYouWrapper.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// Close with a close button.
|
||||
const thankYouBackButton = document.querySelector('.btn-back-to-downloads');
|
||||
thankYouBackButton.addEventListener('click', () => {
|
||||
thankYouWrapper.style.display = 'none';
|
||||
});
|
||||
|
||||
// Open from the main download buttons.
|
||||
const downloadButtons = document.querySelectorAll('.btn-download');
|
||||
downloadButtons.forEach((it) => {
|
||||
it.addEventListener('click', () => {
|
||||
thankYouWrapper.style.display = '';
|
||||
});
|
||||
});
|
||||
|
||||
// Open from the all downloads list.
|
||||
const downloadLinks = document.querySelectorAll('.download-link');
|
||||
downloadLinks.forEach((it) => {
|
||||
it.addEventListener('click', () => {
|
||||
thankYouWrapper.style.display = '';
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="thankyou-wrapper" id="thank-you" style="display:none">
|
||||
<div class="thankyou">
|
||||
<h2>Godot is downloading!</h2>
|
||||
|
||||
<p class="thankyou-donate">
|
||||
Godot exists thanks to people like you! Consider supporting continued development of the engine with a donation.
|
||||
</p>
|
||||
<a href="/donate" class="btn btn-donate">
|
||||
Make a Donation
|
||||
</a>
|
||||
|
||||
<h3>Thank you!</h3>
|
||||
|
||||
<hr style="width:65%">
|
||||
|
||||
<p class="thankyou-reading">
|
||||
If this is your first time using the Godot Engine, take a look at our beginner resources:
|
||||
</p>
|
||||
<ul class="thankyou-reading-list">
|
||||
<li>
|
||||
A comprehensive
|
||||
<a href="https://docs.godotengine.org/en/stable/getting_started/step_by_step/">Step by Step tutorial</a>
|
||||
for 2D and 3D.
|
||||
</li>
|
||||
<li>
|
||||
A collection of
|
||||
<a href="https://godotengine.org/asset-library/asset?category=10&support[official]=1">official demo projects</a>
|
||||
showcasing some of the engine features.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="btn-back-to-downloads">
|
||||
<img src="/assets/cross.svg" width="24" height="24" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
@@ -6,333 +6,18 @@ layout: default
|
||||
{% include header.html %}
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/transparent-nav.css">
|
||||
<link rel="stylesheet" href="/assets/css/download.css">
|
||||
<style>
|
||||
.hero {
|
||||
padding: 124px 0 60px;
|
||||
background: url('/assets/download/download-background.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
font-size: 60px;
|
||||
text-shadow: 0 0 28px #00000080;
|
||||
margin-bottom: 20px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hero .hero-wrapper {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
max-width: 580px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.hero .main-downloads {
|
||||
max-width: 600px;
|
||||
margin: 40px auto;
|
||||
display: grid;
|
||||
gap: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.hero .main-download-details {
|
||||
color: var(--download-main-details-color);
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.hero .previous-releases {
|
||||
color: var(--download-hero-color);
|
||||
font-size: 95%;
|
||||
}
|
||||
|
||||
.hero .other-platforms {
|
||||
color: var(--download-hero-color);
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
.hero .other-platforms .other-platforms-wrapper {
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.btn.btn-download-main,
|
||||
.btn.btn-download-main2 {
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
display: inline-flex;
|
||||
flex-basis: content;
|
||||
padding: 0px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.btn.btn-download-main2 {
|
||||
background-color: rgb(111 111 111 / 27%);
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.btn.btn-download-main img,
|
||||
.btn.btn-download-main2 img {
|
||||
display: inline-block;
|
||||
filter: invert();
|
||||
margin-right: 10px;
|
||||
width: 20px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.btn.btn-download-main .download-hint,
|
||||
.btn.btn-download-main2 .download-hint {
|
||||
background-color: var(--primary-color-text-title);
|
||||
color: var(--dark-color);
|
||||
line-height: 32px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.btn.btn-download-main .download-title,
|
||||
.btn.btn-download-main2 .download-title {
|
||||
color: var(--primary-color-text-title);
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
padding: 12px 32px 12px 24px;
|
||||
}
|
||||
|
||||
.platform-details .card {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.platform-details pre {
|
||||
background-color: var(--platform-code-background-color);
|
||||
}
|
||||
|
||||
.platform-details .download {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.platform-details .download-details {
|
||||
color: var(--secondary-color-text);
|
||||
font-size: 14px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.platform-details .download-note {
|
||||
padding: 16px 12px;
|
||||
font-size: 92%;
|
||||
background-color: var(--platform-note-background-color);
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.platform-details .download-note p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.platform-details .platform-split {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 24px;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.platform-details .platform-split {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.other-download {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 30px;
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.other-download {
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.other-download-card {
|
||||
background: var(--card-background-color);
|
||||
border-radius: 6px;
|
||||
padding: 26px 35px;
|
||||
}
|
||||
|
||||
.platform-tabs {
|
||||
margin-bottom: -1px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.platform-tabs .tab img {
|
||||
display: block;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.platform-tabs .tab img {
|
||||
filter: invert(100%);
|
||||
}
|
||||
}
|
||||
|
||||
.platform-tabs .tab:not(.active):hover {
|
||||
background: var(--card-background-color);
|
||||
color: var(--base-color-text-hl);
|
||||
}
|
||||
|
||||
.platform-tabs .tab.active {
|
||||
background: var(--card-background-color);
|
||||
}
|
||||
|
||||
.digital-stores {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 24px;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.digital-stores {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.digital-stores p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.digital-stores .digital-store-list {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.btn.btn-digital-store {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--dark-color-text-title);
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
||||
.thankyou-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.thankyou {
|
||||
background: var(--base-color);
|
||||
box-shadow: var(--more-shadow);
|
||||
padding: 40px 60px 26px 60px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.thankyou-reading {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.thankyou-reading-list {
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
margin-left: 48px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.thankyou-donate {
|
||||
margin-bottom: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn.btn-donate {
|
||||
background-color: var(--primary-color);
|
||||
color: hsla(0, 0%, 100%, 0.9);
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.btn-back-to-downloads {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
.btn-back-to-downloads img {
|
||||
filter: invert(1);
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
.thankyou h2 {
|
||||
text-shadow: var(--base-shadow);
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.thankyou h3 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.thankyou p {
|
||||
max-width: 620px;
|
||||
}
|
||||
|
||||
.thankyou hr {
|
||||
margin: 28px 0 8px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.thankyou-wrapper {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.thankyou {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: scroll;
|
||||
padding: 30px 40px 18px 40px;
|
||||
}
|
||||
|
||||
.thankyou-reading-list {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.btn-back-to-downloads {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
background-image: url('/assets/download/download-background-4.x.jpg');
|
||||
}
|
||||
</style>
|
||||
|
||||
{% assign stable_version = site.data.versions.godot_4 | find: "flavor", "stable" %}
|
||||
|
||||
<div class="hero">
|
||||
<div class="hero-wrapper">
|
||||
<h1>Download Godot for {{ page.platform }}</h1>
|
||||
<h1>Download Godot 4 for {{ page.platform }}</h1>
|
||||
|
||||
<div class="main-downloads">
|
||||
{% assign featured_downloads = page.downloads | where: "featured", "true" %}
|
||||
@@ -342,7 +27,7 @@ layout: default
|
||||
{% if download.custom %}
|
||||
{{download.custom}}
|
||||
{% else %}
|
||||
https://downloads.tuxfamily.org/godotengine/{{site.stable_version}}/{% if download.mono %}mono/{% endif %}Godot_v{{site.stable_version}}-stable_{{ download.slug }}
|
||||
https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/{% if download.mono %}mono/{% endif %}Godot_v{{stable_version.name}}-stable_{{ download.slug }}
|
||||
{% endif %}
|
||||
{% endcapture %}
|
||||
|
||||
@@ -352,16 +37,18 @@ layout: default
|
||||
<img src="/assets/icons/{{ page.platform | slugify }}.svg" alt="({{ page.platform }})">
|
||||
Godot Engine{% if download.featured_flavor %} - {{ download.featured_flavor }}{% endif %}
|
||||
</div>
|
||||
<div class="download-hint">{{ site.stable_version }}</div>
|
||||
<div class="download-hint">{{ stable_version.name }}</div>
|
||||
</a>
|
||||
<p class="main-download-details">
|
||||
{{ page.platform }}<strong>{% for tag in download.tags %} · {{ tag }}{% endfor %}</strong> · {{ site.stable_version_date }}
|
||||
<strong>{% for tag in download.tags %}{{ tag }} · {% endfor %}</strong>{{ stable_version.release_date }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
<p class="previous-releases">
|
||||
<strong class="previous-releases-featured">For the LTS version, <a href="/download/3.x/windows" class="set-os-download-url" data-version="3">Download Godot 3</a>.</strong>
|
||||
<br>
|
||||
You can find previous releases on <a href="https://github.com/godotengine/godot/releases">GitHub</a> or the <a href="https://downloads.tuxfamily.org/godotengine">download repository</a>.
|
||||
</p>
|
||||
</div>
|
||||
@@ -380,14 +67,18 @@ layout: default
|
||||
<h3>Requirements</h3>
|
||||
|
||||
<ul>
|
||||
<li>OpenGL 2.1 / OpenGL ES 2.0 compatible hardware</li>
|
||||
{% unless page.ignore_mono %}
|
||||
<li>
|
||||
<strong>For the .NET version:</strong> <a href="https://dotnet.microsoft.com/download">.NET SDK</a> or the
|
||||
<a href="https://www.mono-project.com/download/stable/">Mono SDK</a>
|
||||
</li>
|
||||
{% endunless %}
|
||||
<li><strong>Recommended:</strong> Vulkan 1.0 compatible hardware</li>
|
||||
<li><strong>Minimal:</strong> OpenGL 3.3 / OpenGL ES 3.0 compatible hardware</li>
|
||||
</ul>
|
||||
|
||||
{% unless page.ignore_mono %}
|
||||
<p>Additional requirements for the .NET version:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://dotnet.microsoft.com/download">.NET SDK</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endunless %}
|
||||
</div>
|
||||
|
||||
<div class="platform-split">
|
||||
@@ -400,7 +91,7 @@ layout: default
|
||||
{% if download.custom %}
|
||||
{{download.custom}}
|
||||
{% else %}
|
||||
https://downloads.tuxfamily.org/godotengine/{{site.stable_version}}/{% if download.mono %}mono/{% endif %}Godot_v{{site.stable_version}}-stable_{{ download.slug }}
|
||||
https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/{% if download.mono %}mono/{% endif %}Godot_v{{stable_version.name}}-stable_{{ download.slug }}
|
||||
{% endif %}
|
||||
{% endcapture %}
|
||||
|
||||
@@ -412,14 +103,14 @@ layout: default
|
||||
|
||||
{% unless page.ignore_export %}
|
||||
<div class="download">
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{site.stable_version}}/Godot_v{{site.stable_version}}-stable_export_templates.tpz">
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/Godot_v{{stable_version.name}}-stable_export_templates.tpz">
|
||||
Export templates (Standard)
|
||||
</a>
|
||||
<span class="download-details">Used to export your games to all supported platforms</span>
|
||||
</div>
|
||||
{% unless page.ignore_mono %}
|
||||
<div class="download">
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{site.stable_version}}/mono/Godot_v{{site.stable_version}}-stable_mono_export_templates.tpz">
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/mono/Godot_v{{stable_version.name}}-stable_mono_export_templates.tpz">
|
||||
Export templates (.NET)
|
||||
</a>
|
||||
<span class="download-details">Used to export your games to all supported platforms · C# support</span>
|
||||
@@ -463,13 +154,15 @@ layout: default
|
||||
<div>
|
||||
<ul>
|
||||
<li>Digital store versions <strong>do not</strong> include .NET/C# support.</li>
|
||||
<li><strong>Steam</strong> version includes full set of export templates and demo projects.</li>
|
||||
<li><strong>Steam</strong> version is available as a <code>stable-4.0</code> beta branch.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="platforms" class="padded">
|
||||
<div class="platforms-wrapper">
|
||||
<div id="platforms" class="container">
|
||||
<h2>Supported platforms</h2>
|
||||
|
||||
<div class="tabs platform-tabs">
|
||||
@@ -489,17 +182,15 @@ layout: default
|
||||
<img width="24" height="24" src="/assets/icons/windows.svg" title="Windows" alt="Windows" />
|
||||
<span>Windows</span>
|
||||
</a>
|
||||
<a href="/download/server" class="tab title-font {% if page.platform == 'Linux Server' %} active {% endif %}">
|
||||
<img width="24" height="24" src="/assets/icons/linux-server.svg" title="Linux Server" alt="Linux Server" />
|
||||
<span>Linux Server</span>
|
||||
</a>
|
||||
<a href="https://editor.godotengine.org/releases/{{site.stable_version}}.stable/" target="_blank" class="tab title-font">
|
||||
<a href="https://editor.godotengine.org/releases/{{stable_version.name}}.stable/" target="_blank" class="tab title-font">
|
||||
<img width="24" height="24" src="/assets/icons/html5.svg" title="Web Editor" alt="Web Editor" />
|
||||
<span>Web Editor</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div id="extras" class="padded" style="padding-top: 0">
|
||||
<h2>Other Godot downloads</h2>
|
||||
|
||||
@@ -508,7 +199,7 @@ layout: default
|
||||
<div class="other-download-card">
|
||||
<h3>Godot demo projects</h3>
|
||||
<p>
|
||||
Give a try to demo projects showcasing some of the engine features.
|
||||
Give a try to demo projects showcasing some of the engine features.
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://github.com/godotengine/godot-demo-projects">
|
||||
@@ -516,7 +207,9 @@ layout: default
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://godotengine.org/asset-library/asset?category=10&support[official]=1">
|
||||
{% assign stable_version_comp = stable_version.name | split: "." %}
|
||||
|
||||
<a href="https://godotengine.org/asset-library/asset?category=10&godot_version={{stable_version_comp[0]}}.{{stable_version_comp[1]}}&support[official]=1">
|
||||
Demo projects in Asset Library
|
||||
</a>
|
||||
</p>
|
||||
@@ -526,12 +219,12 @@ layout: default
|
||||
<h3>AAR library for Android</h3>
|
||||
<p>Use it to develop Android plugins in Java or Kotlin using the Godot API.</p>
|
||||
<p>
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{site.stable_version}}/godot-lib.{{site.stable_version}}.stable.release.aar">
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/godot-lib.{{stable_version.name}}.stable.release.aar">
|
||||
AAR library (standard)
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{site.stable_version}}/mono/godot-lib.{{site.stable_version}}.stable.mono.release.aar">
|
||||
<a href="https://downloads.tuxfamily.org/godotengine/{{stable_version.name}}/mono/godot-lib.{{stable_version.name}}.stable.mono.release.aar">
|
||||
AAR library (.NET / C#)
|
||||
</a>
|
||||
</p>
|
||||
|
||||
337
assets/css/download.css
Normal file
337
assets/css/download.css
Normal file
@@ -0,0 +1,337 @@
|
||||
.hero {
|
||||
padding: 124px 0 60px;
|
||||
background-image: url('/assets/download/download-background.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
font-size: 60px;
|
||||
text-shadow: 0 0 28px #00000080;
|
||||
margin-bottom: 20px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hero .hero-wrapper {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
max-width: 620px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.hero .main-downloads {
|
||||
max-width: 600px;
|
||||
margin: 40px auto;
|
||||
display: grid;
|
||||
gap: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.hero .main-download-details {
|
||||
color: var(--download-main-details-color);
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.hero .previous-releases {
|
||||
color: var(--download-hero-color);
|
||||
font-size: 95%;
|
||||
}
|
||||
.hero .previous-releases-featured {
|
||||
font-size: 110%;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.hero .other-platforms {
|
||||
color: var(--download-hero-color);
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
.hero .other-platforms .other-platforms-wrapper {
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.btn.btn-download-main,
|
||||
.btn.btn-download-main2 {
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
display: inline-flex;
|
||||
flex-basis: content;
|
||||
padding: 0px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.btn.btn-download-main2 {
|
||||
background-color: rgb(111 111 111 / 27%);
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.btn.btn-download-main img,
|
||||
.btn.btn-download-main2 img {
|
||||
display: inline-block;
|
||||
filter: invert();
|
||||
margin-right: 10px;
|
||||
width: 20px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.btn.btn-download-main .download-hint,
|
||||
.btn.btn-download-main2 .download-hint {
|
||||
background-color: var(--primary-color-text-title);
|
||||
color: var(--dark-color);
|
||||
line-height: 32px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.btn.btn-download-main .download-title,
|
||||
.btn.btn-download-main2 .download-title {
|
||||
color: var(--primary-color-text-title);
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
padding: 12px 32px 12px 24px;
|
||||
}
|
||||
|
||||
.platform-details .card {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.platform-details pre {
|
||||
background-color: var(--platform-code-background-color);
|
||||
}
|
||||
|
||||
.platform-details .download {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.platform-details .download-details {
|
||||
color: var(--secondary-color-text);
|
||||
font-size: 14px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.platform-details .download-note {
|
||||
padding: 16px 12px;
|
||||
font-size: 92%;
|
||||
background-color: var(--platform-note-background-color);
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.platform-details .download-note p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.platform-details .platform-split {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 24px;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.platform-details .platform-split {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.other-download {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 30px;
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.other-download {
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.other-download-card {
|
||||
background: var(--card-background-color);
|
||||
border-radius: 6px;
|
||||
padding: 26px 35px;
|
||||
}
|
||||
|
||||
.platforms-wrapper {
|
||||
background-color: var(--dark-color);
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin: 40px 0;
|
||||
padding: 24px 24px;
|
||||
}
|
||||
|
||||
.platforms-wrapper h2 {
|
||||
color: var(--dark-color-text-title);
|
||||
}
|
||||
|
||||
.platform-tabs {
|
||||
margin-bottom: -1px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.platform-tabs .tab {
|
||||
color: var(--dark-color-text);
|
||||
}
|
||||
|
||||
.platform-tabs .tab img {
|
||||
display: block;
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
.platform-tabs .tab:not(.active):hover {
|
||||
background: rgba(255 255 255 / 7.5%);
|
||||
color: var(--dark-color-text-hl);
|
||||
}
|
||||
.platform-tabs .tab.active {
|
||||
background: rgba(255 255 255 / 15%);
|
||||
color: var(--dark-color-text-title);
|
||||
}
|
||||
|
||||
.digital-stores {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 24px;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.digital-stores {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.digital-stores p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.digital-stores .digital-store-list {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.btn.btn-digital-store {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--dark-color-text-title);
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
||||
.thankyou-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.thankyou {
|
||||
background: var(--base-color);
|
||||
box-shadow: var(--more-shadow);
|
||||
padding: 40px 60px 26px 60px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.thankyou-reading {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.thankyou-reading-list {
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
margin-left: 48px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.thankyou-donate {
|
||||
margin-bottom: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn.btn-donate {
|
||||
background-color: var(--primary-color);
|
||||
color: hsla(0, 0%, 100%, 0.9);
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.btn-back-to-downloads {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
.btn-back-to-downloads img {
|
||||
filter: invert(1);
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
.thankyou h2 {
|
||||
text-shadow: var(--base-shadow);
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.thankyou h3 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.thankyou p {
|
||||
max-width: 620px;
|
||||
}
|
||||
|
||||
.thankyou hr {
|
||||
margin: 28px 0 8px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.thankyou-wrapper {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.thankyou {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: scroll;
|
||||
padding: 30px 40px 18px 40px;
|
||||
}
|
||||
|
||||
.thankyou-reading-list {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.btn-back-to-downloads {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,6 @@
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--transparent-cover: rgb(51, 63, 103, 0.4);
|
||||
--transparent-cover-darker: rgba(51, 63, 103, 0.9);
|
||||
|
||||
@@ -19,6 +20,7 @@
|
||||
--primary-color-text: #d4edff;
|
||||
--primary-color-text-hl: white;
|
||||
--primary-color-text-title: white;
|
||||
--primary-color-subdued: #1f3c5e;
|
||||
--accent-color: #f57389;
|
||||
|
||||
--secondary-color-text: #546b99;
|
||||
@@ -62,6 +64,9 @@
|
||||
--platform-note-background-color: rgb(48 86 210 / 9%);
|
||||
--platform-code-background-color: #e5ebf1;
|
||||
|
||||
--feature-heading-color: #2d76ad;
|
||||
--feature-note-color: #e53e3e;
|
||||
|
||||
--teams-odd-color: rgba(160, 160, 160, 0.15);
|
||||
--teams-even-color: rgba(160, 160, 160, 0.05);
|
||||
--teams-subteams-color: rgba(255, 255, 255, 0.4);
|
||||
@@ -70,6 +75,9 @@
|
||||
|
||||
--warning-background-color: #ffedcc;
|
||||
--warning-color: #404040;
|
||||
|
||||
--default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
--header-font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.nav-logo.dark-logo {
|
||||
@@ -97,6 +105,7 @@
|
||||
--primary-color-text: #d4edff;
|
||||
--primary-color-text-hl: white;
|
||||
--primary-color-text-title: white;
|
||||
--primary-color-subdued: #1f3c5e;
|
||||
--accent-color: #5b5491;
|
||||
|
||||
--secondary-color-text: #a6a6a6;
|
||||
@@ -139,6 +148,9 @@
|
||||
--platform-note-background-color: rgb(255 255 255 / 9%);
|
||||
--platform-code-background-color: #282b2e;
|
||||
|
||||
--feature-heading-color: #57b3f8;
|
||||
--feature-note-color: #ef6767;
|
||||
|
||||
--teams-odd-color: rgba(120, 120, 120, 0.15);
|
||||
--teams-even-color: rgba(120, 120, 120, 0.05);
|
||||
--teams-subteams-color: rgba(0, 0, 0, 0.2);
|
||||
@@ -206,8 +218,7 @@
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-family: var(--default-font-family);
|
||||
font-size: 18px;
|
||||
|
||||
background-color: var(--base-color);
|
||||
@@ -257,7 +268,7 @@ nav a,
|
||||
.btn,
|
||||
a.btn,
|
||||
.title-font {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-family: var(--header-font-family);
|
||||
font-weight: 800;
|
||||
color: var(--base-color-text-title);
|
||||
margin-top: 0px;
|
||||
@@ -726,6 +737,8 @@ p.small {
|
||||
}
|
||||
|
||||
.btn.btn-download {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
background-color: white;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
@@ -734,12 +747,14 @@ p.small {
|
||||
color: var(--dark-color);
|
||||
display: inline-block;
|
||||
padding: 16px 32px 16px 32px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.btn.btn-download > .download-hint {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--primary-color-text-title);
|
||||
display: inline-block;
|
||||
padding: 16px 16px 16px 16px;
|
||||
min-width: 48px;
|
||||
}
|
||||
|
||||
.date-big {
|
||||
@@ -780,7 +795,7 @@ p.small {
|
||||
border-radius: 1000px;
|
||||
box-shadow: var(--base-shadow);
|
||||
filter: saturate(0.35);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-family: var(--header-font-family);
|
||||
font-size: 16px;
|
||||
padding: 0.25rem 0.75rem;
|
||||
margin: 0.1rem;
|
||||
@@ -1276,12 +1291,12 @@ section.hero .wrapper {
|
||||
position: relative;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 220px 0px 120px;
|
||||
padding: 200px 20px 120px;
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
section.hero .wrapper {
|
||||
padding: 150px 0px 120px;
|
||||
padding: 150px 10px 120px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
BIN
assets/download/download-background-4.x.jpg
Normal file
BIN
assets/download/download-background-4.x.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 74 KiB |
@@ -5,7 +5,7 @@ platform: Android
|
||||
|
||||
downloads:
|
||||
- caption: Universal - Play Store (ARM64 + ARMv7 + x86_64 + x86)
|
||||
custom: https://play.google.com/store/apps/details?id=org.godotengine.editor.v3
|
||||
custom: https://play.google.com/store/apps/details?id=org.godotengine.editor.v4
|
||||
featured: true
|
||||
featured_flavor: Play Store
|
||||
tags:
|
||||
|
||||
@@ -5,18 +5,18 @@ platform: Linux
|
||||
|
||||
downloads:
|
||||
- caption: Standard (x86_64)
|
||||
slug: x11.64.zip
|
||||
slug: linux.x86_64.zip
|
||||
featured: true
|
||||
tags:
|
||||
- 64 bit
|
||||
|
||||
- caption: Standard (x86)
|
||||
slug: x11.32.zip
|
||||
slug: linux.x86_32.zip
|
||||
tags:
|
||||
- 32 bit
|
||||
|
||||
- caption: .NET (x86_64)
|
||||
slug: mono_x11_64.zip
|
||||
slug: mono_linux_x86_64.zip
|
||||
mono: true
|
||||
featured: true
|
||||
featured_flavor: .NET
|
||||
@@ -25,7 +25,7 @@ downloads:
|
||||
- C# support
|
||||
|
||||
- caption: .NET (x86)
|
||||
slug: mono_x11_32.zip
|
||||
slug: mono_linux_x86_32.zip
|
||||
mono: true
|
||||
tags:
|
||||
- 32 bit
|
||||
|
||||
@@ -5,14 +5,14 @@ platform: macOS
|
||||
|
||||
downloads:
|
||||
- caption: Universal (x86_64 + Apple Silicon)
|
||||
slug: osx.universal.zip
|
||||
slug: macos.universal.zip
|
||||
featured: true
|
||||
tags:
|
||||
- Intel/Apple Silicon
|
||||
- 64 bit
|
||||
|
||||
- caption: .NET Universal (x86_64 + Apple Silicon)
|
||||
slug: mono_osx.universal.zip
|
||||
slug: mono_macos.universal.zip
|
||||
mono: true
|
||||
featured: true
|
||||
featured_flavor: .NET
|
||||
@@ -31,20 +31,10 @@ content_instructions: |
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Since Godot 3.3, Godot is code-signed and notarized for macOS. This means it should run out of the box even if Gatekeeper is enabled on the system (which is the default).
|
||||
Godot is code-signed and notarized for macOS. This means it should run out of the box even if Gatekeeper is enabled on the system (which is the default).
|
||||
</p>
|
||||
|
||||
<p>
|
||||
For older Godot versions, see the last section of <a href="https://support.apple.com/en-us/HT202491">this page</a> for instructions on allowing Godot to run anyway. Alternatively, you can install <a href="https://store.steampowered.com/app/404790">Godot from Steam</a> and switch to an older branch in the Steam application settings to work around this.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
You can also get Godot with <a href="https://brew.sh/">Homebrew</a>
|
||||
|
||||
<pre><code class="hljs lua">brew install <span class="hljs-comment">--cask godot</span></code></pre>
|
||||
|
||||
or <a href="https://www.macports.org">MacPorts</a>
|
||||
|
||||
<pre><code class="hljs nginx"><span class="hljs-attribute">sudo</span> port install godot</code></pre>
|
||||
</p>
|
||||
---
|
||||
|
||||
@@ -42,13 +42,6 @@ content_instructions: |
|
||||
<li>If you run into an issue, check the <a href="https://docs.godotengine.org/en/stable/about/troubleshooting.html">Troubleshooting</a> page for common issues and their solutions.</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
You can also get Godot with <a href="https://scoop.sh/">Scoop</a>.
|
||||
|
||||
<pre><code class="hljs csharp">scoop bucket <span class="hljs-keyword">add</span> extras
|
||||
scoop install godot</code></pre>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Windows executables are code-signed by <em>Prehensile Tales B.V.</em>
|
||||
</p>
|
||||
|
||||
49
collections/_download_3/android.md
Normal file
49
collections/_download_3/android.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
title: Download for Android - Godot Engine
|
||||
description: Download the latest stable version of the Godot Engine 3 for Android
|
||||
platform: Android
|
||||
|
||||
downloads:
|
||||
- caption: Universal - Play Store (ARM64 + ARMv7 + x86_64 + x86)
|
||||
custom: https://play.google.com/store/apps/details?id=org.godotengine.editor.v3
|
||||
featured: true
|
||||
featured_flavor: Play Store
|
||||
tags:
|
||||
- Play Store
|
||||
- ARM64/v7
|
||||
- x86 (64 & 32 bit)
|
||||
|
||||
- caption: Universal - APK (ARM64 + ARMv7 + x86_64 + x86)
|
||||
slug: android_editor.apk
|
||||
featured: true
|
||||
featured_flavor: APK
|
||||
tags:
|
||||
- APK download
|
||||
- ARM64/v7
|
||||
- x86 (64 & 32 bit)
|
||||
|
||||
ignore_export: true
|
||||
ignore_mono: true
|
||||
|
||||
content_note: |
|
||||
<p>
|
||||
<strong>Note:</strong> C# support is not available in the Android editor.
|
||||
</p>
|
||||
|
||||
content_instructions: |
|
||||
<ul>
|
||||
<li>If you run into an issue, check the <a href="https://docs.godotengine.org/en/stable/about/troubleshooting.html">Troubleshooting</a> page for common issues and their solutions.</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
To install the APK file, allow your current browser to install APKs from unknown sources in your device's settings.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>The Android editor is currently in an experimental stage. The UI has not been adapted for touch screens yet; using a hardware keyboard and mouse is strongly recommended.</strong>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Compared to using the editor on desktop platforms, the experience may be suboptimal, especially if you do not use a hardware keyboard and mouse. See the <a href="https://github.com/godotengine/godot/issues?q=is%3Aissue+is%3Aopen+label%3Aplatform%3Aandroid+label%3Atopic%3Aeditor+">list of known issues affecting the Android editor</a> for more information.
|
||||
</p>
|
||||
---
|
||||
39
collections/_download_3/linux.md
Normal file
39
collections/_download_3/linux.md
Normal file
@@ -0,0 +1,39 @@
|
||||
---
|
||||
title: Download for Linux - Godot Engine
|
||||
description: Download the latest stable version of the Godot Engine 3 for Linux
|
||||
platform: Linux
|
||||
|
||||
downloads:
|
||||
- caption: Standard (x86_64)
|
||||
slug: x11.64.zip
|
||||
featured: true
|
||||
tags:
|
||||
- 64 bit
|
||||
|
||||
- caption: Standard (x86)
|
||||
slug: x11.32.zip
|
||||
tags:
|
||||
- 32 bit
|
||||
|
||||
- caption: .NET (x86_64)
|
||||
slug: mono_x11_64.zip
|
||||
mono: true
|
||||
featured: true
|
||||
featured_flavor: .NET
|
||||
tags:
|
||||
- 64 bit
|
||||
- C# support
|
||||
|
||||
- caption: .NET (x86)
|
||||
slug: mono_x11_32.zip
|
||||
mono: true
|
||||
tags:
|
||||
- 32 bit
|
||||
- C# support
|
||||
|
||||
content_instructions: |
|
||||
<ul>
|
||||
<li>Extract and run. Godot is self-contained and does not require installation.</li>
|
||||
<li>If you run into an issue, check the <a href="https://docs.godotengine.org/en/stable/about/troubleshooting.html">Troubleshooting</a> page for common issues and their solutions.</li>
|
||||
</ul>
|
||||
---
|
||||
47
collections/_download_3/macos.md
Normal file
47
collections/_download_3/macos.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: Download for macOS - Godot Engine
|
||||
description: Download the latest stable version of the Godot Engine 3 for macOS
|
||||
platform: macOS
|
||||
|
||||
downloads:
|
||||
- caption: Universal (x86_64 + Apple Silicon)
|
||||
slug: osx.universal.zip
|
||||
featured: true
|
||||
tags:
|
||||
- Intel/Apple Silicon
|
||||
- 64 bit
|
||||
|
||||
- caption: .NET Universal (x86_64 + Apple Silicon)
|
||||
slug: mono_osx.universal.zip
|
||||
mono: true
|
||||
featured: true
|
||||
featured_flavor: .NET
|
||||
tags:
|
||||
- Intel/Apple Silicon
|
||||
- 64 bit
|
||||
- C# support
|
||||
|
||||
content_instructions: |
|
||||
<ul>
|
||||
<li>Extract and run. Godot is self-contained and does not require installation.</li>
|
||||
<li>If you run into an issue, check the <a href="https://docs.godotengine.org/en/stable/about/troubleshooting.html">Troubleshooting</a> page for common issues and their solutions.</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Since Godot 3.3, Godot is code-signed and notarized for macOS. This means it should run out of the box even if Gatekeeper is enabled on the system (which is the default).
|
||||
</p>
|
||||
|
||||
<p>
|
||||
For older Godot versions, see the last section of <a href="https://support.apple.com/en-us/HT202491">this page</a> for instructions on allowing Godot to run anyway. Alternatively, you can install <a href="https://store.steampowered.com/app/404790">Godot from Steam</a> and switch to an older branch in the Steam application settings to work around this.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
You can also get Godot with <a href="https://brew.sh/">Homebrew</a>
|
||||
|
||||
<pre><code class="hljs lua">brew install <span class="hljs-comment">--cask godot</span></code></pre>
|
||||
|
||||
or <a href="https://www.macports.org">MacPorts</a>
|
||||
|
||||
<pre><code class="hljs nginx"><span class="hljs-attribute">sudo</span> port install godot</code></pre>
|
||||
</p>
|
||||
---
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Download for Linux Server - Godot Engine
|
||||
description: Download the latest stable version of the Godot Engine for Linux Server
|
||||
description: Download the latest stable version of the Godot Engine 3 for Linux Server
|
||||
platform: Linux Server
|
||||
|
||||
downloads:
|
||||
55
collections/_download_3/windows.md
Normal file
55
collections/_download_3/windows.md
Normal file
@@ -0,0 +1,55 @@
|
||||
---
|
||||
title: Download for Windows - Godot Engine
|
||||
description: Download the latest stable version of the Godot Engine 3 for Windows
|
||||
platform: Windows
|
||||
|
||||
downloads:
|
||||
- caption: Standard (x86_64)
|
||||
slug: win64.exe.zip
|
||||
featured: true
|
||||
tags:
|
||||
- 64 bit
|
||||
|
||||
- caption: Standard (x86)
|
||||
slug: win32.exe.zip
|
||||
tags:
|
||||
- 32 bit
|
||||
|
||||
- caption: .NET (x86_64)
|
||||
slug: mono_win64.zip
|
||||
mono: true
|
||||
featured: true
|
||||
featured_flavor: .NET
|
||||
tags:
|
||||
- 64 bit
|
||||
- C# support
|
||||
|
||||
- caption: .NET (x86)
|
||||
slug: mono_win32.zip
|
||||
mono: true
|
||||
tags:
|
||||
- 32 bit
|
||||
- C# support
|
||||
|
||||
content_note: |
|
||||
<p>
|
||||
<strong>Note:</strong> The 32-bit .NET binaries do not run on 64-bit Windows systems at the time being. Make sure to export 64-bit .NET binaries for your 64-bit target platforms.
|
||||
</p>
|
||||
|
||||
content_instructions: |
|
||||
<ul>
|
||||
<li>Extract and run. Godot is self-contained and does not require installation.</li>
|
||||
<li>If you run into an issue, check the <a href="https://docs.godotengine.org/en/stable/about/troubleshooting.html">Troubleshooting</a> page for common issues and their solutions.</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
You can also get Godot with <a href="https://scoop.sh/">Scoop</a>.
|
||||
|
||||
<pre><code class="hljs csharp">scoop bucket <span class="hljs-keyword">add</span> extras
|
||||
scoop install godot</code></pre>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Windows executables are code-signed by <em>Prehensile Tales B.V.</em>
|
||||
</p>
|
||||
---
|
||||
@@ -9,7 +9,7 @@ description: "The requested resource is not available on the server."
|
||||
body {
|
||||
background-color: var(--base-color);
|
||||
color: var(--base-color-text);
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-family: var(--default-font-family);
|
||||
}
|
||||
|
||||
main {
|
||||
|
||||
@@ -69,7 +69,7 @@ layout: default
|
||||
}
|
||||
|
||||
#events .events-upcoming span:nth-child(2) {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-family: var(--header-font-family);
|
||||
font-weight: 700;
|
||||
font-size: 120%;
|
||||
margin-top: 24px;
|
||||
|
||||
@@ -461,7 +461,7 @@ paypal_link:
|
||||
opacity: 0.5;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-family: var(--default-font-family);
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
|
||||
23
pages/download/3.x.html
Normal file
23
pages/download/3.x.html
Normal file
@@ -0,0 +1,23 @@
|
||||
---
|
||||
permalink: /download/3.x/index.html
|
||||
title: "Download Godot 3 - Godot Engine"
|
||||
description: "Download the latest stable version of the Godot Engine 3 for Linux, macOS, Windows, or Android"
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div style="padding: 16px 32px">
|
||||
<h3>Redirecting...</h3>
|
||||
<p>
|
||||
If you are not being redirected automatically, <a href="/download/3.x/windows" class="set-os-download-url" data-version="3">click here</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
if (navigator.platform.indexOf('Mac') !== -1) {
|
||||
window.location = "/download/3.x/macos";
|
||||
} else if (navigator.platform.indexOf('Linux') !== -1) {
|
||||
window.location = "/download/3.x/linux";
|
||||
} else { // default to windows
|
||||
window.location = "/download/3.x/windows";
|
||||
}
|
||||
</script>
|
||||
@@ -105,6 +105,18 @@ layout: default
|
||||
background-color: var(--card-background-color);
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
transition: 0.1s filter;
|
||||
}
|
||||
.feature-card:hover {
|
||||
filter: brightness(112.5%);
|
||||
}
|
||||
|
||||
.feature-card h4 {
|
||||
color: var(--feature-heading-color);
|
||||
font-family: var(--default-font-family);
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.feature-card p {
|
||||
@@ -114,7 +126,8 @@ layout: default
|
||||
}
|
||||
|
||||
.feature-card strong {
|
||||
color: var(--navbar-link-current-color);
|
||||
color: var(--feature-note-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.feature-card code {
|
||||
@@ -126,7 +139,10 @@ layout: default
|
||||
.features-showreel {
|
||||
background-color: var(--dark-color);
|
||||
color: var(--dark-color-text-hl);
|
||||
padding: 24px 32px 28px 32px;
|
||||
padding: 24px 32px 8px 32px;
|
||||
margin-bottom: 36px;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.features-showreel p {
|
||||
@@ -162,27 +178,40 @@ layout: default
|
||||
}
|
||||
}
|
||||
|
||||
.features-download p {
|
||||
.features-download h2 {
|
||||
color: var(--dark-color-text-title);
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.features-download p {
|
||||
color: var(--dark-color-text);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.features-download-ready {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 32px;
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
.features-download-ready {
|
||||
flex-direction: column;
|
||||
}
|
||||
gap: 26px;
|
||||
}
|
||||
|
||||
.features-download-ready h2 {
|
||||
color: var(--dark-color-text-title);
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
.features-download-ready .btn-download {
|
||||
min-width: 310px;
|
||||
}
|
||||
|
||||
.features-download-ready .btn-download:nth-of-type(2n) {
|
||||
background-color: rgb(132 151 174 / 68%);
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
.features-download-ready .btn-download:nth-of-type(2n) .download-title {
|
||||
color: #f7f7f7;
|
||||
}
|
||||
.features-download-ready .btn-download:nth-of-type(2n) .download-hint {
|
||||
background-color: var(--primary-color-subdued);
|
||||
}
|
||||
|
||||
.features-showcase {
|
||||
@@ -212,7 +241,7 @@ layout: default
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
aspect-ratio: 16/9;
|
||||
transform: scale(165%);
|
||||
transform: scale(1.7) translate(10px, 12px);
|
||||
filter: brightness(0.85) saturate(0.75);
|
||||
}
|
||||
|
||||
@@ -395,89 +424,132 @@ layout: default
|
||||
<h2>Main features</h2>
|
||||
</div>
|
||||
|
||||
<div class="feature-container feature-container-2x" id="design">
|
||||
<div class="feature-container feature-container-3x" id="design">
|
||||
<h3>Intuitive scene-driven design</h3>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Build your game from simple blocks</strong>
|
||||
<h4>Build your game from simple blocks</h4>
|
||||
<p>
|
||||
Use building blocks called nodes to create complex and reusable scenes.
|
||||
Script your scenes and customize built-in behavior to implement your
|
||||
unique game mechanics. Use node hierarchy to decompose game logic and
|
||||
make it clear at a glance.
|
||||
Use building blocks called nodes to create more complex and reusable
|
||||
scenes. Add scripts to your scenes and customize built-in behavior to
|
||||
implement your unique game mechanics. Rely on composition and node hierarchy
|
||||
to make game logic clear at a glance.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Extend beyond features provided by the engine</strong>
|
||||
<h4>Extend beyond features provided by the engine</h4>
|
||||
<p>
|
||||
Make your scenes into full-featured components, with tools for your
|
||||
designers to tweak and adjust the look and function. Share your components
|
||||
with the community of like-minded developers as addons and templates.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<h4>Create data-driven elements with custom resources</h4>
|
||||
<p>
|
||||
<strong>New in 4.0:</strong> Define scriptable objects called resources
|
||||
to describe charaters, entities, and data structures in your game. Use
|
||||
your custom objects directly in the editor by assigning them to nodes.
|
||||
Resources come with high-level API to store and read them, and they support
|
||||
every Godot type, including other resources.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-container feature-container-3x" id="script">
|
||||
<div class="feature-container feature-container-2x" id="script">
|
||||
<h3>Coding tools that fit your needs</h3>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Write code without hurdles with a high-level scripting language</strong>
|
||||
<h4>Write code without hurdles with a high-level scripting language</h4>
|
||||
<p>
|
||||
Get things done quickly with Godot's built-in scripting language GDScript.
|
||||
Inspired by Python and other languages, it is easy to pick up even if you
|
||||
are a beginner. Tight engine integration allows it to express game logic
|
||||
in a clear and natural form.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Leverage your C# experience to feel right at home</strong>
|
||||
<p>
|
||||
If you're an experienced C# user, Godot offers to you first-class
|
||||
support for the .NET platform. Power your game with familiar libraries
|
||||
and give them performance boost, while still benefiting from close
|
||||
engine integration.
|
||||
<br><br>
|
||||
(.NET support is provided as a dedicated engine executable.)
|
||||
<strong>New in 4.0:</strong> GDScript offers optional static typing support,
|
||||
boosting your coding efficiency and runtime performance. Powerful language
|
||||
features and first-class functions allow for expressive yet concise code.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Go with another language or modify the engine itself</strong>
|
||||
<h4>Leverage your C# experience to feel right at home</h4>
|
||||
<p>
|
||||
If you're an experienced C# user, Godot offers you first-class support
|
||||
for the .NET platform. Power your game with familiar libraries and give
|
||||
them performance boost, while still benefiting from close engine integration.
|
||||
<br><br>
|
||||
<strong>Note:</strong> .NET support is provided as a dedicated engine executable.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<h4>Pick from a variety of community-supported languages</h4>
|
||||
<p>
|
||||
Godot is built to be extended, and that means you can choose
|
||||
a programming language not provided by the Godot team itself.
|
||||
Thanks to our community there are many language bindings for
|
||||
popular tools like Rust, Nim, Python, and JavaScript.
|
||||
<br><br>
|
||||
You can also code in C++, and make custom engine modules to gain
|
||||
every last drop of performance.
|
||||
<strong>New in 4.0:</strong> C++ supports comes officially in the form of
|
||||
GDExtension API, which gives you a way to script and program your game
|
||||
components for maximum performance without having to recompile the engine.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<h4>Modify the engine itself and integrate with 3rd party libraries</h4>
|
||||
<p>
|
||||
Thanks to the modular structure and a straightforward build process of Godot
|
||||
you can create your own engine modules. Gain every last drop of performance
|
||||
or integrate with many 3rd party libraries with low-level C++ code.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-container feature-container-2x" id="features_3d">
|
||||
<div class="feature-container feature-container-3x" id="features_3d">
|
||||
<h3>Simple yet powerful 3D engine</h3>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Support both high and low-end devices</strong>
|
||||
<h4>Support both high and low-end devices</h4>
|
||||
<p>
|
||||
Make beautiful 3D games for a range of devices, starting
|
||||
from desktop computers and ending with mid-range Android
|
||||
phones. Powered by OpenGL, Godot allows your projects
|
||||
to run on most modern GPUs, including integrated graphics.
|
||||
<br><br>
|
||||
<strong>New in 4.0:</strong> With the new Vulkan renderer
|
||||
and a set of modern graphical feature, bring your worlds
|
||||
to life and harvest the power of gaming GPUs for your
|
||||
benefit.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Seamlessly integrate with your asset pipeline</strong>
|
||||
<h4>Seamlessly integrate with your asset pipeline</h4>
|
||||
<p>
|
||||
Bring your Blender models into your game world with a robust
|
||||
Bring your 3D models into your game world with a robust
|
||||
importing pipeline. Take entire scenes — with animated models,
|
||||
lighting, cameras, and physics objects, — and customize how
|
||||
the engine views them. Modify your assets and see changes
|
||||
in the engine immediately.
|
||||
<br><br>
|
||||
<strong>New in 4.0:</strong> Import Blender files directly
|
||||
for fast iterations or keep using familiar glTF and FBX formats.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<h4>Create animated videos and prerendered cutscenes in engine</h4>
|
||||
<p>
|
||||
<strong>New in 4.0:</strong> With the new movie maker mode you
|
||||
can record gameplay and scripted scenes from your project at
|
||||
a stable framerate and guaranteed simulation speed. Together
|
||||
with Godot's animation capabilities make the most out of the
|
||||
engine's visuals.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -486,7 +558,7 @@ layout: default
|
||||
<h3>Specialized 2D workflow for games and apps</h3>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Work with real 2D and pixel-based unit system</strong>
|
||||
<h4>Work with real 2D and pixel-based unit system</h4>
|
||||
<p>
|
||||
Thanks to a dedicated 2D pipeline you can forget about Z axis,
|
||||
and simplify your game logic. Think in pixels and screen coordinates,
|
||||
@@ -495,7 +567,7 @@ layout: default
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Save time creating worlds with a tile map editor</strong>
|
||||
<h4>Save time creating 2D worlds with a tile map editor</h4>
|
||||
<p>
|
||||
Whether you want procedural generation or a meticulously hand-crafted
|
||||
level, with Godot's built-in tile map editor you can achieve every goal.
|
||||
@@ -505,30 +577,34 @@ layout: default
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Master usability with a flexible GUI system</strong>
|
||||
<h4>Master usability with a flexible GUI system</h4>
|
||||
<p>
|
||||
Build scalable and adaptive user interfaces with Godot's unique
|
||||
GUI system. Created specifically to power layouts common to games
|
||||
it is also capable of handling complex UI applications and tools.
|
||||
<br><br>
|
||||
(For an example of what Godot's UI system is capable of see the Godot editor itself!)
|
||||
<em>For an example of what Godot's UI system is capable of see the Godot editor itself!</em>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-container features-showreel">
|
||||
<p>
|
||||
Watch our annual showreel videos to see more examples of projects using Godot!
|
||||
</p>
|
||||
<div class="features-showreel">
|
||||
<div class="feature-container">
|
||||
<h3>Choice of many developers</h3>
|
||||
|
||||
{% include showreel-shelf.html %}
|
||||
<p>
|
||||
Watch our annual showreel videos to see more examples of projects using Godot!
|
||||
</p>
|
||||
|
||||
{% include showreel-shelf.html %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-container feature-container-2x" id="deploy">
|
||||
<div class="feature-container feature-container-3x" id="deploy">
|
||||
<h3>Cross-platform support with one project</h3>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Deliver your game to desktop and mobile</strong>
|
||||
<h4>Deliver your game to desktop and mobile</h4>
|
||||
<p>
|
||||
Develop and publish your project on any modern desktop platform.
|
||||
Let everyone play your game with by deploying to web and mobile.
|
||||
@@ -538,7 +614,18 @@ layout: default
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Partner with a publisher to target consoles</strong>
|
||||
<h4>Test directly on your target device</h4>
|
||||
<p>
|
||||
<strong>New in 4.0:</strong> Iterate on real hardware, or with
|
||||
an emulator by deploying your game directly to the target device
|
||||
over SSH. Run any project on a mobile device, on another desktop,
|
||||
or on your favorite Linux-based handheld with full debug and inspect
|
||||
capabilities.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<h4>Partner with a publisher to target consoles</h4>
|
||||
<p>
|
||||
If you want to release to a console, you can find several
|
||||
3rd party publishers which specialize on that. Godot games
|
||||
@@ -552,7 +639,7 @@ layout: default
|
||||
<h3>Completely open and free</h3>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Download and create with no contracts or hidden fees</strong>
|
||||
<h4>Download and create with no contracts or hidden fees</h4>
|
||||
<p>
|
||||
Godot is free under the MIT license. This means you don't owe
|
||||
us anything (other than a friendly mention), and can do with your
|
||||
@@ -562,7 +649,7 @@ layout: default
|
||||
</div>
|
||||
|
||||
<div class="card feature-card">
|
||||
<strong>Find the logic behind any system in an open source codebase</strong>
|
||||
<h4>Find the logic behind any system in an open source codebase</h4>
|
||||
<p>
|
||||
No need to wait for a support team to respond, when you can read
|
||||
the source code. Godot is an open book, and you can figure out everything
|
||||
@@ -574,24 +661,33 @@ layout: default
|
||||
|
||||
<div class="features-complete-list">
|
||||
<a href="https://docs.godotengine.org/en/stable/about/list_of_features.html" class="btn btn-flat btn-flat-white">
|
||||
Complete list of features
|
||||
View a complete list of features
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="call-to-action" class="container card features-download">
|
||||
<div class="features-download-ready">
|
||||
<h2>Ready to start?</h2>
|
||||
<div>
|
||||
<a href="/download" class="btn btn-download">
|
||||
<div class="download-title">Download</div>
|
||||
<div class="download-hint">{{ site.stable_version }}</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2>Ready to start?</h2>
|
||||
|
||||
<p>Download Godot right now and begin your creative journey!</p>
|
||||
<div class="features-download-ready">
|
||||
{% assign stable_version_3 = site.data.versions.godot_3 | find: "flavor", "stable" %}
|
||||
{% assign stable_version_4 = site.data.versions.godot_4 | find: "flavor", "stable" %}
|
||||
|
||||
<p>Download the <strong>latest version of Godot 4</strong> right now and begin your creative journey!</p>
|
||||
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="4"
|
||||
title="Download the latest version of Godot 4">
|
||||
<div class="download-title">Download Latest</div>
|
||||
<div class="download-hint">{{ stable_version_4.name }}</div>
|
||||
</a>
|
||||
|
||||
<p>Want to stick to the <strong>true and trusted Godot 3</strong>? Download the long-term support version!</p>
|
||||
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="3"
|
||||
title="Download the long-term support version of Godot 3">
|
||||
<div class="download-title">Download LTS</div>
|
||||
<div class="download-hint">{{ stable_version_3.name }}</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
@@ -11,9 +11,41 @@ layout: default
|
||||
<link rel="stylesheet" href="/assets/css/transparent-nav.css">
|
||||
<style>
|
||||
.main-download {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 48px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.main-download-links {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.main-download-links .btn-download {
|
||||
width: 100%;
|
||||
}
|
||||
.main-download-links .btn-download:nth-of-type(2n) {
|
||||
background-color: rgb(132 151 174 / 68%);
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
.main-download-links .btn-download:nth-of-type(2n) .download-title {
|
||||
color: #f7f7f7;
|
||||
}
|
||||
.main-download-links .btn-download:nth-of-type(2n) .download-hint {
|
||||
background-color: var(--primary-color-subdued);
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.main-download {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
#donations {
|
||||
background-color: var(--dark-color);
|
||||
color: var(--dark-color-text);
|
||||
@@ -138,6 +170,13 @@ layout: default
|
||||
color: var(--dark-color-text-title);
|
||||
}
|
||||
|
||||
.features-learn-more {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.img-auto-size {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
@@ -147,16 +186,10 @@ layout: default
|
||||
background-color: rgb(111 111 111 / 27%);
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
backdrop-filter: blur(4px);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.main-download {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.features-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
@@ -190,10 +223,23 @@ layout: default
|
||||
3D games.</p>
|
||||
|
||||
<div class="main-download">
|
||||
<a href="/download/windows" class="btn btn-download set-os-download-url">
|
||||
<div class="download-title">Download</div>
|
||||
<div class="download-hint">{{ site.stable_version }}</div>
|
||||
</a>
|
||||
{% assign stable_version_3 = site.data.versions.godot_3 | find: "flavor", "stable" %}
|
||||
{% assign stable_version_4 = site.data.versions.godot_4 | find: "flavor", "stable" %}
|
||||
|
||||
<div class="main-download-links">
|
||||
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="4"
|
||||
title="Download the latest version of Godot 4">
|
||||
<div class="download-title">Download Latest</div>
|
||||
<div class="download-hint">{{ stable_version_4.name }}</div>
|
||||
</a>
|
||||
|
||||
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="3"
|
||||
title="Download the long-term support version of Godot 3">
|
||||
<div class="download-title">Download LTS</div>
|
||||
<div class="download-hint">{{ stable_version_3.name }}</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href="/features" class="btn btn-flat btn-flat-white btn-hero-learn-more">Learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -331,6 +377,10 @@ layout: default
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="features-learn-more">
|
||||
<a href="/features" class="btn btn-flat btn-flat-white">Learn more about using Godot</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="get_involved" class="container padded">
|
||||
|
||||
Reference in New Issue
Block a user