Getting Started

Before diving in, let's go over some background, installation, and setup to make sure you have the best experience using Anu.

Background

Anu does not stand alone. To begin using it, fundamental knowledge of web technologies is strongly recommended. Here is what you need to know, and what would be nice to know.

Need to Know

1. The basics of web development: JavaScript, HTML, and CSS.
2. What Node.js is and how to use it.
3. How to set up and use Babylon.js to create 3D scenes and meshes.

Dive in without these you may find shallow waters and anger Stack Overflow 🧙

Suggested Reading

🔗 MDN Web Docs Learn web development

🔗 W3Schools Node.js Tutorial

🔗 Babylon.js First Steps

🔗 Babylon.js Vite Boilerplate

Nice to Know

1. D3 DOM manipulation patterns and visualization utilities.
2. WebXR API and general concepts, applications, and limitations.
3. Familiarity with Node.js tooling and bundlers, Vite, webpack, etc.

You'll be able to swim without these, but you can always swim faster 🦈

Suggested Reading

🔗 D3 Getting Started

🔗 MDN Web Docs Fundamentals of WebXR

🔗 Vite Getting Started

Installation

We recommend following the Babylon.js + Vite guide to setup your project using npm.

Once your project structure is up and running, install Anu by running the following command in the terminal:

npm install @jpmorganchase/anu

Then, import Anu in your script files:

import * as anu from '@jpmorganchase/anu';

You can now call Anu methods accordingly:

anu.create('box', 'myBox');

...or use the Anu-Starter template

npx @jpmorganchase/anu-starter@latest my_project

cd my_project
npm install
npm run dev

See and modify main.js to get started.

...or try our Interactive Tutorial!

Want to try developing with Anu directly in your browser without needing to install Node.js or clone a repository? Check out our Interactive Tutorial!