#threlte — Public Fediverse posts

If you have some time to spare tomorrow: I’ll be talking about #Astro and #Svelte at the Svelte Berlin meetup. And there will be a talk about #Threlte, which is a ThreeJs wrapper for Svelte.
Join in person or join the livestream. https://lu.ma/urubdd54?locale=en-GB

Three.js + Svelte = Threlte and Version 6 is finally stable! It comes with this amazingly slick documentation page: https://threlte.xyz/

Just look at how smooth the scroll based animation is 😋

A basic scene with interaction, animation and shadows is not even 40 lines of code 🤯

Try it out: https://stackblitz.com/run?file=src%2Fexample%2FScene.svelte

#Threlte #Svelte #SvelteJS #3D #animation

@nrennie

Shout out to this interactive climate spiral graph version created with #svelte, #layercake, #threlte, #d3 and#gsap by Yi Zhe Ang:

https://svelte.dev/repl/05de947c5aa34f959a6f9ddefa18b7f9?version=3.52.0

After the thing loaded and the animation is done you can interact with the rotating spiral (includes dragging and zooming)!

@nrennie

Shout out to this interactive climate spiral graph version created with #svelte, #layercake, #threlte, #d3 and#gsap by Yi Zhe Ang:

https://svelte.dev/repl/05de947c5aa34f959a6f9ddefa18b7f9?version=3.52.0

After the thing loaded and the animation is done you can interact with the rotating spiral (includes dragging and zooming)!

I added a new tutorial on #3d #dataViz powered by #threlte

Find it in the learning section:
https://awesome-svelte-and-d3.netlify.app/learning

#awesomeSvelteAndD3

I added a new tutorial on #3d #dataViz powered by #threlte

Find it in the learning section:
https://awesome-svelte-and-d3.netlify.app/learning

#awesomeSvelteAndD3

#threlte #webgame https://photon-alexwarnes.vercel.app/showcase/asteroids #svelte

#threlte #webgame https://photon-alexwarnes.vercel.app/showcase/asteroids #svelte

Do you know how many satellites are orbiting around earth? And how close they are?

Check out this #scrollytelling piece to find out: https://three-satellites.vercel.app/

Made by Stefan Reifenberg (https://stefanreifenberg.com) with #svelte and #threlte

Do you know how many satellites are orbiting around earth? And how close they are?

Check out this #scrollytelling piece to find out: https://three-satellites.vercel.app/

Made by Stefan Reifenberg (https://stefanreifenberg.com) with #svelte and #threlte

Wrote a small proof-of-principle for drawing 2D #scatterplot using #threlte (#threejs for #svelte). See here: https://jandot.github.io/posts/basic_threlte/

Wrote a small proof-of-principle for drawing 2D #scatterplot using #threlte (#threejs for #svelte). See here: https://jandot.github.io/posts/basic_threlte/

Let's see if Mastodon can help me...

Does anyone have a simple proof-of-concept of using #threlte (#threejs in #svelte) to generate a 2D scatterplot? I'm struggling with the camera settings and mesh sizes... There is an #observable notebook on doing this using threejs directly, but the settings for camera are very different. (see https://observablehq.com/@grantcuster/using-three-js-for-2d-data-visualization)

Any help appreciated. Thank you!

Let's see if Mastodon can help me...

Does anyone have a simple proof-of-concept of using #threlte (#threejs in #svelte) to generate a 2D scatterplot? I'm struggling with the camera settings and mesh sizes... There is an #observable notebook on doing this using threejs directly, but the settings for camera are very different. (see https://observablehq.com/@grantcuster/using-three-js-for-2d-data-visualization)

Any help appreciated. Thank you!