9 ms·
Svelte Cubed
- thedangler 5y agoDidn't work in my version of FF at all, well the demo pages showed nothing.
- gnabgib 5y agoWorks fine in FF for me (94.0.1). There's a gently spinning 3D svelte logo casting a shadow. No jank, but 2-5% GPU usage.
- gliptic 5y agoThe console says "no camera is set".
- gadrev 5y agohttps://svelte-cubed.vercel.app/examples/trisolaris https://svelte-cubed.vercel.app/examples/trisolaris "no camera set" too, FF 94 Linux. May be the linux part and the 3D/drivers mess/therefore lag of support for these things in linux that's to blame. Also fails the same way with Chromium 91 Linux.
- gliptic 5y agoI get the same on Windows, FF 91.
- Mikeb85 5y agoChrome 96 works.
- thedangler 5y agoRunning 93.0 (64-bit)on windows 10
- findjashua 5y agoworks for me on osx chrome & ios chrome/ffox
- isuckatcoding 5y agoInteresting. The main page loads for me but the examples pge just shows a blank canvas. iOS Chrome.
- findjashua 5y agohmm - the examples work on Chrome for both osx & ios, but ffox has a 500 on ios. more and more, websites seem to care only about Chrome
- wirahx 5y agoThere is only Safari on iOS. It's just called "chrome" or "Firefox". It's not a very good browser and struggles with a lot of things.
- cercatrova 5y agoThe React version is react-three-fiber which is also a cool project. - https://github.com/pmndrs/react-three-fiber https://github.com/pmndrs/react-three-fiber - https://docs.pmnd.rs/react-three-fiber/getting-started/examples https://docs.pmnd.rs/react-three-fiber/getting-started/examp...
- rablackburn 5y agoI 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. 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.
- joemi 5y agoThat site runs so slowly in Firefox on my computer. I didn't try it on anything else since that just turned me off too much.
- memco 5y agoI have a 7 year old laptop running Safari that ground to a halt before I could even figure out what this thing is supposed to be.
- pastrami_panda 5y agoYes it's quite the juxtaposition. "Create beautiful, high-performance 3D apps" While it runs incredibly choppy on my Android in Chrome and the renderer looks both awkward and has artifacts on the shadows.
- wussboy 5y agoWorked fine on my desktop Firefox.
- bob331 5y agoWorks beautifully on edge on an iphone7
- gs17 5y agoIt's a Firefox issue in general in my experience. I have a Babylon.js project that runs at half the framerate in Firefox on the same computer.
- vultour 5y agoWorks fine for me but it eats 25% of my GTX1080Ti, not sure that's appropriate for one rotating logo.
- kingcharles 5y agoAdding to the voices here: worked beautifully on my $300 Acer laptop on the latest Chrome.
- mathiasrw 5y agoThe examples did not work in iOS safari.
- brundolf 5y agoThey work fine for me on iOS Safari (iPhone XS, iOS 15.1) Edit: The home page animation works fine (30+ FPS), but the ones listed under the actual Examples tab are blank white pages
- moistly 5y agoWorks well (startlingly smoothly) on iPadOS 14.8 on an older 9.7” iPad Pro, on the homepage and both examples.
- kristjansson 5y agoOh man Safari (15.1, macOS 12.0.1, MacBookPro15,1) is _unhappy_ with this page.
- ezfe 5y agoNo issues here on the latest Safari on my MacBook Air. Both examples run fine as well.
- jonplackett 5y agoVery interested to try this. I love react and I love Three.js but react-three-fiber feels like somehow battling against the tide. Maybe this will feel like a more natural fit.
- StefanWestfal 5y agoCould you explain? I am on a beginner level when it comes to FrontEnd/Web. Does it have a technical reason you feel react-three-fiber is battling against the tide?
- shimmeringpenny 5y agoHey this hacked my computer, f you thankfully I have a lot of extra security I put on my computer to block stupid crap like this from happening. Ban this guy
- glimmeringpenny 5y agoHey this hacked my computer, f you thankfully I have a lot of extra security I put on my computer to block stupid crap like this from happening. Ban this guy
- qwertox 5y agoNot working on Chrome/Android, Firefox/PC, Chrome/PC. The examples, those are not working. It stays white. "no camera set" and other stuff.
- pavel_lishin 5y agoDoesn't run in Brave for me at all.
- dandellion 5y agoThe examples don't work on Firefox or Brave for me either.
- yawnxyz 5y agoThis 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. Apparently the underlying code was used for some of the NY Times Covid infographics.
- gs17 5y agoThe examples are working well for me, if there was an issue it must be resolved.
- rado 5y agoVery slow home page, examples don't work.
- qmmmur 5y agoWorks for me on Bromite. Exciting stuff.
- boberoni 5y agoWhile 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.
- onion2k 5y agoThat's one of the most annoying aspects of WebGL. My Android phone runs the demos at 60fps, my M1 Mac Mini is fine, and my top spec 2021 Intel Macbook Pro sounds like a jet engine. It's mostly down to the browser and OS, and a function of screen resolution and GPU 'power', rather than anything to do with the framework or JS aspects.
- brundolf 5y agoThe Intel MacBook Pros have a discrete GPU that's turned off most of the time, and only kicks in under certain circumstances (WebGL seems to be one of those). As soon as it turns on things get hot in my experience, even if it's not being pushed to capacity
- EarthLaunch 5y agoThere's a WebGL (and Threejs) setting for whether to use a discrete GPU: 'powerPreference' [1, 2], with the caveat: "Note that this property is only a hint and a WebGL implementation may choose to ignore it." 1: https://www.khronos.org/registry/webgl/specs/latest/1.0/#5.2 https://www.khronos.org/registry/webgl/specs/latest/1.0/#5.2 2: https://threejs.org/docs/#api/en/renderers/WebGLRenderer https://threejs.org/docs/#api/en/renderers/WebGLRenderer
- 2fast4you 5y agoWorking 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
- deleted 5y ago[deleted]
- throwaway07686 5y agoI 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. I've used Svelte and Three.js recently for several data visualizations and the DX is very good. Shamelss plug: https://cybernetic.dev/ https://cybernetic.dev/ (HN warning: uses crypto data). I think Rich will solve the current problems promptly now that he is working full time on Svelte at Vercel.
- martyvis 5y agoPixel 3XL, Android 12, Chrome. Home page and demos work great.
- beepbooptheory 5y agoWhy 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. 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"? 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... 1. https://github.com/rich-harris/svelte-cubed https://github.com/rich-harris/svelte-cubed
- abraxas 5y agoSigh, being an old geezer here I can't shake the feeling every other show HN post is stuff we did 20 years ago just reinvented (sometimes wastefully). Yes, we had 3D on the web then. It was called VRML. We didn't have Svelte but somehow UI work didn't take years and an army of coders to put together. Something went funny in the last couple of decades. Back then I thought we'd be coding much cooler stuff in 20 years.
- kkiinnpptt 5y agoMaybe the web has an upper level of "cool" that we've already reached. And the really cool stuff quickly gets nerfed and watered down to appeal to the masses for commercial purposes. There is some cool shit being done, maybe just not on the web.
- dmitriid 5y ago> Maybe the web has an upper level of "cool" that we've already reached. The web's "upper level of cool" is being able to display a list of text and images without stutter. And it fails even at that. All the other things that are being desperately bolted on (WASM, WebGL etc.) are just rehashes of everything we already had 20 years ago.
- wnevets 5y ago> https://svelte-cubed.vercel.app/examples/trisolaris https://svelte-cubed.vercel.app/examples/trisolaris > Uncaught TypeError: Failed to execute 'shaderSource' on 'WebGL2RenderingContext': parameter 1 is not of type 'WebGLShader'.
- rablackburn 5y agoI had this on my machine the other day (while developing with Plotly in webGL mode). A proper restart fixed it. Happened after installing some system updates, so if you’re on a Ubuntu (or downstream) distro maybe give that a shot. I think something just got left in a bad state post-update.
- wnevets 5y agoRestarting seemed to fix it.
- deltron3030 5y agoVery 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!
- EarthLaunch 5y agoI have a multiplayer game client using Svelte for the UI [1]. Svelte Cubed looks awesome for this, but... 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. 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. 1: https://github.com/Suncapped/babs https://github.com/Suncapped/babs
- brundolf 5y agoBroadly speaking the advantage of imperative is usually in performance, not being easy to reason about at scale
- EarthLaunch 5y agoInteresting, thanks. Optimization for example, makes sense.
- Graffur 5y agoI feel like this could be cool but as it says "It is not yet done.". There's nothing really to see.
- me_bx 5y agoSee also: Svelthree - Svelte powered three.js development https://svelthree.dev/ https://svelthree.dev/ Do these two projects cover the same scope?
- whiddershins 5y agoBeautiful out of the gate. I can’t defend this, but there is something about working with Svelte that makes me feel like web development has arrived.
- DonHopkins 5y agoI could use "SvelteD3" too! https://d3js.org/ https://d3js.org/
- otrahuevada 5y agoWorks just fine on my Android Firefox, even the examples. My laptop's Chrome doesn't complain either. 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.