EP1000

Assignment: 3D Modeling

In this assignment, you will complete 2 designs for 3D objects using the techniques (or combination of) in this topic. The objects created will later be used for 3D printing in the practicals.

I have provided approximate timings for you so that you do NOT spend all your time (doing something you like and neglecting other modules!)

Time	Task
45 min	Go through one or two of the video Tutorials listed below.
30 min	Design an object using revolution, loft, sculpting
60 min	Design a knight piece and display it on your webpage

Here is a quick guide:

These are the video tutorials you should watch:
- Desktop Makes: Press Pull vs Extrusion in Fusion 360
- Lars Christensen: How to Model Anything Round
- Mufasa CAD Fusion 360 How To Loft Object, Point And Rails
- Fusion Essentials Using the Loft Tool
- Product Design Online: Sculpting for Plastic Parts in Fusion 360
  - Part 1
  - Part 2
Here are a few examples in which you can make for your object of revolution:
- a bowl, vase, bottle.
- Specifications (Max):
  - Width: 50 mm
  - Thickness: 3 mm
  - Height: 50 mm
- If you made a simple bowl of those dimensions, it would take you roughly XX hours to create on a 3D printer!
This is an example of a chess piece (Rook, Knight) - Images by Google Search
- Select one
- Model it using Fusion 360
- Specifications (Max):
  - Height: 50 mm
  - Base width: 30 mm
  - Thickness: 4 mm

Instruction Sheets

3D Objects using Revolution

Specifications

Document your work as you go, remember to attach
- short notes on how you created the design
- the exported Fusion 360 design file (.f3d)
- screen shots of your finished product.
- highlight any tips that you would want your classmates to know if they were to complete the same projects.
Update your blog with the work done.
Extra Credit
- Model your 3D image in your webpage. There are a number of Javascipt codes that allow you to model a 3D image (usually STL file) on a webpage
- See Thingiverse for examples

How to embed a Fusion 360 file in your web page

Reference: Fusion 360 How to embed a viewer of a Fusion 360 design into a website

Example

How-to display a 3D Model (.STL) in a HTML file

Reference: Javascript plugin JSC3D

Read the reference documents and examples from the Site above.
Download the repository, extract the following .jsc3d files and place in a location with your HTML files (e.g. folder jsc3d)
- jsc3d.js
- jsc3d.webgl.js
- jsc3d.touch.js
  You need to load these files in with your HTML.

Load the JavaScript plugin code in the header area

<head>
    <script type="text/javascript" src="jsc3d/jsc3d.js"></script>
    <script type="text/javascript" src="jsc3d/jsc3d.webgl.js"></script>
    <script type="text/javascript" src="jsc3d/jsc3d.touch.js"></script>
</head>

Use the following code to load the STL file and display it:

<canvas id="cv" width=640 height=480>
    It seems you are using an outdated browser that does not support canvas :-(
</canvas>
<script type="text/javascript">
    var canvas = document.getElementById('cv');
    var viewer = new JSC3D.Viewer(canvas);
    viewer.setParameter('SceneUrl','knight.stl');
    viewer.setParameter('ModelColor','#CAA618');
    viewer.setParameter('BackgroundColor1','#E5D7BA');
    viewer.setParameter('BackgroundColor2','#383840');
    viewer.setParameter('RenderMode','flat');
    viewer.setParameter('MipMapping','on');
    viewer.setParameter('Definition','high');
    viewer.setParameter('Renderer','webgl');
    viewer.init();
    viewer.update();
</script>

Change this line to point to your .STL file


 viewer.setParameter('SceneUrl','knight.stl');

Example: 3D model of a Knight Chess Piece

May 2020