Bouncing Kindred Fates Logo Webassembly demo

This is a demo of the Bouncing Kindred Fates Logo running on WebAssembly using Blazor and P5.js.

This is meant to showcase how to run P5.js sketches in a Blazor WebAssembly application.

Prerequisites

• .NET 9.0 SDK
• A code editor like Visual Studio Code or Visual Studio 2022+.
• Basic knowledge of C#, Blazor, and P5.js.
• Familiarity with WebAssembly concepts in Blazor.
• A web browser that supports WebAssembly (most modern browsers do).
• Internet connection to load P5.js from CDN.

Live Demo: https://djinnet.github.io/BouncingKFLogo/

Getting Started

1. Clone the repository:

   git clone https://github.com/Djinnet/BouncingKFLogo.git 

2. Open the solution file (.sln) in your preferred IDE.
3. Restore the NuGet packages:

   dotnet restore

4. Run the application:

   dotnet run

5. Open your web browser and navigate to https://localhost:5001 (or the URL specified in the console output).
6. You should see the Bouncing Kindred Fates Logo animation running in your browser.

Enjoy the demo!

Credits

• Original P5.js sketch by Djinnet
• Original Kindred Fates Logo design by Kindred Fates
• Blazor framework by Microsoft
• P5.js library by p5js.org
• Original p5.js concept by The Coding Train: Coding Challenge 131: Bouncing DVD Logo