I was trying to figure out how exactly I would implement weather into SortaCraft, and I gave up earlier since I thought I needed a complex particle system. However, I found out recently that Three.js already has a pretty simple particle system (THREE.Points), so I decided to use that, and test it here.
How to use
Use your mouse to look around (click and drag, or right click too), and mess with the snow using the controls. Press Update after making changes.
Please allow a few seconds for the textures to load. Enjoy! EDIT: Why is this on Trending?!
@Baconman321camera = new THREE.PerspectiveCamera(fov,aspect,near,far) fov = field of view, I like 60-70 aspect = aspect ratio, use "width/height" of canvas near = near plane of camera, usually use .1 far = max render distance of camera, depends (Usually 500-1000) depends on your needs
Three.js Particles - Falling Snow
Three.js Particles - Falling Snow
I was trying to figure out how exactly I would implement weather into SortaCraft, and I gave up earlier since I thought I needed a complex particle system. However, I found out recently that Three.js already has a pretty simple particle system (
THREE.Points), so I decided to use that, and test it here.How to use
Use your mouse to look around (click and drag, or right click too), and mess with the snow using the controls. Press Update after making changes.
Please allow a few seconds for the textures to load.
Enjoy!
EDIT: Why is this on Trending?!
How do you make the camera?
@Baconman321
camera = new THREE.PerspectiveCamera(fov,aspect,near,far)fov = field of view, I like 60-70
aspect = aspect ratio, use "width/height" of canvas
near = near plane of camera, usually use .1
far = max render distance of camera, depends (Usually 500-1000) depends on your needs
EDIT:Dunno why it has a newline after
new@tussiez Yeah but you can't move or anything (I used it when I tried out THREEJS).
Oh, I see you use orbital controls...
@Baconman321 For controls, I use
OrbitControlsfromhttps://threejs.org/examples/jsm/controls/OrbitControls.js (import with:
import {OrbitControls} from (the link)and use withcontrols = new OrbitControls(camera,renderer.domElement)That's about it
@Baconman321 Yeah
@Baconman321 Didn't see your comment until after I wrote the othe r one lol
@tussiez Yeah, it's pretty cool. I think threeJS isn't too hard until you go into the math required for some games...
@Baconman321 Yup!