Hacker News Reader

This caught my interest because I've been dabbling with 3D graphics for the web lately. Some feedback: If your product is a no-code editor, why not make that the focus of your website? Squarespace for example doesn't take you to a generic website and asks you to sign up from there, they take you to their editor to start building your own site immediately. You could add examples somewhere else on the site.

Generally an interesting field to work in, lots of uncharted territory in terms of UI best practices and user expectations. Good luck!

I don't agree in this case. I don't want to start editing, I want to know what the heck a "3D website" is. Now I know, and it turns out it's not something I want to spend any time using.

I'm getting strong vibes of the work of indie game developer thecatamites from the site.

Not quite sure what sort of site, on which I was attempting to actually accomplish something, I'd be happy to find something like this on, but there's probably some use I'm not thinking of.

I agree with this, when I look at the site I want to know how the editor works and what the pricing model is.

You can include a link to a demo and the showcase sites elsewhere.

It also feels what you're trying to sell is full 3D website templates, when in reality it would probably be more viable as an embed or a section of a bigger site.

An example of a successful site that is built on similar tech is decentraland

agree, i have taken a shot and built a landing page here: https://muse.place/muse

I hate to complain but visiting this site made me feel completely trapped. I literally could not do anything and could not escape to even close the browser (mouse is 100% hijacked). I had to CMD-Q the whole browser just to get out of the site.

Surely there is some UX technique you guys can come up with to free the mouse and improve this.

Question for you... what is the best 3D website on the Internet? How do they solve this?

All the best to you guys!

Thanks for the tip, we know we need to optimize for accessibility first. We have spent a lot of time optimizing our renderer for speed. To be honest, this is the first I am hearing about this bug so I would like to be able to learn more about your set up offline perhaps in an email. If you could email info@muse.place with your computer and browser setup that would be very helpful.

Also, one of our favorite websites have been https://nurtu.re/

It is built by Active Theory for Porter Robinson. I believe this could be the future. I guess they get away with it because they are in third person.

A tip for the Muse team: based on my experience with first-person 3D, a substantial portion of users don't understand pointerlock, and the built-in notification that browsers give usually are insufficient. It might be a good idea to put a persistent indicator that ESC can be used to get out of pointerlock.

yeah this isn't a bad idea. or maybe forcing the user to do the onboarding first?

I like to think we're one of the better ones https://ayvri.com

This is mostly just a side project now, after 6 years of work. We have our own 3D renderer, but are using our custom Cesium here.

Which browser do you use? Most seem to support pressing Esc to exit from this site, videos etc. I feel like that's more of a browser issue.

Gotta be honest here, we only really build for Chrome right now on the laptop/desktop. Safari is pretty buggy on desktop but what's pretty funny is that we optimized for Safari for mobile devices.

Firefox at least tells you to use ESC to get the pointer back.

> I literally could not do anything and could not escape to even close the browser (mouse is 100% hijacked). I had to CMD-Q the whole browser just to get out of the site.

To be scrupulously fair, the fact that a site can do this, even on purpose, is both a browser bug and a operating system bug (denial-of-service security vulnerability in both).

browsers are pretty limiting on this functionality as is - pretty long timeouts, and firefox/safari have very big indicators explaining how to disable it

How do we learn more about y'all? Do you have a company website with some background, blog posts, etc.? I just hopped in your discord. I basically build full stack vr worlds in babylonjs/threejs every day. Curious to learn more about your company and your team. You can take a look at my work here: https://delta.center/ and here: https://delta.center/gevurah

It seems like there are some major accessibility issues that are a result of embedding text/inputs/etc. within threejs itself. Have you considered using an HTML element and dynamically positioning it with CSS transforms (i.e. update style per useFrame call)? It's a little more work, but it should solve a large class of accessibility issues, and is performant to boot.

interesting, we'll take a closer look into this

