we have a website created that allows users to make avatars and keep animals as pets.
all 3d models (animated) will be provided by us in gltf format.
what I need:
I need you to create a react component ready for deployment that allows users to purchase raw items (wood, stone & ropes), create the items (house, pool, trampoline, swing), and place the 3d items freely on a square plot of land (edit mode). user will be able to save the state of the placed items and then return to the display mode. In the display mode, the animal will walk around the environment.
we need your react component to have a wrapper function that allows:
1) the deduction of coins from user profile
2) saving the state of the environment
3) item id to match our id (this will be given by us)
4) changing of the environment (day and night)
5) environment features such as low poly trees and rivers and rocks around.
we are thinking of doing an animal farm like this
[login to view URL]@AliceZhang/simplefarm-1
a reduced version, maybe 10X10 grid
we made a sample figma design for the component, it is not fixed, but the idea is like this. the user will be able to purchase wood, rock, rope, to create 4 different building that can be placed on a game tile. the animal will be walking around. the user will be able to feed the animal. (the animal has hunger level which can be taken from the API)
*note" check attached file