Moerphy / dizzy.js

Prezi-like Presentations without Flash, using SVG and Javascript
dizzy.metafnord.org
MIT License
123 stars 27 forks source link

Missing features or PEBKAC ? color, bracket, arrow and frame #5

Open tttp opened 13 years ago

tttp commented 13 years ago

Hi,

Playing with the editor on FF3.6/linux, not sure if its an issue with the browser, me or dizzy.

I wanted to change the color of a text, clicked on it, have on the > the "chose color for this group", but when I click on it, nothing happens.

I couldn't either use the add a group feature.

on the main menu, couldn't select the arrow, line, bracket ellipse or formula.

On the presentation path, I haven't found how to select the "zoom" of each step. I was trying to have several images/words visible instead of systematically zooming to a single element until it takes the full width.

General suggestions: I would like to be able to define for each element one or several css class and an id (or that the path number is an id, eg step-1), so setting the font family and font-color can be done directly in the css (and would make it easier to have a coherent style). Pretzi is offering 3 classes (Title 1 Title 2 and body), probably good enough to offer a handful.

I'd like that changing slide/step is a jquery event, so I can trap it to alter further the presentation, eg:

$('#step-42").showSlide (function () { $('.extracontent').fadeIn();}

Otherwise, really impressed by what can be done now on svg, that's really smooth, well done.

X+

Moerphy commented 13 years ago

Hi,

that was a general failure on my side, I had deactivated some of the buttons because the features we're not implemented at that time. I don't know why I did not hide the buttons that do nothing anyway (o:

Anyway, I just pushed a new version online where I fixed that. Changing the color is now done by selecting the group and then using the colorpicker on the main toolbar.

With the new frame-tool you can work around the limitation with zooming. Just draw a frame, put stuff on it, and select the frame a next path step. Note that the frame (after zooming on it) will be as big as you drew it, so you probably want to draw the frame almost as big as your browser window.

Custom classes on elements would be useful, thats a feature that will come eventually. The path number as an id is not possible because an element can have only one id, but multiple path numbers.. but groups have a class that contains the path number (: Every element (that's selectable via the zebra) on the canvas has a class named "group" and the class "group_X" (X = number) for every pathnumber it is assigned.

I'm currently working on a new architecture for the whole application that will offer something similiar to jQuery events for each step, so there will be options to hook own functions in.. but will take some more time to fully port everything on the new architecture.

Thanks for the suggestions! I'll leave this issue open for now.

tttp commented 13 years ago

Hi,

updated it, that's taking shape nicely, you're on something!

Good point about the path number, I'm going to use the class_XX instead.

Looking forward for the new architecture. If you think that can be useful, we did do a raphael<->jquery bridge (I find raphael easier to use than going directly to canvas).

Let us know when you got an alpha of the new architecture, really looking forward to see it. (is this going to be a different branch on the git repo ?)

Moerphy commented 13 years ago

I looked into Raphael when I started the project, but it was missing a few features I wanted.. I'm thinking about abstracting jQuery.SVG away in the new architecture, but that may be too much work for now. (o:

Yes, I'm probably going to open a new branch and a preview version on the project page once the basics work again (: