3 ms·

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

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. 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 ago
Sigh, 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 ago
  Maybe 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.
makeee 5y ago
> I'm sure its nice to have that glue code written for you I think you answered your own question there. There aren't any rules dictating how many lines of code must be written before it counts as "creating something".
seeekr 5y ago
Rich, Svelte's creator, likes to just jump in and create a small little demo or showcase or just any kind of "project", that shows something interesting that can be done, in some area he's currently involved with. And he shares those as open source on his Github. I appreciate that.
- beepbooptheory 5y ago
  Yeah I figured that out now.. I think I was just reacting to this like it was a full-fledged framework trying to sell me something, so to speak. But as a demo of both Svelte and threejs, along with some code to make them play nice, its certainly a worthy/good/shareable thing! Really didn't mean any snark at all!
- rikroots 5y ago
  One of the first things I did after learning about - and getting excited by - Svelte, was to try and get my canvas library to play nicely with it.[1] Given the rapid development Svelte has endured over the past 18 months I have no idea whether my solution still works. I'll have to revisit/review/retest it when I get a spare moment. [1] - https://scrawl-v8.rikweb.org.uk/how-do-i/add-to-a-svelte-project https://scrawl-v8.rikweb.org.uk/how-do-i/add-to-a-svelte-pro...
jakelazaroff 5y ago
There are a lot of reasons someone might have made this: - They're a new developer, and this was a big accomplishment for them that they want to show off - They've built a few projects this way, identified the repetitive boilerplate code and extracted it into a library - They built a small app as a way to learn about Svelte and Three.js and want to get others' feedback - They're excited about Svelte or Three.js and want to show off what it can do (this is what actually happened, since the author is also the creator of Svelte) - They realize that other developers who aren't familiar with Svelte or Three.js may have trouble starting a project like this, so they wrote the plumbing code to help them It might seem to you that this code does "what any developer would do", but I assure you it's not. Everyone is different, and things that seem obvious to you may not be to others. I also want to comment on this: > 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... To be honest, I think the tone in your comment comes off as dismissive, and comments like this perpetuate the assumption that people have that they'll get laughed off HN if they show something like this. Ultimately the result is fewer people will show off stuff they make. And that sucks! The community should be a welcoming place that fosters others' enthusiasm. If this doesn't interest you, or you think it's too simple, you're always free to not upvote and not read. Obviously, a lot of other people do think this is interesting, because it made the front page.
- beepbooptheory 5y ago
  You are right I'm sorry to perpetuate anything bad. Thank you for your views and wisdom
  - KronisLV 5y ago
    Actually, that felt like a very valid question on your part! A question that would be answered by a small intro for the project, like: "Svelte Cubed is a component library for building Three.js scene graphs in Svelte apps. It was built because of reasons X and Y, attempts to solve the W problem and in practice will make doing Z easier thanks to this." Perhaps a bit like their Getting Started guide, but with the missing reasoning for the project to exist: https://svelte-cubed.vercel.app/docs/getting-started https://svelte-cubed.vercel.app/docs/getting-started Similarly, the GitHub doesn't seem to have an extensive README or anything yet, either: https://github.com/rich-harris/svelte-cubed https://github.com/rich-harris/svelte-cubed While having docs of any sort is nice and should be encouraged, at the same time i often find myself wishing that more projects would summarize what they are, why they exist and what problems they solve, much like a lot of software packages do (or should do) in the app stores. Do other people not do that sort of stuff with their Git repos for projects, so that everyone can understand what they're looking at, at a glance? Here's a few examples from repos that were a part of my Master's degree: https://git.kronis.dev/rtu1/kvps5_masters_degree_covid_1984/blob/master/README.md https://git.kronis.dev/rtu1/kvps5_masters_degree_covid_1984/... https://git.kronis.dev/rtu1/kvps5_masters_degree_astolfo_cloud_servant/blob/master/README.md https://git.kronis.dev/rtu1/kvps5_masters_degree_astolfo_clo... (admittedly the repos themselves no longer are relevant, though should serve as an example of what i mean)
