Kategorien: Querbeet

3D RoundView

📅 1. Juni 2015 · ⏱️ 2 min

3D RoundView is a panoramic viewer for a modern Browser.

Click and drag to move the view, click inside the screen to drag the current selection or click one of the preview spheres to change the current view for the 25 cats on the bleachers. Double click for the single view.

To get started:

Add the following scripts

<script type="text/javascript" src="https://bitfabrik.io/3DRoundView/js/three.min.js"></script>
<script type="text/javascript" src="https://bitfabrik.io/3DRoundView/js/KeyboardState.js"></script>
<script type="text/javascript" src="https://bitfabrik.io/3DRoundView/js/CSS3DRenderer.js"></script>
<script type="text/javascript" src="https://bitfabrik.io/3DRoundView/js/font.js"></script>

Add the panorama div tag that will contain the panorama:

<div id="panorama">
    <div id="reset">
        <img alt="Reset" title="Reset (R)" src="https://bitfabrik.io/3DRoundView/img/reset.png" /></div>
    <div id="vollbild">
        <img alt="Fullscreen" title="Fullscreen" src="https://bitfabrik.io/3DRoundView/img/vollbild.png" /></div>
    <div id="singleView">
        <img alt="Single View" title="Single View (S)" src="https://bitfabrik.io/3DRoundView/img/singleView.png" /></div>
</div>

Set the panorama list:

<script type="text/javascript">
    var panoramaFiles = ['myPanorama1.jpg',
                         'myPanorama2.jpg'];

    var floorTextureImg = 'floorTexture.jpg';
    var movieScreenClr = 0xbbbbbb;
</script>

followed by the 3D-RoundView script

<script type="text/javascript" src="https://bitfabrik.io/3DRoundView/js/3dRoundView.js"></script>

For a more simplified step:

Download cPicture for your language, select your panorama pictures and use the function to create a panorama website. This will add all the project files to a selected folder which can be copied to your webserver to publish the panorama.

Examples:

ComputerBild.de adds cPicture

📅 3. April 2015 · ⏱️ 1 min

CopmuterBild is Europe’s larges computer magazine and features top software every month on the accompanied DVD.
This month, cPicture was selected to be part of the DVD! http://www.computerbild.de/download/cPicture-11513403.html.

cPicture review

📅 1. April 2015 · ⏱️ 1 min

With todays content replication on download websites to increase traffic, reviews might be outdated or not accurate, but this one is different. The editor actually run the app instead of copy&paste content from previous pages.
Nicely done.
http://www.softpedia.com/get/Multimedia/Graphic/Digital-Photo-Tools/cPicture.shtml

Perfectly Square

📅 19. März 2015 · ⏱️ 2 min

How to make a rectangular object perfectly square using the panotools:

The frame is straight, but somehow the photo looks distorted.

The camera (film/sensor) was not exactly parallel to the object during the exposure and resulted in a slightly skewed frame along with some distortions (bowed lines) caused by the lens:

This can easily be fixed with the panotools: start with vertical and horizontal control points. For this I'm using the PTGui software. Note: by default t1 points (vertical line) are selected. Change horizontal control points to the t2 type.

It is important to align vertical and horizontal control points not only at the corner points but also in the middle of the sides. Any camera lens has a distortion and lines are not straight. Using the middle points will fix those bows too.

Make sure the lens type is rectilinear:

And the projection is set to rectilinear:

Select Raw, Pitch and Roll and run the first optimization. It is important not to select all variables at once: optimization is finding a low spot in a multidimensional field and optimizing for Raw, Pitch and Roll first you make sure not to optimize on a local spot in a wrong location.

The first result looks good and corners are aligned correctly. Now we fix the bowed lines.

Add the Field of View, b and vert/horz shift. Do not use a, b and c altogether. Just the b parameter is perfectly suited for the non-wavy camera lens distortions. The optimizer can now calculate the exact parameter values:

The object is now straitened:

The panotools take all the calculated parameters and create the final output image:

Perfectly square:

What the cPicture paid upgrade adds

📅 2. März 2015 · ⏱️ 1 min

The free version covers the core: fast browsing, lossless editing, JPEG handling. This post shows what gets added when you upgrade: tools grouped around image organisation, batch operations, and metadata control. The kind of features that don't matter until they do.