Download presentation

Presentation is loading. Please wait.

Published byGerardo Turney Modified over 2 years ago

1
FluidDiagrams Framework for 3D/2D Visualisations in JavaScript Developed in TypeScript -> Compiled to JavaScript

3
Adding own elements TypeScript: class JSONParser extends FDParser{ public parse() { … } } JavaScript fd = new FluidDiagrams(true); var factory = fd.getParserFactory(); var parser = factory.getParserEmpty(); parser.parse = function () { … }

4
Scene Graph Each element in a 3D scene is positioned within a Scene Graph. (Hierarchy of Geometry) Transformations always relative to Parent Car Front Axis Wheel Left Circle Mesh Wheel Right Circle Mesh Rear Axis Wheel Left Circle Mesh Wheel Right Circle Mesh

5
In FluidDiagrams Hierarchies: Tabular Data: Scene Root Child 1 Child 1.1Child 1.2 Child 2 Child 2.1Child 2.2 Scene Element 1 Element 2 Element 3

6
Scene Graph Scene Node 1 Line Node 2 Line Triangle Vertical Line Scene Nodes Node Line Node Line Axis Year Triangle Milage Triangle

Similar presentations

OK

Square Root Function Graphs Do You remember the parent function? D: [0, ∞) R: [0, ∞) What causes the square root graph to transform? a > 1 stretches vertically,

Square Root Function Graphs Do You remember the parent function? D: [0, ∞) R: [0, ∞) What causes the square root graph to transform? a > 1 stretches vertically,

© 2017 SlidePlayer.com Inc.

All rights reserved.

Ads by Google

Strategy to increase market share ppt online Ppt on new zealand culture and lifestyle Ppt on tamper resistant paper Ppt on supreme court of india Ppt on strategic brand management New era of management ppt on communication Ppt on multipurpose river valley projects Microsoft powerpoint converter pptx to ppt online Ppt on linear equations in two variables photos Ppt on amazon web services