Files
godot-website/_layouts/download.html
Yuri Sizov 408ed76629 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>
2023-03-01 15:19:59 +03:00

334 lines
11 KiB
HTML

---
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>
.hero {
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&nbsp;4 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 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>
</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><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">
<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 is available as a <code>stable-4.0</code> beta branch.</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/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/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/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/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="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 %}