Тёмный

three.js Particles - Using three-nebula Particle Engine 

Genka
Подписаться 4,3 тыс.
Просмотров 8 тыс.
50% 1

Let's add some cool particle effects to our three.js scene with three-nebula, a particle engine for three.js!
three-nebula
three-nebula.org/
3D Assets
zsky2000.itch.io/
Github:
github.com/tamani-coding/thre...
(00:00) - Intro
(01:04) - Setup a Project / Quickstart
(03:02) - The Nebula Desktop App
(04:54) - Design a Particle System
(08:00) - Load the Designed Particle System
(08:27) - Design the three.js Scene
(13:06) - Outro

Наука

Опубликовано:

 

31 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 9   
@robertwallace5498
@robertwallace5498 2 года назад
very cool
@rt1097
@rt1097 Год назад
nice
@serousetrick
@serousetrick 2 года назад
Hi, are there any books that could provide me great knowledge base for animation, i would like to understand how this library works? Any suggestions?
@Andrew-qc8jh
@Andrew-qc8jh Год назад
threejs examples itself, bruno simons course and if you want to get serious about it start studying computer graphics programming which comes with studying linear algebra and trig
@tommyanzidei
@tommyanzidei 2 года назад
Hi Genka, your videos are extremely interesting, where can I contact you privately. Thanks for any reply!
@trusiek95
@trusiek95 Год назад
lol, okay - you added particle to object but you did this by force. How i can attach this particle into object, that it will change his possition when object did?
@QujuanK1
@QujuanK1 Год назад
Im in the process of trying to figure this out now, did you find a way to attach it to the Object. I'm try to add the effect to the back of a rocket i have orbiting. I tried to add it to make rocket mesh with rocket.add(nebula) but no luck
@QujuanK1
@QujuanK1 Год назад
`import Nebula, { SpriteRenderer } from "three-nebula"; .... let nebula = null; let OBJ = new THREE.Group(); Nebula.fromJSONAsync(JSON, THREE).then(loaded => { const nebulaRenderer = new SpriteRenderer(OBJ, THREE); nebula = loaded.addRenderer(nebulaRenderer); }); OBJ.rotateY(Math.PI / 2); OBJ.scale.multiplyScalar(0.1); scene.add(OBJ); .... render(){ nebula.update(); } ` You can try this. It doesnt work for me because i have a Obj inside a Obj im trying to attach particleSystem 2
@vishfish175
@vishfish175 Год назад
Dont run nebula.update(); In the animation function. Pass nebula and loaded through a function where you have your movments. In that function `loaded.emitters.forEach( emitter => { emitter.position.x = "model posistion" emitter.position.z = "model posistion" emitter.position.y = "model posistion" emitter.rotation.y = "model rotation" }); nebula.update();` Make sure to remove the quotes and add a real posistion and rotation.
Далее
Writing a Particle System (using Three.js)
10:18
Просмотров 37 тыс.
Babylon.js 7.0 Release Video
2:21
Просмотров 18 тыс.
three.js & rapier3D - Character Terrain Movement
7:17
Simple Third Person Camera (using Three.js/JavaScript)
13:00
How to Learn Three.js in 2024 ( Full Guide )
6:41
Просмотров 80 тыс.
Three.js Optimization - Best Practices and Techniques
17:47
React Three Fiber & Three.js - Lights Explained
7:52