Why does this need to be its own thing? Looking at the repo[1], we have less 500 lines of code not counting the website itself, and its mostly just svelte code doing what any developer would do to use Threejs on their website.<p>I'm sure its nice to have that glue code written for you, (I haven't actually seen it work on any of my devices yet), but I don't really see what this is doing other than making a repo with Svelte and threejs dependencies, writing some svelte components, and making a flashy website. Is this really all you need to do to "create something"?<p>As a self-taught developer I am always confused what _should_ be my labor or not , especially with web-development. Like, I honestly would assume that I would get laughed off of HN if I ever "made" something like this and passed it off as an accomplishment. But perhaps I am missing something crucial here...<p>1. <a href="https://github.com/rich-harris/svelte-cubed" rel="nofollow">https://github.com/rich-harris/svelte-cubed</a>
This was presented by Rich Harris at the Svelte Summit a couple of days ago, and it's heavily prefaced as a tech demo and very incomplete. The examples worked two days ago, so not sure what broke.<p>Apparently the underlying code was used for some of the NY Times Covid infographics.
The React version is react-three-fiber which is also a cool project.<p>- <a href="https://github.com/pmndrs/react-three-fiber" rel="nofollow">https://github.com/pmndrs/react-three-fiber</a><p>- <a href="https://docs.pmnd.rs/react-three-fiber/getting-started/examples" rel="nofollow">https://docs.pmnd.rs/react-three-fiber/getting-started/examp...</a>
Beautiful out of the gate.<p>I can’t defend this, but there is something about working with Svelte that makes me feel like web development has arrived.
Very interested to try this. I love react and I love Three.js but react-three-fiber feels like somehow battling against the tide.<p>Maybe this will feel like a more natural fit.
I have a multiplayer game client using Svelte for the UI [1]. Svelte Cubed looks awesome for this, but...<p>Is declarative easier to reason about for complex projects, or does it become necessary to go imperative? I can imagine the advantage of imperative is being able to use normal engineering practices, but this isn't something I've thought about before.<p>Are there examples where a declarative approach was phased out as complexity grew? The only example I can think of is when a company I worked for tried to use Flex (declarative Flash), which we later converted into pure ActionScript for larger projects.<p>1: <a href="https://github.com/Suncapped/babs" rel="nofollow">https://github.com/Suncapped/babs</a>
> <a href="https://svelte-cubed.vercel.app/examples/trisolaris" rel="nofollow">https://svelte-cubed.vercel.app/examples/trisolaris</a><p>> Uncaught TypeError: Failed to execute 'shaderSource' on 'WebGL2RenderingContext': parameter 1 is not of type 'WebGLShader'.
I see that it doesn't work for some. To Rich's credit, he did mention during the presentation that it was unfinished. From my experience, Svelte and Three.js are a very productive combination. While the declarative approach of Svelte Cubed makes sense for generic scenes, for complex ones I prefer classic use of Three.js even if that means writing more lines of code.<p>I've used Svelte and Three.js recently for several data visualizations and the DX is very good. Shamelss plug: <a href="https://cybernetic.dev/" rel="nofollow">https://cybernetic.dev/</a> (HN warning: uses crypto data).<p>I think Rich will solve the current problems promptly now that he is working full time on Svelte at Vercel.
See also:<p>Svelthree - Svelte powered three.js development <a href="https://svelthree.dev/" rel="nofollow">https://svelthree.dev/</a><p>Do these two projects cover the same scope?
Not working on Chrome/Android, Firefox/PC, Chrome/PC. The examples, those are not working. It stays white. "no camera set" and other stuff.
I love some of the stuff you can do with 3D on the web…but the majority of web traffic now is mobile, and I’ve never had a mobile that handles it well.<p>I don’t use the latest flagship, but I’m usually on one from ~3 years earlier; there are many people with far less capable devices than mine. So it seems like it’s doomed to stay niche for a few more generations yet.
Works just fine on my Android Firefox, even the examples.<p>My laptop's Chrome doesn't complain either.<p>Looks cool! I'd wait for a little bit until the author declares it safe for general consumption, but it does look like something I'd use.
Very cool, but the text on the buttons still isn't optically centered, there's to much padding on the bottom likely caused by an inapropriate font for ui design!
While the 3D animation is very beautiful, my laptop noticeably started working harder to render the homepage and my fans started to get loud within 15 seconds.
Working for me in Windows/Firefox, and the demos are impressive. Svelte is such an amazing library, I use it exclusively when I need to do web dev