How to make a very simplified version of this game?

Question

Canvas

There is a Yandex game, Hedgehogs (hedgies) (Farm) . This is just an example of the graphics and display that are required. It is necessary to make a simple clearing, on which there are several beds and a warehouse-hut. When you click on the warehouse, a dialog box should appear with a sign that contains it. The amount of inventory should not change in the game itself, but through the code.

Interested in what is written such a game. I first started looking in the direction of WebGL, found the three.js library. The idea of ​​buying or downloading .gltf mills, huts and other things for the application seemed to me to be a great solution. But the problem is that when I started reading the documentation for three.js, I found that most of the examples are not displayed on my android phone (Hedgehogs from Yandex run fine on the phone)
The second problem is that when I ran these examples (with loading a .GLTF file) on an old laptop, the display of objects appeared, but the laptop began to freeze wildly (Hedgies work on a laptop without strong glitches).
What would you recommend to do something like this? For the first time, I need this to be displayed on the child's Mac, and so that I can add some inventory / buildings / number of things in the warehouse (from another device) as needed. Maybe hosting / vds is required for this? Maybe someone is playing these games?

Answer 1

there is an ordinary canvas, in fact, such a game can be made on simple html, a couple of arcade ports were walking on the Internet - you can google it if you wish. but it's better to learn unity or unrealEngine, or better yet, forget about it. modern gamedev is 80% design.