Step 1) Create a 25, 30  , 40 and 42 MM circles all centered at the orig

Step 2) Add a single circle on the right that has a radius of 35.

Step 3) connect centers with construction line. Make sure that the blue lines are coincidental to the circles

tip: if you draw a line , you can use the ‘q’ button to change it to a construction line!

Step 4) Make the blue lines symmetric to the construction line and at a 9 degree angle

Step 5) The center of the circles should be dimensioned to 44:

Step 6)  Each part of the circle on the left should be an extrude. The outermost starts at 10MM, then 15MM, 20, 25 MM:

Step 7) Connect the two end circles with a 2 MM extrude. The right side is 25 MM:

Step 8)create the variable as shown below:

Step 9)  Add a fillet to all the circles edges. Set its amount to the variable len as shown. This video shows you how to use a variable and then change the variable:

Workspace Units: MM, use the front plane

Step 1) Create 2 line segments, centered at the origin (as always) and dimension them to 10 MM each

step 2)  These should be angled at 45 degrees

Step 3) Add a 12 and 9 MM segments :

Step 4)  Dimension the 2 angles to 140:

step 5) Connect with a tangent arc

Step 6)  Add a 5 MM symmetric extrude

Step 7)  Fillet the Edge of Extrude 1 in these 3 places:

Step 8)  Final Filletted version:

Array Loops

Array fun 2 

Array Fun 3

String Loops

Note: You may not use any external libraries (like Java.Arrays etc )or import any code. Everything can be done with just loops and variables.

 

Old versions:

Array Fun 1 

Array F un 2 (v 1)

Array Fun 3 (resizing included)

Step 1) Create a rectangle and dimension to 30 by 50 as shown

Step 2)  Create your first extrude . Use 30 mm as shown in the video below:

Step 3)  Let’s make  it a shell :

Step 4)  Now let’s try something different. Delete the shell and delete the extrude, then delete the sketch the start all over.

Step 5) Draw a circle and a line. Don’t worry to much about the dimensions. Just make it look close to this :

Step 6)   Create a revolve using the line as the axis as shown in this video:

Step 7) Mess around with the 3-d shapes and do something else…make another revolve..or another extrude or one of the others. Submit a screenshot of this below the do now

Step 1)  Create a new sketch on the front plane. There should only be 1 sketch that you use

Step 2)  Create a circle and then use the “coincident ” button to center it on the origin by clicking on the origin, the center of the circle :

Step 3) make its radius 15 MM by using the dimension tool

Here’s what your document should now look like :

Step 4)  Do the same thing with a second circle . Make its radius 30

Picture: 

Step 5) Make a line that touches the circle, anywhere. Like the picture below:

Step 5) Find the “tangent line”  constraint (this might be a dropdown)

Step 6) Here’s how you create a tangent line.

Click the circle , click the line you made, then press “tangent line ”

Step 7)  Make a construction line from the tangent line to the bottom

Step  8) Make a second tangent line as shown:

Step 8) Dimension both tangent lines so that they are 60 MM each

Step 9) Add a second shape that is dimensioned.

How To’s

• Dimension an Angle

Unit 1, Onshape

• constraints, additional practice
• Complex Shape 1 with Arcs and Constraints
• Do Now (  Triangle, Mirror Line, Construction line, Circumscribed)
• Do Now Polygon cut
• OnShape Practice
• Onshape Practice – Disappearing Mirror line
• Onshape Partial Circle
• First 3-d experiments 
• 3-D experiments #2
• Multiple Extrudes
• Revolve and Extrude (w center rect)
• Revolve and reference plane
• Symmetric 3-d
• Multi-extrude and revolve
• Coffee cup tips
• Draw Bat
• Draw Ghost
• Pick a Picture
• Final Halloween OnShape
• Extrude with Offset
• Angle between Lines & Symmetric Extrude
• Fillet with more angle practice
• Angles, tangents and distances
• Using a variable
• Fillet and Chamfer
• Fillet and Shell

