blog_smoothRendering.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="xeokit - SDK for Browser-Based 3D BIM Visualization">
<meta name="author" content="Lindsay Kay">
<meta name="keywords" content="BIM,IFC,WebGL,JavaScript,Browser,BCF,Web,BIMServer,xeolabs,3D,3D Viewer,Lindsay Kay,xeokit,MedViz,ArchViz,Open Source,Browser,Viewer">

<title>xeokit - 3D Web Programming Toolkit for BIM and Engineering Visualization</title>

<link href="./vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="./css/business-frontpage.css" rel="stylesheet">
<!--<script src="vendor/jquery/jquery.slim.min.js"></script>-->

<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<!-- Bootstrap core JavaScript -->
<script src="./vendor/jquery/jquery.min.js"></script>
<script src="./vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</head>

<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top ">
    <!--    <div class="container">-->
    <span style="color: #ffffff;"><a class="navbar-home" href="http://xeolabs.com">xeolabs</a>/<a
            class="navbar-brand" href="./index.html">xeokit&nbsp;SDK</a></span>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
            aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">

            <li class="nav-item">
                <a class="nav-link" href="./index.html?foo=0">Home</a>
            </li>
            <li class="nav-item dropdown">
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownLearn">
                    <a class="dropdown-item" href="./demo.html?projectId=RevitSamples&tab=models">Revit Sample IFC
                        Model</a>
                    <a class="dropdown-item" href="./demo.html?projectId=MAPPointCloud">1.6M Point Cloud Model</a>
                    <a class="dropdown-item" href="./demo.html?projectId=MAP&tab=objects">Full-Precision IFC Model</a>
                    <a class="dropdown-item" href="./demo.html?projectId=OTCConferenceCenter&tab=storeys">Conference
                        Center Model</a>
                    <a class="dropdown-item" href="./demo.html?projectId=Schependomlaan&tab=storeys">Schependomlaan
                        Model</a>
                    <a class="dropdown-item" href="./demo.html?projectId=Schependomlaan_selectedStorey&tab=storeys">Schependomlaan
                        Ground Floor</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./index.html?foo=1#features">Features</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./index.html?foo=1#faq">FAQ</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./blog.html">Blog</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownExamples" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    Examples
                </a>
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownExamples">
                    <a class="dropdown-item" href="https://xeokit.github.io/xeokit-sdk/examples/index.html">SDK Examples</a>
                    <a class="dropdown-item" href="https://xeokit.github.io/xeokit-sdk/examples/bimviewer.html" target="_examples">BIMViewer Examples</a>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownLearn" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    Developers
                </a>
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownLearn">
                    <a class="dropdown-item"
                       href="https://www.notion.so/xeokit/xeokit-Documentation-4598591fcedb4889bf8896750651f74e">Documentation</a>
                    <a class="dropdown-item" href="https://xeokit.github.io/xeokit-sdk/examples/index.html">SDK Examples</a>
                    <a class="dropdown-item" href="https://xeokit.github.io/xeokit-sdk/examples/bimviewer.html" target="_examples">BIMViewer Examples</a>
                    <a class="dropdown-item" href="https://xeokit.github.io/xeokit-sdk/docs/" target="_docs">API
                        Reference</a>
                    <a class="dropdown-item" href="https://github.com/xeokit" target="_code">Source Code</a>
                    <a class="dropdown-item" href="https://xeokit.github.io/xeokit-model-conversion-tests/index.html">Model
                        Conversion</a>
                </div>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="./index.html?foo=2#pricing">Pricing</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./download.html">Download</a>
            </li>
            <!--            <li class="nav-item">-->
            <!--                <a class="nav-link" href="./index.html?foo=3#connect">Connect</a>-->
            <!--            </li>-->
        </ul>
    </div>
    <!--    </div>-->
