Hi Ben, thank you for sharing this. I am an ex-product manager aspiring to break into software engineering / web dev. I've spent my first year full time learning how to code with Harvard CS50 and The Odin Project. Thank you for sharing this project and how you are going about building it. I want to build a similar app, so this video gave me a lot of direction on how and where to start. Wishing you continued success!
I have had void pet for a month now and have enjoyed it so far, however I have a few suggestions. 1. Don't force the player to name aver pet they find, it gets annoying fast and players will eventually run out of good names. Naming your pet should be an optional thing instead. 2. Display the users void matter somewhere on the screen.
@@simplyzetax I’m guessing he meant local hacks, but unlike GTA I don’t think this will get the attention of giga chad developers to figure out hacks. Although I admit, a change in the svgs to a giga chad path would be kinda funny to see.
For the pet svg problem and the issue with having too many color combinations: you could export different-colored elements in a separate image, rendering them in layers. There should be some way to tint them. So you only have a handful of images in your app package, the only issue is that when you render a sprite you are actually rendering 4/5 images one on top of the others, but that might bet not that big of a problem
I came across this problem as well in a unity project recently. The way i solved it was to use a single image/sprite and put every element i wanted to adjust in realtime either in the red, green, blue or alpha channel of the image. That way i could just tint each channel to a different color in a simple shader. Don't know if that approach would work in react but it's a pretty clean solution!
The problem is probably happening because he’s trying to persist too much data at once. He should remove objects and dom elements when they are not visible. Baking images would not only make it harder to update the layout but it adds a whole layer of complexity because images make separate network requests.
I love how half of these comments are legitimate suggestions / improvements. Building in public can attract so many helpful people! Great video covering your development/process regarding your app!
Funfact: "zustand" is just german for "state". Same for "werkzeug" which is "tool-box". Idk why it is a thing but I'm always impressed how many names are just german in the end
Really great Ben! I've thought about using React Native for a project before, and it's great to see your experience and get a peak at some of the underlying code with your thoughts!
Hey Ben, at a first glance your SVGs looks quite compact but I'm pretty sure you can shrink the file size even more, I personally recommend the svgo library. You can also think about doing some SVG sprite strategies if needed. I noticed that the background/garden have most elements repeated, you can also think about something to optimize down this path.
@bawad, two optimizations on concurrent display of SVG-s on screen: 1. Render blank components in place of SVG when it is outside of viewport. With grid item lists you don't have to check every item, using math should do the trick. 2. If you would still need to convert to images, I am sure you could generate PNG assets from SVG-s at runtime with some library when you know the device screen dimensions (so that PNG-s are of an appropriate resolution for every device). You could do this on first load and cache the images to the device storage.
I would save the PNG rendering for absolute worst case scenario. Caching images is a huge pain because it makes separate network requests and he looses flexibility to manipulate svg paths. Selectively rendering content and manual garbage collection is the way to go.
@@wadecodez Why should caching (storing) the images to the device (local) storage make any network requests at all? I agree with you on SVG paths manipulation though.
SVGs are great. I have recently been working on an industrial scada system and ended up using SVGs to render live LIDAR data in the HMI for sensor calibration. It works surprisingly well.
The let go button looks like a positive action rather than a negative one with the star ball icon, to the point where I misread it as "let's go" and took it to mean they spend a while at a park or something and then come back. Permanently releasing pets should require more of a deliberate action, and be framed negatively
There are a few strategies you can use optimize your SVGs. For example, plotting the vertices that define the paths of your keyframes on a grid so that their coordinate values fall on whole numbers actually speeds up rendering. You could probably reduce the number of points your SVGs use as well. There are programs that do a good job of optimization, but if you can get a vector artist that knows how to do that manually they are likely to do a better job (for example, vector tools typically create circles using a cubic bezier curve with 12 control points, a vector artist with an eye for optimization can create near perfect circles using 9 control points). If you ultimately opt to migrate from vector to raster graphics go with PNGs. If you're clever about it, you don't have to generate thousands of variants of a Void pet. Break each Void pet design into component sprites that group/isolate shapes with the same color (think layers in Photoshop), then whip up some logic to apply palette swaps to each grouping (pretty easy to do, just change the R,G,B color channels and leave the Alpha channel alone) and then make a composite for a given variant.
Projet looks great ben! Why you choose not to use react-lottie for all the SVG animations? With help of after effects you can create even complicated animations for the pets. Also you can manipulate pet colors at runtime so that you can create even more variations by just looping them with different color values.
Yup you can just have a base PNG and then overlay colors on it. Also unity would've handled this super basic game extremely easily while running on even the shittiest phone, classic web dev trying to make everything web moment.
Great project ben! A request, could you please create a react native playlist with advance topics like RecyclerListView, Reanimated, Skia and other advance stuff, it would really help us out here! Anyway great job!!!
Hey Ben, just wanted to say however data is being stored locally, if the app data is transferred to a new device. All user data is transferred as well. My girlfriend got a new phone and was happily surprised when she saw that all her pets saved transferring her data to her new device.
This is just great. One small issue I had with the app is when I wanna close a menu (like the main menu or the one for nourishing the plants) I instinctively tap outside the menu (on the dark overlay behind it) but that doesn't close it.
Ben, thanks for this video and all your great content. I made an app also with RN and expo called "TriviaLinked" and your discussion of animations/sounds is going to be really helpful as I try to improve the game! Thank you thank you thank you!
yup I took the same choices regarding cheating some aspects of my game, if it becomes a massive hit you can still correct the weak parts (if you keep track of them, or just know which part is weak). Most of the users won't try to cheat the system
Highly recommend react-native-skia instead of svg's for animations and vectors in general. Sure, it's not officially production ready but it's damn stable, stays away from the js thread and it's relatively easy to convert svg's to it.
i was thinking similarly, like on launch just check if the device time is around the API time, if it is, then Date.now() can be trusted, otherwise use the api.
Damn, great to see React Native has been utilized for this project which I wasn't expecting since its a game, huge fan of react native and this inspires me soon to make more apps using react native
please make a video on how you build measurable optimized mobile applications and how you would improve or apply measures/logging and optimizations to existing applications
Great video Ben.. I saw you made used of the `tw` package. What the difference between using that and the default tailwind setup a d config for react-natjve app? Isn't it the same, or is there any difference towards using that package?
"He's a 10 but you watch Ben Awad" > Chad-GPT generate a teasing pick up line => "I bet you're a 10 in coding, but Ben Awad? Really?" more on my channel
For the colours and pets, what about using a PNG and then creating a layering algorithm to apply the separate colours to specific areas? Idk, maybe it's less efficient, I guess you lose the possibility to scale the image
Hey Ben, awesome as ever! Can you post a video with your though proccess of your design ideas and implementations? That would be super cool! Liked as always, keep it up!
You can make 1 png that supports as many colors as you want. Instead of drawing with visible colors you draw color id for specific region and then you can have a separate color palette that reassigns each color id with a particular color. Also the whole svg thing seems like a mess, of course that's the tool that you or your team is most familiar with, or more suitable for web. But giving an example that the device cannot render/animate more than 3 at once is like a joke, the average phone has capabilities to render hundreds of thousands of animated sprites at acceptable framerate (even inside a web browser when using something like WebGL).
For the trusted time source, someone could still cheat by having their own DNS server point to an IP they own. So you could make the time return whatever you want still.
Can't you store some data in the Google Play / Game Center account? I Never used it but seems that some games use it to store state between devices. App is looking great!
Can you make the haptic feedback less aggressive. My phone practically jumps out of my hand every time I click a button. If you could just make the strength of the vibrations weaker on Android, that would be great.
@@professor_ozzy Is very good, they have a CI/CD pipeline already configured so that your project can be uploaded to their cloud and automatically built as an Android APK or an iOS App. Publishing the apps can be done directly through the CLI, and then you will just need to perform some extra effort on Apple side of things to actually publish the app.
@@professor_ozzy I've never seen anybody saying that but I definitely wouldn't consider it trash. If you have a web development background, it will be far easier to put something together using React Native than natively coding everything together or using Flutter. React Native used to not be so great, but the Expo ecosystem has largely changed that. Not to mention, many of the packages you are used to in React exist within React Native, so it benefits from the greater React ecosystem as well.
@@professor_ozzy In this video, Ben also mentions that he's making use of Zustand, which is a state management library developed that has learned from the mistakes of a certain previous state management library in the React world. I'm not sure what the situation is like for native development or Flutter, but it helps a lot to have these developed tools that are being used and maintained by many other large projects.
10:09 Couldn’t you bypass this by spoofing this API server? like you could install a custom DNS server on your phone that redirects the API traffic to a server you control. Then you could issue a certificate for it and then manually install that Certificate on your phone as well.
BEN.....please give the "Are you confirm" alert popup after the "let go" button , I accidentally pressed and my pets just gone...and also the feeling that one day I'll press that button accidentally giving me PTSD
Thanks for the video, I enjoy watching it Ben. Just a quick question, why you say backendless, which part I need to store information? I don't think I got this part. You mean registration?
The video is fine and good... My question is why I'm I still getting this "So you want to be a software engineer at Google?" Ads. Naaaa that can't happen 😃
@5:33 I don’t like how text starts rendering on one line and then jumps to the next when it overflows, breaks the ”typewriter” immersion and looks sloppy
What about a way to connect the apps to the web browser game so you can do all the functionalities you could do in the web game with the pets from the app and vice-versa? 👀
I think this should indeed had been a Unity game, you could had potentially ported the game easily to other platforms and consoles some day... If UI was an issue there was always prefabs or UPMs you could had fetched. I think what you wrote here won't scale well if it needed, which is something all modern systems need to do nowadays and are kinda expected to. It's also not very modular design.
SVG plays better with CSS than most people give it credit. I try to push as much rendering onto the css as possible. Maybe you could at least backup settings somewhere local to the user like iCloud or GDrive? As a player I would be *very* worried that all progress would be entirely reset just because I need a new phone. :-( Keeping loads of assets on a local device isn't that big a deal. Most people have extra space on their phones.
@@StephaneModesta Yeah true. Probably requires some extra code to check whether the connection succeeded and react accordingly if not (don't keep trying to send requests, just display "no internet connection")
Hi Ben, thank you for sharing this. I am an ex-product manager aspiring to break into software engineering / web dev. I've spent my first year full time learning how to code with Harvard CS50 and The Odin Project. Thank you for sharing this project and how you are going about building it. I want to build a similar app, so this video gave me a lot of direction on how and where to start.
Wishing you continued success!
Did you do it?
I have had void pet for a month now and have enjoyed it so far, however I have a few suggestions.
1. Don't force the player to name aver pet they find, it gets annoying fast and players will eventually run out of good names. Naming your pet should be an optional thing instead.
2. Display the users void matter somewhere on the screen.
There is a random name generator on top right corner on name screen. I agree with the second one.
Yeah im tired of calling them things like "hydrogen monoxide poisoning"
i think the idea is make it more deliberate..
random name generator for sure
I just name them whatever the emotion is
Backendles???? Okay let’s start throwing books out the window
I give it 1 day before a hack comes out
@@theairaccumulator7144 I think its been online for a couple months now
@@simplyzetax I’m guessing he meant local hacks, but unlike GTA I don’t think this will get the attention of giga chad developers to figure out hacks. Although I admit, a change in the svgs to a giga chad path would be kinda funny to see.
It's not literal, backendless / serverless is a misnomer
You've never heard of cache?
For the pet svg problem and the issue with having too many color combinations: you could export different-colored elements in a separate image, rendering them in layers. There should be some way to tint them. So you only have a handful of images in your app package, the only issue is that when you render a sprite you are actually rendering 4/5 images one on top of the others, but that might bet not that big of a problem
I came across this problem as well in a unity project recently. The way i solved it was to use a single image/sprite and put every element i wanted to adjust in realtime either in the red, green, blue or alpha channel of the image. That way i could just tint each channel to a different color in a simple shader. Don't know if that approach would work in react but it's a pretty clean solution!
CSS allows you to hue rotate the images very easily.
@@traniel123456789 but react native doesnt uses css and thats the problem
The problem is probably happening because he’s trying to persist too much data at once. He should remove objects and dom elements when they are not visible. Baking images would not only make it harder to update the layout but it adds a whole layer of complexity because images make separate network requests.
Yep react native does have tint - doing it in layers would also mean you still have individual pieces to animate too.
I love how half of these comments are legitimate suggestions / improvements. Building in public can attract so many helpful people! Great video covering your development/process regarding your app!
Funfact: "zustand" is just german for "state". Same for "werkzeug" which is "tool-box". Idk why it is a thing but I'm always impressed how many names are just german in the end
War halt wieder einer super kreativ haha.
Really great Ben! I've thought about using React Native for a project before, and it's great to see your experience and get a peak at some of the underlying code with your thoughts!
Hey Ben, at a first glance your SVGs looks quite compact but I'm pretty sure you can shrink the file size even more, I personally recommend the svgo library. You can also think about doing some SVG sprite strategies if needed. I noticed that the background/garden have most elements repeated, you can also think about something to optimize down this path.
If encryption is done client side it sounds like every state can be edited if you just locate the private key.
🤫
API called datetime can also be cheated with a proxy
@@geeshta 🤫
Hello from my rooted android :)
@bawad, two optimizations on concurrent display of SVG-s on screen:
1. Render blank components in place of SVG when it is outside of viewport. With grid item lists you don't have to check every item, using math should do the trick.
2. If you would still need to convert to images, I am sure you could generate PNG assets from SVG-s at runtime with some library when you know the device screen dimensions (so that PNG-s are of an appropriate resolution for every device). You could do this on first load and cache the images to the device storage.
I would save the PNG rendering for absolute worst case scenario. Caching images is a huge pain because it makes separate network requests and he looses flexibility to manipulate svg paths. Selectively rendering content and manual garbage collection is the way to go.
@@wadecodez Why should caching (storing) the images to the device (local) storage make any network requests at all? I agree with you on SVG paths manipulation though.
SVGs are great. I have recently been working on an industrial scada system and ended up using SVGs to render live LIDAR data in the HMI for sensor calibration. It works surprisingly well.
The let go button looks like a positive action rather than a negative one with the star ball icon, to the point where I misread it as "let's go" and took it to mean they spend a while at a park or something and then come back. Permanently releasing pets should require more of a deliberate action, and be framed negatively
"zustand" is a german word and my brain had to double check when you pronounced it - thanks for the insight into your stack btw :)
really love hearing about the behind the scenes of development of VoidPet Ben can't wait to hear more in future vids :)
Thanks you for this Angular/Ionic tutorial. I had no idea you could write Angular apps in this way.
Damn... that node_modules directory must have its own gravity well.
There are a few strategies you can use optimize your SVGs. For example, plotting the vertices that define the paths of your keyframes on a grid so that their coordinate values fall on whole numbers actually speeds up rendering. You could probably reduce the number of points your SVGs use as well. There are programs that do a good job of optimization, but if you can get a vector artist that knows how to do that manually they are likely to do a better job (for example, vector tools typically create circles using a cubic bezier curve with 12 control points, a vector artist with an eye for optimization can create near perfect circles using 9 control points).
If you ultimately opt to migrate from vector to raster graphics go with PNGs. If you're clever about it, you don't have to generate thousands of variants of a Void pet. Break each Void pet design into component sprites that group/isolate shapes with the same color (think layers in Photoshop), then whip up some logic to apply palette swaps to each grouping (pretty easy to do, just change the R,G,B color channels and leave the Alpha channel alone) and then make a composite for a given variant.
Thanks for sharing. Inspiring me to get back to my side projects
Projet looks great ben!
Why you choose not to use react-lottie for all the SVG animations? With help of after effects you can create even complicated animations for the pets.
Also you can manipulate pet colors at runtime so that you can create even more variations by just looping them with different color values.
I like this idea
Yup you can just have a base PNG and then overlay colors on it. Also unity would've handled this super basic game extremely easily while running on even the shittiest phone, classic web dev trying to make everything web moment.
@@theairaccumulator7144 I enjoy the concept of re-inventing the wheel! Your comment is reminiscent of soviet era logic *slips off sassy pants*
@@ShighetariVlogs you single?
@@rake1840 nope, dating a data science queen 💜 I am lucky & blessed 🥹 maybe if she sees my RUclips comment history I’ll become single tho 😂
Pls more insight videos Ben 😊 I really like that you show production code. You should be proud! What about the business behind voidpet?
Great project ben! A request, could you please create a react native playlist with advance topics like RecyclerListView, Reanimated, Skia and other advance stuff, it would really help us out here! Anyway great job!!!
Great work Ben! Love the insight you provided, really inspirational. ❤
So Impressed by how React Native can be used to build project like this
I think discord on phone is react native too
@@lolnein7216 and it sucks ... maybe i just hate the ui and how not smooth it is
and tesla app
I love watching these log videos even though I don't understand the techy stuff
Thanks for the video Ben, I recently fiddled with expo and had the same conclusion. Much better than it was in 2019!
Loved following this process Ben! Looking forward to trying the game out
Ben! Thank you for sharing the process and the tech. 🙏
Hey Ben, just wanted to say however data is being stored locally, if the app data is transferred to a new device. All user data is transferred as well. My girlfriend got a new phone and was happily surprised when she saw that all her pets saved transferring her data to her new device.
Oh sweet, didn't realize this
This is just great. One small issue I had with the app is when I wanna close a menu (like the main menu or the one for nourishing the plants) I instinctively tap outside the menu (on the dark overlay behind it) but that doesn't close it.
Adding this now
Ben, thanks for this video and all your great content. I made an app also with RN and expo called "TriviaLinked" and your discussion of animations/sounds is going to be really helpful as I try to improve the game! Thank you thank you thank you!
yup I took the same choices regarding cheating some aspects of my game, if it becomes a massive hit you can still correct the weak parts (if you keep track of them, or just know which part is weak). Most of the users won't try to cheat the system
Nice, coding an app with Expo and React right now, glad to see you recommend the same things I'm using 👍
Can we have a firebase notification with expo cli app ?
Highly recommend react-native-skia instead of svg's for animations and vectors in general. Sure, it's not officially production ready but it's damn stable, stays away from the js thread and it's relatively easy to convert svg's to it.
You could use the api call to tell the UTC time on game launch so you cant cheat and go to the future in any part of the app, not only the battle pass
i was thinking similarly, like on launch just check if the device time is around the API time, if it is, then Date.now() can be trusted, otherwise use the api.
but he said that he does not care if people cheat, he only cares about the battle pass
This works if progressing while offline isn't a feature. It kind of sounded like from the video that offline was though.
stupid idea... could you not have a local build step on first launch that exports all the svg's at the correct scale to a texture atlas or something?
Looks great! The SVGs definitely look crisp. Downloaded the app and works well on a Pixel 6!
Damn, great to see React Native has been utilized for this project which I wasn't expecting since its a game, huge fan of react native and this inspires me soon to make more apps using react native
You could make use of Lottie files for the smoking animation
lol the steam effect is like a default particle system in unity. would take 5 minutes and no code
As a German it is always funny how "Zustand" gets pronounced
The radial menu is a nice touch.
please make a video on how you build measurable optimized mobile applications and how you would improve or apply measures/logging and optimizations to existing applications
Man.. And me that was naming my pets in SQL statements hoping they would align up in the void somewhere to drop your table.
I got a couple of questions, Did you look into Flutter before you decided on the framework?
Have you tried Rive for animations?
Yes, it would be interesting to know if you looked at Flutter at all.
1:29 "well, I take a sensible approach and *dont* harvest your data"
Super cool. Thanks for sharing ,love it
Great video Ben.. I saw you made used of the `tw` package. What the difference between using that and the default tailwind setup a d config for react-natjve app? Isn't it the same, or is there any difference towards using that package?
7:10 The SVB joke about SVGs is gold.
"He's a 10 but you watch Ben Awad"
> Chad-GPT generate a teasing pick up line
=> "I bet you're a 10 in coding, but Ben Awad? Really?"
more on my channel
This guy should use Angular for his game
For the colours and pets, what about using a PNG and then creating a layering algorithm to apply the separate colours to specific areas? Idk, maybe it's less efficient, I guess you lose the possibility to scale the image
Thanks for info. What tool did you use to draw the SVGs (output in svg format)
Just a friendly reminder that the main purpose of a backend application is authentication and authorisation among other security things.
Hey Ben, awesome as ever! Can you post a video with your though proccess of your design ideas and implementations? That would be super cool!
Liked as always, keep it up!
Is that the default vs code theme? Or what is that?
You can make 1 png that supports as many colors as you want. Instead of drawing with visible colors you draw color id for specific region and then you can have a separate color palette that reassigns each color id with a particular color. Also the whole svg thing seems like a mess, of course that's the tool that you or your team is most familiar with, or more suitable for web. But giving an example that the device cannot render/animate more than 3 at once is like a joke, the average phone has capabilities to render hundreds of thousands of animated sprites at acceptable framerate (even inside a web browser when using something like WebGL).
For the trusted time source, someone could still cheat by having their own DNS server point to an IP they own. So you could make the time return whatever you want still.
"Backendless App"
What a nice way to call a singleplayer game 🤔
Can't you store some data in the Google Play / Game Center account? I Never used it but seems that some games use it to store state between devices. App is looking great!
"They're lookin like Silicon Valley Bank" 😂 Too soon dude
Can you make the haptic feedback less aggressive. My phone practically jumps out of my hand every time I click a button. If you could just make the strength of the vibrations weaker on Android, that would be great.
nice to see a project from the great Ben Awad built so similar I built my projects. The only difference is that I alias my root hahaha
I missed watching your devlogs
It sounds like you are using the Adobe voice enhance ai thingy. Nice! Much better then being stuck with a roomy recording
There is no framer-motion equivalent for react native. So yeah, I guess reanimated is the go-to for react native.
„crappy mobile phones.. they dont look good like silicon valley bank“🤣
Expo is like the Vercel of the React Native world.
Is good?
@@professor_ozzy Is very good, they have a CI/CD pipeline already configured so that your project can be uploaded to their cloud and automatically built as an Android APK or an iOS App. Publishing the apps can be done directly through the CLI, and then you will just need to perform some extra effort on Apple side of things to actually publish the app.
@@olegsilkin8507 I see all over the Internet that RN is absolute trash.
Is this a huge exaggeration?
@@professor_ozzy I've never seen anybody saying that but I definitely wouldn't consider it trash. If you have a web development background, it will be far easier to put something together using React Native than natively coding everything together or using Flutter. React Native used to not be so great, but the Expo ecosystem has largely changed that. Not to mention, many of the packages you are used to in React exist within React Native, so it benefits from the greater React ecosystem as well.
@@professor_ozzy In this video, Ben also mentions that he's making use of Zustand, which is a state management library developed that has learned from the mistakes of a certain previous state management library in the React world. I'm not sure what the situation is like for native development or Flutter, but it helps a lot to have these developed tools that are being used and maintained by many other large projects.
Thanks for the video, really cool stuff...
How did you / expoert the animations for the SVGS?
You could use flashlist instead of recycler list view
Congratz on the project ! Looks pretty dope !
Think you will be making tutorial in the future, or no time? hahah
Greetings from Chile!
I suggest u to set the paths and baseUrl options in the tsconfig file in order to have a clean import inside the component
10:09 Couldn’t you bypass this by spoofing this API server?
like you could install a custom DNS server on your phone that redirects the API traffic to a server you control.
Then you could issue a certificate for it and then manually install that Certificate on your phone as well.
"yeah our framework can handle about 3 wiggle animations before lagging hard"
modern software is a joke
That's amazing work!
"zustand" is actually the german word for "state". And is pronounced "tsoostand". 🙃
A piece of advice that helped me in my React Native projects: use a module resolver.
not the silicon valley bank dis at 7:10 lmao
BEN.....please give the "Are you confirm" alert popup after the "let go" button , I accidentally pressed and my pets just gone...and also the feeling that one day I'll press that button accidentally giving me PTSD
There’s an undo button at the top
Thanks for the video, I enjoy watching it Ben. Just a quick question, why you say backendless, which part I need to store information? I don't think I got this part. You mean registration?
The video is fine and good... My question is why I'm I still getting this "So you want to be a software engineer at Google?" Ads. Naaaa that can't happen 😃
successful people want others to succeed
thank you for sharing your code with us
Thank you Ben
"They're looking like silicon valley bank" loll 😆
@5:33 I don’t like how text starts rendering on one line and then jumps to the next when it overflows, breaks the ”typewriter” immersion and looks sloppy
couldn't the time API thing be easily circumvented by using a local DNS and installing self-signed TLS certs on the device?
Yes. We need more games not needing an online connection 👍
You should credit William Candillon for that Apple Breathe animation
Amazing work Ben. I am doing closed testing on my startup app with React Native. Just curious, what did you use for the notifications?
What about a way to connect the apps to the web browser game so you can do all the functionalities you could do in the web game with the pets from the app and vice-versa? 👀
I think this should indeed had been a Unity game, you could had potentially ported the game easily to other platforms and consoles some day... If UI was an issue there was always prefabs or UPMs you could had fetched. I think what you wrote here won't scale well if it needed, which is something all modern systems need to do nowadays and are kinda expected to. It's also not very modular design.
Ben, We are waiting when you will make new tutorial for React Native in 2023 years. Thank you for this video!
Best dev of our time
thank you for sharing this!
You can try reducing windowSize to 3 or 2 to improve performance on terrain screen
SVG plays better with CSS than most people give it credit. I try to push as much rendering onto the css as possible.
Maybe you could at least backup settings somewhere local to the user like iCloud or GDrive? As a player I would be *very* worried that all progress would be entirely reset just because I need a new phone. :-( Keeping loads of assets on a local device isn't that big a deal. Most people have extra space on their phones.
Am I correct in assuming the graphics are all done with UI elements? If so, why did you opt for this instead of using a graphics library?
You said the app is an offline-app. But in the end you said you make an API call to the time API. So it‘s like 95% offline?
I guess you have to be online to purchase stuffs in the store
@@StephaneModesta Yeah true. Probably requires some extra code to check whether the connection succeeded and react accordingly if not (don't keep trying to send requests, just display "no internet connection")
Image@1x, Image@2x, Image@3x is how you get past the svg problem. Dump the svgs entirely.
You can use babel module resolver plugin to avoid ../../../../hell!!!
Ver Helpful. Thanks 🎉