aframevr/a-saturday-night

💃🏼 Record and share your dance moves with motion capture in WebVR.

A-Saturday-Night

A WebVR dancing experience using A-Frame by Mozilla VR.

Jump right in and read the introductory blog post.

Usage

• Donwload Firefox Nightly and follow the setup instructions.
• Head to https://aframe.io/a-saturday-night/ and start dancing. See the blog post for more information.

Local Development

git clone [email protected]:aframevr/a-saturday-night && cd a-saturday-night
npm install
npm start

Then, load http://localhost:8080 in your browser.

We are opened to new ideas and contributions, feel free to send a pull request with your A-Saturday-Night improvements.

a-saturday-night's Issues

app main behaviour

So, I think the correct flow for the app should be:

1. Independent of if url is given or not, the first screen is showing the dance with lights and music.
2. After 8 seconds the title and instructions appear (this is set in main.css:98).
3. If the user enters VR, it is located in spectator mode, watching at the dance.
4. In the stage (and/or attached to his controllers) the message "press trigger to record" is shown
5. If user presses trigger, it enters state avatarSelection, and camera/head is positioned in center of stage.
6. When the recording is finished, user is positioned in spectator mode, and can press trigger to start recording again (a message is shown also reminding him that the sharing url is available). Goto step 3.

check headset position in room

Trying in nightly (chromium crashes for me), the headset position is offset from 0,0,0. Restarting and refreshing the page does not fix it.

replace current font for another

like:
http://www.dafont.com/keep-on-truckin-fw.font?text=Dance%21%21&psize=l&back=theme
http://www.dafont.com/bell-bottom-laser.font?text=DANCE%21&psize=l&back=theme
http://www.dafont.com/billo.font?text=DANCE%21%21&psize=l&back=theme
http://www.dafont.com/mama.font?text=Dance%21+123&psize=l&back=theme
http://www.dafont.com/garoa-hacker-clube.font?text=dance%21+123&back=theme
http://www.dafont.com/smile-3.font?text=DANCE%21+123&back=theme
etc.

deepEqual produces Uncaught RangeError: Maximum call stack size exceeded

I've tried to update to v0.5.0 but when I select the avatar I get the following error:

The camera height in VR mode is not correct

Sometimes is too high sometimes is too low

hide avatar head when dancing

It was done before but for any reason it is visible again

Replace default intro animation

With something more funny maybe pointing to the text or so and dancing slowly.

• show the hands

optimize textures

Entering VR when loading a dance goes to an inconsistent state

It shows both hands and you can't select the avatar

Uncaught TypeError: Cannot read property 'value' of undefined

After a while playing the recorded animation I get plenty errors like the following one:

Uncaught TypeError: Cannot read property 'value' of undefined
    at NewComponent.onButtonChanged (http://localhost:8080/vendor/aframe.js:64735:35)
    at HTMLElement.bound (http://localhost:8080/vendor/aframe.js:73583:17)
    at Object.module.exports.fireEvent (http://localhost:8080/vendor/aframe.js:73996:6)
    at http://localhost:8080/vendor/aframe.js:69421:24
    at Array.map (native)
    at HTMLElement.value (http://localhost:8080/vendor/aframe.js:69420:32)
    at NewComponent.playRecording (http://localhost:8080/vendor/motion-capture.js:1:6680)
    at NewComponent.tick (http://localhost:8080/vendor/motion-capture.js:1:6874)
    at http://localhost:8080/vendor/aframe.js:70708:21
    at Array.forEach (native)

On slow connections the scene takes a long time to load after pressing start

I tried on my iPhone7 on a very slow connection. The start button was clickable but the assets took a long time to render on screen. a-assets don't seem to block rendering as you would expect.

add music

• add music to all the introduction before the dancing
• add music to the dancing

both musics should restart from the beginning when the dancing data is restarted

add 2 secs of wait before starting 3-2-1 countdown

Add a W3C Web-App Manifest

Use OGG for music by default but MP3 for Safari

Convert all assets to glTF

💃🎉⭐ Paste here your dance URL!! :)⭐🎉💃

Sound still unreliable on Firefox

Sometimes it plays, sometimes it does not. Chrome is reliable though.

finish and beautify 2d ui

Fix screenshots in README

camera position in 0,0,0 when loading url

auto-enter VR causes instructions to dissapear

After entering VR and refreshing the page, the instructions disappear.

This bit of code is responsible for this:
https://github.com/aframevr/a-saturday-night/blob/master/src/ui2d.js#L19-L21

This issue presents itself when trying to upgrade to a-frame 6.1. See PR #118 and #117

Can't record more than one dance

I enter VR I record a dance and then click again to select another avatar, choose the avatar and I can see just the new head in the mirror but I can't see my hands on the controller position or in the mirror.
/cc @dmarcos

add first countdown to tvs

ready
set
dance!

Uploadcare error when uploading dancing

Include more than one song

And switch them depending on the avatar, both when dancing and when loading

add "record my dance" button in 2d

It should be displayed only if headset+controllers are detected. How is this done?

Using latest aframe-master breaks the website

I tried using the latest version of aframe/master and the only object that is rendered is the dance floor (no animation). THREE.WebGLRenderer 87, no errors in the console.
This reproes both in MSEdge and Mozilla Firefox.

Light up and animate lights on dancing state

Avatar hands don't render on second recording

Define a License in README/LICENSE.md

Can't select the bear avatar

I can select the rest of the avatars but as soon as I select the bear it just keeps highlighted and it doesn't do anything

hide head while recording dance

invalid host header when developing.

looks to be an issue with webpack-dev-server

reduce json size

by reducing length of attributes (position -> p), reducing the number of decimals, etc.

add camera rig

no way to personalize a saved dance

Once a dance is saved there is no way to know who recorded it. Since the persona are already predefined it makes the result a bit impersonal.

Instead of "Start" in a saved dance it could be replaced by "Name of the dance performed by nickname". It's a small difference but it could motivate people to share more.

doublesided screens

When you move around the scene it looks weird that the screens has no doublesided material

Using `master` or `gh-pages` branch?

@fernandojsg: I noticed for A-Blast, and it looks like too now for A Saturday Night, you're using master as the GH Pages branch. Is that supposed to be the case for ASN too? Because if so, need to change that from Settings and delete the gh-pages branch here.

Adjust avatar recording to songs length

song durations:

avatar1: 15s
avatar2: 19s
avatar3: 17s
avatar4: 18s
menu: 15s

Need to be in play area to select avatar.

its very difficult or not possible to choose your avatar.

Left hand on right hand on the mime avatar

Only noticeable on the Elvis that has one different hand for each character

Add more floor lights animations

It is possible to play music from a radio or an rtmp server?

I wander if is possible to play music fronm a radio or rtmp server

Put the camera closer in replay mode

Specially in mobile is difficult to appreciate the dance

retouch avatars' materials

hands pivots are wrong

In Firefox the songs sometime play sometimes they don't