Build a Super MARLO Runner Clone in Unity and Blender

Build an epic 3D game.

Do you want to make your own 3D game? We have the course for you. In our new Super MARLO Runner course, you can learn the foundations of making a 3D game. In these tutorials, you will build a Super MARLO Runner game in Unity3D – from scratch.

The Super MARLO Runner course does not assume any prior knowledge. It is perfect for beginners. In fact, the course begins with an introduction to Unity for those who have never used it before.

This course is unique because you will make your own 3D art, models, and textures in Blender. You will learn how to integrate the art into Unity.

You will learn every step it takes to design a game from start to finish. The Super MARLO Runner course teaches you how to:

  • Create characters and make them move
  • Draw speed blocks and enemies
  • Add power-ups and finish lines
  • Develop the background and interface
  • Design and fine-tune a level

When you complete the Super MARLO Runner course, you will have a functioning runner game. You will be able to build upon the game to add your own project ideas! Ready to begin?

 

Book Released! Learn HTML in 1 Hour

Do you have a great website idea that you want to make come to life? Meet Mammoth Interactive’s book: Learn HTML in 1 Hour.

Whether you want to learn the basics of coding or build your own website from scratch, Learn HTML in 1 Hour can teach you the foundations of coding – in only one hour. Coding is not something to be afraid of.

HTML is the foundation of the web. If you are a beginner and want to learn how to code, Learn HTML in 1 Hour is meant and built especially for you.

Important topics in web development are shown with examples that are easy to read. If you have a Mac computer, PC, or even a mobile device, you can follow along with the book’s examples on www.jsbin.com. JSBin is an editor that allows you to see your creations in real time.

If you want to brush up on the skills you learned in a tech class years ago, or even if you’ve never coded a line before, this book is for you. You will learn topics including:

Font Style – You will learn how to style the contents of your webpage so that you’re not always using the default fonts and colors – boring! Italicize, bold, and underline! You never know when the text on your site could need it.

Images and Links – Make your site visual and dynamic by adding image files that link to different areas of the web.

Lists – It is easier to read things when they are in a list (like this one). Master ordered and unordered lists to make paragraphs easier to read.

Input Tags – Communicate with your users! Create input tags and submit buttons so that site visitors can send you messages.

Learn HTML in 1 Hour provides a clear, concise introduction to web design that anyone from your great-grandmother to your little brother can follow. You can code! For more books on tech topics, visit our Lulu shop.

How to Navigate the Inspector and Console in Unity | Virtual Reality Tutorial

Unity is the number one platform for building Virtual Reality (VR) games. In this tutorial, we will navigate the Inspector, Project, and Console windows in the Unity editor. To learn how to build 30 mini virtual reality games in Unity, check out our Unity 3D course!

The window to the right of the Scene contains the Inspector, as evident in the following image. This window shows details of the item currently selected, such as a game object in the Scene or a file in our project.

Click on Main Camera. The Inspector will fill with attributes of Main Camera that you can change. At the top is the name of the game object. The Tag tab allows you to label the object. The Layer tab is not often changed for Main Camera because this tab can help you check for collisions in the scene.

Main Camera’s Inspector shows the following components: Transform, Camera, GUI Layer, Flare Layer, and Audio Listener. Components change how game objects behave.

The Transform component is the most basic component of a game object. Transform allows you to set the position, rotation, and scale of an object.

The Camera component shows details about the camera. Currently, the Clear Flags property is “Skybox”, so the Game Window contains a sky. If you change Clear Flags to “Solid Color”, the Game window will fill with the color of the “Background” property.

A lot of learning in Unity is experimentation; changing values and seeing the immediate effects in the Game window. Select Directional Light from the Hierarchy. The Inspector will change to contain components of the Directional Light object. In the Light component, you can change the light’s type, color, intensity, shadows, and more.

The bottom tab in Unity contains the Project window. This window contains the Assets folder, which contains all the files that make up your game. Any 3D models, scripts, materials, animations, sound clips, video files will be in Assets.

Beside the Project tab is the Console tab. Note that if Console is not enabled beside “Project” on your screen, go to Unity > Window > Console.

The console displays messages to you as the developer. There are three kinds of messages can appear.

  • Error messages – colored red; icon is an octagon. Error messages can appear when there is a mistake in your code or when a plug-in is not working.
  • Warning messages – colored red; icon is a triangle. Warnings can provide suggestions that improve your code.
  • Basic information messages – colored white or black; icon is a speech bubble. In your game’s code, you can set messages to print in the console. These messages can inform you of what is happening in the game so that you know whether or not the game is behaving properly.

The Inspector, Project, and Console are three useful windows in the Unity editor. The Unity engine comes with built-in models, materials, and more, which you can use to make your own 2D or 3D games. To learn more about Unity, check out our Unity 3D course, where we build 30 mini virtual reality games!

Book Released! Learn Swift 3.0 by Mammoth Interactive

