puckey/dance-tonite

An ever-changing VR collaboration by LCD Soundsystem and their fans.

Dance Tonite

Dance Tonite is an ever-changing VR collaboration by LCD Soundsystem and their fans. Produced by Jonathan Puckey, Moniker, and the Google Data Arts Team.

View the live site: tonite.dance

Read the technical case study.

Installing

npm install

Developing

Start website: npm start

Building

Build website: npm run build

Recording

• To record a specific room, add the number behind the record url: /record/1/head=yes/ up to /record/21/head=yes/.
• To record a room without heads, change "head=yes" to "head=no" in the URL. So, room 3, no heads: /record/3/head=no/.

dance-tonite's Issues

Update links to source code to point here

Places that point to source:

• about page
• case study
• Blog post (?)

TLS certificate expired

It looks like the certificate expired today, November 15, 2018. https://tls-observatory.services.mozilla.com/static/certsplainer.html?id=186787787

Have one more pass of the about page

Microsoft Edge: undefined in getGamepads()

Seems like there are some issues when trying to run the project in Microsoft Edge (with the mixed reality headset).

How did you hide the song network request from the network tab?

Hi!

I was able to find out the URL of the song via setting a breakpoint in the downloader Promise. However, I'm curious about why does such request not appear in the Developer/Network tab.

I've seen it appear sometimes, but not always. What is the approach?

Thanks!

Record Mode: Users appear very short or tall

This has been documented by QA team:
https://drive.google.com/file/d/0B4Hu_FkAehL4LTlOeURLdmpTQk0/view?usp=sharing

And also by users:
https://www.youtube.com/watch?v=qQTBvc7rJOE&feature=youtu.be

It seems to be an issue with the room settings not initializing properly. We've seen it in Chromium & Firefox, both on Oculus & Vive.

On Firefox, even refreshing the page doesn't fix the issue, you must close the browser and re-open it. From our investigations it seems like the bad values are being reported by the browser itself, so I don't know if there is anything we can do on our side.

Javascript errors & black screen when Enter, then exit, then re-enter VR

System
OS: Windows 10 Fall Creators Update
Browser: Edge
Headset: Windows Mixed Reality with Motion Controllers

Repo steps:

1. Ensure controllers are powered on and connected
2. Navigate to site, and Enter VR
3. Press the Windows Key on the controller to Exit VR
4. Press the Enter VR button to re-enter VR

Observed issue
JavaScript errors flood the console and nothing is rendered to the headset. I traced the javascript error to this line, which fails as pose.orientation is null:

dance-tonite/third_party/VRController/VRController.js

Line 263 in 67caaf2

this.armModel.setControllerOrientation(( new THREE.Quaternion() ).fromArray( pose.orientation ));

I believe this issue appears because you are caching the gamepad object between frames; but VRController does not get a chance to emit the 'on gamepad disconnected' event, since you do not update the controls when not presenting:

dance-tonite/src/viewer.js

Line 162 in 67caaf2

if (vrEffect.isPresenting) {

This causes the gamepad object to become stale and invalid when requestPresent is called a second time.

Audio gets suddenly loud when looping

I notice this mostly on the gallery or CMS. It's not regular, but every once in the while the audio does a really loud burst (painful to the ears). I've seen it on a few different computers, but seems especially bad on MacBook Pro in Chrome.

Doesn't work correctly in latest Chrome

The video never starts because Chrome expects a user gesture before it'll play audio. I guess we can just turn on the "press play to start" button like we did for Safari

Timing of mega-grid performances a bit off?

I think the timing of the performances happening in the megagrid are slightly off. You notice this when you're flying through, because you'll "fly through" the performance much earlier than the performance was designed for.

for example, a group of dancers in front of the hole who spread out to make way for the ball. If this performance ends up in the mega grid, you may fly through the dancers because the timing is out of whack

Performance choppy after submitting performance

This was reported by the QA team. but we weren't about to reproduce at the office:

During testing the Performance of the Rift and Vive was smooth however after they record a performance and submit it then the frame rate drops when viewing the preview.
This continues when they go back to the home page and views the full experience, however its resolved if they refresh the page and enter VR again.
Device:
Oculus Rift - Chromium
HTC Vive - Chromium

User's have also noted the problem. You can see it in action during this video of a user creating performances and submitting them you can see the problem at 14:17 and again at 24:30
https://www.youtube.com/watch?v=qQTBvc7rJOE&feature=youtu.be

Safari 11: sound does not play at start, animation frozen

The music doesn't play when I load the site in Safari 11. If you mute, and then un-mute the sound plays fine.

When the sound isn't playing, the animation is frozen, so the site is broken

Instanced meshes and WebVR

Hey guys!

Amazing work with Dance Tonite! :D

I'm currently working on a WebVR project myself and can't properly display my instanced mesh, as it appears the stereo effect is not being applied to it, and I'm curious what you guys did to solve it?

Thanks in advance and once again: amazing work!

Making of video has black bars above/below

The CSS of the "about-video-container" creates black bars above and below the making of video.

Add YT video links to about page

Add "

Clean out gallery

There are quiet a few performances that I think were solo things done during testing that we should un-star & remove.

Movement hiccups?

I am seeing movement hiccups on tonite.dance when using Chrome. @customlogic do you spot anything on your side, or is it just my machine acting up?

Microsoft Edge: JSON.parse Error: Unexpected input at position

There seems to be something wrong with the animation jsons.

Site doesn't run if you have WebVR Emulator extension installed

@puckey suggested wrapping a try/catch around the code that's breaking in VRControl, but I don't have way of testing at the moment. It only happens on sites that have a valid Origin Token, and the only sites that do are staging and master, and I don't want to push my changes until I know it's working. I've requested a new origin token for a testing URL we can use.

Gzip OBJ files

Add "Create GIF" to the gallery?

Hey @puckey, what would it take to add the "create a gif" process to the gallery page? It'd be nice for people to get GIF's whenever they want.

I tried to figure it out myself, but I don't know preact well enough. It seems like the createGif component is tried in to the "Playback Flow", but I'm not sure how to decouple them.