https://benglin.github.io/project-glitter/

AssemblyScript, WebAssembly, WebGL
https://benglin.github.io/project-glitter/

Last synced: 30 days ago
JSON representation

AssemblyScript, WebAssembly, WebGL

• Host: GitHub
• URL: https://benglin.github.io/project-glitter/
• Owner: Benglin
• License: mit
• Created: 2021-06-13T17:05:05.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-06-24T10:11:40.000Z (over 3 years ago)
• Last Synced: 2024-08-04T01:13:53.841Z (4 months ago)
• Language: TypeScript
• Size: 19.6 MB
• Stars: 17
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• Awesome-WebAssembly-Applications - [Project Glitter

README

        
![Project Glitter splash screen](./docs/splash-screen.png)

# Getting Started with Project Glitter

There's this thing called _learning week_ in Autodesk where we take the week off our regular job, and learn whatever stuff we want to learn (except that I am not supposed to learn _cocktail making_ because that's kinda not relevant to my day job).

I'm from a web graphics team, and _AssemblyScript_ seems like a nice tech to learn, so I decided to make a super simple audio visualizer with it.

Here's how it looks like if you have this set up and running (except it'll be your face on the user icon and not mine, naturally):

![Project Glitter running in localhost](./docs/project-glitter-local-host.png)

-   Live demo [can be found here](https://benglin.github.io/project-glitter/)

## Environment setup

Here's a list of what you need to set things up:

-   Recent build of Node.js: [download from the official site](https://nodejs.org/en/download/)

-   Clone this repo: `https://github.com/Benglin/project-glitter.git`

-   Navigate to `project-glitter` you've just cloned it to:

    ```sh

    $ cd project-glitter

    ```

-   Within `project-glitter` directory, install node dependencies:

    ```sh

    $ npm install

    ```

-   Start the development server (which will launch a browser):

    ```sh

    $ npm start

    ```

## What's next?

A week is rather short to pick up a _new-ish language_ (I'm used to _TypeScript_), this project gives me a perfect opportunity to get my hands dirty with _AssemblyScript_ (and indirectly, a little bit of _WebAssembly_). I may not continue to work on this but who knows, if I ever find time to play with it further, I might.

If you're like to chat, [drop me a line](mailto:[email protected]).

Meanwhile, have a good one! 😉