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

Draft: Update three.js to latest version #383

Open
wants to merge 42 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
42 commits
Select commit Hold shift + click to select a range
5ffdf05
Remove build dir from repo
bartenra Mar 2, 2022
9fab3b0
Remove usage of process variable in ImageLoader
bartenra Mar 2, 2022
1ae6ae9
update three.js, use class for Infospot, Reticle, ImagePanorama, Pano…
bartenra Mar 2, 2022
2b68e8f
Revert "Remove build dir from repo"
bartenra Mar 2, 2022
3ef96a9
rewrite remaining ES5 constructors to class constructors
bartenra Mar 2, 2022
e1e122a
Add Panolens.d.ts to output
bartenra Mar 17, 2022
ef37daf
Rebuild
bartenra Mar 17, 2022
2e0e48f
Add Panolens.d.ts to output
bartenra Mar 17, 2022
00f04d1
Fix a lot of types
bartenra Mar 17, 2022
c41a2cb
v0.0.1 release
bartenra Mar 18, 2022
40821fe
Add type for ViewerOptions
bartenra Mar 18, 2022
4e0fc48
v0.0.2
bartenra Mar 18, 2022
7b49eda
0.0.3 release
bartenra Mar 24, 2022
6c4adba
Update repository
bartenra Mar 24, 2022
d84d4e4
Skip a bunch of tests
bartenra Mar 24, 2022
d0a5c4e
Update build
bartenra Mar 24, 2022
2a104ec
Update docs
bartenra Mar 24, 2022
1411687
0.0.4
bartenra Mar 24, 2022
caad952
Update README.md
bartenra Mar 24, 2022
d088d26
Update build
bartenra Mar 24, 2022
ac79524
Update docs
bartenra Mar 24, 2022
384817f
0.0.5
bartenra Mar 24, 2022
e4162cf
Fix calling activateWidgetItem when this.widget is not defined
bartenra Apr 12, 2022
95c3f2b
Update build
bartenra Apr 12, 2022
f9f24e1
Update docs
bartenra Apr 12, 2022
b610787
0.0.6
bartenra Apr 12, 2022
44dc7b8
add revertZoomScrollDirection to OrbitControls
bartenra Apr 27, 2022
364351f
add revertZoomScrollDirection to OrbitControls
bartenra Apr 27, 2022
d08e854
Update build
bartenra Apr 27, 2022
cea225b
Update docs
bartenra Apr 27, 2022
f5f4005
0.0.7
bartenra Apr 27, 2022
3af08ff
fix revertZoomScrollDirection OrbitControls option
bartenra Apr 27, 2022
e5bd620
Update build
bartenra Apr 27, 2022
5f5b8d1
Update docs
bartenra Apr 27, 2022
3df75fc
0.0.8
bartenra Apr 27, 2022
d256c06
zoomIn
bartenra Apr 27, 2022
d976d57
Update build
bartenra Apr 27, 2022
799e709
Update docs
bartenra Apr 27, 2022
1b6c26f
0.0.9
bartenra Apr 27, 2022
fb8866d
removed deprecated three.js methods
Jun 10, 2022
ab2bf09
Jun 10, 2022
1b38931
Jun 10, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 9 additions & 68 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,77 +1,18 @@
# Panolens.js
# @enra-gmbh/panolens

[![NPM package][npm]][npm-url]
[![License][license]][license-url]
[![Bundle Size][bundle-size]][bundle-size-url]
[![Build Status][build-status]][build-status-url]
[![Dependencies][dependencies]][dependencies-url]
[![Dev Dependencies][dev-dependencies]][dev-dependencies-url]
[![Language Grade][lgtm]][lgtm-url]
[![Coverage][coverage]][coverage-url]