Tutorial Tips

1. Advanced Parts Tips 1

Examples

Objective: To create a complex, industry level, project that builds off the skills we learned this year.  There is some flexibility here in that you can diverge some from pure web development. You must learn at least one new technology  to create a unique deliverable.

Your grade will be based on the level of complexity of your final project. I have listed some examples of technologies to learn and rated their general complexity. Ultimately, complexity will be evaluated by me and you are welcome to ask for feedback on where the complexity of your project will land you.

Note: There are huge numbers of technologies, frameworks etc, and I  am not familiar with many of the ones below.  The purpose here is for you to learn something, yourself, as web developers are often forced to do,  in the real world.  If you think you will need help, I suggest going with Phaser because  many students will do it and you can help each other . I have limited knowledge of Phaser. I can help with general debugging and general strategies.

Some Prior Games : https://mrmonline.org/supa-2019-games/

Some Example of New Technologies

Front End Frameworks

• Phaser ( The most popular 4th quarter project topic is to create phaser games housed in a bootstrap based website). There is a great range in complexity using Phaser. See bottom of page for some good phaser resources.
• Vue

Back End Frameworks for PHP

• Laravel
• Code Igniter

Example Projects, probable complexity and grade.

The table below lists  example technologies and provides a likely grade for its general description and complexity level. If something is classified as an “add-on,” then it is a way to increase complexity but should .

Often the grades are a “range” because it depends on what, ultimately your project does. Take “vue” for instance. This is a very popular, very modern javascript framework so it can be quite complex, but ultimately it depends on what your program actually does that will determine the final grade.

List of other utilities and libraries to use:

• Underscore Js : Super helpful, low bandwidth js library to simplify doing common generic operations like shuffling an array
• Greensock – Javascript/css based animation library

Notes: these can be combined to add complexity and professionalism. For instance, you can create a multipage website based on Vue and some of the pages can house phaser games that you create. This has the potential of an A+, depending on the Phaser GAME(S).

Not comfortable with Programming? Here is a multi technology example that will get a B-:

This is an example that will get people who are not very comfortable with programming into the “B” range: Learn how to use Foundation, or another bootstrap alternative, and also how to integrate Mathjax to display math equations. You can create a multi page math website full of equations. You could add using remote git or Gulp to get the grade up even a bit more.

Javascript framework comparisons : https://www.codeinwp.com/blog/angular-vs-vue-vs-react/

Other resources

https://emanueleferonato.com/  – Great Javascript game dev site

• Simple phaser game tutorial using just javascript (no typescript)   here 

https://photonstorm.com/ – same

Sample Proposal

New Technology : Phaser (main) plus using Vim as add-on

Rough Overview

I will be using Phaser.io to develop 2 original complex games, 1 of which will involve phaser physics. Both games will be housed in a simple bootstrap website and will use php and mysql to allow for

Prior Version

Old-ish Sites

• Irish : https://www.irishcultureandcustoms.com/ALandmks/HolyWells.html
• arngren  : https://arngren.net/

Last Web class

imageBB

Template Files

Links to Images we use

• Magic 8 ball links
  • https://mrmonline.org/wp-content/uploads/2024/12/8ball-0.jpg
    https://mrmonline.org/wp-content/uploads/2024/12/8ball-1.jpg
    https://mrmonline.org/wp-content/uploads/2024/12/8ball-2.jpg
    https://mrmonline.org/wp-content/uploads/2024/12/8ball-3.jpg
    https://mrmonline.org/wp-content/uploads/2024/12/8ball-4.jpg
    https://mrmonline.org/wp-content/uploads/2024/12/8ball-5.jpg
    https://mrmonline.org/wp-content/uploads/2024/12/8ball-6.jpg
• etc..

Bootstrap

Presentations: https://mrmonline.org/bootstrap-presentation/

Bootstrap Themes : https://bootswatch.com/4/