XENTA
This project was made using three.js, along with blender, and react. You can use the models i made by going to the repository down here:
The knight model was downloaded from cg trader, which i will replace soon by a model i am working on.
If you want to export your files from blender to three.js, you have to be aware that particles systems cannot be exported from blender, therefore you should convert them to mesh and then export the file.
I'm saying this in case you want to work on top of the models that i left on my repo.
The game is pretty basic, i had to implement a bit of math for the character's movement around the radius of the sphere and how, depending at which value along the X axis the character is, the Y position of the character varies. The way the collision system works, if you could call it that, is, it checks the position values of the tree and the character. If you get too close to the tree then, a collision is detected and you lose one life.
In case you are browsing on mobile, you can check this video showing the gameplay, i would like to port it in the future to mobile with react native as a fun project, in the meantime you can watch it or grab your computer and play around!.
Tree model exported from blender where hair particles were turned into tree branch meshes.
If you want to export your files from blender to three.js, you have to be aware that particles systems cannot be exported from blender, therefore you should convert them to mesh and then export the file.
I'm saying this in case you want to work on top of the models that i left on my repo.
The game is pretty basic, i had to implement a bit of math for the character's movement around the radius of the sphere and how, depending at which value along the X axis the character is, the Y position of the character varies. The way the collision system works, if you could call it that, is, it checks the position values of the tree and the character. If you get too close to the tree then, a collision is detected and you lose one life.
In case you are browsing on mobile, you can check this video showing the gameplay, i would like to port it in the future to mobile with react native as a fun project, in the meantime you can watch it or grab your computer and play around!.
View from the distance of the scene.
My wish was to fill the entire sphere full of trees and grass but performance was being heavily affected.
I'm currently learning more about what goes on behind the three.js framework in order to create better scenes and i'm also improving my blender models focusing on performance when importing them to the web.
I'm currently learning more about what goes on behind the three.js framework in order to create better scenes and i'm also improving my blender models focusing on performance when importing them to the web.
Ignacio Martin Diaz
Portfolio: https://ignaciodiaz.netlify.app/
Buenos Aires, Argentina
© Copyright 2021, Ignacio Martin Diaz. All rights reserved
LOADING 10 %