icn3d 3.44.2 → 3.45.0

package/icn3d.module.js

@@ -37241,7 +37241,7 @@ var lights_phong_fragment = "BlinnPhongMaterial material;\nmaterial.diffuseColor
 
 var lights_phong_pars_fragment = "varying vec3 vViewPosition;\nstruct BlinnPhongMaterial {\n\tvec3 diffuseColor;\n\tvec3 specularColor;\n\tfloat specularShininess;\n\tfloat specularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometryNormal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_BlinnPhong( directLight.direction, geometryViewDir, geometryNormal, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong";
 
-var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nvec3 fdx = dFdx( vViewPosition );\nvec3 fdy = dFdy( vViewPosition );\nvec3 nonPerturbedNormal = normalize( cross( fdx, fdy ) );\nvec3 dxy = max( abs( dFdx( nonPerturbedNormal ) ), abs( dFdy( nonPerturbedNormal ) ) );\nfloat geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );\nmaterial.roughness = max( roughnessFactor, 0.0525 );material.roughness += geometryRoughness;\nmaterial.roughness = min( material.roughness, 1.0 );\n#ifdef IOR\n\tmaterial.ior = ior;\n\t#ifdef USE_SPECULAR\n\t\tfloat specularIntensityFactor = specularIntensity;\n\t\tvec3 specularColorFactor = specularColor;\n\t\t#ifdef USE_SPECULAR_COLORMAP\n\t\t\tspecularColorFactor *= texture2D( specularColorMap, vSpecularColorMapUv ).rgb;\n\t\t#endif\n\t\t#ifdef USE_SPECULAR_INTENSITYMAP\n\t\t\tspecularIntensityFactor *= texture2D( specularIntensityMap, vSpecularIntensityMapUv ).a;\n\t\t#endif\n\t\tmaterial.specularF90 = mix( specularIntensityFactor, 1.0, metalnessFactor );\n\t#else\n\t\tfloat specularIntensityFactor = 1.0;\n\t\tvec3 specularColorFactor = vec3( 1.0 );\n\t\tmaterial.specularF90 = 1.0;\n\t#endif\n\tmaterial.specularColor = mix( min( pow2( ( material.ior - 1.0 ) / ( material.ior + 1.0 ) ) * specularColorFactor, vec3( 1.0 ) ) * specularIntensityFactor, diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( 0.04 ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.specularF90 = 1.0;\n#endif\n#ifdef USE_CLEARCOAT\n\tmaterial.clearcoat = clearcoat;\n\tmaterial.clearcoatRoughness = clearcoatRoughness;\n\tmaterial.clearcoatF0 = vec3( 0.04 );\n\tmaterial.clearcoatF90 = 1.0;\n\t#ifdef USE_CLEARCOATMAP\n\t\tmaterial.clearcoat *= texture2D( clearcoatMap, vClearcoatMapUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vClearcoatRoughnessMapUv ).y;\n\t#endif\n\tmaterial.clearcoat = saturate( material.clearcoat );\tmaterial.clearcoatRoughness = max( material.clearcoatRoughness, 0.0525 );\n\tmaterial.clearcoatRoughness += geometryRoughness;\n\tmaterial.clearcoatRoughness = min( material.clearcoatRoughness, 1.0 );\n#endif\n#ifdef USE_DISPERSION\n\tmaterial.dispersion = dispersion;\n#endif\n#ifdef USE_IRIDESCENCE\n\tmaterial.iridescence = iridescence;\n\tmaterial.iridescenceIOR = iridescenceIOR;\n\t#ifdef USE_IRIDESCENCEMAP\n\t\tmaterial.iridescence *= texture2D( iridescenceMap, vIridescenceMapUv ).r;\n\t#endif\n\t#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\t\tmaterial.iridescenceThickness = (iridescenceThicknessMaximum - iridescenceThicknessMinimum) * texture2D( iridescenceThicknessMap, vIridescenceThicknessMapUv ).g + iridescenceThicknessMinimum;\n\t#else\n\t\tmaterial.iridescenceThickness = iridescenceThicknessMaximum;\n\t#endif\n#endif\n#ifdef USE_SHEEN\n\tmaterial.sheenColor = sheenColor;\n\t#ifdef USE_SHEEN_COLORMAP\n\t\tmaterial.sheenColor *= texture2D( sheenColorMap, vSheenColorMapUv ).rgb;\n\t#endif\n\tmaterial.sheenRoughness = clamp( sheenRoughness, 0.07, 1.0 );\n\t#ifdef USE_SHEEN_ROUGHNESSMAP\n\t\tmaterial.sheenRoughness *= texture2D( sheenRoughnessMap, vSheenRoughnessMapUv ).a;\n\t#endif\n#endif\n#ifdef USE_ANISOTROPY\n\t#ifdef USE_ANISOTROPYMAP\n\t\tmat2 anisotropyMat = mat2( anisotropyVector.x, anisotropyVector.y, - anisotropyVector.y, anisotropyVector.x );\n\t\tvec3 anisotropyPolar = texture2D( anisotropyMap, vAnisotropyMapUv ).rgb;\n\t\tvec2 anisotropyV = anisotropyMat * normalize( 2.0 * anisotropyPolar.rg - vec2( 1.0 ) ) * anisotropyPolar.b;\n\t#else\n\t\tvec2 anisotropyV = anisotropyVector;\n\t#endif\n\tmaterial.anisotropy = length( anisotropyV );\n\tif( material.anisotropy == 0.0 ) {\n\t\tanisotropyV = vec2( 1.0, 0.0 );\n\t} else {\n\t\tanisotropyV /= material.anisotropy;\n\t\tmaterial.anisotropy = saturate( material.anisotropy );\n\t}\n\tmaterial.alphaT = mix( pow2( material.roughness ), 1.0, pow2( material.anisotropy ) );\n\tmaterial.anisotropyT = tbn[ 0 ] * anisotropyV.x + tbn[ 1 ] * anisotropyV.y;\n\tmaterial.anisotropyB = tbn[ 1 ] * anisotropyV.x - tbn[ 0 ] * anisotropyV.y;\n#endif";
+var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nfloat geometryRoughness = 0.0;\nmaterial.roughness = max( roughnessFactor, 0.0525 );material.roughness += geometryRoughness;\nmaterial.roughness = min( material.roughness, 1.0 );\n#ifdef IOR\n\tmaterial.ior = ior;\n\t#ifdef USE_SPECULAR\n\t\tfloat specularIntensityFactor = specularIntensity;\n\t\tvec3 specularColorFactor = specularColor;\n\t\t#ifdef USE_SPECULAR_COLORMAP\n\t\t\tspecularColorFactor *= texture2D( specularColorMap, vSpecularColorMapUv ).rgb;\n\t\t#endif\n\t\t#ifdef USE_SPECULAR_INTENSITYMAP\n\t\t\tspecularIntensityFactor *= texture2D( specularIntensityMap, vSpecularIntensityMapUv ).a;\n\t\t#endif\n\t\tmaterial.specularF90 = mix( specularIntensityFactor, 1.0, metalnessFactor );\n\t#else\n\t\tfloat specularIntensityFactor = 1.0;\n\t\tvec3 specularColorFactor = vec3( 1.0 );\n\t\tmaterial.specularF90 = 1.0;\n\t#endif\n\tmaterial.specularColor = mix( min( pow2( ( material.ior - 1.0 ) / ( material.ior + 1.0 ) ) * specularColorFactor, vec3( 1.0 ) ) * specularIntensityFactor, diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( 0.04 ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.specularF90 = 1.0;\n#endif\n#ifdef USE_CLEARCOAT\n\tmaterial.clearcoat = clearcoat;\n\tmaterial.clearcoatRoughness = clearcoatRoughness;\n\tmaterial.clearcoatF0 = vec3( 0.04 );\n\tmaterial.clearcoatF90 = 1.0;\n\t#ifdef USE_CLEARCOATMAP\n\t\tmaterial.clearcoat *= texture2D( clearcoatMap, vClearcoatMapUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vClearcoatRoughnessMapUv ).y;\n\t#endif\n\tmaterial.clearcoat = saturate( material.clearcoat );\tmaterial.clearcoatRoughness = max( material.clearcoatRoughness, 0.0525 );\n\tmaterial.clearcoatRoughness += geometryRoughness;\n\tmaterial.clearcoatRoughness = min( material.clearcoatRoughness, 1.0 );\n#endif\n#ifdef USE_DISPERSION\n\tmaterial.dispersion = dispersion;\n#endif\n#ifdef USE_IRIDESCENCE\n\tmaterial.iridescence = iridescence;\n\tmaterial.iridescenceIOR = iridescenceIOR;\n\t#ifdef USE_IRIDESCENCEMAP\n\t\tmaterial.iridescence *= texture2D( iridescenceMap, vIridescenceMapUv ).r;\n\t#endif\n\t#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\t\tmaterial.iridescenceThickness = (iridescenceThicknessMaximum - iridescenceThicknessMinimum) * texture2D( iridescenceThicknessMap, vIridescenceThicknessMapUv ).g + iridescenceThicknessMinimum;\n\t#else\n\t\tmaterial.iridescenceThickness = iridescenceThicknessMaximum;\n\t#endif\n#endif\n#ifdef USE_SHEEN\n\tmaterial.sheenColor = sheenColor;\n\t#ifdef USE_SHEEN_COLORMAP\n\t\tmaterial.sheenColor *= texture2D( sheenColorMap, vSheenColorMapUv ).rgb;\n\t#endif\n\tmaterial.sheenRoughness = clamp( sheenRoughness, 0.07, 1.0 );\n\t#ifdef USE_SHEEN_ROUGHNESSMAP\n\t\tmaterial.sheenRoughness *= texture2D( sheenRoughnessMap, vSheenRoughnessMapUv ).a;\n\t#endif\n#endif\n#ifdef USE_ANISOTROPY\n\t#ifdef USE_ANISOTROPYMAP\n\t\tmat2 anisotropyMat = mat2( anisotropyVector.x, anisotropyVector.y, - anisotropyVector.y, anisotropyVector.x );\n\t\tvec3 anisotropyPolar = texture2D( anisotropyMap, vAnisotropyMapUv ).rgb;\n\t\tvec2 anisotropyV = anisotropyMat * normalize( 2.0 * anisotropyPolar.rg - vec2( 1.0 ) ) * anisotropyPolar.b;\n\t#else\n\t\tvec2 anisotropyV = anisotropyVector;\n\t#endif\n\tmaterial.anisotropy = length( anisotropyV );\n\tif( material.anisotropy == 0.0 ) {\n\t\tanisotropyV = vec2( 1.0, 0.0 );\n\t} else {\n\t\tanisotropyV /= material.anisotropy;\n\t\tmaterial.anisotropy = saturate( material.anisotropy );\n\t}\n\tmaterial.alphaT = mix( pow2( material.roughness ), 1.0, pow2( material.anisotropy ) );\n\tmaterial.anisotropyT = tbn[ 0 ] * anisotropyV.x + tbn[ 1 ] * anisotropyV.y;\n\tmaterial.anisotropyB = tbn[ 1 ] * anisotropyV.x - tbn[ 0 ] * anisotropyV.y;\n#endif";
 
 var lights_physical_pars_fragment = "struct PhysicalMaterial {\n\tvec3 diffuseColor;\n\tfloat roughness;\n\tvec3 specularColor;\n\tfloat specularF90;\n\tfloat dispersion;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat clearcoat;\n\t\tfloat clearcoatRoughness;\n\t\tvec3 clearcoatF0;\n\t\tfloat clearcoatF90;\n\t#endif\n\t#ifdef USE_IRIDESCENCE\n\t\tfloat iridescence;\n\t\tfloat iridescenceIOR;\n\t\tfloat iridescenceThickness;\n\t\tvec3 iridescenceFresnel;\n\t\tvec3 iridescenceF0;\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tvec3 sheenColor;\n\t\tfloat sheenRoughness;\n\t#endif\n\t#ifdef IOR\n\t\tfloat ior;\n\t#endif\n\t#ifdef USE_TRANSMISSION\n\t\tfloat transmission;\n\t\tfloat transmissionAlpha;\n\t\tfloat thickness;\n\t\tfloat attenuationDistance;\n\t\tvec3 attenuationColor;\n\t#endif\n\t#ifdef USE_ANISOTROPY\n\t\tfloat anisotropy;\n\t\tfloat alphaT;\n\t\tvec3 anisotropyT;\n\t\tvec3 anisotropyB;\n\t#endif\n};\nvec3 clearcoatSpecularDirect = vec3( 0.0 );\nvec3 clearcoatSpecularIndirect = vec3( 0.0 );\nvec3 sheenSpecularDirect = vec3( 0.0 );\nvec3 sheenSpecularIndirect = vec3(0.0 );\nvec3 Schlick_to_F0( const in vec3 f, const in float f90, const in float dotVH ) {\n    float x = clamp( 1.0 - dotVH, 0.0, 1.0 );\n    float x2 = x * x;\n    float x5 = clamp( x * x2 * x2, 0.0, 0.9999 );\n    return ( f - vec3( f90 ) * x5 ) / ( 1.0 - x5 );\n}\nfloat V_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\treturn 0.5 / max( gv + gl, EPSILON );\n}\nfloat D_GGX( const in float alpha, const in float dotNH ) {\n\tfloat a2 = pow2( alpha );\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n}\n#ifdef USE_ANISOTROPY\n\tfloat V_GGX_SmithCorrelated_Anisotropic( const in float alphaT, const in float alphaB, const in float dotTV, const in float dotBV, const in float dotTL, const in float dotBL, const in float dotNV, const in float dotNL ) {\n\t\tfloat gv = dotNL * length( vec3( alphaT * dotTV, alphaB * dotBV, dotNV ) );\n\t\tfloat gl = dotNV * length( vec3( alphaT * dotTL, alphaB * dotBL, dotNL ) );\n\t\tfloat v = 0.5 / ( gv + gl );\n\t\treturn saturate(v);\n\t}\n\tfloat D_GGX_Anisotropic( const in float alphaT, const in float alphaB, const in float dotNH, const in float dotTH, const in float dotBH ) {\n\t\tfloat a2 = alphaT * alphaB;\n\t\thighp vec3 v = vec3( alphaB * dotTH, alphaT * dotBH, a2 * dotNH );\n\t\thighp float v2 = dot( v, v );\n\t\tfloat w2 = a2 / v2;\n\t\treturn RECIPROCAL_PI * a2 * pow2 ( w2 );\n\t}\n#endif\n#ifdef USE_CLEARCOAT\n\tvec3 BRDF_GGX_Clearcoat( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, const in PhysicalMaterial material) {\n\t\tvec3 f0 = material.clearcoatF0;\n\t\tfloat f90 = material.clearcoatF90;\n\t\tfloat roughness = material.clearcoatRoughness;\n\t\tfloat alpha = pow2( roughness );\n\t\tvec3 halfDir = normalize( lightDir + viewDir );\n\t\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\t\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\t\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\t\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\t\tvec3 F = F_Schlick( f0, f90, dotVH );\n\t\tfloat V = V_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\t\tfloat D = D_GGX( alpha, dotNH );\n\t\treturn F * ( V * D );\n\t}\n#endif\nvec3 BRDF_GGX( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, const in PhysicalMaterial material ) {\n\tvec3 f0 = material.specularColor;\n\tfloat f90 = material.specularF90;\n\tfloat roughness = material.roughness;\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( lightDir + viewDir );\n\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\tvec3 F = F_Schlick( f0, f90, dotVH );\n\t#ifdef USE_IRIDESCENCE\n\t\tF = mix( F, material.iridescenceFresnel, material.iridescence );\n\t#endif\n\t#ifdef USE_ANISOTROPY\n\t\tfloat dotTL = dot( material.anisotropyT, lightDir );\n\t\tfloat dotTV = dot( material.anisotropyT, viewDir );\n\t\tfloat dotTH = dot( material.anisotropyT, halfDir );\n\t\tfloat dotBL = dot( material.anisotropyB, lightDir );\n\t\tfloat dotBV = dot( material.anisotropyB, viewDir );\n\t\tfloat dotBH = dot( material.anisotropyB, halfDir );\n\t\tfloat V = V_GGX_SmithCorrelated_Anisotropic( material.alphaT, alpha, dotTV, dotBV, dotTL, dotBL, dotNV, dotNL );\n\t\tfloat D = D_GGX_Anisotropic( material.alphaT, alpha, dotNH, dotTH, dotBH );\n\t#else\n\t\tfloat V = V_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\t\tfloat D = D_GGX( alpha, dotNH );\n\t#endif\n\treturn F * ( V * D );\n}\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\n\tconst float LUT_SIZE = 64.0;\n\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\n\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\n\tfloat dotNV = saturate( dot( N, V ) );\n\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\n\tuv = uv * LUT_SCALE + LUT_BIAS;\n\treturn uv;\n}\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\n\tfloat l = length( f );\n\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\n}\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\n\tfloat x = dot( v1, v2 );\n\tfloat y = abs( x );\n\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\n\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\n\tfloat v = a / b;\n\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\n\treturn cross( v1, v2 ) * theta_sintheta;\n}\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\n\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\n\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\n\tvec3 lightNormal = cross( v1, v2 );\n\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\n\tvec3 T1, T2;\n\tT1 = normalize( V - N * dot( V, N ) );\n\tT2 = - cross( N, T1 );\n\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\n\tvec3 coords[ 4 ];\n\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\n\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\n\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\n\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\n\tcoords[ 0 ] = normalize( coords[ 0 ] );\n\tcoords[ 1 ] = normalize( coords[ 1 ] );\n\tcoords[ 2 ] = normalize( coords[ 2 ] );\n\tcoords[ 3 ] = normalize( coords[ 3 ] );\n\tvec3 vectorFormFactor = vec3( 0.0 );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\n\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\n\treturn vec3( result );\n}\n#if defined( USE_SHEEN )\nfloat D_Charlie( float roughness, float dotNH ) {\n\tfloat alpha = pow2( roughness );\n\tfloat invAlpha = 1.0 / alpha;\n\tfloat cos2h = dotNH * dotNH;\n\tfloat sin2h = max( 1.0 - cos2h, 0.0078125 );\n\treturn ( 2.0 + invAlpha ) * pow( sin2h, invAlpha * 0.5 ) / ( 2.0 * PI );\n}\nfloat V_Neubelt( float dotNV, float dotNL ) {\n\treturn saturate( 1.0 / ( 4.0 * ( dotNL + dotNV - dotNL * dotNV ) ) );\n}\nvec3 BRDF_Sheen( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, vec3 sheenColor, const in float sheenRoughness ) {\n\tvec3 halfDir = normalize( lightDir + viewDir );\n\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat D = D_Charlie( sheenRoughness, dotNH );\n\tfloat V = V_Neubelt( dotNV, dotNL );\n\treturn sheenColor * ( D * V );\n}\n#endif\nfloat IBLSheenBRDF( const in vec3 normal, const in vec3 viewDir, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat r2 = roughness * roughness;\n\tfloat a = roughness < 0.25 ? -339.2 * r2 + 161.4 * roughness - 25.9 : -8.48 * r2 + 14.3 * roughness - 9.95;\n\tfloat b = roughness < 0.25 ? 44.0 * r2 - 23.7 * roughness + 3.26 : 1.97 * r2 - 3.27 * roughness + 0.72;\n\tfloat DG = exp( a * dotNV + b ) + ( roughness < 0.25 ? 0.0 : 0.1 * ( roughness - 0.25 ) );\n\treturn saturate( DG * RECIPROCAL_PI );\n}\nvec2 DFGApprox( const in vec3 normal, const in vec3 viewDir, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n\tvec4 r = roughness * c0 + c1;\n\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n\tvec2 fab = vec2( - 1.04, 1.04 ) * a004 + r.zw;\n\treturn fab;\n}\nvec3 EnvironmentBRDF( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness ) {\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\treturn specularColor * fab.x + specularF90 * fab.y;\n}\n#ifdef USE_IRIDESCENCE\nvoid computeMultiscatteringIridescence( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float iridescence, const in vec3 iridescenceF0, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n#else\nvoid computeMultiscattering( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n#endif\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\t#ifdef USE_IRIDESCENCE\n\t\tvec3 Fr = mix( specularColor, iridescenceF0, iridescence );\n\t#else\n\t\tvec3 Fr = specularColor;\n\t#endif\n\tvec3 FssEss = Fr * fab.x + specularF90 * fab.y;\n\tfloat Ess = fab.x + fab.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = Fr + ( 1.0 - Fr ) * 0.047619;\tvec3 Fms = FssEss * Favg / ( 1.0 - Ems * Favg );\n\tsingleScatter += FssEss;\n\tmultiScatter += Fms * Ems;\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometryNormal;\n\t\tvec3 viewDir = geometryViewDir;\n\t\tvec3 position = geometryPosition;\n\t\tvec3 lightPos = rectAreaLight.position;\n\t\tvec3 halfWidth = rectAreaLight.halfWidth;\n\t\tvec3 halfHeight = rectAreaLight.halfHeight;\n\t\tvec3 lightColor = rectAreaLight.color;\n\t\tfloat roughness = material.roughness;\n\t\tvec3 rectCoords[ 4 ];\n\t\trectCoords[ 0 ] = lightPos + halfWidth - halfHeight;\t\trectCoords[ 1 ] = lightPos - halfWidth - halfHeight;\n\t\trectCoords[ 2 ] = lightPos - halfWidth + halfHeight;\n\t\trectCoords[ 3 ] = lightPos + halfWidth + halfHeight;\n\t\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\n\t\tvec4 t1 = texture2D( ltc_1, uv );\n\t\tvec4 t2 = texture2D( ltc_2, uv );\n\t\tmat3 mInv = mat3(\n\t\t\tvec3( t1.x, 0, t1.y ),\n\t\t\tvec3(    0, 1,    0 ),\n\t\t\tvec3( t1.z, 0, t1.w )\n\t\t);\n\t\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\n\t\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\n\t\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\n\t}\n#endif\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometryNormal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNLcc = saturate( dot( geometryClearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = dotNLcc * directLight.color;\n\t\tclearcoatSpecularDirect += ccIrradiance * BRDF_GGX_Clearcoat( directLight.direction, geometryViewDir, geometryClearcoatNormal, material );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tsheenSpecularDirect += irradiance * BRDF_Sheen( directLight.direction, geometryViewDir, geometryNormal, material.sheenColor, material.sheenRoughness );\n\t#endif\n\treflectedLight.directSpecular += irradiance * BRDF_GGX( directLight.direction, geometryViewDir, geometryNormal, material );\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 irradiance, const in vec3 clearcoatRadiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatSpecularIndirect += clearcoatRadiance * EnvironmentBRDF( geometryClearcoatNormal, geometryViewDir, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tsheenSpecularIndirect += irradiance * material.sheenColor * IBLSheenBRDF( geometryNormal, geometryViewDir, material.sheenRoughness );\n\t#endif\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\t#ifdef USE_IRIDESCENCE\n\t\tcomputeMultiscatteringIridescence( geometryNormal, geometryViewDir, material.specularColor, material.specularF90, material.iridescence, material.iridescenceFresnel, material.roughness, singleScattering, multiScattering );\n\t#else\n\t\tcomputeMultiscattering( geometryNormal, geometryViewDir, material.specularColor, material.specularF90, material.roughness, singleScattering, multiScattering );\n\t#endif\n\tvec3 totalScattering = singleScattering + multiScattering;\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - max( max( totalScattering.r, totalScattering.g ), totalScattering.b ) );\n\treflectedLight.indirectSpecular += radiance * singleScattering;\n\treflectedLight.indirectSpecular += multiScattering * cosineWeightedIrradiance;\n\treflectedLight.indirectDiffuse += diffuse * cosineWeightedIrradiance;\n}\n#define RE_Direct\t\t\t\tRE_Direct_Physical\n#define RE_Direct_RectArea\t\tRE_Direct_RectArea_Physical\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Physical\n#define RE_IndirectSpecular\t\tRE_IndirectSpecular_Physical\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\n\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}";
 
