Using the Sweep tool to make a shape follow a path in Onshape
This tutorial explains how to use the Sweep tool in Onshape to create a 3D model by making a profile shape follow a path. In the example below, a circle …
Using the Equal constraint tool in Onshape
The Equal constraint tool can be used to make two or more edges in a shape have the same length no matter what. Watch the video below to see how …
How to cut a shape out of a 3D model in Onshape
This tutorial explains how to cut a shape out of a 3D model in Onshape, for example, cutting a hole out of a shape. The two examples below show a shape …
Using the Revolve tool in Onshape
This tutorial shows you how to use the Revolve tool to spin a 2D profile in a sketch on an exist of revolution. For example, you can revolve a circle …
Extruding a sketch that contains multiple shapes in Onshape
This tutorial explains how to extrude a 3D model from a sketch made up of more than one shape, like the one in the example shown below which was extruded …
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 …