pcthrowaway 5y ago
Adding to what others have said, lines of code isn't a great measure of the quality of a project. There's beauty and elegance in simplicity, and creating something well-structured and concise can take incredible skill. In fact, Svelte is also such a project; I believe version 1 was under 2000 LoC One more thing, software is more than just the code. Documentation is also a critical component of successful and useful software, and the submission does an amazing job of making this approachable and useful through Rich's characteristically clear documentation
rich_harris 5y ago
The short answer is that you'd use Svelte Cubed for the same reason you'd use Svelte (or indeed any component framework) itself: declarative code tends to be more robust, readable and maintainable than imperative code. There's absolutely nothing wrong with using Three directly, but it's equivalent to using the DOM directly. At some point it gets hard to keep track of hierarchical relationships that aren't expressed as hierarchies, and managing state across your app becomes a burden. In addition, because components have a managed lifecycle, you get things like hot module reloading 'for free' if you're using a framework like Vite (or SvelteKit, which uses Vite). Once you've tried building scenes this way (e.g. maintaining your camera position while you tweak the properties of an object you've zoomed in on), Cmd-R driven development feels paleolithic.
kall 5y ago
I feel like part of the reason may be that people really like react-three-fiber, and svelte needs to show that it can do that too. If someone is looking for "how do I 3d with svelte" it‘s nice to have a defintive answer instead of random tutorials. If it doesn‘t actually take a whole lot of code, that seems great.
thetadot 5y ago
maybe i am too easily impressed. i took this as showing off (yet another) svelte possibility and a demonstration of how elegantly it can be used. i'm new at svelte and found this eye-opening. btw demos seem to work perfectly on safari 15.1, ff94.0.1 and brave 1.32.106 on macos monterey and on my ancient Note 8 running the android brave 1.32.106
onion2k 5y ago
This is version 0.1. That's the "prove it can be done, and get it to work" stage of development. The extra features beyond the basic glue come later. In the case of react-three-fiber, which is the React alternative to this, the library does things like setting up sane defaults for you (things like color management, shadows, a camera, etc). Those weren't there in v0.1. The extra bits take a little more time.
ricardobeat 5y ago
I think you missed the point. This is enabling you to use a declarative, component-based approach over three.js. You get to use templates and reactivity from Svelte. Ex: https://github.com/Rich-Harris/svelte-cubed/blob/main/src/routes/examples/_content/01-hello-world/index.svelte#L60 https://github.com/Rich-Harris/svelte-cubed/blob/main/src/ro... That’s quite different from “what any developer does to use three.js on their website” which is usually imperative code in a render loop. That the implementation itself [1] looks pretty vanilla is actually one of Svelte’s selling points! It would look a lot more complex with other frameworks. [1] https://github.com/Rich-Harris/svelte-cubed/blob/main/src/lib/components/lights/AmbientLight.svelte https://github.com/Rich-Harris/svelte-cubed/blob/main/src/li...

abraxas 5y ago

Sigh, 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 ago
Maybe 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.

makeee 5y ago

> I'm sure its nice to have that glue code written for you I think you answered your own question there. There aren't any rules dictating how many lines of code must be written before it counts as "creating something".

seeekr 5y ago

Rich, Svelte's creator, likes to just jump in and create a small little demo or showcase or just any kind of "project", that shows something interesting that can be done, in some area he's currently involved with. And he shares those as open source on his Github. I appreciate that.

beepbooptheory 5y ago
Yeah I figured that out now.. I think I was just reacting to this like it was a full-fledged framework trying to sell me something, so to speak. But as a demo of both Svelte and threejs, along with some code to make them play nice, its certainly a worthy/good/shareable thing! Really didn't mean any snark at all!
rikroots 5y ago
One of the first things I did after learning about - and getting excited by - Svelte, was to try and get my canvas library to play nicely with it.[1] Given the rapid development Svelte has endured over the past 18 months I have no idea whether my solution still works. I'll have to revisit/review/retest it when I get a spare moment. [1] - https://scrawl-v8.rikweb.org.uk/how-do-i/add-to-a-svelte-project https://scrawl-v8.rikweb.org.uk/how-do-i/add-to-a-svelte-pro...

jakelazaroff 5y ago

There are a lot of reasons someone might have made this: - They're a new developer, and this was a big accomplishment for them that they want to show off - They've built a few projects this way, identified the repetitive boilerplate code and extracted it into a library - They built a small app as a way to learn about Svelte and Three.js and want to get others' feedback - They're excited about Svelte or Three.js and want to show off what it can do (this is what actually happened, since the author is also the creator of Svelte) - They realize that other developers who aren't familiar with Svelte or Three.js may have trouble starting a project like this, so they wrote the plumbing code to help them It might seem to you that this code does "what any developer would do", but I assure you it's not. Everyone is different, and things that seem obvious to you may not be to others. I also want to comment on this: > 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... To be honest, I think the tone in your comment comes off as dismissive, and comments like this perpetuate the assumption that people have that they'll get laughed off HN if they show something like this. Ultimately the result is fewer people will show off stuff they make. And that sucks! The community should be a welcoming place that fosters others' enthusiasm. If this doesn't interest you, or you think it's too simple, you're always free to not upvote and not read. Obviously, a lot of other people do think this is interesting, because it made the front page.

