Skip to content
This repository was archived by the owner on Jun 18, 2023. It is now read-only.

Commit 0c14286

Browse files
authored
Merge pull request #1 from sbolel/sbolel/update
sbolel/updates
2 parents 304eb3e + cfdf7bb commit 0c14286

File tree

7 files changed

+55964
-52645
lines changed

7 files changed

+55964
-52645
lines changed

README.md

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# [Panolens.js][pchen66/about]
1+
# Panolens.js
22

33
[![NPM version][npm-image]][npm-url]
44
[![License][license-image]][license-url]
@@ -12,30 +12,28 @@
1212
##### Fork of [`Panolens.js`][pchen66/about] by [**pchen66**][pchen66]
1313

1414
Panolens.js is an event-driven and WebGL based panorama viewer built on top of [Three.JS][three].
15-
# [Panolens.js](http://pchen66.github.io/Panolens)
1615

17-
![Panorama Demo](https://sbolel.github.io/pano)
16+
##### ![Panorama Demo](https://sbolel.github.io/pano)
1817

19-
###Usage
18+
### Usage
2019

21-
Include `three.min.js` and `panolens.min.js`
20+
~Include `three.min.js` and `panolens.min.js`~
21+
22+
Include `panolens.min.js` (different than [pchen66][pchen66]'s -- this bundle includes three.js)
2223

2324
```html
2425
<script src="js/three.min.js"></script>
2526
<script src="js/panolens.min.js"></script>
2627
```
28+
2729
This code creates a 360 image panorama. The first panorama added to the viewer will be the entry point. To link panoramas, simply use `panorama.link( other_panorama )` to connect the two. See [examples](http://pchen66.github.io/Panolens/) and [documentation](http://pchen66.github.io/Panolens/docs/index.html) for more details.
2830

2931
```html
3032
<script>
31-
3233
var panorama, viewer;
33-
3434
panorama = new PANOLENS.ImagePanorama( 'asset/equirectangular.jpg' );
35-
3635
viewer = new PANOLENS.Viewer();
3736
viewer.add( panorama );
38-
3937
</script>
4038
```
4139

@@ -60,11 +58,11 @@ All attributes are optional
6058
</script>
6159
```
6260

63-
###Examples
61+
### Examples
6462

65-
Check Panolens [example page](http://pchen66.github.io/Panolens/#Example)
63+
Check [pchen66][pchen66]'s Panolens [example page](http://pchen66.github.io/Panolens/#Example)
6664

67-
###Features
65+
### Features
6866

6967
1. Support equirectangular image
7068
2. Support cubemap images
@@ -75,20 +73,20 @@ Check Panolens [example page](http://pchen66.github.io/Panolens/#Example)
7573
7. Built-in fullscreen and video control widgets
7674
8. Convert equirectangular image into little planet (Stereographic projection)
7775

78-
###How to add an infospot (hotspot)
76+
### How to add an infospot (hotspot)
7977

8078
Move cursor on a specific point in a panorama and press `Ctrl` with mouse clicking or hovering, which will generate position (x, y, z) in the console. See [Panorama Infospot](http://pchen66.github.io/Panolens/examples/panorama_infospot.html) example for creating and attaching infospots.
8179

8280
![Panorama Finding Infospot Position](https://github.com/pchen66/pchen66.github.io/blob/master/Panolens/images/panolens_add_infospot_480p.gif?raw=true)
8381

84-
###Dependency
82+
### Dependency
8583

8684
Panolens.js includes [Tween.js](https://github.com/tweenjs/tween.js/) by default
8785

88-
###How to contribute
86+
### How to contribute
8987

9088
Always make your contributions for the latest `dev` branch, not `master`, so it can be tracked for the next release.
9189

92-
###Roadmap
90+
### Roadmap
9391
1. npm packaging
9492
2. infospot editor

0 commit comments

Comments
 (0)