Have you always wanted to create your own iOS app? Mammoth Interactive has written a new book just for you: Learn Swift 3.0.

Even if you have never coded before, you can learn how to use Xcode. The practical examples in Learn Swift 3.0 explain key topics in app development, including the following:

Variables – A crucial part of your code as a developer is variables. This book covers the common types of variables, including integers, strings, and Booleans. As well, you will learn how to create your own type for when Xcode’s are just not enough for your program.

Functions – If you want your application to function, you need functions! Functions are blocks of code that execute tasks. You will learn how to set up a function and make it perform a task. As well, you will learn how to include if statements and for in loops in functions. What are if statements and for in loops? Read Learn Swift 3.0 to find out! There are chapters on them, too.

Statements and Loops – Did you know you can test the value of an object using a switch statement?  Also, you can perform the same function on multiple items with just one while loop! This book covers those and other ways to control the flow of your code so that your app functions in exactly the way you want.

Learn Swift 3.0 is a beginner’s guide to the Swift 3.0 programming language. Swift 3.0 is a powerful, intuitive interface with which you can design incredible apps.

With this book, you will learn how to experiment with Xcode using Swift 3.0’s user-friendly Playground. As such, you will learn the foundations of making an app, and your first one will be up-and-running in no time!

Introduction to Divs: CSS/HTML Crash Course (Free Tutorial)

Divs are an important part of every HTML page. A div is a container that can hold other HTML elements inside of it. If you are a beginner and want to learn the basics of coding, check out our FREE 30-minute intro course here: training.mammothinteractive.com/p/learn-to-code-in-30-minutes

Divs are used to divide HTML into different sections. The sections can then be styled using CSS. You can change different things, including font style and background color. To follow along with this tutorial, visit jsbin.com, which allows you to test your code in real time. In JS Bin, click on the HTML tab to open a blank HTML file. Feel free to rename the title “Divs!” by replacing JS Bin with Divs!

As shown in the following code, to create a div, use opening and closing div tags within the body tag.

  <div>

  </div>

You can put a variety of items in a div. For this example, let’s put a header, paragraph, and link into the div.

  <div>
    <h1>Hi there!</h1>
    <p>I'm a paragraph!</p>
    <a href="#">Test link 1</a>
  </div>

h1 is the biggest header size. The p tag creates a paragraph. The a tag creates a link. Regarding the link, the web address to which you want the list item to link goes in the quotation marks. For our example, # is a placeholder.

Furthermore, we will make two more divs.

  <div>
    <h1>Hi there!</h1>
    <p>I'm a paragraph!</p>
    <a href="#">Test link 1</a>
  </div>
  <div>
    <h3>I'm an H3</h3>
    <p>I belong to div #2</p>
  </div>
  <div>
    <h5>I am H5!!!</h5>
    <p>I'm in div 3!</p>
  </div>

Before we style the divs, we need a way to identify them. When we select a div in CSS, we need to know which div we’re targeting. If you call div like in the following CSS code, it will target every div on the page.

div {

}

For instance, to make the text color of every div yellow, code:

div {
color: yellow;
}

We usually want to be more specific than that. Therefore we can use classes to distinguish between divs. Classes are used in HTML, and then you can call the classes in CSS. They are a way of identifying specific elements on a page. Let’s assign our three divs the classes div-1, div-2, and div-3.

  <div class="div-1">
    <h1>Hi there!</h1>
    <p>I'm a paragraph!</p>
    <a href="#">Test link 1</a>
  </div>
  <div class="div-2">
    <h3>I'm an H3</h3>
    <p>I belong to div #2</p>
  </div>
  <div class="div-3">
    <h5>I am H5!!!</h5>
    <p>I'm in div 3!</p>
  </div>

Note that on an actual website with many divs, you want to name their classes more descriptively. Let’s say we want to modify only div-1. Open the CSS tab. To select the class in CSS, use the following format:

.div-1 {

}

Now we can style that div, such as add a border and change the text color and alignment.

.div-1 {
border: 1px solid black;
color: grey;
text-align: center;
}

To select and modify an item within div-1, type:

.div-1 a {
text-decoration: none;
color: lightblue;
<code}

The preceding code modifies only the a tag within div-1. Now that we’ve modified div-1, why don’t we modify div-2?

.div-2 {
font-style: italic;
border: 2px dashed black;
width: 50%;
}

In the preceding code, we changed the div’s font style to italic and border to 2px dashed black. We also set the width to be 50% of the size of the window. This is useful for responsive web design because the div width will resize as the window resizes.

For div-3, we can experiment with changing the background color and width.

.div-3 {
background-color: grey;
width: 25%
}

That was an introduction to divs in CSS and HTML. A large part of learning to code is experimentation, so play around with creating and modifying more divs. For more FREE tutorials, check out our 30-minute beginners course on coding: training.mammothinteractive.com/p/learn-to-code-in-30-minutes