Demo - Hello World

Code

jBone.addBone({ name: 'root', selectorId: 'helloWorldDemo', x: 170, y: -100, angle: 0, length: 0, thickness: 5 })
     .addChildBone({ name: 'boneHello', length: 50, thickness: 5 })
        .addContent({ name: 'idHello', type: 'span', content: 'Hello, ', pivot: jBone.Point(0, 30), offset: jBone.Point(0, 0.5) })
        .addChildBone({ name: 'boneWorld', length: 50, thickness: 5 })
           .addContent({ name: 'idWorld', type: 'span', content: 'world!', pivot: jBone.Point(0, 30), offset: jBone.Point(0, 0.5) });

jBone.addAnimation({ name: 'wave', frames: 3, duration: 5000, looped: true })
        .at(0)
           .reset()
           .rotate('boneHello', 0)
           .rotate('boneWorld', 0)
        .at(1)
           .rotate('boneHello', 30)
           .rotate('boneWorld', 50)
        .at(2)
           .rotate('boneHello', 0)
           .rotate('boneWorld', 0);

jBone.render();