Nov 22: 3D with SketchUp

Due today: Usability assignment draft.

SketchUp Assignment

Use SketchUp's to create a 3d model of your home (or some other building, if you wish). Use textures (materials) on surfaces. You must create and use at least two materials yourself. Use the "text" tool to create callout arrows pointing to the textures you have used.

You may use components from the 3D warehouse only as secondary features. Upload to

Due by 6 pm, Nov 28.


Trimble SketchUp Make is available as a free download for Macs and PCs.

Note that Tribble SketchUp Pro, as opposed to SketchUp Make, is not free, and the download for SketchUp Pro is a time-limited demo. Choose "For Personal Projects" when downloading to get the free "Make" version.

Using the "offset" filter in Photoshop to create seamless textures.

Models, tutorials and help documentation is available at the the Google 3D Warehouse.

A quick reference card explaining the tools is available for download.

Quick topics

Intellectual Property

Michael Geist's web site is the best starting pointing for news on intellectual property in Canada.

A primer on Canadian Copyright Law, the companion site to an excellent reference book.

Open source concepts

A good definition of open source

Creative Commons: an "open source" license for creative works

Industrial design

The Graphical User Interface gallery

Objectified: A great movie on industrial design

Coming soon...

Using Processing on the Web.

While Processing sketches can be run within the Processing IDE, or exported as applications for Windows, Linux or MacOS, you can also insert them in web pages. Processing uses Processing.js. To do this, you need to do several things:

  • First, you need to enable JavaScript mode. Choose "JavaScript" from the mode menu at the top right of the Processing IDE window.
  • If you don't see JavaScript mode as an option, choose "Add Mode..." and install it.
  • Switch into JavaScript mode and choose "Export" from the file menu. This should create a "web-export" folder and open it.
  • Within this folder you will find the "processing.js" library, the ".pde" file which is your sketch, and an HTML file that allows you to preview the sketch. You can look the the HTML to see how the sketch is shown on a web page, and insert that code into your own page.
  • Note that some older browsers will have problems displaying Processing files, and some sketches may need changes to work properly in JavaScript mode.
  • A good tutorial on how to do this is here.