kitao / divsugar Goto Github PK

Need to develop full-scale application for showing capability of DivSugar.

hi - i'm not sure if this is the best place to ask questions, but ...
お邪魔させて頂きます＾＾

is there a way to use DivSugar to animate existing elements on a page?
i looked at the source for Node and the following should work:

  // caption
  var capDiv = document.getElementById("cap1");
  console.log(capDiv);
  var cap1 = new DivSugar.Node().setPosition(400, 300, 0).appendTo(scn);
  cap1.append(capDiv);

but it doesn't work. I'd appreciate if you can teach me how to do this!

お手数ですが、やり方教えて頂ければ助かります。

よろしくお願いします！

It is unclear but >> 0 is faster than Math.floor.
Try it and check the performance.

Measure the performance and find out where the bottleneck is.

when viewed in chrome, 28, in anything but unzoomed, boxes are in two halves.

Adding more descriptions to the API reference is necessary!

The current rotation method rotates the object along x, y, and z axis in turn.

Because of that, when it is used in the onUpdate method of tasks or the playAnimation method of nodes, the result of the rotation depends on the interval of animations.

Other rotation method whose result is the same as expected may be necessary.
For example, the method uses a rotation axis and an angle.

The README.md links in the "Examples" section no longer work:

http://kitao.github.com/divsugar/examples/01.SimpleApplication/
http://kitao.github.com/divsugar/examples/02.TaskAnimation/
http://kitao.github.com/divsugar/examples/03.TweenAnimation/
http://kitao.github.com/divsugar/examples/04.LightAndBillboard/
http://kitao.github.com/divsugar/examples/05.KeyAndMouseInput/

Instead, it seems Github pages has moved them to the .io URL:

https://kitao.github.io/divsugar/examples/01.SimpleApplication/
http://kitao.github.io/divsugar/examples/02.TaskAnimation/
http://kitao.github.io/divsugar/examples/03.TweenAnimation/
http://kitao.github.io/divsugar/examples/04.LightAndBillboard/
http://kitao.github.io/divsugar/examples/05.KeyAndMouseInput/

Need to add the API to handle multi-touch.

Try to use sin/cos tables and check how the performance can change.

DivSugar doesn't work when called from shortcuts on iPhone home menu.
UserAgent is different from normal browser?

To see the problem, simply open your LightAndBillboard example in Chrome 53 or higher:

http://kitao.github.io/divsugar/examples/04.LightAndBillboard/

This is a bad design choice in the w3 css-transforms spec, here, which states that anything with opacity less than 1 should be flattened like paper.

Can you please put your input at

https://bugs.chromium.org/p/chromium/issues/detail?id=646993
https://bugs.chromium.org/p/chromium/issues/detail?id=650514

This opacity problem is wreaking havoc with my library at trusktr/infamous. It also breaks Famous/engine and the ReFamous fork, which is used in production by some people.

I've been also detailing the problem in the public-fx mailing list. If you look here, you'll see the threads titled [css-transforms] CSS3D breaks with opacity flattening. If you can please send an email to [email protected] with the same topic, that'd be great!

I hope we can reverse these breaking changes and spec out the correct opacity behavior.

Need to check whether it is possible to use CSS Transitions instead of JavaScript animations.

It should written in English and Japanese.

Add support to handle touch events for mobile devices.

It seems that when the object is drawn as semi-transparent object, backface-culling is always on.

Add the filter property to the Scene and Node class to use image effects such as blur.

When DivSugar runs on FireFox, the position of the perspective-origin is not at the center of the scene.

are you planning to update div sugar at all? it's very interesting to see an only CSS based engine.