It's Sean!

UK freelance journalist, author
and writer Sean McManus

Printed from © Sean McManus.
Home > Articles > Webmaster resources > 3D > Panorama

Creating panoramas for your website

Here's an example panorama I made, using photographs taken at St Nicholas Church in Stevenage. Because it's made from a set of still photos, you can appear more than once in the panorama.

You'll need Java enabled to see the applet. To scroll the view click on the photo and drag it left and right.

Want to create your own panorama?

The photos were taken with an ordinary SLR camera (you'll need a tripod but can use any camera) and the panorama was created with freeware available from Albatross Design.

  1. Take a series of photos, moving the camera clockwise after each one and making sure there is an overlap between the pictures. This overlap will be used to join the photos up, so try to repeat distinctive features, such as building shapes or lamp posts in the margins of the photos. Beware of dramatic changes of light or weather while you're shooting. It looks weird on your final panorama if it's raining only half the way around.
  2. Scan the photos if you used a film camera, or upload them if you used a digital camera
  3. Put your (digital or scanned) photos in the same folder and give them filenames that say what they are and indicate their order clockwise. So your first shot of a mountain scene might be 'mountaina.jpg', the next 'mountainb.jpg', and so on. Avoid having more than one word in the filename (no spaces).
  4. Download and install ADG Panorama (free for non-commercial use).
  5. Run the program, tell it to create a new panorama
  6. It will import your images and put them in the right order
  7. Click the button for automatic stitching (arrows pointing at red blob)
  8. Tidy it up by aligning photos with the mouse, switching between the mode that lets you move photos (compass button) and the mode that lets you scroll the panorama (camera button) using the buttons at the top.
  9. When it's finished, save the panorama to a new folder and the program will put all the HTML and Java code you need there. You can upload it as it is, or paste the HTML into your webpage template first.

Related pages on this site

Related links to other websites

Books by Sean McManus

Scratch Programming in Easy Steps

Scratch Programming in Easy Steps

Raspberry Pi For Dummies

Raspberry Pi For Dummies

Learn to program with the Scratch programming language, widely used in schools and colleges.

Set up your Pi, master Linux, learn Scratch and Python, and create your own electronics projects.

Coder Academy

Coder Academy

Cool Scratch Projects in Easy Steps

Cool Scratch Projects in Easy Steps

Learn to make games and other programs in Scratch 2.0, and make a web page in HTML, with this highly interactive book for 7-10 year olds.

Discover how to make 3D games, create mazes, build a drum machine, make a game with cartoon animals and more!

More books

Recommended articles

Stylised coloured photo of a synth

Discover my music and home recording articles

Interested in starting home recording? Follow me as I start recording, using instruments such as the Novation MiniNova and Korg Kaossilator, and share my synth and sample-based music online.

Scratch cat and rainbow circle

10-block demos for Scratch programming

Lots of people of all ages are learning to program with Scratch. Discover some useful tricks and techniques in my 10-block Scratch demos, including special effects you can drop into your games.

Paper Raspberry Pi case

Download free book chapters and more!

Download a free case for your Raspberry Pi, and free chapters from my books about the Raspberry Pi, Scratch, web design and more!

©Sean McManus.