AboutBox3D

Displays an about box with credits or some other program information and a nice 3d effect

View larger

Close

AboutBox3D consists of two components: MovieScroller, which is a simple upwards scroller that can be used to display credits and other information. AnimatedBackground displays a 3d object that can be animated using three different effects. AboutBox stacks MovieScroller above AnimatedBackground and adds some other components to do its magic.

The 3d object displayed by AnimatedBackground can be generated on the fly from a 1bit image or alternatively an object can be provided in Wavefront .obj format.

Sample code

 @Override
    protected void init(VaadinRequest request) {
        getPage().setTitle("AboutBox3D demo");

        final VerticalLayout vl = new VerticalLayout();
        vl.addComponent(new Button("Open AboutBox",
                new Button.ClickListener() {

                    private static final long serialVersionUID = 5405789614881134772L;

                    @Override
                    public void buttonClick(ClickEvent event) {
                        AboutBox3D ab = new AboutBox3D();
                        ab.setWidth("400px");
                        ab.setHeight("400px");
                        ab.setLogo(new ThemeResource("img/vaadin.png"));
                        ab.setCreditsHTML("<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>"
                                + "<br/><br/><br/><br/><br/><h1>Credits</h1><p>Lorem ipsum dolor sit" +
                                " amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut" +
                                " labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud" +
                                " exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." +
                                " Duis aute irure dolor in reprehenderit in voluptate velit esse cillum" +
                                " dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non" +
                                " proident, sunt in culpa qui officia deserunt mollit anim id est laborum" +
                                " <a href=\"http://vaadin.com\" target=\"_blank\">w0rd." +
                                "</a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>" +
                                "<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>" +
                                "<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>");
                        ab.setScrollLength(400);
                        ab.setFooterHTML("<h3>Footer</h3>");
                        ab.setEffect(Effect.LOGO3D);
                        getUI().addWindow(ab);
                        ab.setTessellationAccuracy(30, 30, 0.6, 0.50);
                        ab.getAnimatedBackground().setEdgeAAEnabled(false);
                        ab.getAnimatedBackground()
                                .setTemporalAAEnabled(false);
                        ab.center();

                    }
                }));
        setContent(vl);

Links

• Online Demo
• Issue Tracker
• Source Code

Compatibility