## Javascript 360 Panorama Viewer
This is a fork of [Panolens.js](https://github.com/pchen66/panolens.js), a Javascript 360 Panorama Viewer. Goals of this fork:

Panolens.js is an event-driven and WebGL based panorama viewer. Lightweight and flexible. It's built on top of [Three.JS](https://github.com/mrdoob/three.js).
- [x] Run with the newest version of Three.js (which uses ES6 class syntax).
- [x] Improve Typescript support (include types in published bundle).
- [ ] Have all tests in run in a browser, don't mock WebGL.

[Examples](https://pchen66.github.io/Panolens/#Example) —
[Documentation](https://pchen66.github.io/panolens.js) —
[Migration](https://github.com/pchen66/panolens.js/wiki/MigrationGuide) —
[FAQ](https://github.com/pchen66/panolens.js/wiki/Frequently-Asked-Questions)

<p align="center">
<img alt= "Panorama Demo" style="object-fit:cover" src="https://github.com/pchen66/pchen66.github.io/blob/master/Panolens/images/panolens.gif?raw=true">
</p>

## Usage

Include `three.min.js` and `panolens.min.js`

To find the correct supported versions, please check `dependencies` section in `package.json` or acess `PANOLENS.VERSION` or `PANOLENS.THREE_VERSION` at runtime.

```html
<script src="js/three.min.js"></script>
<script src="js/panolens.min.js"></script>
```
The following code generates a 360 image panorama. The first panorama added to the viewer will be the entry point. To link panoramas, use `panorama.link( other_panorama, new THREE.Vector3( X, Y, Z ) )` to connect the two.
```javascript
const panorama = new PANOLENS.ImagePanorama( 'asset/equirectangular.jpg' );
const viewer = new PANOLENS.Viewer();
viewer.add( panorama );
```

## Dependency

Panolens.js includes [Tween.js](https://github.com/tweenjs/tween.js/) by default, meaning `TWEEN` will be available with `window` object

## How to contribute

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

### **Development**
```
npm start
```

### **Build**
```
npm run build-closure
```

[npm]: https://img.shields.io/npm/v/panolens.svg
[npm-url]:https://www.npmjs.com/package/panolens
[npm]: https://img.shields.io/npm/v/@enra-gmbh/panolens.svg
[npm-url]:https://www.npmjs.com/package/@enra-gmbh/panolens
[license]: https://img.shields.io/github/license/pchen66/panolens.js.svg
[license-url]: ./LICENSE
[bundle-size]: https://badgen.net/bundlephobia/minzip/panolens
[bundle-size-url]: https://bundlephobia.com/result?p=panolens
[build-status]: https://travis-ci.com/pchen66/panolens.js.svg?branch=dev
[build-status-url]: https://travis-ci.com/pchen66/panolens.js
[dependencies]: https://img.shields.io/david/pchen66/panolens.js.svg
[dependencies-url]: https://david-dm.org/pchen66/panolens.js
[dev-dependencies]: https://img.shields.io/david/dev/pchen66/panolens.js.svg
[dev-dependencies-url]: https://david-dm.org/pchen66/panolens.js?type=dev
[lgtm]: https://img.shields.io/lgtm/grade/javascript/g/pchen66/panolens.js.svg?logo=lgtm&logoWidth=18&label=code%20quality
[lgtm-url]: https://lgtm.com/projects/g/pchen66/panolens.js/context:javascript
[coverage]: https://coveralls.io/repos/github/pchen66/panolens.js/badge.svg?branch=dev
[coverage-url]: https://coveralls.io/github/pchen66/panolens.js?branch=dev
[panolens-support]: https://pics.paypal.com/00/p/NDIyZmRiMGEtMGQyMy00Y2QzLWI1YWQtZmY1OGI1MzRjNDYw/image_2.PNG
[panolens-support-url]: https://www.paypal.me/panolens
[bundle-size]: https://badgen.net/bundlephobia/minzip/@enra-gmbh/panolens
[bundle-size-url]: https://bundlephobia.com/result?p=@enra-gmbh/panolens
Loading