Skip to content

Commit

Permalink
update color-buildings example following new tutorial
Browse files Browse the repository at this point in the history
  • Loading branch information
vilde-barth-adsk committed Jan 16, 2024
1 parent 6a50ce0 commit 17d6bb1
Show file tree
Hide file tree
Showing 12 changed files with 1,757 additions and 2,511 deletions.
28 changes: 16 additions & 12 deletions analyses/color-buildings/README.md
Original file line number Diff line number Diff line change
@@ -1,31 +1,35 @@
# This is an Autodesk Forma sandbox extension

This extension is built using the **[Forma SDK for Javascript](https://aps.autodesk.com/en/docs/forma/v1/embedded-views/introduction/)** using an `Embedded View` in the `Right hand side analysis panel`
This extension is built using the *
*[Forma SDK for Javascript](https://app.autodeskforma.com/forma-embedded-view-sdk/docs/)** using an `Embedded View` in
a `floating panel`.

**What it does:** Allow the user to select some buildings and change their color
[This tutorial](https://aps.autodesk.com/en/docs/forma/v1/embedded-views/tutorial/) describes step by step how this
extension was built.

## Illustration
**What it does:** Allow the user to select some buildings and change their color as illustrated below:

![Building colors screenshot](building-colors-screenshot.png)
![Building colors screenshot](color-buildings-tutorial-result.png)

## How was this built
### How was this built

The stack is built in a [vite](https://vitejs.dev/) + [preact](https://preactjs.com/)
framework to enable features which are typical in a modern web developers
toolbox.

### Local testing

In order to work with this extension locally, make sure you have the
[local testing extension](https://aps.autodesk.com/en/docs/forma/v1/embedded-views/getting-started/)
for Forma installed. Install dependencies using
In order to work with this extension locally, make sure you follow the steps in the
[getting started guide](https://aps.autodesk.com/en/docs/forma/v1/embedded-views/getting-started/).

Then, install dependencies using

```shell
yarn install
npm install
```

and then you just need to run
and run the extension with

```shell
yarn start
```
npm run dev
```
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 17d6bb1

Please sign in to comment.