Release 3.3.2

README.md

@@ -46,17 +46,16 @@ Photo Sphere Viewer is available on [jsDelivr](https://cdn.jsdelivr.net/npm/phot
 #### Prerequisites
  * NodeJS + NPM: `apt-get install nodejs-legacy npm`
  * Grunt CLI: `npm install -g grunt-cli`
- * Bower: `npm install -g bower`
 
 #### Run
 
-Install Node and Bower dependencies `npm install & bower install` then run `grunt` in the root directory to generate production files inside `dist`.
+Install Node and Bower dependencies `npm install` then run `grunt` in the root directory to generate production files inside `dist`.
 
 #### Other commands
 
  * `grunt test` to run jshint/jscs/scsslint.
  * `grunt serve` to open the example page with automatic build and livereload.
- * `grunt jsdoc` to generate the documentation.
+ * `grunt doc` to generate the documentation.
 
 ## License
 This library is available under the MIT license.

bower.json

@@ -24,9 +24,6 @@
     "uevent": "~1.0.0",
     "doT": ">=1.0.3"
   },
-  "devDependencies": {
-    "three.js-examples": "master"
-  },
   "keywords": [
     "photosphere",
     "panorama",

dist/photo-sphere-viewer.css

@@ -1,5 +1,5 @@
 /*!
- * Photo Sphere Viewer 3.3.1
+ * Photo Sphere Viewer 3.3.2
  * Copyright (c) 2014-2015 Jérémy Heleine
  * Copyright (c) 2015-2018 Damien "Mistic" Sorel
  * Licensed under MIT (http://opensource.org/licenses/MIT)

dist/photo-sphere-viewer.js

@@ -1,5 +1,5 @@
 /*!
- * Photo Sphere Viewer 3.3.1
+ * Photo Sphere Viewer 3.3.2
  * Copyright (c) 2014-2015 Jérémy Heleine
  * Copyright (c) 2015-2018 Damien "Mistic" Sorel
  * Licensed under MIT (http://opensource.org/licenses/MIT)
@@ -1026,7 +1026,7 @@ PhotoSphereViewer.prototype._createSphere = function() {
   );
 
   var material = new THREE.MeshBasicMaterial({
-    side: THREE.BackSide,
+    side: THREE.DoubleSide, // needs to be DoubleSide for CanvasRenderer
     overdraw: PhotoSphereViewer.SYSTEM.isWebGLSupported && this.config.webgl ? 0 : 1
   });
 

example/cubemap.htm

@@ -30,13 +30,13 @@
 
 <div id="photosphere"></div>
 
-<script src="../bower_components/three.js/three.js"></script>
-<script src="../bower_components/D.js/lib/D.js"></script>
-<script src="../bower_components/uevent/uevent.js"></script>
-<script src="../bower_components/doT/doT.js"></script>
-<script src="../bower_components/three.js-examples/examples/js/renderers/CanvasRenderer.js"></script>
-<script src="../bower_components/three.js-examples/examples/js/renderers/Projector.js"></script>
-<script src="../bower_components/three.js-examples/examples/js/controls/DeviceOrientationControls.js"></script>
+<script src="../node_modules/three/build/three.js"></script>
+<script src="../node_modules/d.js/lib/D.js"></script>
+<script src="../node_modules/uevent/uevent.js"></script>
+<script src="../node_modules/dot/doT.js"></script>
+<script src="../node_modules/three/examples/js/renderers/CanvasRenderer.js"></script>
+<script src="../node_modules/three/examples/js/renderers/Projector.js"></script>
+<script src="../node_modules/three/examples/js/controls/DeviceOrientationControls.js"></script>
 <script src="../dist/photo-sphere-viewer.js"></script>
 
 <script>

example/index.htm

@@ -40,13 +40,13 @@
 
 <div id="photosphere"></div>
 
-<script src="../bower_components/three.js/three.js"></script>
-<script src="../bower_components/D.js/lib/D.js"></script>
-<script src="../bower_components/uevent/uevent.js"></script>
-<script src="../bower_components/doT/doT.js"></script>
-<script src="../bower_components/three.js-examples/examples/js/renderers/CanvasRenderer.js"></script>
-<script src="../bower_components/three.js-examples/examples/js/renderers/Projector.js"></script>
-<script src="../bower_components/three.js-examples/examples/js/controls/DeviceOrientationControls.js"></script>
+<script src="../node_modules/three/build/three.js"></script>
+<script src="../node_modules/d.js/lib/D.js"></script>
+<script src="../node_modules/uevent/uevent.js"></script>
+<script src="../node_modules/dot/doT.js"></script>
+<script src="../node_modules/three/examples/js/renderers/CanvasRenderer.js"></script>
+<script src="../node_modules/three/examples/js/renderers/Projector.js"></script>
+<script src="../node_modules/three/examples/js/controls/DeviceOrientationControls.js"></script>
 <script src="../dist/photo-sphere-viewer.js"></script>
 
 <!-- text used for the marker description -->

package.json

@@ -1,6 +1,6 @@
 {
   "name": "photo-sphere-viewer",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "authors": [
     {
       "name": "Jérémy Heleine",

src/js/PhotoSphereViewer.core.js

@@ -472,7 +472,7 @@ PhotoSphereViewer.prototype._createSphere = function() {
   );
 
   var material = new THREE.MeshBasicMaterial({
-    side: THREE.BackSide,
+    side: THREE.DoubleSide, // needs to be DoubleSide for CanvasRenderer
     overdraw: PhotoSphereViewer.SYSTEM.isWebGLSupported && this.config.webgl ? 0 : 1
   });
 

tests/utils/index.js

@@ -4,7 +4,7 @@ var assert = require('assert');
 
 // Load PSVUtils (not a node module) in current context
 global.PhotoSphereViewer = {};
-vm.runInThisContext(fs.readFileSync('bower_components/three.js/three.js'));
+vm.runInThisContext(fs.readFileSync('node_modules/three/build/three.js'));
 vm.runInThisContext(fs.readFileSync('src/js/PSVError.js'));
 vm.runInThisContext(fs.readFileSync('src/js/PSVUtils.js'));