0 fps
Zeta Ret Clockwork Demo:
- SkytoSS GPU Canvas [WebGL2, WebGL, Experimental-GL] with Rotating Cube
- Main 2D Canvas
- UI Debug 2D Canvas
- FPS Counter
- HTML Navigation:
- Change ColorTransform - change alpha and shift red channel
- Change Transform - tilt root DisplayObjectContainer using mixed transform
- Change UI Debug - toggle mouse controller UI canvas debugger
- Material Selector - change texture rendering in canvas layers
- Menu Blend - change canvas menu blending by globalCompositeOperation
- Color Picker - change alpha 0x88/0xff of canvas menu background color
- XeltoSS Script Container - HTML Container with ProtoSS transpiled Class in ES6 Standard
- Menu - rounded pattern buttons with blend luminosity ("home" "misc" "game") [autocache in canvas array]
- Pages:
- home:
- rounded pattern button, mouse over activates Keyboard input [draggable]
- blue label "Zeta Ret Clockwork" - rounded pattern button will display text
- red rectangle
- 2 animated black rectangles - uses color and geometric transform [uses int colors]
- Page Label "Home Page"
- border rendering around linear gradient rectangle [uses int colors]
- transformed radial gradient rectangle [uses int colors]
- shape container - radiant curve 360, pattern round rectangle, radial gradient ellipse, circle and rectangle with border [draggable][mouse wheel][color picker]
- transformed ellipse with border and drop shadow [uses int colors]
- transformed complex polygon with cubic curves, border and drop shadow [uses int colors]
- text label "Hello" [uses int colors]
- text label "Stroked" with border
- Cuboid/Cube Shape3d [follows mouse]
- HTMLElement img, uses canvas DisplayObject transform, red shape mimic of HTMLElement is drawn on canvas using ordered css transform of "matrix(1, 0, 0, 1, 730, 120) rotate(30deg) scale(0.8, 1) skew(40deg,0)" with "forceSelfInvalidate" flag of DisplayObject thus imitating perfectly standard css transformations as follows: calculate Math.cos and Math.sin of x and y rotation, transform rotate matrix using scale x and y, calculate Math.tan of x and y skew, and cross transform by multiplication the product of rotation scale matrix, set translation properties without scale
- misc:
- gallery - 3 gallery items with images using url loader
- image - loads url [draggable]
- Page Label "Misc Page"
- various text in colors and languages
- HTMLElement video, uses canvas DisplayObject transform
- game:
- scrollpane - text label "Clockwork components", checkbox, radio group, YouTube Embed Video Button (open iframe as ProtoSS HTMLElement) [interactive]
- dialog box with title, accept/cancel/close buttons [interactive][draggable]
- horizontal scrollpane - menu with buttons (open dialog), masked object [interactive]
- Links: