Introduction In this unit we are going to use Phaser together with a tilemap editor to build a maze. You may find more information at the official page of the Tiled editor and you may also have a look at some interesting demonstrations at the Phaser’s examples page, and also performing some search on the…
Introduction In this unit we are going to use Phaser together with a tilemap editor to build our world. You may find more information at the official page of the Tiled editor and you may also have a look at some interesting demonstrations at the Phaser’s examples page, and also performing some search on the…
Introduction In this unit we are going to expand our world with a whole different scene. We will use the game developed in the previous unit so that by modifying or adding some code, we will have double the entertainment than before 🙂 The new assets These are the new assets that we will use…
Introduction Phaser is one of the best frameworks to develop Desktop and mobile HTML games. You will be able to create 2D games and make them available to everyone with a simple domain with less than 10MB storage capacity. Also, it is fast, free, and opensource! You may find more information at the Phaser official…
Overview Infographic Slides and video Through this presentation, these slides, and this video, you’ll get familiar with the key contents of this unit. Why flexbox? Flexbox is a one-dimensional layout method for laying out items in rows or columns. Items flex to fill additional space and shrink to fit into smaller spaces. This unit explains all the fundamentals. For…
Overview Infographic Slides and video Through this presentation, these slides, and this video, you’ll get familiar with the key contents of this unit. Introduction Everything in CSS has a box around it, and understanding these boxes is key to being able to create layouts with CSS, or to align items with other items. In this lesson, we will…
Overview Infographic Slides and video Through this presentation, these slides, and this video, you’ll get familiar with the key contents of this unit. Introduction Lists behave like any other text for the most part, but there are some CSS properties specific to lists that you need to know about, and some best practices to consider. This unit explains all….
Overview Infographic Slides and video Through this presentation, these slides, and this video, you’ll get familiar with the key contents of this unit. Introduction When styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus…
Overview Infographic Slides and video Through this presentation, these slides, and this video, you’ll get familiar with the key contents of this unit. Introduction Here we’ll go through all the basic fundamentals of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and other effects, and line and letter spacing. What is…
Overview Infographic Slides and video Through this presentation, these slides, and this video, you’ll get familiar with the key contents of this unit. Introduction In the HTML units we covered what HTML is, and how it is used to mark up documents. These documents will be readable in a web browser. Headings will look larger than regular text,…