-
Notifications
You must be signed in to change notification settings - Fork 32
/
index.html
117 lines (115 loc) · 6.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
---
layout: default
title: Stride Game Engine - Free, Open Source C# 2D and 3D Game Engine
eleventyComputed:
description: Stride, an MIT-licensed C# game engine, built for the future of gaming. Use {{ site.csharp-version }} and {{ site.dotnet-version }} to create your own games. #opensource
---
{% include video_home.html %}
<div class="container-xl mt-4">
<div class="row gy-4 gx-sm-4 justify-content-center mb-4">
<div class="col-lg-6">
<div class="card h-100">
<img src="/images/home/section-features.webp" alt="Robot" class="img-fluid">
<div class="card-body pt-5 px-5">
<h2 class="h3 mb-3 fw-bold text-stride">Bet on the future</h2>
<ul class="mb-4 fa-ul" style="--fa-li-margin: 1.8em;">
{% include bullet-point.html text:'Next-gen graphics API support' %}
{% include bullet-point.html text:'Photorealistic rendering & VR ready' %}
{% include bullet-point.html text:'Multi-threaded' %}
{% include bullet-point.html text:'Fully customizable to your needs' %}
</ul>
</div>
<div class="px-5 pb-5">
<a href="/features/" class="btn btn-lg btn-outline-stride me-md-2">Discover next-gen capabilities</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card h-100">
<img src="/images/home/section-development.webp" alt="Stride Editor Screenshot" class="img-fluid">
<div class="card-body pt-5 px-5">
<h2 class="h3 mb-3 fw-bold text-stride">Accelerated development</h2>
<ul class="mb-4 fa-ul" style="--fa-li-margin: 1.8em;">
<li><span class="fa-li"><i class="fa-solid fa-circle-check text-stride me-2"></i></span>{{ site.csharp-version }} scripting with {{ site.dotnet-version }}</li>
{% include bullet-point.html text:'Built-in game templates' %}
{% include bullet-point.html text:'Full asset creation toolchain' %}
{% include bullet-point.html text:'Flexible and customizable rendering pipeline' %}
</ul>
</div>
<div class="px-5 pb-5">
<a href="/features/" class="btn btn-lg btn-outline-stride me-md-2">Dive into development features</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card h-100">
<img src="/images/home/section-scripting.png" alt="Stride Editor Screenshot" class="img-fluid p-4">
<div class="card-body pt-5 px-5">
<h2 class="h3 mb-3 fw-bold text-stride">Write your scripts in {{ site.csharp-version }}</h2>
<ul class="mb-4 fa-ul" style="--fa-li-margin: 1.8em;">
{% include bullet-point.html text:'IntelliSense and code navigation for C#' %}
{% include bullet-point.html text:'Visual Studio, Visual Studio Code or Rider' %}
<li><span class="fa-li"><i class="fa-solid fa-circle-check text-stride me-2"></i></span>Game Development in {{ site.dotnet-version }}</li>
{% include bullet-point.html text:'Long-term code maintainability' %}
</ul>
</div>
<div class="px-5 pb-5">
<a href="features/#scripting" class="btn btn-lg btn-outline-stride me-md-2">Learn about scripting in {{ site.csharp-version }}</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card h-100">
<img src="/images/home/section-documentation.webp" alt="Platforms Image" class="img-fluid">
<div class="card-body pt-5 px-5">
<h2 class="h3 mb-3 fw-bold text-stride">Documentation that sings</h2>
<ul class="mb-4 fa-ul" style="--fa-li-margin: 1.8em;">
{% include bullet-point.html text:'Manual in English and Japanese' %}
{% include bullet-point.html text:'Beginner friendly introduction videos' %}
{% include bullet-point.html text:'Intermediate scripting tutorials on YouTube' %}
{% include bullet-point.html text:'Get help on our Discord channel' %}
{% comment %}{% include bullet-point.html text:'Xbox One, Series S/X' %}{% endcomment %}
</ul>
</div>
<div class="px-5 pb-5">
<a href="https://doc.stride3d.net/latest/en/index.html" class="btn btn-lg btn-outline-stride me-md-2">Explore documentation</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card h-100">
<img src="/images/home/section-community.webp" alt="Game Image" class="img-fluid">
<div class="card-body pt-5 px-5">
<h2 class="h3 mb-3 fw-bold text-stride">Collaborate with us</h2>
<ul class="mb-4 fa-ul" style="--fa-li-margin: 1.8em;">
{% include bullet-point.html text:'Editor and runtime fully open source' %}
<li><span class="fa-li"><i class="fa-solid fa-circle-check text-stride me-2"></i></span>Dive into our source code (MIT) on <a href="{{ site.links.github-stride-url }}" target="_blank" rel="noopener">GitHub</a></li>
{% include bullet-point.html text:'Connect with Stride game engine community' %}
{% include bullet-point.html text:'Propose changes to the engine, website and documentation' %}
</ul>
</div>
<div class="px-5 pb-5">
<a href="/community/" class="btn btn-lg btn-outline-stride me-md-2">Join our community</a>
</div>
</div>
</div>
</div>
</div>
{% include blog-home.html %}
<div class="container-xl">
<div class="row gy-4 gx-sm-4 justify-content-center mb-5">
<div class="col-12">
<div class="card h-100">
<div class="p-5 pull-left">
<h2 class="mb-3 fw-bold">Featured Sponsors</h2>
<p class="lead" style="max-width: 780px">Thanks to our featured sponsors for supporting Stride and empowering creators with the resources they need to bring their visions to life.</p>
<div class="row mt-4">
{% comment %}{% include sponsor-diamond.html %}
{% include sponsor-platinum.html %}{% endcomment %}
{% include sponsor-generic.html %}
</div>
</div>
</div>
</div>
</div>
</div>