Xflow

Felix Klein, Kristian Sons, Stefan John, Dmitri Rubinstein, Philipp Slusallek, Sergiy Byelozyorov
<span title="">2012</span> <i title="ACM Press"> <a target="_blank" rel="noopener" href="https://fatcat.wiki/container/6jpbkn7xf5cdtoo7r7dr2vqkhq" style="color: black;">Proceedings of the 17th International Conference on 3D Web Technology - Web3D &#39;12</a> </i> &nbsp;
Figure 1 : 3 example applications with Xflow. Each screen shot shows a web page that uses XML3D and Xflow to render real-time 3D graphics with advanced data processing. The left picture uses multiple instances of mesh interpolation for animation. The middle picture shows a dynamically generated noise texture. The right screen demonstrates multiple instances of skeletal animations. Abstract The Web evolved from a simple information medium to an interactive application platform featuring advanced
more &raquo; ... 2D layouts, videos, and audio. At the same time, support for hardware-accelerated 3D graphics improves continuously even among mobile devices. Hence, there is a renewed interest in adding interactive 3D graphics to the overall Web experience and therefore a need for highperformance data processing beyond DOM modifications through JavaScript. A challenge in adding this functionality to Web technologies is to close the deep gap between low-level hardware programming (e.g. using WebGL or WebCL) and high-level Web development with HTML, CSS and JavaScript. In this paper we present Xflow, a system for declarative, highperformance data processing. In combination with XML3D, it allows Web developers to combine a 3D scene graph with dataflows. Our approach is general enough to allow meshes, shaders, texture samplers and the canvas itself as sink of these dataflows. Thus it enables data processing e.g. for dynamic meshes, animation of shader parameters, image processing and post processing. In this first stage, we define a set of generic building blocks that can be used to construct more complex operations. This gives a large degree of flexibility, but is still abstract enough to increase ease-of-use and ensure security. To maximize performance, dataflows are automatically connected to the render pipeline and mapped to both CPU and GPU, thus harnessing parallelization. In order to evaluate our system, we have created a number of examples.
<span class="external-identifiers"> <a target="_blank" rel="external noopener noreferrer" href="https://doi.org/10.1145/2338714.2338719">doi:10.1145/2338714.2338719</a> <a target="_blank" rel="external noopener" href="https://dblp.org/rec/conf/vrml/KleinSJRSB12.html">dblp:conf/vrml/KleinSJRSB12</a> <a target="_blank" rel="external noopener" href="https://fatcat.wiki/release/wkiulqpln5canbwgpazeqohmku">fatcat:wkiulqpln5canbwgpazeqohmku</a> </span>
<a target="_blank" rel="noopener" href="https://web.archive.org/web/20170811201453/https://graphics.cg.uni-saarland.de/fileadmin/cguds/papers/2012/klein_web3d2012/xflow.pdf" title="fulltext PDF download" data-goatcounter-click="serp-fulltext" data-goatcounter-title="serp-fulltext"> <button class="ui simple right pointing dropdown compact black labeled icon button serp-button"> <i class="icon ia-icon"></i> Web Archive [PDF] <div class="menu fulltext-thumbnail"> <img src="https://blobs.fatcat.wiki/thumbnail/pdf/45/6a/456a2f632ae797bb6ef5c332cd56c706d845f0a8.180px.jpg" alt="fulltext thumbnail" loading="lazy"> </div> </button> </a> <a target="_blank" rel="external noopener noreferrer" href="https://doi.org/10.1145/2338714.2338719"> <button class="ui left aligned compact blue labeled icon button serp-button"> <i class="external alternate icon"></i> acm.org </button> </a>