Cool stuff! What are some great use cases that you'd like to see for 3D websites? Do the long load times of 3D websites relative to 2D ones affect search ranking?

Because most of the site are not built with html, it is difficult for Google and search engines to crawl. That would affect search rankings the most. An idea to fix this is to automatically auto generate tags created by html that describe the 3D models and decorations/components added to the room.

Hi, cool project!

Have you considered how you intend to provide accessibility on top of this model of interaction? I have some thoughts for possibilities involving HRTF audio for blind users, but the deafblind experience is going to be ... tricky. Of course you'll need to do similar work to expose the semantics of one of these experiences to search engines, so for once I am not just begging for accessibility merely for us poor blind folk.

I'm curious as to how you internally represent the scenes, and what sorts of research you've done into precursor technologies such as VRML.

If you have questions or would like some ideas of where to get started with accessibility, feel free to reach out! My email is in my profile.

reaching out, we have thought about this. Would love your insight

This is amazing!

I am building a Reddit for China. I can't help thinking about builidng a 3D version.

This is like, what can I say, muse!

that would actually be crazy! We have a long ways to go with this build, but you can consider this website as an early prototype of what a news/blog site could look like: https://violetsummerzine.com/

Why should someone want to build a 3D website? Or are you only targeting people who already know they want to build a 3d website?

Came here with the same question. Who is the target demographic?

target demographic are independent music artist - specifically music producers!

Your instructions initially say to use WASD to move, which is inconvenient for those of us with our pointing device on the left. But it turns out the arrow keys work as well, and the in-site instructions say so (when you manage to click the instructions button, which is quite hard with a trapped pointer).

what browser were you on? Your mouse pointer should be replaced by our cursor if there were no bugs.

This was Chrome on Linux. I had a crosshair cursor in the centre of the screen, and the mouse was just doing looking, so I had to look in a direction that made the button move under the cursor (or something like that - I'm now elsewhere so can't check).

With Firefox's tracking protection on, the only thing I get for the homepage is a single line error message, as the WebGL context drops unexpectedly.

If you visit at least once without tracking protection, and then turn it back on, and visit (even with cleaning all caches), then the site loads correctly.

thanks for the flag! we'll look into this

Considering the exact sequence of events to trigger it, I feel sorry that I found the bug. Seems like a really hard one to trace and debug. Almost feel like I should be apologising, rather than thanking you for taking a look!

Great work! I'm a big fan of this idea, and as others have mentioned, it's a little reminiscent of the promise of VRML back in the day. Or even of PlayStation Home or Second Life, but more accessible, since it's right there in your browser.

I've seen some comments about the performance, and I just wanted to comment that I just tried the site out on an old Chromebook Acer R11 (Celeron N3150) and while the perf on the opening environment is a little bit hitchy, the Balloonski room for example ran perfectly well. Little machines are capable of a whole heck of a lot these days! Even in the browser!

Nice work!

Thank you!

This is neat. I love that you are fostering a publishing mindset, and not just showcasing a glitzy 3D magazine for folks to gawk at.

There is a steep hill to climb before a 3D web really lands in a way that fosters an ecosystem of content creators. I suspect that it will take a different breed of web browser to truly realize an XR web, one with built-in, high-level APIs for composing 3D content. Ultimately, you need many of the built-in features of the 2D web, and approximating those things via a canvas is tantamount to rebuilding a fair chunk of the browser.

Yeah a new browser is inevitable. Main bottleneck is currently getting the full power of the CPU, especially when there is no GPU present, as browsers have pretty high overhead that bottlenecks the application.

Some feedback: - Its not clear how to get the mouse to be free. I was expecting to hold a key (ctrl/alt etc) to free the mouse and press it again to give control back. Now I see that 'esc' is the key to pause the program. Just needs to be highlighted more. - The calendly link seems to be broken: https://calendly.com/muse-3muse/muse-demo-call - Some sites require microphone access without telling why

thanks for shouting that out - will fix that and got your notes on our pause menu!

