Code Monkey home page Code Monkey logo

mixed-reality-extension-sdk-samples's Issues

Steps in 'How to Build and Run the Hello World sample' section seems not up to date

Hello,

I was following instructions in 'How to Build and Run the Hello World sample' section and found out that few steps are a little bit vague and seems like they are not up to date.
Currently (10.05.2021) steps look like:

...
In AltspaceVR
- Go to your personal home
- Make sure you are signed in properly, not a guest
- Activate the Space Editor (only available if you indicate you want to participate in the Early Access Program in your AltspaceVR settings)
- Click Basics group
- Click on SDKApp
- For the URL field, enter ws://localhost:3901
- Enter a session ID (This step will eventually be optional. For now, put in any random value)
- Click Confirm
- If the app doesn't seem to load, click on the gear icon next the MRE object in to the present objects list, and make sure "Is Playing" is checked.
- After the app has been placed, you will see the MRE Anchor (the white box with red/green/blue spikes on it), rendering on top of the MRE. You can use the anchor to move the MRE around. To hide the anchor, uncheck "Edit Mode".

I was not able to find 'Basics group' and step before to 'Activate the Space Editor' wasn't clear too.

I was able to run Hello-world sample and I propose to update instruction with steps below

...
In AltspaceVR
- Go to your personal home
- Make sure you are signed in properly, not a guest
- Activate the Space Editor (only available if you indicate you want to participate in the Early Access Program in your AltspaceVR settings, general section)
- Enter any world (for example go to 'Worlds' in Main menu and in a 'My worlds' tab select your own world)
- Inside the world press right mouse button and choose 'World editor'
- Click on SDKApp
- For the URL field, enter ws://localhost:3901
- Enter a session ID (This step will eventually be optional. For now, put in any random value)
- Click Confirm
- If the app doesn't seem to load, click on the gear icon next the MRE object in to the present objects list, and make sure "Is Playing" is checked.
- After the app has been placed, you will see the MRE Anchor (the white box with red/green/blue spikes on it), rendering on top of the MRE. You can use the anchor to move the MRE around. To hide the anchor, uncheck "Edit Mode".

This is just a suggestion, as it wasn't obvious for me how to trigger it. Please feel free to rephrase what I wrote or just change it totally.
I was using AltspaceVR on desktop.

Support hot-reloading of code changes

I didn't spot any support in the samples for debuggable hot reloading so I'm submitting an additional sample as PR #49 in case its helpful to anyone else. Usage is detailed in the README.md for the new sample.

Running the samlpes on WSL2 (Ubuntu)

When i clone and run the examples according to the readme on Windows, it shows the rotating Hello World! text and also the AltspaceVR box underneath.
When i do the same on WSL2 in Ubuntu, it just shows the rotating text, but no box. Also in the other examples it only shows the text.

The only thing that looks different in the console is during the npm run build where it shows:

/home/mhe/code/mixed-reality-extension-sdk-samples/samples/hello-world/src/app.ts
    1:4    warning  Expected linebreaks to be 'CRLF' but found 'LF'  linebreak-style
    2:61   warning  Expected linebreaks to be 'CRLF' but found 'LF'  linebreak-style
    3:35   warning  Expected linebreaks to be 'CRLF' but found 'LF'  linebreak-style
    ...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.