Selecting and deleting mistakes in Onshape
This tutorial shows you how to quickly select and delete mistakes in Onshape.
Sketching and extruding shapes in Onshape
This tutorial explains how to create sketches and extrude a 3D model from a sketch. In the example below, a 2D sketch was created using the Line tool, and then the …
Introduction to Onshape for CAD drawings
This tutorial is an introduction to Onshape – an online CAD (computer-aided design) program you can use for creating sketches and 3D models. You can create a public account or a …
Creating a navbar with HTML and CSS
This tutorial explains how to add a horizontal navigation bar (menu) with buttons to a webpage using HTML and CSS code. The menu will look like the one shown below (with …
Adding a text shadow or glow effect with CSS
One effect you might like to use is a text-shadow or glow effect using the text-shadow property in CSS. The text-shadow property has four different attributes separated by spaces: The first attribute is …
Using the font-face rule in HTML & CSS
You aren’t just limited to using web-safe fonts such as Times or Arial on your web pages. You can choose from a range of fonts available online or even make your …
How to add more levels to a game in WoofJS
This tutorial explains how to add a second level to a game in WoofJS, as shown in the example below. To implement a second level in your game, use the …
How to add a high score to a game in WoofJS
This tutorial explains how to add a high score to a game in WoofJS, as shown in the example below. To add a high score, we will need to use …
How to flip the player to look in each direction (and change costumes) in WoofJS
This tutorial explains how to flip a player sprite to look in each direction when walking left or right (in WoofJS), as shown below. To achieve this, we just change the …
How to change the backdrop colour in WoofJS
This tutorial explains how to change the backdrop colour of a game in WoofJS (so you can use a colour instead of an image for the backdrop). Create a new …
Make an enemy follow the player in WoofJS
This tutorial explains how to make an enemy (or any object) follow the player (or another object) around in WoofJS, as shown in the example below. Create a project in …
Make an image follow the mouse in WoofJS
This tutorial explains how to make an object (such as an image, shape, or text) follow the movement of the mouse, as shown in the example below. Create a project …
Make an enemy move around randomly in WoofJS
This tutorial explains how to make an enemy patrol or move around randomly on its own in WoofJS, as shown below. Create a new project at woofjs.com and use the …
Make a player jump (with gravity) in WoofJS
This tutorial shows you how to create a basic platformer game in WoofJS where you can make a player jump. It also shows how to add gravity to a game …
Make player teleport to opposite edge of screen in WoofJS
This tutorial explains how to make the player teleport from one edge of the screen to the other in WoofJS, as shown in the example below. Go to woofjs.com, create …