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

Wanted to learn some more threlte and rapier, so I continued working on my moto game.

using prismatic joints for the forks and rear suspension worked great. just needed to limit the travel and configure the force based motor of that joint. so it always tries to be at it's maximum.

I'm still having troubles with friction. when landing the bike seems to stop in it's tracks.

any suggestions on how to fix that?

https://labs.leon.id/2023-01-moto

#gamedev #threlte #rapier #threejs #moto

This weekends lab was playing around with svelte + threlte (three.js) + rapier (physics)

Generates a map from three.js Shape, then extrudes with ExtrudeGeometry.

Uses a polyline collider for simplicity.

first used a couple of cylinder colliders for the wheels, but the bike was getting stuck in the mesh, so tried switching to the ball collider and now it works much better.

the suspension could be better 😀

https://labs.leon.id/moto

#gamedev #threlte #threejs #rapier #indiegame #webdev

RT @jerzakm@twitter.com

WebGL Snow trails with #threlte #threejs Red dead redemption who? 🤣
- terrain generated with #mapbox Martini
- rapier.js physics
- 600 lines of the worst looking code I've ever commited

🐦🔗: https://twitter.com/jerzakm/status/1607081291148660742

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/

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!