A browser is installed on any working computer. And this is understandable, because this program is used to access the Internet. But have you ever wondered how browsers are created, what you need to know and, in general, is it difficult? Today on the market there are only a few popular browsers that are often used. For example: Yandex Browser, Chrome, Opera, Firefox. If you create from scratch, then, of course, designing a browser will seem to you a very long and complicated process. But you can use ready-made tools, and you can create a new Yandex Browser in just a couple of minutes! Do not believe? In this article, we’ll talk about how to create your own browser using the Construct 2 program based on Chrominium.
About Construct 2
Construct 2 is a program for developing applications, in particular games, for various platforms. Products created in this program can be launched both on mobile platforms and on Windows. I want to note that development does not require programming knowledge, everything is based on events. Thanks to this, absolutely anyone can learn how to create games or programs in a couple of weeks! But we will use Construct 2 to quickly develop our browser. There are paid and free versions of the program. In the free version there is no way to create software for mobile platforms, but it will do for creating a browser. Getting started on how to create your own browser!
Training
First you need to download and install Construct 2. You can download it on the official website. Of course, there are sites that offer hacked versions, but they may not work correctly. We are creating a browser application, and the free version is enough for us. We install in a convenient place for us and run. Looks Construct 2 as follows:
But before you start development, you need to download the IFrame plugin. You can find it on the official website of the program. It is installed quite simply. First we exit Construct 2. Download the plugin, the contents of the archive need to be transferred to the folder Construct2 / exporters / html5 / plugins. The plugin is installed!
Create a project
Everything is ready, we can begin to create a browser. To do this, first run Construct 2. In the upper left corner, click on the File - New button. Then we will see the following:
The choice is huge, various formats and more. But all this is necessary when creating games for mobile platforms. We need to select the very first and click on Open. A project is created, but it looks ugly:
Need to determine the size. On the left, in the Properties tab, you can notice the Layout size field. The dimensions of the project are indicated there, initially it is 1708x960. We will change these values to more convenient ones: 640x480. Further in the same tab, click on the View button and in the Windows Size field also change the value to 640x480. They brought the project back to normal, it remains only to create its own browser. How easy it was to set everything up, just as easy to create!
Browser creation
Everything is prepared, you can begin. Right-click on our field and click Insert New Object. We see the following:
This is a list of plugins. Remember, we installed the IFrame plugin, that's what we need to find in this list. If you installed everything correctly, then it will be here. It looks like this:
We click on it 2 times and stretch the appeared object across the entire field. Like this:
After that we need to add events for the browser to start working. To do this, go to the Event Sheet tab. You can find it in the top center. We go there and click RMB - Add Event - System. In the list that appears, look for On start of layout, which means "When the level starts."
And click Done. Next to the event we added, there is an Add Action button. Click there and select our plugin. In the window that appears, look for Set Url and click there, in the URL field, enter a link to the search engine. But we will write a link to FB.ru. Everything should look like this:
Click Done. All is ready! For the test, you need to start our project by pressing F5. Our browser launches, and it looks like this:
Do not forget that Construct 2 makes it possible to compile your project for various platforms: Android, iOS, Windows, Linux and others!
In this article, we looked at how to create your own browser. As you can see, this is quite easy to do, and the process itself takes only a few minutes. Of course, this browser is not from scratch, but based on the finished, but still this is the beginning!