Kenneth Pirman 🔮
@KennyPirman
Followers
1,717
Following
1,785
Media
1,232
Statuses
5,156
Building virtual javascript worlds at planetary scales @ and making friends at @character_ai Sailor ⛵ @recursecenter Winter '23
Brooklyn, NY (he/him)
Joined March 2012
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Flamengo
• 200631 Tweets
JUMP
• 171313 Tweets
Corinthians
• 138419 Tweets
#世界猫の日
• 85389 Tweets
gremio
• 72559 Tweets
長崎市長
• 60056 Tweets
Copa do Brasil
• 57120 Tweets
Abel
• 51938 Tweets
Botafogo
• 47249 Tweets
Allan
• 44954 Tweets
カービィ
• 33431 Tweets
#HachibanRamenxBUS
• 32140 Tweets
Romero
• 28990 Tweets
Bahia
• 28825 Tweets
Daronco
• 26177 Tweets
#サーティワンパチパチの日
• 26026 Tweets
大阪桐蔭
• 22233 Tweets
Milwaukee
• 18119 Tweets
세계 고양이
• 17007 Tweets
Gerson
• 16994 Tweets
Renato
• 16570 Tweets
Hugo Souza
• 14373 Tweets
Garro
• 11633 Tweets
Juventude
• 11123 Tweets
Maracanã
• 10234 Tweets
Last Seen Profiles
I think I dialed in the atmo! looks all glowy!
very convincing inside the box and kind of other-worldly outside of it
18
40
543
I finally have volumetric shadows! 🌄
Not a bad day of work~ I'm one step closer to being a browser-based
@CloudImperium
!
take a tour of your own generated maps at
or check out the (horrible) codebase:
#threejs
#r3f
12
38
376
Hey I made a **skybox**! 🥁
Tomorrow I'll add some noisy low-lying fog and stuff!
I should probably also make the atmosphere, like, exponentially falloff.
Any other ideas?
4
11
134
Thanks to our lovely web game dev discord community (), I was able to get help to fix one of my long standing issues.
Now I can do sphere ray-marching with depth testing -> so atmospheres! (really strobe-light-y and radioactive! WIP)
6
10
121
this remap function is the single most useful piece of code I've ever written (copy-pasted)
I use it EVERYWHERE
15
7
115
Some late night ocean shader exploration, using another sphere intersection / ray marching technique instead of an ocean sphere mesh... it's asking for wavy normal maps. Now it's possible to go underwater!
#ScreenshotSaturday
|
#threejs
|
#gamedev
3
5
90
My terrible shader skills always fail so spectacularly (why green?!)
I deployed it with the test textures and broken-as-heck atmo-scattering, check it out!
(why not push your WIP nonsense straight into the web?)
#threejs
|
#r3f
|
#screenshotsaturday
8
5
81
I finally figured out how to make a cylinder that's long instead of squat!
So now we can have O'Neil Cylinders!
I need to fix the direction the height is applied, but! It's very close!
#threejs
|
#r3f
|
#helloworlds
4
8
101
Working on terrain scattering for planets~ Hopefully we can improve the frame rates and actually get some nice tree models here 🌲!
also need to create some API for generating masks, because they like to spawn in the ocean :D
#threejs
|
#HelloWorlds
|
#screenshotsaturday
2
7
78
This is my guiding star for planet generation, always so inspired when I go back to this bookmark:
1
8
74
that's more like it! I wonder if I should use the worldspace coordinates instead, then the texture should be applied to the UV of the whole object instead of individual chunks?
#threejs
|
#HelloWorlds
4
3
74
I got Ring Worlds(!!!) working just in time for
#screenshotsaturday
!
You can make arbitrary ring worlds in
#r3f
and
#threejs
!
either long and thin like a Halo ring, or a smaller rotating colony world like an O'Neil cylinder.
w/ full space-to-ground LOD! 🚀
#HelloWorlds
5
5
73
Now we have plate movement vectors, so we can start to compute the plate boundary collision stuff and lift some mountains :)
check it outttt
4
8
68
I've managed to smoosh a couple big atmosphere bugs tonight, and I've just been zooming around this sandbox ever since~ 🚀
Try it yourself, it's online~
#HelloWorlds
| Hello Atmospheres!
#threejs
|
#ReactJS
|
#r3f
|
#gamedev
7
13
67
Here's a website that makes cities in 3D by
@watawatabou
. It will consume the next tens of minutes of your time, and your imagination for days to come.
#procgen
0
19
62
NOAA has great color ramp spline things, they make things look so... cartographical!
3
4
62
I think the smallest box should be 4m^3. Now I need to figure out how to get the terrain height value at any position on the main thread!
4
8
62
Something you can do in your
#threejs
browser scene with the
#HelloWorlds
library, but sadly not in
#Starfield
Build space-to-ground planet-sized worlds for your genre-defining space sim!
5
7
61
I found this interesting webgl planet/plane world generation project
It seems so interesting, and it appears the creator has accomplished so much! It's really inspiring! I have a long way to go, I don't even understand much of the words in their post ;D
2
3
60
I love how evocative the terrain outputs are.
These are just begging to be filled with little roads, cute villages, some
@watawatabou
medieval city rendered in 3D, boats tacking into harbors
The joy of this app in the current state is daydreaming of what can live there
4
1
57
I struggled with some obtuse code this Monday, so I cut this video as treat to myself, because the view was perfect~
Rendered using the build you can currently find here
fly around, make some videos!
#HelloWorlds
|
#threejs
|
#r3f
|
#procgen
|
#gamedev
2
6
52
Hello friends, I've deployed my terrible
#MachineLearning
#Procgen
terrain generator for
#threejs
It's really really bad, but I think I've got things set up where I can improve it a lot from here out.
Give me all your ideas!
10
3
51
heck'n yes, voronoi boi
now with hex spatial hash grid its easy to look up (approx.) voronoi tile in vertex offset calc, while maintaining ~20ms terrain chunk building times
next step = tectonic plates
3
2
50
20K terrain features, should be able to speed it up further by changing the spatial hash grid bucket size based on the entities, instead of using the same bucket for all of them.
Originally, each vertex would test against all 20K features, but now they test against maybe 10
3
2
45
Success! It looks great, no aliasing, it doesn't get ugly and squished near the poles, and it scales with camera distance so it doesn't get all pixel-y
it's so SHARP! (although probably not with twitter compression)
woooooooo~
7
0
46
Experimenting with a hex-grid-based spatial hash system, it's so fast!
Very excited by where this is going~
7
5
42
I'm sorry about being annoying this weekend with all these unsolicited planet pics but im having so much fun 🥰
#threejs
#HelloWorlds
6
3
40
look at these beautiful alpine valleys! Easily could be lake constance or léman! 🇨🇭
3
1
37
I'm super proud of the way these continents are looking now! 🌍
Here's how to grow tectonic plates ->
Randomly place continent nodes expand using a floodfill algo with a cost function that dings points for distance and direction away from the plate's preferred bearing
.../
4
5
39
Trying to figure out instanced terrains scattering (yet again) for trees. I had to stop and record the amazing volumetric shadows creating shafts through these instances!
#threejs
4
0
36
Just pushed an update to which adds the seed to the url.
This allows you to bookmark or share the nice (or buggy) looking outputs.
reply with your favorite seeds!~
2
1
37
Trying to implement some fancier water -> currently struggling to get the water depth to be independent of the camera
using this csb as a guide:
2
4
38
This ring is the same size as the megastructure from the Ring World novel (which I should get to reading....)
(pardon the gfx precision gore)
1.02 AU radius!
And the performance is not *that* bad!
3
1
37
Web games!!!!!!! They're fast!!!!!
2
1
33
@bruno_simon
you have to drive a bit :)
Try it out! I recommend going next to the day/night terminator for optimum sunset views
4
6
34
I've always wanted to add contour lines!
Probably twitter compression will scrub away the contour lines and turn it into a grey soup.
Anyone know how to clean up these lines? they're like... janky. I'm just using a modulo
4
1
34
I'm going on a texturing detour 🚀
Trying to implement:
- triplanar mapping (reduce stretching on cliffs)
- change textures based on slope
- normal maps?
Any other cool things to add in Texture Land?
6
3
33
Also, every time I boot up
#HelloWorlds
I'm like wow, I should really do something with this here AAA tech *cat reading newspaper meme*
#threejs
|
#r3f
2
3
33
red suns and alien worlds
star color values from the ECS now are used in the atmo shader... Need to refactor some things to allow more than one light source (star) in the shader though
#HelloWorlds
3
1
32
Today I found a problem with my city generation - my polygon cutting function is wrong.
So I tried to find out how to fix it. Apparently this is one of those problems that requires you to know Real Math, read academic papers, and interpret old C libraries.
😿😿😿
7
1
32
browser-based entire-universe sim :D
Used the opportunity of being away from the office to write fresh code, for the first time in a long while. Made a prototype real-time 3D viewer for cosmological simulations (here showing dark matter around a galaxy, then zooms out to the broader simulated volume).
48
207
2K
2
4
31
Okay, I scaled down the planets wayyyy down (250m radius) so I can focus on the character controller stuff without float precision errors.
Turns out smol planets are really fun, and I got the character to stick on the planet, using a combination of raycasting and hmap sampling
4
0
28
And now we have gorgeous contour lines!
Using
@Arbonox
's advice to modulate the line width + the getGrid function from react-three-drei's grid component
Thanks for the help everyone, things are starting to click :)
The key I think is to normalize everything to uv-like scales
0
2
27
2
2
28
My
#threejs
library for creating/rendering planets and other terrains now has over 100 GitHub stars! That's crazy! Thanks for the validation 🥰
1
1
28
So I've been able to smoosh (technical word) some 64x64 textures for the terrain into a single 2DTextureArray for the shader to slerp up
I've also added the ability to apply weights for them depending on the the user's
#procgen
function
Some math issues there, but close!
4
2
28
let's rewrite an atmosphere shader from scratch. this time no copypasta, I need to figure out why my previous solution was so busted
Here the color of the stars is added based on the ray distance through atmosphere (which goes thru the planet)
2
2
27
I've been able to reconfigure the js/react side of things (thanks to
@hmans
's ECS) so now any number of worlds can have atmospheres and the one postprocessing shader will handle them
just add "atmoshpereRadius" property to a planet and voila! (atmo vfx still WIP)
#HelloWorlds
1
2
27
Through shear force of will I head-banged-desked and now I have voronoi bois
3
1
28
Cool! I'm able to plow through neighborhoods with wide streets, just like a real urban planner!
2
5
27
So I got hello-worlds planet chunk generation working with via the web worker chunk generation threads.
Should it be default in the library?
We did it all on stream huhu!
3
1
27
Hello friends I'm moving to NYC soon to work on
#HelloWorlds
full-time, for at least 3 months.
If you're wondering why I haven't had a lot of planet updates lately, it's because I'm in full anxiety mode trying to pack up my life here in Geneva :)
5
1
24
Okay I fixed the scattering shader's color and direction. No more radioactive planets~
It works with multiple stars, taking into consideration their color and intensity. Still a bit rough around the edges...
#HelloWorlds
|
#threejs
|
#r3f
2
3
26
TIL Lines are really complicated.
The line width here is calculated by modulo of lat/long, so that means they change width depending where they are on the globe!
Also AA is bad when zoomed-out. Maybe they can use like a min screenspace size as
@Cody_J_Bennett
suggested?
3
0
23
I managed to implement terrain chunk skirts, which is sort of a gimmicky way to plug holes in the gaps between terrain chunk resolutions.
But the results look great!
1/..
3
2
25
terrain chunk heightmap to grass offsets!
next steps:
- figure our why I have some flying grass on the edges
- speed it up
- make the individual blade positions stable somehow, across LODs
0
0
25
I've released an update that moves the terrain generation to a webworker, so it should speed things up a bit
It also falls back to a wasm solution if you can't use webgl for some reason to run the model inference.
the code is on github (but is terrible):
1
1
23
stopping for today 😴
I feel like I need to rethink everything 🫠
2
0
24
New version of
#HelloWorlds
for
#threejs
and
#r3f
released!
it exposes a LOD resolution param. You can tweak this to sacrifice performance for higher detail.
Left image has this 'lodDistanceComparisonValue' (I'm bad at names) set to 0.75, right to 3.
1
3
24
More progress on world-synth:
See if you can spot all the gnarly artifacts.
I even left the crash in the video so you can know how bad I am at all this
1
0
24
I got axial tilt working, that was pretty tough!
Not sure if it makes things more difficult to view though
3
1
23
@meakoopa
@TheTorontoSun
Not to mention how irresponsible this kind of journalism is. Does it matter what kind of past a victim has?
0
1
19
It's so good!!! Even with really naïve collision functions. Can't wait to dial-in a good subducting function, and have nice trenches and island chains.
Don't that look relatively convincing?
1
0
22
Yesterday I was able to get the model to run on the client, which is great. It's about 14MB.
After training the (super naïve) model the whole night up to ~700epochs x 5000 datasets, the output is kinda crap, but it's all fitting together and soon I'll deploy this version
...
1
1
21
Did some volunteer farm work today, now I have new terrain generation goals
2
0
20
Hi folks, I fixed the package dependencies in the terrain synth repo, so you should be able to clone it and play around with the app.
feel free to add stuff and make a PR or fork or whatever 😘
0
2
21
some progress with docs and new <FlatWorlds/> feature
Wanna try to stick this into a
@codesandbox
sandpack but I'm not sure if the webworker part is going to work.
it would be so cool to be able to update the noise function and have him reload in real time, from the docs!
1
0
19
I've simplified the Voronoi Sphere planet query thingy into a single class, which makes it way more easy to use.
I'll add it to the planets library after I play around with tectonics a bit.
check out the
@codesandbox
!
#HelloWorlds
|
#r3f
|
#threejs
3
2
19
goals 😍
3
1
19
Getting some nice results with the atmosphere scattering shader but with some artefacts
#HelloWorlds
1
0
19
My JavaScript library makes pretty good facsimiles, when while untextured!
Io, moon of Jupiter, from the Juno spacecraft on October 15, 2023 (yesterday!). This is the sharpest look we've had at its volcanic surface since the days of the Galileo orbiter.
29
307
1K
2
0
19
GPU quadtrees you say?!
1
4
39
2
1
19
Moons are fun because they teach you about math things. Like, what's a good radius distribution of craters? Is there a paper that shows the mean radii of a crater on the moon?
Here's a moon-sized moon with craters generated via a bias func tending towards 5km w/ max of 100km
2
1
18
used
@codesandbox
Projects, finally can get a demo working with webworkers and sharedArrayBuffer together.
It doesn't appear to work on firefox, but one step at a time...
Anyways, click the link to check out this cool moon!
🌑
#react
#r3f
#threejs
2
6
19
hardest working game dev on the web
made a tool yesterday to speed up foliage geometry generation.
before this, i was manually doing it in blender, painfully making uv maps and geometry, exporting, fixing normals, etc - draining. lots of stuff in gamedev is actually a simple task but tools make it complicated
24
167
1K
0
0
18
Okay okay after some profiling and optimizing a bunch of things I've managed to cut the generation time by more than half, which unlocked the next level of resolution!
Next step is to make the floodfill multithreaded
Tiles before / after (much smaller tiles now!)
0
0
19