forked from stride3d/stride-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (133 loc) · 7.86 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
---
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/top/platforms.webp" alt="Robot" class="img-fluid p-3">
<div class="card-body pt-5 px-5">
<h2 class="h3 mb-3 fw-bold text-stride">Develop once, deploy <br /> cross-platform</h2>
<ul class="mb-4 fa-ul" style="--fa-li-margin: 1.8em;">
{% include bullet-point.html text:'Windows Desktop' %}
{% include bullet-point.html text:'Windows Universal' %}
{% include bullet-point.html text:'iOS and Android' %}
{% include bullet-point.html text:'Linux' %}
{% include bullet-point.html text:'macOS' %}
</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>