2D Rendering Technology

Simple

Canvas.getContext('2d')

Principle

Render Sequence

push OR append ?

RenderObjectModel

  update()                                // for screen timer
  context.save()                          // save context in stack
  context.globalAlpha = alpha
  context.translate(x, y)
  context.rotate(rotation * Math.PI / 180)
  context.scale(scaleX, scaleY)
  draw()                                  // deep traversal children
  context.restore()                       // restore context

Pillow

touch the pillow,and have a lot of rest

Pseudo 3D

3D model

mobile

touch VS mouse

Sprite

XSpriteEditor

node-webkit

Need Bird?

Rending Anywhere

now

Flixel

actionScript

haxe

node-canvas

Cairo

html2canvas

Screenshots

For test ?

browserling

baidu map

Javascript Domination

webgl for 2d

sirius2d

Phaser

Pixi.js

mobile

WWDC

future

END

XDF @ Alipay

IP: HOST: