From c03d0c8355d9ebf2539b7f778831db9927598aeb Mon Sep 17 00:00:00 2001 From: barsdeveloper <84736467+barsdeveloper@users.noreply.github.com> Date: Thu, 12 Sep 2024 10:32:09 +0300 Subject: [PATCH] Update README.md --- README.md | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index c6b75e4..981d4c8 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,8 @@ A stand alone editor implementation of the UE's Blueprint visual language. +https://www.npmjs.com/package/ueblueprint + ## Features: - Intercommunicates with UE (can copy nodes both ways). @@ -12,10 +14,10 @@ A stand alone editor implementation of the UE's Blueprint visual language. - All the information shown in he graph is just the one embedded in the serialized text. ## Demo: + [Try it!](https://barsdeveloper.github.io/ueblueprint/) -![img1](https://github.com/barsdeveloper/ueblueprint/assets/84736467/022704e7-2c9f-4595-9513-cd7770961e0d) - +[![img1](https://github.com/barsdeveloper/ueblueprint/assets/84736467/022704e7-2c9f-4595-9513-cd7770961e0d)](https://barsdeveloper.github.io/ueblueprint/) ## Getting started: @@ -32,8 +34,9 @@ npx http-server ### Use in a web page You can check `index.html` for a working example, the main steps are the following: -1. Include `dist/css/ueb-style.css` stylesheet in your page. -2. Define eventual CSS variables. +1. Make the `dist` directory available in your website by copying it or installing through npm `npm i ueblueprint`. +2. Include `dist/css/ueb-style.css` stylesheet in your page. +3. Define eventual CSS variables. ```HTML ``` -3. Import the class Blueprint in JavaScript (this library uses modules). +4. Import the class Blueprint in JavaScript (this library uses modules). ```HTML ``` -4. Define your blueprint by just writing the code inside a `ueb-blueprint`, inside a `template` element. +5. Define your blueprint by just writing the code inside a `ueb-blueprint`, inside a `template` element. ```HTML