@@ -56015,7 +56015,7 @@ class MyEventCls {
     }
 
     onId(id, eventName, myFunction) { this.icn3dui;
-        if(Object.keys(window).length < 2) return;
+        if(Object.keys(window).length < 3) return;
 
         if(id.substr(0, 1) == '#') id = id.substr(1);
         if(document.getElementById(id)) {
@@ -75048,13 +75048,18 @@ class Scene {
     rebuildScene(options) { let ic = this.icn3d, me = ic.icn3dui;
         if(options === undefined) options = ic.opts;
 
+        // whether camera was set
+        me.bCamera = (ic.cam) ? true : false;
+
         this.rebuildSceneBase(options);
 
         ic.fogCls.setFog();
 
-        // if(!ic.bVr && !ic.bAr) { // first time
+        if(ic.bSetCamera) { // load a URL with trackball transformation, or no info after "|||"
             ic.cameraCls.setCamera();
-        // }
+        }
+
+        if(ic.opts['slab'] === 'yes') ic.cameraCls.setSlab();
 
         // if(!ic.bSetVrArButtons) { // call once
         if(!me.cfg.imageonly) this.setVrArButtons();
@@ -76254,7 +76259,7 @@ function TrackballControls( object, domElement, icn3d ) {
     function keydown( event ) {
 //console.log("keydown");
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         window.removeEventListener( 'keydown', keydown );
 
@@ -76285,7 +76290,7 @@ function TrackballControls( object, domElement, icn3d ) {
     function keyup( event ) {
 //console.log("keyup");
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         _this._state = _prevState;
 
@@ -76295,7 +76300,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function mousedown( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76332,7 +76337,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function mousemove( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76355,7 +76360,7 @@ function TrackballControls( object, domElement, icn3d ) {
     }
 
     function mouseup( event ) {
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76370,7 +76375,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function mousewheel( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76397,7 +76402,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function touchstart( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         switch ( event.touches.length ) {
             case 1:
@@ -76429,7 +76434,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function touchmove( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76459,7 +76464,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function touchend( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         switch ( event.touches.length ) {
 
@@ -76484,7 +76489,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     }
 
-    if(Object.keys(window).length >= 2 && this.domElement) {
+    if(Object.keys(window).length >= 3 && this.domElement) {
         this.domElement.addEventListener( 'contextmn', function ( event ) {
             //event.preventDefault();
         }, false );
@@ -76498,8 +76503,8 @@ function TrackballControls( object, domElement, icn3d ) {
         this.domElement.addEventListener( 'touchend', touchend, false );
         this.domElement.addEventListener( 'touchmove', touchmove, false );
 
-        if(Object.keys(window).length >= 2) window.addEventListener( 'keydown', keydown, false );
-        if(Object.keys(window).length >= 2) window.addEventListener( 'keyup', keyup, false );
+        if(Object.keys(window).length >= 3) window.addEventListener( 'keydown', keydown, false );
+        if(Object.keys(window).length >= 3) window.addEventListener( 'keyup', keyup, false );
     }
 
     this.handleResize();
@@ -76932,7 +76937,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function keydown( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         window.removeEventListener( 'keydown', keydown );
 
@@ -76960,7 +76965,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function keyup( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         _this._state = _prevState;
 
@@ -76970,7 +76975,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function mousedown( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77007,7 +77012,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function mousemove( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77030,7 +77035,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function mouseup( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77045,7 +77050,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function mousewheel( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77071,7 +77076,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function touchstart( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         switch ( event.touches.length ) {
 
@@ -77104,7 +77109,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function touchmove( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77134,7 +77139,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function touchend( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         switch ( event.touches.length ) {
 
@@ -77159,7 +77164,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     }
 
-    if(Object.keys(window).length >= 2 && this.domElement) {
+    if(Object.keys(window).length >= 3 && this.domElement) {
         this.domElement.addEventListener( 'contextmn', function ( event ) {
             //event.preventDefault();
         }, false );
@@ -77205,7 +77210,8 @@ class Camera {
 
             let maxD = ic.maxD;
 
-            if(window.cam === ic.perspectiveCamera) {
+            // if(window.cam === ic.perspectiveCamera) {
+            if(ic.opts.camera.toLowerCase() == 'perspective') {
                 let bInstance = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > ic.maxatomcnt) ? true : false;
                 //var factor = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) ? 1 : 2;
                 //var factor = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) ? 1 : 3;
@@ -77220,26 +77226,26 @@ class Camera {
                 }
 
                 if(window.cam_z > 0) {
-                  window.cam.position.z = maxD * window.camMaxDFactor; // for perspective, the z position should be large enough to see the whole molecule
+                    window.cam.position.z = maxD * window.camMaxDFactor; // for perspective, the z position should be large enough to see the whole molecule
                 }
                 else {
-                  window.cam.position.z = -maxD * window.camMaxDFactor; // for perspective, the z position should be large enough to see the whole molecule
+                    window.cam.position.z = -maxD * window.camMaxDFactor; // for perspective, the z position should be large enough to see the whole molecule
                 }
 
-                if(ic.opts['slab'] === 'yes') {
-                    if(bInstance) {
-                        window.cam.near = 0.1;
-                    }
-                    else if(window.camMaxDFactorFog !== undefined) {
-                        window.cam.near = maxD * window.camMaxDFactorFog - 10; // keep some surrounding residues
-                    }
-                    else {
-                        window.cam.near = maxD * window.camMaxDFactor;
-                    }
-                }
-                else {
+                // if(ic.opts['slab'] === 'yes') {
+                //     if(bInstance) {
+                //         window.cam.near = 0.1;
+                //     }
+                //     else if(window.camMaxDFactorFog !== undefined) {
+                //         window.cam.near = maxD * window.camMaxDFactorFog - 10; // keep some surrounding residues
+                //     }
+                //     else {
+                //         window.cam.near = maxD * window.camMaxDFactor;
+                //     }
+                // }
+                // else {
                     window.cam.near = 0.1;
-                }
+                // }
                 window.cam.far = 10000;
 
                 if(ic.bControlGl && !me.bNode) {
@@ -77254,7 +77260,8 @@ class Camera {
                     }
                 }
             }
-            else if (window.cam === ic.orthographicCamera){
+            // else if (window.cam === ic.orthographicCamera){
+            else if(ic.opts.camera.toLowerCase() == 'orthographic') {
                 if(ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) {
                     window.cam.right = ic.maxD/2 * 1.5;
                 }
@@ -77266,12 +77273,12 @@ class Camera {
                 window.cam.top = window.cam.right /ic.container.whratio;
                 window.cam.bottom = -window.cam.right /ic.container.whratio;
 
-                  if(ic.opts['slab'] === 'yes') {
-                      window.cam.near = ic.maxD * 2;
-                  }
-                  else {
+                //   if(ic.opts['slab'] === 'yes') {
+                //       window.cam.near = ic.maxD * 2;
+                //   }
+                //   else {
                     window.cam.near = 0;
-                  }
+                //   }
 
                   window.cam.far = 10000;
 
@@ -77297,7 +77304,8 @@ class Camera {
 
             let maxD = ic.maxD;
 
-            if(ic.cam === ic.perspectiveCamera) {
+            // if(ic.cam === ic.perspectiveCamera) {
+            if(ic.opts.camera.toLowerCase() == 'perspective') {
                 let bInstance = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > ic.maxatomcnt) ? true : false;
                 //var factor = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) ? 1 : 2;
                 //var factor = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) ? 1 : 3;
@@ -77312,26 +77320,26 @@ class Camera {
                 }
 
                 if(ic.cam_z > 0) {
-                  ic.cam.position.z = maxD * ic.camMaxDFactor; // forperspective, the z positionshould be large enough to see the whole molecule
+                    ic.cam.position.z = maxD * ic.camMaxDFactor; // forperspective, the z positionshould be large enough to see the whole molecule
                 }
                 else {
-                  ic.cam.position.z = -maxD * ic.camMaxDFactor; // forperspective, the z positionshould be large enough to see the whole molecule
+                    ic.cam.position.z = -maxD * ic.camMaxDFactor; // forperspective, the z positionshould be large enough to see the whole molecule
                 }
 
-                if(ic.opts['slab'] === 'yes') {
-                    if(bInstance) {
-                        ic.cam.near = 0.1;
-                    }
-                    else if(ic.camMaxDFactorFog !== undefined) {
-                        ic.cam.near = maxD * ic.camMaxDFactorFog - 10; // keep some surrounding residues
-                    }
-                    else {
-                        ic.cam.near = maxD * ic.camMaxDFactor;
-                    }
-                }
-                else {
+                // if(ic.opts['slab'] === 'yes') {
+                //     if(bInstance) {
+                //         ic.cam.near = 0.1;
+                //     }
+                //     else if(ic.camMaxDFactorFog !== undefined) {
+                //         ic.cam.near = maxD * ic.camMaxDFactorFog - 10; // keep some surrounding residues
+                //     }
+                //     else {
+                //         ic.cam.near = maxD * ic.camMaxDFactor;
+                //     }
+                // }
+                // else {
                     ic.cam.near = 0.1;
-                }
+                // }
                 ic.cam.far = 10000;
 
                 if(ic.bControlGl && !me.bNode) {
@@ -77346,7 +77354,8 @@ class Camera {
                     }
                 }
             }
-            else if (ic.cam === ic.orthographicCamera){
+            // else if (ic.cam === ic.orthographicCamera){
+            else if(ic.opts.camera.toLowerCase() == 'orthographic') {
                 if(ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) {
                     ic.cam.right = ic.maxD/2 * 1.5;
                 }
@@ -77358,12 +77367,12 @@ class Camera {
                 ic.cam.top = ic.cam.right /ic.container.whratio;
                 ic.cam.bottom = -ic.cam.right /ic.container.whratio;
 
-                  if(ic.opts['slab'] === 'yes') {
-                      ic.cam.near = ic.maxD * 2;
-                  }
-                  else {
+                //   if(ic.opts['slab'] === 'yes') {
+                //       ic.cam.near = ic.maxD * 2;
+                //   }
+                //   else {
                     ic.cam.near = 0;
-                  }
+                //   }
 
                   ic.cam.far = 10000;
 
@@ -77385,6 +77394,85 @@ class Camera {
             ic.cam.updateProjectionMatrix();
     //    }
     }
+
+    setSlab() { let ic = this.icn3d, me = ic.icn3dui;
+        if(ic.bControlGl && !me.bNode) {
+            let maxD = ic.maxD;
+
+            // if(window.cam === ic.perspectiveCamera) {
+            if(ic.opts.camera.toLowerCase() == 'perspective') {
+                let bInstance = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > ic.maxatomcnt) ? true : false;
+
+                if(ic.opts['slab'] === 'yes') {
+                    if(bInstance) {
+                        window.cam.near = 0.1;
+                    }
+                    else if(window.camMaxDFactorFog !== undefined) {
+                        window.cam.near = maxD * window.camMaxDFactorFog - 10; // keep some surrounding residues
+                    }
+                    else {
+                        window.cam.near = maxD * window.camMaxDFactor;
+                    }
+                }
+                else {
+                    window.cam.near = 0.1;
+                }
+            }
+            // else if (window.cam === ic.orthographicCamera){
+            else if(ic.opts.camera.toLowerCase() == 'orthographic') {
+                  if(ic.opts['slab'] === 'yes') {
+                      window.cam.near = ic.maxD * 2;
+                  }
+                  else {
+                    window.cam.near = 0;
+                  }
+
+                  window.cam.far = 10000;
+            }
+
+            window.cam.updateProjectionMatrix();
+        }
+    //    else {
+            // also set its own camera for picking purpose
+
+            let maxD = ic.maxD;
+
+            // if(ic.cam === ic.perspectiveCamera) {
+            if(ic.opts.camera.toLowerCase() == 'perspective') {
+                let bInstance = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > ic.maxatomcnt) ? true : false;
+
+                if(ic.opts['slab'] === 'yes') {
+                    if(bInstance) {
+                        ic.cam.near = 0.1;
+                    }
+                    else if(ic.camMaxDFactorFog !== undefined) {
+                        ic.cam.near = maxD * ic.camMaxDFactorFog - 10; // keep some surrounding residues
+                    }
+                    else {
+                        ic.cam.near = maxD * ic.camMaxDFactor;
+                    }
+                }
+                else {
+                    ic.cam.near = 0.1;
+                }
+            }
+            // else if (ic.cam === ic.orthographicCamera){
+            else if(ic.opts.camera.toLowerCase() == 'orthographic') {
+                  if(ic.opts['slab'] === 'yes') {
+                      ic.cam.near = ic.maxD * 2;
+                  }
+                  else {
+                    ic.cam.near = 0;
+                  }
+
+                  ic.cam.far = 10000;
+            }
+
+            // ic.cam.add(ic.directionalLight);
+
+            ic.cam.updateProjectionMatrix();
+    //    }
+    }
 }
 
 /**
@@ -93521,7 +93609,7 @@ class AnnoSnpClinVar {
           let snpResn = snpStr.substr(posSymbol - 1, 1);
           let atom = ic.firstAtomObjCls.getFirstAtomObj(ic.residues[chnid + '_' + realResi]);
           let oneLetterRes = (atom) ? me.utilsCls.residueName2Abbr(atom.resn.substr(0, 3)) : '';
-          if(!bFromClinVarDb) {
+          if(!bFromClinVarDb && ic.chainsSeq[chnid][resi - 1]) {
             oneLetterRes = ic.chainsSeq[chnid][resi - 1].name;
           }
 
@@ -106393,11 +106481,14 @@ class MmcifParser {
                 let mat4 = new Matrix4$1();
                 mat4.fromArray(data.assembly[i]);
     
-                ic.biomtMatrices[i] = mat4;
+                // sometimes an extra matrix as included, e.g., PDb ID 2GTL
+                if(i == 0 && data.assembly[i][0] != 1) continue;
+
+                ic.biomtMatrices.push(mat4);
             }
     
             ic.asuCnt = ic.biomtMatrices.length;
-    
+
             // show bioassembly 
             if(me.cfg.bu == 1 && Object.keys(ic.atoms).length * ic.asuCnt > ic.maxatomcnt) {
                 ic.bAssembly = true;
@@ -119650,19 +119741,7 @@ class LoadScript {
     updateTransformation(steps) { let ic = this.icn3d; ic.icn3dui;
       let commandTransformation = (ic.commands[steps-1]) ? ic.commands[steps-1].split('|||') : [];
 
-      if(commandTransformation.length == 2) {
-          let transformation = JSON.parse(commandTransformation[1]);
-
-          ic._zoomFactor = transformation.factor;
-
-          ic.mouseChange.x = transformation.mouseChange.x;
-          ic.mouseChange.y = transformation.mouseChange.y;
-
-          ic.quaternion._x = transformation.quaternion._x;
-          ic.quaternion._y = transformation.quaternion._y;
-          ic.quaternion._z = transformation.quaternion._z;
-          ic.quaternion._w = transformation.quaternion._w;
-      }
+      ic.transformCls.resetOrientation_base(commandTransformation);
 
       // ic.bRender = true;
       ic.drawCls.draw();
@@ -120444,19 +120523,17 @@ class LoadScript {
 
         let commandTransformation = (ic.commands[steps-1]) ? ic.commands[steps-1].split('|||') : [];
 
-        if(commandTransformation.length == 2) {
-            let transformation = JSON.parse(commandTransformation[1]);
+        // load a URL with trackball transformation, or no info after "|||"
+        if(commandTransformation.length != 2 || (commandTransformation.length == 2 && commandTransformation[1].substr(0,1) == '{')) {
+          ic.bSetCamera = true;
+        } 
+        else {
+          ic.bSetCamera = false;
+        }
 
-            ic._zoomFactor = transformation.factor;
+        if(commandTransformation.length == 2 && commandTransformation[1].substr(0,1) == '{') ic.bTransformation = true;
 
-            ic.mouseChange.x = transformation.mouseChange.x;
-            ic.mouseChange.y = transformation.mouseChange.y;
-
-            ic.quaternion._x = transformation.quaternion._x;
-            ic.quaternion._y = transformation.quaternion._y;
-            ic.quaternion._z = transformation.quaternion._z;
-            ic.quaternion._w = transformation.quaternion._w;
-        }
+        ic.transformCls.resetOrientation_base(commandTransformation);
 
         ic.selectionCls.oneStructurePerWindow();
 
@@ -128858,13 +128935,9 @@ class Transform {
         this.icn3d = icn3d;
     }
 
-    //Set the orientation to the original one, but leave the style, color, etc alone.
-    resetOrientation() { let ic = this.icn3d; ic.icn3dui;
-        let bSet = false;
-        if(ic.commands.length > 0) {
-            let commandTransformation = ic.commands[0].split('|||');
-
-            if(commandTransformation.length == 2) {
+    resetOrientation_base(commandTransformation) { let ic = this.icn3d; ic.icn3dui;
+        if(commandTransformation.length == 2 && commandTransformation[1].length > 0) {
+            if(ic.bSetCamera) { // |||{"factor"...}
                 let transformation = JSON.parse(commandTransformation[1]);
 
                 ic._zoomFactor = transformation.factor;
@@ -128876,16 +128949,46 @@ class Transform {
                 ic.quaternion._y = transformation.quaternion._y;
                 ic.quaternion._z = transformation.quaternion._z;
                 ic.quaternion._w = transformation.quaternion._w;
+                bSet1 = true;
+            }
+            else { // |||pos:a,b,c|dir:a,b,c|up:a,b,c|fov:a
+                let bcfArray = commandTransformation[1].split('|');
+                bcfArray.forEach(item => {
+                    let itemArray = item.split(':');
+                    if(itemArray[0] == 'fov') {
+                        ic.cam.fov = parseFloat(itemArray[1]);
+                    }
+                    else {
+                        let abc = itemArray[1].split(',');
+                        if(itemArray[0] == 'pos') {
+                            ic.cam.position.set(parseFloat(abc[0]), parseFloat(abc[1]), parseFloat(abc[2]));
+                        }
+                        else if(itemArray[0] == 'dir') {
+                            ic.cam.quaternion.setFromUnitVectors(new Vector3$1(0, 0, -1), new Vector3$1(parseFloat(abc[0]), parseFloat(abc[1]), parseFloat(abc[2])));
+                        }
+                        else if(itemArray[0] == 'up') {
+                            ic.cam.up.set(parseFloat(abc[0]), parseFloat(abc[1]), parseFloat(abc[2]));
+                        }
+                    }
+                });
+
 
-                bSet = true;
             }
         }
-
-        if(!bSet) {
+        else {
             ic._zoomFactor = 1.0;
             ic.mouseChange = new Vector2$1(0,0);
             ic.quaternion = new Quaternion(0,0,0,1);
         }
+    }
+
+    //Set the orientation to the original one, but leave the style, color, etc alone.
+    resetOrientation() { let ic = this.icn3d; ic.icn3dui;
+        if(ic.commands.length > 0) {
+            let commandTransformation = ic.commands[0].split('|||');
+
+            this.resetOrientation_base(commandTransformation);
+        }
 
         //reset ic.maxD
         ic.maxD = ic.oriMaxD;
@@ -129115,25 +129218,43 @@ class Transform {
     }
 
     getTransformationStr(transformation) {var ic = this.icn3d; ic.icn3dui;
-        let transformation2 = {"factor": 1.0, "mouseChange": {"x": 0, "y": 0}, "quaternion": {"_x": 0, "_y": 0, "_z": 0, "_w": 1} };
-        transformation2.factor = parseFloat(transformation.factor).toPrecision(4);
-        transformation2.mouseChange.x = parseFloat(transformation.mouseChange.x).toPrecision(4);
-        transformation2.mouseChange.y = parseFloat(transformation.mouseChange.y).toPrecision(4);
-        transformation2.quaternion._x = parseFloat(transformation.quaternion._x).toPrecision(4);
-        transformation2.quaternion._y = parseFloat(transformation.quaternion._y).toPrecision(4);
-        transformation2.quaternion._z = parseFloat(transformation.quaternion._z).toPrecision(4);
-        transformation2.quaternion._w = parseFloat(transformation.quaternion._w).toPrecision(4);
-
-        if(transformation2.factor == '1.0000') transformation2.factor = 1;
-        if(transformation2.mouseChange.x == '0.0000') transformation2.mouseChange.x = 0;
-        if(transformation2.mouseChange.y == '0.0000') transformation2.mouseChange.y = 0;
-
-        if(transformation2.quaternion._x == '0.0000') transformation2.quaternion._x = 0;
-        if(transformation2.quaternion._y == '0.0000') transformation2.quaternion._y = 0;
-        if(transformation2.quaternion._z == '0.0000') transformation2.quaternion._z = 0;
-        if(transformation2.quaternion._w == '1.0000') transformation2.quaternion._w = 1;
-
-        return JSON.stringify(transformation2);
+        if(ic.bTransformation) {
+            let transformation2 = {"factor": 1.0, "mouseChange": {"x": 0, "y": 0}, "quaternion": {"_x": 0, "_y": 0, "_z": 0, "_w": 1} };
+            transformation2.factor = parseFloat(transformation.factor).toPrecision(4);
+            transformation2.mouseChange.x = parseFloat(transformation.mouseChange.x).toPrecision(4);
+            transformation2.mouseChange.y = parseFloat(transformation.mouseChange.y).toPrecision(4);
+            transformation2.quaternion._x = parseFloat(transformation.quaternion._x).toPrecision(4);
+            transformation2.quaternion._y = parseFloat(transformation.quaternion._y).toPrecision(4);
+            transformation2.quaternion._z = parseFloat(transformation.quaternion._z).toPrecision(4);
+            transformation2.quaternion._w = parseFloat(transformation.quaternion._w).toPrecision(4);
+
+            if(transformation2.factor == '1.0000') transformation2.factor = 1;
+            if(transformation2.mouseChange.x == '0.0000') transformation2.mouseChange.x = 0;
+            if(transformation2.mouseChange.y == '0.0000') transformation2.mouseChange.y = 0;
+
+            if(transformation2.quaternion._x == '0.0000') transformation2.quaternion._x = 0;
+            if(transformation2.quaternion._y == '0.0000') transformation2.quaternion._y = 0;
+            if(transformation2.quaternion._z == '0.0000') transformation2.quaternion._z = 0;
+            if(transformation2.quaternion._w == '1.0000') transformation2.quaternion._w = 1;
+
+            return JSON.stringify(transformation2);
+        }
+        else if(ic.cam) {
+            // |||pos:a,b,c|dir:a,b,c|up:a,b,c|fov:a
+            let str = '';
+            str += 'pos:' + ic.cam.position.x.toPrecision(4) + ',' + ic.cam.position.y.toPrecision(4) + ',' + ic.cam.position.z.toPrecision(4);
+
+            let direction = (new Vector3$1(0, 0, -1)).applyQuaternion(ic.cam.quaternion);
+            str += '|dir:' + direction.x.toPrecision(4) + ',' + direction.y.toPrecision(4) + ',' + direction.z.toPrecision(4);
+
+            str += '|up:' + ic.cam.up.x.toPrecision(4) + ',' + ic.cam.up.y.toPrecision(4) + ',' + ic.cam.up.z.toPrecision(4);
+            str += '|fov:' + ic.cam.fov.toPrecision(4);
+
+            return str;
+        }
+        else {
+            return '';
+        }
     }
 }
 
@@ -132048,38 +132169,14 @@ class Picking {
           else {
               // highlight the sequence background
               ic.hlUpdateCls.updateHlAll();
-              let transformation = {};
-              transformation.factor = ic._zoomFactor;
-              transformation.mouseChange = ic.mouseChange;
-              //transformation.quaternion = ic.quaternion;
-              transformation.quaternion = {};
-              transformation.quaternion._x = parseFloat(ic.quaternion._x).toPrecision(5);
-              transformation.quaternion._y = parseFloat(ic.quaternion._y).toPrecision(5);
-              transformation.quaternion._z = parseFloat(ic.quaternion._z).toPrecision(5);
-              transformation.quaternion._w = parseFloat(ic.quaternion._w).toPrecision(5);
-
-              /*
-              if(ic.bAddCommands) {
-                  ic.commands.push('pickatom ' + atom.serial + '|||' + ic.transformCls.getTransformationStr(transformation));
-                  ic.optsHistory.push(me.hashUtilsCls.cloneHash(ic.opts));
-                  ic.optsHistory[ic.optsHistory.length - 1].hlatomcount = Object.keys(ic.hAtoms).length;
-                  if(me.utilsCls.isSessionStorageSupported()) ic.setStyleCls.saveCommandsToSession();
-                  ic.STATENUMBER = ic.commands.length;
-              }
-              ic.logs.push('pickatom ' + atom.serial + '(chain: ' + atom.structure + '_' + atom.chain + ', residue: ' + atom.resn + ', number: ' + atom.resi + ', atom: ' + atom.name + ')');
-              if( $( "#" + ic.pre + "logtext" ).length )  {
-                $("#" + ic.pre + "logtext").val("> " + ic.logs.join("\n> ") + "\n> ").scrollTop($("#" + ic.pre + "logtext")[0].scrollHeight);
-              }
-              */
+
               me.htmlCls.clickMenuCls.setLogCmd('pickatom ' + atom.serial, true);
 
               ic.selectionCls.saveSelInCommand();
 
               // update the interaction flag
               ic.bSphereCalc = false;
-              //me.htmlCls.clickMenuCls.setLogCmd('set calculate sphere false', true);
               ic.bHbondCalc = false;
-              //me.htmlCls.clickMenuCls.setLogCmd('set calculate hbond false', true);
           }
       }
     }
@@ -132873,6 +132970,8 @@ class iCn3D {
 
     this.bUsePdbNum = true;
 
+    this.bSetCamera = true; 
+
     let bWebGL, bWebGL2, bVR;
     if(!this.icn3dui.bNode) {
         let canvas = document.createElement( 'canvas' );
@@ -133572,10 +133671,10 @@ class iCn3DUI {
     //even when multiple iCn3D viewers are shown together.
     this.pre = this.cfg.divid + "_";
 
-    this.REVISION = '3.44.2';
+    this.REVISION = '3.45.0';
 
-    // In nodejs, iCn3D defines "window = {navigator: {}}"
-    this.bNode = (Object.keys(window).length < 2) ? true : false;
+    // In nodejs, iCn3D defines "window = {navigator: {}}", and added window = {navigator: {}, "__THREE__":"177"}
+    this.bNode = (Object.keys(window).length < 3) ? true : false;
 
     if(this.cfg.command === undefined) this.cfg.command = '';
     if(this.cfg.width === undefined) this.cfg.width = '100%';