Coder Social home page Coder Social logo

removed about zebkit HOT 2 CLOSED

barmalei avatar barmalei commented on September 28, 2024
removed

from zebkit.

Comments (2)

barmalei avatar barmalei commented on September 28, 2024

A: Integrated JQuery support.
Never :) I don't need one more framework and I don't need to bring "dead code" support for all old-browser stuff in zebra. And also DOM/CSS manipulation has to be minimized whenever it is possible. Also Zebra is for HTML5 based browser only, many things are more well standartized and archaic stuff is blown away.

A: Layer
I cannot understand completely your suggestion. I am going to improve painting. But not in a week o so. Everything will be done in context of Zebra PaintManger. Zebra uses layers, but it is not layer in term of DOM elements. Layer is UI panel that stretched over full size of canvas and can catch control. Every time a new event occurs Zebra asks layers from top to buttom whether a layer wants to take control or not. First found active layer take the control.

From the UI point of view Layer is standard UI panel, that are children UI component of zCanvas UI component. Every time a repaint method is called Zebra paints whole hierarchy of zCanvas UI component including layers. Paint manager cares about re-painting only "dirty" area, not the whole collection. Also it tries optimize background painting, also it is responsible for repainting scheduling. In this context of performance improvement it makes sense to use double buffering for layers. That means every layer will create and use HTML Canvas to render its content. So if a layer (with own UI components) doesn't have a dirty area it can just paint its buffer as is.

Video player in this new approach can be implemented as layer that sits under UI layer. In this case video rendering will not disturb UI. From the code point of view it will look as follow:

var canvas = new zCanvas();
// add Video on own layer
canvas.insert(0, new BaseLayer("video", new VideoPan("movie.m4")));

// build UI for player
canvas.root.properties({
    layout: ...,
    kids : [
       ...

    ]
});

from zebkit.

barmalei avatar barmalei commented on September 28, 2024

by the way you can build source (combine it and minimize), it is described in readme

from zebkit.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.