My Calendly subscription ran out :) Here is our updated link: https://calendly.com/ben-792/userinterview

I quite like this and my experience on your 3D website was very smooth. I wonder about the following points:

- Would creating a 3D website hurt my SEO?

- Would the content be somehow accessible for users who are entering the website on devices that don't support WebGL? Is there any fallback?

- A 3D website looks cool and creative but does it really engage users more than a standard one? Would it increase my conversion rates or keep people longer on the site (subtracting the time to figure out the controls)?

- To be honest, not sure. I am not an SEO expert.

- Most of the end visitors, those that visit our creators websites, are actually mobile users and they have an average session duration of 50+ seconds and so far we have very high retention with our creators so I think there hasn't been to big of an issue with accessibility. I tested our website on a iPhone SE and it ran great on good wifi. All modern browsers support WebGL. Our fallback would probably be around bad wifi.

- We only use 3D web sites to run our funnels. I always tell people content is king at the end of the day so I guess you will have to just try it out and see how it goes. Right now, it is hard for us to share with you robust analytics via conversion rates and CTAs so I recommend using a service like BITLY and attaching bitly to the buttons so you can track clicks. Here is one of our funnels: https://www.muse.place/pandassaurus The funnel was built completely with builder tools, so you have the same tools I do. So at the very least I can tell you that our growth/marketing strategy at Muse is 100% reliant on our own product if that helps.

If you do try it out, please keep me updated on the results. Very curious what your stats are. Happy to compare more analytics over email.

Hello, I am using Firefox on Ubuntu with an AZERTY keyboard. I couldn't move with (unnatural) WASD, nor (more natural) ZQSD, nor (most natural) arrow keys. I could look around using the mouse. A couple of empty white rectangles were in front of me. Suddenly became four empty white squares (like keys ?) when I clicked them. No idea what they are for. All this still need some UI polishing, I would say.

any chance you can email us a screenshot? info@muse.place, if not thanks for flagging this. We did a merge a pr recently for AZERTY keyboards: https://github.com/spacesvr/spacesvr/pull/51

This is really cool but there are a few usability issues. I suggest to overly html DOM ontop of the canvas rather than having users enter form details within the experience as the only method of signing up. Other users who are trying to stand up can stand between my camera and the form itself, making it such that I can't see what the form is trying to ask me or what I am typing.

Very cool indeed. react-three-fiber is a game-changer for how easy it makes building 3D websites. It's awesome to see a startup using it.

yeah it's especially useful for maintaining a large scale codebase! gotta love it

At least for now, you should consider a persistent overlay that explains that Esc breaks out of view mode and releases control over the mouse. Not being able to use the mouse as you usually do is very unpleasant.

I really like these fun alternatives to ordinary web sites even though the UX designer in me is having a heart attack because of the countless usability and accessability issues

Our goal is to get there though. Thats the biggest tech problem we face, accessibility and usability and everyday that is what our team RNDs

Glad that I could navigate this on my phone!

Reminds me of VRML.

Just add strafe jumping and a rocket launcher

tf2 on the web!

How can we find out more about y'all? Do you have a company website with the background? I just popped into the discord. I basically build babylonjs/threejs full stack worlds every day... I'd like to learn more.

I'd check out our Instagram: https://www.instagram.com/musehq/

I am working on building a company website right now with bg info which should come out later this week. Being built using builder tools!!!

I know I only have a $300 laptop, but this is _slow_

would love to get more info on this, were tryna optimize for speed, if you could email info@muse.place with your device that will be very helpful for us

Works well with an iPhone 11 Pro. Can’t wait to try it with an Oculus Quest 2

not fully optimized for the quest just a heads up. best sites to try might be www.muse.place/balloonski and https://muse-place-2qc57fsgs-musehq.vercel.app/alto. we're not targeting quest users fully yet, but on my free time i'm slowly adding improvements :)