beepbooptheory 5y ago
You are right I'm sorry to perpetuate anything bad. Thank you for your views and wisdom
- KronisLV 5y ago
  Actually, that felt like a very valid question on your part! A question that would be answered by a small intro for the project, like: "Svelte Cubed is a component library for building Three.js scene graphs in Svelte apps. It was built because of reasons X and Y, attempts to solve the W problem and in practice will make doing Z easier thanks to this." Perhaps a bit like their Getting Started guide, but with the missing reasoning for the project to exist: https://svelte-cubed.vercel.app/docs/getting-started https://svelte-cubed.vercel.app/docs/getting-started Similarly, the GitHub doesn't seem to have an extensive README or anything yet, either: https://github.com/rich-harris/svelte-cubed https://github.com/rich-harris/svelte-cubed While having docs of any sort is nice and should be encouraged, at the same time i often find myself wishing that more projects would summarize what they are, why they exist and what problems they solve, much like a lot of software packages do (or should do) in the app stores. Do other people not do that sort of stuff with their Git repos for projects, so that everyone can understand what they're looking at, at a glance? Here's a few examples from repos that were a part of my Master's degree: https://git.kronis.dev/rtu1/kvps5_masters_degree_covid_1984/blob/master/README.md https://git.kronis.dev/rtu1/kvps5_masters_degree_covid_1984/... https://git.kronis.dev/rtu1/kvps5_masters_degree_astolfo_cloud_servant/blob/master/README.md https://git.kronis.dev/rtu1/kvps5_masters_degree_astolfo_clo... (admittedly the repos themselves no longer are relevant, though should serve as an example of what i mean)

pcthrowaway 5y ago

Adding to what others have said, lines of code isn't a great measure of the quality of a project. There's beauty and elegance in simplicity, and creating something well-structured and concise can take incredible skill. In fact, Svelte is also such a project; I believe version 1 was under 2000 LoC One more thing, software is more than just the code. Documentation is also a critical component of successful and useful software, and the submission does an amazing job of making this approachable and useful through Rich's characteristically clear documentation

rich_harris 5y ago

The short answer is that you'd use Svelte Cubed for the same reason you'd use Svelte (or indeed any component framework) itself: declarative code tends to be more robust, readable and maintainable than imperative code. There's absolutely nothing wrong with using Three directly, but it's equivalent to using the DOM directly. At some point it gets hard to keep track of hierarchical relationships that aren't expressed as hierarchies, and managing state across your app becomes a burden. In addition, because components have a managed lifecycle, you get things like hot module reloading 'for free' if you're using a framework like Vite (or SvelteKit, which uses Vite). Once you've tried building scenes this way (e.g. maintaining your camera position while you tweak the properties of an object you've zoomed in on), Cmd-R driven development feels paleolithic.

kall 5y ago

I feel like part of the reason may be that people really like react-three-fiber, and svelte needs to show that it can do that too. If someone is looking for "how do I 3d with svelte" it‘s nice to have a defintive answer instead of random tutorials. If it doesn‘t actually take a whole lot of code, that seems great.

thetadot 5y ago

maybe i am too easily impressed. i took this as showing off (yet another) svelte possibility and a demonstration of how elegantly it can be used. i'm new at svelte and found this eye-opening. btw demos seem to work perfectly on safari 15.1, ff94.0.1 and brave 1.32.106 on macos monterey and on my ancient Note 8 running the android brave 1.32.106

onion2k 5y ago

This is version 0.1. That's the "prove it can be done, and get it to work" stage of development. The extra features beyond the basic glue come later. In the case of react-three-fiber, which is the React alternative to this, the library does things like setting up sane defaults for you (things like color management, shadows, a camera, etc). Those weren't there in v0.1. The extra bits take a little more time.

ricardobeat 5y ago

I think you missed the point. This is enabling you to use a declarative, component-based approach over three.js. You get to use templates and reactivity from Svelte. Ex: https://github.com/Rich-Harris/svelte-cubed/blob/main/src/routes/examples/_content/01-hello-world/index.svelte#L60 https://github.com/Rich-Harris/svelte-cubed/blob/main/src/ro... That’s quite different from “what any developer does to use three.js on their website” which is usually imperative code in a render loop. That the implementation itself [1] looks pretty vanilla is actually one of Svelte’s selling points! It would look a lot more complex with other frameworks. [1] https://github.com/Rich-Harris/svelte-cubed/blob/main/src/lib/components/lights/AmbientLight.svelte https://github.com/Rich-Harris/svelte-cubed/blob/main/src/li...