https://github.com/langalex/boom_amazing

a couchapp that lets you give a presentation by panning, rotating and zooming in an svg/png/pdf file
https://github.com/langalex/boom_amazing

Last synced: 3 months ago
JSON representation

a couchapp that lets you give a presentation by panning, rotating and zooming in an svg/png/pdf file

• Host: GitHub
• URL: https://github.com/langalex/boom_amazing
• Owner: langalex
• Archived: true
• Created: 2009-05-26T00:10:39.000Z (about 15 years ago)
• Default Branch: master
• Last Pushed: 2010-09-27T09:25:29.000Z (over 13 years ago)
• Last Synced: 2024-01-18T11:01:15.994Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 186 KB
• Stars: 116
• Watchers: 4
• Forks: 8
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Lists

• alex-mikhalev-awesome-stars - boom_amazing - a couchapp that lets you give a presentation by panning, rotating and zooming in an svg/png/pdf file (JavaScript)

README

        
## Boom Amazing...

... is a web application that allows you to zoom/rotate/pan around in an image, record the different positions and then replay those for a presentation.

The image can be either a pixel based format e.g. png/gif/jpg, an svg file or a pdf.

Boom Amazing uses CouchDB to store its data and CouchApp to upload itself into CouchDB. (Since CouchDB has a built-in web server everything is served directly by CouchDB)

## Running it

### Installation Using CouchApp

* Install CouchDB

* Install CouchApp (requires Python)

* Clone the Boom Amazing Repo

* push the app to a CouchDB database by changing to the checkout and running `couchapp push`

### Replication

Alternatively you can just replicate an existing database that contains boom amazing. The easiest way to to this is to use Futon (http://localhost:5984/\_utils), click on _Replicate_ on the right and choose a source database and a local destination.

I host one boom amazing installation on my couchone account, so you can just replicate from there: _http://langalex.couchone.com/boom\_amazing_

### Using it

* create an empty document in the boom\_amazing database and upload your svg/png/gif/pdf file, for example using Futon (http://localhost:5984/_utils)

* Go to http://localhost:5984/your\_db/boom\_amazing/\_design/boom_amazing/index.html

* Choose your presentation from the dropdown in the toolbar

* Start moving around, click save to record a position ("add a slide")

  * hold down \[alt\] and move the mouse up/down to zoom

  * hold down \[ctrl\] and move the mouse left/right to rotate

* Replay the saved positions by clicking the next/previous links in the toolbar at the top

* Hack the code, add something awesome, share it on GitHub

## URLs

* http://github.com/langalex/boom_amazing

## pixel vs. svg vs. pdf presentations

* pixel images make it easier to embed photos, better performance, but you can see the pixels at some point

* svg can zoom in infinitely, but performance problems with more complex presentations

* creating svg files on the mac is a pain, so i added pixels

* new: PDFs. pdfs combine the best of both worlds: you have unlimited zoom for vectors and can still embed pixel based images. also: the rendering performance compared to svg/pixels is just amazing. i highly recommend using pdfs.

## Contact

Alexander Lang

[email protected]

http://twitter.com/langalex

## Disclaimer

Currently this only runs on relatively new Webkit version that support the webkit-transform and webkit-transform-origin CSS properties.

## Ideas

* use the browser's LocalStorage instead/in addition to CouchDB so this could run on e.g. iPads

* support gestures for zoom/rotate instead of holding down keys