beginner tutorials have youtube embed

en/tutorials/csharpbeginner/add-component.md

@@ -6,6 +6,9 @@ This C# Beginner tutorial covers how to add and remove components. In the previo
 
 ![Add a component](media/adding-a-component.png)
 
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KGuBSRyRmVo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 ### AmmoComponent
 This is the AmmoComponent. We will not attach it to the entity in the editor. Instead we will add it ourselves in the AddingAComponent script.

en/tutorials/csharpbeginner/child-entities.md

@@ -6,5 +6,7 @@ This C# basics tutorial covers how to get an entities children. Since those chil
 
 ![Child entities](media/child-entities.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/jf9x__cbiqI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 [!code-csharp[ChildEntities](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\ChildEntitiesDemo.cs)]

en/tutorials/csharpbeginner/cloning-entities.md

@@ -6,5 +6,7 @@ This C# Beginner tutorial covers how to clone an existing entity and how to add
 
 ![Cloning entities](media/cloning-entities.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/klcTyUDI1yg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 [!code-csharp[Entity](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\CloneEntityDemo.cs)]

en/tutorials/csharpbeginner/delta-time.md

@@ -6,5 +6,7 @@ This C# Beginner tutorial covers the retrieval and usage of delta time. A games
 
 ![Delta Time](media/deltatime.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/WMGY8JOqzeE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 [!code-csharp[DeltaTime](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\DeltaTimeDemo.cs)]

en/tutorials/csharpbeginner/editor-properties.md

@@ -6,6 +6,9 @@ This C# Beginner tutorial covers how to expose editor properties for Stride Game
 
 ![Editor properties](media/editor-properties2.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/GPiWbfsG5F0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+
 ## Code
 [!code-csharp[Entity](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\PropertiesDEmo.cs)]
 

en/tutorials/csharpbeginner/entity.md

@@ -6,5 +6,7 @@ This C# Beginner tutorial covers how to get the entity object. When a script is
 
 ![Getting the entity example](media/getting-the-entity.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/DUmZujopcY8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 [!code-csharp[Entity](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\GettingTheEntityDemo.cs)]

en/tutorials/csharpbeginner/get-component.md

@@ -6,6 +6,8 @@ This C# beginner tutorial covers how to get and remove components. Components ar
 
 ![Get a component](media/getting-a-component.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/qRZG8qXkvDQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 ### AmmoComponent
 This is the first component that we attach to an entity. In the second script, we will try to get this AmmoComponent.

en/tutorials/csharpbeginner/index.md

@@ -1,7 +1,10 @@
 # C# Beginner
-These tutorials cover the beginner principles of using C# when working with the Stride game engine. Start here if you are new to Stride or programming. Although having some coding experience is useful, it is not mandatory to get started with these tutorials. You can create the C# beginner tutorial project by starting the Stride launcher. Create a new project and select the template: Tutorials -> C# beginner. Every single scene is loaded as a child scene and demonstrates a sample script. 
+These tutorials cover the beginner principles of using C# when working with the Stride game engine. Start here if you are new to Stride. Note: these tutorials are not a introduction to C# itself. Although having some coding experience is useful, it is not mandatory to get started with these tutorials. You can create the C# beginner tutorial project by starting the Stride launcher. Create a new project and select the template: Tutorials -> C# beginner. Every single scene is loaded as a child scene and demonstrates a sample script. 
+
+All tutorials have a Youtube video. You can watch the entire Beginners playlist here: https://www.youtube.com/playlist?list=PLRZx2y7uC8mNySUMfOQf-TLNVnnHkLfPi 
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/Z2kUQhSmdr0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
-![Editor properties](media/csharp_beginner_tutorial_template.jpg)
 
 # All tutorials 
 <div class='tutorial'>

en/tutorials/csharpbeginner/instantiating-prefabs.md

@@ -6,5 +6,8 @@ This C# Beginner tutorial covers how to instantiate prefabs. A prefab is a "mast
 
 ![Instantiating Prefabs](media/instantiating-prefabs.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/19u2QACzdAk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+
 ## Code
 [!code-csharp[Instantiating Prefabs](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\InstantiatingPrefabsDemo.cs)]

en/tutorials/csharpbeginner/keyboard-input.md

@@ -6,5 +6,7 @@ This C# Beginner tutorial covers how to handle keyboard input. We can check for
 
 ![Keyboard input](media/keyboard-input.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/UvKizPFAego" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 [!code-csharp[Entity](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\KeyboardInputDemo.cs)]

en/tutorials/csharpbeginner/linear-interpolation.md

@@ -6,6 +6,9 @@ This C# Beginner tutorial covers linear interpolation which is often shortened t
 
 ![Linear interpolation](media/lerp.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/jBXGvLBwXqI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+
 ## Code
 The example consists of a simple timer that resets after a couple seconds. When the timer starts, a start position and a randomly generated target position are stored. A box will move between these two positions. Every frame a 'Lerp value' is calculated. The lerp value is used to determined what the current position of a moving box should be. Once the timer is done, the current position will become the start position and a new target position is again randomly generated.
 [!code-csharp[Lerp](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\LerpDemo.cs)]

en/tutorials/csharpbeginner/loading-content.md

@@ -6,6 +6,9 @@ This C# Beginner tutorial covers how to load content from code. Assets like mode
 
 ![Loading content](media/loading-content.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/_c4Cv4k3YyI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+
 ## Code
 With the L and U key you can either Load or Unload the model of a mannequin. If there is a model loaded, you can use the S key to spawn a new entity with the loaded mannequin model. The C clears all of the spawned entities in the scene. This demo demonstrates that when models are unloaded, any entities that reference the model are still existing in the scene.
 [!code-csharp[Loading content](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\LoadingContentDemo.cs)]

en/tutorials/csharpbeginner/mouse-input.md

@@ -6,5 +6,7 @@ This C# Beginner tutorial covers how to handle mouse input. We can check for the
 
 ![Mouse input](media/mouse-input.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/HuA80JIZ8hA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 [!code-csharp[Entity](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\MouseInputDemo.cs)]

en/tutorials/csharpbeginner/removing-entities.md

@@ -6,5 +6,7 @@ This C# Beginner tutorial covers how to remove existing entities from the scene
 
 ![Cloning entities](media/removing-entity.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/TzwGe4RzAb4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## Code
 [!code-csharp[Entity](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\RemoveEntitiesDemo.cs)]

en/tutorials/csharpbeginner/transform-position.md

@@ -6,5 +6,9 @@ This C# Beginner tutorial covers the Transform component of an entity. The Trans
 
 ![Transform Position](media/transform-position.png)
 
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/2N6NhijZuJk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+
 ## Code
 [!code-csharp[Entity](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\TransformPositionDemo.cs)]

en/tutorials/csharpbeginner/virtual-buttons.md

@@ -6,5 +6,8 @@ This C# Beginner tutorial covers how to create virtual buttons. Lets say that yo
 
 ![Virtual buttons](media/virtual-buttons.png)
 
+<iframe width="560" height="315" src="https://www.youtube.com/embed/uWgson2IIhs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+
 ## Code
 [!code-csharp[VirtualButtons](..\..\..\..\stride\samples\Tutorials\CSharpBeginner\CSharpBeginner\CSharpBeginner.Game\Code\VirtualButtonsDemo.cs)]