</nav>


            <h1><a href="./blog.html">Blog</a> / How Does xeokit Load Big Models so Quickly?</h1>
            <hr>
            <p>January 1, 2020</p>
            <hr>
            <img class="img-responsive rounded no-padding" src="./img/BimdataViewer.jpg" alt="">
            <hr>

            <!-- Post Content -->
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, vero, obcaecati, aut,
                error
                quam sapiente nemo saepe quibusdam sit excepturi nam quia corporis eligendi eos magni recusandae laborum
                minus inventore?</p>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, tenetur natus doloremque laborum quos iste
                ipsum rerum obcaecati impedit odit illo dolorum ab tempora nihil dicta earum fugiat. Temporibus,
                voluptatibus.</p>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, doloribus, dolorem iusto blanditiis unde
                eius
                illum consequuntur neque dicta incidunt ullam ea hic porro optio ratione repellat perspiciatis. Enim,
                iure!</p>

            <blockquote class="blockquote">
                <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a
                    ante.</p>
                <footer class="blockquote-footer">Someone famous in
                    <cite title="Source Title">Source Title</cite>
                </footer>
            </blockquote>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, nostrum, aliquid, animi, ut quas placeat
                totam sunt tempora commodi nihil ullam alias modi dicta saepe minima ab quo voluptatem obcaecati?</p>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, dolor quis. Sunt, ut, explicabo, aliquam
                tenetur ratione tempore quidem voluptates cupiditate voluptas illo saepe quaerat numquam recusandae?
                Qui,
                necessitatibus, est!</p>
            <hr>
        </div>
    </div>
</div>

<footer class="py-5 bg-dark xeokit-footer">
    <div class="container pt-5">
        <div class="row">
            <div class="col-md-4 col-sm-12 mb-3  text-left">
                <h2>xeokit SDK</h2>
                <p>Powering Engineering Graphics on the Web</p>
                <img src="./img/xeokitLogoAlphaBG.png">
            </div>
            <div class="col-md-8 col-sm-12">

                <div class="col-md-4 col-sm-6 col-6 p-0 float-left mb-3">
                    <h5 class="mb-4 font-weight-bold text-uppercase ">Learn</h5>
                    <ul class="list-group">
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="./index.html#features">Features</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2 "><a
                                href="./demo.html?projectId=OTCConferenceCenter&tab=storeys">Demo</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2 "><a
                                href="./blog.html">Blog</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="./index.html#pricing">Pricing</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="./index.html#faq">FAQ</a></li>

                    </ul>
                </div>

                <div class="col-md-4 col-sm-6 col-6 p-0 mb-3 float-left">
                    <h5 class="mb-4 font-weight-bold text-uppercase ">Develop</h5>
                    <ul class="list-group">
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="./download.html">Download</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="https://xeokit.github.io/xeokit-sdk/examples/">Examples</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="https://xeokit.github.io/xeokit-sdk/docs/">API Docs</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="https://github.com/xeokit">Source Code</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="https://www.notion.so/xeokit">Tutorials</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="https://xeokit.github.io/xeokit-model-conversion-tests/index.html">Model
                            Conversion</a></li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2"><a
                                href="https://github.com/xeokit/xeokit-sdk/issues">Issues</a></li>
                    </ul>
                </div>

                <div class="col-md-4 col-sm-6 col-6 mb-3 p-0 float-left">
                    <h5 class="mb-4 font-weight-bold text-uppercase ">Connect</h5>
                    <ul class="list-group">
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2">
                            <a href="http://www.xeolabs.com"><i class="fa fa-globe mr-1"></i>
                                xeolabs.com</a>
                        </li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2">
                            <a href="https://www.linkedin.com/company/xeolabs"><i class="fa fa-linkedin mr-1"></i>
                                LinkedIn</a>
                        </li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2">
                            <a href="https://twitter.com/xeolabs"><i class="fa fa-twitter mr-1"></i> Twitter</a>
                        </li>
                        <li class="list-group-item bg-transparent border-0 p-0 mb-2">
                            <a href="https://github.com/xeolabs" target="_code"><i class="fa fa-github mr-1"></i>
                                Github</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-12">
                <div class="py-4 d-flex justify-content-center align-items-center">
                    <p class="m-0 text-center">Copyright &copy; <a href="http://xeolabs.com">xeolabs</a> 2021</p>
                </div>
            </div>
        </div>
    </div>
</footer>


</body>

</html>