From 98182b7f13e51eebc38c91d0996fe53950abdbe6 Mon Sep 17 00:00:00 2001 From: gcondess Date: Mon, 26 Jul 2021 04:10:49 +0200 Subject: [PATCH 001/134] PLAYLIST Bugfix and AJAX autoplay - Fix current video position bug in playlistPlayer when video is used in other playlists - Perform autoplay and loop features - Add a "video_all_info" ajax view to enable autoplay on modern browser (who need user action before playing without mute after page load) - Replace '&' by '%26' in authentication redirection to handle multiple url parameters (like auto and loop for plalists) --- pod/authentication/views.py | 10 +- pod/playlist/static/css/videojs-playlist.css | 40 +++- .../static/js/videojs-playlist-controlbar.js | 58 ++++++ .../templates/playlist/playlist_player.html | 156 +++++++++++--- pod/urls.py | 7 + .../templates/videos/video-all-info.html | 95 +++++++++ pod/video/templates/videos/video-form.html | 4 +- pod/video/templates/videos/video-iframe.html | 192 +++++++++++++----- pod/video/templates/videos/video-script.html | 3 + pod/video/templates/videos/video.html | 110 ++-------- pod/video/views.py | 74 +++++++ 11 files changed, 569 insertions(+), 180 deletions(-) create mode 100644 pod/playlist/static/js/videojs-playlist-controlbar.js create mode 100644 pod/video/templates/videos/video-all-info.html diff --git a/pod/authentication/views.py b/pod/authentication/views.py index 5f04864dba..3cf4673583 100644 --- a/pod/authentication/views.py +++ b/pod/authentication/views.py @@ -24,6 +24,9 @@ @gateway() def authentication_login_gateway(request): next = request.GET["next"] if request.GET.get("next") else "/" + f=open('/home/pod/django_projects/podv2dev/pod/log/custom.log', 'a') + f.write('In authentication_login_gateway next is : \n'+next+'\n') + f.close() if request.user.is_authenticated(): return redirect(next) @@ -47,12 +50,15 @@ def authentication_login_gateway(request): def authentication_login(request): referrer = request.GET["referrer"] if request.GET.get("referrer") else "/" + f=open('/home/pod/django_projects/podv2dev/pod/log/custom.log', 'a') + f.write('In authentication_login referrer is : \n'+referrer+'\n') + f.close() iframe_param = "is_iframe=true&" if (request.GET.get("is_iframe")) else "" if request.user.is_authenticated(): return redirect(referrer) if USE_CAS and CAS_GATEWAY: url = reverse("authentication_login_gateway") - url += "?%snext=%s" % (iframe_param, referrer) + url += "?%snext=%s" % (iframe_param, referrer.replace('&', '%26')) return redirect(url) elif USE_CAS or USE_SHIB or USE_OIDC: return render( @@ -69,7 +75,7 @@ def authentication_login(request): ) else: url = reverse("local-login") - url += "?%snext=%s" % (iframe_param, referrer) + url += "?%snext=%s" % (iframe_param, referrer.replace('&', '%26')) return redirect(url) diff --git a/pod/playlist/static/css/videojs-playlist.css b/pod/playlist/static/css/videojs-playlist.css index d142785edc..8279ca31bd 100644 --- a/pod/playlist/static/css/videojs-playlist.css +++ b/pod/playlist/static/css/videojs-playlist.css @@ -11,20 +11,20 @@ overflow-y: auto; } .playlist-videos p { - position: relative; - right: 90px; - top: 40px; - display: inline-block; + position: absolute; + right: 2.5em; + top: 2.25em; + display: block; font-size: small; + text-align: right; } .playlist-videos p svg { width: 70%; } .playlist-videos .card { - margin-top: 1.5rem; - margin-left: 2.3rem; display: inline-block; - width: 15%; + width: 100%; + margin: 1.5.em 0 0; } .playlist-videos .card .card-footer, .playlist-videos .card .text-muted.small { @@ -42,4 +42,28 @@ .playlist-options:hover { color: #007bff !important; cursor: pointer; -} \ No newline at end of file +} + +#playlist > .card-header .fill-color-pod{ + fill:var(--light); +} +#playlist > .card-header .on > .fill-color-pod { + fill:var(--primary); +} +.playlist-videos .card-group.on > .video-card {border:solid 2px var(--primary) !important} + +.hidden {display:none} + +#video-form-wrapper { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1050; + padding: 1.25em; +} +#mainContent #video-form-wrapper { + left: 1.5em; + right: 1.5em; +} diff --git a/pod/playlist/static/js/videojs-playlist-controlbar.js b/pod/playlist/static/js/videojs-playlist-controlbar.js new file mode 100644 index 0000000000..a0a36f5d7d --- /dev/null +++ b/pod/playlist/static/js/videojs-playlist-controlbar.js @@ -0,0 +1,58 @@ +(function () { + "use strict"; + var videojs = null; + if (typeof window.videojs === "undefined" && typeof require === "function") { + videojs = require("video.js"); + } else { + videojs = window.videojs; + } + + (function (window, videojs) { + var videoJsPlaylist, + defaults = { + ui: true, + }; + + /* + * Playlist menu button + */ + var MenuButton = videojs.getComponent("Button"); + + var PlaylistMenuButton = videojs.extend(MenuButton, { + constructor: function (player, options) { + options.label = "Playlist"; + MenuButton.call(this, player, options); + this.el().setAttribute("aria-label", "Playlist"); + videojs.dom.addClass(this.el(), "vjs-playlist-button"); + this.controlText("Playlist"); + }, + }); + PlaylistMenuButton.prototype.handleClick = function (event) { + MenuButton.prototype.handleClick.call(this, event); + show_video_playlist(); + }; + MenuButton.registerComponent("PlaylistMenuButton", PlaylistMenuButton); + + /** + * Initialize the plugin. + */ + videoJsPlaylist = function (options) { + var settings = videojs.mergeOptions(defaults, options), + player = this; + player.ready(function () { + if (settings.ui) { + var menuButton = new PlaylistMenuButton(player, settings); + player.controlBar.info = player.controlBar.el_.appendChild( + menuButton.el_ + ); + player.controlBar.info.dispose = function () { + this.parentNode.removeChild(this); + }; + } + }); + }; + + // Register the plugin + videojs.registerPlugin("videoJsPlaylist", videoJsPlaylist); + })(window, videojs); +})(); diff --git a/pod/playlist/templates/playlist/playlist_player.html b/pod/playlist/templates/playlist/playlist_player.html index aa697e49f8..bc93cd8e58 100644 --- a/pod/playlist/templates/playlist/playlist_player.html +++ b/pod/playlist/templates/playlist/playlist_player.html @@ -2,7 +2,7 @@ {% load i18n %} {% load staticfiles %} -
+

{{playlist.title}}

@@ -15,7 +15,13 @@

-

{{video.title}} - {{video.playlistelement_set.first.position}} / {{playlist.videos|length}}

+

{{video.title}} - {% spaceless %} + {% for pvideo in playlist.videos %} + {% if pvideo.id == video.id %} + {{forloop.counter}} + {% endif %} + {% endfor %} + {% endspaceless %} / {{playlist.videos|length}}

{% blocktrans count counter=playlist.videos|length %}{{counter}} video{% plural %}{{counter}} videos{% endblocktrans %}

@@ -24,69 +30,163 @@

+ {% with pllength=playlist.videos|length %} {% for pvideo in playlist.videos %} -
+
{% include 'videos/card.html' with video=pvideo playlist=playlist %} - {% if video.playlistelement_set.first.position == pvideo.playlistelement_set.first.position %} -

+

+ {% if pvideo.id == video.id %} + {% else %} -

{{pvideo.playlistelement_set.first.position}}

+ {{forloop.counter}} {% endif %} +

+
{% endfor %} + {% endwith %}
diff --git a/pod/urls.py b/pod/urls.py index 89a563b84f..52ebb9152e 100644 --- a/pod/urls.py +++ b/pod/urls.py @@ -29,6 +29,7 @@ from pod.video.views import channel_edit from pod.video.views import theme_edit from pod.video.views import video_notes +from pod.video.views import video_all_info from pod.video.views import video_count, video_version from pod.video.views import video_oembed from pod.video.views import stats_view @@ -130,6 +131,12 @@ # url(r'^video_collaborate/(?P[\-\d\w]+)/$', # video_collaborate, # name='video_collaborate'), + url(r"^video_info/(?P[\-\d\w]+)/$", video_all_info, name="video_all_info"), + url( + r"^video_info/(?P[\-\d\w]+)/(?P[\-\d\w]+)/$", + video_all_info, + name="video_all_info", + ), url( "api/chunked_upload_complete/", PodChunkedUploadCompleteView.as_view(), diff --git a/pod/video/templates/videos/video-all-info.html b/pod/video/templates/videos/video-all-info.html new file mode 100644 index 0000000000..5a66736536 --- /dev/null +++ b/pod/video/templates/videos/video-all-info.html @@ -0,0 +1,95 @@ +{% load i18n %} +{% load tagging_tags %} +

+ {% if video.licence %} {% include "videos/video_licencebox.html" %}{% endif %} {{video.title|capfirst}} + {% if video.date_evt %}[{{ video.date_evt }}]{% endif %} + + + +

+ +{% if video.chapter_set.all %} + +{%endif%} + +
+
+ +
+ {% include 'videos/video-info.html' %} +
+{% if active_video_comment %} + {% include 'videos/video-comment.html' with is_auth=request.user.is_authenticated disable=video.disable_comment %} +{% endif %} diff --git a/pod/video/templates/videos/video-form.html b/pod/video/templates/videos/video-form.html index 64b16d9890..e8e7c83e64 100644 --- a/pod/video/templates/videos/video-form.html +++ b/pod/video/templates/videos/video-form.html @@ -17,7 +17,7 @@
{{ field.errors }} - + {{ field }} {% if field.help_text %} {{ field.help_text|safe }} @@ -35,4 +35,4 @@

{% trans 'If you do not have the password for this content, please' %} {% trans 'contact its owner' %}. -

\ No newline at end of file +

diff --git a/pod/video/templates/videos/video-iframe.html b/pod/video/templates/videos/video-iframe.html index 7cc26b10a7..ac5abe7cc7 100644 --- a/pod/video/templates/videos/video-iframe.html +++ b/pod/video/templates/videos/video-iframe.html @@ -19,9 +19,13 @@ {% endblock page_extra_head %} + {% if playlist %} + + + {% endif %} - - + + @@ -88,27 +161,58 @@ - +{% if playlist %} + {% include 'playlist/playlist_player.html' with playlist=playlist %} +{% endif %}
{% block video-element %} {% include 'videos/video-element.html' %} {% endblock video-element %} - {% block more_script %} {% if not form %} {% include 'videos/video-script.html'%} {% endblock page_extra_head %} {% block breadcrumbs %} @@ -55,9 +55,9 @@ {% endblock page_content %} {% block page_aside %} {% if video.owner == request.user or request.user.is_superuser or perms.chapter.add_chapter or request.user in video.additional_owners.all %} -
-
 {% trans "Manage video"%}
-
+
+
 {% trans "Manage video"%}
+
{% include "videos/link_video.html" %}
diff --git a/pod/completion/templates/video_completion.html b/pod/completion/templates/video_completion.html index 8b1904b75c..c29cf3a486 100644 --- a/pod/completion/templates/video_completion.html +++ b/pod/completion/templates/video_completion.html @@ -122,8 +122,8 @@ {% if video.owner == request.user or request.user.is_superuser or perms.video.change_video or request.user in video.additional_owners.all %}
-
 {% trans "Manage video"%}
-
+
 {% trans "Manage video"%}
+
{% include "videos/link_video.html" %}
diff --git a/pod/enrichment/forms.py b/pod/enrichment/forms.py index 6c4d3535ea..685b09ad15 100644 --- a/pod/enrichment/forms.py +++ b/pod/enrichment/forms.py @@ -42,7 +42,10 @@ class Meta(object): class EnrichmentForm(forms.ModelForm): + """Define edit forms for all enrichments types.""" + def __init__(self, *args, **kwargs): + """Init an EnrichmentForm.""" super(EnrichmentForm, self).__init__(*args, **kwargs) self.fields["video"].widget = HiddenInput() self.fields["start"].widget.attrs["min"] = 0 @@ -54,7 +57,6 @@ def __init__(self, *args, **kwargs): self.fields["start"].widget.attrs["max"] = 36000 self.fields["end"].widget.attrs["max"] = 36000 for myField in self.fields: - self.fields[myField].widget.attrs["placeholder"] = self.fields[myField].label if self.fields[myField].required or myField == "type": self.fields[myField].widget.attrs["class"] = "form-control required" label_unicode = u"{0}".format(self.fields[myField].label) diff --git a/pod/enrichment/models.py b/pod/enrichment/models.py index ed3ef5b0f2..e278f51999 100755 --- a/pod/enrichment/models.py +++ b/pod/enrichment/models.py @@ -149,15 +149,15 @@ class Enrichment(models.Model): verbose_name=_("Document"), null=True, blank=True, - help_text=_(u"Integrate an document (PDF, text, html)"), + help_text=_(u"Integrate a document (PDF, text, html)"), ) richtext = RichTextField(_("Richtext"), config_name="complete", blank=True) weblink = models.URLField(_(u"Web link"), max_length=200, null=True, blank=True) embed = models.TextField( - _("Embed"), + _("Embed code"), null=True, blank=True, - help_text=_(u"Integrate an external source."), + help_text=_(u"Paste here a code from an external source to embed it."), ) class Meta: diff --git a/pod/enrichment/static/css/enrichment.css b/pod/enrichment/static/css/enrichment.css index 9737cb455f..23c0a60b4f 100644 --- a/pod/enrichment/static/css/enrichment.css +++ b/pod/enrichment/static/css/enrichment.css @@ -30,11 +30,8 @@ table.scroll thead th { white-space: nowrap; line-height: 20px; } -table.scroll thead th.enrich_title, -table.scroll thead th.enrich_type, -table.scroll thead th.enrich_start, -table.scroll thead th.enrich_end { - white-space: nowrap; +.enrich_type{ + text-transform: capitalize; } #list_enrich .panel-heading, #form_enrich .panel-heading { @@ -49,6 +46,14 @@ table.scroll thead th.enrich_end { form#form_enrich { background-color: rgba(0, 0, 0, .05); } + +/* Enrich types colors */ +.enrich_image{color:var(--purple)} +.enrich_document{color:var(--orange)} +.enrich_richtext{color:var(--blue)} +.enrich_weblink{color:var(--red)} +.enrich_embed{color:var(--green)} + /* #form_new, .video_back { diff --git a/pod/enrichment/static/css/videojs-slides.css b/pod/enrichment/static/css/videojs-slides.css index 57dc9608c0..36ae651ae8 100644 --- a/pod/enrichment/static/css/videojs-slides.css +++ b/pod/enrichment/static/css/videojs-slides.css @@ -1,6 +1,6 @@ /* Main */ -.vjs-poster {z-index:2} -.video-js .vjs-tech {padding:0 10px 0 10px} +.vjs-poster {z-index: 2} +.video-js .vjs-tech {padding: 0 10px 0 10px} .vjs-slides { display: block; } @@ -10,7 +10,7 @@ width: 100%; height: 100%; bottom: 0; - padding:0; + padding: 0; } .video-slides>li { background-size: contain; @@ -24,7 +24,7 @@ bottom: 15%; width: 50%; padding: 0; - border-right:8px solid transparent;/*make margin for contain background-attachment*/ + border-right: 8px solid transparent;/*make margin for contain background-attachment*/ /*padding-bottom: 35px;*//*Works but maybe not usable because plyer menu is hidden duriong playing */ } .video-slides>li>div { @@ -33,6 +33,9 @@ color: #000; padding: 1em; } +.video-slides>li>.slide_embed { + overflow: auto; +} .video-slides>li>img { max-width: 100%; -webkit-user-select: none; @@ -41,20 +44,20 @@ /********* Default *********/ .vjs-tech { - width:50% !important; - height:100%; + width: 50% !important; + height: 100%; } /********* Pip slide -> pip-slide *********/ .vjs-tech.pip-slide { - width:80% !important; - height:100%; + width: 80% !important; + height: 100%; } .video-slides li.pip-slide { left: 80% !important; top: 35% !important; bottom: 35% !important; - width:20%; + width: 20%; } /*.pip-slide img { height: 30% !important; @@ -71,8 +74,8 @@ /********* Pip video -> big-slides *********/ .vjs-tech.big-slide { - width:20% !important; - height:100%; + width: 20% !important; + height: 100%; } .video-slides li.big-slide { position: relative !important; diff --git a/pod/enrichment/static/js/enrichment.js b/pod/enrichment/static/js/enrichment.js index a2cac7fb79..544cc7396a 100644 --- a/pod/enrichment/static/js/enrichment.js +++ b/pod/enrichment/static/js/enrichment.js @@ -505,7 +505,7 @@ function overlaptest() { $(this).attr("data-title") + '"'; text += ", " + gettext("please change start and/or end values."); - msg += "
" + text; + msg += '
' + text + '
'; } }); if (msg) { diff --git a/pod/enrichment/static/js/videojs-slides.js b/pod/enrichment/static/js/videojs-slides.js index c4c4dc7e83..b497250e31 100644 --- a/pod/enrichment/static/js/videojs-slides.js +++ b/pod/enrichment/static/js/videojs-slides.js @@ -189,6 +189,7 @@ var VideoSlides = function (items) { slide.height = player.currentDimensions().height / 2; } else if (type == "embed") { slide = document.createElement("div"); + slide.classList.add("slide_embed"); slide.innerHTML = this.slidesItems[i].url; } const li = document.createElement("li"); diff --git a/pod/enrichment/templates/enrichment/edit_enrichment.html b/pod/enrichment/templates/enrichment/edit_enrichment.html index 4bff38a720..029f37ff89 100644 --- a/pod/enrichment/templates/enrichment/edit_enrichment.html +++ b/pod/enrichment/templates/enrichment/edit_enrichment.html @@ -92,11 +92,11 @@
{% trans "Chapters" %}
{% endblock video-element %} {% block page_aside %} -
-
-  {% trans 'Informations' %} +
+
+  {% trans 'Editing enrichments' %}
-
+
{% if video.owner == request.user or request.user.is_superuser or perms.enrichment.change_enrichment or request.user in video.additional_owners.all %}

 {% trans 'You can specify the group(s) of users who can access this page' %}

{% endif %} diff --git a/pod/enrichment/templates/enrichment/form_enrichment.html b/pod/enrichment/templates/enrichment/form_enrichment.html index 62f0fdc605..f5c4853050 100644 --- a/pod/enrichment/templates/enrichment/form_enrichment.html +++ b/pod/enrichment/templates/enrichment/form_enrichment.html @@ -3,31 +3,38 @@ {% load staticfiles %} {{form_enrichment.media}}
-

{% trans 'Create / Edit enrichments' %}

+

{% trans 'Create / Edit enrichment' %}

- {% csrf_token %} -
- {% if form_enrichment.errors or form_enrichment.non_field_errors %} - {% trans 'One or more errors have been found in the form:' %}
- {% for error in form_enrichment.non_field_errors %} - - {{error}}
- {% endfor %} - {% endif %} - {% for field_hidden in form_enrichment.hidden_fields %} - {{field_hidden}} - {% endfor %} - {% for field in form_enrichment.visible_fields %} -
- -
{{field}}
-
- {% endfor %} - {% if form_enrichment.instance %} - - {% endif %} - - - -
-
\ No newline at end of file + {% csrf_token %} +
+ {% if form_enrichment.errors or form_enrichment.non_field_errors %} +
+ {% trans 'One or more errors have been found in the form:' %} +
    {% for error in form_enrichment.non_field_errors %} +
  • {{error}}
    • + {% endfor %}
+
+ {% endif %} + {% for field_hidden in form_enrichment.hidden_fields %} + {{field_hidden}} + {% endfor %} + {% for field in form_enrichment.visible_fields %} +
+ +
+ {{field}} + {% if field.help_text %} + {{ field.help_text|safe }} + {% endif %} +
+
+ {% endfor %} + {% if form_enrichment.instance %} + + {% endif %} + + + +
+ diff --git a/pod/enrichment/templates/enrichment/group_enrichment.html b/pod/enrichment/templates/enrichment/group_enrichment.html index 5267ecddb5..38fdb8a6b7 100644 --- a/pod/enrichment/templates/enrichment/group_enrichment.html +++ b/pod/enrichment/templates/enrichment/group_enrichment.html @@ -67,12 +67,12 @@

{% trans "Editing group for the enrichment of the video" %} "{{video.title}} {% block page_aside %} {% if video.owner == request.user or request.user.is_superuser or perms.video.change_video or request.user in video.additional_owners.all %} -
-
 {% trans "Manage video"%}
-
- {% include "videos/link_video.html" %} +
+
 {% trans "Manage video"%}
+
+ {% include "videos/link_video.html" %} +
-
{% endif %} {% endblock page_aside %} @@ -83,4 +83,4 @@
 {% trans "Manag {{form.media}} -{% endblock more_script %} \ No newline at end of file +{% endblock more_script %} diff --git a/pod/enrichment/templates/enrichment/list_enrichment.html b/pod/enrichment/templates/enrichment/list_enrichment.html index bffa21f567..0c81120c58 100644 --- a/pod/enrichment/templates/enrichment/list_enrichment.html +++ b/pod/enrichment/templates/enrichment/list_enrichment.html @@ -18,7 +18,7 @@

{% trans 'List of the enrichments' %} ({{list_enrich {% for enrich in list_enrichment %} {{enrich.title}} - {% if enrich.type %}{{enrich.type}}{% endif %} + {% if enrich.type %}{% trans enrich.type %}{% endif %} {{enrich.start}} {{enrich.end}} diff --git a/pod/enrichment/templates/enrichment/video_enrichment.html b/pod/enrichment/templates/enrichment/video_enrichment.html index 577faed8bc..04621728da 100644 --- a/pod/enrichment/templates/enrichment/video_enrichment.html +++ b/pod/enrichment/templates/enrichment/video_enrichment.html @@ -127,19 +127,19 @@

{% endblock video-element %} {% block page_aside %} -
-
+
+
 {% trans 'Informations' %}
-
+

{% trans 'To help you, the different types of enrichments have specific colors:' %}

    -
  • {% trans 'Image' %}
    • -
  • {% trans 'Document' %}
    • -
  • {% trans 'Richtext' %}
    • -
  • {% trans 'Weblink' %}
    • -
  • {% trans 'Embed' %}
    • +
  • {% trans 'Image' %}
    • +
  • {% trans 'Document' %}
    • +
  • {% trans 'Richtext' %}
    • +
  • {% trans 'Weblink' %}
    • +
  • {% trans 'Embed' %}

{% trans 'They are visible on the video playback bar.' %}

diff --git a/pod/interactive/templates/interactive/edit_interactive.html b/pod/interactive/templates/interactive/edit_interactive.html index 947bc557c9..4df6ff4324 100644 --- a/pod/interactive/templates/interactive/edit_interactive.html +++ b/pod/interactive/templates/interactive/edit_interactive.html @@ -124,9 +124,9 @@
{% if video.owner == request.user or request.user.is_superuser or request.user in video.additional_owners.all %} -
-
 {% trans "Manage video"%}
-
+
+
 {% trans "Manage video"%}
+
{% include "videos/link_video.html" %}
diff --git a/pod/interactive/templates/interactive/group_interactive.html b/pod/interactive/templates/interactive/group_interactive.html index 06491e9ceb..66d4d6334e 100644 --- a/pod/interactive/templates/interactive/group_interactive.html +++ b/pod/interactive/templates/interactive/group_interactive.html @@ -65,13 +65,13 @@

{% trans "Editing group for the interactivity of the video" %} "{{video.titl {% block page_aside %} {% if video.owner == request.user or request.user.is_superuser or request.user in video.additional_owners.all %} -
-
 {% trans "Manage video"%}
-
- {% include "videos/link_video.html" %} +
+
 {% trans "Manage video"%}
+
+ {% include "videos/link_video.html" %} +
-
-{% endif %} + {% endif %} {% endblock page_aside %} {% block more_script %} diff --git a/pod/main/static/css/pod.css b/pod/main/static/css/pod.css index 5565bd22c0..2932f7756c 100755 --- a/pod/main/static/css/pod.css +++ b/pod/main/static/css/pod.css @@ -432,8 +432,8 @@ div.card a:hover>img { right: 2px; border: none; } -.card-footer .feather, -.card-header .feather { +.video-card .card-footer .feather, +.video-card .card-header .feather { height: 1rem; } diff --git a/pod/video/templates/videos/video.html b/pod/video/templates/videos/video.html index a262de384e..fa57eb400d 100644 --- a/pod/video/templates/videos/video.html +++ b/pod/video/templates/videos/video.html @@ -244,15 +244,15 @@

{% block page_aside %} {% if video.owner == request.user or request.user.is_superuser or request.user in video.additional_owners.all or perms.video.change_video or perms.enrichment.edit_enrichment or perms.completion.add_contributor or perms.completion.add_track or perms.completion.add_document or perms.completion.add_overlay or perms.chapter.change_chapter or perms.video.delete_video %} -
-
 {% trans "Manage video"%}
-
+
+
 {% trans "Manage video"%}
+
{% include "videos/link_video.html" %}
{% endif %} -
+
{% include 'videos/video_notes.html' %}
{% include 'aside.html' %} diff --git a/pod/video/templates/videos/video_edit.html b/pod/video/templates/videos/video_edit.html index 2622178412..7dc69afeb8 100644 --- a/pod/video/templates/videos/video_edit.html +++ b/pod/video/templates/videos/video_edit.html @@ -111,16 +111,16 @@

{% if form.instance.title and form.instance.slug != '' %}{% trans "Editing t {% endfor %}
-
-
{% trans "Sending, please wait." %}
- -
- {% trans "The page will refresh after the upload completes." %} -
@@ -175,7 +175,7 @@
{% trans 'Embed/Share (Draft Mode)' %}
{% trans "Uploading" %}
-
+

{% blocktrans with form.VIDEO_MAX_UPLOAD_SIZE as video_max_upload_size %}The file size must be lower than {{video_max_upload_size}} Go.{% endblocktrans %}

{% trans "The sending time depends on the size of your file and your upload speed. This can be quite long." %}

{% trans "While sending your file, do not close your browser until you have received a message of success or failure." %}

From b67ce55962c491ffd0ac99197af63df4f8ed98be Mon Sep 17 00:00:00 2001 From: Olivier Bado Date: Tue, 28 Sep 2021 15:18:52 +0200 Subject: [PATCH 008/134] i18n translations --- pod/locale/fr/LC_MESSAGES/django.mo | Bin 109486 -> 109855 bytes pod/locale/fr/LC_MESSAGES/django.po | 193 +++++++++++++------------- pod/locale/fr/LC_MESSAGES/djangojs.po | 81 ++++++----- pod/locale/nl/LC_MESSAGES/django.po | 156 +++++++++++---------- pod/locale/nl/LC_MESSAGES/djangojs.po | 54 ++++++- pod/main/models.py | 4 +- pod/video/models.py | 2 +- 7 files changed, 279 insertions(+), 211 deletions(-) diff --git a/pod/locale/fr/LC_MESSAGES/django.mo b/pod/locale/fr/LC_MESSAGES/django.mo index 51d72fcb9ee50401eb99fd34bf45bb8236d1796b..0d40f21bc0fe69abcb3ff73262bf822ecadcd93d 100644 GIT binary patch delta 27120 zcmaLfb$C_B0`L8`A!x8b2u^||5G1&3aCdhI0Rl;YB)Dwc-QC?CN^vW+SaBZ+B<=sE!Pt+y_L{?H?`MnhwGY`<7CFOL5?#Zq2mm$ zt5nD7(A9B9VMk1fzhgIihqaY;{Vs%dj9il2kV|E;lnt@f;U8wRW&>L@JGJK4w@D--O_|cA&2~(re zLohK`z$EnV)F6-s8(})^VjYU=U=I4=M)bpjsD`efX6`X2#s4rlCh2K9PKPQNgc^7W zWR;!j=$SEery!vj0gWgewRX{{4ws__uoE@F)2J!EgPPJuSQ!)davZjdQwP;>V^n)> zQA^YXLvgW9zlY_BKk3E%t6)%XQ=tH=fsz=Em9R8MTGwK2;t#L}hQ#nx*bh~2E9!xM zKrP8>8^2_;OjC%5_sHtm-zSs`6RI#WfnTQ#1 z1^VCtOpWI;75)!3bFZ)>enj?i6abK1EeX)Ys&vz;49- zP;2i-V;S6o>G2h+AMYV%34GD5jJyQ2##OK& zHbQN_k*E&WpvrB>4EQsup+~4E{TsFUUZZB{BkHtx4K?+Xpa$lPTFRWL{)!J}{yiO& zpeJsG=`bAiL_<&wPqOiuSd#b(%!;>B$MYkqehQ{jn=2cp#gZ6|^-%f!Q3IHWT7t!H z8`y%`NH~mY@PC*I-`cp(F!P}kh??@M7=R5?PZooksS&7wPezqnghg;2YR}w3?G>-# z=EYUOO+X{}LC(x`?i+Kieuy)kNuTA~+rMNM5KX2v0?fiJM>o2&<|=h2t^d#IUx zW8;ZAVzldavJg;%c~P6LENTkdqedKU<3my9CZif!g86X=YDVtcbe}P1V1cNPE1?G1 z+!}!ihz~+-7Bj#-G8Ks`WH z)XavX9xxj9fYX&v|IRW3YIqy!+@3^D`6cUptW5kls$$`B#!yrT4KO}-z{J=YwWp#` zyMH7G;$}>YmoX>aL3bhouJI-#32FvXqmEG))Dsp(bzH~BTcb8nEb7U}pawDnHB&2W z{*PFd_<2l%z7x!YWkn4n-vs7g4HP4xIfkO*^KF6EsI}UHTI*ftg%7NMU{d1GP#wHS z4b(N!yf;#z29^#rv$;?YT+~`tF9JPD6%s09bF6^#up{2UqF8#8nX;bfO?(z6#AVjC zsD`(o2C@hJ@d#=u@1yq2bJUYNlkJSV38Xn-pHNxtsiVablu^DQY zM_~!Obs23DNmID9fY8D{db!dci5KVwO(H_POY#jZO4@n-X_g^cc~ksn7r z=^4}vT*O9rA9YNN%rRdeY9L=7oQb#=6U;T`HlwE2nP)bgH>%zA7=&3-OIa1u(ZAD> zKzfX@jzGPD7NQSsMO8RzJ%`#{H&NyOMa@|9`DSX3MCu2x?}^qL!jErpM~2rRsp1p>R~afv6cAfvPvdrq4$WZ21D_ zUx5uIXk7p%ZFKx}z%ewDEzcif+`CPDTxM5o&6;q6W4PwFwWQ+B=OZ ze-ZT{_fYNpg?gZWalg)g!lh>9M^O!3LN#y$wZ`{R6<%Rh{A%;FF0)UD$}fZ(PX;Afqh@F@s@zJ{18hUj=l^j6nvx5sC%9(4kD8G`QET=B^(2Xx8+}n72B2mv7}Y^h zR6C)l`n6H@8=y`@1nNNtU_v(mHvt`|F{p|YP@8X-jju<&A$MXP+=H5#|DhUwZR5#S zm=3a{o-hQp1fi&bG(ZisDXO0i==Q8R0qy3Vs3#bUTB}*823DX(ydAUSUYmXkHIS#M z&G!j4^~qM64ty~$@vNxbU&}fWwUirHvi{0ALxSG%|Dqa5waPS@9@TL$>P=U`#w(-B z*F+7lgS97W=7yr$nTb)j5cT9qR+}aBwPsn({A&$^NKi)wuqYNo?TPN#1bd@8I)!@T zt2X`zYE9pv+DW*^yhl=^%H_l2SRNB#ADcf2vk{-?CJ;biKdQoQ)X4uvFMNw?_#H2M>FFCq{?-~blE-!L=!Y%nts zg2jl3pcfv%!ws!dRtVzE|?snFbNKl zI{%{y=*gy{3jTS#J@psP>=+=)7_2QVWZwdr?I z9X&=3;BV_2oBv4-s-o8(GqNP8Da?X;!n~-COQ5E@CTd_|s3#wcTDtM5C)9im7jvibpGcM&>F79`nU=8uKsM(;~g{&d!v>jBdWoC zHoXF>d_B}sG{KYD4?AGFLuSU7Sht{d{~=6G|IS?ksqi0byu)UsX{;r%2>GqC5Kcv% znxm*EJ&Rhp%c$e~0QH2=Z2lXY{t30$5*#rDN{VjJ+7rk^MmAIj6)*$#MoslZOpnXa z5BFPt#e&42pq47bQ8VzOr~$M<%}fVt7t~Bgq8^~nQRY7#fng-%!g)9hk6;*v9y0}3 zV-WFe*6XNU{2yxOk{&lRkqOmscGLj!+w@|n87hm(u{LVJEswj+r&}BeWk}e7YWR0l z1Fuk1`VpI=*9mjXTA}izF+29P@%iXQd^zgL*H|~9+Sy^_2du~31hfRF(F-r&c)Wr- zZtd7fIu+wlBi@V6@DgUm;8W(aqZ(=nV^F((8b;$LY>AnEGH=8_sHI(ipU}OFKrn%A zr_Ea4Lanv;8Ph>dEKfWXbKx)y!gZ(tT|kxp)5hcfZ1zxARDJ{0KzpDDIL^k`V4%+b zaRPdxrzXLv_=`CQAghrM zog+5?cg&~r?{nUK(#bm8@9p}zw&_e??e#Dii>bG{)l-o^pY8Q6l%@Jp*mWDA$SUN;#+Kl886c* zM&WWSdxcLK87weeK<&HKU+nF)UWBcLa$ zj2cl>)RcEdO8i>>i8YO@u1XexF^HP{PPuRr#{p*H@f^(Dq9{T-_OM^wA<9#IyP zpj(@290Bd>-KdTp;$Y15*t`$s;d$b|zk7ah?L5Q|#C!i?>Rm$3ob$xw=fRvr_n~Is zH`I(}erjGwxiJUvzE7F|tOOR2;Ez9`mf|KVJ;9%57w1I9t6^pg$1FGk)zLB=KZ)9G z4^id*L)FXlm-#FxjjGoSOJdw#%)dI`Yzv%2HTV?OP>N@!p(sQBODPk>at%~ZW9_oRcdeT|{*0w-r^d%z-)$s__v6+l& za5k#q5>!X4&=u=U4sCHhX>VHDF8uWT+I!X(+zi!TI~(t8jl@i($62SL2D<4T>#vG?NYIE6VSGG;n$mNq1}~wG z-wm6ea{a#TZpsB!@|9)y~af~YC4WaBka{j^5)+vPp;uL98|%*H;L7QH|4bS_># zIE#4Lzh-Sepr$U?L5=~ z4xwI1O}^Wc2+!xN}i?`_P4 z?ym&=31o6yP5_p{?AQha(Tyc>HR_wrT~x&nsPpgZa(TWN6t-4H<+s3$7>63bR8;x> zs6BH7*;{Vs5rF^_URl$`b9vs`MKK%cjZqEtu}-sY#H^&BLapgz)MkB&I)?wD_CN~0 zCZ)yz)SfDW+Poz(IsH4KHlaS2BclcC*v&yr*=kIK2T)Ue5zF8$Y=(YbF3;wRLgmMz zIv9fGaST?(lQutL0+(m$QlaPH|Fk8bDd~cGHO8Pei5n~7daQ@fFdWMybUA%-IX1-f ziA;yxQ3H=f&AfkAA>Aqk(^iOKqDS>LY0;;_sNnLKI7lBbEXoPQ3QMopXE#Kzm9+KEW!HVyYCK}*oz78qp< zOhs+Jxu~_>Vbc$w%AY`Wa1r$Yw^66&8EVs|PHr|~AS%6twJqv2jC2#wNS33fZar!S z4q8vy^b4ppeTW*!YYf3Js25AV6fV!#@-A4A_)6;)3?-f*rOWdd8P%~n@kLk*-HB3} z0W`v5B(%cmI1M$z>^?5f7m13f&Dj=2+B{TOP~ zCh|4MG#6@5<;Uzg|8)px7xzT%&T*)zJ%yU;w>JMPYA>WuYo4$OYN<-wcxBX+)p#;2(+6!+`14!&=DyGJ^#Pgyy(|A0O?0#RXAM*c3IT z9Z~tiQER;fwMo~b%Kd=aDf4P-oO=4PSx#u5y`O{f_=huSNTGjsk`@I49IwXQ6t!NjPB zd{9%F8MWz3pw4v#)W>Ke)WG}N^hu~0U5fhb*oo@!XVlt1u<=i*nM&i%YBF+Q5faLx zM%D|}(Fhx#jau`ysE^lkSPY+{cDcX5Dc>3O@!bzqZUL&jJ=W8xnY)E*-~Et)X5by_ zNt^&v(GOLiFzQLGqBd6q>d8i07ogsJ+ff}KLv6apsG0N2X4)@=TKh7nV;qLel-r3R zpb?Hi4PYLsgDuvR*pT=g)UgT4ZlD&835V>i^Mi$vA$k0o&`mc`SkatU&nnM{I- zbp8u?0<0}+WED`myB-E$G-@WMqNa2O>WL4b*6;#q&F`U>=r!ueGvsu6z7rNj&G0}} z`=d}xFcXvM{4XL9i|bJ{kR{MmD1r%ym&4Ln*~W*WHsdJkB-9MfLJedMYBTS*=|@pB zbs1IfiS;GAHDwd98y_*PVVdr;^7 z7;2{eLOs}L)RU*qZR%yp&G}bCAPL%BA*dHh4b&8dqh6)MP_NR_s3(|VU4W{;0@cw* zY>o%8KKcfm8SIQ2Xm`}W<52Ak3U-^oND{PJCfbY>s3|>*dK2D7b@T-bxcGvS$K`}! z@w{f&FUV&Gd=Rx{H?W@Sp*qT+-_$RL8c2E6UZ~+F5RX7})T_6ZEzlp;&R2>{sb@fgaXImEj4}@M6m&W5aVhE)e8ss~wvfx|jqWQ1+7YN$*mSrW zHANdy$7lzJ;~CVOtUwXdadliud=6g0;zeEj%)n1h#mpY)hFY>X>u}6Xe2UHAi#!;= z|0kg1_5gLf;uSZ$I4f!i3Zphv6>9?wBHjkG;YjpsLex}mweh{EDL#stp^K;&S^5$# zrw^9JdOH6*2&kf~q*RooVR#{y&$1rgjH#*Q=jZ=z1agwF2lWEEjT+Dk)TdUW(k{>63kFylp^ob))DkVRZbNl= z47GR8qBh?{?247knA5Tm`x8H3hV$QqK=ra_4=h4`h#WvY;XTyIU!tDKyPSFAG^lt+ z)M?0$8gLub$95cQZ@5tdS#I<9p$2#n^Wv>?oPX`ogyn6+sLhrUb>4$ePgnpoGoh$8 zZ))>n>LP!Dzjui;fU0X4j-f?3-ms0L1<8a|JDf~%MZ zpV|C$70nX(qZ%%S8gOk?{U%rh+h9JNhT4n=Q8RT8^`P#@1XS@KRK<^|j^l-zO_Bt) z1SwE66>KeTt!!<8dg8XIhGS7LEH~-_Mxq9~0JVuXAv5N7b`Vg<2T%>1K)vy9p}xEQ zi)tuQCG)l18}$UGQE$vf7=XP{pB>Xt9d5CnM0I!v^#Bi0d*lUr>HL2rpclheRK*;X z%|J?98=xBKf*}}*TGNF#e*CZlF*flXg$<3Hkb($Am<+`5{vJ8H8IK+k{w zHYSYhPVd76w zn=^AglV23oZao{HjGDobsoN7_WiL^OwiJU=QNH4b6EThC#%4 zp?3Ri%!?mvJZB@bWTB`B*@eaN8fs~hH#Ys0z%b(OsRY#EYmCK=P0a3}f;uLvP!+eL z-U~NT?~D7WP4v{pU!!K`GZw&%P0gODg<8tys3mKU8gOsqw7H$d1WJ;y3)R8js3&`a z`aa;(%nUF;mLc8*l|BvC@Fvu;-DTsypguz`qc-I`Yy9SBNm8MfC=ce)`L9GkBkF>l zQ-Iox%TO<*t*Es=iQ4t|FgJcg%}kCKWfaRTbd4YqefmH)j)03leV;WL>;>bRD*+2GcX0!@oLnm*lqLwLe>9*TA~E4%+lpR zw+iMb5P)H*hDV{6U@ivYF4Qr+Wz+vc4KQ(Q^R7>eI^Wqa0CS-_tYOm|pq93owJmB7 zb#Bf1_a+cUg4SdJYHg>Z&go{bME&{6?W>YLm@>fc1%g#Hv`UojIn{usZS2 zsN-Cvy~$sM)rdd90T|rD6`zKN8SdB<*Z|4oHKF$DkSSOX`arur&s$ue~_n<@zPg!xe~q)Mn6sDpZtCf2s7J<$dAKrx9?la)tpvItcEG^~O2wR0m7>SzMiKx@D z8nw9(py&KwB~Xt9?u{4N*_p1~sq< z)QhSYYG5O*zd1n=c&e&|m4&#jkdIyUlMX)5e+)p<1W{BQY1Q#5(v3>iDFOGaXby?dmS5 z%{u}$z-6fKe1~oPBkELS=ws?vLG6)f)bXC>CJ;{G6l&!8`nsGc*Z_m@9#+GI{mf@U zT`WbsH5SI%sN;0n#=oLoRE7JSfpx=t#K)lCpgU1}=o%J5_g4aHu*d*&UZYS;atHO{ z^ANSR|Dg87zo<7`f`KllCbmV*)LK+W7qA(A#wOT!kjv?S>#!>(8EhW7HW{{f`uyMK3Ght@CsH8$2s6?xSev-tNVD5Jp^jG%)TtP19cS}rU`f&!qE5jT z)Na3rI`5BB5A+5@F~unR{l5W$mL$x;r}zvn;Doj9)d^+k?ITux79ct5ULVfz(L+$C%liBM!u}#PeVU?27u- zT8j-_{7WgUOg!;Kvj^&+j^8HK9{B^0VCqR`^Ik^1`R<`U#6C=7lhh)RYO;AXwnlvh z#9$EaM!mW2ppMUT?1Da1%;$W6Oh)_&*1&V98T6ZK%!2y3&S~QnQ0-Pjot7v!0nNYy z)RgQ(b$Alh@O9J^Kf(ZfgPO{;)68Zpfhu1MHMMO}ujm-m6OKVG(Gr_}0JSt1QK!lM zn1H4%&2;l3sfRl6qfrGXqc+(J)GpqP8rT8Uz|Pq8o2YV6uqeJp9pl_H%s@M!+Kokh zb__x`rP~=rK$~qmYQ$4fQ@9o{;}+D~kC@tQ**2VO>fc)Z74n16|BxGCz*HVCy> zcG>s~Ywo4yTXIL#`(YWX{AHYi$(FgCA-E7VzzoY>&R(pzob#_I_&|b2R$zrW?=4Zs za1Qpto2XM#f2GTLjuAKkTdZ<<{*}x_)NzVjZ3aFc^>KU@+u(g{isjar_sUGvduHAm zx7ieHNbn|MGwQhffI5!XQJdxoYRX@rrZVGNV`bE_i$o1@1nO112(|h4q1ruw>hQGn zn$3UYCZOH<1oi5CiR$Nt6?GY$Hoj$dKa@e4(5s(Pq;VW^IxQ1u3&%8f!Dx9Qde zsPZdq+`ZWb_Mo2NFsh@Qs0N?d{5PoM^~I*gUvHi$C2EGUpkA#xZM+<+<0`23>e}=+ zs1KtslkRr95m3Q?s3{wUT7pri_rVI(4DCk^;27%3PNUBKRZN3*H<x)G33dJ#5KzO*Q6pPx3v5C)ybtwcXKngp)D!(jnmT%1m) zGvOa?d>B^cF3oz*!SQ+;u5px0&8_Pn^7_SR{(sk^bM>Im6&pT9yo;@*yoyu`!szeP z&d_iN+t?rExv5)}v{RJ%(Uu!x^J|l?s|o78u$i)lxqpqv`j;TUY5V^!FADw4U5Pu0 z`z?8$$$dk3IN|=N>oWDezy2lfuuaHKnPT7NKPFu-s28@MLAH&bdH*;;6gZTJk~QIy?<$!H`Q{$QW>4E6I7zQCQDyq3iOvh_0BGJ8pTW77_xyDu4k z(8zA?86<4Bnay!Ic~9)1BJnI~Cuq0{&ae&6r(SW=0`MNUE^WR+>lm_;y;n6YYBC9A`bBRRigLpoj z|8@l8zSYJcTQD&eZJ5t|LO*|3VN<$k2|f007xh=kk5&r#@z9l&71L%4HrC$eeNZ8?3j(N&c6 z6t?rUl#3)yU(NH7KAU(Y@}6<)i^&d5Nc}&!dl2@l|27JJyY>>uPdpu!D{%iv{5l17 z)#C2Py^+c_ZCY{4E+!ss<0r{q!u^RfT{&#}SPUkuBjx|Id4I;U`_B~REE9;Lz-S7u zp>th}i1#!>&tFhnBQGlroF*-l@NvSkD64NxGi<|isPmJpQ=PoQHa(e5i?VHh+y9>b zeC{%ZcG!XoDVWg~jz{5rbfl}T%}+=N->!!Qo{^rEwEule#KyMlQNo`8n+@D+>-|7` zcQgpi|9S5A+`4j;@r4XOWpWiDuIm*3jHhXIzs+k)ycY2t#A_3tW77#b9Y`;R>2U_> zNvMB>`%hb@wQbiOL4h13*0UpvZ}q3ZAnpd_f4e^006#K1UkJz8yic~#pQ&4e^o7Lt zQ>GL7@v%R5FVZFv&rX>sww>mD|8SC!(TqEULPKrm`WmInhqUIT>Dx|IDwpS;N?Iez z>w0aSMS26`8;LLSq6o2#7B@4fXlc)kbcJ$aW)aI%*}7>Jpa6Q7j2axUWoj|gnN@7%&jYo^z)<@QN(lp zu#wFirbMnkiSMLPUkd9Q_uc5bl2@0!kECU=^$JmL4{7{R>$Je^)Oly~@({jF*@?J? zy9&3iW0dpszsENIFNw!V%wj8cwduu)?;6BsBG^9lR_jgD8dG7sjc=dXyGt7P-^8lZ#kZ>&bqKGtJ*dshq_?v1;lu}0{ve*=?yrxo zf+Vz|qORrELsV#Jl01L@K$#fQdUKZ}yoyHO5-!VKpRlen+&OJHp>3xI`S%E)CA~lS ziK(lrGVy;rVU{kKggO+wOG2bA(1c2dxD%4j&*#n+(u-1VGWQ+A&FmX`v@PTVhtKfV;dV` z<%bK;-wb6TUV(ahi0j9k>(tQ|ZgBWv#3@agy`-=>V*)~2}59mjij6~*>dCMlAqhdZP^&;Mm@B`Z*zqRySv-q4UTx_%}tf?K~RIH~p5Rn<1Aa1|>2&D~ECu2@?p_jhGN36CYO2c7&v z*&E#Z2+zQmln*9<68WnM4=5!gbL-gg;UdnLy#3gnQC}t~kO85X}_G1S8c1#Det%t}{1M6?LtUFG+rgGOOITM&;-$!U&*6`TY7hvm5WwX^5f#`g)=AsokjoclEGy`o$<)b)k5 zorG6v{kz+a+E75(2>gZ2FE&1%!d;0sChsO`l|7}*A8W|FXzRE5F8vqE{Y9Og+^q=D z{Vs3&cMo<&|5^S!GT+mXenMMAW)toZD&FMwBW)V_Y3yKr!V<(|N&j|@B2b?AN6J_K zmWUHcJ55_L7)!nE!263S8NId>Qp*HiHMw*thU63#%G{oI$x(=~vy zc}f33_#rMPKAXIsa2@w(Th3FMKiX0E0*)Zho4c3Ia8ICMEi!x3$SqsxHU+kGx8)AB zX|-@Q<$lDvl$}60ug&X@^(gy+^rEP1B>AsM-$}SU_fwnxl`?(E3sE5^-MLGlreu~O zu@WhrY@+s^!LC%!n5%AYB8n7q8Uat-3&uJksXn6hIChuAhI5bnbL6Y1G(+DqI={Hm?f zkhTMed)7ZamL_8`RwF~#6KhMt&j{C~@F2q52~VN1jkck=q<2*Xu3rfMjt41I4I5GJ z0^x0hTN8edx_%%nn)>re)BDG%PeKbK$+@eN@h|FHW>t7UcS;-o%Xa>wwJaUaq>Z`6 z-(l!?^&IjllU|$j-|(cZqc*GS*Mhrj!gVU8q;Pr)<|pm0P48$MyG^>T1y*0uhuQEc z!mX&gfjZ|1PbU2&Mo@kS_kYAo5HCfU-P{j}PoZoto&V$%h$2#u3@^M${QIjQg)5TR zj|LJG&doiB0+}!+<*yS?LEddVhzTfrmHPyDJmMF)w{q{KYooL6i z{`V<#hzft(N`=Y%m4elY58*CL!Ksv4Px@fO&Bz;xx-M}SAWzqF%1$TmDdB4vgY797 zL^vz=aPA*ekn4u&i~m~y5?_)~#5SnR3xxe?bPRdpxPK+QggZOwo)J^#e>9Mk_&!zO z>cjnsdn)DIDS<1M>BI>j+={ZgT38DZ&KSQnF9s5N5LwFoo(gqwC~0Z9YY?AnpYDZi zEHiGWOf@=M$o-t~|9zDweUW~4ZClaSYKGyo^n{{MY}!Cd^{}n0g@J^hbH}6S2gHwX zcd_{iNLxp|J$2@hHh^$meS^!;lobBwjH1y96dK+=kdAOlO&G{59rw?Ag)_@fa*V3cG|0G zY+QIixA2(ofQ|vG5YQ#2XH-DP=z#G4ap5r}{0}mA&Kw~_}@h#Eev5qP5eg5~^bE~*qaasPK zW%llIxd!_9^kHD0$Bc-L4cDXYt(?YHEdJifey%);5*{DV6o$_&l-=bw_wOvObZgIN zakHAblmavU1K_GmiO`>Z_ZDfI6PlKx45Xt;Jp)zx*mI{;?XG^N!gyB zC)yib(G{DpT;-mTk>LXaBElj97=UM*)Lx(H@NctYW-C0P7n9|wZ~F?53E6wUn(L|G L-pg%Wx9k2NJVu3r delta 26786 zcmZA91#}hH!iM2F5G26~1Sdg4NP;D}1b26L5}Y6jR^%YXrMSC$fl!>{EyWA8xEI&r zg+lN9oxS-N>z{RpXS>gwlR)p{D+xDUOz6Im+H0o6^}CnjWX2V_9A{uc$H`Mmsg9Gf zljD4ksW1i3!p^t~b7Kl3Ik6ZP!B!ZKGq3>uYV$wXc$O}vd~IyuIBq9~Kza(E!MXSl z)8dG(juV4(un;Eg<~SX&9Qxx*REI~=8~?>*n6Nv8z%-Z$`(O_I4pZYI%z|4m75zJB z2&lu`mGRuoNo#e~z?$JJY>ygv zBMy|xx5SLtIfnJmO<*Jmn)wFQ(j7qU?NLmJS5RB=3NxU0tl6R*n3{NDOo>%dE7uIm zVmnmF%aC*ItVNYe)7O*>bQ93w%8NRcbx{?fZGpbnnfMUY-ru+Rf1_sd0dt{OKXdp( zQ8O=wTB&l@8mNIaLQSBRO?USvpbm$l4%JxHDV~L@upHI#dQ`*PQHNIxiH({uyD~~Ez6HBQAhTs;| zR$apc_z|@N&LGo4Qp`v+4Qj9RqgJl0wHk&JuaBwq{0}9df>SX+E<-K(In`#RAsp3E zP1H;qq0UMR)C#pnJuTf)^?RcRHW;;)6Hy&5vTi^e2@F{A>|Dpz*XqYMIhXsjeN1dI<7=lBwD6T~f_%>=F@7)CI67U|* zM~~z zU$W8m)T0^-M>SLhbxNC|8t85FhhP@s(@+E6j9SVAsHf>S)P$be{7SdZ~>52~a6s6%uNb?R?mASNDb^7CO%;zcnLwzTPys6*QW z_4Eutw`TYQ0d>3@72l3JG^bHBzl|EmGt>*_v(5J#=Qx#!2cr&QPt?o?VqzSFsy_vr z-~tyvLh8PJv#;Bdq1ohjs%w#06h5nccHRF<~GgA#U^A^@f zR69Lveynx0b&i{WR$v{fnvjB4-%YUUTPEZ)W9m~)b;-x^ge5;edc=!5-H z?Tx@79Ea*}3u@)uI|yjxzoH6W#=r3vrgrfmG})Zqdq0@Zgpa5O(oAujikK0#Wo=L$ zN1_HEjY+W|#>0`QH|%Isxn)Q_x3htOPU9BTDL;lq@g&wkuc<_*TD*i!@HuL$D$h0bCZNhsN4EkCY{p8Pu@Q9^ zwxhOWAEw8HsJ*^|TB)0;fxN*K_%Etn(s?G`7u9|yYfjX_@?svWFpu@usqRIBX6{Bc zJOMScC723Vp&H(aI@S9zJ03?3;2El;x0nvU*mS@7X24ld?d3pyW&~qOtURCfSBFh( zLU#-#J_NJja#VvyQ3JhheTo{$CsacT7nt`)I@A`FLakVL)Y6Z_9C#e{LVAv>=W;JJ zGf#~=Oj%JQ4MlYjX7fv7F5*>D6?>v)J`6R$v8eJ(Fd42#t=KNiga=UNuc5Z^FI0K= zBb)FBRq-FxOcO0KBlSZqZ7^zJ;iyAc4Ao$HRQc+tEo_ErCki#87~GA+Py;Wy*tAm< zsqc2`6VM(vM^)&KS#h8#;LJhK%xwO8)PQ!{{DY{&^c!l0-l5vbvcyav1U0Y-)QVI? zO`xtvHysnul0>5RtP85b2Mp9oN2sUhC93=z z)S3IDIQ=`mOU)}X3x*I6K&?m(RD-Q-ydUZ@8;d$bb5Kja9yNg7r~&Rrb#&aOUqGFa z%cz0>joP9w=vD(smzfb~LOoX5Q0Wy>18IQTyC~G2_d|6s6hm<=>eO$u{)O7YG|NqT zLDVb01FHUasP;xIXaBWS(@D@9ZZ0am5mg}$HIU=h%c!M$h-&CF_P_)y%*&wfR>^Ns$dn=(l*1q*a4$)Do#Ls5{-w6)^uykD|H!a z#de}Up1}Zofdw(;S~Kv9s1<03h0#5WfL;(MQHSjzYKdLzOxzFi5YLZFZ)xp~`G}83 zz0-fP=_gPP-@@_ex88AT<5Jv;FR?5x-{9FgxAPZ)P!j5IG#{HoQ3F|kTI!!rGdqVh z@R3a~yvZD{`k0sW5!eVfV_Qu4qxp8+3ELB&ih63^U=mEUS?#m`z627IP{3LgeTbLF z#8?eAp!%2-yV>+9sCsiT87@I@++^K}n%E&!x#y^rdW$;jNw)C9((~_6peR!sL4XBM4|OYN8r!?aAQheN=^EsI3@{M{zB-#h&}jik-FILVwa< zqS{IMvpIA*tc6emtz_+j1@-(-A`pfLQG53qHPbJsy-Tp)JilpBGt7$0&t=o|qUW%o zwy>1VuZdZRH$b)D8+F!}qgHw!y3-RlPrwhKTH_xuziP>d8A-2!8hJ<50LG(MW}0;l zYN;2YCa@aQ;Z_X7<2VdoVF!#kXv$qY$ol6Z;SLGX`;a-s1yIjxDb!4Bp&D+88bBMH z-U+or(Wp~B1U29ZSQuAfNxX)7I?^9D^>d=$hd8T)v+*!;4sXA>#+cyK}Jl#{H0V?tV?t%w!%Bu9Lt_HGn|iEiJ!(%_zXia=65sj z#h8Kqo!tb~(FM$hA225doii&?6Y1Moj7u^4Jo}C*FPL9cw8pB$m!dyD#sKvB!+b*u z#X-bdU4oY6ihq%;VG!HK0MLnUBC!I1!WL zBGk&QM-6lrYDG@j{L7e<_iFw>Yqn-`~|foiEo%QQUDe$N=|MJL9`#vL6}1xWP!sBl8qgTjlFve|+$xjqcH#)6CE*bI;U$yd zyg)7O7gWWhw~U!lGtGl4AAu^@5Y5p0NG}2n--0AFf5s{1R#j6FxOBo`M)myag7-QP>)HVN*>1%rw{= z*ASnKd9dhn^9qi%&Okj~N3c7-cN5Slj(ou*hl8*y7J6yEDlNu9;_?4BBM(N6ydu`Z zc32&ML@)e^KKLK%4Eek=&wolxMLZ*_TprY!afcDm(iTH4Wdqbw_C!^fgvoHRbt9_c z9!!FVtfw(4@hcb)AE3%T#>DtHCdZGc0eZjowC{G(5KuxcRD)rt$0Y*QKz*Cu4AoGS zHQL%ARc;t+#$#;yBY&|4Kj=&!PtKC#u37)Ka}iy@38jl}q}@ zq^CwTlnyljf194mria?}f;PPbrl(vP)JinPMD*`;BA|wQqGs3^yWmjN7Cc06{D_)? z*IQ!>Yev*S0#WtzqS`Bhnm{RQIcsIqmexRb8UoF1Ml`B{7}QD(Mm0PZ)!-BxpJiQy zIy0-Rhfo8(Ve=oN2K*A^<0sUB{zJ9r^^WIXkDt#wQ=lYj0A)}ORYeu7Z{tl-E7Bgd z zk}qZjnqo@g?XeEVpk{a&L+}Lp;XBl;H`#w?OTthc*1`bnf!T2~YG7MXZ%X$?0vQOT zbX=aj3_(5rl`%C&TKn7l@tBeHRj2_RM3sMvIx{{lm*;T#VF2-*sEJiV)$3#(VRSnS z325(jqE6*u)Rz2?+Uwh>fxJc?o`msSo->jJRX&Z4XU7QQp{U2J3ua>-@8Z}AOHs!+5pLj70#ir=_`Tu(YSxH!k>R>Nw&(2~xe1&Sr$J;cV8r5-K?1fEG z13ZSB$Ys!^h?+f zGbVR=z900&>cp?01`wFS<@t?AUYtt218RV8QQsGQQ<}qB01FY1KpkRt9|Bbf?8hKX zl*%k=e$-MIK`m7|RDLbgiuASVV^F7lI+nmCsLzzEs873>s0n)Wj|ucxRzMB7K2p!^ zG$)|vxD$FBw(&7ok@T6UQ+oyVn0`bZD#zF5`A+AL>Zl^>)VD${?R?ZyAGi4zP-o#8 z>dYigqpjlkOF=*h=}|NFN4;o5Q8O!mdI};?9W_GDFdFrtG7|L$oonN9sI%}JY5>iM69+WP~j zmAZjC1D`P`W=v-$S_a)(+8P8@pc`t>$D&T_bkvG0M;)3UF*p8&It$6tn+^-3CeYbB z6eEexz)koM#^IU_=6%sJqp5c)BhSAc7blZ>Y`n28(bTAc#GsaNDC&%i#Q>az+L9fp zGjj%2?lx*GpP<@(g=*&$YDE)fHis`8>hTWF%=530%~B+225oIdKhzSBLw$%WM0L0g zwU;Mt{2pqhKHKzUSzMl<4|1Uf)*RJQcN=%3-Y-+JFz!%-PWdxb!SJju&*yX{%tX91 zs-f?#vrsczgDSrTHS;5=@~3V3W7Nbxqs~+|e>0Ji*7~Ryp1TVHeKGhBb=Vf7mg+RB z;YX;wevNv5GXhb$+m zfdW_ztDxS9!;pf`KGf13M7=;BSYMz9_8xVZ6J~dL&PXoQ3ROX^OmozX`=JIh27UGX z&nBRT*P~|sJ66J{s1*p$VLB*_ybk`2`0d|SOP!Uc#)iD;H9h; zF_oVGngn#%TBA;HA7$V`)Y45r&3K7*4Qj)pFF#wxMQz998kWjbBF{uKTF>hZAI0FbnDpS`4*P z5vU1Nx7J6s*F1>lUmbNIp$W!f9XyFz!pyl%huKjB&4X&FptU6GtW>b^!RUEfP;b6j zsE&TZ{4RcRi5>8HusQVgL)~V?eM3!$Q?RxwqB^>VYTy}a=I>C4&B^2P{FIvl^{P#c z$}fN#cnQ=1%AyW$8!V0;Q0*_oD)`h*APFNXl-K1fC82CSmlKP3unjh0*m??f;B0(@ zy>Vgzm**D{Ur-&k3NtIz0reDh#V8z(dT~8Kb^ISL#@gX7=K{K)6KF}`a6xkh0t%Tu z%VRB$LF89P%`_TyRwklmI0yZ42kJ4qh&s%#QCpFyuqmIx8i=__55sJF{+kle(tU?o z^6zbYB5J8;p_XbT>NG#YzL=_rnb83EQ!AT30QGncLp3-GbK(Tl(r-o$=m_e=>KcaOTWe5p z^Vl{+&wu|DLqK~q3f19k)FE1mZEz=c!t^D~V>1i~5MPcBF>^_C2704DOQxb`xD7S% zqo@hpLap3G8-G!f=UwhT@N?7tB@kG>kf& zFHl?a2{kdV2(vPNs25rYD!*(5&%Y{GBS8(%0wL7V>+_2zuzCZL9smoXy>Ks6AI1u+csU=->wPD8E4GSp0W zqh|68s@@q?#}`p&ag`htyEuB zhi+88F{t;!Ley#Bi>iMd^WkaKz(1qjBWcTdKBnDHK?3^lXo%{lw{Z0f0|F^Ok-IPGaP@IYr zQ6tV;$(R?l^rdXPGOBzdY=RwZ`X1~<{5a}tMN~HLfjX$O&>1z5k?7V)W)TR+<){&# zLe1bd>M?wPdC1i98cEeEZ6gP3VQF`I? z^ZqMpKu=JoKV4&U7z0r&Q3zG9I_k7XqRx&RwK8i^13iZs^!z_3pjT_+CZ@skr~&0d ztw1%@j9Q>xKqF9xXcDT!ji`YiMh)mJY6Wjt@1q{K=cx8vP0b4UVhZ|qLI~)wD1j=_ z3)R2~)E2@;cut{p{-q>|LCMQ4kW%4&tZ5Q^X^a3);y+F@MqG8Vi-oW zGb`B>HQ@fJfsRK#zAI5n@7>;PNeVXsEq!LxUgt!82$e@IRTG;(9Cb*?p|)Z!w#H>P z?&@F~^g-=?I@HSLMy*gO)PNeI2G9xhg~Z*1z+(b)Fd9cjnmv7mYAAV>nW;Yp5^sze z=wQ?q&9mv-uq^Q_SQRsMG%Fd2+Ol=1GxZZ{f_sre?RI`ApcS}^n%Q0JQ`BL5iyDZl zlgUqwd5LGj@>mV^=A4LGaT980r%;FNgU$EvY<|;H4pnY62I~1=NkAQ+Ks{y`P$Rv8 zdTj2YKJ8wiX6)+X^8ACOOt_kO3)H7s{H~_n01P1R#@x6BwH3diW_}&j{wwtS_rL!T z(4HjiW>z9Ks-ujkr=t++bk{(g>PW1O^H2kOgj%T&s0ny=cX|FDKyp;alTZ^}idwmK zs1?72Ztcx20-EU))W|-dUPS+)29~OaF&!#D3+gLaPF#S&SPp+dEq&r>v&03lJMsFc z^!->6AEUM`Yfqkkz0=F~G@pWz*oOE;%!5UHnOAM3bn&wx79xE`Z}TB^8TBeo-N(K+ zuqN^5sHbN&s{P+lFRHhw!<#C`3^0ET&wmLLYTJZysFAKgHEOZ5N?;Nq_$LdC? zhWFrPyotFmy03X}%tU<_T*Kn{7{f7VKl3y-LB%J#3209bqDJ-}HS@In%`3D#>JUYt zmToet!9y60|Dv{}+W^yHAJpCsL!F7S*aT-_HGGOeSY)8-$K9GhV-hA{L%f4+vFLZ^ zXTCWYMcf%=UacK5l;}#VfWKo=Ogq>d+FGc+?SwjP<4`NQ1J&^z)E4^;aXDA?{C6d= zlY~k`%`5l|MiOt!*65TUMKzFSnA!6()&V$y^exy4BZj*?|9!wp)M@`4^~U>%dMc8Q zFs4K0XTxH8{zC}(kkA2j+M`jARV?Z;9Em#J3#~V?8S!i*UCtvMgl948do%MQqf9$Z zt*ud86p8Am8|pCj!+iAbOe3H@JBTXy8|v{oiyHYK7$0w90laJT(~LIdGoS_@fO=Er zLX|IyI%FkLpMKG(Gxjs8pKIv(_kVW@=*{#D^*F^FV`h>a(-N@CjzXRC zRj2`P!&0~l%iufIhgOlXE{E^8PG!`YnLW;&fve+q{`L5k9B=lxA08mS6m@#rPcU!3 zXw;|J7_5$qQE$e_sLue`MDzGnM7_AWp}v3&!H&2Dt6-u@=0#Trs}gTHiNmF(SV@B1 zfcm_Sv+>iIi})X?$MRp)3ItC!D^dZ~VM9!c9Z@rm!2leI*>DBwF#dune;Kv1Puv9b zj&}WEW|$VWM|n}{HBejA2K6|_qE>7f7QySNvy*0uDVG^_$ih&ExD;w&HBbXN(zl8tDsE!||q?$HfP=$G)h;mL9bwSy3xj1kYmxYVT7`Gxh3Oo1@z6 zfc>!>(vI7?YXZ(A)Tw=eD)<`J@F!e|@ur&>$Pz40{1}!~`V8~&TM_3G--Q>j;Y^n^ z9fN0?{C!xFc=&9ya{W>N{i(BwKz=f+%`t~$AZp1EVgvjW3u4Gz^UiOL!Nf)!+ zGjbjEX7rk8+ADy1b+^S39EaMnZ5W78(DUE_q?&IUD2DmSXoIRa8P(Aa)MIlS^>_s? zFav3i`s^5uLAV#y@LyOAeHNOtQUMhoYTbdQiN8d*UJ&^gnF8%`GV%F11Va{^fvv$E z#Lu8+FlLDv*w3f|Jw!c*flJM=W;>&vk{kFOKj3(Lu*~K8*DrmRo2Tj1a-M&UJogIo zd0ZD;67PwP@FeQcWnXDtG(o5{Q5f}pD1~}js-j*{9c_Mp)RGTHt>jwkIn-nK2{ph} zt9btPE)HE~4qp{i!!=NEwkFmnn;(NZoc&R+W;d$iaj3^>9;&^SsK@Uh>hU{^I#btC z^C;dXT7+7` z4XE#w?l_xp64mi}RD;)S`V-U^yt3)Lhtlkaw363~d=p=SCSHIqbZP23k1&w?r!jB2<5YG6fdeo0irRZuf)Vbfz#6B=gy z!KN=lZ$1C(2xvyzJPG__5jB%vQ4QTh4d4T6tGw13Q(!#e8Bqhtf*M$MEQ+~pdRx>0 zqO7r~iHt-a`gg_?(5ak>TDtY9nZ%(6_N(6m~QPgL|CPwud z3zArpdkSG)i!@qET3f=~xz)cjh(I~+!n}W{;`f>k*Y^}0Y{O5<>%)DUTUSTY&)D!` z;_YlX<&~mdF6{D6+7a4qNxH6k+}}~RKs@?CNTKbv;6PiT3WasmMg6R{hQhnKPZAGD z-XH&Wxkx+8U79-w_bc++k^6%15W+F2>ooPgz21?x*UX>q7Djv`lz~+q3^V zeEle(4+Wj@eq`h)KAM8MW)uIFI}vGlxpSIiCn4c)ubRaFBOw>{vJ;NvE@%s+qrR`= z+`rp)lg6k2#AN(Uq3SkK<>R=s5I;nouDMjw6S0d~ZNYi;v>r`*@eU6#g{Q}8y9CiM%2=TRV+ zt)x$_AISfUco6B$vG>>7nBA63h)o~Q8t8cUJCrHf^FE zL^D&w$xnJxPv`urTRs0>$k2E5Kr*HfFHPnnZhevX5#!Uq9qvxH(t65#y|xj^O*}Pq zd*M#v7i_sIgrm4uQMZy!3!}^&;_YnQeTV|{x!;kf%im`3L#-1?T1zVYWApA=O-W8M zfzIR)r|eQY+u6js+XB7tJb9U@ca(4h;hzcrK-rYUC+YpKYbuqFctZT>Y*u3V%D-+*Hyei?TO1JMHrzIIL zh^NI#WF(@2ecbnK^WNDyM`^=d ziHun!?4VF<3b-(qyBld^h-abD1lv#p(!EHp#~ng=pdEy_%}+sEebV%8ryg}na8Dqu z7Ugw4xBftSE#j;6{-5i~;+;%pc?$Q(nKbg8LSL`Z#E05=8}jFHm$99zOfBm1W1r`8 zlh=;2qljyDGb29`Ij>2-Y>GIm376*X!_Oa{UmpEPV?{{N&w;xM_n<-`x31Qt|3+Gv ziF*F5ZS(X~lCB5DH&LcHWp$1GX7C-zt4iKm()?__Je1o)+7y2Na2gQEPNmm2GlcM; z6dsG~xyy0u+DAEETWsU+3IA-T#l(u45po6b}GC4cHS3HvFW zngZ*n(9<^f8}YAKEz-x*X&CoDZe2qu*9sec)5$RE6e9niI`@>~W0ABG#B+1+)BZ0e zV?LGm4V5#SJH|FJk@P>fqiCQNX@8Ta>#@OEOnMvAGtf|F(vss6$|NRT*Dc~3Fg5Yd zgcDOXjcwz-b%(xbrXww_vM@ft1)-MVUX#aJUwGDd0RCvrC>&f9a#I{V1Z_1P+{5|;{>Esw? z|KN@z%r7oIS5ETB5n4jsL4@;?_aEWm+{w6CkyaJm1Nb8ekuenZC)~|8(33P>#i*Er zwA0*Y3GblHPnZV3UK0rqB&`Z{rjgiy@Kt>EO&R?*;vjAOOIlv;5vH=+xk=%w+`7KA z#>1KvPK4eRuFXA;#{Z>E15ZgFBhpfG@8yo6tgcJ8ege|+6OJUk1oaY;SCF*So>Ht5 zF6S;2U*GV#dQ-SL1?Ca%MmQf81GwwhhE=8w;TAL&OF3P>wzHRbmD|t8Ka!t*dRQmV z|BIlfEGjU?tI+31{s{iwv+YL z_ol4~?u?YVOnf0_F4_DVqz|)o#3_A>w`+Z9i#iZC)+g@pao^ z8sd!!S0;ZL;Zc;GfK5p|Mz}oT>#C2%C{v#B0bD{n7X3BjW4C#7EDJx0>8b^P<{_(_oJ>glx<*F^k_-0~fyjcG?WWJ%HLEKBptiv5l#S7fNq)j3}C5`AhgoUst>0htm1WFKpOZkdl z6LAb_hiNMsqp6pL{O-7jw3W6!&-wQvp*V$}aJQx63JN~@T7dXpgws&wC+<_^>FP__ zAkyCvzJYUzPa*FJ>KbOtnHV1u)ICXLDEZ#pJ#2=16a_1h*_B5Au$3-RU=w#U?f{!s z371fAJ65CYD8jjHUKCcR>}%2spsu0hKO=oJ;ga0AU>2JyZ{hK(r#} zOvF9=pB{^lF%Zj;SGex(byW>&@|E`Re|dl!hhjT%2dGGlsis% zBjF~5-=eN!{80Ui81kCY+;^4-NTJFqpKfHocW?>`&5l&9tT>eUJ?wB;1I) ztEqF0@L19hU`NXT$o&uTg2W3^W;6E<;^QgXP0xQa3Unb7N=7_9Mf}?q7(a z3FqJ*NdZ4hM)?bblaO}_ccMetv)uc+|0Dl6Y3sN*6Yj{ph$5Yd&%*j{5|-1@x7T|$ z!nL0CU>a#eJiAT%0}D~-33+3Bs`ZpE9rw(fa@9!BqsioiF*Dm z>_3FZQ@({wOJ+K80*E)JtgePuh115TPXrb;w!N)_aknHo^QcE?skfE z#V2hgHmA;X()tk&(l@vabxGlWj+<6|C^c3QuB36TI;BZ8eQ9)+I9Jc|$z3sV6^4w8 zmpCe*UzfhwK-L88; zOwYc3Iz;7*t2igfJ8sa@qh4NpW1^ht2XbNgE(^i|^Af78`$Gv#20jYc= zqhbQ0qWg5|(78)YOjM7k=-8MY{P(VfrCFXTBZF(z!wt z&Gz?qrCa6ia_#U7aLq|OJz`FhjEC2D>O;}K(NT5?c1ThAc5E-~x|d|f#&WLS33s%t Z>U!wsQ>9POzP;$UM8J-UZCqDt{SO}g|4#q_ diff --git a/pod/locale/fr/LC_MESSAGES/django.po b/pod/locale/fr/LC_MESSAGES/django.po index 4115b04f9b..3d234d3ac1 100644 --- a/pod/locale/fr/LC_MESSAGES/django.po +++ b/pod/locale/fr/LC_MESSAGES/django.po @@ -5,7 +5,7 @@ msgid "" msgstr "" "Project-Id-Version: Pod\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2021-09-16 11:50+0000\n" +"POT-Creation-Date: 2021-09-28 13:16+0000\n" "PO-Revision-Date: \n" "Last-Translator: obado \n" "Language-Team: Pod Team pod@esup-portail.org\n" @@ -149,7 +149,7 @@ msgid "Change your picture" msgstr "Changer votre image de profil" #: pod/authentication/templates/userpicture/userpicture.html:29 -#: pod/authentication/views.py:111 +#: pod/authentication/views.py:125 #: pod/bbb/templates/bbb/live_publish_meeting.html:45 #: pod/bbb/templates/bbb/publish_meeting.html:37 pod/bbb/views.py:127 #: pod/bbb/views.py:254 pod/completion/templates/video_caption_maker.html:56 @@ -160,16 +160,16 @@ msgstr "Changer votre image de profil" #: pod/playlist/views.py:136 #: pod/recorder/templates/recorder/add_recording.html:36 #: pod/recorder/templates/recorder/record_delete.html:31 -#: pod/recorder/views.py:145 pod/recorder/views.py:338 +#: pod/recorder/views.py:146 pod/recorder/views.py:346 #: pod/video/templates/channel/channel_edit.html:47 #: pod/video/templates/videos/video-form.html:10 #: pod/video/templates/videos/video_delete.html:32 #: pod/video/templates/videos/video_edit.html:63 -#: pod/video/templates/videos/video_note_comments_display.html:82 -#: pod/video/templates/videos/video_note_comments_display.html:148 -#: pod/video/templates/videos/video_note_display.html:27 -#: pod/video/templates/videos/video_notes.html:80 -#: pod/video/templates/videos/video_notes.html:116 +#: pod/video/templates/videos/video_note_comments_display.html:73 +#: pod/video/templates/videos/video_note_comments_display.html:134 +#: pod/video/templates/videos/video_note_display.html:24 +#: pod/video/templates/videos/video_notes.html:76 +#: pod/video/templates/videos/video_notes.html:111 #: pod/video/templates/videos/video_record.html:211 pod/video/views.py:353 #: pod/video/views.py:865 pod/video/views.py:913 pod/video/views.py:1448 #: pod/video_search/templates/search/search.html:50 @@ -190,11 +190,11 @@ msgstr "Une ou plusieurs erreurs ont été trouvées dans le formulaire." #: pod/video/templates/videos/video-form.html:25 #: pod/video/templates/videos/video_delete.html:54 #: pod/video/templates/videos/video_edit.html:105 -#: pod/video/templates/videos/video_note_comments_display.html:90 -#: pod/video/templates/videos/video_note_comments_display.html:156 -#: pod/video/templates/videos/video_note_display.html:35 -#: pod/video/templates/videos/video_notes.html:88 -#: pod/video/templates/videos/video_notes.html:124 +#: pod/video/templates/videos/video_note_comments_display.html:82 +#: pod/video/templates/videos/video_note_comments_display.html:143 +#: pod/video/templates/videos/video_note_display.html:33 +#: pod/video/templates/videos/video_notes.html:85 +#: pod/video/templates/videos/video_notes.html:120 msgid "Please provide a valid value for this field" msgstr "Veuillez renseigner une valeur valide pour ce champ" @@ -809,6 +809,7 @@ msgid "Chapter" msgstr "Chapitre" #: pod/chapter/models.py:35 pod/chapter/templates/video_chapter.html:67 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:50 #: pod/enrichment/templates/enrichment/video_enrichment-iframe.html:35 #: pod/enrichment/templates/enrichment/video_enrichment.html:39 #: pod/video/templates/videos/video-element.html:37 @@ -842,34 +843,34 @@ msgstr "Créer / Éditer les chapitres" #: pod/chapter/templates/chapter/form_chapter.html:12 #: pod/chapter/templates/chapter/form_chapter.html:43 -#: pod/enrichment/templates/enrichment/form_enrichment.html:12 +#: pod/enrichment/templates/enrichment/form_enrichment.html:13 #: pod/video/templates/channel/form_theme.html:11 msgid "One or more errors have been found in the form:" msgstr "Une ou plusieurs erreurs ont été trouvées dans le formulaire :" #: pod/chapter/templates/chapter/form_chapter.html:30 #: pod/completion/templates/video_caption_maker.html:94 -#: pod/enrichment/templates/enrichment/form_enrichment.html:30 +#: pod/enrichment/templates/enrichment/form_enrichment.html:37 #: pod/enrichment/templates/enrichment/group_enrichment.html:60 #: pod/interactive/templates/interactive/group_interactive.html:58 #: pod/playlist/templates/playlist.html:69 #: pod/recorder/templates/recorder/add_recording.html:68 #: pod/video/templates/channel/channel_edit.html:80 #: pod/video/templates/channel/form_theme.html:46 -#: pod/video/templates/videos/video_note_display.html:42 -#: pod/video/templates/videos/video_notes.html:94 -#: pod/video/templates/videos/video_notes.html:129 +#: pod/video/templates/videos/video_note_display.html:40 +#: pod/video/templates/videos/video_notes.html:92 +#: pod/video/templates/videos/video_notes.html:125 msgid "Save" msgstr "Sauvegarder" #: pod/chapter/templates/chapter/form_chapter.html:31 -#: pod/enrichment/templates/enrichment/form_enrichment.html:31 +#: pod/enrichment/templates/enrichment/form_enrichment.html:38 #: pod/video/templates/channel/form_theme.html:47 #: pod/video/templates/videos/category_modal.html:45 #: pod/video/templates/videos/category_modal.html:65 -#: pod/video/templates/videos/video_note_display.html:43 -#: pod/video/templates/videos/video_notes.html:95 -#: pod/video/templates/videos/video_notes.html:130 +#: pod/video/templates/videos/video_note_display.html:41 +#: pod/video/templates/videos/video_notes.html:93 +#: pod/video/templates/videos/video_notes.html:126 msgid "Cancel" msgstr "Annuler" @@ -1317,7 +1318,7 @@ msgstr "Votre formulaire contient des erreurs :" #: pod/completion/templates/document/form_document.html:24 #: pod/completion/templates/overlay/form_overlay.html:26 #: pod/completion/templates/track/form_track.html:27 -#: pod/video/templates/videos/video_note_comments_display.html:98 +#: pod/video/templates/videos/video_note_comments_display.html:90 msgid "save" msgstr "sauvegarder" @@ -1325,7 +1326,7 @@ msgstr "sauvegarder" #: pod/completion/templates/document/form_document.html:25 #: pod/completion/templates/overlay/form_overlay.html:27 #: pod/completion/templates/track/form_track.html:28 -#: pod/video/templates/videos/video_note_comments_display.html:99 +#: pod/video/templates/videos/video_note_comments_display.html:91 msgid "cancel" msgstr "annuler" @@ -1755,8 +1756,8 @@ msgid "Image" msgstr "Image" #: pod/enrichment/models.py:152 -msgid "Integrate an document (PDF, text, html)" -msgstr "Intégrer un document (PDF, text, html)" +msgid "Integrate a document (PDF, text, html)" +msgstr "Intégrer un document (PDF, texte, html)" #: pod/enrichment/models.py:154 #: pod/enrichment/templates/enrichment/video_enrichment.html:140 @@ -1764,13 +1765,12 @@ msgid "Richtext" msgstr "Texte riche" #: pod/enrichment/models.py:157 -#: pod/enrichment/templates/enrichment/video_enrichment.html:142 -msgid "Embed" -msgstr "Intégrer" +msgid "Embed code" +msgstr "Code d’intégration" #: pod/enrichment/models.py:160 -msgid "Integrate an external source." -msgstr "Intégrer une source externe." +msgid "Paste here a code from an external source to embed it." +msgstr "Collez ici un code d’une source externe pour l’intégrer." #: pod/enrichment/models.py:165 msgid "Enrichments" @@ -1856,38 +1856,36 @@ msgstr "" "passer à un navigateur Web qui prend en charge la vidéo HTML5" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:61 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:78 msgid "Add a new enrichment" msgstr "Ajouter un nouvel enrichissement" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:66 -#: pod/enrichment/templates/enrichment/edit_enrichment.html:67 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:83 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:84 #: pod/video/templates/videos/add_video.html:59 #: pod/video/templates/videos/add_video.html:60 msgid "Back to video edit" msgstr "Retour à l'édition de la vidéo" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:69 -#: pod/enrichment/templates/enrichment/edit_enrichment.html:70 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:86 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:87 msgid "See the enrich video" msgstr "Voir la vidéo enrichie" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:80 -#: pod/enrichment/templates/enrichment/video_enrichment.html:132 -#: pod/interactive/templates/interactive/edit_interactive.html:113 -msgid "Informations" -msgstr "Informations" +#: pod/enrichment/templates/enrichment/edit_enrichment.html:97 +msgid "Editing enrichments" +msgstr "Éditer les enrichissements" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:84 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:101 #: pod/interactive/templates/interactive/edit_interactive.html:117 msgid "You can specify the group(s) of users who can access this page" msgstr "Spécifier des groupes d'utilisateur qui peuvent accéder à cette page" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:86 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:103 msgid "The title field is required and must contains from 2 to 100 characters." msgstr "Le champ de titre est requis et doit contenir de 2 à 100 caractères." -#: pod/enrichment/templates/enrichment/edit_enrichment.html:87 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:104 msgid "" "The fields \"Start\" and \"End\" must contain an indication value in " "seconds. Start playback of the video, pause the video and click on \"Get " @@ -1899,17 +1897,17 @@ msgstr "" "le temps depuis le lecteur\" pour renseigner automatiquement le champ \"Début" "\". Vous pouvez le faire également pour remplir le champ \"Fin\"." -#: pod/enrichment/templates/enrichment/edit_enrichment.html:88 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:105 msgid "You cannot overlap enrichments." msgstr "Vous ne pouvez faire des enrichissements qui se chevauchent." -#: pod/enrichment/templates/enrichment/edit_enrichment.html:89 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:106 msgid "You must save your enrichments to view the result." msgstr "Vous devez sauvegarder vos enrichissements pour voir le résultat." #: pod/enrichment/templates/enrichment/form_enrichment.html:6 -msgid "Create / Edit enrichments" -msgstr "Créer / Éditer des enrichissements" +msgid "Create / Edit enrichment" +msgstr "Créer / Éditer un enrichissement" #: pod/enrichment/templates/enrichment/group_enrichment.html:11 #: pod/enrichment/templates/enrichment/group_enrichment.html:14 @@ -2020,6 +2018,11 @@ msgstr "Ajouter une vidéo à une liste de lecture" msgid "My playlists" msgstr "Mes listes de lecture" +#: pod/enrichment/templates/enrichment/video_enrichment.html:132 +#: pod/interactive/templates/interactive/edit_interactive.html:113 +msgid "Informations" +msgstr "Informations" + #: pod/enrichment/templates/enrichment/video_enrichment.html:135 msgid "To help you, the different types of enrichments have specific colors:" msgstr "" @@ -2030,6 +2033,10 @@ msgstr "" msgid "Weblink" msgstr "Lien web" +#: pod/enrichment/templates/enrichment/video_enrichment.html:142 +msgid "Embed" +msgstr "Intégrer" + #: pod/enrichment/templates/enrichment/video_enrichment.html:145 msgid "They are visible on the video playback bar." msgstr "Ils sont visibles sur la barre de lecture de la vidéo." @@ -3165,22 +3172,16 @@ msgid "Description of the configuration" msgstr "Description de la configuration" #: pod/main/models.py:175 -#, fuzzy -#| msgid "Name of the BBB meeting." msgid "Name of the tab" -msgstr "Nom de la session BBB." +msgstr "Nom de l’onglet" #: pod/main/models.py:181 -#, fuzzy -#| msgid "Additional owners" -msgid "Additional Channels Tab" -msgstr "Onglet de chaines additionel" +msgid "Additional channels Tab" +msgstr "Onglet additionnel de chaînes" #: pod/main/models.py:182 -#, fuzzy -#| msgid "Additional owners" -msgid "Additional Channel Tabs" -msgstr "Onglets de chaines additionnels" +msgid "Additional channel Tabs" +msgstr "Onglets additionnels de chaînes" #: pod/main/templates/403.html:4 pod/main/templates/403.html:9 #: pod/main/templates/403.html:14 @@ -4246,30 +4247,30 @@ msgstr "Pour supprimer la vidéo, veuillez cocher et cliquer sur envoyer." msgid "Agree required" msgstr "Accord requis" -#: pod/recorder/views.py:62 +#: pod/recorder/views.py:63 msgid "Recorder should be indicated." msgstr "L'enregistreur doit être indiqué." -#: pod/recorder/views.py:67 +#: pod/recorder/views.py:68 msgid "Recorder not found." msgstr "Enregistreur non trouvé." -#: pod/recorder/views.py:81 +#: pod/recorder/views.py:82 msgid "The selected record has been deleted." msgstr "L'enregistrement a été supprimé." -#: pod/recorder/views.py:115 +#: pod/recorder/views.py:116 msgid "Mediapath should be indicated." msgstr "La source du fichier doit être indiquée." -#: pod/recorder/views.py:138 +#: pod/recorder/views.py:139 msgid "" "Your publication is saved. Adding it to your videos will be in a few minutes." msgstr "" "Votre publication est sauvegardée, elle sera ajoutée à vos vidéos dans " "quelques minutes." -#: pod/recorder/views.py:215 +#: pod/recorder/views.py:223 #, python-format msgid "" "Hello, \n" @@ -4294,7 +4295,7 @@ msgstr "" "\n" "Cordialement" -#: pod/recorder/views.py:229 +#: pod/recorder/views.py:237 #, python-format msgid "" "Hello,

a new recording has just be added on %(title_site)s from the " @@ -4308,11 +4309,11 @@ msgstr "" "%(link_url)s
Si le lien n'est pas actif, il faut le copier-coller " "dans la barre d'adresse de votre navigateur.

Cordialement

" -#: pod/recorder/views.py:248 +#: pod/recorder/views.py:256 msgid "New recording added." msgstr "Nouvel enregistrement ajouté." -#: pod/recorder/views.py:331 +#: pod/recorder/views.py:339 msgid "The record has been deleted." msgstr "L’enregistrement a été supprimé." @@ -4722,16 +4723,14 @@ msgstr "" "Si coché, la chaîne apparaîtra dans la liste des chaînes de la plateforme." #: pod/video/models.py:340 -msgid "Select one or more groups who can upload video to this channel" +msgid "Select one or more groups who can upload video to this channel." msgstr "" -"Groupes : Sélectionnez un ou plusieurs groupes qui peuvent ajouter des " -"vidéos à cette chaîne." +"Sélectionnez un ou plusieurs groupes qui peuvent ajouter des vidéos à cette " +"chaîne." #: pod/video/models.py:343 -#, fuzzy -#| msgid "Additional owners" msgid "Additionals channels tab" -msgstr "Propriétaires additionels" +msgstr "Onglet additionnel de chaînes" #: pod/video/models.py:349 pod/video/models.py:433 #: pod/video_search/templates/search/search.html:124 @@ -5411,8 +5410,9 @@ msgid "Chapter the video" msgstr "Chapitrer la vidéo" #: pod/video/templates/videos/link_video.html:25 -msgid "Delete the video." -msgstr "Supprimer la vidéo." +#: pod/video/templates/videos/video_edit.html:41 +msgid "Delete the video" +msgstr "Supprimer la vidéo" #: pod/video/templates/videos/link_video.html:35 msgid "Video default version" @@ -5722,11 +5722,7 @@ msgstr "Pour supprimer la vidéo, veuillez cocher et cliquer sur envoyer." msgid "Add a new video" msgstr "Ajouter une nouvelle vidéo" -#: pod/video/templates/videos/video_edit.html:41 -msgid "Delete the video" -msgstr "Supprimer la vidéo" - -#: pod/video/templates/videos/video_edit.html:115 +#: pod/video/templates/videos/video_edit.html:114 #: pod/video/templates/videos/video_record.html:77 msgid "Sending, please wait." msgstr "Envoi, veuillez patienter." @@ -5777,37 +5773,37 @@ msgstr "Licence Creative Commons" msgid "Sorry, no video found." msgstr "Désolé, aucune vidéo trouvée." -#: pod/video/templates/videos/video_note_comments_display.html:8 -#: pod/video/templates/videos/video_note_display.html:14 +#: pod/video/templates/videos/video_note_comments_display.html:9 +#: pod/video/templates/videos/video_note_display.html:12 msgid "the" msgstr "le" -#: pod/video/templates/videos/video_note_comments_display.html:11 +#: pod/video/templates/videos/video_note_comments_display.html:14 msgid "Manage comment" msgstr "Gérer le commentaire" -#: pod/video/templates/videos/video_note_comments_display.html:23 +#: pod/video/templates/videos/video_note_comments_display.html:24 msgid "Edit the comment" msgstr "Éditer le commentaire" -#: pod/video/templates/videos/video_note_comments_display.html:35 -msgid "Remove the comment" -msgstr "Retirer le commentaire" - -#: pod/video/templates/videos/video_note_comments_display.html:47 -#: pod/video/templates/videos/video_note_display.html:96 +#: pod/video/templates/videos/video_note_comments_display.html:34 +#: pod/video/templates/videos/video_note_display.html:87 msgid "Comment the note" msgstr "Commenter la note" -#: pod/video/templates/videos/video_note_display.html:63 +#: pod/video/templates/videos/video_note_comments_display.html:44 +msgid "Remove the comment" +msgstr "Retirer le commentaire" + +#: pod/video/templates/videos/video_note_display.html:60 msgid "Manage note" msgstr "Gérer la note" -#: pod/video/templates/videos/video_note_display.html:75 +#: pod/video/templates/videos/video_note_display.html:70 msgid "Edit the note" msgstr "Éditer la note" -#: pod/video/templates/videos/video_note_display.html:85 +#: pod/video/templates/videos/video_note_display.html:78 msgid "Remove the note" msgstr "Retirer la note" @@ -5823,15 +5819,15 @@ msgstr "Créer une nouvelle note" msgid "Download the notes" msgstr "Télécharger les notes" -#: pod/video/templates/videos/video_notes.html:49 +#: pod/video/templates/videos/video_notes.html:48 msgid "There is no note available for you for this video." msgstr "Il n’y a pas de note disponible pour vous pour cette vidéo." -#: pod/video/templates/videos/video_notes.html:51 +#: pod/video/templates/videos/video_notes.html:50 msgid "You can create a new one with the + icon." msgstr "Vous pouvez créer une nouvelle note avec le bouton +." -#: pod/video/templates/videos/video_notes.html:53 +#: pod/video/templates/videos/video_notes.html:52 msgid "Log in to create a new one." msgstr "Connectez-vous pour en créer une nouvelle." @@ -6136,6 +6132,9 @@ msgstr "Retirer ce filtre" msgid "Sorry, video search is limited to 500 pages max." msgstr "Désolé, la recherche de vidéos est limitée à 500 pages maximum." +#~ msgid "Delete the video." +#~ msgstr "Supprimer la vidéo." + #~ msgid "My BigBlueButton records and lives" #~ msgstr "Mes sessions et directs BigBlueButton" diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po index 57d99f5534..e194d40552 100644 --- a/pod/locale/fr/LC_MESSAGES/djangojs.po +++ b/pod/locale/fr/LC_MESSAGES/djangojs.po @@ -5,7 +5,7 @@ msgid "" msgstr "" "Project-Id-Version: Esup-Pod\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2021-06-24 10:13+0200\n" +"POT-Creation-Date: 2021-09-28 15:16+0200\n" "PO-Revision-Date: 2021-03-26 17:58+0100\n" "Last-Translator: obado \n" "Language-Team: \n" @@ -368,11 +368,13 @@ msgid "Are you sure you want to delete this element?" msgstr "Êtes-vous sûr(e) de vouloir supprimer cet élément ?" #: pod/main/static/js/main.js:454 +#: pod/podfile/static/podfile/js/filewidget.js:114 #: pod/podfile/static/podfile/js/filewidget.js:391 msgid "Error during exchange" msgstr "Erreur durant le téléversement" #: pod/main/static/js/main.js:458 +#: pod/podfile/static/podfile/js/filewidget.js:114 msgid "No data could be stored." msgstr "Aucune donnée ne peut être stockée." @@ -431,6 +433,10 @@ msgstr "Changer" msgid "Enter new name of folder" msgstr "Indiquer un nouveau nom au dossier" +#: pod/podfile/static/podfile/js/filewidget.js:167 +msgid "Remove" +msgstr "Retirer" + #: pod/podfile/static/podfile/js/filewidget.js:180 #: pod/podfile/static/podfile/js/filewidget.js:202 #: pod/podfile/static/podfile/js/filewidget.js:235 @@ -450,15 +456,15 @@ msgstr "Êtes-vous sûr(e) de vouloir supprimer ce dossier ?" msgid "See more" msgstr "Voir plus" -#: pod/video/static/js/change_video_owner.js:117 +#: pod/video/static/js/change_video_owner.js:104 msgid "No element found" msgstr "Aucun élément trouvé" -#: pod/video/static/js/change_video_owner.js:717 +#: pod/video/static/js/change_video_owner.js:637 msgid "An error occurred during the change of owner" msgstr "Une erreur s'est produite lors du changement de propriétaire" -#: pod/video/static/js/change_video_owner.js:730 +#: pod/video/static/js/change_video_owner.js:648 msgid "Please complete all fields correctly" msgstr "Veuillez remplir tous les champs correctement" @@ -504,6 +510,10 @@ msgstr "Répondre" msgid "Remove this comment" msgstr "Supprimer ce commentaire" +#: pod/video/static/js/comment-script.js:259 +msgid "Add a public comment" +msgstr "Ajouter un commentaire public" + #: pod/video/static/js/comment-script.js:383 msgid "Show answers" msgstr "Afficher les réponses" @@ -513,6 +523,7 @@ msgid "Comment has been deleted successfully." msgstr "Commentaire a été supprimé avec succès." #: pod/video/static/js/regroup_videos_by_theme.js:51 +#: pod/video/static/js/video_category.js:530 msgid "This content is password protected." msgstr "Ce contenu est protégé par mot de passe." @@ -526,11 +537,38 @@ msgstr "Ce contenu est chapitré." msgid "This content is in draft." msgstr "Ce contenu est en brouillon." +#: pod/video/static/js/regroup_videos_by_theme.js:76 +#: pod/video/static/js/video_category.js:436 +#: pod/video/static/js/video_category.js:555 +msgid "Video content." +msgstr "Contenu vidéo." + #: pod/video/static/js/regroup_videos_by_theme.js:81 +#: pod/video/static/js/video_category.js:437 #: pod/video/static/js/video_category.js:560 msgid "Audio content." msgstr "Contenu audio." +#: pod/video/static/js/regroup_videos_by_theme.js:86 +#: pod/video/static/js/video_category.js:565 +msgid "Edit the video" +msgstr "Éditer la vidéo" + +#: pod/video/static/js/regroup_videos_by_theme.js:87 +#: pod/video/static/js/video_category.js:566 +msgid "Complete the video" +msgstr "Compléter la vidéo" + +#: pod/video/static/js/regroup_videos_by_theme.js:88 +#: pod/video/static/js/video_category.js:567 +msgid "Chapter the video" +msgstr "Chapitrer la vidéo" + +#: pod/video/static/js/regroup_videos_by_theme.js:89 +#: pod/video/static/js/video_category.js:568 +msgid "Delete the video" +msgstr "Supprimer la vidéo" + #: pod/video/static/js/regroup_videos_by_theme.js:270 msgid "Loading videos.." msgstr "Chargement videos.." @@ -584,6 +622,14 @@ msgstr "Éditer la catégorie" msgid "Delete the category" msgstr "Supprimer la catégorie" +#: pod/video/static/js/video_category.js:636 +msgid "Success.." +msgstr "Succès.." + +#: pod/video/static/js/video_category.js:637 +msgid "Error.." +msgstr "Erreur.." + #: pod/video/static/js/video_category.js:907 msgid "Category created successfully" msgstr "Catégorie créée avec succès" @@ -615,30 +661,3 @@ msgstr "Vue totale depuis création" #: pod/video/static/js/video_stats_view.js:24 msgid "Slug" msgstr "Titre court" - -#~ msgid "Remove" -#~ msgstr "Retirer" - -#~ msgid "Add a public comment" -#~ msgstr "Ajouter un commentaire public" - -#~ msgid "Video content." -#~ msgstr "Contenu vidéo." - -#~ msgid "Edit the video" -#~ msgstr "Éditer la vidéo" - -#~ msgid "Complete the video" -#~ msgstr "Compléter la vidéo" - -#~ msgid "Chapter the video" -#~ msgstr "Chapitrer la vidéo" - -#~ msgid "Delete the video" -#~ msgstr "Supprimer la vidéo" - -#~ msgid "Success.." -#~ msgstr "Succès.." - -#~ msgid "Error.." -#~ msgstr "Erreur.." diff --git a/pod/locale/nl/LC_MESSAGES/django.po b/pod/locale/nl/LC_MESSAGES/django.po index 4788304057..295eac7841 100644 --- a/pod/locale/nl/LC_MESSAGES/django.po +++ b/pod/locale/nl/LC_MESSAGES/django.po @@ -5,7 +5,7 @@ msgid "" msgstr "" "Project-Id-Version: Pod\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2021-09-16 11:50+0000\n" +"POT-Creation-Date: 2021-09-28 13:16+0000\n" "PO-Revision-Date: 2021-01-22 12:27+0100\n" "Last-Translator: obado \n" "Language-Team: \n" @@ -147,7 +147,7 @@ msgid "Change your picture" msgstr "" #: pod/authentication/templates/userpicture/userpicture.html:29 -#: pod/authentication/views.py:111 +#: pod/authentication/views.py:125 #: pod/bbb/templates/bbb/live_publish_meeting.html:45 #: pod/bbb/templates/bbb/publish_meeting.html:37 pod/bbb/views.py:127 #: pod/bbb/views.py:254 pod/completion/templates/video_caption_maker.html:56 @@ -158,16 +158,16 @@ msgstr "" #: pod/playlist/views.py:136 #: pod/recorder/templates/recorder/add_recording.html:36 #: pod/recorder/templates/recorder/record_delete.html:31 -#: pod/recorder/views.py:145 pod/recorder/views.py:338 +#: pod/recorder/views.py:146 pod/recorder/views.py:346 #: pod/video/templates/channel/channel_edit.html:47 #: pod/video/templates/videos/video-form.html:10 #: pod/video/templates/videos/video_delete.html:32 #: pod/video/templates/videos/video_edit.html:63 -#: pod/video/templates/videos/video_note_comments_display.html:82 -#: pod/video/templates/videos/video_note_comments_display.html:148 -#: pod/video/templates/videos/video_note_display.html:27 -#: pod/video/templates/videos/video_notes.html:80 -#: pod/video/templates/videos/video_notes.html:116 +#: pod/video/templates/videos/video_note_comments_display.html:73 +#: pod/video/templates/videos/video_note_comments_display.html:134 +#: pod/video/templates/videos/video_note_display.html:24 +#: pod/video/templates/videos/video_notes.html:76 +#: pod/video/templates/videos/video_notes.html:111 #: pod/video/templates/videos/video_record.html:211 pod/video/views.py:353 #: pod/video/views.py:865 pod/video/views.py:913 pod/video/views.py:1448 #: pod/video_search/templates/search/search.html:50 @@ -188,11 +188,11 @@ msgstr "" #: pod/video/templates/videos/video-form.html:25 #: pod/video/templates/videos/video_delete.html:54 #: pod/video/templates/videos/video_edit.html:105 -#: pod/video/templates/videos/video_note_comments_display.html:90 -#: pod/video/templates/videos/video_note_comments_display.html:156 -#: pod/video/templates/videos/video_note_display.html:35 -#: pod/video/templates/videos/video_notes.html:88 -#: pod/video/templates/videos/video_notes.html:124 +#: pod/video/templates/videos/video_note_comments_display.html:82 +#: pod/video/templates/videos/video_note_comments_display.html:143 +#: pod/video/templates/videos/video_note_display.html:33 +#: pod/video/templates/videos/video_notes.html:85 +#: pod/video/templates/videos/video_notes.html:120 msgid "Please provide a valid value for this field" msgstr "" @@ -758,6 +758,7 @@ msgid "Chapter" msgstr "" #: pod/chapter/models.py:35 pod/chapter/templates/video_chapter.html:67 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:50 #: pod/enrichment/templates/enrichment/video_enrichment-iframe.html:35 #: pod/enrichment/templates/enrichment/video_enrichment.html:39 #: pod/video/templates/videos/video-element.html:37 @@ -787,34 +788,34 @@ msgstr "" #: pod/chapter/templates/chapter/form_chapter.html:12 #: pod/chapter/templates/chapter/form_chapter.html:43 -#: pod/enrichment/templates/enrichment/form_enrichment.html:12 +#: pod/enrichment/templates/enrichment/form_enrichment.html:13 #: pod/video/templates/channel/form_theme.html:11 msgid "One or more errors have been found in the form:" msgstr "" #: pod/chapter/templates/chapter/form_chapter.html:30 #: pod/completion/templates/video_caption_maker.html:94 -#: pod/enrichment/templates/enrichment/form_enrichment.html:30 +#: pod/enrichment/templates/enrichment/form_enrichment.html:37 #: pod/enrichment/templates/enrichment/group_enrichment.html:60 #: pod/interactive/templates/interactive/group_interactive.html:58 #: pod/playlist/templates/playlist.html:69 #: pod/recorder/templates/recorder/add_recording.html:68 #: pod/video/templates/channel/channel_edit.html:80 #: pod/video/templates/channel/form_theme.html:46 -#: pod/video/templates/videos/video_note_display.html:42 -#: pod/video/templates/videos/video_notes.html:94 -#: pod/video/templates/videos/video_notes.html:129 +#: pod/video/templates/videos/video_note_display.html:40 +#: pod/video/templates/videos/video_notes.html:92 +#: pod/video/templates/videos/video_notes.html:125 msgid "Save" msgstr "" #: pod/chapter/templates/chapter/form_chapter.html:31 -#: pod/enrichment/templates/enrichment/form_enrichment.html:31 +#: pod/enrichment/templates/enrichment/form_enrichment.html:38 #: pod/video/templates/channel/form_theme.html:47 #: pod/video/templates/videos/category_modal.html:45 #: pod/video/templates/videos/category_modal.html:65 -#: pod/video/templates/videos/video_note_display.html:43 -#: pod/video/templates/videos/video_notes.html:95 -#: pod/video/templates/videos/video_notes.html:130 +#: pod/video/templates/videos/video_note_display.html:41 +#: pod/video/templates/videos/video_notes.html:93 +#: pod/video/templates/videos/video_notes.html:126 msgid "Cancel" msgstr "" @@ -1250,7 +1251,7 @@ msgstr "" #: pod/completion/templates/document/form_document.html:24 #: pod/completion/templates/overlay/form_overlay.html:26 #: pod/completion/templates/track/form_track.html:27 -#: pod/video/templates/videos/video_note_comments_display.html:98 +#: pod/video/templates/videos/video_note_comments_display.html:90 msgid "save" msgstr "" @@ -1258,7 +1259,7 @@ msgstr "" #: pod/completion/templates/document/form_document.html:25 #: pod/completion/templates/overlay/form_overlay.html:27 #: pod/completion/templates/track/form_track.html:28 -#: pod/video/templates/videos/video_note_comments_display.html:99 +#: pod/video/templates/videos/video_note_comments_display.html:91 msgid "cancel" msgstr "" @@ -1663,7 +1664,7 @@ msgid "Image" msgstr "" #: pod/enrichment/models.py:152 -msgid "Integrate an document (PDF, text, html)" +msgid "Integrate a document (PDF, text, html)" msgstr "" #: pod/enrichment/models.py:154 @@ -1672,12 +1673,11 @@ msgid "Richtext" msgstr "" #: pod/enrichment/models.py:157 -#: pod/enrichment/templates/enrichment/video_enrichment.html:142 -msgid "Embed" +msgid "Embed code" msgstr "" #: pod/enrichment/models.py:160 -msgid "Integrate an external source." +msgid "Paste here a code from an external source to embed it." msgstr "" #: pod/enrichment/models.py:165 @@ -1757,38 +1757,36 @@ msgid "" "\"_blank\">supports HTML5 video" msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:61 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:78 msgid "Add a new enrichment" msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:66 -#: pod/enrichment/templates/enrichment/edit_enrichment.html:67 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:83 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:84 #: pod/video/templates/videos/add_video.html:59 #: pod/video/templates/videos/add_video.html:60 msgid "Back to video edit" msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:69 -#: pod/enrichment/templates/enrichment/edit_enrichment.html:70 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:86 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:87 msgid "See the enrich video" msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:80 -#: pod/enrichment/templates/enrichment/video_enrichment.html:132 -#: pod/interactive/templates/interactive/edit_interactive.html:113 -msgid "Informations" +#: pod/enrichment/templates/enrichment/edit_enrichment.html:97 +msgid "Editing enrichments" msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:84 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:101 #: pod/interactive/templates/interactive/edit_interactive.html:117 msgid "You can specify the group(s) of users who can access this page" msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:86 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:103 msgid "The title field is required and must contains from 2 to 100 characters." msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:87 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:104 msgid "" "The fields \"Start\" and \"End\" must contain an indication value in " "seconds. Start playback of the video, pause the video and click on \"Get " @@ -1796,16 +1794,16 @@ msgid "" "same to fill in the field untitled \"End\"." msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:88 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:105 msgid "You cannot overlap enrichments." msgstr "" -#: pod/enrichment/templates/enrichment/edit_enrichment.html:89 +#: pod/enrichment/templates/enrichment/edit_enrichment.html:106 msgid "You must save your enrichments to view the result." msgstr "" #: pod/enrichment/templates/enrichment/form_enrichment.html:6 -msgid "Create / Edit enrichments" +msgid "Create / Edit enrichment" msgstr "" #: pod/enrichment/templates/enrichment/group_enrichment.html:11 @@ -1917,6 +1915,11 @@ msgstr "" msgid "My playlists" msgstr "" +#: pod/enrichment/templates/enrichment/video_enrichment.html:132 +#: pod/interactive/templates/interactive/edit_interactive.html:113 +msgid "Informations" +msgstr "" + #: pod/enrichment/templates/enrichment/video_enrichment.html:135 msgid "To help you, the different types of enrichments have specific colors:" msgstr "" @@ -1925,6 +1928,10 @@ msgstr "" msgid "Weblink" msgstr "" +#: pod/enrichment/templates/enrichment/video_enrichment.html:142 +msgid "Embed" +msgstr "" + #: pod/enrichment/templates/enrichment/video_enrichment.html:145 msgid "They are visible on the video playback bar." msgstr "" @@ -3040,11 +3047,11 @@ msgid "Name of the tab" msgstr "" #: pod/main/models.py:181 -msgid "Additional Channels Tab" +msgid "Additional channels Tab" msgstr "" #: pod/main/models.py:182 -msgid "Additional Channel Tabs" +msgid "Additional channel Tabs" msgstr "" #: pod/main/templates/403.html:4 pod/main/templates/403.html:9 @@ -4064,28 +4071,28 @@ msgstr "" msgid "Agree required" msgstr "" -#: pod/recorder/views.py:62 +#: pod/recorder/views.py:63 msgid "Recorder should be indicated." msgstr "" -#: pod/recorder/views.py:67 +#: pod/recorder/views.py:68 msgid "Recorder not found." msgstr "" -#: pod/recorder/views.py:81 +#: pod/recorder/views.py:82 msgid "The selected record has been deleted." msgstr "" -#: pod/recorder/views.py:115 +#: pod/recorder/views.py:116 msgid "Mediapath should be indicated." msgstr "" -#: pod/recorder/views.py:138 +#: pod/recorder/views.py:139 msgid "" "Your publication is saved. Adding it to your videos will be in a few minutes." msgstr "" -#: pod/recorder/views.py:215 +#: pod/recorder/views.py:223 #, python-format msgid "" "Hello, \n" @@ -4100,7 +4107,7 @@ msgid "" "Regards" msgstr "" -#: pod/recorder/views.py:229 +#: pod/recorder/views.py:237 #, python-format msgid "" "Hello,

a new recording has just be added on %(title_site)s from the " @@ -4109,11 +4116,11 @@ msgid "" "just copy-paste it in your browser.

Regards

" msgstr "" -#: pod/recorder/views.py:248 +#: pod/recorder/views.py:256 msgid "New recording added." msgstr "" -#: pod/recorder/views.py:331 +#: pod/recorder/views.py:339 msgid "The record has been deleted." msgstr "" @@ -4456,7 +4463,7 @@ msgid "" msgstr "" #: pod/video/models.py:340 -msgid "Select one or more groups who can upload video to this channel" +msgid "Select one or more groups who can upload video to this channel." msgstr "" #: pod/video/models.py:343 @@ -5118,7 +5125,8 @@ msgid "Chapter the video" msgstr "" #: pod/video/templates/videos/link_video.html:25 -msgid "Delete the video." +#: pod/video/templates/videos/video_edit.html:41 +msgid "Delete the video" msgstr "" #: pod/video/templates/videos/link_video.html:35 @@ -5409,11 +5417,7 @@ msgstr "" msgid "Add a new video" msgstr "" -#: pod/video/templates/videos/video_edit.html:41 -msgid "Delete the video" -msgstr "" - -#: pod/video/templates/videos/video_edit.html:115 +#: pod/video/templates/videos/video_edit.html:114 #: pod/video/templates/videos/video_record.html:77 msgid "Sending, please wait." msgstr "" @@ -5463,37 +5467,37 @@ msgstr "" msgid "Sorry, no video found." msgstr "" -#: pod/video/templates/videos/video_note_comments_display.html:8 -#: pod/video/templates/videos/video_note_display.html:14 +#: pod/video/templates/videos/video_note_comments_display.html:9 +#: pod/video/templates/videos/video_note_display.html:12 msgid "the" msgstr "" -#: pod/video/templates/videos/video_note_comments_display.html:11 +#: pod/video/templates/videos/video_note_comments_display.html:14 msgid "Manage comment" msgstr "" -#: pod/video/templates/videos/video_note_comments_display.html:23 +#: pod/video/templates/videos/video_note_comments_display.html:24 msgid "Edit the comment" msgstr "" -#: pod/video/templates/videos/video_note_comments_display.html:35 -msgid "Remove the comment" +#: pod/video/templates/videos/video_note_comments_display.html:34 +#: pod/video/templates/videos/video_note_display.html:87 +msgid "Comment the note" msgstr "" -#: pod/video/templates/videos/video_note_comments_display.html:47 -#: pod/video/templates/videos/video_note_display.html:96 -msgid "Comment the note" +#: pod/video/templates/videos/video_note_comments_display.html:44 +msgid "Remove the comment" msgstr "" -#: pod/video/templates/videos/video_note_display.html:63 +#: pod/video/templates/videos/video_note_display.html:60 msgid "Manage note" msgstr "" -#: pod/video/templates/videos/video_note_display.html:75 +#: pod/video/templates/videos/video_note_display.html:70 msgid "Edit the note" msgstr "" -#: pod/video/templates/videos/video_note_display.html:85 +#: pod/video/templates/videos/video_note_display.html:78 msgid "Remove the note" msgstr "" @@ -5509,15 +5513,15 @@ msgstr "" msgid "Download the notes" msgstr "" -#: pod/video/templates/videos/video_notes.html:49 +#: pod/video/templates/videos/video_notes.html:48 msgid "There is no note available for you for this video." msgstr "" -#: pod/video/templates/videos/video_notes.html:51 +#: pod/video/templates/videos/video_notes.html:50 msgid "You can create a new one with the + icon." msgstr "" -#: pod/video/templates/videos/video_notes.html:53 +#: pod/video/templates/videos/video_notes.html:52 msgid "Log in to create a new one." msgstr "" diff --git a/pod/locale/nl/LC_MESSAGES/djangojs.po b/pod/locale/nl/LC_MESSAGES/djangojs.po index 4c378383df..781628a3f4 100644 --- a/pod/locale/nl/LC_MESSAGES/djangojs.po +++ b/pod/locale/nl/LC_MESSAGES/djangojs.po @@ -5,7 +5,7 @@ msgid "" msgstr "" "Project-Id-Version: Esup-Pod\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2021-06-24 10:13+0200\n" +"POT-Creation-Date: 2021-09-28 15:16+0200\n" "PO-Revision-Date: 2021-01-22 12:27+0100\n" "Last-Translator: obado \n" "Language-Team: \n" @@ -360,11 +360,13 @@ msgid "Are you sure you want to delete this element?" msgstr "" #: pod/main/static/js/main.js:454 +#: pod/podfile/static/podfile/js/filewidget.js:114 #: pod/podfile/static/podfile/js/filewidget.js:391 msgid "Error during exchange" msgstr "" #: pod/main/static/js/main.js:458 +#: pod/podfile/static/podfile/js/filewidget.js:114 msgid "No data could be stored." msgstr "" @@ -421,6 +423,10 @@ msgstr "" msgid "Enter new name of folder" msgstr "" +#: pod/podfile/static/podfile/js/filewidget.js:167 +msgid "Remove" +msgstr "" + #: pod/podfile/static/podfile/js/filewidget.js:180 #: pod/podfile/static/podfile/js/filewidget.js:202 #: pod/podfile/static/podfile/js/filewidget.js:235 @@ -440,15 +446,15 @@ msgstr "" msgid "See more" msgstr "" -#: pod/video/static/js/change_video_owner.js:117 +#: pod/video/static/js/change_video_owner.js:104 msgid "No element found" msgstr "" -#: pod/video/static/js/change_video_owner.js:717 +#: pod/video/static/js/change_video_owner.js:637 msgid "An error occurred during the change of owner" msgstr "" -#: pod/video/static/js/change_video_owner.js:730 +#: pod/video/static/js/change_video_owner.js:648 msgid "Please complete all fields correctly" msgstr "" @@ -494,6 +500,10 @@ msgstr "" msgid "Remove this comment" msgstr "" +#: pod/video/static/js/comment-script.js:259 +msgid "Add a public comment" +msgstr "" + #: pod/video/static/js/comment-script.js:383 msgid "Show answers" msgstr "" @@ -503,6 +513,7 @@ msgid "Comment has been deleted successfully." msgstr "" #: pod/video/static/js/regroup_videos_by_theme.js:51 +#: pod/video/static/js/video_category.js:530 msgid "This content is password protected." msgstr "" @@ -516,11 +527,38 @@ msgstr "" msgid "This content is in draft." msgstr "" +#: pod/video/static/js/regroup_videos_by_theme.js:76 +#: pod/video/static/js/video_category.js:436 +#: pod/video/static/js/video_category.js:555 +msgid "Video content." +msgstr "" + #: pod/video/static/js/regroup_videos_by_theme.js:81 +#: pod/video/static/js/video_category.js:437 #: pod/video/static/js/video_category.js:560 msgid "Audio content." msgstr "" +#: pod/video/static/js/regroup_videos_by_theme.js:86 +#: pod/video/static/js/video_category.js:565 +msgid "Edit the video" +msgstr "" + +#: pod/video/static/js/regroup_videos_by_theme.js:87 +#: pod/video/static/js/video_category.js:566 +msgid "Complete the video" +msgstr "" + +#: pod/video/static/js/regroup_videos_by_theme.js:88 +#: pod/video/static/js/video_category.js:567 +msgid "Chapter the video" +msgstr "" + +#: pod/video/static/js/regroup_videos_by_theme.js:89 +#: pod/video/static/js/video_category.js:568 +msgid "Delete the video" +msgstr "" + #: pod/video/static/js/regroup_videos_by_theme.js:270 msgid "Loading videos.." msgstr "" @@ -573,6 +611,14 @@ msgstr "" msgid "Delete the category" msgstr "" +#: pod/video/static/js/video_category.js:636 +msgid "Success.." +msgstr "" + +#: pod/video/static/js/video_category.js:637 +msgid "Error.." +msgstr "" + #: pod/video/static/js/video_category.js:907 msgid "Category created successfully" msgstr "" diff --git a/pod/main/models.py b/pod/main/models.py index 1855641215..21fc13ddfa 100644 --- a/pod/main/models.py +++ b/pod/main/models.py @@ -178,5 +178,5 @@ def __str__(self): return "%s" % (self.name) class Meta: - verbose_name = _("Additional Channels Tab") - verbose_name_plural = _("Additional Channel Tabs") + verbose_name = _("Additional channels Tab") + verbose_name_plural = _("Additional channel Tabs") diff --git a/pod/video/models.py b/pod/video/models.py index d267d536cd..2c449da42f 100755 --- a/pod/video/models.py +++ b/pod/video/models.py @@ -337,7 +337,7 @@ class Channel(models.Model): verbose_name=_("Groups"), ajax=True, search_field=lambda q: Q(code_name__icontains=q) | Q(display_name__icontains=q), - help_text=_("Select one or more groups who can upload video to this channel"), + help_text=_("Select one or more groups who can upload video to this channel."), ) add_channels_tab = select2_fields.ManyToManyField( AdditionalChannelTab, verbose_name=_("Additionals channels tab"), blank=True From 113c7df5f54788fcdc038d4738e80952c8692dc7 Mon Sep 17 00:00:00 2001 From: Olivier Bado Date: Tue, 28 Sep 2021 15:39:16 +0200 Subject: [PATCH 009/134] Remove debug js introduced in last commit. --- pod/enrichment/templates/enrichment/video_enrichment.html | 5 ----- 1 file changed, 5 deletions(-) diff --git a/pod/enrichment/templates/enrichment/video_enrichment.html b/pod/enrichment/templates/enrichment/video_enrichment.html index 04621728da..9757ffcb49 100644 --- a/pod/enrichment/templates/enrichment/video_enrichment.html +++ b/pod/enrichment/templates/enrichment/video_enrichment.html @@ -172,11 +172,6 @@
player.on('loadedmetadata', function() { var slide = []; if(!metadataTrack.cues) { //Safari do not get cues - /*console.log("metadataTrack:"+metadataTrack.index); - var t = player.el().childNodes; - console.log("player.el().childNodes:"+t.length); - for(i=0; i Date: Tue, 28 Sep 2021 16:10:29 +0200 Subject: [PATCH 010/134] [css] move enrichment type colors from enrichment.css to videojs-slides, so it can be used also in video playing mode. --- pod/enrichment/static/css/enrichment.css | 10 +++------- pod/enrichment/static/css/videojs-slides.css | 8 ++++++++ 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/pod/enrichment/static/css/enrichment.css b/pod/enrichment/static/css/enrichment.css index 23c0a60b4f..75ee3e1311 100644 --- a/pod/enrichment/static/css/enrichment.css +++ b/pod/enrichment/static/css/enrichment.css @@ -1,3 +1,6 @@ +/* + * CSS for enrichment editing + **/ /*** Table scroll ***/ table.scroll { @@ -47,13 +50,6 @@ form#form_enrich { background-color: rgba(0, 0, 0, .05); } -/* Enrich types colors */ -.enrich_image{color:var(--purple)} -.enrich_document{color:var(--orange)} -.enrich_richtext{color:var(--blue)} -.enrich_weblink{color:var(--red)} -.enrich_embed{color:var(--green)} - /* #form_new, .video_back { diff --git a/pod/enrichment/static/css/videojs-slides.css b/pod/enrichment/static/css/videojs-slides.css index 36ae651ae8..3226fbef0f 100644 --- a/pod/enrichment/static/css/videojs-slides.css +++ b/pod/enrichment/static/css/videojs-slides.css @@ -178,3 +178,11 @@ position: absolute; background-color: #ffe800; } + +/* Enrich types colors */ +.enrich_image{color:var(--purple)} +.enrich_document{color:var(--orange)} +.enrich_richtext{color:var(--blue)} +.enrich_weblink{color:var(--red)} +.enrich_embed{color:var(--green)} + From 75d0759561879c3c0fa7a08a26444c1f97a63f84 Mon Sep 17 00:00:00 2001 From: Olivier Bado Date: Fri, 1 Oct 2021 09:55:17 +0200 Subject: [PATCH 011/134] [BugFix] correct a small bug on videao_search, happening when a selected_facet is repeated (see https://localhost:8080/search/?q=foo&selected_facets=type.slug:bar1&selected_facets=type.slug:bar2 ) + add in authentication login template to prevent robots from indexing it. + add a verbose style for logging in django console / reduce default django console logging level to "warning" only. --- .../templates/authentication/login.html | 2 +- pod/authentication/utils.py | 3 ++- pod/authentication/views.py | 6 +++++- pod/settings.py | 13 ++++++++++++- pod/video_search/views.py | 16 +++++++++------- 5 files changed, 29 insertions(+), 11 deletions(-) diff --git a/pod/authentication/templates/authentication/login.html b/pod/authentication/templates/authentication/login.html index da92835aa5..c2387cc930 100644 --- a/pod/authentication/templates/authentication/login.html +++ b/pod/authentication/templates/authentication/login.html @@ -1,7 +1,7 @@ {% extends "base.html" %} {% load i18n static custom_tags %} {% block page_extra_head %} - + {% endblock %} {% block page_title %}{% trans 'Authentication' %}{% endblock %} diff --git a/pod/authentication/utils.py b/pod/authentication/utils.py index 70a6226ab0..74f5f62e9d 100644 --- a/pod/authentication/utils.py +++ b/pod/authentication/utils.py @@ -6,7 +6,8 @@ def get_owners(search, limit, offset): - """Return owners filtered by GET parameters 'q' + """Return owners filtered by GET parameters 'q'. + With limit and offset Args: diff --git a/pod/authentication/views.py b/pod/authentication/views.py index a38f652cd5..4d3fe650c9 100644 --- a/pod/authentication/views.py +++ b/pod/authentication/views.py @@ -1,3 +1,4 @@ +"""Authentication views.""" from django.http import HttpResponse from django.shortcuts import render from django.shortcuts import redirect @@ -45,14 +46,15 @@ def authentication_login_gateway(request): }, ) - else: def authentication_login_gateway(request): + """Login gateway when CAS_GATEWAY is not defined.""" return HttpResponse("You must set CAS_GATEWAY to True to use this view") def authentication_login(request): + """Handle authentication login attempt.""" referrer = request.GET["referrer"] if request.GET.get("referrer") else "/" host = ( "https://%s" % request.get_host() @@ -88,12 +90,14 @@ def authentication_login(request): def local_logout(request): + """Logout a user connected locally.""" url = reverse("local-logout") url += "?next=/" return redirect(url) def authentication_logout(request): + """Logout a user.""" if request.user.is_anonymous(): return local_logout(request) if request.user.owner.auth_type == "CAS": diff --git a/pod/settings.py b/pod/settings.py index 9e8acbb184..4ab3840bcc 100644 --- a/pod/settings.py +++ b/pod/settings.py @@ -165,6 +165,16 @@ LOGGING = { "version": 1, "disable_existing_loggers": False, + 'formatters': { + 'verbose': { + 'format': '{asctime} {levelname} [{module}] {message}', + 'style': '{', + }, + 'simple': { + 'format': '{asctime} {levelname} - {message}', + 'style': '{', + }, + }, "handlers": { "file": { # 'level': 'DEBUG', @@ -173,6 +183,7 @@ }, "console": { "class": "logging.StreamHandler", + 'formatter': 'verbose', }, "mail_admins": { "level": "ERROR", @@ -182,7 +193,7 @@ "loggers": { "django": { "handlers": ["file", "console", "mail_admins"], - "level": "INFO", + "level": "WARNING", "propagate": True, }, "pod.*": { diff --git a/pod/video_search/views.py b/pod/video_search/views.py index 2d30838806..0ad58db522 100644 --- a/pod/video_search/views.py +++ b/pod/video_search/views.py @@ -66,19 +66,21 @@ def get_remove_selected_facet_link(request, selected_facets): def get_result_aggregations(result, selected_facets): + """Return aggregation results, without selected_facets.""" for facet in selected_facets: if ":" in facet: term = facet.split(":")[0] agg_term = term.replace(".raw", "") + if agg_term == "type.slug": + agg_term = "type_title" + elif agg_term == "tags.slug": + agg_term = "tags_name" + elif agg_term == "disciplines.slug": + agg_term = "disciplines_title" + if result["aggregations"].get(agg_term): del result["aggregations"][agg_term] - else: - if agg_term == "type.slug": - del result["aggregations"]["type_title"] - if agg_term == "tags.slug" and ("tags_name" in result["aggregations"]): - del result["aggregations"]["tags_name"] - if agg_term == "disciplines.slug": - del result["aggregations"]["disciplines_title"] + return result["aggregations"] From 4f1ba6e18c907584d0c9c2b4d0ba0dc0eb7aba32 Mon Sep 17 00:00:00 2001 From: github-actions Date: Fri, 1 Oct 2021 07:56:05 +0000 Subject: [PATCH 012/134] Fixup: format code with Black --- pod/authentication/views.py | 1 + pod/settings.py | 16 ++++++++-------- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/pod/authentication/views.py b/pod/authentication/views.py index 4d3fe650c9..fe7a236ec2 100644 --- a/pod/authentication/views.py +++ b/pod/authentication/views.py @@ -46,6 +46,7 @@ def authentication_login_gateway(request): }, ) + else: def authentication_login_gateway(request): diff --git a/pod/settings.py b/pod/settings.py index 4ab3840bcc..cde5a5a137 100644 --- a/pod/settings.py +++ b/pod/settings.py @@ -165,14 +165,14 @@ LOGGING = { "version": 1, "disable_existing_loggers": False, - 'formatters': { - 'verbose': { - 'format': '{asctime} {levelname} [{module}] {message}', - 'style': '{', + "formatters": { + "verbose": { + "format": "{asctime} {levelname} [{module}] {message}", + "style": "{", }, - 'simple': { - 'format': '{asctime} {levelname} - {message}', - 'style': '{', + "simple": { + "format": "{asctime} {levelname} - {message}", + "style": "{", }, }, "handlers": { @@ -183,7 +183,7 @@ }, "console": { "class": "logging.StreamHandler", - 'formatter': 'verbose', + "formatter": "verbose", }, "mail_admins": { "level": "ERROR", From 8040618a197e474708e12413a812db775627c740 Mon Sep 17 00:00:00 2001 From: maxmol Date: Sun, 3 Oct 2021 19:19:17 +0200 Subject: [PATCH 013/134] captions autoassign, move Select File, remove text --- .../templates/video_caption_maker.html | 59 +++++++++---------- pod/completion/views.py | 11 +++- pod/podfile/views.py | 2 +- 3 files changed, 40 insertions(+), 32 deletions(-) diff --git a/pod/completion/templates/video_caption_maker.html b/pod/completion/templates/video_caption_maker.html index d337421d8f..a4ce95aa3a 100644 --- a/pod/completion/templates/video_caption_maker.html +++ b/pod/completion/templates/video_caption_maker.html @@ -49,36 +49,11 @@

{% trans "Video Caption Maker" %}

{% endif %} -

{% trans "Load Existing Caption File [optional]:" %} -

- {% csrf_token %} -
- {% if form_make_caption.errors %}

{% trans "One or more errors have been found in the form." %}

{% endif %} - {% comment %} {% for field_hidden in form_make_caption.hidden_fields %} {{field_hidden}} {% endfor %} {% endcomment %} - {% comment %} {% for field in form_make_caption.visible_fields %} {% endcomment %} - {% for field in form_make_caption.visible_fields %} - {% if field.name == 'src' %} - {% spaceless %} -
- {{ field.errors }} - {{ field }} - {% if field.help_text %} {{ field.help_text|safe }} {% endif %} - {% if field.field.required %}
{% trans "Please provide a valid value for this field" %}.
{%endif%} -
- {% endspaceless %} - {% endif %} - {% endfor %} - {% comment %} {% endfor %} {% endcomment %} - {% if form_make_caption.instance.id %} {% endif %} -
- {{form_make_caption.media}} -
-
- {% trans "Video" %} : + {% include 'videos/video-element.html' %}
@@ -93,15 +68,39 @@

{% trans "Video Caption Maker" %}

- {% trans "Caption list" %} :{% trans "Use the Play and Pause buttons to determine when the subtitles appear, enter the text in the field below the video then click the Save / (Save & Continue) button to complete your subtitles and finally click the Save Subtitles button to create a subtitle file." %} +
-
+ + + {% csrf_token %} +
+ {% if form_make_caption.errors %}

{% trans "One or more errors have been found in the form." %}

{% endif %} + {% comment %} {% for field_hidden in form_make_caption.hidden_fields %} {{field_hidden}} {% endfor %} {% endcomment %} + {% comment %} {% for field in form_make_caption.visible_fields %} {% endcomment %} + {% for field in form_make_caption.visible_fields %} + {% if field.name == 'src' %} + {% spaceless %} +
+ {{ field.errors }} + {{ field }} + {% if field.help_text %} {{ field.help_text|safe }} {% endif %} + {% if field.field.required %}
{% trans "Please provide a valid value for this field" %}.
{%endif%} +
+ {% endspaceless %} + {% endif %} + {% endfor %} + {% comment %} {% endfor %} {% endcomment %} + {% if form_make_caption.instance.id %} {% endif %} +
+ {{form_make_caption.media}} +
+
{% csrf_token %} - - + +
diff --git a/pod/completion/views.py b/pod/completion/views.py index bf7b8dca62..52f144017d 100644 --- a/pod/completion/views.py +++ b/pod/completion/views.py @@ -75,8 +75,17 @@ def video_caption_maker_save(request, video): ) if request.method == "POST": cur_folder = get_current_session_folder(request) - response = file_edit_save(request, cur_folder) + response, newfile = file_edit_save(request, cur_folder) if b"list_element" in response.content: + + # immediately assign the newly created captions file to the video + Track( + video = video, + kind = 'captions', + lang = 'en', # TODO: add language selection to the form + src = newfile, + ).save() + messages.add_message(request, messages.INFO, _(u"The file has been saved.")) else: messages.add_message( diff --git a/pod/podfile/views.py b/pod/podfile/views.py index 38f7e8f735..5383ced189 100644 --- a/pod/podfile/views.py +++ b/pod/podfile/views.py @@ -530,7 +530,7 @@ def file_edit_save(request, folder): list_element = {"list_element": rendered, "folder_id": folder.id} data = json.dumps(list_element) - return HttpResponse(data, content_type="application/json") + return HttpResponse(data, content_type="application/json"), customfile else: some_data_to_dump = { "errors": "%s" % _("Please correct errors"), From ba7a09736c664e73be13983f8cebc32740acfc92 Mon Sep 17 00:00:00 2001 From: maxmol Date: Mon, 4 Oct 2021 00:43:03 +0200 Subject: [PATCH 014/134] new input mode in caption maker --- pod/completion/static/css/caption_maker.css | 54 +++++++++++++ pod/completion/static/js/caption_maker.js | 79 ++++++++++++++++++- .../templates/video_caption_maker.html | 71 +++++++++-------- 3 files changed, 169 insertions(+), 35 deletions(-) diff --git a/pod/completion/static/css/caption_maker.css b/pod/completion/static/css/caption_maker.css index 21ac498797..f1b0e54ad3 100644 --- a/pod/completion/static/css/caption_maker.css +++ b/pod/completion/static/css/caption_maker.css @@ -79,6 +79,60 @@ textarea { line-height: 1.4; } +.captions_editor { + height: 442px; + overflow: auto; + resize: none; + width: 100%; + padding: 0; +} + +#newCaptionsEditor { + margin-bottom: 6px; +} + +.newEditorBlock > textarea { + width: 85%; + height: 80px; + margin: 8px; +} + +.newEditorBlock > div { + float: right; + line-height: 32px; +} + +.newEditorBlock a { + margin-top: 10px; + display: block; +} + +.caption_block_delete_btn { + position: absolute; + width: 20px; + height: 20px; + padding: 0; + margin: 0; + transform: translate(-18px, 78px); + border: 0; + border-radius: 50%; + background: #222; +} + +.caption_block_delete_btn svg{ + color: #fff; + margin: 0; + transform: translate(0px, -4px); +} + +.newEditorBlock .caption_block_delete_btn{ + visibility: hidden; +} + +.newEditorBlock:hover .caption_block_delete_btn{ + visibility: visible; +} + #captionmakerModal.save > .modal-dialog { max-width: 1000px; } diff --git a/pod/completion/static/js/caption_maker.js b/pod/completion/static/js/caption_maker.js index 39a24b38e2..28cff0a275 100644 --- a/pod/completion/static/js/caption_maker.js +++ b/pod/completion/static/js/caption_maker.js @@ -37,6 +37,10 @@ $(document).ready(function () { $(document).on("submit", "#form_save_captions", function (e) { e.preventDefault(); + + if (!oldModeSelected) + $("#captionContent").val(GenerateWEBVTT()); + if ($("#captionContent").val().trim() === "") { showalert(gettext("There is no captions to save"), "alert-danger"); return; @@ -50,6 +54,9 @@ $(document).on("submit", "#form_save_captions", function (e) { }); $(document).on("click", "#modal-btn-new, #modal-btn-override", function () { + if (!oldModeSelected) + $("#captionContent").val(GenerateWEBVTT()); + $("#saveCaptionsModal").modal("hide"); if (this.id == "modal-btn-override") { $("#form_save_captions").find('input[name="file_id"]').val(file_loaded_id); @@ -136,9 +143,27 @@ $("#clearAllCaptions").on("click", function (e) { if (deleteConfirm) { captionsArray.length = 0; autoPauseAtTime = -1; + $("#captionContent").val(""); $("#captionTitle").html(" "); $("#textCaptionEntry").val(""); + $("#newCaptionsEditor").empty(); + } +}); + +var oldModeSelected = false; + +$("#switchOldEditMode").on("click", function (e) { + oldModeSelected = !oldModeSelected; + + if (oldModeSelected) { + $("#captionContent").val(GenerateWEBVTT()); + $("#captionContent").show(); + $("#newCaptionsEditor").hide(); + } + else { + $("#captionContent").hide(); + $("#newCaptionsEditor").show(); } }); @@ -302,6 +327,24 @@ $("#pauseButton").on("click", function () { $("#podvideoplayer").get(0).player.pause(); }); +function GenerateWEBVTT() { + let vtt = ""; + $('#newCaptionsEditor > .newEditorBlock').each(function() { + let captionText = this.querySelector('textarea').value; + let startTime = this.querySelectorAll('a')[0].text; + let endTime = this.querySelectorAll('a')[1].text; + + vtt += `\n\n${startTime} --> ${endTime}\n${ + captionText + }`; + }) + + if (vtt.length > 0) + vtt = "WEBVTT" + vtt; + + return vtt; +} + function SaveCurrentCaption() { var playTime = $("#podvideoplayer").get(0).player.currentTime(); var captionsEndTime = existingCaptionsEndTime(); @@ -344,6 +387,37 @@ function UpdateCaption(ci, captionText) { updateCaptionHtmlContent(); } +function CreateCaptionBlock(captionText, start, end) { + let captionBlock = $("
"); + captionBlock.addClass("newEditorBlock"); + + let newArea = $(""); + newArea.val(captionText); + newArea.bind('input propertychange', function() { + captionsArray[captionBlock.index()].caption = this.value; + }); + + let deleteBtn = $(""); + deleteBtn.addClass("caption_block_delete_btn"); + deleteBtn.on("click", function(e) { + captionsArray.splice(captionBlock.index(), 1); + captionBlock.remove(); + }) + + let timeBlock = $("
"); + + let startTimeBtn = $(""); + startTimeBtn.text(start); + + let endTimeBtn = $(""); + endTimeBtn.text(end); + + timeBlock.append(startTimeBtn, endTimeBtn); + captionBlock.append(newArea, deleteBtn, timeBlock); + $("#newCaptionsEditor").append(captionBlock); + feather.replace(); +} + function AddCaptionListRow(ci) { let vtt = $("#captionContent"); let vtt_entry = $("#textCaptionEntry").val().trim(); @@ -357,8 +431,10 @@ function AddCaptionListRow(ci) { } else { vtt.val(`${vtt.val()}\n\n${caption_text}`); } - caption_memories.start_time = end; } + + CreateCaptionBlock(vtt_entry, start, end); + caption_memories.start_time = end; } function AddCaption(captionStart, captionEnd, captionText) { @@ -367,6 +443,7 @@ function AddCaption(captionStart, captionEnd, captionText) { end: captionEnd, caption: captionText.trim(), }); + AddCaptionListRow(captionsArray.length - 1); } diff --git a/pod/completion/templates/video_caption_maker.html b/pod/completion/templates/video_caption_maker.html index a4ce95aa3a..f8eace7478 100644 --- a/pod/completion/templates/video_caption_maker.html +++ b/pod/completion/templates/video_caption_maker.html @@ -68,40 +68,43 @@

{% trans "Video Caption Maker" %}

- - -
- -
- {% csrf_token %} -
- {% if form_make_caption.errors %}

{% trans "One or more errors have been found in the form." %}

{% endif %} - {% comment %} {% for field_hidden in form_make_caption.hidden_fields %} {{field_hidden}} {% endfor %} {% endcomment %} - {% comment %} {% for field in form_make_caption.visible_fields %} {% endcomment %} - {% for field in form_make_caption.visible_fields %} - {% if field.name == 'src' %} - {% spaceless %} -
- {{ field.errors }} - {{ field }} - {% if field.help_text %} {{ field.help_text|safe }} {% endif %} - {% if field.field.required %}
{% trans "Please provide a valid value for this field" %}.
{%endif%} -
- {% endspaceless %} - {% endif %} - {% endfor %} - {% comment %} {% endfor %} {% endcomment %} - {% if form_make_caption.instance.id %} {% endif %} -
- {{form_make_caption.media}} -
-
- {% csrf_token %} - - - - -
+ + +
+
+
+ +
+ {% csrf_token %} +
+ {% if form_make_caption.errors %}

{% trans "One or more errors have been found in the form." %}

{% endif %} + {% comment %} {% for field_hidden in form_make_caption.hidden_fields %} {{field_hidden}} {% endfor %} {% endcomment %} + {% comment %} {% for field in form_make_caption.visible_fields %} {% endcomment %} + {% for field in form_make_caption.visible_fields %} + {% if field.name == 'src' %} + {% spaceless %} +
+ {{ field.errors }} + {{ field }} + {% if field.help_text %} {{ field.help_text|safe }} {% endif %} + {% if field.field.required %}
{% trans "Please provide a valid value for this field" %}.
{%endif%} +
+ {% endspaceless %} + {% endif %} + {% endfor %} + {% comment %} {% endfor %} {% endcomment %} + {% if form_make_caption.instance.id %} {% endif %} +
+ {{form_make_caption.media}} +
+
+ {% csrf_token %} + + + + +
+
From d3566bf2728df7478be59c3941c9e2889e0b1a54 Mon Sep 17 00:00:00 2001 From: gcondess Date: Mon, 4 Oct 2021 01:16:10 +0200 Subject: [PATCH 015/134] =?UTF-8?q?Rename=20the=20"video=5Fall=5Finfo"=20a?= =?UTF-8?q?jax=20view=20to=20"video=5Fxhr"=20Now=20this=20view=20is=20also?= =?UTF-8?q?=20rendering=20video=5Felement=20and=20return=20more=20videos?= =?UTF-8?q?=20properties=20in=20order=20to=20load=20some=20header=20file?= =?UTF-8?q?=20dynamicly=20is=20the=20loaded=20video=20need=20them=20The=20?= =?UTF-8?q?playlist=20now=20handler=20autoplay=20for=20audio,=20enrichment?= =?UTF-8?q?,=20video=20with=20overlay=20and=20also=20display=20chapters=20?= =?UTF-8?q?and=20subtitles=20H5P=20and=20360=C2=B0=20videos=20are=20not=20?= =?UTF-8?q?treated=20yet...?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit + Add some tests (same has video view) for this view --- pod/enrichment/static/js/videojs-slides.js | 8 +- pod/playlist/static/css/videojs-playlist.css | 4 +- .../templates/playlist/playlist_player.html | 208 ++++++------------ pod/urls.py | 10 +- pod/video/templates/videos/video-element.html | 4 +- pod/video/templates/videos/video-header.html | 19 +- pod/video/templates/videos/video-iframe.html | 4 +- pod/video/templates/videos/video-script.html | 72 +++++- pod/video/tests/test_views.py | 127 +++++++++++ pod/video/views.py | 105 +++++++-- 10 files changed, 368 insertions(+), 193 deletions(-) diff --git a/pod/enrichment/static/js/videojs-slides.js b/pod/enrichment/static/js/videojs-slides.js index c4c4dc7e83..8e1819b216 100644 --- a/pod/enrichment/static/js/videojs-slides.js +++ b/pod/enrichment/static/js/videojs-slides.js @@ -108,8 +108,8 @@ var loadEnrichmentVTTfile = function (url, callback) { var videojs = window.videojs; -const defaults = {}; -const registerPlugin = videojs.registerPlugin || videojs.plugin; +const slides_defaults = {}; +const registerSlidePlugin = videojs.registerPlugin || videojs.plugin; const slide_color = { document: "var(--orange)", image: "var(--purple)", @@ -462,9 +462,9 @@ const onPlayerReady = function (player, options) { */ const slides = function (options) { this.ready(function () { - onPlayerReady(this, videojs.mergeOptions(defaults, options)); + onPlayerReady(this, videojs.mergeOptions(slides_defaults, options)); }); }; // Register the plugin with video.js. -registerPlugin("slides", slides); +registerSlidePlugin("slides", slides); diff --git a/pod/playlist/static/css/videojs-playlist.css b/pod/playlist/static/css/videojs-playlist.css index 8279ca31bd..d590f08924 100644 --- a/pod/playlist/static/css/videojs-playlist.css +++ b/pod/playlist/static/css/videojs-playlist.css @@ -13,7 +13,7 @@ .playlist-videos p { position: absolute; right: 2.5em; - top: 2.25em; + top: .5em; display: block; font-size: small; text-align: right; @@ -67,3 +67,5 @@ left: 1.5em; right: 1.5em; } + +.vjs-control-bar {z-index:1} diff --git a/pod/playlist/templates/playlist/playlist_player.html b/pod/playlist/templates/playlist/playlist_player.html index bc93cd8e58..809d1b0f8a 100644 --- a/pod/playlist/templates/playlist/playlist_player.html +++ b/pod/playlist/templates/playlist/playlist_player.html @@ -2,26 +2,34 @@ {% load i18n %} {% load staticfiles %} +

{{playlist.title}}

- - + + - - + +

{{video.title}} - {% spaceless %} {% for pvideo in playlist.videos %} - {% if pvideo.id == video.id %} - {{forloop.counter}} - {% endif %} + {% if pvideo.id == video.id %} + {{forloop.counter}} + {% endif %} {% endfor %} - {% endspaceless %} / {{playlist.videos|length}}

+ {% endspaceless %} / {{playlist.videos|length}} +

{% blocktrans count counter=playlist.videos|length %}{{counter}} video{% plural %}{{counter}} videos{% endblocktrans %}

@@ -32,32 +40,25 @@

{% with pllength=playlist.videos|length %} {% for pvideo in playlist.videos %} -
- {% include 'videos/card.html' with video=pvideo playlist=playlist %} -

- {% if pvideo.id == video.id %} - - {% else %} - {{forloop.counter}} - {% endif %} -

- -
+
+ {% include 'videos/card.html' with video=pvideo playlist=playlist %} +

+ {% if pvideo.id == video.id %} + + {% else %} + {{forloop.counter}} + {% endif %} +

+
{% endfor %} {% endwith %}

- diff --git a/pod/urls.py b/pod/urls.py index 52ebb9152e..fd89b9fc2e 100644 --- a/pod/urls.py +++ b/pod/urls.py @@ -29,7 +29,7 @@ from pod.video.views import channel_edit from pod.video.views import theme_edit from pod.video.views import video_notes -from pod.video.views import video_all_info +from pod.video.views import video_xhr from pod.video.views import video_count, video_version from pod.video.views import video_oembed from pod.video.views import stats_view @@ -131,11 +131,11 @@ # url(r'^video_collaborate/(?P[\-\d\w]+)/$', # video_collaborate, # name='video_collaborate'), - url(r"^video_info/(?P[\-\d\w]+)/$", video_all_info, name="video_all_info"), + url(r"^video_xhr/(?P[\-\d\w]+)/$", video_xhr, name="video_xhr"), url( - r"^video_info/(?P[\-\d\w]+)/(?P[\-\d\w]+)/$", - video_all_info, - name="video_all_info", + r"^video_xhr/(?P[\-\d\w]+)/(?P[\-\d\w]+)/$", + video_xhr, + name="video_xhr", ), url( "api/chunked_upload_complete/", diff --git a/pod/video/templates/videos/video-element.html b/pod/video/templates/videos/video-element.html index 4451de6165..67d8e73ef6 100644 --- a/pod/video/templates/videos/video-element.html +++ b/pod/video/templates/videos/video-element.html @@ -12,7 +12,9 @@

{%blocktrans%}To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video{%endblocktrans%}

- + {% if video.enrichment_set.all %} + + {% endif %} {% for track in video.track_set.all%} {%endfor%} diff --git a/pod/video/templates/videos/video-header.html b/pod/video/templates/videos/video-header.html index d89edf0caa..fcad030b12 100644 --- a/pod/video/templates/videos/video-header.html +++ b/pod/video/templates/videos/video-header.html @@ -1,6 +1,6 @@ {% load staticfiles %} - + {% with 'player/videojs/lang/'|add:request.LANGUAGE_CODE|add:'.js' as videojs_lang %} {% endwith %} @@ -27,13 +27,13 @@ {% if video.overview %} - - + + {% endif %} {% if video.overlay_set.all and not enrichment%} - - + + {% endif %} {% if request.user.playlist_set.all %} @@ -41,7 +41,12 @@ {% endif %} +{% if video.enrichment_set.all %} + + +{% endif %} + {% if video.is_360 %} - - + + {% endif %} diff --git a/pod/video/templates/videos/video-iframe.html b/pod/video/templates/videos/video-iframe.html index ac5abe7cc7..b4282f0379 100644 --- a/pod/video/templates/videos/video-iframe.html +++ b/pod/video/templates/videos/video-iframe.html @@ -42,6 +42,7 @@ width: 100%; height: 100%; overflow: hidden; + z-index:0; } #podvideoplayer { margin-left: auto; @@ -58,6 +59,7 @@ padding:0; margin:0; background-color: rgba(250, 250, 250, 0.90) !important; + z-index: 1; } #info-video { padding:1em; @@ -69,7 +71,7 @@ bottom:0; z-index:1000; border-radius:0; - margin:0 + margin:0; } #info-video-wrapper > div.info-video-header { height:3em; diff --git a/pod/video/templates/videos/video-script.html b/pod/video/templates/videos/video-script.html index 47bcc6e9f7..ce2a45e0d3 100644 --- a/pod/video/templates/videos/video-script.html +++ b/pod/video/templates/videos/video-script.html @@ -1,7 +1,7 @@ {% load staticfiles custom_tags %} {% load i18n %} {% get_setting "VIDEO_PLAYBACKRATES" '[0.5, 1, 1.5, 2]' as video_playbackrates %} - diff --git a/pod/video/tests/test_views.py b/pod/video/tests/test_views.py index 5daf13dcd7..2a8770856e 100644 --- a/pod/video/tests/test_views.py +++ b/pod/video/tests/test_views.py @@ -1307,3 +1307,130 @@ def test_filter_videos(self): def tearDown(self): super(VideoTestFiltersViews, self).tearDown() + + +class VideoTestJSONView(TestCase): + fixtures = [ + "initial_data.json", + ] + + def setUp(self): + # type, discipline, owner et tag + site = Site.objects.get(id=1) + user = User.objects.create(username="pod", password="pod1234pod") + user2 = User.objects.create(username="pod2", password="pod1234pod") + user3 = User.objects.create(username="pod3", password="pod1234pod") + AccessGroup.objects.create(code_name="group1", display_name="Group 1") + AccessGroup.objects.create(code_name="group2", display_name="Group 2") + AccessGroup.objects.create(code_name="group3", display_name="Group 3") + v0 = Video.objects.create( + title="Video1", + owner=user, + video="test1.mp4", + type=Type.objects.get(id=1), + ) + v = Video.objects.create( + title="VideoWithAdditionalOwners", + owner=user, + video="test2.mp4", + type=Type.objects.get(id=1), + id=2, + ) + v0.sites.add(site) + v.sites.add(site) + v.additional_owners.add(user2) + + user.owner.sites.add(Site.objects.get_current()) + user.owner.save() + + user2.owner.sites.add(Site.objects.get_current()) + user2.owner.save() + + user3.owner.sites.add(Site.objects.get_current()) + user3.owner.save() + + def test_video_get_request(self): + # csrf_client = Client(enforce_csrf_checks=True) + v = Video.objects.get(title="Video1") + self.assertEqual(v.is_draft, True) + # test draft + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.status_code, HTTPStatus.OK) + self.assertEqual(response.json()['status'], 302) + self.assertEqual(response.json()['error'], 'access') + self.client = Client() + self.user = User.objects.get(username="pod") + self.client.force_login(self.user) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.status_code, HTTPStatus.OK) + self.assertEqual(response.json()['status'], 'ok') + self.user = User.objects.get(username="pod2") + self.client.force_login(self.user) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 403) + self.assertEqual(response.json()['error'], 'deny') + # test normal + self.client.logout() + v.is_draft = False + v.save() + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 'ok') + # test restricted + v.is_restricted = True + v.save() + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 302) + self.assertEqual(response.json()['error'], 'access') + self.user = User.objects.get(username="pod2") + self.client.force_login(self.user) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 'ok') + # test restricted group + v.restrict_access_to_groups.add(AccessGroup.objects.get(code_name="group2")) + v.restrict_access_to_groups.add(AccessGroup.objects.get(code_name="group3")) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 403) + self.assertEqual(response.json()['error'], 'deny') + self.user.owner.accessgroup_set.add(AccessGroup.objects.get(code_name="group1")) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 403) + self.assertEqual(response.json()['error'], 'deny') + self.user.owner.accessgroup_set.add(AccessGroup.objects.get(code_name="group2")) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 'ok') + # TODO test with password (actualy not used in playlist) + """v.is_restricted = False + v.restrict_access_to_groups = [] + v.password = "password" + v.save() + self.client.logout() + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.status_code, HTTPStatus.OK) + self.assertEqual(response.json()['status'], 'ok') + self.assertTrue(response.context["form"]) + """ + # TODO test with hashkey (actualy not used in playlist) + """response = self.client.get("/video_xhr/%s/%s/" % (v.slug, v.get_hashkey())) + self.assertEqual(response.status_code, HTTPStatus.OK) + self.assertEqual("form" in response.context.keys(), False) + v.is_draft = True + v.save() + response = self.client.get("/video_xhr/%s/%s/" % (v.slug, v.get_hashkey())) + self.assertEqual(response.status_code, HTTPStatus.OK) + self.assertEqual("form" in response.context.keys(), False)""" + # Tests for additional owners + v = Video.objects.get(title="VideoWithAdditionalOwners") + self.client = Client() + self.user = User.objects.get(username="pod") + self.client.force_login(self.user) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 'ok') + self.user = User.objects.get(username="pod2") + self.client.force_login(self.user) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 'ok') + self.user = User.objects.get(username="pod3") + self.client.force_login(self.user) + response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + self.assertEqual(response.json()['status'], 403) + self.assertEqual(response.json()['error'], 'deny') diff --git a/pod/video/views.py b/pod/video/views.py index 0791c1c96b..fc2cc61470 100644 --- a/pod/video/views.py +++ b/pod/video/views.py @@ -668,21 +668,84 @@ def get_video_access(request, video, slug_private): return True -@ajax_required -@csrf_protect -def video_all_info(request, slug, slug_private=None): - try: - id = int(slug[: slug.find("-")]) - except ValueError: - raise SuspiciousOperation("Invalid video id") - video = get_object_or_404(Video, id=id, sites=get_current_site(request)) - is_password_protected = video.password is not None and video.password != "" - show_page = get_video_access(request, video, slug_private) - template_video = ( +def get_video_source(video): + video_src = {} + if(video.is_video): + video_src['mp4'] = video.get_video_mp4_json() + m3u8 = video.get_playlist_master() + if m3u8: + video_src['m3u8'] = { + 'src': m3u8.source_file.url, + 'type': m3u8.encoding_format} + else: + m4a = video.get_video_m4a() + video_src['m4a'] = { + 'src': m4a.source_file.url, + 'type': m4a.encoding_format} + return video_src + + +def video_json_response(request, video): + template_info = ( "videos/video-info.html" if request.GET.get("is_iframe") and request.GET.get("is_iframe") == "true" else "videos/video-all-info.html" ) + template_video_element = ("videos/video-element.html") + rendered_info = render_to_string(template_info, {"video": video}, request) + rendered_video = render_to_string(template_video_element, {"video": video}, request) + list_track = [] + for track in video.track_set.all(): + list_track.append({ + 'id': track.id, + 'kind': track.kind, + 'src': track.src.file.url, + 'srclang': track.lang, + 'label': track.get_label_lang()}) + list_overlay = [] + if(video.overlay_set.all()): + for o in video.overlay_set.all(): + list_overlay.append({ + 'start': o.time_start, + 'end': o.time_end, + 'content': o.content, + 'align': o.position, + 'showBackground': o.background}) + list_chapter = [] + if(video.chapter_set.all()): + for c in video.chapter_set.all(): + list_chapter.append({ + 'time_start': c.time_start, + 'id': c.id, + 'title': c.title + }) + overview = video.overview.url if(video.overview) else '' + + response = { + "status": "ok", + "html_video_info": rendered_info, + "html_video_element": rendered_video, + 'version': video.get_version, + 'tracks': list_track, + 'is_video': video.is_video, + 'src': get_video_source(video), + 'is_360': video.is_360, + 'thumbnail': video.get_thumbnail_url(), + 'overview': overview, + 'overlay': list_overlay, + 'chapter': list_chapter} + + if (hasattr(video, 'enrichmentvtt')): + response['enrichtracksrc'] = video.enrichmentvtt.src.file.url + return response + + +@ajax_required +@csrf_protect +def video_xhr(request, slug, slug_private=None): + video = get_object_or_404(Video, slug=slug, sites=get_current_site(request)) + is_password_protected = video.password is not None and video.password != "" + show_page = get_video_access(request, video, slug_private) if ( (show_page and not is_password_protected) @@ -698,8 +761,7 @@ def video_all_info(request, slug, slug_private=None): or request.user.has_perm("video.change_video") or (request.user in video.additional_owners.all()) ): - rendered = render_to_string(template_video, {"video": video}, request) - response = {"status": "ok", "html_content": rendered} + response = video_json_response(request, video) data = json.dumps(response) return HttpResponse(data, content_type="application/json") else: @@ -709,7 +771,8 @@ def video_all_info(request, slug, slug_private=None): is_access_protected = is_draft or is_restricted or is_restricted_to_group if is_password_protected and ( not is_access_protected or (is_access_protected and show_page) - ): + ): # Should not go here has video with password are not allowed in playlist + # (but should work if need...) form = ( VideoPasswordForm(request.POST) if request.POST else VideoPasswordForm() ) @@ -719,14 +782,14 @@ def video_all_info(request, slug, slug_private=None): request, ) response = { - "status": "nok", + "status": 403, "error": "password", "html_content": rendered, } data = json.dumps(response) return HttpResponse(data, content_type="application/json") elif request.user.is_authenticated(): - response = {"status": "nok", "error": "deny", "html_content": ""} + response = {"status": 403, "error": "deny", "html_content": ""} data = json.dumps(response) return HttpResponse(data, content_type="application/json") else: @@ -735,10 +798,10 @@ def video_all_info(request, slug, slug_private=None): settings.LOGIN_URL, iframe_param, request.get_full_path() - .replace("/video_info/", "/video/") + .replace("/video_xhr/", "/video/") .replace("&", "%26"), ) - response = {"status": "nok", "error": "access", "url": url} + response = {"status": 302, "error": "access", "url": url} data = json.dumps(response) return HttpResponse(data, content_type="application/json") @@ -756,7 +819,11 @@ def video(request, slug, slug_c=None, slug_t=None, slug_private=None): raise SuspiciousOperation("Invalid video id") video = get_object_or_404(Video, id=id, sites=get_current_site(request)) - if video.get_version != "O" and request.GET.get("redirect") != "false": + if ( + video.get_version != "O" + and request.GET.get("redirect") != "false" + and not request.GET.get("playlist") + ): return redirect(video.get_default_version_link(slug_private)) return render_video(request, id, slug_c, slug_t, slug_private, template_video, params) From 5278d904929fd546d5b53e615b38ca243c793248 Mon Sep 17 00:00:00 2001 From: gcondess Date: Mon, 4 Oct 2021 01:50:51 +0200 Subject: [PATCH 016/134] Add externnal js file for the playlist player --- pod/playlist/static/js/playlist_player.js | 323 ++++++++++++++++++++++ 1 file changed, 323 insertions(+) create mode 100644 pod/playlist/static/js/playlist_player.js diff --git a/pod/playlist/static/js/playlist_player.js b/pod/playlist/static/js/playlist_player.js new file mode 100644 index 0000000000..02bb31874d --- /dev/null +++ b/pod/playlist/static/js/playlist_player.js @@ -0,0 +1,323 @@ +let PlaylistPlayer = { + staticdir:null, + invalid_feedback_value: 'Please provide a valid value for this field', + invalid_feedback_password: 'The password is incorrect.', + onPlayerEnd:function() { + let _this = this; + let parameters =''; + if (this.auto_on) { + parameters = parameters + '&auto=on'; + } + if (this.loop_on){ + parameters = parameters + '&loop=on'; + } + if (this.is_iframe) { + parameters = parameters + '&is_iframe=true'; + } + if (this.current_position != this.length || this.loop_on) { + $(this.current_element).parent().removeClass('on') + $(this.current_element).parent().children('.vdata').text(this.current_position) + if (this.current_position != this.length) { + this.current_position++; + this.current_element = $('.playlist-videos div.row > div > div.card')[this.current_position - 1]; + } else if(this.loop_on) { + this.current_position = 1; + this.current_element = $('.playlist-videos div.row > div > div.card')[0]; + } + let current_url = this.current_element.children[1].children[0].href + //, password = $(this.current_element).parent().children('.vdata').data('password') == 'unchecked' + , ajax_url = current_url.replace('/video/','/video_xhr/') + $.ajax({ + url: ajax_url + parameters, + context: document.body, + dataType: 'json' + }).done(function(json) { + if(json.status == 'ok') { + _this.setPlayer(json) + $('#info-video').html(json.html_video_info); + } else if(json.error == 'password') { //Acces restrict by password => Display video password form + if($('#video-form-wrapper').length == 0) { + _this.formctn.append('
') + } + $('#video-form-wrapper').removeClass('hidden') + $('#video-form-wrapper').html(json.html_content) + $('#video-form-wrapper .invalid-feedback').hide() + $('#video-form-wrapper button[type="submit"]').click(function(e) { + e.preventDefault(); + e.stopPropagation(); + const password = $('#id_password').val() + , csrfmiddlewaretoken = $('#video_password_form > input[name="csrfmiddlewaretoken"]').first().val() + if(password == '') { + $('#video-form-wrapper .invalid-feedback').html(this.strings.invalid_feedback_value.replace("'","\'")).show() + return; + } + $.ajax({ + type: 'POST', + data: {password:password, csrfmiddlewaretoken:csrfmiddlewaretoken}, + url: ajax_url, + context: document.body, + dataType:'json' + }).done(function(json) { + if(json.status == "ok") { + $('#video-form-wrapper').empty().addClass('hidden') + _this.setPlayer(json) + $('#info-video').html(json.html_video_info); + } else { + $('#video-form-wrapper .invalid-feedback').html(this.strings.invalid_feedback_password).show() + } + }); + }) + } else if(json.error == 'access') { //Acces restrict by authentication => Redirect to loggin page + window.location.href = json.url + } else if(json.error == 'deny') { //User is authenticate but not allowed => Go next (TODO... actualy just reload page) + window.location.href = current_url + } + }); + } + }, + init:function(o) { + this.staticdir = o.static + this.version = o.version + this.current_element = o.current_element + this.current_position = o.current_position + this.length = o.length + this.baseurl = o.baseurl + this.is_iframe = o.is_iframe + this.is_360 = o.is_360 + this.vjsLogo = o.vjsLogo + this.formctn = o.formctn + this.headFiles.set(o.head_files) + this.controls = o.controls + this.strings = o.strings ? o.strings : this.strings + this.chevron_up = $(this.current_element).parent().children('.vdata').html() + this.auto_on = this.loop_on = false; + + const parameter = [/(playlist)\=([^&]+)/, /(auto)\=([^&]+)/, /(loop)\=([^&]+)/] + , playlist = window.location.href.match(parameter[0])[2]; + let _this = this; + + if (window.location.href.match(parameter[1])) { + $(this.controls.auto).addClass('on'); + this.auto_on = true; + } + if (window.location.href.match(parameter[2])) { + $(this.controls.loop).addClass('on'); + this.loop_on = true; + } + + function toogleOption(e) { + e.preventDefault(); + e.stopPropagation(); + if($(this).hasClass('on')) { + $(this).removeClass('on'); + _this[$(this).data('id')+'_on'] = false + } else { + $(this).addClass('on'); + _this[$(this).data('id')+'_on'] = true + } + } + + for(let c in this.controls) { + $(this.controls[c]).data('id',c) + this.controls[c].onclick = toogleOption; + } + + player.on('ended', function() {_this.onPlayerEnd()}) + }, + + headFiles: { + plugins:{enrichment:null,chapter:null,vr360:null,overlay:null,overview:null}, + set: function(o) { + for(let p in o) { + if(this.plugins.hasOwnProperty(p)) { + this.plugins[p] = o[p] + } + } + }, + getOrLoad: function(p,cb) { + if(this.plugins[p].js) { + if( $('#'+p+'_style_id').length == 0 ) { + $('head').append('') + } + if( $('#'+p+'_script_id').length == 0 ) { + let s = document.createElement('SCRIPT') + s.id = p+'_script_id' + s.src = this.plugins[p].js + if(typeof cb === 'function') { s.onload = cb } + document.getElementsByTagName('HEAD')[0].append(s) + } else if(typeof cb == 'function') { cb() } + } + }, + unload: function(p) { $('#'+p+'_style_id, #'+p+'_script_id').remove() }, + unloadCSS: function(p) { $('#'+p+'_style_id').remove() } + }, + + setPlayer : function(json) { + // Register player settings + const volume = player.volume() + , muted = player.muted(); + + // Remove some overlay or enrichment element wich could cause problems if not need + const has_overlay = json.overlay && json.overlay.length > 0 + , has_enrichment = json.version != 'O' + if(!has_enrichment) { + this.headFiles.unloadCSS('enrichment') + metadataTrack = null; + } + if(!has_overlay) { + this.headFiles.unloadCSS('overlay') + } + + // Replace video_element + $('form#video_count_form, ul.video-slides, ul#overlays, div.chapters-list').remove() + player.dispose() + $("#info-video-wrapper, #info-video").eq(0).before(json.html_video_element) + + const _this = this + + player = videojs('podvideoplayer', options, function(){}); + player.ready(function() { + // Chapters + if(json.chapter.length > 0) { + player.videoJsChapters(); + $('.vjs-big-play-button').css('z-index', 2) + $('.vjs-control-bar').css('z-index', 3); + } + + // Enrichments + if(has_enrichment) { + $(player.el().getElementsByTagName('VIDEO')[0]).append('') + _this.headFiles.getOrLoad('enrichment', function() { + var tracks = player.el().getElementsByTagName('TRACK'); + for (var i = 0; i < tracks.length; i++) { + if (tracks[i].kind === 'metadata' && tracks[i].label === 'enrichment') { + metadataTrack = tracks[i]; + metadataTrack.index = i; + break; + } + } + player.on('loadedmetadata', function() { + let slide = [] + , player = this; + if(!metadataTrack.cues) { //Safari do not get cues + let tracksrc = player.el().getElementsByTagName('TRACK')[metadataTrack.index].src; + loadEnrichmentVTTfile(tracksrc, function(cues) { + if (typeof player.slides === "function") { + player.slides(cues); + } + }); + } else { + for (i = 0; i < metadataTrack.cues.length; i++) { + // Replace tabs by spaces to prevent a "JSON.parse: bad control character in string literal" error. + data = JSON.parse(metadataTrack.cues[i].text.replace(/\t/g, ' ')); + slide.push({ + title: data.title, + url: data.url, + type: data.type, + stop_video: data.stop_video, + start: metadataTrack.cues[i].startTime, + end: metadataTrack.cues[i].endTime + }); + } + if (typeof player.slides === "function") { + try {player.slides(slide);} catch(e) {;} + } + } + }); + }) + } + + // Overlays + if(has_overlay) { + _this.headFiles.getOrLoad('overlay', function() { + player.on('loadedmetadata', function(){ + if (typeof player.overlay === "function") { + player.overlay({overlays:json.overlay}); + } + }); + }) + } + + // Add vttThumbnails + if(json.overview) { + if(typeof player.vttThumbnails === 'function') { + player.vttThumbnails({src:_this.baseurl+json.overview}); + } else { + _this.headFiles.getOrLoad('overview', function() { + try { + player.vttThumbnails({src:_this.baseurl+json.overview}); + } catch(e) { console.error('Error in retrieving overview image : '+e) } + }) + } + } + + // Add 360° video + // TODO : + if(json.is_360) player.vr({projection: '360'}); + + // Add info and playlist controls and resize player if is_iframe + if(_this.is_iframe) { + player.videoJsInfo(); + player.videoJsPlaylist(); + if(typeof resizeVideoJs === 'function') { resizeVideoJs() } + } + + // Set video source + if(json.is_video) { + if(json.src.m3u8) { + player.src(json.src.m3u8) + player.hlsQualitySelector({ + displayCurrentQuality: true, + }); + player.on("error", function(e){ + e.stopImmediatePropagation(); + var error = player.error(); + //alert(error.code+" "+error.type+" "+error.message); + if(error.code == 3 || error.code == 4) { + //console.log('error!', error.code, error.type , error.message); + if(player.src()=="" || player.src().indexOf("m3u8")!=-1){ + player.src(json.src.mp4); + player.controlBar.addChild('QualitySelector'); + player.play(); + } + } + }); + } else { + player.src(json.src.mp4); + player.controlBar.addChild('QualitySelector'); + } + } + else if(json.src.m4a) + player.src(json.src.m4a) + console.log('SetPlayer src '+player.src()) + + // Add videojs logo if defined + if(_this.vjsLogo) player.videoJsLogo(_this.vjsLogo); + + // Add viewCount + player.on('firstplay', function() { + var data_form = $( "#video_count_form" ).serializeArray(); + jqxhr = $.post( + $( "#video_count_form" ).attr("action"), + data_form + ); + }); + + // add onPlayerEnd listener for the rebuild player + player.on('ended', function() {_this.onPlayerEnd()}) + + // Update current_element stylesheet + $(_this.current_element).parent().addClass('on') + $(_this.current_element).parent().children('.vdata').html(_this.chevron_up) + let current_url = _this.current_element.children[1].children[0].href + history.pushState({title:$(_this.current_element).parent().children('.vdata').data('info')}, '', current_url); + + // Restore registered settings + player.volume(volume); + player.muted(muted); + + // Play if auto is active + if(_this.auto_on) player.play() + }) + } +} From ad7003c73cb9f3282b521d3c82d831fe53b1b3e2 Mon Sep 17 00:00:00 2001 From: github-actions Date: Sun, 3 Oct 2021 23:54:28 +0000 Subject: [PATCH 017/134] Fixup: format code with Prettier --- pod/playlist/static/js/playlist_player.js | 439 +++++++++++++--------- 1 file changed, 260 insertions(+), 179 deletions(-) diff --git a/pod/playlist/static/js/playlist_player.js b/pod/playlist/static/js/playlist_player.js index 02bb31874d..fce52bb97e 100644 --- a/pod/playlist/static/js/playlist_player.js +++ b/pod/playlist/static/js/playlist_player.js @@ -1,323 +1,404 @@ let PlaylistPlayer = { - staticdir:null, - invalid_feedback_value: 'Please provide a valid value for this field', - invalid_feedback_password: 'The password is incorrect.', - onPlayerEnd:function() { + staticdir: null, + invalid_feedback_value: "Please provide a valid value for this field", + invalid_feedback_password: "The password is incorrect.", + onPlayerEnd: function () { let _this = this; - let parameters =''; + let parameters = ""; if (this.auto_on) { - parameters = parameters + '&auto=on'; + parameters = parameters + "&auto=on"; } - if (this.loop_on){ - parameters = parameters + '&loop=on'; + if (this.loop_on) { + parameters = parameters + "&loop=on"; } if (this.is_iframe) { - parameters = parameters + '&is_iframe=true'; + parameters = parameters + "&is_iframe=true"; } if (this.current_position != this.length || this.loop_on) { - $(this.current_element).parent().removeClass('on') - $(this.current_element).parent().children('.vdata').text(this.current_position) + $(this.current_element).parent().removeClass("on"); + $(this.current_element) + .parent() + .children(".vdata") + .text(this.current_position); if (this.current_position != this.length) { this.current_position++; - this.current_element = $('.playlist-videos div.row > div > div.card')[this.current_position - 1]; - } else if(this.loop_on) { + this.current_element = $(".playlist-videos div.row > div > div.card")[ + this.current_position - 1 + ]; + } else if (this.loop_on) { this.current_position = 1; - this.current_element = $('.playlist-videos div.row > div > div.card')[0]; + this.current_element = $( + ".playlist-videos div.row > div > div.card" + )[0]; } - let current_url = this.current_element.children[1].children[0].href + let current_url = this.current_element.children[1].children[0].href, //, password = $(this.current_element).parent().children('.vdata').data('password') == 'unchecked' - , ajax_url = current_url.replace('/video/','/video_xhr/') + ajax_url = current_url.replace("/video/", "/video_xhr/"); $.ajax({ url: ajax_url + parameters, context: document.body, - dataType: 'json' - }).done(function(json) { - if(json.status == 'ok') { - _this.setPlayer(json) - $('#info-video').html(json.html_video_info); - } else if(json.error == 'password') { //Acces restrict by password => Display video password form - if($('#video-form-wrapper').length == 0) { - _this.formctn.append('
') + dataType: "json", + }).done(function (json) { + if (json.status == "ok") { + _this.setPlayer(json); + $("#info-video").html(json.html_video_info); + } else if (json.error == "password") { + //Acces restrict by password => Display video password form + if ($("#video-form-wrapper").length == 0) { + _this.formctn.append( + '
' + ); } - $('#video-form-wrapper').removeClass('hidden') - $('#video-form-wrapper').html(json.html_content) - $('#video-form-wrapper .invalid-feedback').hide() - $('#video-form-wrapper button[type="submit"]').click(function(e) { + $("#video-form-wrapper").removeClass("hidden"); + $("#video-form-wrapper").html(json.html_content); + $("#video-form-wrapper .invalid-feedback").hide(); + $('#video-form-wrapper button[type="submit"]').click(function (e) { e.preventDefault(); e.stopPropagation(); - const password = $('#id_password').val() - , csrfmiddlewaretoken = $('#video_password_form > input[name="csrfmiddlewaretoken"]').first().val() - if(password == '') { - $('#video-form-wrapper .invalid-feedback').html(this.strings.invalid_feedback_value.replace("'","\'")).show() + const password = $("#id_password").val(), + csrfmiddlewaretoken = $( + '#video_password_form > input[name="csrfmiddlewaretoken"]' + ) + .first() + .val(); + if (password == "") { + $("#video-form-wrapper .invalid-feedback") + .html(this.strings.invalid_feedback_value.replace("'", "'")) + .show(); return; } $.ajax({ - type: 'POST', - data: {password:password, csrfmiddlewaretoken:csrfmiddlewaretoken}, + type: "POST", + data: { + password: password, + csrfmiddlewaretoken: csrfmiddlewaretoken, + }, url: ajax_url, context: document.body, - dataType:'json' - }).done(function(json) { - if(json.status == "ok") { - $('#video-form-wrapper').empty().addClass('hidden') - _this.setPlayer(json) - $('#info-video').html(json.html_video_info); + dataType: "json", + }).done(function (json) { + if (json.status == "ok") { + $("#video-form-wrapper").empty().addClass("hidden"); + _this.setPlayer(json); + $("#info-video").html(json.html_video_info); } else { - $('#video-form-wrapper .invalid-feedback').html(this.strings.invalid_feedback_password).show() + $("#video-form-wrapper .invalid-feedback") + .html(this.strings.invalid_feedback_password) + .show(); } }); - }) - } else if(json.error == 'access') { //Acces restrict by authentication => Redirect to loggin page - window.location.href = json.url - } else if(json.error == 'deny') { //User is authenticate but not allowed => Go next (TODO... actualy just reload page) - window.location.href = current_url + }); + } else if (json.error == "access") { + //Acces restrict by authentication => Redirect to loggin page + window.location.href = json.url; + } else if (json.error == "deny") { + //User is authenticate but not allowed => Go next (TODO... actualy just reload page) + window.location.href = current_url; } }); } }, - init:function(o) { - this.staticdir = o.static - this.version = o.version - this.current_element = o.current_element - this.current_position = o.current_position - this.length = o.length - this.baseurl = o.baseurl - this.is_iframe = o.is_iframe - this.is_360 = o.is_360 - this.vjsLogo = o.vjsLogo - this.formctn = o.formctn - this.headFiles.set(o.head_files) - this.controls = o.controls - this.strings = o.strings ? o.strings : this.strings - this.chevron_up = $(this.current_element).parent().children('.vdata').html() + init: function (o) { + this.staticdir = o.static; + this.version = o.version; + this.current_element = o.current_element; + this.current_position = o.current_position; + this.length = o.length; + this.baseurl = o.baseurl; + this.is_iframe = o.is_iframe; + this.is_360 = o.is_360; + this.vjsLogo = o.vjsLogo; + this.formctn = o.formctn; + this.headFiles.set(o.head_files); + this.controls = o.controls; + this.strings = o.strings ? o.strings : this.strings; + this.chevron_up = $(this.current_element) + .parent() + .children(".vdata") + .html(); this.auto_on = this.loop_on = false; - const parameter = [/(playlist)\=([^&]+)/, /(auto)\=([^&]+)/, /(loop)\=([^&]+)/] - , playlist = window.location.href.match(parameter[0])[2]; + const parameter = [ + /(playlist)\=([^&]+)/, + /(auto)\=([^&]+)/, + /(loop)\=([^&]+)/, + ], + playlist = window.location.href.match(parameter[0])[2]; let _this = this; if (window.location.href.match(parameter[1])) { - $(this.controls.auto).addClass('on'); + $(this.controls.auto).addClass("on"); this.auto_on = true; } if (window.location.href.match(parameter[2])) { - $(this.controls.loop).addClass('on'); + $(this.controls.loop).addClass("on"); this.loop_on = true; } function toogleOption(e) { e.preventDefault(); e.stopPropagation(); - if($(this).hasClass('on')) { - $(this).removeClass('on'); - _this[$(this).data('id')+'_on'] = false - } else { - $(this).addClass('on'); - _this[$(this).data('id')+'_on'] = true - } - } + if ($(this).hasClass("on")) { + $(this).removeClass("on"); + _this[$(this).data("id") + "_on"] = false; + } else { + $(this).addClass("on"); + _this[$(this).data("id") + "_on"] = true; + } + } - for(let c in this.controls) { - $(this.controls[c]).data('id',c) + for (let c in this.controls) { + $(this.controls[c]).data("id", c); this.controls[c].onclick = toogleOption; } - player.on('ended', function() {_this.onPlayerEnd()}) + player.on("ended", function () { + _this.onPlayerEnd(); + }); }, headFiles: { - plugins:{enrichment:null,chapter:null,vr360:null,overlay:null,overview:null}, - set: function(o) { - for(let p in o) { - if(this.plugins.hasOwnProperty(p)) { - this.plugins[p] = o[p] + plugins: { + enrichment: null, + chapter: null, + vr360: null, + overlay: null, + overview: null, + }, + set: function (o) { + for (let p in o) { + if (this.plugins.hasOwnProperty(p)) { + this.plugins[p] = o[p]; } } }, - getOrLoad: function(p,cb) { - if(this.plugins[p].js) { - if( $('#'+p+'_style_id').length == 0 ) { - $('head').append('') + getOrLoad: function (p, cb) { + if (this.plugins[p].js) { + if ($("#" + p + "_style_id").length == 0) { + $("head").append( + '' + ); + } + if ($("#" + p + "_script_id").length == 0) { + let s = document.createElement("SCRIPT"); + s.id = p + "_script_id"; + s.src = this.plugins[p].js; + if (typeof cb === "function") { + s.onload = cb; + } + document.getElementsByTagName("HEAD")[0].append(s); + } else if (typeof cb == "function") { + cb(); } - if( $('#'+p+'_script_id').length == 0 ) { - let s = document.createElement('SCRIPT') - s.id = p+'_script_id' - s.src = this.plugins[p].js - if(typeof cb === 'function') { s.onload = cb } - document.getElementsByTagName('HEAD')[0].append(s) - } else if(typeof cb == 'function') { cb() } } }, - unload: function(p) { $('#'+p+'_style_id, #'+p+'_script_id').remove() }, - unloadCSS: function(p) { $('#'+p+'_style_id').remove() } + unload: function (p) { + $("#" + p + "_style_id, #" + p + "_script_id").remove(); + }, + unloadCSS: function (p) { + $("#" + p + "_style_id").remove(); + }, }, - setPlayer : function(json) { + setPlayer: function (json) { // Register player settings - const volume = player.volume() - , muted = player.muted(); + const volume = player.volume(), + muted = player.muted(); // Remove some overlay or enrichment element wich could cause problems if not need - const has_overlay = json.overlay && json.overlay.length > 0 - , has_enrichment = json.version != 'O' - if(!has_enrichment) { - this.headFiles.unloadCSS('enrichment') + const has_overlay = json.overlay && json.overlay.length > 0, + has_enrichment = json.version != "O"; + if (!has_enrichment) { + this.headFiles.unloadCSS("enrichment"); metadataTrack = null; } - if(!has_overlay) { - this.headFiles.unloadCSS('overlay') + if (!has_overlay) { + this.headFiles.unloadCSS("overlay"); } // Replace video_element - $('form#video_count_form, ul.video-slides, ul#overlays, div.chapters-list').remove() - player.dispose() - $("#info-video-wrapper, #info-video").eq(0).before(json.html_video_element) + $( + "form#video_count_form, ul.video-slides, ul#overlays, div.chapters-list" + ).remove(); + player.dispose(); + $("#info-video-wrapper, #info-video").eq(0).before(json.html_video_element); - const _this = this + const _this = this; - player = videojs('podvideoplayer', options, function(){}); - player.ready(function() { + player = videojs("podvideoplayer", options, function () {}); + player.ready(function () { // Chapters - if(json.chapter.length > 0) { + if (json.chapter.length > 0) { player.videoJsChapters(); - $('.vjs-big-play-button').css('z-index', 2) - $('.vjs-control-bar').css('z-index', 3); + $(".vjs-big-play-button").css("z-index", 2); + $(".vjs-control-bar").css("z-index", 3); } // Enrichments - if(has_enrichment) { - $(player.el().getElementsByTagName('VIDEO')[0]).append('') - _this.headFiles.getOrLoad('enrichment', function() { - var tracks = player.el().getElementsByTagName('TRACK'); + if (has_enrichment) { + $(player.el().getElementsByTagName("VIDEO")[0]).append( + '' + ); + _this.headFiles.getOrLoad("enrichment", function () { + var tracks = player.el().getElementsByTagName("TRACK"); for (var i = 0; i < tracks.length; i++) { - if (tracks[i].kind === 'metadata' && tracks[i].label === 'enrichment') { - metadataTrack = tracks[i]; - metadataTrack.index = i; - break; - } + if ( + tracks[i].kind === "metadata" && + tracks[i].label === "enrichment" + ) { + metadataTrack = tracks[i]; + metadataTrack.index = i; + break; + } } - player.on('loadedmetadata', function() { - let slide = [] - , player = this; - if(!metadataTrack.cues) { //Safari do not get cues - let tracksrc = player.el().getElementsByTagName('TRACK')[metadataTrack.index].src; - loadEnrichmentVTTfile(tracksrc, function(cues) { - if (typeof player.slides === "function") { - player.slides(cues); - } - }); + player.on("loadedmetadata", function () { + let slide = [], + player = this; + if (!metadataTrack.cues) { + //Safari do not get cues + let tracksrc = player.el().getElementsByTagName("TRACK")[ + metadataTrack.index + ].src; + loadEnrichmentVTTfile(tracksrc, function (cues) { + if (typeof player.slides === "function") { + player.slides(cues); + } + }); } else { for (i = 0; i < metadataTrack.cues.length; i++) { // Replace tabs by spaces to prevent a "JSON.parse: bad control character in string literal" error. - data = JSON.parse(metadataTrack.cues[i].text.replace(/\t/g, ' ')); + data = JSON.parse( + metadataTrack.cues[i].text.replace(/\t/g, " ") + ); slide.push({ title: data.title, url: data.url, type: data.type, stop_video: data.stop_video, start: metadataTrack.cues[i].startTime, - end: metadataTrack.cues[i].endTime + end: metadataTrack.cues[i].endTime, }); } if (typeof player.slides === "function") { - try {player.slides(slide);} catch(e) {;} + try { + player.slides(slide); + } catch (e) {} } } }); - }) + }); } // Overlays - if(has_overlay) { - _this.headFiles.getOrLoad('overlay', function() { - player.on('loadedmetadata', function(){ + if (has_overlay) { + _this.headFiles.getOrLoad("overlay", function () { + player.on("loadedmetadata", function () { if (typeof player.overlay === "function") { - player.overlay({overlays:json.overlay}); + player.overlay({ overlays: json.overlay }); } }); - }) + }); } // Add vttThumbnails - if(json.overview) { - if(typeof player.vttThumbnails === 'function') { - player.vttThumbnails({src:_this.baseurl+json.overview}); + if (json.overview) { + if (typeof player.vttThumbnails === "function") { + player.vttThumbnails({ src: _this.baseurl + json.overview }); } else { - _this.headFiles.getOrLoad('overview', function() { + _this.headFiles.getOrLoad("overview", function () { try { - player.vttThumbnails({src:_this.baseurl+json.overview}); - } catch(e) { console.error('Error in retrieving overview image : '+e) } - }) + player.vttThumbnails({ src: _this.baseurl + json.overview }); + } catch (e) { + console.error("Error in retrieving overview image : " + e); + } + }); } } // Add 360° video // TODO : - if(json.is_360) player.vr({projection: '360'}); + if (json.is_360) player.vr({ projection: "360" }); // Add info and playlist controls and resize player if is_iframe - if(_this.is_iframe) { + if (_this.is_iframe) { player.videoJsInfo(); player.videoJsPlaylist(); - if(typeof resizeVideoJs === 'function') { resizeVideoJs() } + if (typeof resizeVideoJs === "function") { + resizeVideoJs(); + } } // Set video source - if(json.is_video) { - if(json.src.m3u8) { - player.src(json.src.m3u8) + if (json.is_video) { + if (json.src.m3u8) { + player.src(json.src.m3u8); player.hlsQualitySelector({ - displayCurrentQuality: true, + displayCurrentQuality: true, }); - player.on("error", function(e){ + player.on("error", function (e) { e.stopImmediatePropagation(); var error = player.error(); //alert(error.code+" "+error.type+" "+error.message); - if(error.code == 3 || error.code == 4) { + if (error.code == 3 || error.code == 4) { //console.log('error!', error.code, error.type , error.message); - if(player.src()=="" || player.src().indexOf("m3u8")!=-1){ + if (player.src() == "" || player.src().indexOf("m3u8") != -1) { player.src(json.src.mp4); - player.controlBar.addChild('QualitySelector'); + player.controlBar.addChild("QualitySelector"); player.play(); } } }); } else { player.src(json.src.mp4); - player.controlBar.addChild('QualitySelector'); + player.controlBar.addChild("QualitySelector"); } - } - else if(json.src.m4a) - player.src(json.src.m4a) - console.log('SetPlayer src '+player.src()) + } else if (json.src.m4a) player.src(json.src.m4a); + console.log("SetPlayer src " + player.src()); // Add videojs logo if defined - if(_this.vjsLogo) player.videoJsLogo(_this.vjsLogo); + if (_this.vjsLogo) player.videoJsLogo(_this.vjsLogo); // Add viewCount - player.on('firstplay', function() { - var data_form = $( "#video_count_form" ).serializeArray(); - jqxhr = $.post( - $( "#video_count_form" ).attr("action"), - data_form - ); + player.on("firstplay", function () { + var data_form = $("#video_count_form").serializeArray(); + jqxhr = $.post($("#video_count_form").attr("action"), data_form); }); // add onPlayerEnd listener for the rebuild player - player.on('ended', function() {_this.onPlayerEnd()}) + player.on("ended", function () { + _this.onPlayerEnd(); + }); // Update current_element stylesheet - $(_this.current_element).parent().addClass('on') - $(_this.current_element).parent().children('.vdata').html(_this.chevron_up) - let current_url = _this.current_element.children[1].children[0].href - history.pushState({title:$(_this.current_element).parent().children('.vdata').data('info')}, '', current_url); + $(_this.current_element).parent().addClass("on"); + $(_this.current_element) + .parent() + .children(".vdata") + .html(_this.chevron_up); + let current_url = _this.current_element.children[1].children[0].href; + history.pushState( + { + title: $(_this.current_element) + .parent() + .children(".vdata") + .data("info"), + }, + "", + current_url + ); // Restore registered settings player.volume(volume); player.muted(muted); // Play if auto is active - if(_this.auto_on) player.play() - }) - } -} + if (_this.auto_on) player.play(); + }); + }, +}; From 6a414a0791ca1cbc76d42277a736bd805ec570c9 Mon Sep 17 00:00:00 2001 From: github-actions Date: Sun, 3 Oct 2021 23:54:44 +0000 Subject: [PATCH 018/134] Fixup: format code with Black --- pod/video/tests/test_views.py | 84 ++++++++++++++++++++++------------ pod/video/views.py | 86 ++++++++++++++++++----------------- 2 files changed, 99 insertions(+), 71 deletions(-) diff --git a/pod/video/tests/test_views.py b/pod/video/tests/test_views.py index 2a8770856e..9d048460f9 100644 --- a/pod/video/tests/test_views.py +++ b/pod/video/tests/test_views.py @@ -1354,50 +1354,68 @@ def test_video_get_request(self): v = Video.objects.get(title="Video1") self.assertEqual(v.is_draft, True) # test draft - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) self.assertEqual(response.status_code, HTTPStatus.OK) - self.assertEqual(response.json()['status'], 302) - self.assertEqual(response.json()['error'], 'access') + self.assertEqual(response.json()["status"], 302) + self.assertEqual(response.json()["error"], "access") self.client = Client() self.user = User.objects.get(username="pod") self.client.force_login(self.user) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) self.assertEqual(response.status_code, HTTPStatus.OK) - self.assertEqual(response.json()['status'], 'ok') + self.assertEqual(response.json()["status"], "ok") self.user = User.objects.get(username="pod2") self.client.force_login(self.user) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 403) - self.assertEqual(response.json()['error'], 'deny') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], 403) + self.assertEqual(response.json()["error"], "deny") # test normal self.client.logout() v.is_draft = False v.save() - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 'ok') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], "ok") # test restricted v.is_restricted = True v.save() - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 302) - self.assertEqual(response.json()['error'], 'access') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], 302) + self.assertEqual(response.json()["error"], "access") self.user = User.objects.get(username="pod2") self.client.force_login(self.user) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 'ok') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], "ok") # test restricted group v.restrict_access_to_groups.add(AccessGroup.objects.get(code_name="group2")) v.restrict_access_to_groups.add(AccessGroup.objects.get(code_name="group3")) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 403) - self.assertEqual(response.json()['error'], 'deny') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], 403) + self.assertEqual(response.json()["error"], "deny") self.user.owner.accessgroup_set.add(AccessGroup.objects.get(code_name="group1")) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 403) - self.assertEqual(response.json()['error'], 'deny') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], 403) + self.assertEqual(response.json()["error"], "deny") self.user.owner.accessgroup_set.add(AccessGroup.objects.get(code_name="group2")) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 'ok') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], "ok") # TODO test with password (actualy not used in playlist) """v.is_restricted = False v.restrict_access_to_groups = [] @@ -1423,14 +1441,20 @@ def test_video_get_request(self): self.client = Client() self.user = User.objects.get(username="pod") self.client.force_login(self.user) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 'ok') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], "ok") self.user = User.objects.get(username="pod2") self.client.force_login(self.user) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 'ok') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], "ok") self.user = User.objects.get(username="pod3") self.client.force_login(self.user) - response = self.client.get("/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH='XMLHttpRequest') - self.assertEqual(response.json()['status'], 403) - self.assertEqual(response.json()['error'], 'deny') + response = self.client.get( + "/video_xhr/%s/" % v.slug, HTTP_X_REQUESTED_WITH="XMLHttpRequest" + ) + self.assertEqual(response.json()["status"], 403) + self.assertEqual(response.json()["error"], "deny") diff --git a/pod/video/views.py b/pod/video/views.py index c9a2798478..f71253b0fc 100644 --- a/pod/video/views.py +++ b/pod/video/views.py @@ -670,18 +670,17 @@ def get_video_access(request, video, slug_private): def get_video_source(video): video_src = {} - if(video.is_video): - video_src['mp4'] = video.get_video_mp4_json() + if video.is_video: + video_src["mp4"] = video.get_video_mp4_json() m3u8 = video.get_playlist_master() if m3u8: - video_src['m3u8'] = { - 'src': m3u8.source_file.url, - 'type': m3u8.encoding_format} + video_src["m3u8"] = { + "src": m3u8.source_file.url, + "type": m3u8.encoding_format, + } else: m4a = video.get_video_m4a() - video_src['m4a'] = { - 'src': m4a.source_file.url, - 'type': m4a.encoding_format} + video_src["m4a"] = {"src": m4a.source_file.url, "type": m4a.encoding_format} return video_src @@ -691,52 +690,57 @@ def video_json_response(request, video): if request.GET.get("is_iframe") and request.GET.get("is_iframe") == "true" else "videos/video-all-info.html" ) - template_video_element = ("videos/video-element.html") + template_video_element = "videos/video-element.html" rendered_info = render_to_string(template_info, {"video": video}, request) rendered_video = render_to_string(template_video_element, {"video": video}, request) list_track = [] for track in video.track_set.all(): - list_track.append({ - 'id': track.id, - 'kind': track.kind, - 'src': track.src.file.url, - 'srclang': track.lang, - 'label': track.get_label_lang()}) + list_track.append( + { + "id": track.id, + "kind": track.kind, + "src": track.src.file.url, + "srclang": track.lang, + "label": track.get_label_lang(), + } + ) list_overlay = [] - if(video.overlay_set.all()): + if video.overlay_set.all(): for o in video.overlay_set.all(): - list_overlay.append({ - 'start': o.time_start, - 'end': o.time_end, - 'content': o.content, - 'align': o.position, - 'showBackground': o.background}) + list_overlay.append( + { + "start": o.time_start, + "end": o.time_end, + "content": o.content, + "align": o.position, + "showBackground": o.background, + } + ) list_chapter = [] - if(video.chapter_set.all()): + if video.chapter_set.all(): for c in video.chapter_set.all(): - list_chapter.append({ - 'time_start': c.time_start, - 'id': c.id, - 'title': c.title - }) - overview = video.overview.url if(video.overview) else '' + list_chapter.append( + {"time_start": c.time_start, "id": c.id, "title": c.title} + ) + overview = video.overview.url if (video.overview) else "" response = { "status": "ok", "html_video_info": rendered_info, "html_video_element": rendered_video, - 'version': video.get_version, - 'tracks': list_track, - 'is_video': video.is_video, - 'src': get_video_source(video), - 'is_360': video.is_360, - 'thumbnail': video.get_thumbnail_url(), - 'overview': overview, - 'overlay': list_overlay, - 'chapter': list_chapter} - - if (hasattr(video, 'enrichmentvtt')): - response['enrichtracksrc'] = video.enrichmentvtt.src.file.url + "version": video.get_version, + "tracks": list_track, + "is_video": video.is_video, + "src": get_video_source(video), + "is_360": video.is_360, + "thumbnail": video.get_thumbnail_url(), + "overview": overview, + "overlay": list_overlay, + "chapter": list_chapter, + } + + if hasattr(video, "enrichmentvtt"): + response["enrichtracksrc"] = video.enrichmentvtt.src.file.url return response From ada009c5644faafcb28e94d51a7af2ce20a2da40 Mon Sep 17 00:00:00 2001 From: gcondess Date: Mon, 4 Oct 2021 13:29:22 +0200 Subject: [PATCH 019/134] Add check in playlist view to avoid DB error that appears after saving positions when some videos properties (is_draft, password) are not allowed in playlist --- pod/playlist/static/js/playlist_player.js | 13 +++++-- .../templates/playlist/playlist_player.html | 4 +-- pod/playlist/views.py | 34 ++++++++++++++----- 3 files changed, 38 insertions(+), 13 deletions(-) diff --git a/pod/playlist/static/js/playlist_player.js b/pod/playlist/static/js/playlist_player.js index 02bb31874d..78d7fa3e82 100644 --- a/pod/playlist/static/js/playlist_player.js +++ b/pod/playlist/static/js/playlist_player.js @@ -252,8 +252,17 @@ let PlaylistPlayer = { } // Add 360° video - // TODO : - if(json.is_360) player.vr({projection: '360'}); + if(json.is_360) { + if(typeof player.vttThumbnails === 'function') { + player.vr({projection: '360'}); + } else { + _this.headFiles.getOrLoad('overview', function() { + try { + player.vr({projection: '360'}); + } catch(e) { console.error('Error in calling video 360° function : '+e) } + }) + } + } // Add info and playlist controls and resize player if is_iframe if(_this.is_iframe) { diff --git a/pod/playlist/templates/playlist/playlist_player.html b/pod/playlist/templates/playlist/playlist_player.html index 809d1b0f8a..bc8052ea4b 100644 --- a/pod/playlist/templates/playlist/playlist_player.html +++ b/pod/playlist/templates/playlist/playlist_player.html @@ -76,8 +76,8 @@

{% endif %} $(window).ready(function() { const length = parseInt({{playlist.videos|length}}); - let current_position = parseInt($('.playlist-videos div.row .on').index()) + 1; - let current_element = $('.playlist-videos div.row .on .card')[0]; + const current_position = parseInt($('.playlist-videos div.row .on').index()) + 1; + const current_element = $('.playlist-videos div.row .on .card')[0]; PlaylistPlayer.init({ // static:'{{static}}', // version:'{{VERSION}}', diff --git a/pod/playlist/views.py b/pod/playlist/views.py index f1e6c245ba..4033a319c9 100644 --- a/pod/playlist/views.py +++ b/pod/playlist/views.py @@ -76,19 +76,35 @@ def playlist(request, slug=None): ) +def check_playlist_videos(playlist, data): + for slug in data: + element = get_object_or_404( + PlaylistElement, video__slug=slug, playlist=playlist + ) + if element.video.is_draft: + return _("A video in draft mode cannot be added to a playlist.") + if element.video.password: + return _("A video with a password cannot be added to a playlist.") + return None + + def playlist_move(request, playlist): if request.is_ajax(): if request.POST.get("videos"): data = json.loads(request.POST["videos"]) - for slug in data: - element = get_object_or_404( - PlaylistElement, video__slug=slug, playlist=playlist - ) - element.position = data[slug] - element.save() - some_data_to_dump = { - "success": "{0}".format(_("The playlist has been saved!")) - } + err = check_playlist_videos(playlist, data) + if err: + some_data_to_dump = {"fail": "{0}".format(err)} + else: + for slug in data: + element = get_object_or_404( + PlaylistElement, video__slug=slug, playlist=playlist + ) + element.position = data[slug] + element.save() + some_data_to_dump = { + "success": "{0}".format(_("The playlist has been saved!")) + } else: some_data_to_dump = { "fail": "{0}".format(_("The request is wrong. No video given.")) From 3a13bbc79610f8887360db5b8b0de5854b65b459 Mon Sep 17 00:00:00 2001 From: github-actions Date: Mon, 4 Oct 2021 11:49:17 +0000 Subject: [PATCH 020/134] Fixup: format code with Prettier --- pod/playlist/static/js/playlist_player.js | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/pod/playlist/static/js/playlist_player.js b/pod/playlist/static/js/playlist_player.js index b2b7a21bb7..fa73cd0145 100644 --- a/pod/playlist/static/js/playlist_player.js +++ b/pod/playlist/static/js/playlist_player.js @@ -322,15 +322,17 @@ let PlaylistPlayer = { } // Add 360° video - if(json.is_360) { - if(typeof player.vttThumbnails === 'function') { - player.vr({projection: '360'}); + if (json.is_360) { + if (typeof player.vttThumbnails === "function") { + player.vr({ projection: "360" }); } else { - _this.headFiles.getOrLoad('overview', function() { + _this.headFiles.getOrLoad("overview", function () { try { - player.vr({projection: '360'}); - } catch(e) { console.error('Error in calling video 360° function : '+e) } - }) + player.vr({ projection: "360" }); + } catch (e) { + console.error("Error in calling video 360° function : " + e); + } + }); } } From 3bb6c851bec43810e466051f47f14215a6db7c93 Mon Sep 17 00:00:00 2001 From: github-actions Date: Mon, 4 Oct 2021 11:49:31 +0000 Subject: [PATCH 021/134] Fixup: format code with Black --- pod/playlist/views.py | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/pod/playlist/views.py b/pod/playlist/views.py index 4033a319c9..7dcc3f3e3a 100644 --- a/pod/playlist/views.py +++ b/pod/playlist/views.py @@ -78,16 +78,14 @@ def playlist(request, slug=None): def check_playlist_videos(playlist, data): for slug in data: - element = get_object_or_404( - PlaylistElement, video__slug=slug, playlist=playlist - ) + element = get_object_or_404(PlaylistElement, video__slug=slug, playlist=playlist) if element.video.is_draft: return _("A video in draft mode cannot be added to a playlist.") if element.video.password: return _("A video with a password cannot be added to a playlist.") return None - + def playlist_move(request, playlist): if request.is_ajax(): if request.POST.get("videos"): From 4f21fa86ce6993eaa7e24cd89b2eaa7140847283 Mon Sep 17 00:00:00 2001 From: gcondess Date: Mon, 4 Oct 2021 15:14:51 +0200 Subject: [PATCH 022/134] Fix flake whitespace in blank line error --- pod/playlist/static/js/playlist_player.js | 1 - pod/playlist/templates/playlist/playlist_player.html | 2 -- pod/playlist/views.py | 2 +- 3 files changed, 1 insertion(+), 4 deletions(-) diff --git a/pod/playlist/static/js/playlist_player.js b/pod/playlist/static/js/playlist_player.js index b2b7a21bb7..f9354c2ff6 100644 --- a/pod/playlist/static/js/playlist_player.js +++ b/pod/playlist/static/js/playlist_player.js @@ -368,7 +368,6 @@ let PlaylistPlayer = { player.controlBar.addChild("QualitySelector"); } } else if (json.src.m4a) player.src(json.src.m4a); - console.log("SetPlayer src " + player.src()); // Add videojs logo if defined if (_this.vjsLogo) player.videoJsLogo(_this.vjsLogo); diff --git a/pod/playlist/templates/playlist/playlist_player.html b/pod/playlist/templates/playlist/playlist_player.html index bc8052ea4b..5bdd7f6a59 100644 --- a/pod/playlist/templates/playlist/playlist_player.html +++ b/pod/playlist/templates/playlist/playlist_player.html @@ -79,8 +79,6 @@

const current_position = parseInt($('.playlist-videos div.row .on').index()) + 1; const current_element = $('.playlist-videos div.row .on .card')[0]; PlaylistPlayer.init({ - // static:'{{static}}', - // version:'{{VERSION}}', length: length, is_iframe: is_iframe, formctn: formctn, diff --git a/pod/playlist/views.py b/pod/playlist/views.py index 4033a319c9..443e342274 100644 --- a/pod/playlist/views.py +++ b/pod/playlist/views.py @@ -87,7 +87,7 @@ def check_playlist_videos(playlist, data): return _("A video with a password cannot be added to a playlist.") return None - + def playlist_move(request, playlist): if request.is_ajax(): if request.POST.get("videos"): From 0bc768cc7e773e9b27da8dcc228f137ea9d2d00c Mon Sep 17 00:00:00 2001 From: Olivier Bado Date: Tue, 5 Oct 2021 10:11:49 +0200 Subject: [PATCH 023/134] [Bugfix] ignore error when contact-us form is submitted with subject not in SUBJECT_CHOICES (already cleaned by super(ContactUsForm).clean()) + CSS : add ".alert-error" class for styling error messages + add some missing pydocstrings --- pod/locale/fr/LC_MESSAGES/django.po | 4 ++-- pod/main/forms.py | 10 ++++++++-- pod/main/static/css/pod.css | 8 ++++++++ pod/main/views.py | 2 ++ 4 files changed, 20 insertions(+), 4 deletions(-) diff --git a/pod/locale/fr/LC_MESSAGES/django.po b/pod/locale/fr/LC_MESSAGES/django.po index 4115b04f9b..dd4b111c2e 100644 --- a/pod/locale/fr/LC_MESSAGES/django.po +++ b/pod/locale/fr/LC_MESSAGES/django.po @@ -2503,8 +2503,8 @@ msgstr "Nom" msgid "Subject" msgstr "Sujet" -#: pod/main/forms.py:51 -msgid "Please choose a subjects related your request" +#: pod/main/forms.py:55 +msgid "Please choose a subject related to your request" msgstr "Veuillez choisir un sujet en lien avec votre requête" #: pod/main/forms.py:58 pod/main/models.py:167 pod/playlist/models.py:26 diff --git a/pod/main/forms.py b/pod/main/forms.py index f25a2567f4..9c994a9a18 100644 --- a/pod/main/forms.py +++ b/pod/main/forms.py @@ -1,3 +1,4 @@ +"""Esup-Pod forms handling.""" from django import forms from django.utils.safestring import mark_safe from django.utils.translation import ugettext_lazy as _ @@ -20,6 +21,7 @@ def add_placeholder_and_asterisk(fields): + """Add placeholder and asterisk to specified fields.""" for myField in fields: classname = fields[myField].widget.__class__.__name__ if classname == "PasswordInput" or classname == "TextInput": @@ -43,12 +45,14 @@ def add_placeholder_and_asterisk(fields): class ContactUsForm(forms.Form): + """Manage "Contact us" form.""" + name = forms.CharField(label=_("Name"), required=True, max_length=512) email = forms.EmailField(label=_("Email"), required=True) subject = forms.ChoiceField( label=_("Subject"), - help_text=_("Please choose a subjects related your request"), + help_text=_("Please choose a subject related to your request"), required=True, choices=SUBJECT_CHOICES, widget=forms.Select(), @@ -74,6 +78,7 @@ class ContactUsForm(forms.Form): ) def __init__(self, request, *args, **kwargs): + """Init contact us form.""" super(ContactUsForm, self).__init__(*args, **kwargs) if request.user and request.user.is_authenticated(): @@ -86,7 +91,8 @@ def __init__(self, request, *args, **kwargs): self.fields = add_placeholder_and_asterisk(self.fields) def clean(self): + """Clean "contact us" form submission.""" cleaned_data = super(ContactUsForm, self).clean() - if cleaned_data["subject"] == "-----": + if "subject" in cleaned_data and cleaned_data["subject"] == "-----": self._errors["subject"] = self.error_class([_("Please specify a subject")]) return cleaned_data diff --git a/pod/main/static/css/pod.css b/pod/main/static/css/pod.css index 5565bd22c0..1fc09c5927 100755 --- a/pod/main/static/css/pod.css +++ b/pod/main/static/css/pod.css @@ -29,6 +29,14 @@ --dark: #343a40; --color-formfields: #f1f1f1; } + +/* copy "alert-danger" style from Bootstrap 4 */ +.alert-error { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; +} + .table, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-toggler { diff --git a/pod/main/views.py b/pod/main/views.py index 1002bf871b..c70756b2b9 100644 --- a/pod/main/views.py +++ b/pod/main/views.py @@ -157,6 +157,7 @@ def get_dest_email(owner, video, form_subject, request): @csrf_protect def contact_us(request): + """Handle "Contact us" form.""" owner = ( User.objects.get(id=request.GET.get("owner")) if ( @@ -300,6 +301,7 @@ def contact_us(request): def remove_accents(input_str): + """Remove diacritics(accent, cedilla...) in input string.""" nfkd_form = unicodedata.normalize("NFKD", input_str) only_ascii = nfkd_form.encode("ASCII", "ignore") return only_ascii From 13ffbaf68cc6d2ff023dfa4fd57c50209b7d95e9 Mon Sep 17 00:00:00 2001 From: Olivier Bado Date: Wed, 6 Oct 2021 09:30:30 +0200 Subject: [PATCH 024/134] Replace "var video_duration" by "const video_duration" + rebuild i18n .po/mo files --- pod/chapter/templates/video_chapter.html | 2 +- pod/locale/fr/LC_MESSAGES/django.po | 44 +++++++++--------- pod/locale/fr/LC_MESSAGES/djangojs.po | 2 +- pod/locale/nl/LC_MESSAGES/django.mo | Bin 746 -> 746 bytes pod/locale/nl/LC_MESSAGES/django.po | 54 +++++++++++------------ 5 files changed, 50 insertions(+), 52 deletions(-) diff --git a/pod/chapter/templates/video_chapter.html b/pod/chapter/templates/video_chapter.html index 878f687065..6e8769b0d6 100644 --- a/pod/chapter/templates/video_chapter.html +++ b/pod/chapter/templates/video_chapter.html @@ -8,7 +8,7 @@ {% include 'videos/video-header.html' %} {% endblock page_extra_head %} {% block breadcrumbs %} diff --git a/pod/locale/fr/LC_MESSAGES/django.po b/pod/locale/fr/LC_MESSAGES/django.po index d5188ac11d..4aeb5081c4 100644 --- a/pod/locale/fr/LC_MESSAGES/django.po +++ b/pod/locale/fr/LC_MESSAGES/django.po @@ -5,7 +5,7 @@ msgid "" msgstr "" "Project-Id-Version: Pod\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2021-09-28 13:16+0000\n" +"POT-Creation-Date: 2021-10-06 07:26+0000\n" "PO-Revision-Date: \n" "Last-Translator: obado \n" "Language-Team: Pod Team pod@esup-portail.org\n" @@ -16,7 +16,7 @@ msgstr "" "Plural-Forms: nplurals=2; plural=(n > 1);\n" "X-Generator: Poedit 2.4.2\n" -#: pod/authentication/admin.py:93 pod/main/forms.py:47 +#: pod/authentication/admin.py:93 pod/main/forms.py:51 msgid "Email" msgstr "Courriel" @@ -149,14 +149,14 @@ msgid "Change your picture" msgstr "Changer votre image de profil" #: pod/authentication/templates/userpicture/userpicture.html:29 -#: pod/authentication/views.py:125 +#: pod/authentication/views.py:130 #: pod/bbb/templates/bbb/live_publish_meeting.html:45 #: pod/bbb/templates/bbb/publish_meeting.html:37 pod/bbb/views.py:127 #: pod/bbb/views.py:254 pod/completion/templates/video_caption_maker.html:56 #: pod/enrichment/templates/enrichment/group_enrichment.html:29 #: pod/interactive/templates/interactive/group_interactive.html:27 #: pod/live/templates/live/live-form.html:10 -#: pod/main/templates/contact_us.html:20 pod/main/views.py:296 +#: pod/main/templates/contact_us.html:20 pod/main/views.py:297 #: pod/playlist/views.py:136 #: pod/recorder/templates/recorder/add_recording.html:36 #: pod/recorder/templates/recorder/record_delete.html:31 @@ -887,7 +887,7 @@ msgstr "Liste des chapitres" #: pod/completion/models.py:251 #: pod/completion/templates/overlay/list_overlay.html:10 #: pod/enrichment/templates/enrichment/list_enrichment.html:10 -#: pod/main/models.py:121 pod/main/views.py:184 pod/playlist/models.py:12 +#: pod/main/models.py:121 pod/main/views.py:185 pod/playlist/models.py:12 #: pod/playlist/templates/playlist/playlist_element_list.html:11 #: pod/video/models.py:254 pod/video/models.py:396 pod/video/models.py:518 #: pod/video/models.py:599 pod/video/templates/channel/list_theme.html:9 @@ -2476,37 +2476,37 @@ msgstr "L'identifiant de la vidéo n'est pas valide." msgid "Advanced options" msgstr "Options avancées" -#: pod/main/forms.py:12 +#: pod/main/forms.py:13 msgid "Request more information" msgstr "Demander plus d'informations" -#: pod/main/forms.py:13 +#: pod/main/forms.py:14 msgid "Learn more about how to contribute" msgstr "En savoir plus sur comment contribuer" -#: pod/main/forms.py:14 +#: pod/main/forms.py:15 msgid "Password request for a video" msgstr "Demande de mot de passe pour cette vidéo" -#: pod/main/forms.py:15 +#: pod/main/forms.py:16 msgid "Report inappropriate content" msgstr "Signaler un contenu inapproprié" -#: pod/main/forms.py:16 +#: pod/main/forms.py:17 msgid "Correction or bug report" msgstr "Correctif ou signalement de bug" -#: pod/main/forms.py:17 +#: pod/main/forms.py:18 msgid "Other (please specify)" msgstr "Autre (spécifiez)" -#: pod/main/forms.py:46 pod/podfile/models.py:25 pod/podfile/models.py:117 +#: pod/main/forms.py:50 pod/podfile/models.py:25 pod/podfile/models.py:117 #: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1366 #: pod/video/models.py:1437 pod/video/models.py:1498 msgid "Name" msgstr "Nom" -#: pod/main/forms.py:50 +#: pod/main/forms.py:54 msgid "Subject" msgstr "Sujet" @@ -2514,26 +2514,26 @@ msgstr "Sujet" msgid "Please choose a subject related to your request" msgstr "Veuillez choisir un sujet en lien avec votre requête" -#: pod/main/forms.py:58 pod/main/models.py:167 pod/playlist/models.py:26 +#: pod/main/forms.py:62 pod/main/models.py:167 pod/playlist/models.py:26 #: pod/video/forms.py:135 pod/video/forms.py:352 pod/video/forms.py:403 #: pod/video/models.py:274 pod/video/models.py:414 pod/video/models.py:642 #: pod/video/templates/channel/list_theme.html:10 msgid "Description" msgstr "Description" -#: pod/main/forms.py:59 +#: pod/main/forms.py:63 msgid "Provide a full description for your request" msgstr "Renseignez une description complète pour votre requête" -#: pod/main/forms.py:65 +#: pod/main/forms.py:69 msgid "Please indicate the result of the following operation" msgstr "Veuillez indiquer le résultat de l'opération suivante" -#: pod/main/forms.py:72 +#: pod/main/forms.py:76 msgid "Check this box if you are a metal human (required)" msgstr "Cocher cette case si vous êtes un humain en métal (obligatoire)" -#: pod/main/forms.py:91 +#: pod/main/forms.py:97 msgid "Please specify a subject" msgstr "Veuillez spécifier un sujet" @@ -3482,15 +3482,15 @@ msgstr "Types de vidéos" msgid "Use the input to filter user by last name." msgstr "Utiliser le champ pour filtrer les utilisateurs par nom de famille." -#: pod/main/views.py:186 +#: pod/main/views.py:187 msgid "Link" msgstr "Lien" -#: pod/main/views.py:267 +#: pod/main/views.py:268 msgid "your message untitled" msgstr "votre message intitulé" -#: pod/main/views.py:287 +#: pod/main/views.py:288 msgid "Your message have been sent." msgstr "Votre message a été envoyé." @@ -6128,7 +6128,7 @@ msgstr "Recherche avancée" msgid "Remove this filter" msgstr "Retirer ce filtre" -#: pod/video_search/views.py:91 +#: pod/video_search/views.py:93 msgid "Sorry, video search is limited to 500 pages max." msgstr "Désolé, la recherche de vidéos est limitée à 500 pages maximum." diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po index e194d40552..90ed7acba7 100644 --- a/pod/locale/fr/LC_MESSAGES/djangojs.po +++ b/pod/locale/fr/LC_MESSAGES/djangojs.po @@ -5,7 +5,7 @@ msgid "" msgstr "" "Project-Id-Version: Esup-Pod\n" "Report-Msgid-Bugs-To: \n" -"POT-Creation-Date: 2021-09-28 15:16+0200\n" +"POT-Creation-Date: 2021-10-06 09:26+0200\n" "PO-Revision-Date: 2021-03-26 17:58+0100\n" "Last-Translator: obado \n" "Language-Team: \n" diff --git a/pod/locale/nl/LC_MESSAGES/django.mo b/pod/locale/nl/LC_MESSAGES/django.mo index 6cd02ab317594541c6aaf61e4124fde5b132832c..bed4bb3db72261bd62360fa8b6ba0568a9bdc28a 100644 GIT binary patch delta 27 icmaFG`igbK0!BVV16>0%1p`YfBMWT\n" "Language-Team: \n" "Language: nl_NL\n" @@ -16,7 +16,7 @@ msgstr "" "Plural-Forms: nplurals=2; plural=(n != 1);\n" "X-Generator: Poedit 2.4.2\n" -#: pod/authentication/admin.py:93 pod/main/forms.py:47 +#: pod/authentication/admin.py:93 pod/main/forms.py:51 msgid "Email" msgstr "E-mail" @@ -147,14 +147,14 @@ msgid "Change your picture" msgstr "" #: pod/authentication/templates/userpicture/userpicture.html:29 -#: pod/authentication/views.py:125 +#: pod/authentication/views.py:130 #: pod/bbb/templates/bbb/live_publish_meeting.html:45 #: pod/bbb/templates/bbb/publish_meeting.html:37 pod/bbb/views.py:127 #: pod/bbb/views.py:254 pod/completion/templates/video_caption_maker.html:56 #: pod/enrichment/templates/enrichment/group_enrichment.html:29 #: pod/interactive/templates/interactive/group_interactive.html:27 #: pod/live/templates/live/live-form.html:10 -#: pod/main/templates/contact_us.html:20 pod/main/views.py:296 +#: pod/main/templates/contact_us.html:20 pod/main/views.py:297 #: pod/playlist/views.py:136 #: pod/recorder/templates/recorder/add_recording.html:36 #: pod/recorder/templates/recorder/record_delete.html:31 @@ -832,7 +832,7 @@ msgstr "" #: pod/completion/models.py:251 #: pod/completion/templates/overlay/list_overlay.html:10 #: pod/enrichment/templates/enrichment/list_enrichment.html:10 -#: pod/main/models.py:121 pod/main/views.py:184 pod/playlist/models.py:12 +#: pod/main/models.py:121 pod/main/views.py:185 pod/playlist/models.py:12 #: pod/playlist/templates/playlist/playlist_element_list.html:11 #: pod/video/models.py:254 pod/video/models.py:396 pod/video/models.py:518 #: pod/video/models.py:599 pod/video/templates/channel/list_theme.html:9 @@ -2347,64 +2347,64 @@ msgstr "" msgid "Advanced options" msgstr "" -#: pod/main/forms.py:12 +#: pod/main/forms.py:13 msgid "Request more information" msgstr "" -#: pod/main/forms.py:13 +#: pod/main/forms.py:14 msgid "Learn more about how to contribute" msgstr "" -#: pod/main/forms.py:14 +#: pod/main/forms.py:15 msgid "Password request for a video" msgstr "" -#: pod/main/forms.py:15 +#: pod/main/forms.py:16 msgid "Report inappropriate content" msgstr "" -#: pod/main/forms.py:16 +#: pod/main/forms.py:17 msgid "Correction or bug report" msgstr "" -#: pod/main/forms.py:17 +#: pod/main/forms.py:18 msgid "Other (please specify)" msgstr "" -#: pod/main/forms.py:46 pod/podfile/models.py:25 pod/podfile/models.py:117 +#: pod/main/forms.py:50 pod/podfile/models.py:25 pod/podfile/models.py:117 #: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1366 #: pod/video/models.py:1437 pod/video/models.py:1498 msgid "Name" msgstr "" -#: pod/main/forms.py:50 +#: pod/main/forms.py:54 msgid "Subject" msgstr "" -#: pod/main/forms.py:51 -msgid "Please choose a subjects related your request" +#: pod/main/forms.py:55 +msgid "Please choose a subject related to your request" msgstr "" -#: pod/main/forms.py:58 pod/main/models.py:167 pod/playlist/models.py:26 +#: pod/main/forms.py:62 pod/main/models.py:167 pod/playlist/models.py:26 #: pod/video/forms.py:135 pod/video/forms.py:352 pod/video/forms.py:403 #: pod/video/models.py:274 pod/video/models.py:414 pod/video/models.py:642 #: pod/video/templates/channel/list_theme.html:10 msgid "Description" msgstr "" -#: pod/main/forms.py:59 +#: pod/main/forms.py:63 msgid "Provide a full description for your request" msgstr "" -#: pod/main/forms.py:65 +#: pod/main/forms.py:69 msgid "Please indicate the result of the following operation" msgstr "" -#: pod/main/forms.py:72 +#: pod/main/forms.py:76 msgid "Check this box if you are a metal human (required)" msgstr "" -#: pod/main/forms.py:91 +#: pod/main/forms.py:97 msgid "Please specify a subject" msgstr "" @@ -3348,15 +3348,15 @@ msgstr "" msgid "Use the input to filter user by last name." msgstr "" -#: pod/main/views.py:186 +#: pod/main/views.py:187 msgid "Link" msgstr "" -#: pod/main/views.py:267 +#: pod/main/views.py:268 msgid "your message untitled" msgstr "" -#: pod/main/views.py:287 +#: pod/main/views.py:288 msgid "Your message have been sent." msgstr "" @@ -3996,10 +3996,8 @@ msgid "Has this recording file require a manual claim by a user?" msgstr "" #: pod/recorder/models.py:373 -#, fuzzy -#| msgid "Email" msgid "Email sent?" -msgstr "E-mail" +msgstr "" #: pod/recorder/models.py:375 msgid "Has an email been sent to the manager of the concerned recorder?" @@ -5810,7 +5808,7 @@ msgstr "" msgid "Remove this filter" msgstr "" -#: pod/video_search/views.py:91 +#: pod/video_search/views.py:93 msgid "Sorry, video search is limited to 500 pages max." msgstr "" From 43726e7109be11050ff4718a70fc7e4e7b8c1271 Mon Sep 17 00:00:00 2001 From: Olivier Bado Date: Thu, 7 Oct 2021 17:21:13 +0200 Subject: [PATCH 025/134] Prevent robots from indexing or archiving login pages + Add some missing pydocstrings --- pod/authentication/templates/authentication/login.html | 2 +- pod/authentication/templates/registration/login.html | 6 ++++-- pod/authentication/tests/test_views.py | 10 ++++------ pod/main/templatetags/custom_tags.py | 4 ++++ pod/main/views.py | 1 + pod/recorder/views.py | 5 +++-- 6 files changed, 17 insertions(+), 11 deletions(-) diff --git a/pod/authentication/templates/authentication/login.html b/pod/authentication/templates/authentication/login.html index c2387cc930..63fe9b8bd8 100644 --- a/pod/authentication/templates/authentication/login.html +++ b/pod/authentication/templates/authentication/login.html @@ -1,7 +1,7 @@ {% extends "base.html" %} {% load i18n static custom_tags %} {% block page_extra_head %} - + {% endblock %} {% block page_title %}{% trans 'Authentication' %}{% endblock %} diff --git a/pod/authentication/templates/registration/login.html b/pod/authentication/templates/registration/login.html index 4096349e45..e08300ef12 100644 --- a/pod/authentication/templates/registration/login.html +++ b/pod/authentication/templates/registration/login.html @@ -2,8 +2,10 @@ {% load i18n static %} {% block page_extra_head %} -{{ block.super }} -{{ form.media }} + {{ block.super }} + + + {{ form.media }} {% endblock %} {% block page_title %}{% trans 'Log in' %}{% endblock %} diff --git a/pod/authentication/tests/test_views.py b/pod/authentication/tests/test_views.py index 699d3a1894..4b3b3d254d 100644 --- a/pod/authentication/tests/test_views.py +++ b/pod/authentication/tests/test_views.py @@ -1,6 +1,4 @@ -""" -Unit tests for authentication views -""" +"""Unit tests for authentication views.""" from django.test import TestCase from django.test import Client from django.contrib.auth.models import User @@ -13,7 +11,7 @@ class authenticationViewsTestCase(TestCase): def setUp(self): User.objects.create(username="pod", password="podv2") - print(" ---> SetUp of authenticationViewsTestCase : OK !") + print(" ---> SetUp of authenticationViewsTestCase: OK!") def test_authentication_login_gateway(self): self.client = Client() @@ -57,7 +55,7 @@ def test_authentication_logout(self): print( " ---> test_authentication_logout \ - of authenticationViewsTestCase : OK !" + of authenticationViewsTestCase: OK!" ) def test_userpicture(self): @@ -94,4 +92,4 @@ def test_userpicture(self): self.assertEqual(response.status_code, 200) self.assertTemplateUsed(response, "userpicture/userpicture.html") - print(" ---> test_userpicture of authenticationViewsTestCase : OK !") + print(" ---> test_userpicture of authenticationViewsTestCase: OK!") diff --git a/pod/main/templatetags/custom_tags.py b/pod/main/templatetags/custom_tags.py index 5a762f956a..8b6f20b60a 100644 --- a/pod/main/templatetags/custom_tags.py +++ b/pod/main/templatetags/custom_tags.py @@ -1,3 +1,4 @@ +"""Esup-Pod custom tags for templates.""" from django import template from django.conf import settings from pod.main.models import Configuration @@ -8,14 +9,17 @@ @register.simple_tag def get_setting(name, default=""): + """Get a setting value.""" return getattr(settings, name, default) @register.simple_tag def get_maintenance_welcome(): + """Return Welcome text for maintenance.""" return Configuration.objects.get(key="maintenance_text_welcome").value @register.simple_tag def str_to_dict(value): + """Convert Json string to python dict.""" return json.loads(value) diff --git a/pod/main/views.py b/pod/main/views.py index c70756b2b9..d1481e0d1e 100644 --- a/pod/main/views.py +++ b/pod/main/views.py @@ -85,6 +85,7 @@ def in_maintenance(): + """Return true if maintenance_mode is ON.""" return ( True if Configuration.objects.get(key="maintenance_mode").value == "1" else False ) diff --git a/pod/recorder/views.py b/pod/recorder/views.py index 0978b0636a..e7231c63c6 100644 --- a/pod/recorder/views.py +++ b/pod/recorder/views.py @@ -1,4 +1,5 @@ # -*- coding: utf-8 -*- +"""Esup-pod recorder views.""" from __future__ import unicode_literals import os @@ -264,10 +265,10 @@ def recorder_notify(request): return HttpResponse("ok") else: return HttpResponse( - "nok : address_ip not valid or " "recorder not found in this site" + "nok : address_ip not valid or recorder not found in this site" ) else: - return HttpResponse("nok : recordingPlace or mediapath or key are " "missing") + return HttpResponse("nok : recordingPlace or mediapath or key are missing") @csrf_protect From af778f0b17bbc4bd37c0cce34f72f88b5f0ad4fb Mon Sep 17 00:00:00 2001 From: maxmol Date: Fri, 8 Oct 2021 09:31:33 +0200 Subject: [PATCH 026/134] video region highlighting --- pod/completion/static/css/caption_maker.css | 16 +++++ pod/completion/static/js/caption_maker.js | 77 +++++++++++++++++++-- 2 files changed, 87 insertions(+), 6 deletions(-) diff --git a/pod/completion/static/css/caption_maker.css b/pod/completion/static/css/caption_maker.css index f1b0e54ad3..b277f6f0f4 100644 --- a/pod/completion/static/css/caption_maker.css +++ b/pod/completion/static/css/caption_maker.css @@ -151,3 +151,19 @@ textarea { min-height: unset !important; } } + +.keyframe { + position: absolute; + z-index: 2; + background-color: var(--primary2); + width: 6px; + height: 8px; + transform: translateY(-3px, -8px); +} + +.regionHighligh { + position: absolute; + z-index: 1; + background-color: var(--primary2); + height: 3px; +} \ No newline at end of file diff --git a/pod/completion/static/js/caption_maker.js b/pod/completion/static/js/caption_maker.js index 28cff0a275..00e7c15a24 100644 --- a/pod/completion/static/js/caption_maker.js +++ b/pod/completion/static/js/caption_maker.js @@ -387,7 +387,7 @@ function UpdateCaption(ci, captionText) { updateCaptionHtmlContent(); } -function CreateCaptionBlock(captionText, start, end) { +function CreateCaptionBlock(captionText, start, end, newCaption) { let captionBlock = $("
"); captionBlock.addClass("newEditorBlock"); @@ -415,10 +415,17 @@ function CreateCaptionBlock(captionText, start, end) { timeBlock.append(startTimeBtn, endTimeBtn); captionBlock.append(newArea, deleteBtn, timeBlock); $("#newCaptionsEditor").append(captionBlock); + + captionBlock.hover(function() { + highlightVideoRegion(newCaption.start, newCaption.end); + }, function() { + clearVideoRegion(); + }) + feather.replace(); } -function AddCaptionListRow(ci) { +function AddCaptionListRow(ci, newCaption) { let vtt = $("#captionContent"); let vtt_entry = $("#textCaptionEntry").val().trim(); let start = caption_memories.start_time; @@ -433,18 +440,20 @@ function AddCaptionListRow(ci) { } } - CreateCaptionBlock(vtt_entry, start, end); + CreateCaptionBlock(vtt_entry, start, end, newCaption); caption_memories.start_time = end; } function AddCaption(captionStart, captionEnd, captionText) { - captionsArray.push({ + let newCaption = { start: captionStart, end: captionEnd, caption: captionText.trim(), - }); + }; + + captionsArray.push(newCaption); - AddCaptionListRow(captionsArray.length - 1); + AddCaptionListRow(captionsArray.length - 1, newCaption); } function hmsToSecondsOnly(str) { @@ -654,3 +663,59 @@ function ParseAndLoadWebVTT(vtt) { $("#captionContent").val(""); $("#captionContent").val(vtt); } + +// videojs region highlighting + +var highlightVideoRegion; +var clearVideoRegion; + +const registerPlugin = videojs.registerPlugin || videojs.plugin; + +const onPlayerReady = function(player, options) { + var startKeyframe; + var endKeyframe; + var regionHighlight; + + clearVideoRegion = function() { + if (startKeyframe) + startKeyframe.remove() + + if (endKeyframe) + endKeyframe.remove() + + if (regionHighlight) + regionHighlight.remove() + } + + highlightVideoRegion = function(startTime, endTime) { + clearVideoRegion(); + + let startPercent = (startTime / player.duration()) * 100; + let endPercent = (endTime / player.duration()) * 100; + + startKeyframe = $("
"); + startKeyframe.css('left', `${startPercent}%`); + $(player.controlBar.progressControl.seekBar.playProgressBar.el_).before(startKeyframe); + + regionHighlight = $("
"); + regionHighlight.css('left', `${startPercent}%`); + regionHighlight.css('width', `${endPercent - startPercent}%`); + startKeyframe.after(regionHighlight); + + endKeyframe = $("
"); + endKeyframe.css('left', `${endPercent}%`); + regionHighlight.after(endKeyframe); + } +}; + +const timelineRegions = function(options) { + this.ready(function() { + onPlayerReady(this, options); + }); +}; + +registerPlugin('timelineRegions', timelineRegions); + +videojs.hook('setup', function(player) { + player.timelineRegions(); +}); \ No newline at end of file From d19c4cb30330c0d04468236e26737f5d5de1fbf7 Mon Sep 17 00:00:00 2001 From: ptitloup Date: Fri, 8 Oct 2021 15:13:45 +0200 Subject: [PATCH 027/134] bump videojs-vr plugin to version 1.8.0 --- pod/main/static/videojs-vr/videojs-vr.cjs.js | 9375 +- pod/main/static/videojs-vr/videojs-vr.css | 37 +- pod/main/static/videojs-vr/videojs-vr.es.js | 9392 +- pod/main/static/videojs-vr/videojs-vr.js | 93625 +++++++++-------- pod/main/static/videojs-vr/videojs-vr.min.js | 343 +- 5 files changed, 53377 insertions(+), 59395 deletions(-) diff --git a/pod/main/static/videojs-vr/videojs-vr.cjs.js b/pod/main/static/videojs-vr/videojs-vr.cjs.js index d5adf57207..1de69126ad 100644 --- a/pod/main/static/videojs-vr/videojs-vr.cjs.js +++ b/pod/main/static/videojs-vr/videojs-vr.cjs.js @@ -1,6685 +1,1715 @@ -"use strict"; +/*! @name videojs-vr @version 1.8.0 @license Apache-2.0 */ +'use strict'; -function _interopDefault(ex) { - return ex && typeof ex === "object" && "default" in ex ? ex["default"] : ex; -} +function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } -var THREE = require("three"); -var document$1 = _interopDefault(require("global/document")); -var window$1 = _interopDefault(require("global/window")); -var videojs = _interopDefault(require("video.js")); - -var version = "1.3.0"; - -var commonjsGlobal = - typeof window !== "undefined" - ? window - : typeof global !== "undefined" - ? global - : typeof self !== "undefined" - ? self - : {}; - -function unwrapExports(x) { - return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") - ? x["default"] - : x; -} +var _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/assertThisInitialized')); +var _inheritsLoose = _interopDefault(require('@babel/runtime/helpers/inheritsLoose')); +var window$1 = _interopDefault(require('global/window')); +var document$1 = _interopDefault(require('global/document')); +var WebVRPolyfill = _interopDefault(require('webvr-polyfill')); +var videojs = _interopDefault(require('video.js')); +var THREE = require('three'); -function createCommonjsModule(fn, module) { - return (module = { exports: {} }), fn(module, module.exports), module.exports; -} +var version = "1.8.0"; -var webvrPolyfill = createCommonjsModule(function (module, exports) { - /** - * @license - * webvr-polyfill - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ +/** + * @author dmarcos / https://github.com/dmarcos + * @author mrdoob / http://mrdoob.com + */ +var VRControls = function ( object, onError ) { - /** - * @license - * cardboard-vr-display - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ + var scope = this; - /** - * @license - * webvr-polyfill-dpdb - * Copyright (c) 2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ + var vrDisplay, vrDisplays; - /** - * @license - * wglu-preserve-state - * Copyright (c) 2016, Brandon Jones. - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ + var standingMatrix = new THREE.Matrix4(); - /** - * @license - * nosleep.js - * Copyright (c) 2017, Rich Tibbett - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ + var frameData = null; - (function (global, factory) { - module.exports = factory(); - })(commonjsGlobal, function () { - var commonjsGlobal$$1 = - typeof window !== "undefined" - ? window - : typeof commonjsGlobal !== "undefined" - ? commonjsGlobal - : typeof self !== "undefined" - ? self - : {}; - - function unwrapExports$$1(x) { - return x && - x.__esModule && - Object.prototype.hasOwnProperty.call(x, "default") - ? x["default"] - : x; - } + if ( 'VRFrameData' in window ) { - function createCommonjsModule$$1(fn, module) { - return ( - (module = { exports: {} }), fn(module, module.exports), module.exports - ); - } + frameData = new VRFrameData(); - var race = function race(promises) { - if (Promise.race) { - return Promise.race(promises); - } - return new Promise(function (resolve, reject) { - for (var i = 0; i < promises.length; i++) { - promises[i].then(resolve, reject); - } - }); - }; + } - var isMobile = function isMobile() { - return ( - /Android/i.test(navigator.userAgent) || - /iPhone|iPad|iPod/i.test(navigator.userAgent) - ); - }; - var copyArray = function copyArray(source, dest) { - for (var i = 0, n = source.length; i < n; i++) { - dest[i] = source[i]; - } - }; - var extend = function extend(dest, src) { - for (var key in src) { - if (src.hasOwnProperty(key)) { - dest[key] = src[key]; - } - } - return dest; - }; + function gotVRDisplays( displays ) { - var cardboardVrDisplay = createCommonjsModule$$1(function ( - module, - exports - ) { - /** - * @license - * cardboard-vr-display - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - /** - * @license - * gl-preserve-state - * Copyright (c) 2016, Brandon Jones. - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ - /** - * @license - * webvr-polyfill-dpdb - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - /** - * @license - * nosleep.js - * Copyright (c) 2017, Rich Tibbett - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ - (function (global, factory) { - module.exports = factory(); - })(commonjsGlobal$$1, function () { - var classCallCheck = function (instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - }; - var createClass = (function () { - function defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty(target, descriptor.key, descriptor); - } - } - return function (Constructor, protoProps, staticProps) { - if (protoProps) defineProperties(Constructor.prototype, protoProps); - if (staticProps) defineProperties(Constructor, staticProps); - return Constructor; - }; - })(); - var slicedToArray = (function () { - function sliceIterator(arr, i) { - var _arr = []; - var _n = true; - var _d = false; - var _e = undefined; - try { - for ( - var _i = arr[Symbol.iterator](), _s; - !(_n = (_s = _i.next()).done); - _n = true - ) { - _arr.push(_s.value); - if (i && _arr.length === i) break; - } - } catch (err) { - _d = true; - _e = err; - } finally { - try { - if (!_n && _i["return"]) _i["return"](); - } finally { - if (_d) throw _e; - } - } - return _arr; - } - return function (arr, i) { - if (Array.isArray(arr)) { - return arr; - } else if (Symbol.iterator in Object(arr)) { - return sliceIterator(arr, i); - } else { - throw new TypeError( - "Invalid attempt to destructure non-iterable instance" - ); - } - }; - })(); - var MIN_TIMESTEP = 0.001; - var MAX_TIMESTEP = 1; - var base64 = function base64(mimeType, _base) { - return "data:" + mimeType + ";base64," + _base; - }; - var lerp = function lerp(a, b, t) { - return a + (b - a) * t; - }; - var isIOS = (function () { - var isIOS = /iPad|iPhone|iPod/.test(navigator.platform); - return function () { - return isIOS; - }; - })(); - var isWebViewAndroid = (function () { - var isWebViewAndroid = - navigator.userAgent.indexOf("Version") !== -1 && - navigator.userAgent.indexOf("Android") !== -1 && - navigator.userAgent.indexOf("Chrome") !== -1; - return function () { - return isWebViewAndroid; - }; - })(); - var isSafari = (function () { - var isSafari = /^((?!chrome|android).)*safari/i.test( - navigator.userAgent - ); - return function () { - return isSafari; - }; - })(); - var isFirefoxAndroid = (function () { - var isFirefoxAndroid = - navigator.userAgent.indexOf("Firefox") !== -1 && - navigator.userAgent.indexOf("Android") !== -1; - return function () { - return isFirefoxAndroid; - }; - })(); - var getChromeVersion = (function () { - var match = navigator.userAgent.match(/.*Chrome\/([0-9]+)/); - var value = match ? parseInt(match[1], 10) : null; - return function () { - return value; - }; - })(); - var isChromeWithoutDeviceMotion = (function () { - var value = false; - if (getChromeVersion() === 65) { - var match = navigator.userAgent.match(/.*Chrome\/([0-9\.]*)/); - if (match) { - var _match$1$split = match[1].split("."), - _match$1$split2 = slicedToArray(_match$1$split, 4), - major = _match$1$split2[0], - minor = _match$1$split2[1], - branch = _match$1$split2[2], - build = _match$1$split2[3]; - value = - parseInt(branch, 10) === 3325 && parseInt(build, 10) < 148; - } - } - return function () { - return value; - }; - })(); - var isR7 = (function () { - var isR7 = navigator.userAgent.indexOf("R7 Build") !== -1; - return function () { - return isR7; - }; - })(); - var isLandscapeMode = function isLandscapeMode() { - var rtn = window.orientation == 90 || window.orientation == -90; - return isR7() ? !rtn : rtn; - }; - var isTimestampDeltaValid = function isTimestampDeltaValid( - timestampDeltaS - ) { - if (isNaN(timestampDeltaS)) { - return false; - } - if (timestampDeltaS <= MIN_TIMESTEP) { - return false; - } - if (timestampDeltaS > MAX_TIMESTEP) { - return false; - } - return true; - }; - var getScreenWidth = function getScreenWidth() { - return ( - Math.max(window.screen.width, window.screen.height) * - window.devicePixelRatio - ); - }; - var getScreenHeight = function getScreenHeight() { - return ( - Math.min(window.screen.width, window.screen.height) * - window.devicePixelRatio - ); - }; - var requestFullscreen = function requestFullscreen(element) { - if (isWebViewAndroid()) { - return false; - } - if (element.requestFullscreen) { - element.requestFullscreen(); - } else if (element.webkitRequestFullscreen) { - element.webkitRequestFullscreen(); - } else if (element.mozRequestFullScreen) { - element.mozRequestFullScreen(); - } else if (element.msRequestFullscreen) { - element.msRequestFullscreen(); - } else { - return false; - } - return true; - }; - var exitFullscreen = function exitFullscreen() { - if (document.exitFullscreen) { - document.exitFullscreen(); - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } else if (document.mozCancelFullScreen) { - document.mozCancelFullScreen(); - } else if (document.msExitFullscreen) { - document.msExitFullscreen(); - } else { - return false; - } - return true; - }; - var getFullscreenElement = function getFullscreenElement() { - return ( - document.fullscreenElement || - document.webkitFullscreenElement || - document.mozFullScreenElement || - document.msFullscreenElement - ); - }; - var linkProgram = function linkProgram( - gl, - vertexSource, - fragmentSource, - attribLocationMap - ) { - var vertexShader = gl.createShader(gl.VERTEX_SHADER); - gl.shaderSource(vertexShader, vertexSource); - gl.compileShader(vertexShader); - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - var program = gl.createProgram(); - gl.attachShader(program, vertexShader); - gl.attachShader(program, fragmentShader); - for (var attribName in attribLocationMap) { - gl.bindAttribLocation( - program, - attribLocationMap[attribName], - attribName - ); - } - gl.linkProgram(program); - gl.deleteShader(vertexShader); - gl.deleteShader(fragmentShader); - return program; - }; - var getProgramUniforms = function getProgramUniforms(gl, program) { - var uniforms = {}; - var uniformCount = gl.getProgramParameter( - program, - gl.ACTIVE_UNIFORMS - ); - var uniformName = ""; - for (var i = 0; i < uniformCount; i++) { - var uniformInfo = gl.getActiveUniform(program, i); - uniformName = uniformInfo.name.replace("[0]", ""); - uniforms[uniformName] = gl.getUniformLocation(program, uniformName); - } - return uniforms; - }; - var orthoMatrix = function orthoMatrix( - out, - left, - right, - bottom, - top, - near, - far - ) { - var lr = 1 / (left - right), - bt = 1 / (bottom - top), - nf = 1 / (near - far); - out[0] = -2 * lr; - out[1] = 0; - out[2] = 0; - out[3] = 0; - out[4] = 0; - out[5] = -2 * bt; - out[6] = 0; - out[7] = 0; - out[8] = 0; - out[9] = 0; - out[10] = 2 * nf; - out[11] = 0; - out[12] = (left + right) * lr; - out[13] = (top + bottom) * bt; - out[14] = (far + near) * nf; - out[15] = 1; - return out; - }; - var isMobile = function isMobile() { - var check = false; - (function (a) { - if ( - /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test( - a - ) || - /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test( - a.substr(0, 4) - ) - ) - check = true; - })(navigator.userAgent || navigator.vendor || window.opera); - return check; - }; - var extend = function extend(dest, src) { - for (var key in src) { - if (src.hasOwnProperty(key)) { - dest[key] = src[key]; - } - } - return dest; - }; - var safariCssSizeWorkaround = function safariCssSizeWorkaround(canvas) { - if (isIOS()) { - var width = canvas.style.width; - var height = canvas.style.height; - canvas.style.width = parseInt(width) + 1 + "px"; - canvas.style.height = parseInt(height) + "px"; - setTimeout(function () { - canvas.style.width = width; - canvas.style.height = height; - }, 100); - } - window.canvas = canvas; - }; - var frameDataFromPose = (function () { - var piOver180 = Math.PI / 180.0; - var rad45 = Math.PI * 0.25; - function mat4_perspectiveFromFieldOfView(out, fov, near, far) { - var upTan = Math.tan(fov ? fov.upDegrees * piOver180 : rad45), - downTan = Math.tan(fov ? fov.downDegrees * piOver180 : rad45), - leftTan = Math.tan(fov ? fov.leftDegrees * piOver180 : rad45), - rightTan = Math.tan(fov ? fov.rightDegrees * piOver180 : rad45), - xScale = 2.0 / (leftTan + rightTan), - yScale = 2.0 / (upTan + downTan); - out[0] = xScale; - out[1] = 0.0; - out[2] = 0.0; - out[3] = 0.0; - out[4] = 0.0; - out[5] = yScale; - out[6] = 0.0; - out[7] = 0.0; - out[8] = -((leftTan - rightTan) * xScale * 0.5); - out[9] = (upTan - downTan) * yScale * 0.5; - out[10] = far / (near - far); - out[11] = -1.0; - out[12] = 0.0; - out[13] = 0.0; - out[14] = (far * near) / (near - far); - out[15] = 0.0; - return out; - } - function mat4_fromRotationTranslation(out, q, v) { - var x = q[0], - y = q[1], - z = q[2], - w = q[3], - x2 = x + x, - y2 = y + y, - z2 = z + z, - xx = x * x2, - xy = x * y2, - xz = x * z2, - yy = y * y2, - yz = y * z2, - zz = z * z2, - wx = w * x2, - wy = w * y2, - wz = w * z2; - out[0] = 1 - (yy + zz); - out[1] = xy + wz; - out[2] = xz - wy; - out[3] = 0; - out[4] = xy - wz; - out[5] = 1 - (xx + zz); - out[6] = yz + wx; - out[7] = 0; - out[8] = xz + wy; - out[9] = yz - wx; - out[10] = 1 - (xx + yy); - out[11] = 0; - out[12] = v[0]; - out[13] = v[1]; - out[14] = v[2]; - out[15] = 1; - return out; - } - function mat4_translate(out, a, v) { - var x = v[0], - y = v[1], - z = v[2], - a00, - a01, - a02, - a03, - a10, - a11, - a12, - a13, - a20, - a21, - a22, - a23; - if (a === out) { - out[12] = a[0] * x + a[4] * y + a[8] * z + a[12]; - out[13] = a[1] * x + a[5] * y + a[9] * z + a[13]; - out[14] = a[2] * x + a[6] * y + a[10] * z + a[14]; - out[15] = a[3] * x + a[7] * y + a[11] * z + a[15]; - } else { - a00 = a[0]; - a01 = a[1]; - a02 = a[2]; - a03 = a[3]; - a10 = a[4]; - a11 = a[5]; - a12 = a[6]; - a13 = a[7]; - a20 = a[8]; - a21 = a[9]; - a22 = a[10]; - a23 = a[11]; - out[0] = a00; - out[1] = a01; - out[2] = a02; - out[3] = a03; - out[4] = a10; - out[5] = a11; - out[6] = a12; - out[7] = a13; - out[8] = a20; - out[9] = a21; - out[10] = a22; - out[11] = a23; - out[12] = a00 * x + a10 * y + a20 * z + a[12]; - out[13] = a01 * x + a11 * y + a21 * z + a[13]; - out[14] = a02 * x + a12 * y + a22 * z + a[14]; - out[15] = a03 * x + a13 * y + a23 * z + a[15]; - } - return out; - } - function mat4_invert(out, a) { - var a00 = a[0], - a01 = a[1], - a02 = a[2], - a03 = a[3], - a10 = a[4], - a11 = a[5], - a12 = a[6], - a13 = a[7], - a20 = a[8], - a21 = a[9], - a22 = a[10], - a23 = a[11], - a30 = a[12], - a31 = a[13], - a32 = a[14], - a33 = a[15], - b00 = a00 * a11 - a01 * a10, - b01 = a00 * a12 - a02 * a10, - b02 = a00 * a13 - a03 * a10, - b03 = a01 * a12 - a02 * a11, - b04 = a01 * a13 - a03 * a11, - b05 = a02 * a13 - a03 * a12, - b06 = a20 * a31 - a21 * a30, - b07 = a20 * a32 - a22 * a30, - b08 = a20 * a33 - a23 * a30, - b09 = a21 * a32 - a22 * a31, - b10 = a21 * a33 - a23 * a31, - b11 = a22 * a33 - a23 * a32, - det = - b00 * b11 - - b01 * b10 + - b02 * b09 + - b03 * b08 - - b04 * b07 + - b05 * b06; - if (!det) { - return null; - } - det = 1.0 / det; - out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det; - out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det; - out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det; - out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det; - out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det; - out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det; - out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det; - out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det; - out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det; - out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det; - out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det; - out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det; - out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det; - out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det; - out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det; - out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det; - return out; - } - var defaultOrientation = new Float32Array([0, 0, 0, 1]); - var defaultPosition = new Float32Array([0, 0, 0]); - function updateEyeMatrices( - projection, - view, - pose, - fov, - offset, - vrDisplay - ) { - mat4_perspectiveFromFieldOfView( - projection, - fov || null, - vrDisplay.depthNear, - vrDisplay.depthFar - ); - var orientation = pose.orientation || defaultOrientation; - var position = pose.position || defaultPosition; - mat4_fromRotationTranslation(view, orientation, position); - if (offset) mat4_translate(view, view, offset); - mat4_invert(view, view); - } - return function (frameData, pose, vrDisplay) { - if (!frameData || !pose) return false; - frameData.pose = pose; - frameData.timestamp = pose.timestamp; - updateEyeMatrices( - frameData.leftProjectionMatrix, - frameData.leftViewMatrix, - pose, - vrDisplay._getFieldOfView("left"), - vrDisplay._getEyeOffset("left"), - vrDisplay - ); - updateEyeMatrices( - frameData.rightProjectionMatrix, - frameData.rightViewMatrix, - pose, - vrDisplay._getFieldOfView("right"), - vrDisplay._getEyeOffset("right"), - vrDisplay - ); - return true; - }; - })(); - var isInsideCrossOriginIFrame = function isInsideCrossOriginIFrame() { - var isFramed = window.self !== window.top; - var refOrigin = getOriginFromUrl(document.referrer); - var thisOrigin = getOriginFromUrl(window.location.href); - return isFramed && refOrigin !== thisOrigin; - }; - var getOriginFromUrl = function getOriginFromUrl(url) { - var domainIdx; - var protoSepIdx = url.indexOf("://"); - if (protoSepIdx !== -1) { - domainIdx = protoSepIdx + 3; - } else { - domainIdx = 0; - } - var domainEndIdx = url.indexOf("/", domainIdx); - if (domainEndIdx === -1) { - domainEndIdx = url.length; - } - return url.substring(0, domainEndIdx); - }; - var getQuaternionAngle = function getQuaternionAngle(quat) { - if (quat.w > 1) { - console.warn("getQuaternionAngle: w > 1"); - return 0; - } - var angle = 2 * Math.acos(quat.w); - return angle; - }; - var warnOnce = (function () { - var observedWarnings = {}; - return function (key, message) { - if (observedWarnings[key] === undefined) { - console.warn("webvr-polyfill: " + message); - observedWarnings[key] = true; - } - }; - })(); - var deprecateWarning = function deprecateWarning( - deprecated, - suggested - ) { - var alternative = suggested - ? "Please use " + suggested + " instead." - : ""; - warnOnce( - deprecated, - deprecated + - " has been deprecated. " + - "This may not work on native WebVR displays. " + - alternative - ); - }; - function WGLUPreserveGLState(gl, bindings, callback) { - if (!bindings) { - callback(gl); - return; - } - var boundValues = []; - var activeTexture = null; - for (var i = 0; i < bindings.length; ++i) { - var binding = bindings[i]; - switch (binding) { - case gl.TEXTURE_BINDING_2D: - case gl.TEXTURE_BINDING_CUBE_MAP: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) { - console.error( - "TEXTURE_BINDING_2D or TEXTURE_BINDING_CUBE_MAP must be followed by a valid texture unit" - ); - boundValues.push(null, null); - break; - } - if (!activeTexture) { - activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); - } - gl.activeTexture(textureUnit); - boundValues.push(gl.getParameter(binding), null); - break; - case gl.ACTIVE_TEXTURE: - activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); - boundValues.push(null); - break; - default: - boundValues.push(gl.getParameter(binding)); - break; - } - } - callback(gl); - for (var i = 0; i < bindings.length; ++i) { - var binding = bindings[i]; - var boundValue = boundValues[i]; - switch (binding) { - case gl.ACTIVE_TEXTURE: - break; - case gl.ARRAY_BUFFER_BINDING: - gl.bindBuffer(gl.ARRAY_BUFFER, boundValue); - break; - case gl.COLOR_CLEAR_VALUE: - gl.clearColor( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.COLOR_WRITEMASK: - gl.colorMask( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.CURRENT_PROGRAM: - gl.useProgram(boundValue); - break; - case gl.ELEMENT_ARRAY_BUFFER_BINDING: - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, boundValue); - break; - case gl.FRAMEBUFFER_BINDING: - gl.bindFramebuffer(gl.FRAMEBUFFER, boundValue); - break; - case gl.RENDERBUFFER_BINDING: - gl.bindRenderbuffer(gl.RENDERBUFFER, boundValue); - break; - case gl.TEXTURE_BINDING_2D: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) - break; - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, boundValue); - break; - case gl.TEXTURE_BINDING_CUBE_MAP: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) - break; - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_CUBE_MAP, boundValue); - break; - case gl.VIEWPORT: - gl.viewport( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.BLEND: - case gl.CULL_FACE: - case gl.DEPTH_TEST: - case gl.SCISSOR_TEST: - case gl.STENCIL_TEST: - if (boundValue) { - gl.enable(binding); - } else { - gl.disable(binding); - } - break; - default: - console.log( - "No GL restore behavior for 0x" + binding.toString(16) - ); - break; - } - if (activeTexture) { - gl.activeTexture(activeTexture); - } - } - } - var glPreserveState = WGLUPreserveGLState; - var distortionVS = [ - "attribute vec2 position;", - "attribute vec3 texCoord;", - "varying vec2 vTexCoord;", - "uniform vec4 viewportOffsetScale[2];", - "void main() {", - " vec4 viewport = viewportOffsetScale[int(texCoord.z)];", - " vTexCoord = (texCoord.xy * viewport.zw) + viewport.xy;", - " gl_Position = vec4( position, 1.0, 1.0 );", - "}", - ].join("\n"); - var distortionFS = [ - "precision mediump float;", - "uniform sampler2D diffuse;", - "varying vec2 vTexCoord;", - "void main() {", - " gl_FragColor = texture2D(diffuse, vTexCoord);", - "}", - ].join("\n"); - function CardboardDistorter( - gl, - cardboardUI, - bufferScale, - dirtySubmitFrameBindings - ) { - this.gl = gl; - this.cardboardUI = cardboardUI; - this.bufferScale = bufferScale; - this.dirtySubmitFrameBindings = dirtySubmitFrameBindings; - this.ctxAttribs = gl.getContextAttributes(); - this.meshWidth = 20; - this.meshHeight = 20; - this.bufferWidth = gl.drawingBufferWidth; - this.bufferHeight = gl.drawingBufferHeight; - this.realBindFramebuffer = gl.bindFramebuffer; - this.realEnable = gl.enable; - this.realDisable = gl.disable; - this.realColorMask = gl.colorMask; - this.realClearColor = gl.clearColor; - this.realViewport = gl.viewport; - if (!isIOS()) { - this.realCanvasWidth = Object.getOwnPropertyDescriptor( - gl.canvas.__proto__, - "width" - ); - this.realCanvasHeight = Object.getOwnPropertyDescriptor( - gl.canvas.__proto__, - "height" - ); - } - this.isPatched = false; - this.lastBoundFramebuffer = null; - this.cullFace = false; - this.depthTest = false; - this.blend = false; - this.scissorTest = false; - this.stencilTest = false; - this.viewport = [0, 0, 0, 0]; - this.colorMask = [true, true, true, true]; - this.clearColor = [0, 0, 0, 0]; - this.attribs = { - position: 0, - texCoord: 1, - }; - this.program = linkProgram( - gl, - distortionVS, - distortionFS, - this.attribs - ); - this.uniforms = getProgramUniforms(gl, this.program); - this.viewportOffsetScale = new Float32Array(8); - this.setTextureBounds(); - this.vertexBuffer = gl.createBuffer(); - this.indexBuffer = gl.createBuffer(); - this.indexCount = 0; - this.renderTarget = gl.createTexture(); - this.framebuffer = gl.createFramebuffer(); - this.depthStencilBuffer = null; - this.depthBuffer = null; - this.stencilBuffer = null; - if (this.ctxAttribs.depth && this.ctxAttribs.stencil) { - this.depthStencilBuffer = gl.createRenderbuffer(); - } else if (this.ctxAttribs.depth) { - this.depthBuffer = gl.createRenderbuffer(); - } else if (this.ctxAttribs.stencil) { - this.stencilBuffer = gl.createRenderbuffer(); - } - this.patch(); - this.onResize(); - } - CardboardDistorter.prototype.destroy = function () { - var gl = this.gl; - this.unpatch(); - gl.deleteProgram(this.program); - gl.deleteBuffer(this.vertexBuffer); - gl.deleteBuffer(this.indexBuffer); - gl.deleteTexture(this.renderTarget); - gl.deleteFramebuffer(this.framebuffer); - if (this.depthStencilBuffer) { - gl.deleteRenderbuffer(this.depthStencilBuffer); - } - if (this.depthBuffer) { - gl.deleteRenderbuffer(this.depthBuffer); - } - if (this.stencilBuffer) { - gl.deleteRenderbuffer(this.stencilBuffer); - } - if (this.cardboardUI) { - this.cardboardUI.destroy(); - } - }; - CardboardDistorter.prototype.onResize = function () { - var gl = this.gl; - var self = this; - var glState = [ - gl.RENDERBUFFER_BINDING, - gl.TEXTURE_BINDING_2D, - gl.TEXTURE0, - ]; - glPreserveState(gl, glState, function (gl) { - self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); - if (self.scissorTest) { - self.realDisable.call(gl, gl.SCISSOR_TEST); - } - self.realColorMask.call(gl, true, true, true, true); - self.realViewport.call( - gl, - 0, - 0, - gl.drawingBufferWidth, - gl.drawingBufferHeight - ); - self.realClearColor.call(gl, 0, 0, 0, 1); - gl.clear(gl.COLOR_BUFFER_BIT); - self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, self.framebuffer); - gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); - gl.texImage2D( - gl.TEXTURE_2D, - 0, - self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, - self.bufferWidth, - self.bufferHeight, - 0, - self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, - gl.UNSIGNED_BYTE, - null - ); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); - gl.texParameteri( - gl.TEXTURE_2D, - gl.TEXTURE_WRAP_S, - gl.CLAMP_TO_EDGE - ); - gl.texParameteri( - gl.TEXTURE_2D, - gl.TEXTURE_WRAP_T, - gl.CLAMP_TO_EDGE - ); - gl.framebufferTexture2D( - gl.FRAMEBUFFER, - gl.COLOR_ATTACHMENT0, - gl.TEXTURE_2D, - self.renderTarget, - 0 - ); - if (self.ctxAttribs.depth && self.ctxAttribs.stencil) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthStencilBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.DEPTH_STENCIL, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.DEPTH_STENCIL_ATTACHMENT, - gl.RENDERBUFFER, - self.depthStencilBuffer - ); - } else if (self.ctxAttribs.depth) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.DEPTH_COMPONENT16, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.DEPTH_ATTACHMENT, - gl.RENDERBUFFER, - self.depthBuffer - ); - } else if (self.ctxAttribs.stencil) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.stencilBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.STENCIL_INDEX8, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.STENCIL_ATTACHMENT, - gl.RENDERBUFFER, - self.stencilBuffer - ); - } - if ( - !gl.checkFramebufferStatus(gl.FRAMEBUFFER) === - gl.FRAMEBUFFER_COMPLETE - ) { - console.error("Framebuffer incomplete!"); - } - self.realBindFramebuffer.call( - gl, - gl.FRAMEBUFFER, - self.lastBoundFramebuffer - ); - if (self.scissorTest) { - self.realEnable.call(gl, gl.SCISSOR_TEST); - } - self.realColorMask.apply(gl, self.colorMask); - self.realViewport.apply(gl, self.viewport); - self.realClearColor.apply(gl, self.clearColor); - }); - if (this.cardboardUI) { - this.cardboardUI.onResize(); - } - }; - CardboardDistorter.prototype.patch = function () { - if (this.isPatched) { - return; - } - var self = this; - var canvas = this.gl.canvas; - var gl = this.gl; - if (!isIOS()) { - canvas.width = getScreenWidth() * this.bufferScale; - canvas.height = getScreenHeight() * this.bufferScale; - Object.defineProperty(canvas, "width", { - configurable: true, - enumerable: true, - get: function get() { - return self.bufferWidth; - }, - set: function set(value) { - self.bufferWidth = value; - self.realCanvasWidth.set.call(canvas, value); - self.onResize(); - }, - }); - Object.defineProperty(canvas, "height", { - configurable: true, - enumerable: true, - get: function get() { - return self.bufferHeight; - }, - set: function set(value) { - self.bufferHeight = value; - self.realCanvasHeight.set.call(canvas, value); - self.onResize(); - }, - }); - } - this.lastBoundFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING); - if (this.lastBoundFramebuffer == null) { - this.lastBoundFramebuffer = this.framebuffer; - this.gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer); - } - this.gl.bindFramebuffer = function (target, framebuffer) { - self.lastBoundFramebuffer = framebuffer - ? framebuffer - : self.framebuffer; - self.realBindFramebuffer.call( - gl, - target, - self.lastBoundFramebuffer - ); - }; - this.cullFace = gl.getParameter(gl.CULL_FACE); - this.depthTest = gl.getParameter(gl.DEPTH_TEST); - this.blend = gl.getParameter(gl.BLEND); - this.scissorTest = gl.getParameter(gl.SCISSOR_TEST); - this.stencilTest = gl.getParameter(gl.STENCIL_TEST); - gl.enable = function (pname) { - switch (pname) { - case gl.CULL_FACE: - self.cullFace = true; - break; - case gl.DEPTH_TEST: - self.depthTest = true; - break; - case gl.BLEND: - self.blend = true; - break; - case gl.SCISSOR_TEST: - self.scissorTest = true; - break; - case gl.STENCIL_TEST: - self.stencilTest = true; - break; - } - self.realEnable.call(gl, pname); - }; - gl.disable = function (pname) { - switch (pname) { - case gl.CULL_FACE: - self.cullFace = false; - break; - case gl.DEPTH_TEST: - self.depthTest = false; - break; - case gl.BLEND: - self.blend = false; - break; - case gl.SCISSOR_TEST: - self.scissorTest = false; - break; - case gl.STENCIL_TEST: - self.stencilTest = false; - break; - } - self.realDisable.call(gl, pname); - }; - this.colorMask = gl.getParameter(gl.COLOR_WRITEMASK); - gl.colorMask = function (r, g, b, a) { - self.colorMask[0] = r; - self.colorMask[1] = g; - self.colorMask[2] = b; - self.colorMask[3] = a; - self.realColorMask.call(gl, r, g, b, a); - }; - this.clearColor = gl.getParameter(gl.COLOR_CLEAR_VALUE); - gl.clearColor = function (r, g, b, a) { - self.clearColor[0] = r; - self.clearColor[1] = g; - self.clearColor[2] = b; - self.clearColor[3] = a; - self.realClearColor.call(gl, r, g, b, a); - }; - this.viewport = gl.getParameter(gl.VIEWPORT); - gl.viewport = function (x, y, w, h) { - self.viewport[0] = x; - self.viewport[1] = y; - self.viewport[2] = w; - self.viewport[3] = h; - self.realViewport.call(gl, x, y, w, h); - }; - this.isPatched = true; - safariCssSizeWorkaround(canvas); - }; - CardboardDistorter.prototype.unpatch = function () { - if (!this.isPatched) { - return; - } - var gl = this.gl; - var canvas = this.gl.canvas; - if (!isIOS()) { - Object.defineProperty(canvas, "width", this.realCanvasWidth); - Object.defineProperty(canvas, "height", this.realCanvasHeight); - } - canvas.width = this.bufferWidth; - canvas.height = this.bufferHeight; - gl.bindFramebuffer = this.realBindFramebuffer; - gl.enable = this.realEnable; - gl.disable = this.realDisable; - gl.colorMask = this.realColorMask; - gl.clearColor = this.realClearColor; - gl.viewport = this.realViewport; - if (this.lastBoundFramebuffer == this.framebuffer) { - gl.bindFramebuffer(gl.FRAMEBUFFER, null); - } - this.isPatched = false; - setTimeout(function () { - safariCssSizeWorkaround(canvas); - }, 1); - }; - CardboardDistorter.prototype.setTextureBounds = function ( - leftBounds, - rightBounds - ) { - if (!leftBounds) { - leftBounds = [0, 0, 0.5, 1]; - } - if (!rightBounds) { - rightBounds = [0.5, 0, 0.5, 1]; - } - this.viewportOffsetScale[0] = leftBounds[0]; - this.viewportOffsetScale[1] = leftBounds[1]; - this.viewportOffsetScale[2] = leftBounds[2]; - this.viewportOffsetScale[3] = leftBounds[3]; - this.viewportOffsetScale[4] = rightBounds[0]; - this.viewportOffsetScale[5] = rightBounds[1]; - this.viewportOffsetScale[6] = rightBounds[2]; - this.viewportOffsetScale[7] = rightBounds[3]; - }; - CardboardDistorter.prototype.submitFrame = function () { - var gl = this.gl; - var self = this; - var glState = []; - if (!this.dirtySubmitFrameBindings) { - glState.push( - gl.CURRENT_PROGRAM, - gl.ARRAY_BUFFER_BINDING, - gl.ELEMENT_ARRAY_BUFFER_BINDING, - gl.TEXTURE_BINDING_2D, - gl.TEXTURE0 - ); - } - glPreserveState(gl, glState, function (gl) { - self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); - if (self.cullFace) { - self.realDisable.call(gl, gl.CULL_FACE); - } - if (self.depthTest) { - self.realDisable.call(gl, gl.DEPTH_TEST); - } - if (self.blend) { - self.realDisable.call(gl, gl.BLEND); - } - if (self.scissorTest) { - self.realDisable.call(gl, gl.SCISSOR_TEST); - } - if (self.stencilTest) { - self.realDisable.call(gl, gl.STENCIL_TEST); - } - self.realColorMask.call(gl, true, true, true, true); - self.realViewport.call( - gl, - 0, - 0, - gl.drawingBufferWidth, - gl.drawingBufferHeight - ); - if (self.ctxAttribs.alpha || isIOS()) { - self.realClearColor.call(gl, 0, 0, 0, 1); - gl.clear(gl.COLOR_BUFFER_BIT); - } - gl.useProgram(self.program); - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.enableVertexAttribArray(self.attribs.position); - gl.enableVertexAttribArray(self.attribs.texCoord); - gl.vertexAttribPointer( - self.attribs.position, - 2, - gl.FLOAT, - false, - 20, - 0 - ); - gl.vertexAttribPointer( - self.attribs.texCoord, - 3, - gl.FLOAT, - false, - 20, - 8 - ); - gl.activeTexture(gl.TEXTURE0); - gl.uniform1i(self.uniforms.diffuse, 0); - gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); - gl.uniform4fv( - self.uniforms.viewportOffsetScale, - self.viewportOffsetScale - ); - gl.drawElements( - gl.TRIANGLES, - self.indexCount, - gl.UNSIGNED_SHORT, - 0 - ); - if (self.cardboardUI) { - self.cardboardUI.renderNoState(); - } - self.realBindFramebuffer.call( - self.gl, - gl.FRAMEBUFFER, - self.framebuffer - ); - if (!self.ctxAttribs.preserveDrawingBuffer) { - self.realClearColor.call(gl, 0, 0, 0, 0); - gl.clear(gl.COLOR_BUFFER_BIT); - } - if (!self.dirtySubmitFrameBindings) { - self.realBindFramebuffer.call( - gl, - gl.FRAMEBUFFER, - self.lastBoundFramebuffer - ); - } - if (self.cullFace) { - self.realEnable.call(gl, gl.CULL_FACE); - } - if (self.depthTest) { - self.realEnable.call(gl, gl.DEPTH_TEST); - } - if (self.blend) { - self.realEnable.call(gl, gl.BLEND); - } - if (self.scissorTest) { - self.realEnable.call(gl, gl.SCISSOR_TEST); - } - if (self.stencilTest) { - self.realEnable.call(gl, gl.STENCIL_TEST); - } - self.realColorMask.apply(gl, self.colorMask); - self.realViewport.apply(gl, self.viewport); - if ( - self.ctxAttribs.alpha || - !self.ctxAttribs.preserveDrawingBuffer - ) { - self.realClearColor.apply(gl, self.clearColor); - } - }); - if (isIOS()) { - var canvas = gl.canvas; - if ( - canvas.width != self.bufferWidth || - canvas.height != self.bufferHeight - ) { - self.bufferWidth = canvas.width; - self.bufferHeight = canvas.height; - self.onResize(); - } - } - }; - CardboardDistorter.prototype.updateDeviceInfo = function (deviceInfo) { - var gl = this.gl; - var self = this; - var glState = [ - gl.ARRAY_BUFFER_BINDING, - gl.ELEMENT_ARRAY_BUFFER_BINDING, - ]; - glPreserveState(gl, glState, function (gl) { - var vertices = self.computeMeshVertices_( - self.meshWidth, - self.meshHeight, - deviceInfo - ); - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW); - if (!self.indexCount) { - var indices = self.computeMeshIndices_( - self.meshWidth, - self.meshHeight - ); - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); - gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW); - self.indexCount = indices.length; - } - }); - }; - CardboardDistorter.prototype.computeMeshVertices_ = function ( - width, - height, - deviceInfo - ) { - var vertices = new Float32Array(2 * width * height * 5); - var lensFrustum = deviceInfo.getLeftEyeVisibleTanAngles(); - var noLensFrustum = deviceInfo.getLeftEyeNoLensTanAngles(); - var viewport = deviceInfo.getLeftEyeVisibleScreenRect(noLensFrustum); - var vidx = 0; - for (var e = 0; e < 2; e++) { - for (var j = 0; j < height; j++) { - for (var i = 0; i < width; i++, vidx++) { - var u = i / (width - 1); - var v = j / (height - 1); - var s = u; - var t = v; - var x = lerp(lensFrustum[0], lensFrustum[2], u); - var y = lerp(lensFrustum[3], lensFrustum[1], v); - var d = Math.sqrt(x * x + y * y); - var r = deviceInfo.distortion.distortInverse(d); - var p = (x * r) / d; - var q = (y * r) / d; - u = - (p - noLensFrustum[0]) / - (noLensFrustum[2] - noLensFrustum[0]); - v = - (q - noLensFrustum[3]) / - (noLensFrustum[1] - noLensFrustum[3]); - u = (viewport.x + u * viewport.width - 0.5) * 2.0; - v = (viewport.y + v * viewport.height - 0.5) * 2.0; - vertices[vidx * 5 + 0] = u; - vertices[vidx * 5 + 1] = v; - vertices[vidx * 5 + 2] = s; - vertices[vidx * 5 + 3] = t; - vertices[vidx * 5 + 4] = e; - } - } - var w = lensFrustum[2] - lensFrustum[0]; - lensFrustum[0] = -(w + lensFrustum[0]); - lensFrustum[2] = w - lensFrustum[2]; - w = noLensFrustum[2] - noLensFrustum[0]; - noLensFrustum[0] = -(w + noLensFrustum[0]); - noLensFrustum[2] = w - noLensFrustum[2]; - viewport.x = 1 - (viewport.x + viewport.width); - } - return vertices; - }; - CardboardDistorter.prototype.computeMeshIndices_ = function ( - width, - height - ) { - var indices = new Uint16Array(2 * (width - 1) * (height - 1) * 6); - var halfwidth = width / 2; - var halfheight = height / 2; - var vidx = 0; - var iidx = 0; - for (var e = 0; e < 2; e++) { - for (var j = 0; j < height; j++) { - for (var i = 0; i < width; i++, vidx++) { - if (i == 0 || j == 0) continue; - if (i <= halfwidth == j <= halfheight) { - indices[iidx++] = vidx; - indices[iidx++] = vidx - width - 1; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx - width - 1; - indices[iidx++] = vidx; - indices[iidx++] = vidx - 1; - } else { - indices[iidx++] = vidx - 1; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx - 1; - indices[iidx++] = vidx - width - 1; - } - } - } - } - return indices; - }; - CardboardDistorter.prototype.getOwnPropertyDescriptor_ = function ( - proto, - attrName - ) { - var descriptor = Object.getOwnPropertyDescriptor(proto, attrName); - if (descriptor.get === undefined || descriptor.set === undefined) { - descriptor.configurable = true; - descriptor.enumerable = true; - descriptor.get = function () { - return this.getAttribute(attrName); - }; - descriptor.set = function (val) { - this.setAttribute(attrName, val); - }; - } - return descriptor; - }; - var uiVS = [ - "attribute vec2 position;", - "uniform mat4 projectionMat;", - "void main() {", - " gl_Position = projectionMat * vec4( position, -1.0, 1.0 );", - "}", - ].join("\n"); - var uiFS = [ - "precision mediump float;", - "uniform vec4 color;", - "void main() {", - " gl_FragColor = color;", - "}", - ].join("\n"); - var DEG2RAD = Math.PI / 180.0; - var kAnglePerGearSection = 60; - var kOuterRimEndAngle = 12; - var kInnerRimBeginAngle = 20; - var kOuterRadius = 1; - var kMiddleRadius = 0.75; - var kInnerRadius = 0.3125; - var kCenterLineThicknessDp = 4; - var kButtonWidthDp = 28; - var kTouchSlopFactor = 1.5; - function CardboardUI(gl) { - this.gl = gl; - this.attribs = { - position: 0, - }; - this.program = linkProgram(gl, uiVS, uiFS, this.attribs); - this.uniforms = getProgramUniforms(gl, this.program); - this.vertexBuffer = gl.createBuffer(); - this.gearOffset = 0; - this.gearVertexCount = 0; - this.arrowOffset = 0; - this.arrowVertexCount = 0; - this.projMat = new Float32Array(16); - this.listener = null; - this.onResize(); - } - CardboardUI.prototype.destroy = function () { - var gl = this.gl; - if (this.listener) { - gl.canvas.removeEventListener("click", this.listener, false); - } - gl.deleteProgram(this.program); - gl.deleteBuffer(this.vertexBuffer); - }; - CardboardUI.prototype.listen = function ( - optionsCallback, - backCallback - ) { - var canvas = this.gl.canvas; - this.listener = function (event) { - var midline = canvas.clientWidth / 2; - var buttonSize = kButtonWidthDp * kTouchSlopFactor; - if ( - event.clientX > midline - buttonSize && - event.clientX < midline + buttonSize && - event.clientY > canvas.clientHeight - buttonSize - ) { - optionsCallback(event); - } else if ( - event.clientX < buttonSize && - event.clientY < buttonSize - ) { - backCallback(event); - } - }; - canvas.addEventListener("click", this.listener, false); - }; - CardboardUI.prototype.onResize = function () { - var gl = this.gl; - var self = this; - var glState = [gl.ARRAY_BUFFER_BINDING]; - glPreserveState(gl, glState, function (gl) { - var vertices = []; - var midline = gl.drawingBufferWidth / 2; - var physicalPixels = - Math.max(screen.width, screen.height) * window.devicePixelRatio; - var scalingRatio = gl.drawingBufferWidth / physicalPixels; - var dps = scalingRatio * window.devicePixelRatio; - var lineWidth = (kCenterLineThicknessDp * dps) / 2; - var buttonSize = kButtonWidthDp * kTouchSlopFactor * dps; - var buttonScale = (kButtonWidthDp * dps) / 2; - var buttonBorder = - (kButtonWidthDp * kTouchSlopFactor - kButtonWidthDp) * dps; - vertices.push(midline - lineWidth, buttonSize); - vertices.push(midline - lineWidth, gl.drawingBufferHeight); - vertices.push(midline + lineWidth, buttonSize); - vertices.push(midline + lineWidth, gl.drawingBufferHeight); - self.gearOffset = vertices.length / 2; - function addGearSegment(theta, r) { - var angle = (90 - theta) * DEG2RAD; - var x = Math.cos(angle); - var y = Math.sin(angle); - vertices.push( - kInnerRadius * x * buttonScale + midline, - kInnerRadius * y * buttonScale + buttonScale - ); - vertices.push( - r * x * buttonScale + midline, - r * y * buttonScale + buttonScale - ); - } - for (var i = 0; i <= 6; i++) { - var segmentTheta = i * kAnglePerGearSection; - addGearSegment(segmentTheta, kOuterRadius); - addGearSegment(segmentTheta + kOuterRimEndAngle, kOuterRadius); - addGearSegment(segmentTheta + kInnerRimBeginAngle, kMiddleRadius); - addGearSegment( - segmentTheta + (kAnglePerGearSection - kInnerRimBeginAngle), - kMiddleRadius - ); - addGearSegment( - segmentTheta + (kAnglePerGearSection - kOuterRimEndAngle), - kOuterRadius - ); - } - self.gearVertexCount = vertices.length / 2 - self.gearOffset; - self.arrowOffset = vertices.length / 2; - function addArrowVertex(x, y) { - vertices.push( - buttonBorder + x, - gl.drawingBufferHeight - buttonBorder - y - ); - } - var angledLineWidth = lineWidth / Math.sin(45 * DEG2RAD); - addArrowVertex(0, buttonScale); - addArrowVertex(buttonScale, 0); - addArrowVertex(buttonScale + angledLineWidth, angledLineWidth); - addArrowVertex(angledLineWidth, buttonScale + angledLineWidth); - addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); - addArrowVertex(0, buttonScale); - addArrowVertex(buttonScale, buttonScale * 2); - addArrowVertex( - buttonScale + angledLineWidth, - buttonScale * 2 - angledLineWidth - ); - addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); - addArrowVertex(0, buttonScale); - addArrowVertex(angledLineWidth, buttonScale - lineWidth); - addArrowVertex(kButtonWidthDp * dps, buttonScale - lineWidth); - addArrowVertex(angledLineWidth, buttonScale + lineWidth); - addArrowVertex(kButtonWidthDp * dps, buttonScale + lineWidth); - self.arrowVertexCount = vertices.length / 2 - self.arrowOffset; - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.bufferData( - gl.ARRAY_BUFFER, - new Float32Array(vertices), - gl.STATIC_DRAW - ); - }); - }; - CardboardUI.prototype.render = function () { - var gl = this.gl; - var self = this; - var glState = [ - gl.CULL_FACE, - gl.DEPTH_TEST, - gl.BLEND, - gl.SCISSOR_TEST, - gl.STENCIL_TEST, - gl.COLOR_WRITEMASK, - gl.VIEWPORT, - gl.CURRENT_PROGRAM, - gl.ARRAY_BUFFER_BINDING, - ]; - glPreserveState(gl, glState, function (gl) { - gl.disable(gl.CULL_FACE); - gl.disable(gl.DEPTH_TEST); - gl.disable(gl.BLEND); - gl.disable(gl.SCISSOR_TEST); - gl.disable(gl.STENCIL_TEST); - gl.colorMask(true, true, true, true); - gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); - self.renderNoState(); - }); - }; - CardboardUI.prototype.renderNoState = function () { - var gl = this.gl; - gl.useProgram(this.program); - gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer); - gl.enableVertexAttribArray(this.attribs.position); - gl.vertexAttribPointer( - this.attribs.position, - 2, - gl.FLOAT, - false, - 8, - 0 - ); - gl.uniform4f(this.uniforms.color, 1.0, 1.0, 1.0, 1.0); - orthoMatrix( - this.projMat, - 0, - gl.drawingBufferWidth, - 0, - gl.drawingBufferHeight, - 0.1, - 1024.0 - ); - gl.uniformMatrix4fv(this.uniforms.projectionMat, false, this.projMat); - gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); - gl.drawArrays( - gl.TRIANGLE_STRIP, - this.gearOffset, - this.gearVertexCount - ); - gl.drawArrays( - gl.TRIANGLE_STRIP, - this.arrowOffset, - this.arrowVertexCount - ); - }; - function Distortion(coefficients) { - this.coefficients = coefficients; - } - Distortion.prototype.distortInverse = function (radius) { - var r0 = 0; - var r1 = 1; - var dr0 = radius - this.distort(r0); - while (Math.abs(r1 - r0) > 0.0001) { - var dr1 = radius - this.distort(r1); - var r2 = r1 - dr1 * ((r1 - r0) / (dr1 - dr0)); - r0 = r1; - r1 = r2; - dr0 = dr1; - } - return r1; - }; - Distortion.prototype.distort = function (radius) { - var r2 = radius * radius; - var ret = 0; - for (var i = 0; i < this.coefficients.length; i++) { - ret = r2 * (ret + this.coefficients[i]); - } - return (ret + 1) * radius; - }; - var degToRad = Math.PI / 180; - var radToDeg = 180 / Math.PI; - var Vector3 = function Vector3(x, y, z) { - this.x = x || 0; - this.y = y || 0; - this.z = z || 0; - }; - Vector3.prototype = { - constructor: Vector3, - set: function set(x, y, z) { - this.x = x; - this.y = y; - this.z = z; - return this; - }, - copy: function copy(v) { - this.x = v.x; - this.y = v.y; - this.z = v.z; - return this; - }, - length: function length() { - return Math.sqrt( - this.x * this.x + this.y * this.y + this.z * this.z - ); - }, - normalize: function normalize() { - var scalar = this.length(); - if (scalar !== 0) { - var invScalar = 1 / scalar; - this.multiplyScalar(invScalar); - } else { - this.x = 0; - this.y = 0; - this.z = 0; - } - return this; - }, - multiplyScalar: function multiplyScalar(scalar) { - this.x *= scalar; - this.y *= scalar; - this.z *= scalar; - }, - applyQuaternion: function applyQuaternion(q) { - var x = this.x; - var y = this.y; - var z = this.z; - var qx = q.x; - var qy = q.y; - var qz = q.z; - var qw = q.w; - var ix = qw * x + qy * z - qz * y; - var iy = qw * y + qz * x - qx * z; - var iz = qw * z + qx * y - qy * x; - var iw = -qx * x - qy * y - qz * z; - this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy; - this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz; - this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx; - return this; - }, - dot: function dot(v) { - return this.x * v.x + this.y * v.y + this.z * v.z; - }, - crossVectors: function crossVectors(a, b) { - var ax = a.x, - ay = a.y, - az = a.z; - var bx = b.x, - by = b.y, - bz = b.z; - this.x = ay * bz - az * by; - this.y = az * bx - ax * bz; - this.z = ax * by - ay * bx; - return this; - }, - }; - var Quaternion = function Quaternion(x, y, z, w) { - this.x = x || 0; - this.y = y || 0; - this.z = z || 0; - this.w = w !== undefined ? w : 1; - }; - Quaternion.prototype = { - constructor: Quaternion, - set: function set(x, y, z, w) { - this.x = x; - this.y = y; - this.z = z; - this.w = w; - return this; - }, - copy: function copy(quaternion) { - this.x = quaternion.x; - this.y = quaternion.y; - this.z = quaternion.z; - this.w = quaternion.w; - return this; - }, - setFromEulerXYZ: function setFromEulerXYZ(x, y, z) { - var c1 = Math.cos(x / 2); - var c2 = Math.cos(y / 2); - var c3 = Math.cos(z / 2); - var s1 = Math.sin(x / 2); - var s2 = Math.sin(y / 2); - var s3 = Math.sin(z / 2); - this.x = s1 * c2 * c3 + c1 * s2 * s3; - this.y = c1 * s2 * c3 - s1 * c2 * s3; - this.z = c1 * c2 * s3 + s1 * s2 * c3; - this.w = c1 * c2 * c3 - s1 * s2 * s3; - return this; - }, - setFromEulerYXZ: function setFromEulerYXZ(x, y, z) { - var c1 = Math.cos(x / 2); - var c2 = Math.cos(y / 2); - var c3 = Math.cos(z / 2); - var s1 = Math.sin(x / 2); - var s2 = Math.sin(y / 2); - var s3 = Math.sin(z / 2); - this.x = s1 * c2 * c3 + c1 * s2 * s3; - this.y = c1 * s2 * c3 - s1 * c2 * s3; - this.z = c1 * c2 * s3 - s1 * s2 * c3; - this.w = c1 * c2 * c3 + s1 * s2 * s3; - return this; - }, - setFromAxisAngle: function setFromAxisAngle(axis, angle) { - var halfAngle = angle / 2, - s = Math.sin(halfAngle); - this.x = axis.x * s; - this.y = axis.y * s; - this.z = axis.z * s; - this.w = Math.cos(halfAngle); - return this; - }, - multiply: function multiply(q) { - return this.multiplyQuaternions(this, q); - }, - multiplyQuaternions: function multiplyQuaternions(a, b) { - var qax = a.x, - qay = a.y, - qaz = a.z, - qaw = a.w; - var qbx = b.x, - qby = b.y, - qbz = b.z, - qbw = b.w; - this.x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; - this.y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; - this.z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; - this.w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; - return this; - }, - inverse: function inverse() { - this.x *= -1; - this.y *= -1; - this.z *= -1; - this.normalize(); - return this; - }, - normalize: function normalize() { - var l = Math.sqrt( - this.x * this.x + - this.y * this.y + - this.z * this.z + - this.w * this.w - ); - if (l === 0) { - this.x = 0; - this.y = 0; - this.z = 0; - this.w = 1; - } else { - l = 1 / l; - this.x = this.x * l; - this.y = this.y * l; - this.z = this.z * l; - this.w = this.w * l; - } - return this; - }, - slerp: function slerp(qb, t) { - if (t === 0) return this; - if (t === 1) return this.copy(qb); - var x = this.x, - y = this.y, - z = this.z, - w = this.w; - var cosHalfTheta = w * qb.w + x * qb.x + y * qb.y + z * qb.z; - if (cosHalfTheta < 0) { - this.w = -qb.w; - this.x = -qb.x; - this.y = -qb.y; - this.z = -qb.z; - cosHalfTheta = -cosHalfTheta; - } else { - this.copy(qb); - } - if (cosHalfTheta >= 1.0) { - this.w = w; - this.x = x; - this.y = y; - this.z = z; - return this; - } - var halfTheta = Math.acos(cosHalfTheta); - var sinHalfTheta = Math.sqrt(1.0 - cosHalfTheta * cosHalfTheta); - if (Math.abs(sinHalfTheta) < 0.001) { - this.w = 0.5 * (w + this.w); - this.x = 0.5 * (x + this.x); - this.y = 0.5 * (y + this.y); - this.z = 0.5 * (z + this.z); - return this; - } - var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, - ratioB = Math.sin(t * halfTheta) / sinHalfTheta; - this.w = w * ratioA + this.w * ratioB; - this.x = x * ratioA + this.x * ratioB; - this.y = y * ratioA + this.y * ratioB; - this.z = z * ratioA + this.z * ratioB; - return this; - }, - setFromUnitVectors: (function () { - var v1, r; - var EPS = 0.000001; - return function (vFrom, vTo) { - if (v1 === undefined) v1 = new Vector3(); - r = vFrom.dot(vTo) + 1; - if (r < EPS) { - r = 0; - if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) { - v1.set(-vFrom.y, vFrom.x, 0); - } else { - v1.set(0, -vFrom.z, vFrom.y); - } - } else { - v1.crossVectors(vFrom, vTo); - } - this.x = v1.x; - this.y = v1.y; - this.z = v1.z; - this.w = r; - this.normalize(); - return this; - }; - })(), - }; - function Device(params) { - this.width = params.width || getScreenWidth(); - this.height = params.height || getScreenHeight(); - this.widthMeters = params.widthMeters; - this.heightMeters = params.heightMeters; - this.bevelMeters = params.bevelMeters; - } - var DEFAULT_ANDROID = new Device({ - widthMeters: 0.11, - heightMeters: 0.062, - bevelMeters: 0.004, - }); - var DEFAULT_IOS = new Device({ - widthMeters: 0.1038, - heightMeters: 0.0584, - bevelMeters: 0.004, - }); - var Viewers = { - CardboardV1: new CardboardViewer({ - id: "CardboardV1", - label: "Cardboard I/O 2014", - fov: 40, - interLensDistance: 0.06, - baselineLensDistance: 0.035, - screenLensDistance: 0.042, - distortionCoefficients: [0.441, 0.156], - inverseCoefficients: [ - -0.4410035, 0.42756155, -0.4804439, 0.5460139, -0.58821183, - 0.5733938, -0.48303202, 0.33299083, -0.17573841, 0.0651772, - -0.01488963, 0.001559834, - ], - }), - CardboardV2: new CardboardViewer({ - id: "CardboardV2", - label: "Cardboard I/O 2015", - fov: 60, - interLensDistance: 0.064, - baselineLensDistance: 0.035, - screenLensDistance: 0.039, - distortionCoefficients: [0.34, 0.55], - inverseCoefficients: [ - -0.33836704, -0.18162185, 0.862655, -1.2462051, 1.0560602, - -0.58208317, 0.21609078, -0.05444823, 0.009177956, -9.904169e-4, - 6.183535e-5, -1.6981803e-6, - ], - }), - }; - function DeviceInfo(deviceParams) { - this.viewer = Viewers.CardboardV2; - this.updateDeviceParams(deviceParams); - this.distortion = new Distortion(this.viewer.distortionCoefficients); - } - DeviceInfo.prototype.updateDeviceParams = function (deviceParams) { - this.device = this.determineDevice_(deviceParams) || this.device; - }; - DeviceInfo.prototype.getDevice = function () { - return this.device; - }; - DeviceInfo.prototype.setViewer = function (viewer) { - this.viewer = viewer; - this.distortion = new Distortion(this.viewer.distortionCoefficients); - }; - DeviceInfo.prototype.determineDevice_ = function (deviceParams) { - if (!deviceParams) { - if (isIOS()) { - console.warn("Using fallback iOS device measurements."); - return DEFAULT_IOS; - } else { - console.warn("Using fallback Android device measurements."); - return DEFAULT_ANDROID; - } - } - var METERS_PER_INCH = 0.0254; - var metersPerPixelX = METERS_PER_INCH / deviceParams.xdpi; - var metersPerPixelY = METERS_PER_INCH / deviceParams.ydpi; - var width = getScreenWidth(); - var height = getScreenHeight(); - return new Device({ - widthMeters: metersPerPixelX * width, - heightMeters: metersPerPixelY * height, - bevelMeters: deviceParams.bevelMm * 0.001, - }); - }; - DeviceInfo.prototype.getDistortedFieldOfViewLeftEye = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var eyeToScreenDistance = viewer.screenLensDistance; - var outerDist = (device.widthMeters - viewer.interLensDistance) / 2; - var innerDist = viewer.interLensDistance / 2; - var bottomDist = viewer.baselineLensDistance - device.bevelMeters; - var topDist = device.heightMeters - bottomDist; - var outerAngle = - radToDeg * - Math.atan(distortion.distort(outerDist / eyeToScreenDistance)); - var innerAngle = - radToDeg * - Math.atan(distortion.distort(innerDist / eyeToScreenDistance)); - var bottomAngle = - radToDeg * - Math.atan(distortion.distort(bottomDist / eyeToScreenDistance)); - var topAngle = - radToDeg * - Math.atan(distortion.distort(topDist / eyeToScreenDistance)); - return { - leftDegrees: Math.min(outerAngle, viewer.fov), - rightDegrees: Math.min(innerAngle, viewer.fov), - downDegrees: Math.min(bottomAngle, viewer.fov), - upDegrees: Math.min(topAngle, viewer.fov), - }; - }; - DeviceInfo.prototype.getLeftEyeVisibleTanAngles = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var fovLeft = Math.tan(-degToRad * viewer.fov); - var fovTop = Math.tan(degToRad * viewer.fov); - var fovRight = Math.tan(degToRad * viewer.fov); - var fovBottom = Math.tan(-degToRad * viewer.fov); - var halfWidth = device.widthMeters / 4; - var halfHeight = device.heightMeters / 2; - var verticalLensOffset = - viewer.baselineLensDistance - device.bevelMeters - halfHeight; - var centerX = viewer.interLensDistance / 2 - halfWidth; - var centerY = -verticalLensOffset; - var centerZ = viewer.screenLensDistance; - var screenLeft = distortion.distort((centerX - halfWidth) / centerZ); - var screenTop = distortion.distort((centerY + halfHeight) / centerZ); - var screenRight = distortion.distort((centerX + halfWidth) / centerZ); - var screenBottom = distortion.distort( - (centerY - halfHeight) / centerZ - ); - var result = new Float32Array(4); - result[0] = Math.max(fovLeft, screenLeft); - result[1] = Math.min(fovTop, screenTop); - result[2] = Math.min(fovRight, screenRight); - result[3] = Math.max(fovBottom, screenBottom); - return result; - }; - DeviceInfo.prototype.getLeftEyeNoLensTanAngles = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var result = new Float32Array(4); - var fovLeft = distortion.distortInverse( - Math.tan(-degToRad * viewer.fov) - ); - var fovTop = distortion.distortInverse( - Math.tan(degToRad * viewer.fov) - ); - var fovRight = distortion.distortInverse( - Math.tan(degToRad * viewer.fov) - ); - var fovBottom = distortion.distortInverse( - Math.tan(-degToRad * viewer.fov) - ); - var halfWidth = device.widthMeters / 4; - var halfHeight = device.heightMeters / 2; - var verticalLensOffset = - viewer.baselineLensDistance - device.bevelMeters - halfHeight; - var centerX = viewer.interLensDistance / 2 - halfWidth; - var centerY = -verticalLensOffset; - var centerZ = viewer.screenLensDistance; - var screenLeft = (centerX - halfWidth) / centerZ; - var screenTop = (centerY + halfHeight) / centerZ; - var screenRight = (centerX + halfWidth) / centerZ; - var screenBottom = (centerY - halfHeight) / centerZ; - result[0] = Math.max(fovLeft, screenLeft); - result[1] = Math.min(fovTop, screenTop); - result[2] = Math.min(fovRight, screenRight); - result[3] = Math.max(fovBottom, screenBottom); - return result; - }; - DeviceInfo.prototype.getLeftEyeVisibleScreenRect = function ( - undistortedFrustum - ) { - var viewer = this.viewer; - var device = this.device; - var dist = viewer.screenLensDistance; - var eyeX = (device.widthMeters - viewer.interLensDistance) / 2; - var eyeY = viewer.baselineLensDistance - device.bevelMeters; - var left = (undistortedFrustum[0] * dist + eyeX) / device.widthMeters; - var top = (undistortedFrustum[1] * dist + eyeY) / device.heightMeters; - var right = - (undistortedFrustum[2] * dist + eyeX) / device.widthMeters; - var bottom = - (undistortedFrustum[3] * dist + eyeY) / device.heightMeters; - return { - x: left, - y: bottom, - width: right - left, - height: top - bottom, - }; - }; - DeviceInfo.prototype.getFieldOfViewLeftEye = function ( - opt_isUndistorted - ) { - return opt_isUndistorted - ? this.getUndistortedFieldOfViewLeftEye() - : this.getDistortedFieldOfViewLeftEye(); - }; - DeviceInfo.prototype.getFieldOfViewRightEye = function ( - opt_isUndistorted - ) { - var fov = this.getFieldOfViewLeftEye(opt_isUndistorted); - return { - leftDegrees: fov.rightDegrees, - rightDegrees: fov.leftDegrees, - upDegrees: fov.upDegrees, - downDegrees: fov.downDegrees, - }; - }; - DeviceInfo.prototype.getUndistortedFieldOfViewLeftEye = function () { - var p = this.getUndistortedParams_(); - return { - leftDegrees: radToDeg * Math.atan(p.outerDist), - rightDegrees: radToDeg * Math.atan(p.innerDist), - downDegrees: radToDeg * Math.atan(p.bottomDist), - upDegrees: radToDeg * Math.atan(p.topDist), - }; - }; - DeviceInfo.prototype.getUndistortedViewportLeftEye = function () { - var p = this.getUndistortedParams_(); - var viewer = this.viewer; - var device = this.device; - var eyeToScreenDistance = viewer.screenLensDistance; - var screenWidth = device.widthMeters / eyeToScreenDistance; - var screenHeight = device.heightMeters / eyeToScreenDistance; - var xPxPerTanAngle = device.width / screenWidth; - var yPxPerTanAngle = device.height / screenHeight; - var x = Math.round((p.eyePosX - p.outerDist) * xPxPerTanAngle); - var y = Math.round((p.eyePosY - p.bottomDist) * yPxPerTanAngle); - return { - x: x, - y: y, - width: Math.round((p.eyePosX + p.innerDist) * xPxPerTanAngle) - x, - height: Math.round((p.eyePosY + p.topDist) * yPxPerTanAngle) - y, - }; - }; - DeviceInfo.prototype.getUndistortedParams_ = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var eyeToScreenDistance = viewer.screenLensDistance; - var halfLensDistance = - viewer.interLensDistance / 2 / eyeToScreenDistance; - var screenWidth = device.widthMeters / eyeToScreenDistance; - var screenHeight = device.heightMeters / eyeToScreenDistance; - var eyePosX = screenWidth / 2 - halfLensDistance; - var eyePosY = - (viewer.baselineLensDistance - device.bevelMeters) / - eyeToScreenDistance; - var maxFov = viewer.fov; - var viewerMax = distortion.distortInverse( - Math.tan(degToRad * maxFov) - ); - var outerDist = Math.min(eyePosX, viewerMax); - var innerDist = Math.min(halfLensDistance, viewerMax); - var bottomDist = Math.min(eyePosY, viewerMax); - var topDist = Math.min(screenHeight - eyePosY, viewerMax); - return { - outerDist: outerDist, - innerDist: innerDist, - topDist: topDist, - bottomDist: bottomDist, - eyePosX: eyePosX, - eyePosY: eyePosY, - }; - }; - function CardboardViewer(params) { - this.id = params.id; - this.label = params.label; - this.fov = params.fov; - this.interLensDistance = params.interLensDistance; - this.baselineLensDistance = params.baselineLensDistance; - this.screenLensDistance = params.screenLensDistance; - this.distortionCoefficients = params.distortionCoefficients; - this.inverseCoefficients = params.inverseCoefficients; - } - DeviceInfo.Viewers = Viewers; - var format = 1; - var last_updated = "2018-02-20T22:55:10Z"; - var devices = [ - { - type: "android", - rules: [{ mdmh: "asus/*/Nexus 7/*" }, { ua: "Nexus 7" }], - dpi: [320.8, 323], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "asus/*/ASUS_Z00AD/*" }, { ua: "ASUS_Z00AD" }], - dpi: [403, 404.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Google/*/Pixel XL/*" }, { ua: "Pixel XL" }], - dpi: [537.9, 533], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Google/*/Pixel/*" }, { ua: "Pixel" }], - dpi: [432.6, 436.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC6435LVW/*" }, { ua: "HTC6435LVW" }], - dpi: [449.7, 443.3], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One XL/*" }, { ua: "HTC One XL" }], - dpi: [315.3, 314.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "htc/*/Nexus 9/*" }, { ua: "Nexus 9" }], - dpi: 289, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One M9/*" }, { ua: "HTC One M9" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One_M8/*" }, { ua: "HTC One_M8" }], - dpi: [449.7, 447.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One/*" }, { ua: "HTC One" }], - dpi: 472.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Huawei/*/Nexus 6P/*" }, { ua: "Nexus 6P" }], - dpi: [515.1, 518], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "LENOVO/*/Lenovo PB2-690Y/*" }, - { ua: "Lenovo PB2-690Y" }, - ], - dpi: [457.2, 454.713], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 5X/*" }, { ua: "Nexus 5X" }], - dpi: [422, 419.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGMS345/*" }, { ua: "LGMS345" }], - dpi: [221.7, 219.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-D800/*" }, { ua: "LG-D800" }], - dpi: [422, 424.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-D850/*" }, { ua: "LG-D850" }], - dpi: [537.9, 541.9], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/VS985 4G/*" }, { ua: "VS985 4G" }], - dpi: [537.9, 535.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 5/*" }, { ua: "Nexus 5 B" }], - dpi: [442.4, 444.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 4/*" }, { ua: "Nexus 4" }], - dpi: [319.8, 318.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-P769/*" }, { ua: "LG-P769" }], - dpi: [240.6, 247.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGMS323/*" }, { ua: "LGMS323" }], - dpi: [206.6, 204.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGLS996/*" }, { ua: "LGLS996" }], - dpi: [403.4, 401.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Micromax/*/4560MMX/*" }, { ua: "4560MMX" }], - dpi: [240, 219.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Micromax/*/A250/*" }, { ua: "Micromax A250" }], - dpi: [480, 446.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "Micromax/*/Micromax AQ4501/*" }, - { ua: "Micromax AQ4501" }, - ], - dpi: 240, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/G5/*" }, { ua: "Moto G (5) Plus" }], - dpi: [403.4, 403], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/DROID RAZR/*" }, { ua: "DROID RAZR" }], - dpi: [368.1, 256.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT830C/*" }, { ua: "XT830C" }], - dpi: [254, 255.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1021/*" }, { ua: "XT1021" }], - dpi: [254, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1023/*" }, { ua: "XT1023" }], - dpi: [254, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1028/*" }, { ua: "XT1028" }], - dpi: [326.6, 327.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1034/*" }, { ua: "XT1034" }], - dpi: [326.6, 328.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1053/*" }, { ua: "XT1053" }], - dpi: [315.3, 316.1], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1562/*" }, { ua: "XT1562" }], - dpi: [403.4, 402.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/Nexus 6/*" }, { ua: "Nexus 6 B" }], - dpi: [494.3, 489.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1063/*" }, { ua: "XT1063" }], - dpi: [295, 296.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1064/*" }, { ua: "XT1064" }], - dpi: [295, 295.6], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1092/*" }, { ua: "XT1092" }], - dpi: [422, 424.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1095/*" }, { ua: "XT1095" }], - dpi: [422, 423.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/G4/*" }, { ua: "Moto G (4)" }], - dpi: 401, - bw: 4, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/A0001/*" }, { ua: "A0001" }], - dpi: [403.4, 401], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/ONE E1005/*" }, { ua: "ONE E1005" }], - dpi: [442.4, 441.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/ONE A2005/*" }, { ua: "ONE A2005" }], - dpi: [391.9, 405.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "OnePlus/*/ONEPLUS A5000/*" }, - { ua: "ONEPLUS A5000 " }, - ], - dpi: [403.411, 399.737], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/ONE A5010/*" }, { ua: "ONEPLUS A5010" }], - dpi: [403, 400], - bw: 2, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OPPO/*/X909/*" }, { ua: "X909" }], - dpi: [442.4, 444.1], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9082/*" }, { ua: "GT-I9082" }], - dpi: [184.7, 185.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G360P/*" }, { ua: "SM-G360P" }], - dpi: [196.7, 205.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/Nexus S/*" }, { ua: "Nexus S" }], - dpi: [234.5, 229.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300/*" }, { ua: "GT-I9300" }], - dpi: [304.8, 303.9], - bw: 5, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-T230NU/*" }, { ua: "SM-T230NU" }], - dpi: 216, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SGH-T399/*" }, { ua: "SGH-T399" }], - dpi: [217.7, 231.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SGH-M919/*" }, { ua: "SGH-M919" }], - dpi: [440.8, 437.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N9005/*" }, { ua: "SM-N9005" }], - dpi: [386.4, 387], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/SAMSUNG-SM-N900A/*" }, - { ua: "SAMSUNG-SM-N900A" }, - ], - dpi: [386.4, 387.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9500/*" }, { ua: "GT-I9500" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9505/*" }, { ua: "GT-I9505" }], - dpi: 439.4, - bw: 4, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G900F/*" }, { ua: "SM-G900F" }], - dpi: [415.6, 431.6], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G900M/*" }, { ua: "SM-G900M" }], - dpi: [415.6, 431.6], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G800F/*" }, { ua: "SM-G800F" }], - dpi: 326.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G906S/*" }, { ua: "SM-G906S" }], - dpi: [562.7, 572.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300/*" }, { ua: "GT-I9300" }], - dpi: [306.7, 304.8], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-T535/*" }, { ua: "SM-T535" }], - dpi: [142.6, 136.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920C/*" }, { ua: "SM-N920C" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920P/*" }, { ua: "SM-N920P" }], - dpi: [386.3655, 390.144], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920W8/*" }, { ua: "SM-N920W8" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300I/*" }, { ua: "GT-I9300I" }], - dpi: [304.8, 305.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9195/*" }, { ua: "GT-I9195" }], - dpi: [249.4, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SPH-L520/*" }, { ua: "SPH-L520" }], - dpi: [249.4, 255.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/SAMSUNG-SGH-I717/*" }, - { ua: "SAMSUNG-SGH-I717" }, - ], - dpi: 285.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SPH-D710/*" }, { ua: "SPH-D710" }], - dpi: [217.7, 204.2], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-N7100/*" }, { ua: "GT-N7100" }], - dpi: 265.1, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SCH-I605/*" }, { ua: "SCH-I605" }], - dpi: 265.1, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/Galaxy Nexus/*" }, - { ua: "Galaxy Nexus" }, - ], - dpi: [315.3, 314.2], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N910H/*" }, { ua: "SM-N910H" }], - dpi: [515.1, 518], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N910C/*" }, { ua: "SM-N910C" }], - dpi: [515.2, 520.2], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G130M/*" }, { ua: "SM-G130M" }], - dpi: [165.9, 164.8], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G928I/*" }, { ua: "SM-G928I" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G920F/*" }, { ua: "SM-G920F" }], - dpi: 580.6, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G920P/*" }, { ua: "SM-G920P" }], - dpi: [522.5, 577], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G925F/*" }, { ua: "SM-G925F" }], - dpi: 580.6, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G925V/*" }, { ua: "SM-G925V" }], - dpi: [522.5, 576.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G930F/*" }, { ua: "SM-G930F" }], - dpi: 576.6, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G935F/*" }, { ua: "SM-G935F" }], - dpi: 533, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G950F/*" }, { ua: "SM-G950F" }], - dpi: [562.707, 565.293], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G955U/*" }, { ua: "SM-G955U" }], - dpi: [522.514, 525.762], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/C6903/*" }, { ua: "C6903" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/D6653/*" }, { ua: "D6653" }], - dpi: [428.6, 427.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/E6653/*" }, { ua: "E6653" }], - dpi: [428.6, 425.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/E6853/*" }, { ua: "E6853" }], - dpi: [403.4, 401.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/SGP321/*" }, { ua: "SGP321" }], - dpi: [224.7, 224.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [ - { mdmh: "TCT/*/ALCATEL ONE TOUCH Fierce/*" }, - { ua: "ALCATEL ONE TOUCH Fierce" }, - ], - dpi: [240, 247.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "THL/*/thl 5000/*" }, { ua: "thl 5000" }], - dpi: [480, 443.3], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Fly/*/IQ4412/*" }, { ua: "IQ4412" }], - dpi: 307.9, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "ZTE/*/ZTE Blade L2/*" }, { ua: "ZTE Blade L2" }], - dpi: 240, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "BENEVE/*/VR518/*" }, { ua: "VR518" }], - dpi: 480, - bw: 3, - ac: 500, - }, - { - type: "ios", - rules: [{ res: [640, 960] }], - dpi: [325.1, 328.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [640, 1136] }], - dpi: [317.1, 320.2], - bw: 3, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [750, 1334] }], - dpi: 326.4, - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1242, 2208] }], - dpi: [453.6, 458.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1125, 2001] }], - dpi: [410.9, 415.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1125, 2436] }], - dpi: 458, - bw: 4, - ac: 1000, - }, - ]; - var DPDB_CACHE = { - format: format, - last_updated: last_updated, - devices: devices, - }; - function Dpdb(url, onDeviceParamsUpdated) { - this.dpdb = DPDB_CACHE; - this.recalculateDeviceParams_(); - if (url) { - this.onDeviceParamsUpdated = onDeviceParamsUpdated; - var xhr = new XMLHttpRequest(); - var obj = this; - xhr.open("GET", url, true); - xhr.addEventListener("load", function () { - obj.loading = false; - if (xhr.status >= 200 && xhr.status <= 299) { - obj.dpdb = JSON.parse(xhr.response); - obj.recalculateDeviceParams_(); - } else { - console.error("Error loading online DPDB!"); - } - }); - xhr.send(); - } - } - Dpdb.prototype.getDeviceParams = function () { - return this.deviceParams; - }; - Dpdb.prototype.recalculateDeviceParams_ = function () { - var newDeviceParams = this.calcDeviceParams_(); - if (newDeviceParams) { - this.deviceParams = newDeviceParams; - if (this.onDeviceParamsUpdated) { - this.onDeviceParamsUpdated(this.deviceParams); - } - } else { - console.error("Failed to recalculate device parameters."); - } - }; - Dpdb.prototype.calcDeviceParams_ = function () { - var db = this.dpdb; - if (!db) { - console.error("DPDB not available."); - return null; - } - if (db.format != 1) { - console.error("DPDB has unexpected format version."); - return null; - } - if (!db.devices || !db.devices.length) { - console.error("DPDB does not have a devices section."); - return null; - } - var userAgent = - navigator.userAgent || navigator.vendor || window.opera; - var width = getScreenWidth(); - var height = getScreenHeight(); - if (!db.devices) { - console.error("DPDB has no devices section."); - return null; - } - for (var i = 0; i < db.devices.length; i++) { - var device = db.devices[i]; - if (!device.rules) { - console.warn("Device[" + i + "] has no rules section."); - continue; - } - if (device.type != "ios" && device.type != "android") { - console.warn("Device[" + i + "] has invalid type."); - continue; - } - if (isIOS() != (device.type == "ios")) continue; - var matched = false; - for (var j = 0; j < device.rules.length; j++) { - var rule = device.rules[j]; - if (this.matchRule_(rule, userAgent, width, height)) { - matched = true; - break; - } - } - if (!matched) continue; - var xdpi = device.dpi[0] || device.dpi; - var ydpi = device.dpi[1] || device.dpi; - return new DeviceParams({ - xdpi: xdpi, - ydpi: ydpi, - bevelMm: device.bw, - }); - } - console.warn("No DPDB device match."); - return null; - }; - Dpdb.prototype.matchRule_ = function ( - rule, - ua, - screenWidth, - screenHeight - ) { - if (!rule.ua && !rule.res) return false; - if (rule.ua && ua.indexOf(rule.ua) < 0) return false; - if (rule.res) { - if (!rule.res[0] || !rule.res[1]) return false; - var resX = rule.res[0]; - var resY = rule.res[1]; - if ( - Math.min(screenWidth, screenHeight) != Math.min(resX, resY) || - Math.max(screenWidth, screenHeight) != Math.max(resX, resY) - ) { - return false; - } - } - return true; - }; - function DeviceParams(params) { - this.xdpi = params.xdpi; - this.ydpi = params.ydpi; - this.bevelMm = params.bevelMm; - } - function SensorSample(sample, timestampS) { - this.set(sample, timestampS); - } - SensorSample.prototype.set = function (sample, timestampS) { - this.sample = sample; - this.timestampS = timestampS; - }; - SensorSample.prototype.copy = function (sensorSample) { - this.set(sensorSample.sample, sensorSample.timestampS); - }; - function ComplementaryFilter(kFilter, isDebug) { - this.kFilter = kFilter; - this.isDebug = isDebug; - this.currentAccelMeasurement = new SensorSample(); - this.currentGyroMeasurement = new SensorSample(); - this.previousGyroMeasurement = new SensorSample(); - if (isIOS()) { - this.filterQ = new Quaternion(-1, 0, 0, 1); - } else { - this.filterQ = new Quaternion(1, 0, 0, 1); - } - this.previousFilterQ = new Quaternion(); - this.previousFilterQ.copy(this.filterQ); - this.accelQ = new Quaternion(); - this.isOrientationInitialized = false; - this.estimatedGravity = new Vector3(); - this.measuredGravity = new Vector3(); - this.gyroIntegralQ = new Quaternion(); - } - ComplementaryFilter.prototype.addAccelMeasurement = function ( - vector, - timestampS - ) { - this.currentAccelMeasurement.set(vector, timestampS); - }; - ComplementaryFilter.prototype.addGyroMeasurement = function ( - vector, - timestampS - ) { - this.currentGyroMeasurement.set(vector, timestampS); - var deltaT = timestampS - this.previousGyroMeasurement.timestampS; - if (isTimestampDeltaValid(deltaT)) { - this.run_(); - } - this.previousGyroMeasurement.copy(this.currentGyroMeasurement); - }; - ComplementaryFilter.prototype.run_ = function () { - if (!this.isOrientationInitialized) { - this.accelQ = this.accelToQuaternion_( - this.currentAccelMeasurement.sample - ); - this.previousFilterQ.copy(this.accelQ); - this.isOrientationInitialized = true; - return; - } - var deltaT = - this.currentGyroMeasurement.timestampS - - this.previousGyroMeasurement.timestampS; - var gyroDeltaQ = this.gyroToQuaternionDelta_( - this.currentGyroMeasurement.sample, - deltaT - ); - this.gyroIntegralQ.multiply(gyroDeltaQ); - this.filterQ.copy(this.previousFilterQ); - this.filterQ.multiply(gyroDeltaQ); - var invFilterQ = new Quaternion(); - invFilterQ.copy(this.filterQ); - invFilterQ.inverse(); - this.estimatedGravity.set(0, 0, -1); - this.estimatedGravity.applyQuaternion(invFilterQ); - this.estimatedGravity.normalize(); - this.measuredGravity.copy(this.currentAccelMeasurement.sample); - this.measuredGravity.normalize(); - var deltaQ = new Quaternion(); - deltaQ.setFromUnitVectors( - this.estimatedGravity, - this.measuredGravity - ); - deltaQ.inverse(); - if (this.isDebug) { - console.log( - "Delta: %d deg, G_est: (%s, %s, %s), G_meas: (%s, %s, %s)", - radToDeg * getQuaternionAngle(deltaQ), - this.estimatedGravity.x.toFixed(1), - this.estimatedGravity.y.toFixed(1), - this.estimatedGravity.z.toFixed(1), - this.measuredGravity.x.toFixed(1), - this.measuredGravity.y.toFixed(1), - this.measuredGravity.z.toFixed(1) - ); - } - var targetQ = new Quaternion(); - targetQ.copy(this.filterQ); - targetQ.multiply(deltaQ); - this.filterQ.slerp(targetQ, 1 - this.kFilter); - this.previousFilterQ.copy(this.filterQ); - }; - ComplementaryFilter.prototype.getOrientation = function () { - return this.filterQ; - }; - ComplementaryFilter.prototype.accelToQuaternion_ = function (accel) { - var normAccel = new Vector3(); - normAccel.copy(accel); - normAccel.normalize(); - var quat = new Quaternion(); - quat.setFromUnitVectors(new Vector3(0, 0, -1), normAccel); - quat.inverse(); - return quat; - }; - ComplementaryFilter.prototype.gyroToQuaternionDelta_ = function ( - gyro, - dt - ) { - var quat = new Quaternion(); - var axis = new Vector3(); - axis.copy(gyro); - axis.normalize(); - quat.setFromAxisAngle(axis, gyro.length() * dt); - return quat; - }; - function PosePredictor(predictionTimeS, isDebug) { - this.predictionTimeS = predictionTimeS; - this.isDebug = isDebug; - this.previousQ = new Quaternion(); - this.previousTimestampS = null; - this.deltaQ = new Quaternion(); - this.outQ = new Quaternion(); - } - PosePredictor.prototype.getPrediction = function ( - currentQ, - gyro, - timestampS - ) { - if (!this.previousTimestampS) { - this.previousQ.copy(currentQ); - this.previousTimestampS = timestampS; - return currentQ; - } - var axis = new Vector3(); - axis.copy(gyro); - axis.normalize(); - var angularSpeed = gyro.length(); - if (angularSpeed < degToRad * 20) { - if (this.isDebug) { - console.log( - "Moving slowly, at %s deg/s: no prediction", - (radToDeg * angularSpeed).toFixed(1) - ); - } - this.outQ.copy(currentQ); - this.previousQ.copy(currentQ); - return this.outQ; - } - var predictAngle = angularSpeed * this.predictionTimeS; - this.deltaQ.setFromAxisAngle(axis, predictAngle); - this.outQ.copy(this.previousQ); - this.outQ.multiply(this.deltaQ); - this.previousQ.copy(currentQ); - this.previousTimestampS = timestampS; - return this.outQ; - }; - function FusionPoseSensor(kFilter, predictionTime, yawOnly, isDebug) { - this.yawOnly = yawOnly; - this.accelerometer = new Vector3(); - this.gyroscope = new Vector3(); - this.filter = new ComplementaryFilter(kFilter, isDebug); - this.posePredictor = new PosePredictor(predictionTime, isDebug); - this.isFirefoxAndroid = isFirefoxAndroid(); - this.isIOS = isIOS(); - var chromeVersion = getChromeVersion(); - this.isDeviceMotionInRadians = - !this.isIOS && chromeVersion && chromeVersion < 66; - this.isWithoutDeviceMotion = isChromeWithoutDeviceMotion(); - this.filterToWorldQ = new Quaternion(); - if (isIOS()) { - this.filterToWorldQ.setFromAxisAngle( - new Vector3(1, 0, 0), - Math.PI / 2 - ); - } else { - this.filterToWorldQ.setFromAxisAngle( - new Vector3(1, 0, 0), - -Math.PI / 2 - ); - } - this.inverseWorldToScreenQ = new Quaternion(); - this.worldToScreenQ = new Quaternion(); - this.originalPoseAdjustQ = new Quaternion(); - this.originalPoseAdjustQ.setFromAxisAngle( - new Vector3(0, 0, 1), - (-window.orientation * Math.PI) / 180 - ); - this.setScreenTransform_(); - if (isLandscapeMode()) { - this.filterToWorldQ.multiply(this.inverseWorldToScreenQ); - } - this.resetQ = new Quaternion(); - this.orientationOut_ = new Float32Array(4); - this.start(); - } - FusionPoseSensor.prototype.getPosition = function () { - return null; - }; - FusionPoseSensor.prototype.getOrientation = function () { - var orientation = void 0; - if (this.isWithoutDeviceMotion && this._deviceOrientationQ) { - this.deviceOrientationFixQ = - this.deviceOrientationFixQ || - (function () { - var z = new Quaternion().setFromAxisAngle( - new Vector3(0, 0, -1), - 0 - ); - var y = new Quaternion(); - if (window.orientation === -90) { - y.setFromAxisAngle(new Vector3(0, 1, 0), Math.PI / -2); - } else { - y.setFromAxisAngle(new Vector3(0, 1, 0), Math.PI / 2); - } - return z.multiply(y); - })(); - this.deviceOrientationFilterToWorldQ = - this.deviceOrientationFilterToWorldQ || - (function () { - var q = new Quaternion(); - q.setFromAxisAngle(new Vector3(1, 0, 0), -Math.PI / 2); - return q; - })(); - orientation = this._deviceOrientationQ; - var out = new Quaternion(); - out.copy(orientation); - out.multiply(this.deviceOrientationFilterToWorldQ); - out.multiply(this.resetQ); - out.multiply(this.worldToScreenQ); - out.multiplyQuaternions(this.deviceOrientationFixQ, out); - if (this.yawOnly) { - out.x = 0; - out.z = 0; - out.normalize(); - } - this.orientationOut_[0] = out.x; - this.orientationOut_[1] = out.y; - this.orientationOut_[2] = out.z; - this.orientationOut_[3] = out.w; - return this.orientationOut_; - } else { - var filterOrientation = this.filter.getOrientation(); - orientation = this.posePredictor.getPrediction( - filterOrientation, - this.gyroscope, - this.previousTimestampS - ); - } - var out = new Quaternion(); - out.copy(this.filterToWorldQ); - out.multiply(this.resetQ); - out.multiply(orientation); - out.multiply(this.worldToScreenQ); - if (this.yawOnly) { - out.x = 0; - out.z = 0; - out.normalize(); - } - this.orientationOut_[0] = out.x; - this.orientationOut_[1] = out.y; - this.orientationOut_[2] = out.z; - this.orientationOut_[3] = out.w; - return this.orientationOut_; - }; - FusionPoseSensor.prototype.resetPose = function () { - this.resetQ.copy(this.filter.getOrientation()); - this.resetQ.x = 0; - this.resetQ.y = 0; - this.resetQ.z *= -1; - this.resetQ.normalize(); - if (isLandscapeMode()) { - this.resetQ.multiply(this.inverseWorldToScreenQ); - } - this.resetQ.multiply(this.originalPoseAdjustQ); - }; - FusionPoseSensor.prototype.onDeviceOrientation_ = function (e) { - this._deviceOrientationQ = - this._deviceOrientationQ || new Quaternion(); - var alpha = e.alpha, - beta = e.beta, - gamma = e.gamma; - alpha = ((alpha || 0) * Math.PI) / 180; - beta = ((beta || 0) * Math.PI) / 180; - gamma = ((gamma || 0) * Math.PI) / 180; - this._deviceOrientationQ.setFromEulerYXZ(beta, alpha, -gamma); - }; - FusionPoseSensor.prototype.onDeviceMotion_ = function (deviceMotion) { - this.updateDeviceMotion_(deviceMotion); - }; - FusionPoseSensor.prototype.updateDeviceMotion_ = function ( - deviceMotion - ) { - var accGravity = deviceMotion.accelerationIncludingGravity; - var rotRate = deviceMotion.rotationRate; - var timestampS = deviceMotion.timeStamp / 1000; - var deltaS = timestampS - this.previousTimestampS; - if (deltaS < 0) { - warnOnce( - "fusion-pose-sensor:invalid:non-monotonic", - "Invalid timestamps detected: non-monotonic timestamp from devicemotion" - ); - this.previousTimestampS = timestampS; - return; - } else if (deltaS <= MIN_TIMESTEP || deltaS > MAX_TIMESTEP) { - warnOnce( - "fusion-pose-sensor:invalid:outside-threshold", - "Invalid timestamps detected: Timestamp from devicemotion outside expected range." - ); - this.previousTimestampS = timestampS; - return; - } - this.accelerometer.set(-accGravity.x, -accGravity.y, -accGravity.z); - if (isR7()) { - this.gyroscope.set(-rotRate.beta, rotRate.alpha, rotRate.gamma); - } else { - this.gyroscope.set(rotRate.alpha, rotRate.beta, rotRate.gamma); - } - if (!this.isDeviceMotionInRadians) { - this.gyroscope.multiplyScalar(Math.PI / 180); - } - this.filter.addAccelMeasurement(this.accelerometer, timestampS); - this.filter.addGyroMeasurement(this.gyroscope, timestampS); - this.previousTimestampS = timestampS; - }; - FusionPoseSensor.prototype.onOrientationChange_ = function ( - screenOrientation - ) { - this.setScreenTransform_(); - }; - FusionPoseSensor.prototype.onMessage_ = function (event) { - var message = event.data; - if (!message || !message.type) { - return; - } - var type = message.type.toLowerCase(); - if (type !== "devicemotion") { - return; - } - this.updateDeviceMotion_(message.deviceMotionEvent); - }; - FusionPoseSensor.prototype.setScreenTransform_ = function () { - this.worldToScreenQ.set(0, 0, 0, 1); - switch (window.orientation) { - case 0: - break; - case 90: - this.worldToScreenQ.setFromAxisAngle( - new Vector3(0, 0, 1), - -Math.PI / 2 - ); - break; - case -90: - this.worldToScreenQ.setFromAxisAngle( - new Vector3(0, 0, 1), - Math.PI / 2 - ); - break; - case 180: - break; - } - this.inverseWorldToScreenQ.copy(this.worldToScreenQ); - this.inverseWorldToScreenQ.inverse(); - }; - FusionPoseSensor.prototype.start = function () { - this.onDeviceMotionCallback_ = this.onDeviceMotion_.bind(this); - this.onOrientationChangeCallback_ = - this.onOrientationChange_.bind(this); - this.onMessageCallback_ = this.onMessage_.bind(this); - this.onDeviceOrientationCallback_ = - this.onDeviceOrientation_.bind(this); - if (isIOS() && isInsideCrossOriginIFrame()) { - window.addEventListener("message", this.onMessageCallback_); - } - window.addEventListener( - "orientationchange", - this.onOrientationChangeCallback_ - ); - if (this.isWithoutDeviceMotion) { - window.addEventListener( - "deviceorientation", - this.onDeviceOrientationCallback_ - ); - } else { - window.addEventListener( - "devicemotion", - this.onDeviceMotionCallback_ - ); - } - }; - FusionPoseSensor.prototype.stop = function () { - window.removeEventListener( - "devicemotion", - this.onDeviceMotionCallback_ - ); - window.removeEventListener( - "deviceorientation", - this.onDeviceOrientationCallback_ - ); - window.removeEventListener( - "orientationchange", - this.onOrientationChangeCallback_ - ); - window.removeEventListener("message", this.onMessageCallback_); - }; - var SENSOR_FREQUENCY = 60; - var X_AXIS = new Vector3(1, 0, 0); - var Z_AXIS = new Vector3(0, 0, 1); - var orientation = {}; - if (screen.orientation) { - orientation = screen.orientation; - } else if (screen.msOrientation) { - orientation = screen.msOrientation; - } else { - Object.defineProperty(orientation, "angle", { - get: function get$$1() { - return window.orientation || 0; - }, - }); - } - var SENSOR_TO_VR = new Quaternion(); - SENSOR_TO_VR.setFromAxisAngle(X_AXIS, -Math.PI / 2); - SENSOR_TO_VR.multiply( - new Quaternion().setFromAxisAngle(Z_AXIS, Math.PI / 2) - ); - var PoseSensor = (function () { - function PoseSensor(config) { - classCallCheck(this, PoseSensor); - this.config = config; - this.sensor = null; - this.fusionSensor = null; - this._out = new Float32Array(4); - this.api = null; - this.errors = []; - this._sensorQ = new Quaternion(); - this._worldToScreenQ = new Quaternion(); - this._outQ = new Quaternion(); - this._onSensorRead = this._onSensorRead.bind(this); - this._onSensorError = this._onSensorError.bind(this); - this._onOrientationChange = this._onOrientationChange.bind(this); - this._onOrientationChange(); - this.init(); - } - createClass(PoseSensor, [ - { - key: "init", - value: function init() { - var sensor = null; - try { - sensor = new RelativeOrientationSensor({ - frequency: SENSOR_FREQUENCY, - }); - sensor.addEventListener("error", this._onSensorError); - } catch (error) { - this.errors.push(error); - if (error.name === "SecurityError") { - console.error( - "Cannot construct sensors due to the Feature Policy" - ); - console.warn( - 'Attempting to fall back using "devicemotion"; however this will ' + - "fail in the future without correct permissions." - ); - this.useDeviceMotion(); - } else if (error.name === "ReferenceError") { - this.useDeviceMotion(); - } else { - console.error(error); - } - } - if (sensor) { - this.api = "sensor"; - this.sensor = sensor; - this.sensor.addEventListener("reading", this._onSensorRead); - this.sensor.start(); - } - window.addEventListener( - "orientationchange", - this._onOrientationChange - ); - }, - }, - { - key: "useDeviceMotion", - value: function useDeviceMotion() { - this.api = "devicemotion"; - this.fusionSensor = new FusionPoseSensor( - this.config.K_FILTER, - this.config.PREDICTION_TIME_S, - this.config.YAW_ONLY, - this.config.DEBUG - ); - }, - }, - { - key: "getOrientation", - value: function getOrientation() { - if (this.fusionSensor) { - return this.fusionSensor.getOrientation(); - } - if (!this.sensor || !this.sensor.quaternion) { - this._out[0] = this._out[1] = this._out[2] = 0; - this._out[3] = 1; - return this._out; - } - var q = this.sensor.quaternion; - this._sensorQ.set(q[0], q[1], q[2], q[3]); - var out = this._outQ; - out.copy(SENSOR_TO_VR); - out.multiply(this._sensorQ); - out.multiply(this._worldToScreenQ); - if (this.config.YAW_ONLY) { - out.x = out.z = 0; - out.normalize(); - } - this._out[0] = out.x; - this._out[1] = out.y; - this._out[2] = out.z; - this._out[3] = out.w; - return this._out; - }, - }, - { - key: "_onSensorError", - value: function _onSensorError(event) { - this.errors.push(event.error); - if (event.error.name === "NotAllowedError") { - console.error("Permission to access sensor was denied"); - } else if (event.error.name === "NotReadableError") { - console.error("Sensor could not be read"); - } else { - console.error(event.error); - } - }, - }, - { - key: "_onSensorRead", - value: function _onSensorRead() {}, - }, - { - key: "_onOrientationChange", - value: function _onOrientationChange() { - var angle = (-orientation.angle * Math.PI) / 180; - this._worldToScreenQ.setFromAxisAngle(Z_AXIS, angle); - }, - }, - ]); - return PoseSensor; - })(); - var rotateInstructionsAsset = - "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5OHB4IiBoZWlnaHQ9IjI0MHB4IiB2aWV3Qm94PSIwIDAgMTk4IDI0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMy4zICgxMjA4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+dHJhbnNpdGlvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJ0cmFuc2l0aW9uIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4KICAgICAgICAgICAgPGcgaWQ9IkltcG9ydGVkLUxheWVycy1Db3B5LTQtKy1JbXBvcnRlZC1MYXllcnMtQ29weS0rLUltcG9ydGVkLUxheWVycy1Db3B5LTItQ29weSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwNy4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5LjYyNSwyLjUyNyBDMTQ5LjYyNSwyLjUyNyAxNTUuODA1LDYuMDk2IDE1Ni4zNjIsNi40MTggTDE1Ni4zNjIsNy4zMDQgQzE1Ni4zNjIsNy40ODEgMTU2LjM3NSw3LjY2NCAxNTYuNCw3Ljg1MyBDMTU2LjQxLDcuOTM0IDE1Ni40Miw4LjAxNSAxNTYuNDI3LDguMDk1IEMxNTYuNTY3LDkuNTEgMTU3LjQwMSwxMS4wOTMgMTU4LjUzMiwxMi4wOTQgTDE2NC4yNTIsMTcuMTU2IEwxNjQuMzMzLDE3LjA2NiBDMTY0LjMzMywxNy4wNjYgMTY4LjcxNSwxNC41MzYgMTY5LjU2OCwxNC4wNDIgQzE3MS4wMjUsMTQuODgzIDE5NS41MzgsMjkuMDM1IDE5NS41MzgsMjkuMDM1IEwxOTUuNTM4LDgzLjAzNiBDMTk1LjUzOCw4My44MDcgMTk1LjE1Miw4NC4yNTMgMTk0LjU5LDg0LjI1MyBDMTk0LjM1Nyw4NC4yNTMgMTk0LjA5NSw4NC4xNzcgMTkzLjgxOCw4NC4wMTcgTDE2OS44NTEsNzAuMTc5IEwxNjkuODM3LDcwLjIwMyBMMTQyLjUxNSw4NS45NzggTDE0MS42NjUsODQuNjU1IEMxMzYuOTM0LDgzLjEyNiAxMzEuOTE3LDgxLjkxNSAxMjYuNzE0LDgxLjA0NSBDMTI2LjcwOSw4MS4wNiAxMjYuNzA3LDgxLjA2OSAxMjYuNzA3LDgxLjA2OSBMMTIxLjY0LDk4LjAzIEwxMTMuNzQ5LDEwMi41ODYgTDExMy43MTIsMTAyLjUyMyBMMTEzLjcxMiwxMzAuMTEzIEMxMTMuNzEyLDEzMC44ODUgMTEzLjMyNiwxMzEuMzMgMTEyLjc2NCwxMzEuMzMgQzExMi41MzIsMTMxLjMzIDExMi4yNjksMTMxLjI1NCAxMTEuOTkyLDEzMS4wOTQgTDY5LjUxOSwxMDYuNTcyIEM2OC41NjksMTA2LjAyMyA2Ny43OTksMTA0LjY5NSA2Ny43OTksMTAzLjYwNSBMNjcuNzk5LDEwMi41NyBMNjcuNzc4LDEwMi42MTcgQzY3LjI3LDEwMi4zOTMgNjYuNjQ4LDEwMi4yNDkgNjUuOTYyLDEwMi4yMTggQzY1Ljg3NSwxMDIuMjE0IDY1Ljc4OCwxMDIuMjEyIDY1LjcwMSwxMDIuMjEyIEM2NS42MDYsMTAyLjIxMiA2NS41MTEsMTAyLjIxNSA2NS40MTYsMTAyLjIxOSBDNjUuMTk1LDEwMi4yMjkgNjQuOTc0LDEwMi4yMzUgNjQuNzU0LDEwMi4yMzUgQzY0LjMzMSwxMDIuMjM1IDYzLjkxMSwxMDIuMjE2IDYzLjQ5OCwxMDIuMTc4IEM2MS44NDMsMTAyLjAyNSA2MC4yOTgsMTAxLjU3OCA1OS4wOTQsMTAwLjg4MiBMMTIuNTE4LDczLjk5MiBMMTIuNTIzLDc0LjAwNCBMMi4yNDUsNTUuMjU0IEMxLjI0NCw1My40MjcgMi4wMDQsNTEuMDM4IDMuOTQzLDQ5LjkxOCBMNTkuOTU0LDE3LjU3MyBDNjAuNjI2LDE3LjE4NSA2MS4zNSwxNy4wMDEgNjIuMDUzLDE3LjAwMSBDNjMuMzc5LDE3LjAwMSA2NC42MjUsMTcuNjYgNjUuMjgsMTguODU0IEw2NS4yODUsMTguODUxIEw2NS41MTIsMTkuMjY0IEw2NS41MDYsMTkuMjY4IEM2NS45MDksMjAuMDAzIDY2LjQwNSwyMC42OCA2Ni45ODMsMjEuMjg2IEw2Ny4yNiwyMS41NTYgQzY5LjE3NCwyMy40MDYgNzEuNzI4LDI0LjM1NyA3NC4zNzMsMjQuMzU3IEM3Ni4zMjIsMjQuMzU3IDc4LjMyMSwyMy44NCA4MC4xNDgsMjIuNzg1IEM4MC4xNjEsMjIuNzg1IDg3LjQ2NywxOC41NjYgODcuNDY3LDE4LjU2NiBDODguMTM5LDE4LjE3OCA4OC44NjMsMTcuOTk0IDg5LjU2NiwxNy45OTQgQzkwLjg5MiwxNy45OTQgOTIuMTM4LDE4LjY1MiA5Mi43OTIsMTkuODQ3IEw5Ni4wNDIsMjUuNzc1IEw5Ni4wNjQsMjUuNzU3IEwxMDIuODQ5LDI5LjY3NCBMMTAyLjc0NCwyOS40OTIgTDE0OS42MjUsMi41MjcgTTE0OS42MjUsMC44OTIgQzE0OS4zNDMsMC44OTIgMTQ5LjA2MiwwLjk2NSAxNDguODEsMS4xMSBMMTAyLjY0MSwyNy42NjYgTDk3LjIzMSwyNC41NDIgTDk0LjIyNiwxOS4wNjEgQzkzLjMxMywxNy4zOTQgOTEuNTI3LDE2LjM1OSA4OS41NjYsMTYuMzU4IEM4OC41NTUsMTYuMzU4IDg3LjU0NiwxNi42MzIgODYuNjQ5LDE3LjE1IEM4My44NzgsMTguNzUgNzkuNjg3LDIxLjE2OSA3OS4zNzQsMjEuMzQ1IEM3OS4zNTksMjEuMzUzIDc5LjM0NSwyMS4zNjEgNzkuMzMsMjEuMzY5IEM3Ny43OTgsMjIuMjU0IDc2LjA4NCwyMi43MjIgNzQuMzczLDIyLjcyMiBDNzIuMDgxLDIyLjcyMiA2OS45NTksMjEuODkgNjguMzk3LDIwLjM4IEw2OC4xNDUsMjAuMTM1IEM2Ny43MDYsMTkuNjcyIDY3LjMyMywxOS4xNTYgNjcuMDA2LDE4LjYwMSBDNjYuOTg4LDE4LjU1OSA2Ni45NjgsMTguNTE5IDY2Ljk0NiwxOC40NzkgTDY2LjcxOSwxOC4wNjUgQzY2LjY5LDE4LjAxMiA2Ni42NTgsMTcuOTYgNjYuNjI0LDE3LjkxMSBDNjUuNjg2LDE2LjMzNyA2My45NTEsMTUuMzY2IDYyLjA1MywxNS4zNjYgQzYxLjA0MiwxNS4zNjYgNjAuMDMzLDE1LjY0IDU5LjEzNiwxNi4xNTggTDMuMTI1LDQ4LjUwMiBDMC40MjYsNTAuMDYxIC0wLjYxMyw1My40NDIgMC44MTEsNTYuMDQgTDExLjA4OSw3NC43OSBDMTEuMjY2LDc1LjExMyAxMS41MzcsNzUuMzUzIDExLjg1LDc1LjQ5NCBMNTguMjc2LDEwMi4yOTggQzU5LjY3OSwxMDMuMTA4IDYxLjQzMywxMDMuNjMgNjMuMzQ4LDEwMy44MDYgQzYzLjgxMiwxMDMuODQ4IDY0LjI4NSwxMDMuODcgNjQuNzU0LDEwMy44NyBDNjUsMTAzLjg3IDY1LjI0OSwxMDMuODY0IDY1LjQ5NCwxMDMuODUyIEM2NS41NjMsMTAzLjg0OSA2NS42MzIsMTAzLjg0NyA2NS43MDEsMTAzLjg0NyBDNjUuNzY0LDEwMy44NDcgNjUuODI4LDEwMy44NDkgNjUuODksMTAzLjg1MiBDNjUuOTg2LDEwMy44NTYgNjYuMDgsMTAzLjg2MyA2Ni4xNzMsMTAzLjg3NCBDNjYuMjgyLDEwNS40NjcgNjcuMzMyLDEwNy4xOTcgNjguNzAyLDEwNy45ODggTDExMS4xNzQsMTMyLjUxIEMxMTEuNjk4LDEzMi44MTIgMTEyLjIzMiwxMzIuOTY1IDExMi43NjQsMTMyLjk2NSBDMTE0LjI2MSwxMzIuOTY1IDExNS4zNDcsMTMxLjc2NSAxMTUuMzQ3LDEzMC4xMTMgTDExNS4zNDcsMTAzLjU1MSBMMTIyLjQ1OCw5OS40NDYgQzEyMi44MTksOTkuMjM3IDEyMy4wODcsOTguODk4IDEyMy4yMDcsOTguNDk4IEwxMjcuODY1LDgyLjkwNSBDMTMyLjI3OSw4My43MDIgMTM2LjU1Nyw4NC43NTMgMTQwLjYwNyw4Ni4wMzMgTDE0MS4xNCw4Ni44NjIgQzE0MS40NTEsODcuMzQ2IDE0MS45NzcsODcuNjEzIDE0Mi41MTYsODcuNjEzIEMxNDIuNzk0LDg3LjYxMyAxNDMuMDc2LDg3LjU0MiAxNDMuMzMzLDg3LjM5MyBMMTY5Ljg2NSw3Mi4wNzYgTDE5Myw4NS40MzMgQzE5My41MjMsODUuNzM1IDE5NC4wNTgsODUuODg4IDE5NC41OSw4NS44ODggQzE5Ni4wODcsODUuODg4IDE5Ny4xNzMsODQuNjg5IDE5Ny4xNzMsODMuMDM2IEwxOTcuMTczLDI5LjAzNSBDMTk3LjE3MywyOC40NTEgMTk2Ljg2MSwyNy45MTEgMTk2LjM1NSwyNy42MTkgQzE5Ni4zNTUsMjcuNjE5IDE3MS44NDMsMTMuNDY3IDE3MC4zODUsMTIuNjI2IEMxNzAuMTMyLDEyLjQ4IDE2OS44NSwxMi40MDcgMTY5LjU2OCwxMi40MDcgQzE2OS4yODUsMTIuNDA3IDE2OS4wMDIsMTIuNDgxIDE2OC43NDksMTIuNjI3IEMxNjguMTQzLDEyLjk3OCAxNjUuNzU2LDE0LjM1NyAxNjQuNDI0LDE1LjEyNSBMMTU5LjYxNSwxMC44NyBDMTU4Ljc5NiwxMC4xNDUgMTU4LjE1NCw4LjkzNyAxNTguMDU0LDcuOTM0IEMxNTguMDQ1LDcuODM3IDE1OC4wMzQsNy43MzkgMTU4LjAyMSw3LjY0IEMxNTguMDA1LDcuNTIzIDE1Ny45OTgsNy40MSAxNTcuOTk4LDcuMzA0IEwxNTcuOTk4LDYuNDE4IEMxNTcuOTk4LDUuODM0IDE1Ny42ODYsNS4yOTUgMTU3LjE4MSw1LjAwMiBDMTU2LjYyNCw0LjY4IDE1MC40NDIsMS4xMTEgMTUwLjQ0MiwxLjExMSBDMTUwLjE4OSwwLjk2NSAxNDkuOTA3LDAuODkyIDE0OS42MjUsMC44OTIiIGlkPSJGaWxsLTEiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTYuMDI3LDI1LjYzNiBMMTQyLjYwMyw1Mi41MjcgQzE0My44MDcsNTMuMjIyIDE0NC41ODIsNTQuMTE0IDE0NC44NDUsNTUuMDY4IEwxNDQuODM1LDU1LjA3NSBMNjMuNDYxLDEwMi4wNTcgTDYzLjQ2LDEwMi4wNTcgQzYxLjgwNiwxMDEuOTA1IDYwLjI2MSwxMDEuNDU3IDU5LjA1NywxMDAuNzYyIEwxMi40ODEsNzMuODcxIEw5Ni4wMjcsMjUuNjM2IiBpZD0iRmlsbC0yIiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYzLjQ2MSwxMDIuMTc0IEM2My40NTMsMTAyLjE3NCA2My40NDYsMTAyLjE3NCA2My40MzksMTAyLjE3MiBDNjEuNzQ2LDEwMi4wMTYgNjAuMjExLDEwMS41NjMgNTguOTk4LDEwMC44NjMgTDEyLjQyMiw3My45NzMgQzEyLjM4Niw3My45NTIgMTIuMzY0LDczLjkxNCAxMi4zNjQsNzMuODcxIEMxMi4zNjQsNzMuODMgMTIuMzg2LDczLjc5MSAxMi40MjIsNzMuNzcgTDk1Ljk2OCwyNS41MzUgQzk2LjAwNCwyNS41MTQgOTYuMDQ5LDI1LjUxNCA5Ni4wODUsMjUuNTM1IEwxNDIuNjYxLDUyLjQyNiBDMTQzLjg4OCw1My4xMzQgMTQ0LjY4Miw1NC4wMzggMTQ0Ljk1Nyw1NS4wMzcgQzE0NC45Nyw1NS4wODMgMTQ0Ljk1Myw1NS4xMzMgMTQ0LjkxNSw1NS4xNjEgQzE0NC45MTEsNTUuMTY1IDE0NC44OTgsNTUuMTc0IDE0NC44OTQsNTUuMTc3IEw2My41MTksMTAyLjE1OCBDNjMuNTAxLDEwMi4xNjkgNjMuNDgxLDEwMi4xNzQgNjMuNDYxLDEwMi4xNzQgTDYzLjQ2MSwxMDIuMTc0IFogTTEyLjcxNCw3My44NzEgTDU5LjExNSwxMDAuNjYxIEM2MC4yOTMsMTAxLjM0MSA2MS43ODYsMTAxLjc4MiA2My40MzUsMTAxLjkzNyBMMTQ0LjcwNyw1NS4wMTUgQzE0NC40MjgsNTQuMTA4IDE0My42ODIsNTMuMjg1IDE0Mi41NDQsNTIuNjI4IEw5Ni4wMjcsMjUuNzcxIEwxMi43MTQsNzMuODcxIEwxMi43MTQsNzMuODcxIFoiIGlkPSJGaWxsLTMiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ4LjMyNyw1OC40NzEgQzE0OC4xNDUsNTguNDggMTQ3Ljk2Miw1OC40OCAxNDcuNzgxLDU4LjQ3MiBDMTQ1Ljg4Nyw1OC4zODkgMTQ0LjQ3OSw1Ny40MzQgMTQ0LjYzNiw1Ni4zNCBDMTQ0LjY4OSw1NS45NjcgMTQ0LjY2NCw1NS41OTcgMTQ0LjU2NCw1NS4yMzUgTDYzLjQ2MSwxMDIuMDU3IEM2NC4wODksMTAyLjExNSA2NC43MzMsMTAyLjEzIDY1LjM3OSwxMDIuMDk5IEM2NS41NjEsMTAyLjA5IDY1Ljc0MywxMDIuMDkgNjUuOTI1LDEwMi4wOTggQzY3LjgxOSwxMDIuMTgxIDY5LjIyNywxMDMuMTM2IDY5LjA3LDEwNC4yMyBMMTQ4LjMyNyw1OC40NzEiIGlkPSJGaWxsLTQiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjkuMDcsMTA0LjM0NyBDNjkuMDQ4LDEwNC4zNDcgNjkuMDI1LDEwNC4zNCA2OS4wMDUsMTA0LjMyNyBDNjguOTY4LDEwNC4zMDEgNjguOTQ4LDEwNC4yNTcgNjguOTU1LDEwNC4yMTMgQzY5LDEwMy44OTYgNjguODk4LDEwMy41NzYgNjguNjU4LDEwMy4yODggQzY4LjE1MywxMDIuNjc4IDY3LjEwMywxMDIuMjY2IDY1LjkyLDEwMi4yMTQgQzY1Ljc0MiwxMDIuMjA2IDY1LjU2MywxMDIuMjA3IDY1LjM4NSwxMDIuMjE1IEM2NC43NDIsMTAyLjI0NiA2NC4wODcsMTAyLjIzMiA2My40NSwxMDIuMTc0IEM2My4zOTksMTAyLjE2OSA2My4zNTgsMTAyLjEzMiA2My4zNDcsMTAyLjA4MiBDNjMuMzM2LDEwMi4wMzMgNjMuMzU4LDEwMS45ODEgNjMuNDAyLDEwMS45NTYgTDE0NC41MDYsNTUuMTM0IEMxNDQuNTM3LDU1LjExNiAxNDQuNTc1LDU1LjExMyAxNDQuNjA5LDU1LjEyNyBDMTQ0LjY0Miw1NS4xNDEgMTQ0LjY2OCw1NS4xNyAxNDQuNjc3LDU1LjIwNCBDMTQ0Ljc4MSw1NS41ODUgMTQ0LjgwNiw1NS45NzIgMTQ0Ljc1MSw1Ni4zNTcgQzE0NC43MDYsNTYuNjczIDE0NC44MDgsNTYuOTk0IDE0NS4wNDcsNTcuMjgyIEMxNDUuNTUzLDU3Ljg5MiAxNDYuNjAyLDU4LjMwMyAxNDcuNzg2LDU4LjM1NSBDMTQ3Ljk2NCw1OC4zNjMgMTQ4LjE0Myw1OC4zNjMgMTQ4LjMyMSw1OC4zNTQgQzE0OC4zNzcsNTguMzUyIDE0OC40MjQsNTguMzg3IDE0OC40MzksNTguNDM4IEMxNDguNDU0LDU4LjQ5IDE0OC40MzIsNTguNTQ1IDE0OC4zODUsNTguNTcyIEw2OS4xMjksMTA0LjMzMSBDNjkuMTExLDEwNC4zNDIgNjkuMDksMTA0LjM0NyA2OS4wNywxMDQuMzQ3IEw2OS4wNywxMDQuMzQ3IFogTTY1LjY2NSwxMDEuOTc1IEM2NS43NTQsMTAxLjk3NSA2NS44NDIsMTAxLjk3NyA2NS45MywxMDEuOTgxIEM2Ny4xOTYsMTAyLjAzNyA2OC4yODMsMTAyLjQ2OSA2OC44MzgsMTAzLjEzOSBDNjkuMDY1LDEwMy40MTMgNjkuMTg4LDEwMy43MTQgNjkuMTk4LDEwNC4wMjEgTDE0Ny44ODMsNTguNTkyIEMxNDcuODQ3LDU4LjU5MiAxNDcuODExLDU4LjU5MSAxNDcuNzc2LDU4LjU4OSBDMTQ2LjUwOSw1OC41MzMgMTQ1LjQyMiw1OC4xIDE0NC44NjcsNTcuNDMxIEMxNDQuNTg1LDU3LjA5MSAxNDQuNDY1LDU2LjcwNyAxNDQuNTIsNTYuMzI0IEMxNDQuNTYzLDU2LjAyMSAxNDQuNTUyLDU1LjcxNiAxNDQuNDg4LDU1LjQxNCBMNjMuODQ2LDEwMS45NyBDNjQuMzUzLDEwMi4wMDIgNjQuODY3LDEwMi4wMDYgNjUuMzc0LDEwMS45ODIgQzY1LjQ3MSwxMDEuOTc3IDY1LjU2OCwxMDEuOTc1IDY1LjY2NSwxMDEuOTc1IEw2NS42NjUsMTAxLjk3NSBaIiBpZD0iRmlsbC01IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuMjA4LDU1LjEzNCBDMS4yMDcsNTMuMzA3IDEuOTY3LDUwLjkxNyAzLjkwNiw0OS43OTcgTDU5LjkxNywxNy40NTMgQzYxLjg1NiwxNi4zMzMgNjQuMjQxLDE2LjkwNyA2NS4yNDMsMTguNzM0IEw2NS40NzUsMTkuMTQ0IEM2NS44NzIsMTkuODgyIDY2LjM2OCwyMC41NiA2Ni45NDUsMjEuMTY1IEw2Ny4yMjMsMjEuNDM1IEM3MC41NDgsMjQuNjQ5IDc1LjgwNiwyNS4xNTEgODAuMTExLDIyLjY2NSBMODcuNDMsMTguNDQ1IEM4OS4zNywxNy4zMjYgOTEuNzU0LDE3Ljg5OSA5Mi43NTUsMTkuNzI3IEw5Ni4wMDUsMjUuNjU1IEwxMi40ODYsNzMuODg0IEwyLjIwOCw1NS4xMzQgWiIgaWQ9IkZpbGwtNiIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi40ODYsNzQuMDAxIEMxMi40NzYsNzQuMDAxIDEyLjQ2NSw3My45OTkgMTIuNDU1LDczLjk5NiBDMTIuNDI0LDczLjk4OCAxMi4zOTksNzMuOTY3IDEyLjM4NCw3My45NCBMMi4xMDYsNTUuMTkgQzEuMDc1LDUzLjMxIDEuODU3LDUwLjg0NSAzLjg0OCw0OS42OTYgTDU5Ljg1OCwxNy4zNTIgQzYwLjUyNSwxNi45NjcgNjEuMjcxLDE2Ljc2NCA2Mi4wMTYsMTYuNzY0IEM2My40MzEsMTYuNzY0IDY0LjY2NiwxNy40NjYgNjUuMzI3LDE4LjY0NiBDNjUuMzM3LDE4LjY1NCA2NS4zNDUsMTguNjYzIDY1LjM1MSwxOC42NzQgTDY1LjU3OCwxOS4wODggQzY1LjU4NCwxOS4xIDY1LjU4OSwxOS4xMTIgNjUuNTkxLDE5LjEyNiBDNjUuOTg1LDE5LjgzOCA2Ni40NjksMjAuNDk3IDY3LjAzLDIxLjA4NSBMNjcuMzA1LDIxLjM1MSBDNjkuMTUxLDIzLjEzNyA3MS42NDksMjQuMTIgNzQuMzM2LDI0LjEyIEM3Ni4zMTMsMjQuMTIgNzguMjksMjMuNTgyIDgwLjA1MywyMi41NjMgQzgwLjA2NCwyMi41NTcgODAuMDc2LDIyLjU1MyA4MC4wODgsMjIuNTUgTDg3LjM3MiwxOC4zNDQgQzg4LjAzOCwxNy45NTkgODguNzg0LDE3Ljc1NiA4OS41MjksMTcuNzU2IEM5MC45NTYsMTcuNzU2IDkyLjIwMSwxOC40NzIgOTIuODU4LDE5LjY3IEw5Ni4xMDcsMjUuNTk5IEM5Ni4xMzgsMjUuNjU0IDk2LjExOCwyNS43MjQgOTYuMDYzLDI1Ljc1NiBMMTIuNTQ1LDczLjk4NSBDMTIuNTI2LDczLjk5NiAxMi41MDYsNzQuMDAxIDEyLjQ4Niw3NC4wMDEgTDEyLjQ4Niw3NC4wMDEgWiBNNjIuMDE2LDE2Ljk5NyBDNjEuMzEyLDE2Ljk5NyA2MC42MDYsMTcuMTkgNTkuOTc1LDE3LjU1NCBMMy45NjUsNDkuODk5IEMyLjA4Myw1MC45ODUgMS4zNDEsNTMuMzA4IDIuMzEsNTUuMDc4IEwxMi41MzEsNzMuNzIzIEw5NS44NDgsMjUuNjExIEw5Mi42NTMsMTkuNzgyIEM5Mi4wMzgsMTguNjYgOTAuODcsMTcuOTkgODkuNTI5LDE3Ljk5IEM4OC44MjUsMTcuOTkgODguMTE5LDE4LjE4MiA4Ny40ODksMTguNTQ3IEw4MC4xNzIsMjIuNzcyIEM4MC4xNjEsMjIuNzc4IDgwLjE0OSwyMi43ODIgODAuMTM3LDIyLjc4NSBDNzguMzQ2LDIzLjgxMSA3Ni4zNDEsMjQuMzU0IDc0LjMzNiwyNC4zNTQgQzcxLjU4OCwyNC4zNTQgNjkuMDMzLDIzLjM0NyA2Ny4xNDIsMjEuNTE5IEw2Ni44NjQsMjEuMjQ5IEM2Ni4yNzcsMjAuNjM0IDY1Ljc3NCwxOS45NDcgNjUuMzY3LDE5LjIwMyBDNjUuMzYsMTkuMTkyIDY1LjM1NiwxOS4xNzkgNjUuMzU0LDE5LjE2NiBMNjUuMTYzLDE4LjgxOSBDNjUuMTU0LDE4LjgxMSA2NS4xNDYsMTguODAxIDY1LjE0LDE4Ljc5IEM2NC41MjUsMTcuNjY3IDYzLjM1NywxNi45OTcgNjIuMDE2LDE2Ljk5NyBMNjIuMDE2LDE2Ljk5NyBaIiBpZD0iRmlsbC03IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQyLjQzNCw0OC44MDggTDQyLjQzNCw0OC44MDggQzM5LjkyNCw0OC44MDcgMzcuNzM3LDQ3LjU1IDM2LjU4Miw0NS40NDMgQzM0Ljc3MSw0Mi4xMzkgMzYuMTQ0LDM3LjgwOSAzOS42NDEsMzUuNzg5IEw1MS45MzIsMjguNjkxIEM1My4xMDMsMjguMDE1IDU0LjQxMywyNy42NTggNTUuNzIxLDI3LjY1OCBDNTguMjMxLDI3LjY1OCA2MC40MTgsMjguOTE2IDYxLjU3MywzMS4wMjMgQzYzLjM4NCwzNC4zMjcgNjIuMDEyLDM4LjY1NyA1OC41MTQsNDAuNjc3IEw0Ni4yMjMsNDcuNzc1IEM0NS4wNTMsNDguNDUgNDMuNzQyLDQ4LjgwOCA0Mi40MzQsNDguODA4IEw0Mi40MzQsNDguODA4IFogTTU1LjcyMSwyOC4xMjUgQzU0LjQ5NSwyOC4xMjUgNTMuMjY1LDI4LjQ2MSA1Mi4xNjYsMjkuMDk2IEwzOS44NzUsMzYuMTk0IEMzNi41OTYsMzguMDg3IDM1LjMwMiw0Mi4xMzYgMzYuOTkyLDQ1LjIxOCBDMzguMDYzLDQ3LjE3MyA0MC4wOTgsNDguMzQgNDIuNDM0LDQ4LjM0IEM0My42NjEsNDguMzQgNDQuODksNDguMDA1IDQ1Ljk5LDQ3LjM3IEw1OC4yODEsNDAuMjcyIEM2MS41NiwzOC4zNzkgNjIuODUzLDM0LjMzIDYxLjE2NCwzMS4yNDggQzYwLjA5MiwyOS4yOTMgNTguMDU4LDI4LjEyNSA1NS43MjEsMjguMTI1IEw1NS43MjEsMjguMTI1IFoiIGlkPSJGaWxsLTgiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5LjU4OCwyLjQwNyBDMTQ5LjU4OCwyLjQwNyAxNTUuNzY4LDUuOTc1IDE1Ni4zMjUsNi4yOTcgTDE1Ni4zMjUsNy4xODQgQzE1Ni4zMjUsNy4zNiAxNTYuMzM4LDcuNTQ0IDE1Ni4zNjIsNy43MzMgQzE1Ni4zNzMsNy44MTQgMTU2LjM4Miw3Ljg5NCAxNTYuMzksNy45NzUgQzE1Ni41Myw5LjM5IDE1Ny4zNjMsMTAuOTczIDE1OC40OTUsMTEuOTc0IEwxNjUuODkxLDE4LjUxOSBDMTY2LjA2OCwxOC42NzUgMTY2LjI0OSwxOC44MTQgMTY2LjQzMiwxOC45MzQgQzE2OC4wMTEsMTkuOTc0IDE2OS4zODIsMTkuNCAxNjkuNDk0LDE3LjY1MiBDMTY5LjU0MywxNi44NjggMTY5LjU1MSwxNi4wNTcgMTY5LjUxNywxNS4yMjMgTDE2OS41MTQsMTUuMDYzIEwxNjkuNTE0LDEzLjkxMiBDMTcwLjc4LDE0LjY0MiAxOTUuNTAxLDI4LjkxNSAxOTUuNTAxLDI4LjkxNSBMMTk1LjUwMSw4Mi45MTUgQzE5NS41MDEsODQuMDA1IDE5NC43MzEsODQuNDQ1IDE5My43ODEsODMuODk3IEwxNTEuMzA4LDU5LjM3NCBDMTUwLjM1OCw1OC44MjYgMTQ5LjU4OCw1Ny40OTcgMTQ5LjU4OCw1Ni40MDggTDE0OS41ODgsMjIuMzc1IiBpZD0iRmlsbC05IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5NC41NTMsODQuMjUgQzE5NC4yOTYsODQuMjUgMTk0LjAxMyw4NC4xNjUgMTkzLjcyMiw4My45OTcgTDE1MS4yNSw1OS40NzYgQzE1MC4yNjksNTguOTA5IDE0OS40NzEsNTcuNTMzIDE0OS40NzEsNTYuNDA4IEwxNDkuNDcxLDIyLjM3NSBMMTQ5LjcwNSwyMi4zNzUgTDE0OS43MDUsNTYuNDA4IEMxNDkuNzA1LDU3LjQ1OSAxNTAuNDUsNTguNzQ0IDE1MS4zNjYsNTkuMjc0IEwxOTMuODM5LDgzLjc5NSBDMTk0LjI2Myw4NC4wNCAxOTQuNjU1LDg0LjA4MyAxOTQuOTQyLDgzLjkxNyBDMTk1LjIyNyw4My43NTMgMTk1LjM4NCw4My4zOTcgMTk1LjM4NCw4Mi45MTUgTDE5NS4zODQsMjguOTgyIEMxOTQuMTAyLDI4LjI0MiAxNzIuMTA0LDE1LjU0MiAxNjkuNjMxLDE0LjExNCBMMTY5LjYzNCwxNS4yMiBDMTY5LjY2OCwxNi4wNTIgMTY5LjY2LDE2Ljg3NCAxNjkuNjEsMTcuNjU5IEMxNjkuNTU2LDE4LjUwMyAxNjkuMjE0LDE5LjEyMyAxNjguNjQ3LDE5LjQwNSBDMTY4LjAyOCwxOS43MTQgMTY3LjE5NywxOS41NzggMTY2LjM2NywxOS4wMzIgQzE2Ni4xODEsMTguOTA5IDE2NS45OTUsMTguNzY2IDE2NS44MTQsMTguNjA2IEwxNTguNDE3LDEyLjA2MiBDMTU3LjI1OSwxMS4wMzYgMTU2LjQxOCw5LjQzNyAxNTYuMjc0LDcuOTg2IEMxNTYuMjY2LDcuOTA3IDE1Ni4yNTcsNy44MjcgMTU2LjI0Nyw3Ljc0OCBDMTU2LjIyMSw3LjU1NSAxNTYuMjA5LDcuMzY1IDE1Ni4yMDksNy4xODQgTDE1Ni4yMDksNi4zNjQgQzE1NS4zNzUsNS44ODMgMTQ5LjUyOSwyLjUwOCAxNDkuNTI5LDIuNTA4IEwxNDkuNjQ2LDIuMzA2IEMxNDkuNjQ2LDIuMzA2IDE1NS44MjcsNS44NzQgMTU2LjM4NCw2LjE5NiBMMTU2LjQ0Miw2LjIzIEwxNTYuNDQyLDcuMTg0IEMxNTYuNDQyLDcuMzU1IDE1Ni40NTQsNy41MzUgMTU2LjQ3OCw3LjcxNyBDMTU2LjQ4OSw3LjggMTU2LjQ5OSw3Ljg4MiAxNTYuNTA3LDcuOTYzIEMxNTYuNjQ1LDkuMzU4IDE1Ny40NTUsMTAuODk4IDE1OC41NzIsMTEuODg2IEwxNjUuOTY5LDE4LjQzMSBDMTY2LjE0MiwxOC41ODQgMTY2LjMxOSwxOC43MiAxNjYuNDk2LDE4LjgzNyBDMTY3LjI1NCwxOS4zMzYgMTY4LDE5LjQ2NyAxNjguNTQzLDE5LjE5NiBDMTY5LjAzMywxOC45NTMgMTY5LjMyOSwxOC40MDEgMTY5LjM3NywxNy42NDUgQzE2OS40MjcsMTYuODY3IDE2OS40MzQsMTYuMDU0IDE2OS40MDEsMTUuMjI4IEwxNjkuMzk3LDE1LjA2NSBMMTY5LjM5NywxMy43MSBMMTY5LjU3MiwxMy44MSBDMTcwLjgzOSwxNC41NDEgMTk1LjU1OSwyOC44MTQgMTk1LjU1OSwyOC44MTQgTDE5NS42MTgsMjguODQ3IEwxOTUuNjE4LDgyLjkxNSBDMTk1LjYxOCw4My40ODQgMTk1LjQyLDgzLjkxMSAxOTUuMDU5LDg0LjExOSBDMTk0LjkwOCw4NC4yMDYgMTk0LjczNyw4NC4yNSAxOTQuNTUzLDg0LjI1IiBpZD0iRmlsbC0xMCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDUuNjg1LDU2LjE2MSBMMTY5LjgsNzAuMDgzIEwxNDMuODIyLDg1LjA4MSBMMTQyLjM2LDg0Ljc3NCBDMTM1LjgyNiw4Mi42MDQgMTI4LjczMiw4MS4wNDYgMTIxLjM0MSw4MC4xNTggQzExNi45NzYsNzkuNjM0IDExMi42NzgsODEuMjU0IDExMS43NDMsODMuNzc4IEMxMTEuNTA2LDg0LjQxNCAxMTEuNTAzLDg1LjA3MSAxMTEuNzMyLDg1LjcwNiBDMTEzLjI3LDg5Ljk3MyAxMTUuOTY4LDk0LjA2OSAxMTkuNzI3LDk3Ljg0MSBMMTIwLjI1OSw5OC42ODYgQzEyMC4yNiw5OC42ODUgOTQuMjgyLDExMy42ODMgOTQuMjgyLDExMy42ODMgTDcwLjE2Nyw5OS43NjEgTDE0NS42ODUsNTYuMTYxIiBpZD0iRmlsbC0xMSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05NC4yODIsMTEzLjgxOCBMOTQuMjIzLDExMy43ODUgTDY5LjkzMyw5OS43NjEgTDcwLjEwOCw5OS42NiBMMTQ1LjY4NSw1Ni4wMjYgTDE0NS43NDMsNTYuMDU5IEwxNzAuMDMzLDcwLjA4MyBMMTQzLjg0Miw4NS4yMDUgTDE0My43OTcsODUuMTk1IEMxNDMuNzcyLDg1LjE5IDE0Mi4zMzYsODQuODg4IDE0Mi4zMzYsODQuODg4IEMxMzUuNzg3LDgyLjcxNCAxMjguNzIzLDgxLjE2MyAxMjEuMzI3LDgwLjI3NCBDMTIwLjc4OCw4MC4yMDkgMTIwLjIzNiw4MC4xNzcgMTE5LjY4OSw4MC4xNzcgQzExNS45MzEsODAuMTc3IDExMi42MzUsODEuNzA4IDExMS44NTIsODMuODE5IEMxMTEuNjI0LDg0LjQzMiAxMTEuNjIxLDg1LjA1MyAxMTEuODQyLDg1LjY2NyBDMTEzLjM3Nyw4OS45MjUgMTE2LjA1OCw5My45OTMgMTE5LjgxLDk3Ljc1OCBMMTE5LjgyNiw5Ny43NzkgTDEyMC4zNTIsOTguNjE0IEMxMjAuMzU0LDk4LjYxNyAxMjAuMzU2LDk4LjYyIDEyMC4zNTgsOTguNjI0IEwxMjAuNDIyLDk4LjcyNiBMMTIwLjMxNyw5OC43ODcgQzEyMC4yNjQsOTguODE4IDk0LjU5OSwxMTMuNjM1IDk0LjM0LDExMy43ODUgTDk0LjI4MiwxMTMuODE4IEw5NC4yODIsMTEzLjgxOCBaIE03MC40MDEsOTkuNzYxIEw5NC4yODIsMTEzLjU0OSBMMTE5LjA4NCw5OS4yMjkgQzExOS42Myw5OC45MTQgMTE5LjkzLDk4Ljc0IDEyMC4xMDEsOTguNjU0IEwxMTkuNjM1LDk3LjkxNCBDMTE1Ljg2NCw5NC4xMjcgMTEzLjE2OCw5MC4wMzMgMTExLjYyMiw4NS43NDYgQzExMS4zODIsODUuMDc5IDExMS4zODYsODQuNDA0IDExMS42MzMsODMuNzM4IEMxMTIuNDQ4LDgxLjUzOSAxMTUuODM2LDc5Ljk0MyAxMTkuNjg5LDc5Ljk0MyBDMTIwLjI0Niw3OS45NDMgMTIwLjgwNiw3OS45NzYgMTIxLjM1NSw4MC4wNDIgQzEyOC43NjcsODAuOTMzIDEzNS44NDYsODIuNDg3IDE0Mi4zOTYsODQuNjYzIEMxNDMuMjMyLDg0LjgzOCAxNDMuNjExLDg0LjkxNyAxNDMuNzg2LDg0Ljk2NyBMMTY5LjU2Niw3MC4wODMgTDE0NS42ODUsNTYuMjk1IEw3MC40MDEsOTkuNzYxIEw3MC40MDEsOTkuNzYxIFoiIGlkPSJGaWxsLTEyIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2Ny4yMywxOC45NzkgTDE2Ny4yMyw2OS44NSBMMTM5LjkwOSw4NS42MjMgTDEzMy40NDgsNzEuNDU2IEMxMzIuNTM4LDY5LjQ2IDEzMC4wMiw2OS43MTggMTI3LjgyNCw3Mi4wMyBDMTI2Ljc2OSw3My4xNCAxMjUuOTMxLDc0LjU4NSAxMjUuNDk0LDc2LjA0OCBMMTE5LjAzNCw5Ny42NzYgTDkxLjcxMiwxMTMuNDUgTDkxLjcxMiw2Mi41NzkgTDE2Ny4yMywxOC45NzkiIGlkPSJGaWxsLTEzIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkxLjcxMiwxMTMuNTY3IEM5MS42OTIsMTEzLjU2NyA5MS42NzIsMTEzLjU2MSA5MS42NTMsMTEzLjU1MSBDOTEuNjE4LDExMy41MyA5MS41OTUsMTEzLjQ5MiA5MS41OTUsMTEzLjQ1IEw5MS41OTUsNjIuNTc5IEM5MS41OTUsNjIuNTM3IDkxLjYxOCw2Mi40OTkgOTEuNjUzLDYyLjQ3OCBMMTY3LjE3MiwxOC44NzggQzE2Ny4yMDgsMTguODU3IDE2Ny4yNTIsMTguODU3IDE2Ny4yODgsMTguODc4IEMxNjcuMzI0LDE4Ljg5OSAxNjcuMzQ3LDE4LjkzNyAxNjcuMzQ3LDE4Ljk3OSBMMTY3LjM0Nyw2OS44NSBDMTY3LjM0Nyw2OS44OTEgMTY3LjMyNCw2OS45MyAxNjcuMjg4LDY5Ljk1IEwxMzkuOTY3LDg1LjcyNSBDMTM5LjkzOSw4NS43NDEgMTM5LjkwNSw4NS43NDUgMTM5Ljg3Myw4NS43MzUgQzEzOS44NDIsODUuNzI1IDEzOS44MTYsODUuNzAyIDEzOS44MDIsODUuNjcyIEwxMzMuMzQyLDcxLjUwNCBDMTMyLjk2Nyw3MC42ODIgMTMyLjI4LDcwLjIyOSAxMzEuNDA4LDcwLjIyOSBDMTMwLjMxOSw3MC4yMjkgMTI5LjA0NCw3MC45MTUgMTI3LjkwOCw3Mi4xMSBDMTI2Ljg3NCw3My4yIDEyNi4wMzQsNzQuNjQ3IDEyNS42MDYsNzYuMDgyIEwxMTkuMTQ2LDk3LjcwOSBDMTE5LjEzNyw5Ny43MzggMTE5LjExOCw5Ny43NjIgMTE5LjA5Miw5Ny43NzcgTDkxLjc3LDExMy41NTEgQzkxLjc1MiwxMTMuNTYxIDkxLjczMiwxMTMuNTY3IDkxLjcxMiwxMTMuNTY3IEw5MS43MTIsMTEzLjU2NyBaIE05MS44MjksNjIuNjQ3IEw5MS44MjksMTEzLjI0OCBMMTE4LjkzNSw5Ny41OTggTDEyNS4zODIsNzYuMDE1IEMxMjUuODI3LDc0LjUyNSAxMjYuNjY0LDczLjA4MSAxMjcuNzM5LDcxLjk1IEMxMjguOTE5LDcwLjcwOCAxMzAuMjU2LDY5Ljk5NiAxMzEuNDA4LDY5Ljk5NiBDMTMyLjM3Nyw2OS45OTYgMTMzLjEzOSw3MC40OTcgMTMzLjU1NCw3MS40MDcgTDEzOS45NjEsODUuNDU4IEwxNjcuMTEzLDY5Ljc4MiBMMTY3LjExMywxOS4xODEgTDkxLjgyOSw2Mi42NDcgTDkxLjgyOSw2Mi42NDcgWiIgaWQ9IkZpbGwtMTQiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY4LjU0MywxOS4yMTMgTDE2OC41NDMsNzAuMDgzIEwxNDEuMjIxLDg1Ljg1NyBMMTM0Ljc2MSw3MS42ODkgQzEzMy44NTEsNjkuNjk0IDEzMS4zMzMsNjkuOTUxIDEyOS4xMzcsNzIuMjYzIEMxMjguMDgyLDczLjM3NCAxMjcuMjQ0LDc0LjgxOSAxMjYuODA3LDc2LjI4MiBMMTIwLjM0Niw5Ny45MDkgTDkzLjAyNSwxMTMuNjgzIEw5My4wMjUsNjIuODEzIEwxNjguNTQzLDE5LjIxMyIgaWQ9IkZpbGwtMTUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTMuMDI1LDExMy44IEM5My4wMDUsMTEzLjggOTIuOTg0LDExMy43OTUgOTIuOTY2LDExMy43ODUgQzkyLjkzMSwxMTMuNzY0IDkyLjkwOCwxMTMuNzI1IDkyLjkwOCwxMTMuNjg0IEw5Mi45MDgsNjIuODEzIEM5Mi45MDgsNjIuNzcxIDkyLjkzMSw2Mi43MzMgOTIuOTY2LDYyLjcxMiBMMTY4LjQ4NCwxOS4xMTIgQzE2OC41MiwxOS4wOSAxNjguNTY1LDE5LjA5IDE2OC42MDEsMTkuMTEyIEMxNjguNjM3LDE5LjEzMiAxNjguNjYsMTkuMTcxIDE2OC42NiwxOS4yMTIgTDE2OC42Niw3MC4wODMgQzE2OC42Niw3MC4xMjUgMTY4LjYzNyw3MC4xNjQgMTY4LjYwMSw3MC4xODQgTDE0MS4yOCw4NS45NTggQzE0MS4yNTEsODUuOTc1IDE0MS4yMTcsODUuOTc5IDE0MS4xODYsODUuOTY4IEMxNDEuMTU0LDg1Ljk1OCAxNDEuMTI5LDg1LjkzNiAxNDEuMTE1LDg1LjkwNiBMMTM0LjY1NSw3MS43MzggQzEzNC4yOCw3MC45MTUgMTMzLjU5Myw3MC40NjMgMTMyLjcyLDcwLjQ2MyBDMTMxLjYzMiw3MC40NjMgMTMwLjM1Nyw3MS4xNDggMTI5LjIyMSw3Mi4zNDQgQzEyOC4xODYsNzMuNDMzIDEyNy4zNDcsNzQuODgxIDEyNi45MTksNzYuMzE1IEwxMjAuNDU4LDk3Ljk0MyBDMTIwLjQ1LDk3Ljk3MiAxMjAuNDMxLDk3Ljk5NiAxMjAuNDA1LDk4LjAxIEw5My4wODMsMTEzLjc4NSBDOTMuMDY1LDExMy43OTUgOTMuMDQ1LDExMy44IDkzLjAyNSwxMTMuOCBMOTMuMDI1LDExMy44IFogTTkzLjE0Miw2Mi44ODEgTDkzLjE0MiwxMTMuNDgxIEwxMjAuMjQ4LDk3LjgzMiBMMTI2LjY5NSw3Ni4yNDggQzEyNy4xNCw3NC43NTggMTI3Ljk3Nyw3My4zMTUgMTI5LjA1Miw3Mi4xODMgQzEzMC4yMzEsNzAuOTQyIDEzMS41NjgsNzAuMjI5IDEzMi43Miw3MC4yMjkgQzEzMy42ODksNzAuMjI5IDEzNC40NTIsNzAuNzMxIDEzNC44NjcsNzEuNjQxIEwxNDEuMjc0LDg1LjY5MiBMMTY4LjQyNiw3MC4wMTYgTDE2OC40MjYsMTkuNDE1IEw5My4xNDIsNjIuODgxIEw5My4xNDIsNjIuODgxIFoiIGlkPSJGaWxsLTE2IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2OS44LDcwLjA4MyBMMTQyLjQ3OCw4NS44NTcgTDEzNi4wMTgsNzEuNjg5IEMxMzUuMTA4LDY5LjY5NCAxMzIuNTksNjkuOTUxIDEzMC4zOTMsNzIuMjYzIEMxMjkuMzM5LDczLjM3NCAxMjguNSw3NC44MTkgMTI4LjA2NCw3Ni4yODIgTDEyMS42MDMsOTcuOTA5IEw5NC4yODIsMTEzLjY4MyBMOTQuMjgyLDYyLjgxMyBMMTY5LjgsMTkuMjEzIEwxNjkuOCw3MC4wODMgWiIgaWQ9IkZpbGwtMTciIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTQuMjgyLDExMy45MTcgQzk0LjI0MSwxMTMuOTE3IDk0LjIwMSwxMTMuOTA3IDk0LjE2NSwxMTMuODg2IEM5NC4wOTMsMTEzLjg0NSA5NC4wNDgsMTEzLjc2NyA5NC4wNDgsMTEzLjY4NCBMOTQuMDQ4LDYyLjgxMyBDOTQuMDQ4LDYyLjczIDk0LjA5Myw2Mi42NTIgOTQuMTY1LDYyLjYxMSBMMTY5LjY4MywxOS4wMSBDMTY5Ljc1NSwxOC45NjkgMTY5Ljg0NCwxOC45NjkgMTY5LjkxNywxOS4wMSBDMTY5Ljk4OSwxOS4wNTIgMTcwLjAzMywxOS4xMjkgMTcwLjAzMywxOS4yMTIgTDE3MC4wMzMsNzAuMDgzIEMxNzAuMDMzLDcwLjE2NiAxNjkuOTg5LDcwLjI0NCAxNjkuOTE3LDcwLjI4NSBMMTQyLjU5NSw4Ni4wNiBDMTQyLjUzOCw4Ni4wOTIgMTQyLjQ2OSw4Ni4xIDE0Mi40MDcsODYuMDggQzE0Mi4zNDQsODYuMDYgMTQyLjI5Myw4Ni4wMTQgMTQyLjI2Niw4NS45NTQgTDEzNS44MDUsNzEuNzg2IEMxMzUuNDQ1LDcwLjk5NyAxMzQuODEzLDcwLjU4IDEzMy45NzcsNzAuNTggQzEzMi45MjEsNzAuNTggMTMxLjY3Niw3MS4yNTIgMTMwLjU2Miw3Mi40MjQgQzEyOS41NCw3My41MDEgMTI4LjcxMSw3NC45MzEgMTI4LjI4Nyw3Ni4zNDggTDEyMS44MjcsOTcuOTc2IEMxMjEuODEsOTguMDM0IDEyMS43NzEsOTguMDgyIDEyMS43Miw5OC4xMTIgTDk0LjM5OCwxMTMuODg2IEM5NC4zNjIsMTEzLjkwNyA5NC4zMjIsMTEzLjkxNyA5NC4yODIsMTEzLjkxNyBMOTQuMjgyLDExMy45MTcgWiBNOTQuNTE1LDYyLjk0OCBMOTQuNTE1LDExMy4yNzkgTDEyMS40MDYsOTcuNzU0IEwxMjcuODQsNzYuMjE1IEMxMjguMjksNzQuNzA4IDEyOS4xMzcsNzMuMjQ3IDEzMC4yMjQsNzIuMTAzIEMxMzEuNDI1LDcwLjgzOCAxMzIuNzkzLDcwLjExMiAxMzMuOTc3LDcwLjExMiBDMTM0Ljk5NSw3MC4xMTIgMTM1Ljc5NSw3MC42MzggMTM2LjIzLDcxLjU5MiBMMTQyLjU4NCw4NS41MjYgTDE2OS41NjYsNjkuOTQ4IEwxNjkuNTY2LDE5LjYxNyBMOTQuNTE1LDYyLjk0OCBMOTQuNTE1LDYyLjk0OCBaIiBpZD0iRmlsbC0xOCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDkuODk0LDkyLjk0MyBMMTA5Ljg5NCw5Mi45NDMgQzEwOC4xMiw5Mi45NDMgMTA2LjY1Myw5Mi4yMTggMTA1LjY1LDkwLjgyMyBDMTA1LjU4Myw5MC43MzEgMTA1LjU5Myw5MC42MSAxMDUuNjczLDkwLjUyOSBDMTA1Ljc1Myw5MC40NDggMTA1Ljg4LDkwLjQ0IDEwNS45NzQsOTAuNTA2IEMxMDYuNzU0LDkxLjA1MyAxMDcuNjc5LDkxLjMzMyAxMDguNzI0LDkxLjMzMyBDMTEwLjA0Nyw5MS4zMzMgMTExLjQ3OCw5MC44OTQgMTEyLjk4LDkwLjAyNyBDMTE4LjI5MSw4Ni45NiAxMjIuNjExLDc5LjUwOSAxMjIuNjExLDczLjQxNiBDMTIyLjYxMSw3MS40ODkgMTIyLjE2OSw2OS44NTYgMTIxLjMzMyw2OC42OTIgQzEyMS4yNjYsNjguNiAxMjEuMjc2LDY4LjQ3MyAxMjEuMzU2LDY4LjM5MiBDMTIxLjQzNiw2OC4zMTEgMTIxLjU2Myw2OC4yOTkgMTIxLjY1Niw2OC4zNjUgQzEyMy4zMjcsNjkuNTM3IDEyNC4yNDcsNzEuNzQ2IDEyNC4yNDcsNzQuNTg0IEMxMjQuMjQ3LDgwLjgyNiAxMTkuODIxLDg4LjQ0NyAxMTQuMzgyLDkxLjU4NyBDMTEyLjgwOCw5Mi40OTUgMTExLjI5OCw5Mi45NDMgMTA5Ljg5NCw5Mi45NDMgTDEwOS44OTQsOTIuOTQzIFogTTEwNi45MjUsOTEuNDAxIEMxMDcuNzM4LDkyLjA1MiAxMDguNzQ1LDkyLjI3OCAxMDkuODkzLDkyLjI3OCBMMTA5Ljg5NCw5Mi4yNzggQzExMS4yMTUsOTIuMjc4IDExMi42NDcsOTEuOTUxIDExNC4xNDgsOTEuMDg0IEMxMTkuNDU5LDg4LjAxNyAxMjMuNzgsODAuNjIxIDEyMy43OCw3NC41MjggQzEyMy43OCw3Mi41NDkgMTIzLjMxNyw3MC45MjkgMTIyLjQ1NCw2OS43NjcgQzEyMi44NjUsNzAuODAyIDEyMy4wNzksNzIuMDQyIDEyMy4wNzksNzMuNDAyIEMxMjMuMDc5LDc5LjY0NSAxMTguNjUzLDg3LjI4NSAxMTMuMjE0LDkwLjQyNSBDMTExLjY0LDkxLjMzNCAxMTAuMTMsOTEuNzQyIDEwOC43MjQsOTEuNzQyIEMxMDguMDgzLDkxLjc0MiAxMDcuNDgxLDkxLjU5MyAxMDYuOTI1LDkxLjQwMSBMMTA2LjkyNSw5MS40MDEgWiIgaWQ9IkZpbGwtMTkiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjA5Nyw5MC4yMyBDMTE4LjQ4MSw4Ny4xMjIgMTIyLjg0NSw3OS41OTQgMTIyLjg0NSw3My40MTYgQzEyMi44NDUsNzEuMzY1IDEyMi4zNjIsNjkuNzI0IDEyMS41MjIsNjguNTU2IEMxMTkuNzM4LDY3LjMwNCAxMTcuMTQ4LDY3LjM2MiAxMTQuMjY1LDY5LjAyNiBDMTA4Ljg4MSw3Mi4xMzQgMTA0LjUxNyw3OS42NjIgMTA0LjUxNyw4NS44NCBDMTA0LjUxNyw4Ny44OTEgMTA1LDg5LjUzMiAxMDUuODQsOTAuNyBDMTA3LjYyNCw5MS45NTIgMTEwLjIxNCw5MS44OTQgMTEzLjA5Nyw5MC4yMyIgaWQ9IkZpbGwtMjAiIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTA4LjcyNCw5MS42MTQgTDEwOC43MjQsOTEuNjE0IEMxMDcuNTgyLDkxLjYxNCAxMDYuNTY2LDkxLjQwMSAxMDUuNzA1LDkwLjc5NyBDMTA1LjY4NCw5MC43ODMgMTA1LjY2NSw5MC44MTEgMTA1LjY1LDkwLjc5IEMxMDQuNzU2LDg5LjU0NiAxMDQuMjgzLDg3Ljg0MiAxMDQuMjgzLDg1LjgxNyBDMTA0LjI4Myw3OS41NzUgMTA4LjcwOSw3MS45NTMgMTE0LjE0OCw2OC44MTIgQzExNS43MjIsNjcuOTA0IDExNy4yMzIsNjcuNDQ5IDExOC42MzgsNjcuNDQ5IEMxMTkuNzgsNjcuNDQ5IDEyMC43OTYsNjcuNzU4IDEyMS42NTYsNjguMzYyIEMxMjEuNjc4LDY4LjM3NyAxMjEuNjk3LDY4LjM5NyAxMjEuNzEyLDY4LjQxOCBDMTIyLjYwNiw2OS42NjIgMTIzLjA3OSw3MS4zOSAxMjMuMDc5LDczLjQxNSBDMTIzLjA3OSw3OS42NTggMTE4LjY1Myw4Ny4xOTggMTEzLjIxNCw5MC4zMzggQzExMS42NCw5MS4yNDcgMTEwLjEzLDkxLjYxNCAxMDguNzI0LDkxLjYxNCBMMTA4LjcyNCw5MS42MTQgWiBNMTA2LjAwNiw5MC41MDUgQzEwNi43OCw5MS4wMzcgMTA3LjY5NCw5MS4yODEgMTA4LjcyNCw5MS4yODEgQzExMC4wNDcsOTEuMjgxIDExMS40NzgsOTAuODY4IDExMi45OCw5MC4wMDEgQzExOC4yOTEsODYuOTM1IDEyMi42MTEsNzkuNDk2IDEyMi42MTEsNzMuNDAzIEMxMjIuNjExLDcxLjQ5NCAxMjIuMTc3LDY5Ljg4IDEyMS4zNTYsNjguNzE4IEMxMjAuNTgyLDY4LjE4NSAxMTkuNjY4LDY3LjkxOSAxMTguNjM4LDY3LjkxOSBDMTE3LjMxNSw2Ny45MTkgMTE1Ljg4Myw2OC4zNiAxMTQuMzgyLDY5LjIyNyBDMTA5LjA3MSw3Mi4yOTMgMTA0Ljc1MSw3OS43MzMgMTA0Ljc1MSw4NS44MjYgQzEwNC43NTEsODcuNzM1IDEwNS4xODUsODkuMzQzIDEwNi4wMDYsOTAuNTA1IEwxMDYuMDA2LDkwLjUwNSBaIiBpZD0iRmlsbC0yMSIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDkuMzE4LDcuMjYyIEwxMzkuMzM0LDE2LjE0IEwxNTUuMjI3LDI3LjE3MSBMMTYwLjgxNiwyMS4wNTkgTDE0OS4zMTgsNy4yNjIiIGlkPSJGaWxsLTIyIiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2OS42NzYsMTMuODQgTDE1OS45MjgsMTkuNDY3IEMxNTYuMjg2LDIxLjU3IDE1MC40LDIxLjU4IDE0Ni43ODEsMTkuNDkxIEMxNDMuMTYxLDE3LjQwMiAxNDMuMTgsMTQuMDAzIDE0Ni44MjIsMTEuOSBMMTU2LjMxNyw2LjI5MiBMMTQ5LjU4OCwyLjQwNyBMNjcuNzUyLDQ5LjQ3OCBMMTEzLjY3NSw3NS45OTIgTDExNi43NTYsNzQuMjEzIEMxMTcuMzg3LDczLjg0OCAxMTcuNjI1LDczLjMxNSAxMTcuMzc0LDcyLjgyMyBDMTE1LjAxNyw2OC4xOTEgMTE0Ljc4MSw2My4yNzcgMTE2LjY5MSw1OC41NjEgQzEyMi4zMjksNDQuNjQxIDE0MS4yLDMzLjc0NiAxNjUuMzA5LDMwLjQ5MSBDMTczLjQ3OCwyOS4zODggMTgxLjk4OSwyOS41MjQgMTkwLjAxMywzMC44ODUgQzE5MC44NjUsMzEuMDMgMTkxLjc4OSwzMC44OTMgMTkyLjQyLDMwLjUyOCBMMTk1LjUwMSwyOC43NSBMMTY5LjY3NiwxMy44NCIgaWQ9IkZpbGwtMjMiIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjY3NSw3Ni40NTkgQzExMy41OTQsNzYuNDU5IDExMy41MTQsNzYuNDM4IDExMy40NDIsNzYuMzk3IEw2Ny41MTgsNDkuODgyIEM2Ny4zNzQsNDkuNzk5IDY3LjI4NCw0OS42NDUgNjcuMjg1LDQ5LjQ3OCBDNjcuMjg1LDQ5LjMxMSA2Ny4zNzQsNDkuMTU3IDY3LjUxOSw0OS4wNzMgTDE0OS4zNTUsMi4wMDIgQzE0OS40OTksMS45MTkgMTQ5LjY3NywxLjkxOSAxNDkuODIxLDIuMDAyIEwxNTYuNTUsNS44ODcgQzE1Ni43NzQsNi4wMTcgMTU2Ljg1LDYuMzAyIDE1Ni43MjIsNi41MjYgQzE1Ni41OTIsNi43NDkgMTU2LjMwNyw2LjgyNiAxNTYuMDgzLDYuNjk2IEwxNDkuNTg3LDIuOTQ2IEw2OC42ODcsNDkuNDc5IEwxMTMuNjc1LDc1LjQ1MiBMMTE2LjUyMyw3My44MDggQzExNi43MTUsNzMuNjk3IDExNy4xNDMsNzMuMzk5IDExNi45NTgsNzMuMDM1IEMxMTQuNTQyLDY4LjI4NyAxMTQuMyw2My4yMjEgMTE2LjI1OCw1OC4zODUgQzExOS4wNjQsNTEuNDU4IDEyNS4xNDMsNDUuMTQzIDEzMy44NCw0MC4xMjIgQzE0Mi40OTcsMzUuMTI0IDE1My4zNTgsMzEuNjMzIDE2NS4yNDcsMzAuMDI4IEMxNzMuNDQ1LDI4LjkyMSAxODIuMDM3LDI5LjA1OCAxOTAuMDkxLDMwLjQyNSBDMTkwLjgzLDMwLjU1IDE5MS42NTIsMzAuNDMyIDE5Mi4xODYsMzAuMTI0IEwxOTQuNTY3LDI4Ljc1IEwxNjkuNDQyLDE0LjI0NCBDMTY5LjIxOSwxNC4xMTUgMTY5LjE0MiwxMy44MjkgMTY5LjI3MSwxMy42MDYgQzE2OS40LDEzLjM4MiAxNjkuNjg1LDEzLjMwNiAxNjkuOTA5LDEzLjQzNSBMMTk1LjczNCwyOC4zNDUgQzE5NS44NzksMjguNDI4IDE5NS45NjgsMjguNTgzIDE5NS45NjgsMjguNzUgQzE5NS45NjgsMjguOTE2IDE5NS44NzksMjkuMDcxIDE5NS43MzQsMjkuMTU0IEwxOTIuNjUzLDMwLjkzMyBDMTkxLjkzMiwzMS4zNSAxOTAuODksMzEuNTA4IDE4OS45MzUsMzEuMzQ2IEMxODEuOTcyLDI5Ljk5NSAxNzMuNDc4LDI5Ljg2IDE2NS4zNzIsMzAuOTU0IEMxNTMuNjAyLDMyLjU0MyAxNDIuODYsMzUuOTkzIDEzNC4zMDcsNDAuOTMxIEMxMjUuNzkzLDQ1Ljg0NyAxMTkuODUxLDUyLjAwNCAxMTcuMTI0LDU4LjczNiBDMTE1LjI3LDYzLjMxNCAxMTUuNTAxLDY4LjExMiAxMTcuNzksNzIuNjExIEMxMTguMTYsNzMuMzM2IDExNy44NDUsNzQuMTI0IDExNi45OSw3NC42MTcgTDExMy45MDksNzYuMzk3IEMxMTMuODM2LDc2LjQzOCAxMTMuNzU2LDc2LjQ1OSAxMTMuNjc1LDc2LjQ1OSIgaWQ9IkZpbGwtMjQiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUzLjMxNiwyMS4yNzkgQzE1MC45MDMsMjEuMjc5IDE0OC40OTUsMjAuNzUxIDE0Ni42NjQsMTkuNjkzIEMxNDQuODQ2LDE4LjY0NCAxNDMuODQ0LDE3LjIzMiAxNDMuODQ0LDE1LjcxOCBDMTQzLjg0NCwxNC4xOTEgMTQ0Ljg2LDEyLjc2MyAxNDYuNzA1LDExLjY5OCBMMTU2LjE5OCw2LjA5MSBDMTU2LjMwOSw2LjAyNSAxNTYuNDUyLDYuMDYyIDE1Ni41MTgsNi4xNzMgQzE1Ni41ODMsNi4yODQgMTU2LjU0Nyw2LjQyNyAxNTYuNDM2LDYuNDkzIEwxNDYuOTQsMTIuMTAyIEMxNDUuMjQ0LDEzLjA4MSAxNDQuMzEyLDE0LjM2NSAxNDQuMzEyLDE1LjcxOCBDMTQ0LjMxMiwxNy4wNTggMTQ1LjIzLDE4LjMyNiAxNDYuODk3LDE5LjI4OSBDMTUwLjQ0NiwyMS4zMzggMTU2LjI0LDIxLjMyNyAxNTkuODExLDE5LjI2NSBMMTY5LjU1OSwxMy42MzcgQzE2OS42NywxMy41NzMgMTY5LjgxMywxMy42MTEgMTY5Ljg3OCwxMy43MjMgQzE2OS45NDMsMTMuODM0IDE2OS45MDQsMTMuOTc3IDE2OS43OTMsMTQuMDQyIEwxNjAuMDQ1LDE5LjY3IEMxNTguMTg3LDIwLjc0MiAxNTUuNzQ5LDIxLjI3OSAxNTMuMzE2LDIxLjI3OSIgaWQ9IkZpbGwtMjUiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjY3NSw3NS45OTIgTDY3Ljc2Miw0OS40ODQiIGlkPSJGaWxsLTI2IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMy42NzUsNzYuMzQyIEMxMTMuNjE1LDc2LjM0MiAxMTMuNTU1LDc2LjMyNyAxMTMuNSw3Ni4yOTUgTDY3LjU4Nyw0OS43ODcgQzY3LjQxOSw0OS42OSA2Ny4zNjIsNDkuNDc2IDY3LjQ1OSw0OS4zMDkgQzY3LjU1Niw0OS4xNDEgNjcuNzcsNDkuMDgzIDY3LjkzNyw0OS4xOCBMMTEzLjg1LDc1LjY4OCBDMTE0LjAxOCw3NS43ODUgMTE0LjA3NSw3NiAxMTMuOTc4LDc2LjE2NyBDMTEzLjkxNCw3Ni4yNzkgMTEzLjc5Niw3Ni4zNDIgMTEzLjY3NSw3Ni4zNDIiIGlkPSJGaWxsLTI3IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY3Ljc2Miw0OS40ODQgTDY3Ljc2MiwxMDMuNDg1IEM2Ny43NjIsMTA0LjU3NSA2OC41MzIsMTA1LjkwMyA2OS40ODIsMTA2LjQ1MiBMMTExLjk1NSwxMzAuOTczIEMxMTIuOTA1LDEzMS41MjIgMTEzLjY3NSwxMzEuMDgzIDExMy42NzUsMTI5Ljk5MyBMMTEzLjY3NSw3NS45OTIiIGlkPSJGaWxsLTI4IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMi43MjcsMTMxLjU2MSBDMTEyLjQzLDEzMS41NjEgMTEyLjEwNywxMzEuNDY2IDExMS43OCwxMzEuMjc2IEw2OS4zMDcsMTA2Ljc1NSBDNjguMjQ0LDEwNi4xNDIgNjcuNDEyLDEwNC43MDUgNjcuNDEyLDEwMy40ODUgTDY3LjQxMiw0OS40ODQgQzY3LjQxMiw0OS4yOSA2Ny41NjksNDkuMTM0IDY3Ljc2Miw0OS4xMzQgQzY3Ljk1Niw0OS4xMzQgNjguMTEzLDQ5LjI5IDY4LjExMyw0OS40ODQgTDY4LjExMywxMDMuNDg1IEM2OC4xMTMsMTA0LjQ0NSA2OC44MiwxMDUuNjY1IDY5LjY1NywxMDYuMTQ4IEwxMTIuMTMsMTMwLjY3IEMxMTIuNDc0LDEzMC44NjggMTEyLjc5MSwxMzAuOTEzIDExMywxMzAuNzkyIEMxMTMuMjA2LDEzMC42NzMgMTEzLjMyNSwxMzAuMzgxIDExMy4zMjUsMTI5Ljk5MyBMMTEzLjMyNSw3NS45OTIgQzExMy4zMjUsNzUuNzk4IDExMy40ODIsNzUuNjQxIDExMy42NzUsNzUuNjQxIEMxMTMuODY5LDc1LjY0MSAxMTQuMDI1LDc1Ljc5OCAxMTQuMDI1LDc1Ljk5MiBMMTE0LjAyNSwxMjkuOTkzIEMxMTQuMDI1LDEzMC42NDggMTEzLjc4NiwxMzEuMTQ3IDExMy4zNSwxMzEuMzk5IEMxMTMuMTYyLDEzMS41MDcgMTEyLjk1MiwxMzEuNTYxIDExMi43MjcsMTMxLjU2MSIgaWQ9IkZpbGwtMjkiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEyLjg2LDQwLjUxMiBDMTEyLjg2LDQwLjUxMiAxMTIuODYsNDAuNTEyIDExMi44NTksNDAuNTEyIEMxMTAuNTQxLDQwLjUxMiAxMDguMzYsMzkuOTkgMTA2LjcxNywzOS4wNDEgQzEwNS4wMTIsMzguMDU3IDEwNC4wNzQsMzYuNzI2IDEwNC4wNzQsMzUuMjkyIEMxMDQuMDc0LDMzLjg0NyAxMDUuMDI2LDMyLjUwMSAxMDYuNzU0LDMxLjUwNCBMMTE4Ljc5NSwyNC41NTEgQzEyMC40NjMsMjMuNTg5IDEyMi42NjksMjMuMDU4IDEyNS4wMDcsMjMuMDU4IEMxMjcuMzI1LDIzLjA1OCAxMjkuNTA2LDIzLjU4MSAxMzEuMTUsMjQuNTMgQzEzMi44NTQsMjUuNTE0IDEzMy43OTMsMjYuODQ1IDEzMy43OTMsMjguMjc4IEMxMzMuNzkzLDI5LjcyNCAxMzIuODQxLDMxLjA2OSAxMzEuMTEzLDMyLjA2NyBMMTE5LjA3MSwzOS4wMTkgQzExNy40MDMsMzkuOTgyIDExNS4xOTcsNDAuNTEyIDExMi44Niw0MC41MTIgTDExMi44Niw0MC41MTIgWiBNMTI1LjAwNywyMy43NTkgQzEyMi43OSwyMy43NTkgMTIwLjcwOSwyNC4yNTYgMTE5LjE0NiwyNS4xNTggTDEwNy4xMDQsMzIuMTEgQzEwNS42MDIsMzIuOTc4IDEwNC43NzQsMzQuMTA4IDEwNC43NzQsMzUuMjkyIEMxMDQuNzc0LDM2LjQ2NSAxMDUuNTg5LDM3LjU4MSAxMDcuMDY3LDM4LjQzNCBDMTA4LjYwNSwzOS4zMjMgMTEwLjY2MywzOS44MTIgMTEyLjg1OSwzOS44MTIgTDExMi44NiwzOS44MTIgQzExNS4wNzYsMzkuODEyIDExNy4xNTgsMzkuMzE1IDExOC43MjEsMzguNDEzIEwxMzAuNzYyLDMxLjQ2IEMxMzIuMjY0LDMwLjU5MyAxMzMuMDkyLDI5LjQ2MyAxMzMuMDkyLDI4LjI3OCBDMTMzLjA5MiwyNy4xMDYgMTMyLjI3OCwyNS45OSAxMzAuOCwyNS4xMzYgQzEyOS4yNjEsMjQuMjQ4IDEyNy4yMDQsMjMuNzU5IDEyNS4wMDcsMjMuNzU5IEwxMjUuMDA3LDIzLjc1OSBaIiBpZD0iRmlsbC0zMCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjUuNjMsMTYuMjE5IEwxNTkuODk2LDE5LjUzIEMxNTYuNzI5LDIxLjM1OCAxNTEuNjEsMjEuMzY3IDE0OC40NjMsMTkuNTUgQzE0NS4zMTYsMTcuNzMzIDE0NS4zMzIsMTQuNzc4IDE0OC40OTksMTIuOTQ5IEwxNTQuMjMzLDkuNjM5IEwxNjUuNjMsMTYuMjE5IiBpZD0iRmlsbC0zMSIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNTQuMjMzLDEwLjQ0OCBMMTY0LjIyOCwxNi4yMTkgTDE1OS41NDYsMTguOTIzIEMxNTguMTEyLDE5Ljc1IDE1Ni4xOTQsMjAuMjA2IDE1NC4xNDcsMjAuMjA2IEMxNTIuMTE4LDIwLjIwNiAxNTAuMjI0LDE5Ljc1NyAxNDguODE0LDE4Ljk0MyBDMTQ3LjUyNCwxOC4xOTkgMTQ2LjgxNCwxNy4yNDkgMTQ2LjgxNCwxNi4yNjkgQzE0Ni44MTQsMTUuMjc4IDE0Ny41MzcsMTQuMzE0IDE0OC44NSwxMy41NTYgTDE1NC4yMzMsMTAuNDQ4IE0xNTQuMjMzLDkuNjM5IEwxNDguNDk5LDEyLjk0OSBDMTQ1LjMzMiwxNC43NzggMTQ1LjMxNiwxNy43MzMgMTQ4LjQ2MywxOS41NSBDMTUwLjAzMSwyMC40NTUgMTUyLjA4NiwyMC45MDcgMTU0LjE0NywyMC45MDcgQzE1Ni4yMjQsMjAuOTA3IDE1OC4zMDYsMjAuNDQ3IDE1OS44OTYsMTkuNTMgTDE2NS42MywxNi4yMTkgTDE1NC4yMzMsOS42MzkiIGlkPSJGaWxsLTMyIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0NS40NDUsNzIuNjY3IEwxNDUuNDQ1LDcyLjY2NyBDMTQzLjY3Miw3Mi42NjcgMTQyLjIwNCw3MS44MTcgMTQxLjIwMiw3MC40MjIgQzE0MS4xMzUsNzAuMzMgMTQxLjE0NSw3MC4xNDcgMTQxLjIyNSw3MC4wNjYgQzE0MS4zMDUsNjkuOTg1IDE0MS40MzIsNjkuOTQ2IDE0MS41MjUsNzAuMDExIEMxNDIuMzA2LDcwLjU1OSAxNDMuMjMxLDcwLjgyMyAxNDQuMjc2LDcwLjgyMiBDMTQ1LjU5OCw3MC44MjIgMTQ3LjAzLDcwLjM3NiAxNDguNTMyLDY5LjUwOSBDMTUzLjg0Miw2Ni40NDMgMTU4LjE2Myw1OC45ODcgMTU4LjE2Myw1Mi44OTQgQzE1OC4xNjMsNTAuOTY3IDE1Ny43MjEsNDkuMzMyIDE1Ni44ODQsNDguMTY4IEMxNTYuODE4LDQ4LjA3NiAxNTYuODI4LDQ3Ljk0OCAxNTYuOTA4LDQ3Ljg2NyBDMTU2Ljk4OCw0Ny43ODYgMTU3LjExNCw0Ny43NzQgMTU3LjIwOCw0Ny44NCBDMTU4Ljg3OCw0OS4wMTIgMTU5Ljc5OCw1MS4yMiAxNTkuNzk4LDU0LjA1OSBDMTU5Ljc5OCw2MC4zMDEgMTU1LjM3Myw2OC4wNDYgMTQ5LjkzMyw3MS4xODYgQzE0OC4zNiw3Mi4wOTQgMTQ2Ljg1LDcyLjY2NyAxNDUuNDQ1LDcyLjY2NyBMMTQ1LjQ0NSw3Mi42NjcgWiBNMTQyLjQ3Niw3MSBDMTQzLjI5LDcxLjY1MSAxNDQuMjk2LDcyLjAwMiAxNDUuNDQ1LDcyLjAwMiBDMTQ2Ljc2Nyw3Mi4wMDIgMTQ4LjE5OCw3MS41NSAxNDkuNyw3MC42ODIgQzE1NS4wMSw2Ny42MTcgMTU5LjMzMSw2MC4xNTkgMTU5LjMzMSw1NC4wNjUgQzE1OS4zMzEsNTIuMDg1IDE1OC44NjgsNTAuNDM1IDE1OC4wMDYsNDkuMjcyIEMxNTguNDE3LDUwLjMwNyAxNTguNjMsNTEuNTMyIDE1OC42Myw1Mi44OTIgQzE1OC42Myw1OS4xMzQgMTU0LjIwNSw2Ni43NjcgMTQ4Ljc2NSw2OS45MDcgQzE0Ny4xOTIsNzAuODE2IDE0NS42ODEsNzEuMjgzIDE0NC4yNzYsNzEuMjgzIEMxNDMuNjM0LDcxLjI4MyAxNDMuMDMzLDcxLjE5MiAxNDIuNDc2LDcxIEwxNDIuNDc2LDcxIFoiIGlkPSJGaWxsLTMzIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0OC42NDgsNjkuNzA0IEMxNTQuMDMyLDY2LjU5NiAxNTguMzk2LDU5LjA2OCAxNTguMzk2LDUyLjg5MSBDMTU4LjM5Niw1MC44MzkgMTU3LjkxMyw0OS4xOTggMTU3LjA3NCw0OC4wMyBDMTU1LjI4OSw0Ni43NzggMTUyLjY5OSw0Ni44MzYgMTQ5LjgxNiw0OC41MDEgQzE0NC40MzMsNTEuNjA5IDE0MC4wNjgsNTkuMTM3IDE0MC4wNjgsNjUuMzE0IEMxNDAuMDY4LDY3LjM2NSAxNDAuNTUyLDY5LjAwNiAxNDEuMzkxLDcwLjE3NCBDMTQzLjE3Niw3MS40MjcgMTQ1Ljc2NSw3MS4zNjkgMTQ4LjY0OCw2OS43MDQiIGlkPSJGaWxsLTM0IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0NC4yNzYsNzEuMjc2IEwxNDQuMjc2LDcxLjI3NiBDMTQzLjEzMyw3MS4yNzYgMTQyLjExOCw3MC45NjkgMTQxLjI1Nyw3MC4zNjUgQzE0MS4yMzYsNzAuMzUxIDE0MS4yMTcsNzAuMzMyIDE0MS4yMDIsNzAuMzExIEMxNDAuMzA3LDY5LjA2NyAxMzkuODM1LDY3LjMzOSAxMzkuODM1LDY1LjMxNCBDMTM5LjgzNSw1OS4wNzMgMTQ0LjI2LDUxLjQzOSAxNDkuNyw0OC4yOTggQzE1MS4yNzMsNDcuMzkgMTUyLjc4NCw0Ni45MjkgMTU0LjE4OSw0Ni45MjkgQzE1NS4zMzIsNDYuOTI5IDE1Ni4zNDcsNDcuMjM2IDE1Ny4yMDgsNDcuODM5IEMxNTcuMjI5LDQ3Ljg1NCAxNTcuMjQ4LDQ3Ljg3MyAxNTcuMjYzLDQ3Ljg5NCBDMTU4LjE1Nyw0OS4xMzggMTU4LjYzLDUwLjg2NSAxNTguNjMsNTIuODkxIEMxNTguNjMsNTkuMTMyIDE1NC4yMDUsNjYuNzY2IDE0OC43NjUsNjkuOTA3IEMxNDcuMTkyLDcwLjgxNSAxNDUuNjgxLDcxLjI3NiAxNDQuMjc2LDcxLjI3NiBMMTQ0LjI3Niw3MS4yNzYgWiBNMTQxLjU1OCw3MC4xMDQgQzE0Mi4zMzEsNzAuNjM3IDE0My4yNDUsNzEuMDA1IDE0NC4yNzYsNzEuMDA1IEMxNDUuNTk4LDcxLjAwNSAxNDcuMDMsNzAuNDY3IDE0OC41MzIsNjkuNiBDMTUzLjg0Miw2Ni41MzQgMTU4LjE2Myw1OS4wMzMgMTU4LjE2Myw1Mi45MzkgQzE1OC4xNjMsNTEuMDMxIDE1Ny43MjksNDkuMzg1IDE1Ni45MDcsNDguMjIzIEMxNTYuMTMzLDQ3LjY5MSAxNTUuMjE5LDQ3LjQwOSAxNTQuMTg5LDQ3LjQwOSBDMTUyLjg2Nyw0Ny40MDkgMTUxLjQzNSw0Ny44NDIgMTQ5LjkzMyw0OC43MDkgQzE0NC42MjMsNTEuNzc1IDE0MC4zMDIsNTkuMjczIDE0MC4zMDIsNjUuMzY2IEMxNDAuMzAyLDY3LjI3NiAxNDAuNzM2LDY4Ljk0MiAxNDEuNTU4LDcwLjEwNCBMMTQxLjU1OCw3MC4xMDQgWiIgaWQ9IkZpbGwtMzUiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUwLjcyLDY1LjM2MSBMMTUwLjM1Nyw2NS4wNjYgQzE1MS4xNDcsNjQuMDkyIDE1MS44NjksNjMuMDQgMTUyLjUwNSw2MS45MzggQzE1My4zMTMsNjAuNTM5IDE1My45NzgsNTkuMDY3IDE1NC40ODIsNTcuNTYzIEwxNTQuOTI1LDU3LjcxMiBDMTU0LjQxMiw1OS4yNDUgMTUzLjczMyw2MC43NDUgMTUyLjkxLDYyLjE3MiBDMTUyLjI2Miw2My4yOTUgMTUxLjUyNSw2NC4zNjggMTUwLjcyLDY1LjM2MSIgaWQ9IkZpbGwtMzYiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE1LjkxNyw4NC41MTQgTDExNS41NTQsODQuMjIgQzExNi4zNDQsODMuMjQ1IDExNy4wNjYsODIuMTk0IDExNy43MDIsODEuMDkyIEMxMTguNTEsNzkuNjkyIDExOS4xNzUsNzguMjIgMTE5LjY3OCw3Ni43MTcgTDEyMC4xMjEsNzYuODY1IEMxMTkuNjA4LDc4LjM5OCAxMTguOTMsNzkuODk5IDExOC4xMDYsODEuMzI2IEMxMTcuNDU4LDgyLjQ0OCAxMTYuNzIyLDgzLjUyMSAxMTUuOTE3LDg0LjUxNCIgaWQ9IkZpbGwtMzciIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE0LDEzMC40NzYgTDExNCwxMzAuMDA4IEwxMTQsNzYuMDUyIEwxMTQsNzUuNTg0IEwxMTQsNzYuMDUyIEwxMTQsMTMwLjAwOCBMMTE0LDEzMC40NzYiIGlkPSJGaWxsLTM4IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuODIyLDM3LjQ3NCBDMTkuODM5LDM3LjMzOSAxOS43NDcsMzcuMTk0IDE5LjU1NSwzNy4wODIgQzE5LjIyOCwzNi44OTQgMTguNzI5LDM2Ljg3MiAxOC40NDYsMzcuMDM3IEwxMi40MzQsNDAuNTA4IEMxMi4zMDMsNDAuNTg0IDEyLjI0LDQwLjY4NiAxMi4yNDMsNDAuNzkzIEMxMi4yNDUsNDAuOTI1IDEyLjI0NSw0MS4yNTQgMTIuMjQ1LDQxLjM3MSBMMTIuMjQ1LDQxLjQxNCBMMTIuMjM4LDQxLjU0MiBDOC4xNDgsNDMuODg3IDUuNjQ3LDQ1LjMyMSA1LjY0Nyw0NS4zMjEgQzUuNjQ2LDQ1LjMyMSAzLjU3LDQ2LjM2NyAyLjg2LDUwLjUxMyBDMi44Niw1MC41MTMgMS45NDgsNTcuNDc0IDEuOTYyLDcwLjI1OCBDMS45NzcsODIuODI4IDIuNTY4LDg3LjMyOCAzLjEyOSw5MS42MDkgQzMuMzQ5LDkzLjI5MyA2LjEzLDkzLjczNCA2LjEzLDkzLjczNCBDNi40NjEsOTMuNzc0IDYuODI4LDkzLjcwNyA3LjIxLDkzLjQ4NiBMODIuNDgzLDQ5LjkzNSBDODQuMjkxLDQ4Ljg2NiA4NS4xNSw0Ni4yMTYgODUuNTM5LDQzLjY1MSBDODYuNzUyLDM1LjY2MSA4Ny4yMTQsMTAuNjczIDg1LjI2NCwzLjc3MyBDODUuMDY4LDMuMDggODQuNzU0LDIuNjkgODQuMzk2LDIuNDkxIEw4Mi4zMSwxLjcwMSBDODEuNTgzLDEuNzI5IDgwLjg5NCwyLjE2OCA4MC43NzYsMi4yMzYgQzgwLjYzNiwyLjMxNyA0MS44MDcsMjQuNTg1IDIwLjAzMiwzNy4wNzIgTDE5LjgyMiwzNy40NzQiIGlkPSJGaWxsLTEiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODIuMzExLDEuNzAxIEw4NC4zOTYsMi40OTEgQzg0Ljc1NCwyLjY5IDg1LjA2OCwzLjA4IDg1LjI2NCwzLjc3MyBDODcuMjEzLDEwLjY3MyA4Ni43NTEsMzUuNjYgODUuNTM5LDQzLjY1MSBDODUuMTQ5LDQ2LjIxNiA4NC4yOSw0OC44NjYgODIuNDgzLDQ5LjkzNSBMNy4yMSw5My40ODYgQzYuODk3LDkzLjY2NyA2LjU5NSw5My43NDQgNi4zMTQsOTMuNzQ0IEw2LjEzMSw5My43MzMgQzYuMTMxLDkzLjczNCAzLjM0OSw5My4yOTMgMy4xMjgsOTEuNjA5IEMyLjU2OCw4Ny4zMjcgMS45NzcsODIuODI4IDEuOTYzLDcwLjI1OCBDMS45NDgsNTcuNDc0IDIuODYsNTAuNTEzIDIuODYsNTAuNTEzIEMzLjU3LDQ2LjM2NyA1LjY0Nyw0NS4zMjEgNS42NDcsNDUuMzIxIEM1LjY0Nyw0NS4zMjEgOC4xNDgsNDMuODg3IDEyLjIzOCw0MS41NDIgTDEyLjI0NSw0MS40MTQgTDEyLjI0NSw0MS4zNzEgQzEyLjI0NSw0MS4yNTQgMTIuMjQ1LDQwLjkyNSAxMi4yNDMsNDAuNzkzIEMxMi4yNCw0MC42ODYgMTIuMzAyLDQwLjU4MyAxMi40MzQsNDAuNTA4IEwxOC40NDYsMzcuMDM2IEMxOC41NzQsMzYuOTYyIDE4Ljc0NiwzNi45MjYgMTguOTI3LDM2LjkyNiBDMTkuMTQ1LDM2LjkyNiAxOS4zNzYsMzYuOTc5IDE5LjU1NCwzNy4wODIgQzE5Ljc0NywzNy4xOTQgMTkuODM5LDM3LjM0IDE5LjgyMiwzNy40NzQgTDIwLjAzMywzNy4wNzIgQzQxLjgwNiwyNC41ODUgODAuNjM2LDIuMzE4IDgwLjc3NywyLjIzNiBDODAuODk0LDIuMTY4IDgxLjU4MywxLjcyOSA4Mi4zMTEsMS43MDEgTTgyLjMxMSwwLjcwNCBMODIuMjcyLDAuNzA1IEM4MS42NTQsMC43MjggODAuOTg5LDAuOTQ5IDgwLjI5OCwxLjM2MSBMODAuMjc3LDEuMzczIEM4MC4xMjksMS40NTggNTkuNzY4LDEzLjEzNSAxOS43NTgsMzYuMDc5IEMxOS41LDM1Ljk4MSAxOS4yMTQsMzUuOTI5IDE4LjkyNywzNS45MjkgQzE4LjU2MiwzNS45MjkgMTguMjIzLDM2LjAxMyAxNy45NDcsMzYuMTczIEwxMS45MzUsMzkuNjQ0IEMxMS40OTMsMzkuODk5IDExLjIzNiw0MC4zMzQgMTEuMjQ2LDQwLjgxIEwxMS4yNDcsNDAuOTYgTDUuMTY3LDQ0LjQ0NyBDNC43OTQsNDQuNjQ2IDIuNjI1LDQ1Ljk3OCAxLjg3Nyw1MC4zNDUgTDEuODcxLDUwLjM4NCBDMS44NjIsNTAuNDU0IDAuOTUxLDU3LjU1NyAwLjk2NSw3MC4yNTkgQzAuOTc5LDgyLjg3OSAxLjU2OCw4Ny4zNzUgMi4xMzcsOTEuNzI0IEwyLjEzOSw5MS43MzkgQzIuNDQ3LDk0LjA5NCA1LjYxNCw5NC42NjIgNS45NzUsOTQuNzE5IEw2LjAwOSw5NC43MjMgQzYuMTEsOTQuNzM2IDYuMjEzLDk0Ljc0MiA2LjMxNCw5NC43NDIgQzYuNzksOTQuNzQyIDcuMjYsOTQuNjEgNy43MSw5NC4zNSBMODIuOTgzLDUwLjc5OCBDODQuNzk0LDQ5LjcyNyA4NS45ODIsNDcuMzc1IDg2LjUyNSw0My44MDEgQzg3LjcxMSwzNS45ODcgODguMjU5LDEwLjcwNSA4Ni4yMjQsMy41MDIgQzg1Ljk3MSwyLjYwOSA4NS41MiwxLjk3NSA4NC44ODEsMS42MiBMODQuNzQ5LDEuNTU4IEw4Mi42NjQsMC43NjkgQzgyLjU1MSwwLjcyNSA4Mi40MzEsMC43MDQgODIuMzExLDAuNzA0IiBpZD0iRmlsbC0yIiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY2LjI2NywxMS41NjUgTDY3Ljc2MiwxMS45OTkgTDExLjQyMyw0NC4zMjUiIGlkPSJGaWxsLTMiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMjAyLDkwLjU0NSBDMTIuMDI5LDkwLjU0NSAxMS44NjIsOTAuNDU1IDExLjc2OSw5MC4yOTUgQzExLjYzMiw5MC4wNTcgMTEuNzEzLDg5Ljc1MiAxMS45NTIsODkuNjE0IEwzMC4zODksNzguOTY5IEMzMC42MjgsNzguODMxIDMwLjkzMyw3OC45MTMgMzEuMDcxLDc5LjE1MiBDMzEuMjA4LDc5LjM5IDMxLjEyNyw3OS42OTYgMzAuODg4LDc5LjgzMyBMMTIuNDUxLDkwLjQ3OCBMMTIuMjAyLDkwLjU0NSIgaWQ9IkZpbGwtNCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy43NjQsNDIuNjU0IEwxMy42NTYsNDIuNTkyIEwxMy43MDIsNDIuNDIxIEwxOC44MzcsMzkuNDU3IEwxOS4wMDcsMzkuNTAyIEwxOC45NjIsMzkuNjczIEwxMy44MjcsNDIuNjM3IEwxMy43NjQsNDIuNjU0IiBpZD0iRmlsbC01IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNTIsOTAuMzc1IEw4LjUyLDQ2LjQyMSBMOC41ODMsNDYuMzg1IEw3NS44NCw3LjU1NCBMNzUuODQsNTEuNTA4IEw3NS43NzgsNTEuNTQ0IEw4LjUyLDkwLjM3NSBMOC41Miw5MC4zNzUgWiBNOC43Nyw0Ni41NjQgTDguNzcsODkuOTQ0IEw3NS41OTEsNTEuMzY1IEw3NS41OTEsNy45ODUgTDguNzcsNDYuNTY0IEw4Ljc3LDQ2LjU2NCBaIiBpZD0iRmlsbC02IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ljk4Niw4My4xODIgQzI0Ljc1Niw4My4zMzEgMjQuMzc0LDgzLjU2NiAyNC4xMzcsODMuNzA1IEwxMi42MzIsOTAuNDA2IEMxMi4zOTUsOTAuNTQ1IDEyLjQyNiw5MC42NTggMTIuNyw5MC42NTggTDEzLjI2NSw5MC42NTggQzEzLjU0LDkwLjY1OCAxMy45NTgsOTAuNTQ1IDE0LjE5NSw5MC40MDYgTDI1LjcsODMuNzA1IEMyNS45MzcsODMuNTY2IDI2LjEyOCw4My40NTIgMjYuMTI1LDgzLjQ0OSBDMjYuMTIyLDgzLjQ0NyAyNi4xMTksODMuMjIgMjYuMTE5LDgyLjk0NiBDMjYuMTE5LDgyLjY3MiAyNS45MzEsODIuNTY5IDI1LjcwMSw4Mi43MTkgTDI0Ljk4Niw4My4xODIiIGlkPSJGaWxsLTciIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuMjY2LDkwLjc4MiBMMTIuNyw5MC43ODIgQzEyLjUsOTAuNzgyIDEyLjM4NCw5MC43MjYgMTIuMzU0LDkwLjYxNiBDMTIuMzI0LDkwLjUwNiAxMi4zOTcsOTAuMzk5IDEyLjU2OSw5MC4yOTkgTDI0LjA3NCw4My41OTcgQzI0LjMxLDgzLjQ1OSAyNC42ODksODMuMjI2IDI0LjkxOCw4My4wNzggTDI1LjYzMyw4Mi42MTQgQzI1LjcyMyw4Mi41NTUgMjUuODEzLDgyLjUyNSAyNS44OTksODIuNTI1IEMyNi4wNzEsODIuNTI1IDI2LjI0NCw4Mi42NTUgMjYuMjQ0LDgyLjk0NiBDMjYuMjQ0LDgzLjE2IDI2LjI0NSw4My4zMDkgMjYuMjQ3LDgzLjM4MyBMMjYuMjUzLDgzLjM4NyBMMjYuMjQ5LDgzLjQ1NiBDMjYuMjQ2LDgzLjUzMSAyNi4yNDYsODMuNTMxIDI1Ljc2Myw4My44MTIgTDE0LjI1OCw5MC41MTQgQzE0LDkwLjY2NSAxMy41NjQsOTAuNzgyIDEzLjI2Niw5MC43ODIgTDEzLjI2Niw5MC43ODIgWiBNMTIuNjY2LDkwLjUzMiBMMTIuNyw5MC41MzMgTDEzLjI2Niw5MC41MzMgQzEzLjUxOCw5MC41MzMgMTMuOTE1LDkwLjQyNSAxNC4xMzIsOTAuMjk5IEwyNS42MzcsODMuNTk3IEMyNS44MDUsODMuNDk5IDI1LjkzMSw4My40MjQgMjUuOTk4LDgzLjM4MyBDMjUuOTk0LDgzLjI5OSAyNS45OTQsODMuMTY1IDI1Ljk5NCw4Mi45NDYgTDI1Ljg5OSw4Mi43NzUgTDI1Ljc2OCw4Mi44MjQgTDI1LjA1NCw4My4yODcgQzI0LjgyMiw4My40MzcgMjQuNDM4LDgzLjY3MyAyNC4yLDgzLjgxMiBMMTIuNjk1LDkwLjUxNCBMMTIuNjY2LDkwLjUzMiBMMTIuNjY2LDkwLjUzMiBaIiBpZD0iRmlsbC04IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjI2Niw4OS44NzEgTDEyLjcsODkuODcxIEMxMi41LDg5Ljg3MSAxMi4zODQsODkuODE1IDEyLjM1NCw4OS43MDUgQzEyLjMyNCw4OS41OTUgMTIuMzk3LDg5LjQ4OCAxMi41NjksODkuMzg4IEwyNC4wNzQsODIuNjg2IEMyNC4zMzIsODIuNTM1IDI0Ljc2OCw4Mi40MTggMjUuMDY3LDgyLjQxOCBMMjUuNjMyLDgyLjQxOCBDMjUuODMyLDgyLjQxOCAyNS45NDgsODIuNDc0IDI1Ljk3OCw4Mi41ODQgQzI2LjAwOCw4Mi42OTQgMjUuOTM1LDgyLjgwMSAyNS43NjMsODIuOTAxIEwxNC4yNTgsODkuNjAzIEMxNCw4OS43NTQgMTMuNTY0LDg5Ljg3MSAxMy4yNjYsODkuODcxIEwxMy4yNjYsODkuODcxIFogTTEyLjY2Niw4OS42MjEgTDEyLjcsODkuNjIyIEwxMy4yNjYsODkuNjIyIEMxMy41MTgsODkuNjIyIDEzLjkxNSw4OS41MTUgMTQuMTMyLDg5LjM4OCBMMjUuNjM3LDgyLjY4NiBMMjUuNjY3LDgyLjY2OCBMMjUuNjMyLDgyLjY2NyBMMjUuMDY3LDgyLjY2NyBDMjQuODE1LDgyLjY2NyAyNC40MTgsODIuNzc1IDI0LjIsODIuOTAxIEwxMi42OTUsODkuNjAzIEwxMi42NjYsODkuNjIxIEwxMi42NjYsODkuNjIxIFoiIGlkPSJGaWxsLTkiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMzcsOTAuODAxIEwxMi4zNyw4OS41NTQgTDEyLjM3LDkwLjgwMSIgaWQ9IkZpbGwtMTAiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4xMyw5My45MDEgQzUuMzc5LDkzLjgwOCA0LjgxNiw5My4xNjQgNC42OTEsOTIuNTI1IEMzLjg2LDg4LjI4NyAzLjU0LDgzLjc0MyAzLjUyNiw3MS4xNzMgQzMuNTExLDU4LjM4OSA0LjQyMyw1MS40MjggNC40MjMsNTEuNDI4IEM1LjEzNCw0Ny4yODIgNy4yMSw0Ni4yMzYgNy4yMSw0Ni4yMzYgQzcuMjEsNDYuMjM2IDgxLjY2NywzLjI1IDgyLjA2OSwzLjAxNyBDODIuMjkyLDIuODg4IDg0LjU1NiwxLjQzMyA4NS4yNjQsMy45NCBDODcuMjE0LDEwLjg0IDg2Ljc1MiwzNS44MjcgODUuNTM5LDQzLjgxOCBDODUuMTUsNDYuMzgzIDg0LjI5MSw0OS4wMzMgODIuNDgzLDUwLjEwMSBMNy4yMSw5My42NTMgQzYuODI4LDkzLjg3NCA2LjQ2MSw5My45NDEgNi4xMyw5My45MDEgQzYuMTMsOTMuOTAxIDMuMzQ5LDkzLjQ2IDMuMTI5LDkxLjc3NiBDMi41NjgsODcuNDk1IDEuOTc3LDgyLjk5NSAxLjk2Miw3MC40MjUgQzEuOTQ4LDU3LjY0MSAyLjg2LDUwLjY4IDIuODYsNTAuNjggQzMuNTcsNDYuNTM0IDUuNjQ3LDQ1LjQ4OSA1LjY0Nyw0NS40ODkgQzUuNjQ2LDQ1LjQ4OSA4LjA2NSw0NC4wOTIgMTIuMjQ1LDQxLjY3OSBMMTMuMTE2LDQxLjU2IEwxOS43MTUsMzcuNzMgTDE5Ljc2MSwzNy4yNjkgTDYuMTMsOTMuOTAxIiBpZD0iRmlsbC0xMSIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjMxNyw5NC4xNjEgTDYuMTAyLDk0LjE0OCBMNi4xMDEsOTQuMTQ4IEw1Ljg1Nyw5NC4xMDEgQzUuMTM4LDkzLjk0NSAzLjA4NSw5My4zNjUgMi44ODEsOTEuODA5IEMyLjMxMyw4Ny40NjkgMS43MjcsODIuOTk2IDEuNzEzLDcwLjQyNSBDMS42OTksNTcuNzcxIDIuNjA0LDUwLjcxOCAyLjYxMyw1MC42NDggQzMuMzM4LDQ2LjQxNyA1LjQ0NSw0NS4zMSA1LjUzNSw0NS4yNjYgTDEyLjE2Myw0MS40MzkgTDEzLjAzMyw0MS4zMiBMMTkuNDc5LDM3LjU3OCBMMTkuNTEzLDM3LjI0NCBDMTkuNTI2LDM3LjEwNyAxOS42NDcsMzcuMDA4IDE5Ljc4NiwzNy4wMjEgQzE5LjkyMiwzNy4wMzQgMjAuMDIzLDM3LjE1NiAyMC4wMDksMzcuMjkzIEwxOS45NSwzNy44ODIgTDEzLjE5OCw0MS44MDEgTDEyLjMyOCw0MS45MTkgTDUuNzcyLDQ1LjcwNCBDNS43NDEsNDUuNzIgMy43ODIsNDYuNzcyIDMuMTA2LDUwLjcyMiBDMy4wOTksNTAuNzgyIDIuMTk4LDU3LjgwOCAyLjIxMiw3MC40MjQgQzIuMjI2LDgyLjk2MyAyLjgwOSw4Ny40MiAzLjM3Myw5MS43MjkgQzMuNDY0LDkyLjQyIDQuMDYyLDkyLjg4MyA0LjY4Miw5My4xODEgQzQuNTY2LDkyLjk4NCA0LjQ4Niw5Mi43NzYgNC40NDYsOTIuNTcyIEMzLjY2NSw4OC41ODggMy4yOTEsODQuMzcgMy4yNzYsNzEuMTczIEMzLjI2Miw1OC41MiA0LjE2Nyw1MS40NjYgNC4xNzYsNTEuMzk2IEM0LjkwMSw0Ny4xNjUgNy4wMDgsNDYuMDU5IDcuMDk4LDQ2LjAxNCBDNy4wOTQsNDYuMDE1IDgxLjU0MiwzLjAzNCA4MS45NDQsMi44MDIgTDgxLjk3MiwyLjc4NSBDODIuODc2LDIuMjQ3IDgzLjY5MiwyLjA5NyA4NC4zMzIsMi4zNTIgQzg0Ljg4NywyLjU3MyA4NS4yODEsMy4wODUgODUuNTA0LDMuODcyIEM4Ny41MTgsMTEgODYuOTY0LDM2LjA5MSA4NS43ODUsNDMuODU1IEM4NS4yNzgsNDcuMTk2IDg0LjIxLDQ5LjM3IDgyLjYxLDUwLjMxNyBMNy4zMzUsOTMuODY5IEM2Ljk5OSw5NC4wNjMgNi42NTgsOTQuMTYxIDYuMzE3LDk0LjE2MSBMNi4zMTcsOTQuMTYxIFogTTYuMTcsOTMuNjU0IEM2LjQ2Myw5My42OSA2Ljc3NCw5My42MTcgNy4wODUsOTMuNDM3IEw4Mi4zNTgsNDkuODg2IEM4NC4xODEsNDguODA4IDg0Ljk2LDQ1Ljk3MSA4NS4yOTIsNDMuNzggQzg2LjQ2NiwzNi4wNDkgODcuMDIzLDExLjA4NSA4NS4wMjQsNC4wMDggQzg0Ljg0NiwzLjM3NyA4NC41NTEsMi45NzYgODQuMTQ4LDIuODE2IEM4My42NjQsMi42MjMgODIuOTgyLDIuNzY0IDgyLjIyNywzLjIxMyBMODIuMTkzLDMuMjM0IEM4MS43OTEsMy40NjYgNy4zMzUsNDYuNDUyIDcuMzM1LDQ2LjQ1MiBDNy4zMDQsNDYuNDY5IDUuMzQ2LDQ3LjUyMSA0LjY2OSw1MS40NzEgQzQuNjYyLDUxLjUzIDMuNzYxLDU4LjU1NiAzLjc3NSw3MS4xNzMgQzMuNzksODQuMzI4IDQuMTYxLDg4LjUyNCA0LjkzNiw5Mi40NzYgQzUuMDI2LDkyLjkzNyA1LjQxMiw5My40NTkgNS45NzMsOTMuNjE1IEM2LjA4Nyw5My42NCA2LjE1OCw5My42NTIgNi4xNjksOTMuNjU0IEw2LjE3LDkzLjY1NCBMNi4xNyw5My42NTQgWiIgaWQ9IkZpbGwtMTIiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4zMTcsNjguOTgyIEM3LjgwNiw2OC43MDEgOC4yMDIsNjguOTI2IDguMjAyLDY5LjQ4NyBDOC4yMDIsNzAuMDQ3IDcuODA2LDcwLjczIDcuMzE3LDcxLjAxMiBDNi44MjksNzEuMjk0IDYuNDMzLDcxLjA2OSA2LjQzMyw3MC41MDggQzYuNDMzLDY5Ljk0OCA2LjgyOSw2OS4yNjUgNy4zMTcsNjguOTgyIiBpZD0iRmlsbC0xMyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjkyLDcxLjEzMyBDNi42MzEsNzEuMTMzIDYuNDMzLDcwLjkwNSA2LjQzMyw3MC41MDggQzYuNDMzLDY5Ljk0OCA2LjgyOSw2OS4yNjUgNy4zMTcsNjguOTgyIEM3LjQ2LDY4LjkgNy41OTUsNjguODYxIDcuNzE0LDY4Ljg2MSBDOC4wMDMsNjguODYxIDguMjAyLDY5LjA5IDguMjAyLDY5LjQ4NyBDOC4yMDIsNzAuMDQ3IDcuODA2LDcwLjczIDcuMzE3LDcxLjAxMiBDNy4xNzQsNzEuMDk0IDcuMDM5LDcxLjEzMyA2LjkyLDcxLjEzMyBNNy43MTQsNjguNjc0IEM3LjU1Nyw2OC42NzQgNy4zOTIsNjguNzIzIDcuMjI0LDY4LjgyMSBDNi42NzYsNjkuMTM4IDYuMjQ2LDY5Ljg3OSA2LjI0Niw3MC41MDggQzYuMjQ2LDcwLjk5NCA2LjUxNyw3MS4zMiA2LjkyLDcxLjMyIEM3LjA3OCw3MS4zMiA3LjI0Myw3MS4yNzEgNy40MTEsNzEuMTc0IEM3Ljk1OSw3MC44NTcgOC4zODksNzAuMTE3IDguMzg5LDY5LjQ4NyBDOC4zODksNjkuMDAxIDguMTE3LDY4LjY3NCA3LjcxNCw2OC42NzQiIGlkPSJGaWxsLTE0IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuOTIsNzAuOTQ3IEM2LjY0OSw3MC45NDcgNi42MjEsNzAuNjQgNi42MjEsNzAuNTA4IEM2LjYyMSw3MC4wMTcgNi45ODIsNjkuMzkyIDcuNDExLDY5LjE0NSBDNy41MjEsNjkuMDgyIDcuNjI1LDY5LjA0OSA3LjcxNCw2OS4wNDkgQzcuOTg2LDY5LjA0OSA4LjAxNSw2OS4zNTUgOC4wMTUsNjkuNDg3IEM4LjAxNSw2OS45NzggNy42NTIsNzAuNjAzIDcuMjI0LDcwLjg1MSBDNy4xMTUsNzAuOTE0IDcuMDEsNzAuOTQ3IDYuOTIsNzAuOTQ3IE03LjcxNCw2OC44NjEgQzcuNTk1LDY4Ljg2MSA3LjQ2LDY4LjkgNy4zMTcsNjguOTgyIEM2LjgyOSw2OS4yNjUgNi40MzMsNjkuOTQ4IDYuNDMzLDcwLjUwOCBDNi40MzMsNzAuOTA1IDYuNjMxLDcxLjEzMyA2LjkyLDcxLjEzMyBDNy4wMzksNzEuMTMzIDcuMTc0LDcxLjA5NCA3LjMxNyw3MS4wMTIgQzcuODA2LDcwLjczIDguMjAyLDcwLjA0NyA4LjIwMiw2OS40ODcgQzguMjAyLDY5LjA5IDguMDAzLDY4Ljg2MSA3LjcxNCw2OC44NjEiIGlkPSJGaWxsLTE1IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNDQ0LDg1LjM1IEM3LjcwOCw4NS4xOTggNy45MjEsODUuMzE5IDcuOTIxLDg1LjYyMiBDNy45MjEsODUuOTI1IDcuNzA4LDg2LjI5MiA3LjQ0NCw4Ni40NDQgQzcuMTgxLDg2LjU5NyA2Ljk2Nyw4Ni40NzUgNi45NjcsODYuMTczIEM2Ljk2Nyw4NS44NzEgNy4xODEsODUuNTAyIDcuNDQ0LDg1LjM1IiBpZD0iRmlsbC0xNiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjIzLDg2LjUxIEM3LjA3NCw4Ni41MSA2Ljk2Nyw4Ni4zODcgNi45NjcsODYuMTczIEM2Ljk2Nyw4NS44NzEgNy4xODEsODUuNTAyIDcuNDQ0LDg1LjM1IEM3LjUyMSw4NS4zMDUgNy41OTQsODUuMjg0IDcuNjU4LDg1LjI4NCBDNy44MTQsODUuMjg0IDcuOTIxLDg1LjQwOCA3LjkyMSw4NS42MjIgQzcuOTIxLDg1LjkyNSA3LjcwOCw4Ni4yOTIgNy40NDQsODYuNDQ0IEM3LjM2Nyw4Ni40ODkgNy4yOTQsODYuNTEgNy4yMyw4Ni41MSBNNy42NTgsODUuMDk4IEM3LjU1OCw4NS4wOTggNy40NTUsODUuMTI3IDcuMzUxLDg1LjE4OCBDNy4wMzEsODUuMzczIDYuNzgxLDg1LjgwNiA2Ljc4MSw4Ni4xNzMgQzYuNzgxLDg2LjQ4MiA2Ljk2Niw4Ni42OTcgNy4yMyw4Ni42OTcgQzcuMzMsODYuNjk3IDcuNDMzLDg2LjY2NiA3LjUzOCw4Ni42MDcgQzcuODU4LDg2LjQyMiA4LjEwOCw4NS45ODkgOC4xMDgsODUuNjIyIEM4LjEwOCw4NS4zMTMgNy45MjMsODUuMDk4IDcuNjU4LDg1LjA5OCIgaWQ9IkZpbGwtMTciIGZpbGw9IiM4MDk3QTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4yMyw4Ni4zMjIgTDcuMTU0LDg2LjE3MyBDNy4xNTQsODUuOTM4IDcuMzMzLDg1LjYyOSA3LjUzOCw4NS41MTIgTDcuNjU4LDg1LjQ3MSBMNy43MzQsODUuNjIyIEM3LjczNCw4NS44NTYgNy41NTUsODYuMTY0IDcuMzUxLDg2LjI4MiBMNy4yMyw4Ni4zMjIgTTcuNjU4LDg1LjI4NCBDNy41OTQsODUuMjg0IDcuNTIxLDg1LjMwNSA3LjQ0NCw4NS4zNSBDNy4xODEsODUuNTAyIDYuOTY3LDg1Ljg3MSA2Ljk2Nyw4Ni4xNzMgQzYuOTY3LDg2LjM4NyA3LjA3NCw4Ni41MSA3LjIzLDg2LjUxIEM3LjI5NCw4Ni41MSA3LjM2Nyw4Ni40ODkgNy40NDQsODYuNDQ0IEM3LjcwOCw4Ni4yOTIgNy45MjEsODUuOTI1IDcuOTIxLDg1LjYyMiBDNy45MjEsODUuNDA4IDcuODE0LDg1LjI4NCA3LjY1OCw4NS4yODQiIGlkPSJGaWxsLTE4IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTc3LjI3OCw3Ljc2OSBMNzcuMjc4LDUxLjQzNiBMMTAuMjA4LDkwLjE2IEwxMC4yMDgsNDYuNDkzIEw3Ny4yNzgsNy43NjkiIGlkPSJGaWxsLTE5IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjA4Myw5MC4zNzUgTDEwLjA4Myw0Ni40MjEgTDEwLjE0Niw0Ni4zODUgTDc3LjQwMyw3LjU1NCBMNzcuNDAzLDUxLjUwOCBMNzcuMzQxLDUxLjU0NCBMMTAuMDgzLDkwLjM3NSBMMTAuMDgzLDkwLjM3NSBaIE0xMC4zMzMsNDYuNTY0IEwxMC4zMzMsODkuOTQ0IEw3Ny4xNTQsNTEuMzY1IEw3Ny4xNTQsNy45ODUgTDEwLjMzMyw0Ni41NjQgTDEwLjMzMyw0Ni41NjQgWiIgaWQ9IkZpbGwtMjAiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMjUuNzM3LDg4LjY0NyBMMTE4LjA5OCw5MS45ODEgTDExOC4wOTgsODQgTDEwNi42MzksODguNzEzIEwxMDYuNjM5LDk2Ljk4MiBMOTksMTAwLjMxNSBMMTEyLjM2OSwxMDMuOTYxIEwxMjUuNzM3LDg4LjY0NyIgaWQ9IkltcG9ydGVkLUxheWVycy1Db3B5LTIiIGZpbGw9IiM0NTVBNjQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"; - function RotateInstructions() { - this.loadIcon_(); - var overlay = document.createElement("div"); - var s = overlay.style; - s.position = "fixed"; - s.top = 0; - s.right = 0; - s.bottom = 0; - s.left = 0; - s.backgroundColor = "gray"; - s.fontFamily = "sans-serif"; - s.zIndex = 1000000; - var img = document.createElement("img"); - img.src = this.icon; - var s = img.style; - s.marginLeft = "25%"; - s.marginTop = "25%"; - s.width = "50%"; - overlay.appendChild(img); - var text = document.createElement("div"); - var s = text.style; - s.textAlign = "center"; - s.fontSize = "16px"; - s.lineHeight = "24px"; - s.margin = "24px 25%"; - s.width = "50%"; - text.innerHTML = "Place your phone into your Cardboard viewer."; - overlay.appendChild(text); - var snackbar = document.createElement("div"); - var s = snackbar.style; - s.backgroundColor = "#CFD8DC"; - s.position = "fixed"; - s.bottom = 0; - s.width = "100%"; - s.height = "48px"; - s.padding = "14px 24px"; - s.boxSizing = "border-box"; - s.color = "#656A6B"; - overlay.appendChild(snackbar); - var snackbarText = document.createElement("div"); - snackbarText.style.float = "left"; - snackbarText.innerHTML = "No Cardboard viewer?"; - var snackbarButton = document.createElement("a"); - snackbarButton.href = - "https://www.google.com/get/cardboard/get-cardboard/"; - snackbarButton.innerHTML = "get one"; - snackbarButton.target = "_blank"; - var s = snackbarButton.style; - s.float = "right"; - s.fontWeight = 600; - s.textTransform = "uppercase"; - s.borderLeft = "1px solid gray"; - s.paddingLeft = "24px"; - s.textDecoration = "none"; - s.color = "#656A6B"; - snackbar.appendChild(snackbarText); - snackbar.appendChild(snackbarButton); - this.overlay = overlay; - this.text = text; - this.hide(); - } - RotateInstructions.prototype.show = function (parent) { - if (!parent && !this.overlay.parentElement) { - document.body.appendChild(this.overlay); - } else if (parent) { - if ( - this.overlay.parentElement && - this.overlay.parentElement != parent - ) - this.overlay.parentElement.removeChild(this.overlay); - parent.appendChild(this.overlay); - } - this.overlay.style.display = "block"; - var img = this.overlay.querySelector("img"); - var s = img.style; - if (isLandscapeMode()) { - s.width = "20%"; - s.marginLeft = "40%"; - s.marginTop = "3%"; - } else { - s.width = "50%"; - s.marginLeft = "25%"; - s.marginTop = "25%"; - } - }; - RotateInstructions.prototype.hide = function () { - this.overlay.style.display = "none"; - }; - RotateInstructions.prototype.showTemporarily = function (ms, parent) { - this.show(parent); - this.timer = setTimeout(this.hide.bind(this), ms); - }; - RotateInstructions.prototype.disableShowTemporarily = function () { - clearTimeout(this.timer); - }; - RotateInstructions.prototype.update = function () { - this.disableShowTemporarily(); - if (!isLandscapeMode() && isMobile()) { - this.show(); - } else { - this.hide(); - } - }; - RotateInstructions.prototype.loadIcon_ = function () { - this.icon = base64("image/svg+xml", rotateInstructionsAsset); - }; - var DEFAULT_VIEWER = "CardboardV1"; - var VIEWER_KEY = "WEBVR_CARDBOARD_VIEWER"; - var CLASS_NAME = "webvr-polyfill-viewer-selector"; - function ViewerSelector() { - try { - this.selectedKey = localStorage.getItem(VIEWER_KEY); - } catch (error) { - console.error("Failed to load viewer profile: %s", error); - } - if (!this.selectedKey) { - this.selectedKey = DEFAULT_VIEWER; - } - this.dialog = this.createDialog_(DeviceInfo.Viewers); - this.root = null; - this.onChangeCallbacks_ = []; - } - ViewerSelector.prototype.show = function (root) { - this.root = root; - root.appendChild(this.dialog); - var selected = this.dialog.querySelector("#" + this.selectedKey); - selected.checked = true; - this.dialog.style.display = "block"; - }; - ViewerSelector.prototype.hide = function () { - if (this.root && this.root.contains(this.dialog)) { - this.root.removeChild(this.dialog); - } - this.dialog.style.display = "none"; - }; - ViewerSelector.prototype.getCurrentViewer = function () { - return DeviceInfo.Viewers[this.selectedKey]; - }; - ViewerSelector.prototype.getSelectedKey_ = function () { - var input = this.dialog.querySelector("input[name=field]:checked"); - if (input) { - return input.id; - } - return null; - }; - ViewerSelector.prototype.onChange = function (cb) { - this.onChangeCallbacks_.push(cb); - }; - ViewerSelector.prototype.fireOnChange_ = function (viewer) { - for (var i = 0; i < this.onChangeCallbacks_.length; i++) { - this.onChangeCallbacks_[i](viewer); - } - }; - ViewerSelector.prototype.onSave_ = function () { - this.selectedKey = this.getSelectedKey_(); - if (!this.selectedKey || !DeviceInfo.Viewers[this.selectedKey]) { - console.error("ViewerSelector.onSave_: this should never happen!"); - return; - } - this.fireOnChange_(DeviceInfo.Viewers[this.selectedKey]); - try { - localStorage.setItem(VIEWER_KEY, this.selectedKey); - } catch (error) { - console.error("Failed to save viewer profile: %s", error); - } - this.hide(); - }; - ViewerSelector.prototype.createDialog_ = function (options) { - var container = document.createElement("div"); - container.classList.add(CLASS_NAME); - container.style.display = "none"; - var overlay = document.createElement("div"); - var s = overlay.style; - s.position = "fixed"; - s.left = 0; - s.top = 0; - s.width = "100%"; - s.height = "100%"; - s.background = "rgba(0, 0, 0, 0.3)"; - overlay.addEventListener("click", this.hide.bind(this)); - var width = 280; - var dialog = document.createElement("div"); - var s = dialog.style; - s.boxSizing = "border-box"; - s.position = "fixed"; - s.top = "24px"; - s.left = "50%"; - s.marginLeft = -width / 2 + "px"; - s.width = width + "px"; - s.padding = "24px"; - s.overflow = "hidden"; - s.background = "#fafafa"; - s.fontFamily = "'Roboto', sans-serif"; - s.boxShadow = "0px 5px 20px #666"; - dialog.appendChild(this.createH1_("Select your viewer")); - for (var id in options) { - dialog.appendChild(this.createChoice_(id, options[id].label)); - } - dialog.appendChild( - this.createButton_("Save", this.onSave_.bind(this)) - ); - container.appendChild(overlay); - container.appendChild(dialog); - return container; - }; - ViewerSelector.prototype.createH1_ = function (name) { - var h1 = document.createElement("h1"); - var s = h1.style; - s.color = "black"; - s.fontSize = "20px"; - s.fontWeight = "bold"; - s.marginTop = 0; - s.marginBottom = "24px"; - h1.innerHTML = name; - return h1; - }; - ViewerSelector.prototype.createChoice_ = function (id, name) { - var div = document.createElement("div"); - div.style.marginTop = "8px"; - div.style.color = "black"; - var input = document.createElement("input"); - input.style.fontSize = "30px"; - input.setAttribute("id", id); - input.setAttribute("type", "radio"); - input.setAttribute("value", id); - input.setAttribute("name", "field"); - var label = document.createElement("label"); - label.style.marginLeft = "4px"; - label.setAttribute("for", id); - label.innerHTML = name; - div.appendChild(input); - div.appendChild(label); - return div; - }; - ViewerSelector.prototype.createButton_ = function (label, onclick) { - var button = document.createElement("button"); - button.innerHTML = label; - var s = button.style; - s.float = "right"; - s.textTransform = "uppercase"; - s.color = "#1094f7"; - s.fontSize = "14px"; - s.letterSpacing = 0; - s.border = 0; - s.background = "none"; - s.marginTop = "16px"; - button.addEventListener("click", onclick); - return button; - }; - var commonjsGlobal$$1 = - typeof window !== "undefined" - ? window - : typeof commonjsGlobal$$1 !== "undefined" - ? commonjsGlobal$$1 - : typeof self !== "undefined" - ? self - : {}; - function unwrapExports$$1(x) { - return x && x.__esModule ? x["default"] : x; - } - function createCommonjsModule$$1(fn, module) { - return ( - (module = { exports: {} }), - fn(module, module.exports), - module.exports - ); - } - var NoSleep = createCommonjsModule$$1(function (module, exports) { - (function webpackUniversalModuleDefinition(root, factory) { - module.exports = factory(); - })(commonjsGlobal$$1, function () { - return (function (modules) { - var installedModules = {}; - function __webpack_require__(moduleId) { - if (installedModules[moduleId]) { - return installedModules[moduleId].exports; - } - var module = (installedModules[moduleId] = { - i: moduleId, - l: false, - exports: {}, - }); - modules[moduleId].call( - module.exports, - module, - module.exports, - __webpack_require__ - ); - module.l = true; - return module.exports; - } - __webpack_require__.m = modules; - __webpack_require__.c = installedModules; - __webpack_require__.d = function (exports, name, getter) { - if (!__webpack_require__.o(exports, name)) { - Object.defineProperty(exports, name, { - configurable: false, - enumerable: true, - get: getter, - }); - } - }; - __webpack_require__.n = function (module) { - var getter = - module && module.__esModule - ? function getDefault() { - return module["default"]; - } - : function getModuleExports() { - return module; - }; - __webpack_require__.d(getter, "a", getter); - return getter; - }; - __webpack_require__.o = function (object, property) { - return Object.prototype.hasOwnProperty.call(object, property); - }; - __webpack_require__.p = ""; - return __webpack_require__((__webpack_require__.s = 0)); - })([ - function (module, exports, __webpack_require__) { - var _createClass = (function () { - function defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty(target, descriptor.key, descriptor); - } - } - return function (Constructor, protoProps, staticProps) { - if (protoProps) - defineProperties(Constructor.prototype, protoProps); - if (staticProps) defineProperties(Constructor, staticProps); - return Constructor; - }; - })(); - function _classCallCheck(instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - } - var mediaFile = __webpack_require__(1); - var oldIOS = - typeof navigator !== "undefined" && - parseFloat( - ( - "" + - (/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec( - navigator.userAgent - ) || [0, ""])[1] - ) - .replace("undefined", "3_2") - .replace("_", ".") - .replace("_", "") - ) < 10 && - !window.MSStream; - var NoSleep = (function () { - function NoSleep() { - _classCallCheck(this, NoSleep); - if (oldIOS) { - this.noSleepTimer = null; - } else { - this.noSleepVideo = document.createElement("video"); - this.noSleepVideo.setAttribute("playsinline", ""); - this.noSleepVideo.setAttribute("src", mediaFile); - this.noSleepVideo.addEventListener( - "timeupdate", - function (e) { - if (this.noSleepVideo.currentTime > 0.5) { - this.noSleepVideo.currentTime = Math.random(); - } - }.bind(this) - ); - } - } - _createClass(NoSleep, [ - { - key: "enable", - value: function enable() { - if (oldIOS) { - this.disable(); - this.noSleepTimer = window.setInterval(function () { - window.location.href = "/"; - window.setTimeout(window.stop, 0); - }, 15000); - } else { - this.noSleepVideo.play(); - } - }, - }, - { - key: "disable", - value: function disable() { - if (oldIOS) { - if (this.noSleepTimer) { - window.clearInterval(this.noSleepTimer); - this.noSleepTimer = null; - } - } else { - this.noSleepVideo.pause(); - } - }, - }, - ]); - return NoSleep; - })(); - module.exports = NoSleep; - }, - function (module, exports, __webpack_require__) { - module.exports = - "data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQADQGgcIQADQGgcAAAACQGeYUQn/wALKCEAA0BoHAAAAAkBnmNEJ/8ACykhAANAaBwhAANAaBwAAAANQZpoNExDP/6plgAMuSEAA0BoHAAAAAtBnoZFESwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBnqVEJ/8ACykhAANAaBwAAAAJAZ6nRCf/AAsoIQADQGgcIQADQGgcAAAADUGarDRMQz/+qZYADLghAANAaBwAAAALQZ7KRRUsK/8ACPkhAANAaBwAAAAJAZ7pRCf/AAsoIQADQGgcIQADQGgcAAAACQGe60Qn/wALKCEAA0BoHAAAAA1BmvA0TEM//qmWAAy5IQADQGgcIQADQGgcAAAAC0GfDkUVLCv/AAj5IQADQGgcAAAACQGfLUQn/wALKSEAA0BoHCEAA0BoHAAAAAkBny9EJ/8ACyghAANAaBwAAAANQZs0NExDP/6plgAMuCEAA0BoHAAAAAtBn1JFFSwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBn3FEJ/8ACyghAANAaBwAAAAJAZ9zRCf/AAsoIQADQGgcIQADQGgcAAAADUGbeDRMQz/+qZYADLkhAANAaBwAAAALQZ+WRRUsK/8ACPghAANAaBwhAANAaBwAAAAJAZ+1RCf/AAspIQADQGgcAAAACQGft0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bm7w0TEM//qmWAAy4IQADQGgcAAAAC0Gf2kUVLCv/AAj5IQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHAAAAAkBn/tEJ/8ACykhAANAaBwAAAANQZvgNExDP/6plgAMuSEAA0BoHCEAA0BoHAAAAAtBnh5FFSwr/wAI+CEAA0BoHAAAAAkBnj1EJ/8ACyghAANAaBwhAANAaBwAAAAJAZ4/RCf/AAspIQADQGgcAAAADUGaJDRMQz/+qZYADLghAANAaBwAAAALQZ5CRRUsK/8ACPkhAANAaBwhAANAaBwAAAAJAZ5hRCf/AAsoIQADQGgcAAAACQGeY0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bmmg0TEM//qmWAAy5IQADQGgcAAAAC0GehkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGepUQn/wALKSEAA0BoHAAAAAkBnqdEJ/8ACyghAANAaBwAAAANQZqsNExDP/6plgAMuCEAA0BoHCEAA0BoHAAAAAtBnspFFSwr/wAI+SEAA0BoHAAAAAkBnulEJ/8ACyghAANAaBwhAANAaBwAAAAJAZ7rRCf/AAsoIQADQGgcAAAADUGa8DRMQz/+qZYADLkhAANAaBwhAANAaBwAAAALQZ8ORRUsK/8ACPkhAANAaBwAAAAJAZ8tRCf/AAspIQADQGgcIQADQGgcAAAACQGfL0Qn/wALKCEAA0BoHAAAAA1BmzQ0TEM//qmWAAy4IQADQGgcAAAAC0GfUkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGfcUQn/wALKCEAA0BoHAAAAAkBn3NEJ/8ACyghAANAaBwhAANAaBwAAAANQZt4NExC//6plgAMuSEAA0BoHAAAAAtBn5ZFFSwr/wAI+CEAA0BoHCEAA0BoHAAAAAkBn7VEJ/8ACykhAANAaBwAAAAJAZ+3RCf/AAspIQADQGgcAAAADUGbuzRMQn/+nhAAYsAhAANAaBwhAANAaBwAAAAJQZ/aQhP/AAspIQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHAAACiFtb292AAAAbG12aGQAAAAA1YCCX9WAgl8AAAPoAAAH/AABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAGGlvZHMAAAAAEICAgAcAT////v7/AAAF+XRyYWsAAABcdGtoZAAAAAPVgIJf1YCCXwAAAAEAAAAAAAAH0AAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAygAAAMoAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAB9AAABdwAAEAAAAABXFtZGlhAAAAIG1kaGQAAAAA1YCCX9WAgl8AAV+QAAK/IFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAUcbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAE3HN0YmwAAACYc3RzZAAAAAAAAAABAAAAiGF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAygDKAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAyYXZjQwFNQCj/4QAbZ01AKOyho3ySTUBAQFAAAAMAEAAr8gDxgxlgAQAEaO+G8gAAABhzdHRzAAAAAAAAAAEAAAA8AAALuAAAABRzdHNzAAAAAAAAAAEAAAABAAAB8GN0dHMAAAAAAAAAPAAAAAEAABdwAAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAAC7gAAAAAQAAF3AAAAABAAAAAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAEEc3RzegAAAAAAAAAAAAAAPAAAAzQAAAAQAAAADQAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAANAAAADQAAAQBzdGNvAAAAAAAAADwAAAAwAAADZAAAA3QAAAONAAADoAAAA7kAAAPQAAAD6wAAA/4AAAQXAAAELgAABEMAAARcAAAEbwAABIwAAAShAAAEugAABM0AAATkAAAE/wAABRIAAAUrAAAFQgAABV0AAAVwAAAFiQAABaAAAAW1AAAFzgAABeEAAAX+AAAGEwAABiwAAAY/AAAGVgAABnEAAAaEAAAGnQAABrQAAAbPAAAG4gAABvUAAAcSAAAHJwAAB0AAAAdTAAAHcAAAB4UAAAeeAAAHsQAAB8gAAAfjAAAH9gAACA8AAAgmAAAIQQAACFQAAAhnAAAIhAAACJcAAAMsdHJhawAAAFx0a2hkAAAAA9WAgl/VgIJfAAAAAgAAAAAAAAf8AAAAAAAAAAAAAAABAQAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAACsm1kaWEAAAAgbWRoZAAAAADVgIJf1YCCXwAArEQAAWAAVcQAAAAAACdoZGxyAAAAAAAAAABzb3VuAAAAAAAAAAAAAAAAU3RlcmVvAAAAAmNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAidzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAIABICAgBRAFQAAAAADDUAAAAAABYCAgAISEAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAABYAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAAUc3RzegAAAAAAAAAGAAAAWAAAAXBzdGNvAAAAAAAAAFgAAAOBAAADhwAAA5oAAAOtAAADswAAA8oAAAPfAAAD5QAAA/gAAAQLAAAEEQAABCgAAAQ9AAAEUAAABFYAAARpAAAEgAAABIYAAASbAAAErgAABLQAAATHAAAE3gAABPMAAAT5AAAFDAAABR8AAAUlAAAFPAAABVEAAAVXAAAFagAABX0AAAWDAAAFmgAABa8AAAXCAAAFyAAABdsAAAXyAAAF+AAABg0AAAYgAAAGJgAABjkAAAZQAAAGZQAABmsAAAZ+AAAGkQAABpcAAAauAAAGwwAABskAAAbcAAAG7wAABwYAAAcMAAAHIQAABzQAAAc6AAAHTQAAB2QAAAdqAAAHfwAAB5IAAAeYAAAHqwAAB8IAAAfXAAAH3QAAB/AAAAgDAAAICQAACCAAAAg1AAAIOwAACE4AAAhhAAAIeAAACH4AAAiRAAAIpAAACKoAAAiwAAAItgAACLwAAAjCAAAAFnVkdGEAAAAObmFtZVN0ZXJlbwAAAHB1ZHRhAAAAaG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAO2lsc3QAAAAzqXRvbwAAACtkYXRhAAAAAQAAAABIYW5kQnJha2UgMC4xMC4yIDIwMTUwNjExMDA="; - }, - ]); - }); - }); - var NoSleep$1 = unwrapExports$$1(NoSleep); - var nextDisplayId = 1000; - var defaultLeftBounds = [0, 0, 0.5, 1]; - var defaultRightBounds = [0.5, 0, 0.5, 1]; - var raf = window.requestAnimationFrame; - var caf = window.cancelAnimationFrame; - function VRFrameData() { - this.leftProjectionMatrix = new Float32Array(16); - this.leftViewMatrix = new Float32Array(16); - this.rightProjectionMatrix = new Float32Array(16); - this.rightViewMatrix = new Float32Array(16); - this.pose = null; - } - function VRDisplayCapabilities(config) { - Object.defineProperties(this, { - hasPosition: { - writable: false, - enumerable: true, - value: config.hasPosition, - }, - hasExternalDisplay: { - writable: false, - enumerable: true, - value: config.hasExternalDisplay, - }, - canPresent: { - writable: false, - enumerable: true, - value: config.canPresent, - }, - maxLayers: { - writable: false, - enumerable: true, - value: config.maxLayers, - }, - hasOrientation: { - enumerable: true, - get: function get() { - deprecateWarning( - "VRDisplayCapabilities.prototype.hasOrientation", - "VRDisplay.prototype.getFrameData" - ); - return config.hasOrientation; - }, - }, - }); - } - function VRDisplay(config) { - config = config || {}; - var USE_WAKELOCK = "wakelock" in config ? config.wakelock : true; - this.isPolyfilled = true; - this.displayId = nextDisplayId++; - this.displayName = ""; - this.depthNear = 0.01; - this.depthFar = 10000.0; - this.isPresenting = false; - Object.defineProperty(this, "isConnected", { - get: function get() { - deprecateWarning( - "VRDisplay.prototype.isConnected", - "VRDisplayCapabilities.prototype.hasExternalDisplay" - ); - return false; - }, - }); - this.capabilities = new VRDisplayCapabilities({ - hasPosition: false, - hasOrientation: false, - hasExternalDisplay: false, - canPresent: false, - maxLayers: 1, - }); - this.stageParameters = null; - this.waitingForPresent_ = false; - this.layer_ = null; - this.originalParent_ = null; - this.fullscreenElement_ = null; - this.fullscreenWrapper_ = null; - this.fullscreenElementCachedStyle_ = null; - this.fullscreenEventTarget_ = null; - this.fullscreenChangeHandler_ = null; - this.fullscreenErrorHandler_ = null; - if (USE_WAKELOCK && isMobile()) { - this.wakelock_ = new NoSleep$1(); - } - } - VRDisplay.prototype.getFrameData = function (frameData) { - return frameDataFromPose(frameData, this._getPose(), this); - }; - VRDisplay.prototype.getPose = function () { - deprecateWarning( - "VRDisplay.prototype.getPose", - "VRDisplay.prototype.getFrameData" - ); - return this._getPose(); - }; - VRDisplay.prototype.resetPose = function () { - deprecateWarning("VRDisplay.prototype.resetPose"); - return this._resetPose(); - }; - VRDisplay.prototype.getImmediatePose = function () { - deprecateWarning( - "VRDisplay.prototype.getImmediatePose", - "VRDisplay.prototype.getFrameData" - ); - return this._getPose(); - }; - VRDisplay.prototype.requestAnimationFrame = function (callback) { - return raf(callback); - }; - VRDisplay.prototype.cancelAnimationFrame = function (id) { - return caf(id); - }; - VRDisplay.prototype.wrapForFullscreen = function (element) { - if (isIOS()) { - return element; - } - if (!this.fullscreenWrapper_) { - this.fullscreenWrapper_ = document.createElement("div"); - var cssProperties = [ - "height: " + - Math.min(screen.height, screen.width) + - "px !important", - "top: 0 !important", - "left: 0 !important", - "right: 0 !important", - "border: 0", - "margin: 0", - "padding: 0", - "z-index: 999999 !important", - "position: fixed", - ]; - this.fullscreenWrapper_.setAttribute( - "style", - cssProperties.join("; ") + ";" - ); - this.fullscreenWrapper_.classList.add( - "webvr-polyfill-fullscreen-wrapper" - ); - } - if (this.fullscreenElement_ == element) { - return this.fullscreenWrapper_; - } - if (this.fullscreenElement_) { - if (this.originalParent_) { - this.originalParent_.appendChild(this.fullscreenElement_); - } else { - this.fullscreenElement_.parentElement.removeChild( - this.fullscreenElement_ - ); - } - } - this.fullscreenElement_ = element; - this.originalParent_ = element.parentElement; - if (!this.originalParent_) { - document.body.appendChild(element); - } - if (!this.fullscreenWrapper_.parentElement) { - var parent = this.fullscreenElement_.parentElement; - parent.insertBefore( - this.fullscreenWrapper_, - this.fullscreenElement_ - ); - parent.removeChild(this.fullscreenElement_); - } - this.fullscreenWrapper_.insertBefore( - this.fullscreenElement_, - this.fullscreenWrapper_.firstChild - ); - this.fullscreenElementCachedStyle_ = - this.fullscreenElement_.getAttribute("style"); - var self = this; - function applyFullscreenElementStyle() { - if (!self.fullscreenElement_) { - return; - } - var cssProperties = [ - "position: absolute", - "top: 0", - "left: 0", - "width: " + Math.max(screen.width, screen.height) + "px", - "height: " + Math.min(screen.height, screen.width) + "px", - "border: 0", - "margin: 0", - "padding: 0", - ]; - self.fullscreenElement_.setAttribute( - "style", - cssProperties.join("; ") + ";" - ); - } - applyFullscreenElementStyle(); - return this.fullscreenWrapper_; - }; - VRDisplay.prototype.removeFullscreenWrapper = function () { - if (!this.fullscreenElement_) { - return; - } - var element = this.fullscreenElement_; - if (this.fullscreenElementCachedStyle_) { - element.setAttribute("style", this.fullscreenElementCachedStyle_); - } else { - element.removeAttribute("style"); - } - this.fullscreenElement_ = null; - this.fullscreenElementCachedStyle_ = null; - var parent = this.fullscreenWrapper_.parentElement; - this.fullscreenWrapper_.removeChild(element); - if (this.originalParent_ === parent) { - parent.insertBefore(element, this.fullscreenWrapper_); - } else if (this.originalParent_) { - this.originalParent_.appendChild(element); - } - parent.removeChild(this.fullscreenWrapper_); - return element; - }; - VRDisplay.prototype.requestPresent = function (layers) { - var wasPresenting = this.isPresenting; - var self = this; - if (!(layers instanceof Array)) { - deprecateWarning( - "VRDisplay.prototype.requestPresent with non-array argument", - "an array of VRLayers as the first argument" - ); - layers = [layers]; - } - return new Promise(function (resolve, reject) { - if (!self.capabilities.canPresent) { - reject(new Error("VRDisplay is not capable of presenting.")); - return; - } - if ( - layers.length == 0 || - layers.length > self.capabilities.maxLayers - ) { - reject(new Error("Invalid number of layers.")); - return; - } - var incomingLayer = layers[0]; - if (!incomingLayer.source) { - resolve(); - return; - } - var leftBounds = incomingLayer.leftBounds || defaultLeftBounds; - var rightBounds = incomingLayer.rightBounds || defaultRightBounds; - if (wasPresenting) { - var layer = self.layer_; - if (layer.source !== incomingLayer.source) { - layer.source = incomingLayer.source; - } - for (var i = 0; i < 4; i++) { - layer.leftBounds[i] = leftBounds[i]; - layer.rightBounds[i] = rightBounds[i]; - } - self.wrapForFullscreen(self.layer_.source); - self.updatePresent_(); - resolve(); - return; - } - self.layer_ = { - predistorted: incomingLayer.predistorted, - source: incomingLayer.source, - leftBounds: leftBounds.slice(0), - rightBounds: rightBounds.slice(0), - }; - self.waitingForPresent_ = false; - if (self.layer_ && self.layer_.source) { - var fullscreenElement = self.wrapForFullscreen( - self.layer_.source - ); - var onFullscreenChange = function onFullscreenChange() { - var actualFullscreenElement = getFullscreenElement(); - self.isPresenting = - fullscreenElement === actualFullscreenElement; - if (self.isPresenting) { - if (screen.orientation && screen.orientation.lock) { - screen.orientation - .lock("landscape-primary") - .catch(function (error) { - console.error( - "screen.orientation.lock() failed due to", - error.message - ); - }); - } - self.waitingForPresent_ = false; - self.beginPresent_(); - resolve(); - } else { - if (screen.orientation && screen.orientation.unlock) { - screen.orientation.unlock(); - } - self.removeFullscreenWrapper(); - self.disableWakeLock(); - self.endPresent_(); - self.removeFullscreenListeners_(); - } - self.fireVRDisplayPresentChange_(); - }; - var onFullscreenError = function onFullscreenError() { - if (!self.waitingForPresent_) { - return; - } - self.removeFullscreenWrapper(); - self.removeFullscreenListeners_(); - self.disableWakeLock(); - self.waitingForPresent_ = false; - self.isPresenting = false; - reject(new Error("Unable to present.")); - }; - self.addFullscreenListeners_( - fullscreenElement, - onFullscreenChange, - onFullscreenError - ); - if (requestFullscreen(fullscreenElement)) { - self.enableWakeLock(); - self.waitingForPresent_ = true; - } else if (isIOS() || isWebViewAndroid()) { - self.enableWakeLock(); - self.isPresenting = true; - self.beginPresent_(); - self.fireVRDisplayPresentChange_(); - resolve(); - } - } - if (!self.waitingForPresent_ && !isIOS()) { - exitFullscreen(); - reject(new Error("Unable to present.")); - } - }); - }; - VRDisplay.prototype.exitPresent = function () { - var wasPresenting = this.isPresenting; - var self = this; - this.isPresenting = false; - this.layer_ = null; - this.disableWakeLock(); - return new Promise(function (resolve, reject) { - if (wasPresenting) { - if (!exitFullscreen() && isIOS()) { - self.endPresent_(); - self.fireVRDisplayPresentChange_(); - } - if (isWebViewAndroid()) { - self.removeFullscreenWrapper(); - self.removeFullscreenListeners_(); - self.endPresent_(); - self.fireVRDisplayPresentChange_(); - } - resolve(); - } else { - reject(new Error("Was not presenting to VRDisplay.")); - } - }); - }; - VRDisplay.prototype.getLayers = function () { - if (this.layer_) { - return [this.layer_]; - } - return []; - }; - VRDisplay.prototype.fireVRDisplayPresentChange_ = function () { - var event = new CustomEvent("vrdisplaypresentchange", { - detail: { display: this }, - }); - window.dispatchEvent(event); - }; - VRDisplay.prototype.fireVRDisplayConnect_ = function () { - var event = new CustomEvent("vrdisplayconnect", { - detail: { display: this }, - }); - window.dispatchEvent(event); - }; - VRDisplay.prototype.addFullscreenListeners_ = function ( - element, - changeHandler, - errorHandler - ) { - this.removeFullscreenListeners_(); - this.fullscreenEventTarget_ = element; - this.fullscreenChangeHandler_ = changeHandler; - this.fullscreenErrorHandler_ = errorHandler; - if (changeHandler) { - if (document.fullscreenEnabled) { - element.addEventListener( - "fullscreenchange", - changeHandler, - false - ); - } else if (document.webkitFullscreenEnabled) { - element.addEventListener( - "webkitfullscreenchange", - changeHandler, - false - ); - } else if (document.mozFullScreenEnabled) { - document.addEventListener( - "mozfullscreenchange", - changeHandler, - false - ); - } else if (document.msFullscreenEnabled) { - element.addEventListener( - "msfullscreenchange", - changeHandler, - false - ); - } - } - if (errorHandler) { - if (document.fullscreenEnabled) { - element.addEventListener("fullscreenerror", errorHandler, false); - } else if (document.webkitFullscreenEnabled) { - element.addEventListener( - "webkitfullscreenerror", - errorHandler, - false - ); - } else if (document.mozFullScreenEnabled) { - document.addEventListener( - "mozfullscreenerror", - errorHandler, - false - ); - } else if (document.msFullscreenEnabled) { - element.addEventListener( - "msfullscreenerror", - errorHandler, - false - ); - } - } - }; - VRDisplay.prototype.removeFullscreenListeners_ = function () { - if (!this.fullscreenEventTarget_) return; - var element = this.fullscreenEventTarget_; - if (this.fullscreenChangeHandler_) { - var changeHandler = this.fullscreenChangeHandler_; - element.removeEventListener( - "fullscreenchange", - changeHandler, - false - ); - element.removeEventListener( - "webkitfullscreenchange", - changeHandler, - false - ); - document.removeEventListener( - "mozfullscreenchange", - changeHandler, - false - ); - element.removeEventListener( - "msfullscreenchange", - changeHandler, - false - ); - } - if (this.fullscreenErrorHandler_) { - var errorHandler = this.fullscreenErrorHandler_; - element.removeEventListener("fullscreenerror", errorHandler, false); - element.removeEventListener( - "webkitfullscreenerror", - errorHandler, - false - ); - document.removeEventListener( - "mozfullscreenerror", - errorHandler, - false - ); - element.removeEventListener( - "msfullscreenerror", - errorHandler, - false - ); - } - this.fullscreenEventTarget_ = null; - this.fullscreenChangeHandler_ = null; - this.fullscreenErrorHandler_ = null; - }; - VRDisplay.prototype.enableWakeLock = function () { - if (this.wakelock_) { - this.wakelock_.enable(); - } - }; - VRDisplay.prototype.disableWakeLock = function () { - if (this.wakelock_) { - this.wakelock_.disable(); - } - }; - VRDisplay.prototype.beginPresent_ = function () {}; - VRDisplay.prototype.endPresent_ = function () {}; - VRDisplay.prototype.submitFrame = function (pose) {}; - VRDisplay.prototype.getEyeParameters = function (whichEye) { - return null; - }; - var config = { - MOBILE_WAKE_LOCK: true, - DEBUG: false, - DPDB_URL: "https://dpdb.webvr.rocks/dpdb.json", - K_FILTER: 0.98, - PREDICTION_TIME_S: 0.04, - CARDBOARD_UI_DISABLED: false, - ROTATE_INSTRUCTIONS_DISABLED: false, - YAW_ONLY: false, - BUFFER_SCALE: 0.5, - DIRTY_SUBMIT_FRAME_BINDINGS: false, - }; - var Eye = { - LEFT: "left", - RIGHT: "right", - }; - function CardboardVRDisplay(config$$1) { - var defaults = extend({}, config); - config$$1 = extend(defaults, config$$1 || {}); - VRDisplay.call(this, { - wakelock: config$$1.MOBILE_WAKE_LOCK, - }); - this.config = config$$1; - this.displayName = "Cardboard VRDisplay"; - this.capabilities = new VRDisplayCapabilities({ - hasPosition: false, - hasOrientation: true, - hasExternalDisplay: false, - canPresent: true, - maxLayers: 1, - }); - this.stageParameters = null; - this.bufferScale_ = this.config.BUFFER_SCALE; - this.poseSensor_ = new PoseSensor(this.config); - this.distorter_ = null; - this.cardboardUI_ = null; - this.dpdb_ = new Dpdb( - this.config.DPDB_URL, - this.onDeviceParamsUpdated_.bind(this) - ); - this.deviceInfo_ = new DeviceInfo(this.dpdb_.getDeviceParams()); - this.viewerSelector_ = new ViewerSelector(); - this.viewerSelector_.onChange(this.onViewerChanged_.bind(this)); - this.deviceInfo_.setViewer(this.viewerSelector_.getCurrentViewer()); - if (!this.config.ROTATE_INSTRUCTIONS_DISABLED) { - this.rotateInstructions_ = new RotateInstructions(); - } - if (isIOS()) { - window.addEventListener("resize", this.onResize_.bind(this)); - } - } - CardboardVRDisplay.prototype = Object.create(VRDisplay.prototype); - CardboardVRDisplay.prototype._getPose = function () { - return { - position: null, - orientation: this.poseSensor_.getOrientation(), - linearVelocity: null, - linearAcceleration: null, - angularVelocity: null, - angularAcceleration: null, - }; - }; - CardboardVRDisplay.prototype._resetPose = function () { - if (this.poseSensor_.resetPose) { - this.poseSensor_.resetPose(); - } - }; - CardboardVRDisplay.prototype._getFieldOfView = function (whichEye) { - var fieldOfView; - if (whichEye == Eye.LEFT) { - fieldOfView = this.deviceInfo_.getFieldOfViewLeftEye(); - } else if (whichEye == Eye.RIGHT) { - fieldOfView = this.deviceInfo_.getFieldOfViewRightEye(); - } else { - console.error("Invalid eye provided: %s", whichEye); - return null; - } - return fieldOfView; - }; - CardboardVRDisplay.prototype._getEyeOffset = function (whichEye) { - var offset; - if (whichEye == Eye.LEFT) { - offset = [ - -this.deviceInfo_.viewer.interLensDistance * 0.5, - 0.0, - 0.0, - ]; - } else if (whichEye == Eye.RIGHT) { - offset = [ - this.deviceInfo_.viewer.interLensDistance * 0.5, - 0.0, - 0.0, - ]; - } else { - console.error("Invalid eye provided: %s", whichEye); - return null; - } - return offset; - }; - CardboardVRDisplay.prototype.getEyeParameters = function (whichEye) { - var offset = this._getEyeOffset(whichEye); - var fieldOfView = this._getFieldOfView(whichEye); - var eyeParams = { - offset: offset, - renderWidth: - this.deviceInfo_.device.width * 0.5 * this.bufferScale_, - renderHeight: this.deviceInfo_.device.height * this.bufferScale_, - }; - Object.defineProperty(eyeParams, "fieldOfView", { - enumerable: true, - get: function get() { - deprecateWarning( - "VRFieldOfView", - "VRFrameData's projection matrices" - ); - return fieldOfView; - }, - }); - return eyeParams; - }; - CardboardVRDisplay.prototype.onDeviceParamsUpdated_ = function ( - newParams - ) { - if (this.config.DEBUG) { - console.log("DPDB reported that device params were updated."); - } - this.deviceInfo_.updateDeviceParams(newParams); - if (this.distorter_) { - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - }; - CardboardVRDisplay.prototype.updateBounds_ = function () { - if ( - this.layer_ && - this.distorter_ && - (this.layer_.leftBounds || this.layer_.rightBounds) - ) { - this.distorter_.setTextureBounds( - this.layer_.leftBounds, - this.layer_.rightBounds - ); - } - }; - CardboardVRDisplay.prototype.beginPresent_ = function () { - var gl = this.layer_.source.getContext("webgl"); - if (!gl) gl = this.layer_.source.getContext("experimental-webgl"); - if (!gl) gl = this.layer_.source.getContext("webgl2"); - if (!gl) return; - if (this.layer_.predistorted) { - if (!this.config.CARDBOARD_UI_DISABLED) { - gl.canvas.width = getScreenWidth() * this.bufferScale_; - gl.canvas.height = getScreenHeight() * this.bufferScale_; - this.cardboardUI_ = new CardboardUI(gl); - } - } else { - if (!this.config.CARDBOARD_UI_DISABLED) { - this.cardboardUI_ = new CardboardUI(gl); - } - this.distorter_ = new CardboardDistorter( - gl, - this.cardboardUI_, - this.config.BUFFER_SCALE, - this.config.DIRTY_SUBMIT_FRAME_BINDINGS - ); - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - if (this.cardboardUI_) { - this.cardboardUI_.listen( - function (e) { - this.viewerSelector_.show(this.layer_.source.parentElement); - e.stopPropagation(); - e.preventDefault(); - }.bind(this), - function (e) { - this.exitPresent(); - e.stopPropagation(); - e.preventDefault(); - }.bind(this) - ); - } - if (this.rotateInstructions_) { - if (isLandscapeMode() && isMobile()) { - this.rotateInstructions_.showTemporarily( - 3000, - this.layer_.source.parentElement - ); - } else { - this.rotateInstructions_.update(); - } - } - this.orientationHandler = this.onOrientationChange_.bind(this); - window.addEventListener("orientationchange", this.orientationHandler); - this.vrdisplaypresentchangeHandler = this.updateBounds_.bind(this); - window.addEventListener( - "vrdisplaypresentchange", - this.vrdisplaypresentchangeHandler - ); - this.fireVRDisplayDeviceParamsChange_(); - }; - CardboardVRDisplay.prototype.endPresent_ = function () { - if (this.distorter_) { - this.distorter_.destroy(); - this.distorter_ = null; - } - if (this.cardboardUI_) { - this.cardboardUI_.destroy(); - this.cardboardUI_ = null; - } - if (this.rotateInstructions_) { - this.rotateInstructions_.hide(); - } - this.viewerSelector_.hide(); - window.removeEventListener( - "orientationchange", - this.orientationHandler - ); - window.removeEventListener( - "vrdisplaypresentchange", - this.vrdisplaypresentchangeHandler - ); - }; - CardboardVRDisplay.prototype.updatePresent_ = function () { - this.endPresent_(); - this.beginPresent_(); - }; - CardboardVRDisplay.prototype.submitFrame = function (pose) { - if (this.distorter_) { - this.updateBounds_(); - this.distorter_.submitFrame(); - } else if (this.cardboardUI_ && this.layer_) { - var canvas = this.layer_.source.getContext("webgl").canvas; - if ( - canvas.width != this.lastWidth || - canvas.height != this.lastHeight - ) { - this.cardboardUI_.onResize(); - } - this.lastWidth = canvas.width; - this.lastHeight = canvas.height; - this.cardboardUI_.render(); - } - }; - CardboardVRDisplay.prototype.onOrientationChange_ = function (e) { - this.viewerSelector_.hide(); - if (this.rotateInstructions_) { - this.rotateInstructions_.update(); - } - this.onResize_(); - }; - CardboardVRDisplay.prototype.onResize_ = function (e) { - if (this.layer_) { - var gl = this.layer_.source.getContext("webgl"); - var cssProperties = [ - "position: absolute", - "top: 0", - "left: 0", - "width: 100vw", - "height: 100vh", - "border: 0", - "margin: 0", - "padding: 0px", - "box-sizing: content-box", - ]; - gl.canvas.setAttribute("style", cssProperties.join("; ") + ";"); - safariCssSizeWorkaround(gl.canvas); - } - }; - CardboardVRDisplay.prototype.onViewerChanged_ = function (viewer) { - this.deviceInfo_.setViewer(viewer); - if (this.distorter_) { - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - this.fireVRDisplayDeviceParamsChange_(); - }; - CardboardVRDisplay.prototype.fireVRDisplayDeviceParamsChange_ = - function () { - var event = new CustomEvent("vrdisplaydeviceparamschange", { - detail: { - vrdisplay: this, - deviceInfo: this.deviceInfo_, - }, - }); - window.dispatchEvent(event); - }; - CardboardVRDisplay.VRFrameData = VRFrameData; - CardboardVRDisplay.VRDisplay = VRDisplay; - return CardboardVRDisplay; - }); - }); - var CardboardVRDisplay = unwrapExports$$1(cardboardVrDisplay); - - var version = "0.10.5"; - - var DefaultConfig = { - PROVIDE_MOBILE_VRDISPLAY: true, - GET_VR_DISPLAYS_TIMEOUT: 1000, - MOBILE_WAKE_LOCK: true, - DEBUG: false, - DPDB_URL: "https://dpdb.webvr.rocks/dpdb.json", - K_FILTER: 0.98, - PREDICTION_TIME_S: 0.04, - TOUCH_PANNER_DISABLED: true, - CARDBOARD_UI_DISABLED: false, - ROTATE_INSTRUCTIONS_DISABLED: false, - YAW_ONLY: false, - BUFFER_SCALE: 0.5, - DIRTY_SUBMIT_FRAME_BINDINGS: false, - }; + vrDisplays = displays; + + if ( displays.length > 0 ) { + + vrDisplay = displays[ 0 ]; + + } else { + + if ( onError ) onError( 'VR input not available.' ); + + } + + } + + if ( navigator.getVRDisplays ) { + + navigator.getVRDisplays().then( gotVRDisplays ).catch( function () { + + console.warn( 'VRControls: Unable to get VR Displays' ); + + } ); + + } + + // the Rift SDK returns the position in meters + // this scale factor allows the user to define how meters + // are converted to scene units. + + this.scale = 1; + + // If true will use "standing space" coordinate system where y=0 is the + // floor and x=0, z=0 is the center of the room. + this.standing = false; + + // Distance from the users eyes to the floor in meters. Used when + // standing=true but the VRDisplay doesn't provide stageParameters. + this.userHeight = 1.6; + + this.getVRDisplay = function () { + + return vrDisplay; + + }; + + this.setVRDisplay = function ( value ) { + + vrDisplay = value; + + }; + + this.getVRDisplays = function () { + + console.warn( 'VRControls: getVRDisplays() is being deprecated.' ); + return vrDisplays; + + }; + + this.getStandingMatrix = function () { + + return standingMatrix; + + }; + + this.update = function () { + + if ( vrDisplay ) { + + var pose; + + if ( vrDisplay.getFrameData ) { + + vrDisplay.getFrameData( frameData ); + pose = frameData.pose; + + } else if ( vrDisplay.getPose ) { + + pose = vrDisplay.getPose(); + + } + + if ( pose.orientation !== null ) { + + object.quaternion.fromArray( pose.orientation ); + + } + + if ( pose.position !== null ) { + + object.position.fromArray( pose.position ); + + } else { + + object.position.set( 0, 0, 0 ); + + } + + if ( this.standing ) { + + if ( vrDisplay.stageParameters ) { + + object.updateMatrix(); + + standingMatrix.fromArray( vrDisplay.stageParameters.sittingToStandingTransform ); + object.applyMatrix( standingMatrix ); + + } else { + + object.position.setY( object.position.y + this.userHeight ); + + } + + } + + object.position.multiplyScalar( scope.scale ); + + } + + }; + + this.dispose = function () { + + vrDisplay = null; + + }; + +}; + +/** + * @author dmarcos / https://github.com/dmarcos + * @author mrdoob / http://mrdoob.com + * + * WebVR Spec: http://mozvr.github.io/webvr-spec/webvr.html + * + * Firefox: http://mozvr.com/downloads/ + * Chromium: https://webvr.info/get-chrome + */ +var VREffect = function ( renderer, onError ) { + + var vrDisplay, vrDisplays; + var eyeTranslationL = new THREE.Vector3(); + var eyeTranslationR = new THREE.Vector3(); + var renderRectL, renderRectR; + var headMatrix = new THREE.Matrix4(); + var eyeMatrixL = new THREE.Matrix4(); + var eyeMatrixR = new THREE.Matrix4(); + + var frameData = null; + + if ( 'VRFrameData' in window ) { + + frameData = new window.VRFrameData(); + + } + + function gotVRDisplays( displays ) { + + vrDisplays = displays; + + if ( displays.length > 0 ) { + + vrDisplay = displays[ 0 ]; + + } else { + + if ( onError ) onError( 'HMD not available' ); + + } + + } + + if ( navigator.getVRDisplays ) { + + navigator.getVRDisplays().then( gotVRDisplays ).catch( function () { + + console.warn( 'VREffect: Unable to get VR Displays' ); + + } ); + + } + + // + + this.isPresenting = false; + + var scope = this; + + var rendererSize = renderer.getSize(); + var rendererUpdateStyle = false; + var rendererPixelRatio = renderer.getPixelRatio(); + + this.getVRDisplay = function () { + + return vrDisplay; + + }; + + this.setVRDisplay = function ( value ) { + + vrDisplay = value; + + }; + + this.getVRDisplays = function () { + + console.warn( 'VREffect: getVRDisplays() is being deprecated.' ); + return vrDisplays; + + }; + + this.setSize = function ( width, height, updateStyle ) { + + rendererSize = { width: width, height: height }; + rendererUpdateStyle = updateStyle; + + if ( scope.isPresenting ) { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + renderer.setPixelRatio( 1 ); + renderer.setSize( eyeParamsL.renderWidth * 2, eyeParamsL.renderHeight, false ); + + } else { + + renderer.setPixelRatio( rendererPixelRatio ); + renderer.setSize( width, height, updateStyle ); + + } + + }; + + // VR presentation + + var canvas = renderer.domElement; + var defaultLeftBounds = [ 0.0, 0.0, 0.5, 1.0 ]; + var defaultRightBounds = [ 0.5, 0.0, 0.5, 1.0 ]; + + function onVRDisplayPresentChange() { + + var wasPresenting = scope.isPresenting; + scope.isPresenting = vrDisplay !== undefined && vrDisplay.isPresenting; + + if ( scope.isPresenting ) { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + var eyeWidth = eyeParamsL.renderWidth; + var eyeHeight = eyeParamsL.renderHeight; + + if ( ! wasPresenting ) { + + rendererPixelRatio = renderer.getPixelRatio(); + rendererSize = renderer.getSize(); + + renderer.setPixelRatio( 1 ); + renderer.setSize( eyeWidth * 2, eyeHeight, false ); + + } + + } else if ( wasPresenting ) { + + renderer.setPixelRatio( rendererPixelRatio ); + renderer.setSize( rendererSize.width, rendererSize.height, rendererUpdateStyle ); + + } + + } + + window.addEventListener( 'vrdisplaypresentchange', onVRDisplayPresentChange, false ); + + this.setFullScreen = function ( boolean ) { + + return new Promise( function ( resolve, reject ) { + + if ( vrDisplay === undefined ) { + + reject( new Error( 'No VR hardware found.' ) ); + return; + + } + + if ( scope.isPresenting === boolean ) { + + resolve(); + return; + + } + + if ( boolean ) { + + resolve( vrDisplay.requestPresent( [ { source: canvas } ] ) ); + + } else { + + resolve( vrDisplay.exitPresent() ); + + } + + } ); + + }; + + this.requestPresent = function () { + + return this.setFullScreen( true ); + + }; + + this.exitPresent = function () { + + return this.setFullScreen( false ); + + }; + + this.requestAnimationFrame = function ( f ) { + + if ( vrDisplay !== undefined ) { + + return vrDisplay.requestAnimationFrame( f ); + + } else { + + return window.requestAnimationFrame( f ); + + } + + }; + + this.cancelAnimationFrame = function ( h ) { + + if ( vrDisplay !== undefined ) { + + vrDisplay.cancelAnimationFrame( h ); + + } else { + + window.cancelAnimationFrame( h ); + + } + + }; + + this.submitFrame = function () { + + if ( vrDisplay !== undefined && scope.isPresenting ) { + + vrDisplay.submitFrame(); + + } + + }; + + this.autoSubmitFrame = true; + + // render + + var cameraL = new THREE.PerspectiveCamera(); + cameraL.layers.enable( 1 ); + + var cameraR = new THREE.PerspectiveCamera(); + cameraR.layers.enable( 2 ); + + this.render = function ( scene, camera, renderTarget, forceClear ) { + + if ( vrDisplay && scope.isPresenting ) { + + var autoUpdate = scene.autoUpdate; + + if ( autoUpdate ) { + + scene.updateMatrixWorld(); + scene.autoUpdate = false; + + } + + if ( Array.isArray( scene ) ) { + + console.warn( 'VREffect.render() no longer supports arrays. Use object.layers instead.' ); + scene = scene[ 0 ]; + + } + + // When rendering we don't care what the recommended size is, only what the actual size + // of the backbuffer is. + var size = renderer.getSize(); + var layers = vrDisplay.getLayers(); + var leftBounds; + var rightBounds; + + if ( layers.length ) { + + var layer = layers[ 0 ]; + + leftBounds = layer.leftBounds !== null && layer.leftBounds.length === 4 ? layer.leftBounds : defaultLeftBounds; + rightBounds = layer.rightBounds !== null && layer.rightBounds.length === 4 ? layer.rightBounds : defaultRightBounds; + + } else { + + leftBounds = defaultLeftBounds; + rightBounds = defaultRightBounds; + + } + + renderRectL = { + x: Math.round( size.width * leftBounds[ 0 ] ), + y: Math.round( size.height * leftBounds[ 1 ] ), + width: Math.round( size.width * leftBounds[ 2 ] ), + height: Math.round( size.height * leftBounds[ 3 ] ) + }; + renderRectR = { + x: Math.round( size.width * rightBounds[ 0 ] ), + y: Math.round( size.height * rightBounds[ 1 ] ), + width: Math.round( size.width * rightBounds[ 2 ] ), + height: Math.round( size.height * rightBounds[ 3 ] ) + }; + + if ( renderTarget ) { + + renderer.setRenderTarget( renderTarget ); + renderTarget.scissorTest = true; + + } else { + + renderer.setRenderTarget( null ); + renderer.setScissorTest( true ); + + } + + if ( renderer.autoClear || forceClear ) renderer.clear(); + + if ( camera.parent === null ) camera.updateMatrixWorld(); + + camera.matrixWorld.decompose( cameraL.position, cameraL.quaternion, cameraL.scale ); + + cameraR.position.copy( cameraL.position ); + cameraR.quaternion.copy( cameraL.quaternion ); + cameraR.scale.copy( cameraL.scale ); + + if ( vrDisplay.getFrameData ) { + + vrDisplay.depthNear = camera.near; + vrDisplay.depthFar = camera.far; + + vrDisplay.getFrameData( frameData ); + + cameraL.projectionMatrix.elements = frameData.leftProjectionMatrix; + cameraR.projectionMatrix.elements = frameData.rightProjectionMatrix; + + getEyeMatrices( frameData ); + + cameraL.updateMatrix(); + cameraL.matrix.multiply( eyeMatrixL ); + cameraL.matrix.decompose( cameraL.position, cameraL.quaternion, cameraL.scale ); + + cameraR.updateMatrix(); + cameraR.matrix.multiply( eyeMatrixR ); + cameraR.matrix.decompose( cameraR.position, cameraR.quaternion, cameraR.scale ); + + } else { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + var eyeParamsR = vrDisplay.getEyeParameters( 'right' ); + + cameraL.projectionMatrix = fovToProjection( eyeParamsL.fieldOfView, true, camera.near, camera.far ); + cameraR.projectionMatrix = fovToProjection( eyeParamsR.fieldOfView, true, camera.near, camera.far ); + + eyeTranslationL.fromArray( eyeParamsL.offset ); + eyeTranslationR.fromArray( eyeParamsR.offset ); + + cameraL.translateOnAxis( eyeTranslationL, cameraL.scale.x ); + cameraR.translateOnAxis( eyeTranslationR, cameraR.scale.x ); + + } + + // render left eye + if ( renderTarget ) { + + renderTarget.viewport.set( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + renderTarget.scissor.set( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + + } else { + + renderer.setViewport( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + renderer.setScissor( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + + } + renderer.render( scene, cameraL, renderTarget, forceClear ); + + // render right eye + if ( renderTarget ) { + + renderTarget.viewport.set( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + renderTarget.scissor.set( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + + } else { + + renderer.setViewport( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + renderer.setScissor( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + + } + renderer.render( scene, cameraR, renderTarget, forceClear ); + + if ( renderTarget ) { + + renderTarget.viewport.set( 0, 0, size.width, size.height ); + renderTarget.scissor.set( 0, 0, size.width, size.height ); + renderTarget.scissorTest = false; + renderer.setRenderTarget( null ); + + } else { + + renderer.setViewport( 0, 0, size.width, size.height ); + renderer.setScissorTest( false ); + + } + + if ( autoUpdate ) { + + scene.autoUpdate = true; + + } + + if ( scope.autoSubmitFrame ) { + + scope.submitFrame(); - function WebVRPolyfill(config) { - this.config = extend(extend({}, DefaultConfig), config); - this.polyfillDisplays = []; - this.enabled = false; - this.hasNative = "getVRDisplays" in navigator; - this.native = {}; - this.native.getVRDisplays = navigator.getVRDisplays; - this.native.VRFrameData = window.VRFrameData; - this.native.VRDisplay = window.VRDisplay; - if ( - !this.hasNative || - (this.config.PROVIDE_MOBILE_VRDISPLAY && isMobile()) - ) { - this.enable(); - this.getVRDisplays().then(function (displays) { - if (displays && displays[0] && displays[0].fireVRDisplayConnect_) { - displays[0].fireVRDisplayConnect_(); - } - }); - } - } - WebVRPolyfill.prototype.getPolyfillDisplays = function () { - if (this._polyfillDisplaysPopulated) { - return this.polyfillDisplays; - } - if (isMobile()) { - var vrDisplay = new CardboardVRDisplay({ - MOBILE_WAKE_LOCK: this.config.MOBILE_WAKE_LOCK, - DEBUG: this.config.DEBUG, - DPDB_URL: this.config.DPDB_URL, - CARDBOARD_UI_DISABLED: this.config.CARDBOARD_UI_DISABLED, - K_FILTER: this.config.K_FILTER, - PREDICTION_TIME_S: this.config.PREDICTION_TIME_S, - TOUCH_PANNER_DISABLED: this.config.TOUCH_PANNER_DISABLED, - ROTATE_INSTRUCTIONS_DISABLED: - this.config.ROTATE_INSTRUCTIONS_DISABLED, - YAW_ONLY: this.config.YAW_ONLY, - BUFFER_SCALE: this.config.BUFFER_SCALE, - DIRTY_SUBMIT_FRAME_BINDINGS: this.config.DIRTY_SUBMIT_FRAME_BINDINGS, - }); - this.polyfillDisplays.push(vrDisplay); - } - this._polyfillDisplaysPopulated = true; - return this.polyfillDisplays; - }; - WebVRPolyfill.prototype.enable = function () { - this.enabled = true; - if (this.hasNative && this.native.VRFrameData) { - var NativeVRFrameData = this.native.VRFrameData; - var nativeFrameData = new this.native.VRFrameData(); - var nativeGetFrameData = this.native.VRDisplay.prototype.getFrameData; - window.VRDisplay.prototype.getFrameData = function (frameData) { - if (frameData instanceof NativeVRFrameData) { - nativeGetFrameData.call(this, frameData); - return; - } - nativeGetFrameData.call(this, nativeFrameData); - frameData.pose = nativeFrameData.pose; - copyArray( - nativeFrameData.leftProjectionMatrix, - frameData.leftProjectionMatrix - ); - copyArray( - nativeFrameData.rightProjectionMatrix, - frameData.rightProjectionMatrix - ); - copyArray(nativeFrameData.leftViewMatrix, frameData.leftViewMatrix); - copyArray(nativeFrameData.rightViewMatrix, frameData.rightViewMatrix); - }; - } - navigator.getVRDisplays = this.getVRDisplays.bind(this); - window.VRDisplay = CardboardVRDisplay.VRDisplay; - window.VRFrameData = CardboardVRDisplay.VRFrameData; - }; - WebVRPolyfill.prototype.getVRDisplays = function () { - var _this = this; - var config = this.config; - if (!this.hasNative) { - return Promise.resolve(this.getPolyfillDisplays()); - } - var timeoutId; - var vrDisplaysNative = this.native.getVRDisplays.call(navigator); - var timeoutPromise = new Promise(function (resolve) { - timeoutId = setTimeout(function () { - console.warn( - "Native WebVR implementation detected, but `getVRDisplays()` failed to resolve. Falling back to polyfill." - ); - resolve([]); - }, config.GET_VR_DISPLAYS_TIMEOUT); - }); - return race([vrDisplaysNative, timeoutPromise]).then(function ( - nativeDisplays - ) { - clearTimeout(timeoutId); - return nativeDisplays.length > 0 - ? nativeDisplays - : _this.getPolyfillDisplays(); - }); - }; - WebVRPolyfill.version = version; - WebVRPolyfill.VRFrameData = CardboardVRDisplay.VRFrameData; - WebVRPolyfill.VRDisplay = CardboardVRDisplay.VRDisplay; + } - var webvrPolyfill = Object.freeze({ - default: WebVRPolyfill, - }); + return; - var require$$0 = (webvrPolyfill && WebVRPolyfill) || webvrPolyfill; + } - if (typeof commonjsGlobal$$1 !== "undefined" && commonjsGlobal$$1.window) { - if (!commonjsGlobal$$1.document) { - commonjsGlobal$$1.document = commonjsGlobal$$1.window.document; - } - if (!commonjsGlobal$$1.navigator) { - commonjsGlobal$$1.navigator = commonjsGlobal$$1.window.navigator; - } - } - var src = require$$0; + // Regular render mode if not HMD - return src; - }); -}); + renderer.render( scene, camera, renderTarget, forceClear ); -var WebVRPolyfill = unwrapExports(webvrPolyfill); + }; -/** - * @author dmarcos / https://github.com/dmarcos - * @author mrdoob / http://mrdoob.com - */ -var VRControls = function (object, onError) { - var scope = this; + this.dispose = function () { - var vrDisplay, vrDisplays; + window.removeEventListener( 'vrdisplaypresentchange', onVRDisplayPresentChange, false ); - var standingMatrix = new THREE.Matrix4(); + }; - var frameData = null; + // - if ("VRFrameData" in window) { - frameData = new VRFrameData(); - } + var poseOrientation = new THREE.Quaternion(); + var posePosition = new THREE.Vector3(); - function gotVRDisplays(displays) { - vrDisplays = displays; + // Compute model matrices of the eyes with respect to the head. + function getEyeMatrices( frameData ) { - if (displays.length > 0) { - vrDisplay = displays[0]; - } else { - if (onError) onError("VR input not available."); - } - } + // Compute the matrix for the position of the head based on the pose + if ( frameData.pose.orientation ) { - if (navigator.getVRDisplays) { - navigator - .getVRDisplays() - .then(gotVRDisplays) - .catch(function () { - console.warn("VRControls: Unable to get VR Displays"); - }); - } + poseOrientation.fromArray( frameData.pose.orientation ); + headMatrix.makeRotationFromQuaternion( poseOrientation ); - // the Rift SDK returns the position in meters - // this scale factor allows the user to define how meters - // are converted to scene units. + } else { - this.scale = 1; + headMatrix.identity(); - // If true will use "standing space" coordinate system where y=0 is the - // floor and x=0, z=0 is the center of the room. - this.standing = false; + } - // Distance from the users eyes to the floor in meters. Used when - // standing=true but the VRDisplay doesn't provide stageParameters. - this.userHeight = 1.6; + if ( frameData.pose.position ) { - this.getVRDisplay = function () { - return vrDisplay; - }; + posePosition.fromArray( frameData.pose.position ); + headMatrix.setPosition( posePosition ); - this.setVRDisplay = function (value) { - vrDisplay = value; - }; + } - this.getVRDisplays = function () { - console.warn("VRControls: getVRDisplays() is being deprecated."); - return vrDisplays; - }; + // The view matrix transforms vertices from sitting space to eye space. As such, the view matrix can be thought of as a product of two matrices: + // headToEyeMatrix * sittingToHeadMatrix - this.getStandingMatrix = function () { - return standingMatrix; - }; + // The headMatrix that we've calculated above is the model matrix of the head in sitting space, which is the inverse of sittingToHeadMatrix. + // So when we multiply the view matrix with headMatrix, we're left with headToEyeMatrix: + // viewMatrix * headMatrix = headToEyeMatrix * sittingToHeadMatrix * headMatrix = headToEyeMatrix - this.update = function () { - if (vrDisplay) { - var pose; + eyeMatrixL.fromArray( frameData.leftViewMatrix ); + eyeMatrixL.multiply( headMatrix ); + eyeMatrixR.fromArray( frameData.rightViewMatrix ); + eyeMatrixR.multiply( headMatrix ); - if (vrDisplay.getFrameData) { - vrDisplay.getFrameData(frameData); - pose = frameData.pose; - } else if (vrDisplay.getPose) { - pose = vrDisplay.getPose(); - } + // The eye's model matrix in head space is the inverse of headToEyeMatrix we calculated above. - if (pose.orientation !== null) { - object.quaternion.fromArray(pose.orientation); - } + eyeMatrixL.getInverse( eyeMatrixL ); + eyeMatrixR.getInverse( eyeMatrixR ); - if (pose.position !== null) { - object.position.fromArray(pose.position); - } else { - object.position.set(0, 0, 0); - } + } - if (this.standing) { - if (vrDisplay.stageParameters) { - object.updateMatrix(); + function fovToNDCScaleOffset( fov ) { - standingMatrix.fromArray( - vrDisplay.stageParameters.sittingToStandingTransform - ); - object.applyMatrix(standingMatrix); - } else { - object.position.setY(object.position.y + this.userHeight); - } - } + var pxscale = 2.0 / ( fov.leftTan + fov.rightTan ); + var pxoffset = ( fov.leftTan - fov.rightTan ) * pxscale * 0.5; + var pyscale = 2.0 / ( fov.upTan + fov.downTan ); + var pyoffset = ( fov.upTan - fov.downTan ) * pyscale * 0.5; + return { scale: [ pxscale, pyscale ], offset: [ pxoffset, pyoffset ] }; - object.position.multiplyScalar(scope.scale); - } - }; + } + + function fovPortToProjection( fov, rightHanded, zNear, zFar ) { + + rightHanded = rightHanded === undefined ? true : rightHanded; + zNear = zNear === undefined ? 0.01 : zNear; + zFar = zFar === undefined ? 10000.0 : zFar; + + var handednessScale = rightHanded ? - 1.0 : 1.0; + + // start with an identity matrix + var mobj = new THREE.Matrix4(); + var m = mobj.elements; + + // and with scale/offset info for normalized device coords + var scaleAndOffset = fovToNDCScaleOffset( fov ); + + // X result, map clip edges to [-w,+w] + m[ 0 * 4 + 0 ] = scaleAndOffset.scale[ 0 ]; + m[ 0 * 4 + 1 ] = 0.0; + m[ 0 * 4 + 2 ] = scaleAndOffset.offset[ 0 ] * handednessScale; + m[ 0 * 4 + 3 ] = 0.0; + + // Y result, map clip edges to [-w,+w] + // Y offset is negated because this proj matrix transforms from world coords with Y=up, + // but the NDC scaling has Y=down (thanks D3D?) + m[ 1 * 4 + 0 ] = 0.0; + m[ 1 * 4 + 1 ] = scaleAndOffset.scale[ 1 ]; + m[ 1 * 4 + 2 ] = - scaleAndOffset.offset[ 1 ] * handednessScale; + m[ 1 * 4 + 3 ] = 0.0; + + // Z result (up to the app) + m[ 2 * 4 + 0 ] = 0.0; + m[ 2 * 4 + 1 ] = 0.0; + m[ 2 * 4 + 2 ] = zFar / ( zNear - zFar ) * - handednessScale; + m[ 2 * 4 + 3 ] = ( zFar * zNear ) / ( zNear - zFar ); + + // W result (= Z in) + m[ 3 * 4 + 0 ] = 0.0; + m[ 3 * 4 + 1 ] = 0.0; + m[ 3 * 4 + 2 ] = handednessScale; + m[ 3 * 4 + 3 ] = 0.0; + + mobj.transpose(); + return mobj; + + } + + function fovToProjection( fov, rightHanded, zNear, zFar ) { + + var DEG2RAD = Math.PI / 180.0; + + var fovPort = { + upTan: Math.tan( fov.upDegrees * DEG2RAD ), + downTan: Math.tan( fov.downDegrees * DEG2RAD ), + leftTan: Math.tan( fov.leftDegrees * DEG2RAD ), + rightTan: Math.tan( fov.rightDegrees * DEG2RAD ) + }; + + return fovPortToProjection( fovPort, rightHanded, zNear, zFar ); + + } - this.dispose = function () { - vrDisplay = null; - }; }; /** - * @author dmarcos / https://github.com/dmarcos + * @author qiao / https://github.com/qiao * @author mrdoob / http://mrdoob.com - * - * WebVR Spec: http://mozvr.github.io/webvr-spec/webvr.html - * - * Firefox: http://mozvr.com/downloads/ - * Chromium: https://webvr.info/get-chrome + * @author alteredq / http://alteredqualia.com/ + * @author WestLangley / http://github.com/WestLangley + * @author erich666 / http://erichaines.com */ -var VREffect = function (renderer, onError) { - var vrDisplay, vrDisplays; - var eyeTranslationL = new THREE.Vector3(); - var eyeTranslationR = new THREE.Vector3(); - var renderRectL, renderRectR; - var headMatrix = new THREE.Matrix4(); - var eyeMatrixL = new THREE.Matrix4(); - var eyeMatrixR = new THREE.Matrix4(); - - var frameData = null; - - if ("VRFrameData" in window) { - frameData = new window.VRFrameData(); - } +var OrbitControls = function ( object, domElement ) { - function gotVRDisplays(displays) { - vrDisplays = displays; + this.object = object; - if (displays.length > 0) { - vrDisplay = displays[0]; - } else { - if (onError) onError("HMD not available"); - } - } + this.domElement = ( domElement !== undefined ) ? domElement : document; - if (navigator.getVRDisplays) { - navigator - .getVRDisplays() - .then(gotVRDisplays) - .catch(function () { - console.warn("VREffect: Unable to get VR Displays"); - }); - } + // Set to false to disable this control + this.enabled = true; - // + // "target" sets the location of focus, where the object orbits around + this.target = new THREE.Vector3(); - this.isPresenting = false; + // How far you can dolly in and out ( PerspectiveCamera only ) + this.minDistance = 0; + this.maxDistance = Infinity; - var scope = this; + // How far you can zoom in and out ( OrthographicCamera only ) + this.minZoom = 0; + this.maxZoom = Infinity; - var rendererSize = renderer.getSize(); - var rendererUpdateStyle = false; - var rendererPixelRatio = renderer.getPixelRatio(); + // How far you can orbit vertically, upper and lower limits. + // Range is 0 to Math.PI radians. + this.minPolarAngle = 0; // radians + this.maxPolarAngle = Math.PI; // radians - this.getVRDisplay = function () { - return vrDisplay; - }; + // How far you can orbit horizontally, upper and lower limits. + // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ]. + this.minAzimuthAngle = - Infinity; // radians + this.maxAzimuthAngle = Infinity; // radians - this.setVRDisplay = function (value) { - vrDisplay = value; - }; + // Set to true to enable damping (inertia) + // If damping is enabled, you must call controls.update() in your animation loop + this.enableDamping = false; + this.dampingFactor = 0.25; - this.getVRDisplays = function () { - console.warn("VREffect: getVRDisplays() is being deprecated."); - return vrDisplays; - }; + // This option actually enables dollying in and out; left as "zoom" for backwards compatibility. + // Set to false to disable zooming + this.enableZoom = true; + this.zoomSpeed = 1.0; - this.setSize = function (width, height, updateStyle) { - rendererSize = { width: width, height: height }; - rendererUpdateStyle = updateStyle; - - if (scope.isPresenting) { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - renderer.setPixelRatio(1); - renderer.setSize( - eyeParamsL.renderWidth * 2, - eyeParamsL.renderHeight, - false - ); - } else { - renderer.setPixelRatio(rendererPixelRatio); - renderer.setSize(width, height, updateStyle); - } - }; + // Set to false to disable rotating + this.enableRotate = true; + this.rotateSpeed = 1.0; - // VR presentation + // Set to false to disable panning + this.enablePan = true; + this.panSpeed = 1.0; + this.screenSpacePanning = false; // if true, pan in screen-space + this.keyPanSpeed = 7.0; // pixels moved per arrow key push - var canvas = renderer.domElement; - var defaultLeftBounds = [0.0, 0.0, 0.5, 1.0]; - var defaultRightBounds = [0.5, 0.0, 0.5, 1.0]; + // Set to true to automatically rotate around the target + // If auto-rotate is enabled, you must call controls.update() in your animation loop + this.autoRotate = false; + this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60 - function onVRDisplayPresentChange() { - var wasPresenting = scope.isPresenting; - scope.isPresenting = vrDisplay !== undefined && vrDisplay.isPresenting; + // Set to false to disable use of the keys + this.enableKeys = true; - if (scope.isPresenting) { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - var eyeWidth = eyeParamsL.renderWidth; - var eyeHeight = eyeParamsL.renderHeight; + // The four arrow keys + this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 }; - if (!wasPresenting) { - rendererPixelRatio = renderer.getPixelRatio(); - rendererSize = renderer.getSize(); + // Mouse buttons + this.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT }; - renderer.setPixelRatio(1); - renderer.setSize(eyeWidth * 2, eyeHeight, false); - } - } else if (wasPresenting) { - renderer.setPixelRatio(rendererPixelRatio); - renderer.setSize( - rendererSize.width, - rendererSize.height, - rendererUpdateStyle - ); - } - } + // for reset + this.target0 = this.target.clone(); + this.position0 = this.object.position.clone(); + this.zoom0 = this.object.zoom; - window.addEventListener( - "vrdisplaypresentchange", - onVRDisplayPresentChange, - false - ); + // + // public methods + // - this.setFullScreen = function (boolean) { - return new Promise(function (resolve, reject) { - if (vrDisplay === undefined) { - reject(new Error("No VR hardware found.")); - return; - } + this.getPolarAngle = function () { - if (scope.isPresenting === boolean) { - resolve(); - return; - } + return spherical.phi; - if (boolean) { - resolve(vrDisplay.requestPresent([{ source: canvas }])); - } else { - resolve(vrDisplay.exitPresent()); - } - }); - }; + }; - this.requestPresent = function () { - return this.setFullScreen(true); - }; + this.getAzimuthalAngle = function () { - this.exitPresent = function () { - return this.setFullScreen(false); - }; + return spherical.theta; - this.requestAnimationFrame = function (f) { - if (vrDisplay !== undefined) { - return vrDisplay.requestAnimationFrame(f); - } else { - return window.requestAnimationFrame(f); - } - }; + }; + + this.saveState = function () { + + scope.target0.copy( scope.target ); + scope.position0.copy( scope.object.position ); + scope.zoom0 = scope.object.zoom; + + }; + + this.reset = function () { + + scope.target.copy( scope.target0 ); + scope.object.position.copy( scope.position0 ); + scope.object.zoom = scope.zoom0; + + scope.object.updateProjectionMatrix(); + scope.dispatchEvent( changeEvent ); + + scope.update(); + + state = STATE.NONE; + + }; + + // this method is exposed, but perhaps it would be better if we can make it private... + this.update = function () { + + var offset = new THREE.Vector3(); + + // so camera.up is the orbit axis + var quat = new THREE.Quaternion().setFromUnitVectors( object.up, new THREE.Vector3( 0, 1, 0 ) ); + var quatInverse = quat.clone().inverse(); + + var lastPosition = new THREE.Vector3(); + var lastQuaternion = new THREE.Quaternion(); + + return function update() { + + var position = scope.object.position; + + offset.copy( position ).sub( scope.target ); + + // rotate offset to "y-axis-is-up" space + offset.applyQuaternion( quat ); + + // angle from z-axis around y-axis + spherical.setFromVector3( offset ); + + if ( scope.autoRotate && state === STATE.NONE ) { + + scope.rotateLeft( getAutoRotationAngle() ); + + } + + spherical.theta += sphericalDelta.theta; + spherical.phi += sphericalDelta.phi; + + // restrict theta to be between desired limits + spherical.theta = Math.max( scope.minAzimuthAngle, Math.min( scope.maxAzimuthAngle, spherical.theta ) ); + + // restrict phi to be between desired limits + spherical.phi = Math.max( scope.minPolarAngle, Math.min( scope.maxPolarAngle, spherical.phi ) ); + + spherical.makeSafe(); + + + spherical.radius *= scale; + + // restrict radius to be between desired limits + spherical.radius = Math.max( scope.minDistance, Math.min( scope.maxDistance, spherical.radius ) ); + + // move target to panned location + scope.target.add( panOffset ); + + offset.setFromSpherical( spherical ); + + // rotate offset back to "camera-up-vector-is-up" space + offset.applyQuaternion( quatInverse ); + + position.copy( scope.target ).add( offset ); + + scope.object.lookAt( scope.target ); + + if ( scope.enableDamping === true ) { + + sphericalDelta.theta *= ( 1 - scope.dampingFactor ); + sphericalDelta.phi *= ( 1 - scope.dampingFactor ); + + panOffset.multiplyScalar( 1 - scope.dampingFactor ); + + } else { + + sphericalDelta.set( 0, 0, 0 ); + + panOffset.set( 0, 0, 0 ); + + } + + scale = 1; + + // update condition is: + // min(camera displacement, camera rotation in radians)^2 > EPS + // using small-angle approximation cos(x/2) = 1 - x^2 / 8 + + if ( zoomChanged || + lastPosition.distanceToSquared( scope.object.position ) > EPS || + 8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) { + + scope.dispatchEvent( changeEvent ); + + lastPosition.copy( scope.object.position ); + lastQuaternion.copy( scope.object.quaternion ); + zoomChanged = false; + + return true; + + } + + return false; + + }; + + }(); + + this.dispose = function () { + + scope.domElement.removeEventListener( 'contextmenu', onContextMenu, false ); + scope.domElement.removeEventListener( 'mousedown', onMouseDown, false ); + scope.domElement.removeEventListener( 'wheel', onMouseWheel, false ); + + scope.domElement.removeEventListener( 'touchstart', onTouchStart, false ); + scope.domElement.removeEventListener( 'touchend', onTouchEnd, false ); + scope.domElement.removeEventListener( 'touchmove', onTouchMove, false ); + + document.removeEventListener( 'mousemove', onMouseMove, false ); + document.removeEventListener( 'mouseup', onMouseUp, false ); + + window.removeEventListener( 'keydown', onKeyDown, false ); + + //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here? + + }; + + // + // internals + // + + var scope = this; + + var changeEvent = { type: 'change' }; + var startEvent = { type: 'start' }; + var endEvent = { type: 'end' }; + + var STATE = { NONE: - 1, ROTATE: 0, DOLLY: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_DOLLY_PAN: 4 }; + + var state = STATE.NONE; + + var EPS = 0.000001; + + // current position in spherical coordinates + var spherical = new THREE.Spherical(); + var sphericalDelta = new THREE.Spherical(); + + var scale = 1; + var panOffset = new THREE.Vector3(); + var zoomChanged = false; + + var rotateStart = new THREE.Vector2(); + var rotateEnd = new THREE.Vector2(); + var rotateDelta = new THREE.Vector2(); + + var panStart = new THREE.Vector2(); + var panEnd = new THREE.Vector2(); + var panDelta = new THREE.Vector2(); + + var dollyStart = new THREE.Vector2(); + var dollyEnd = new THREE.Vector2(); + var dollyDelta = new THREE.Vector2(); + + function getAutoRotationAngle() { + + return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed; + + } + + function getZoomScale() { + + return Math.pow( 0.95, scope.zoomSpeed ); + + } + + scope.rotateLeft = function( angle ) { + + sphericalDelta.theta -= angle; + + }; + + scope.rotateUp = function( angle ) { + + sphericalDelta.phi -= angle; + + }; + + var panLeft = function () { + + var v = new THREE.Vector3(); + + return function panLeft( distance, objectMatrix ) { + + v.setFromMatrixColumn( objectMatrix, 0 ); // get X column of objectMatrix + v.multiplyScalar( - distance ); + + panOffset.add( v ); + + }; + + }(); + + var panUp = function () { + + var v = new THREE.Vector3(); + + return function panUp( distance, objectMatrix ) { + + if ( scope.screenSpacePanning === true ) { + + v.setFromMatrixColumn( objectMatrix, 1 ); + + } else { + + v.setFromMatrixColumn( objectMatrix, 0 ); + v.crossVectors( scope.object.up, v ); + + } + + v.multiplyScalar( distance ); + + panOffset.add( v ); + + }; + + }(); + + // deltaX and deltaY are in pixels; right and down are positive + var pan = function () { + + var offset = new THREE.Vector3(); + + return function pan( deltaX, deltaY ) { + + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; + + if ( scope.object.isPerspectiveCamera ) { + + // perspective + var position = scope.object.position; + offset.copy( position ).sub( scope.target ); + var targetDistance = offset.length(); + + // half of the fov is center to top of screen + targetDistance *= Math.tan( ( scope.object.fov / 2 ) * Math.PI / 180.0 ); + + // we use only clientHeight here so aspect ratio does not distort speed + panLeft( 2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix ); + panUp( 2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix ); + + } else if ( scope.object.isOrthographicCamera ) { + + // orthographic + panLeft( deltaX * ( scope.object.right - scope.object.left ) / scope.object.zoom / element.clientWidth, scope.object.matrix ); + panUp( deltaY * ( scope.object.top - scope.object.bottom ) / scope.object.zoom / element.clientHeight, scope.object.matrix ); + + } else { + + // camera neither orthographic nor perspective + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.' ); + scope.enablePan = false; + + } + + }; + + }(); + + function dollyIn( dollyScale ) { + + if ( scope.object.isPerspectiveCamera ) { + + scale /= dollyScale; + + } else if ( scope.object.isOrthographicCamera ) { + + scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom * dollyScale ) ); + scope.object.updateProjectionMatrix(); + zoomChanged = true; + + } else { + + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' ); + scope.enableZoom = false; + + } + + } + + function dollyOut( dollyScale ) { + + if ( scope.object.isPerspectiveCamera ) { + + scale *= dollyScale; + + } else if ( scope.object.isOrthographicCamera ) { + + scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom / dollyScale ) ); + scope.object.updateProjectionMatrix(); + zoomChanged = true; + + } else { + + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' ); + scope.enableZoom = false; + + } + + } + + // + // event callbacks - update the object state + // + + function handleMouseDownRotate( event ) { + + //console.log( 'handleMouseDownRotate' ); + + rotateStart.set( event.clientX, event.clientY ); + + } + + function handleMouseDownDolly( event ) { + + //console.log( 'handleMouseDownDolly' ); + + dollyStart.set( event.clientX, event.clientY ); + + } + + function handleMouseDownPan( event ) { + + //console.log( 'handleMouseDownPan' ); + + panStart.set( event.clientX, event.clientY ); + + } + + function handleMouseMoveRotate( event ) { + + //console.log( 'handleMouseMoveRotate' ); + + rotateEnd.set( event.clientX, event.clientY ); + + rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed ); + + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; + + scope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height + + scope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight ); + + rotateStart.copy( rotateEnd ); + + scope.update(); + + } + + function handleMouseMoveDolly( event ) { + + //console.log( 'handleMouseMoveDolly' ); + + dollyEnd.set( event.clientX, event.clientY ); + + dollyDelta.subVectors( dollyEnd, dollyStart ); - this.cancelAnimationFrame = function (h) { - if (vrDisplay !== undefined) { - vrDisplay.cancelAnimationFrame(h); - } else { - window.cancelAnimationFrame(h); - } - }; + if ( dollyDelta.y > 0 ) { - this.submitFrame = function () { - if (vrDisplay !== undefined && scope.isPresenting) { - vrDisplay.submitFrame(); - } - }; + dollyIn( getZoomScale() ); - this.autoSubmitFrame = true; + } else if ( dollyDelta.y < 0 ) { - // render + dollyOut( getZoomScale() ); - var cameraL = new THREE.PerspectiveCamera(); - cameraL.layers.enable(1); + } - var cameraR = new THREE.PerspectiveCamera(); - cameraR.layers.enable(2); + dollyStart.copy( dollyEnd ); - this.render = function (scene, camera, renderTarget, forceClear) { - if (vrDisplay && scope.isPresenting) { - var autoUpdate = scene.autoUpdate; + scope.update(); - if (autoUpdate) { - scene.updateMatrixWorld(); - scene.autoUpdate = false; - } + } - if (Array.isArray(scene)) { - console.warn( - "VREffect.render() no longer supports arrays. Use object.layers instead." - ); - scene = scene[0]; - } + function handleMouseMovePan( event ) { - // When rendering we don't care what the recommended size is, only what the actual size - // of the backbuffer is. - var size = renderer.getSize(); - var layers = vrDisplay.getLayers(); - var leftBounds; - var rightBounds; - - if (layers.length) { - var layer = layers[0]; - - leftBounds = - layer.leftBounds !== null && layer.leftBounds.length === 4 - ? layer.leftBounds - : defaultLeftBounds; - rightBounds = - layer.rightBounds !== null && layer.rightBounds.length === 4 - ? layer.rightBounds - : defaultRightBounds; - } else { - leftBounds = defaultLeftBounds; - rightBounds = defaultRightBounds; - } + //console.log( 'handleMouseMovePan' ); - renderRectL = { - x: Math.round(size.width * leftBounds[0]), - y: Math.round(size.height * leftBounds[1]), - width: Math.round(size.width * leftBounds[2]), - height: Math.round(size.height * leftBounds[3]), - }; - renderRectR = { - x: Math.round(size.width * rightBounds[0]), - y: Math.round(size.height * rightBounds[1]), - width: Math.round(size.width * rightBounds[2]), - height: Math.round(size.height * rightBounds[3]), - }; + panEnd.set( event.clientX, event.clientY ); - if (renderTarget) { - renderer.setRenderTarget(renderTarget); - renderTarget.scissorTest = true; - } else { - renderer.setRenderTarget(null); - renderer.setScissorTest(true); - } + panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed ); - if (renderer.autoClear || forceClear) renderer.clear(); + pan( panDelta.x, panDelta.y ); - if (camera.parent === null) camera.updateMatrixWorld(); + panStart.copy( panEnd ); - camera.matrixWorld.decompose( - cameraL.position, - cameraL.quaternion, - cameraL.scale - ); + scope.update(); - cameraR.position.copy(cameraL.position); - cameraR.quaternion.copy(cameraL.quaternion); - cameraR.scale.copy(cameraL.scale); + } - if (vrDisplay.getFrameData) { - vrDisplay.depthNear = camera.near; - vrDisplay.depthFar = camera.far; + function handleMouseWheel( event ) { - vrDisplay.getFrameData(frameData); + // console.log( 'handleMouseWheel' ); - cameraL.projectionMatrix.elements = frameData.leftProjectionMatrix; - cameraR.projectionMatrix.elements = frameData.rightProjectionMatrix; + if ( event.deltaY < 0 ) { - getEyeMatrices(frameData); + dollyOut( getZoomScale() ); - cameraL.updateMatrix(); - cameraL.matrix.multiply(eyeMatrixL); - cameraL.matrix.decompose( - cameraL.position, - cameraL.quaternion, - cameraL.scale - ); + } else if ( event.deltaY > 0 ) { - cameraR.updateMatrix(); - cameraR.matrix.multiply(eyeMatrixR); - cameraR.matrix.decompose( - cameraR.position, - cameraR.quaternion, - cameraR.scale - ); - } else { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - var eyeParamsR = vrDisplay.getEyeParameters("right"); - - cameraL.projectionMatrix = fovToProjection( - eyeParamsL.fieldOfView, - true, - camera.near, - camera.far - ); - cameraR.projectionMatrix = fovToProjection( - eyeParamsR.fieldOfView, - true, - camera.near, - camera.far - ); - - eyeTranslationL.fromArray(eyeParamsL.offset); - eyeTranslationR.fromArray(eyeParamsR.offset); - - cameraL.translateOnAxis(eyeTranslationL, cameraL.scale.x); - cameraR.translateOnAxis(eyeTranslationR, cameraR.scale.x); - } + dollyIn( getZoomScale() ); - // render left eye - if (renderTarget) { - renderTarget.viewport.set( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - renderTarget.scissor.set( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - } else { - renderer.setViewport( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - renderer.setScissor( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - } - renderer.render(scene, cameraL, renderTarget, forceClear); - - // render right eye - if (renderTarget) { - renderTarget.viewport.set( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - renderTarget.scissor.set( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - } else { - renderer.setViewport( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - renderer.setScissor( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - } - renderer.render(scene, cameraR, renderTarget, forceClear); + } - if (renderTarget) { - renderTarget.viewport.set(0, 0, size.width, size.height); - renderTarget.scissor.set(0, 0, size.width, size.height); - renderTarget.scissorTest = false; - renderer.setRenderTarget(null); - } else { - renderer.setViewport(0, 0, size.width, size.height); - renderer.setScissorTest(false); - } + scope.update(); - if (autoUpdate) { - scene.autoUpdate = true; - } + } - if (scope.autoSubmitFrame) { - scope.submitFrame(); - } + function handleKeyDown( event ) { - return; - } + //console.log( 'handleKeyDown' ); - // Regular render mode if not HMD + switch ( event.keyCode ) { - renderer.render(scene, camera, renderTarget, forceClear); - }; + case scope.keys.UP: + pan( 0, scope.keyPanSpeed ); + scope.update(); + break; - this.dispose = function () { - window.removeEventListener( - "vrdisplaypresentchange", - onVRDisplayPresentChange, - false - ); - }; + case scope.keys.BOTTOM: + pan( 0, - scope.keyPanSpeed ); + scope.update(); + break; - // + case scope.keys.LEFT: + pan( scope.keyPanSpeed, 0 ); + scope.update(); + break; - var poseOrientation = new THREE.Quaternion(); - var posePosition = new THREE.Vector3(); + case scope.keys.RIGHT: + pan( - scope.keyPanSpeed, 0 ); + scope.update(); + break; - // Compute model matrices of the eyes with respect to the head. - function getEyeMatrices(frameData) { - // Compute the matrix for the position of the head based on the pose - if (frameData.pose.orientation) { - poseOrientation.fromArray(frameData.pose.orientation); - headMatrix.makeRotationFromQuaternion(poseOrientation); - } else { - headMatrix.identity(); - } + } - if (frameData.pose.position) { - posePosition.fromArray(frameData.pose.position); - headMatrix.setPosition(posePosition); - } + } - // The view matrix transforms vertices from sitting space to eye space. As such, the view matrix can be thought of as a product of two matrices: - // headToEyeMatrix * sittingToHeadMatrix + function handleTouchStartRotate( event ) { - // The headMatrix that we've calculated above is the model matrix of the head in sitting space, which is the inverse of sittingToHeadMatrix. - // So when we multiply the view matrix with headMatrix, we're left with headToEyeMatrix: - // viewMatrix * headMatrix = headToEyeMatrix * sittingToHeadMatrix * headMatrix = headToEyeMatrix + //console.log( 'handleTouchStartRotate' ); - eyeMatrixL.fromArray(frameData.leftViewMatrix); - eyeMatrixL.multiply(headMatrix); - eyeMatrixR.fromArray(frameData.rightViewMatrix); - eyeMatrixR.multiply(headMatrix); + rotateStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); - // The eye's model matrix in head space is the inverse of headToEyeMatrix we calculated above. + } - eyeMatrixL.getInverse(eyeMatrixL); - eyeMatrixR.getInverse(eyeMatrixR); - } + function handleTouchStartDollyPan( event ) { - function fovToNDCScaleOffset(fov) { - var pxscale = 2.0 / (fov.leftTan + fov.rightTan); - var pxoffset = (fov.leftTan - fov.rightTan) * pxscale * 0.5; - var pyscale = 2.0 / (fov.upTan + fov.downTan); - var pyoffset = (fov.upTan - fov.downTan) * pyscale * 0.5; - return { scale: [pxscale, pyscale], offset: [pxoffset, pyoffset] }; - } + //console.log( 'handleTouchStartDollyPan' ); - function fovPortToProjection(fov, rightHanded, zNear, zFar) { - rightHanded = rightHanded === undefined ? true : rightHanded; - zNear = zNear === undefined ? 0.01 : zNear; - zFar = zFar === undefined ? 10000.0 : zFar; - - var handednessScale = rightHanded ? -1.0 : 1.0; - - // start with an identity matrix - var mobj = new THREE.Matrix4(); - var m = mobj.elements; - - // and with scale/offset info for normalized device coords - var scaleAndOffset = fovToNDCScaleOffset(fov); - - // X result, map clip edges to [-w,+w] - m[0 * 4 + 0] = scaleAndOffset.scale[0]; - m[0 * 4 + 1] = 0.0; - m[0 * 4 + 2] = scaleAndOffset.offset[0] * handednessScale; - m[0 * 4 + 3] = 0.0; - - // Y result, map clip edges to [-w,+w] - // Y offset is negated because this proj matrix transforms from world coords with Y=up, - // but the NDC scaling has Y=down (thanks D3D?) - m[1 * 4 + 0] = 0.0; - m[1 * 4 + 1] = scaleAndOffset.scale[1]; - m[1 * 4 + 2] = -scaleAndOffset.offset[1] * handednessScale; - m[1 * 4 + 3] = 0.0; - - // Z result (up to the app) - m[2 * 4 + 0] = 0.0; - m[2 * 4 + 1] = 0.0; - m[2 * 4 + 2] = (zFar / (zNear - zFar)) * -handednessScale; - m[2 * 4 + 3] = (zFar * zNear) / (zNear - zFar); - - // W result (= Z in) - m[3 * 4 + 0] = 0.0; - m[3 * 4 + 1] = 0.0; - m[3 * 4 + 2] = handednessScale; - m[3 * 4 + 3] = 0.0; - - mobj.transpose(); - return mobj; - } + if ( scope.enableZoom ) { - function fovToProjection(fov, rightHanded, zNear, zFar) { - var DEG2RAD = Math.PI / 180.0; + var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; + var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; - var fovPort = { - upTan: Math.tan(fov.upDegrees * DEG2RAD), - downTan: Math.tan(fov.downDegrees * DEG2RAD), - leftTan: Math.tan(fov.leftDegrees * DEG2RAD), - rightTan: Math.tan(fov.rightDegrees * DEG2RAD), - }; + var distance = Math.sqrt( dx * dx + dy * dy ); - return fovPortToProjection(fovPort, rightHanded, zNear, zFar); - } -}; + dollyStart.set( 0, distance ); -/** - * @author qiao / https://github.com/qiao - * @author mrdoob / http://mrdoob.com - * @author alteredq / http://alteredqualia.com/ - * @author WestLangley / http://github.com/WestLangley - * @author erich666 / http://erichaines.com - */ -var OrbitControls = function (object, domElement) { - this.object = object; - - this.domElement = domElement !== undefined ? domElement : document; - - // Set to false to disable this control - this.enabled = true; - - // "target" sets the location of focus, where the object orbits around - this.target = new THREE.Vector3(); - - // How far you can dolly in and out ( PerspectiveCamera only ) - this.minDistance = 0; - this.maxDistance = Infinity; - - // How far you can zoom in and out ( OrthographicCamera only ) - this.minZoom = 0; - this.maxZoom = Infinity; - - // How far you can orbit vertically, upper and lower limits. - // Range is 0 to Math.PI radians. - this.minPolarAngle = 0; // radians - this.maxPolarAngle = Math.PI; // radians - - // How far you can orbit horizontally, upper and lower limits. - // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ]. - this.minAzimuthAngle = -Infinity; // radians - this.maxAzimuthAngle = Infinity; // radians - - // Set to true to enable damping (inertia) - // If damping is enabled, you must call controls.update() in your animation loop - this.enableDamping = false; - this.dampingFactor = 0.25; - - // This option actually enables dollying in and out; left as "zoom" for backwards compatibility. - // Set to false to disable zooming - this.enableZoom = true; - this.zoomSpeed = 1.0; - - // Set to false to disable rotating - this.enableRotate = true; - this.rotateSpeed = 1.0; - - // Set to false to disable panning - this.enablePan = true; - this.panSpeed = 1.0; - this.screenSpacePanning = false; // if true, pan in screen-space - this.keyPanSpeed = 7.0; // pixels moved per arrow key push - - // Set to true to automatically rotate around the target - // If auto-rotate is enabled, you must call controls.update() in your animation loop - this.autoRotate = false; - this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60 - - // Set to false to disable use of the keys - this.enableKeys = true; - - // The four arrow keys - this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 }; - - // Mouse buttons - this.mouseButtons = { - ORBIT: THREE.MOUSE.LEFT, - ZOOM: THREE.MOUSE.MIDDLE, - PAN: THREE.MOUSE.RIGHT, - }; + } - // for reset - this.target0 = this.target.clone(); - this.position0 = this.object.position.clone(); - this.zoom0 = this.object.zoom; + if ( scope.enablePan ) { - // - // public methods - // + var x = 0.5 * ( event.touches[ 0 ].pageX + event.touches[ 1 ].pageX ); + var y = 0.5 * ( event.touches[ 0 ].pageY + event.touches[ 1 ].pageY ); - this.getPolarAngle = function () { - return spherical.phi; - }; + panStart.set( x, y ); - this.getAzimuthalAngle = function () { - return spherical.theta; - }; + } - this.saveState = function () { - scope.target0.copy(scope.target); - scope.position0.copy(scope.object.position); - scope.zoom0 = scope.object.zoom; - }; + } - this.reset = function () { - scope.target.copy(scope.target0); - scope.object.position.copy(scope.position0); - scope.object.zoom = scope.zoom0; + function handleTouchMoveRotate( event ) { - scope.object.updateProjectionMatrix(); - scope.dispatchEvent(changeEvent); + //console.log( 'handleTouchMoveRotate' ); - scope.update(); + rotateEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); - state = STATE.NONE; - }; + rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed ); - // this method is exposed, but perhaps it would be better if we can make it private... - this.update = (function () { - var offset = new THREE.Vector3(); + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; - // so camera.up is the orbit axis - var quat = new THREE.Quaternion().setFromUnitVectors( - object.up, - new THREE.Vector3(0, 1, 0) - ); - var quatInverse = quat.clone().inverse(); + scope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height - var lastPosition = new THREE.Vector3(); - var lastQuaternion = new THREE.Quaternion(); + scope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight ); - return function update() { - var position = scope.object.position; + rotateStart.copy( rotateEnd ); - offset.copy(position).sub(scope.target); + scope.update(); - // rotate offset to "y-axis-is-up" space - offset.applyQuaternion(quat); + } - // angle from z-axis around y-axis - spherical.setFromVector3(offset); + function handleTouchMoveDollyPan( event ) { - if (scope.autoRotate && state === STATE.NONE) { - scope.rotateLeft(getAutoRotationAngle()); - } + //console.log( 'handleTouchMoveDollyPan' ); - spherical.theta += sphericalDelta.theta; - spherical.phi += sphericalDelta.phi; + if ( scope.enableZoom ) { - // restrict theta to be between desired limits - spherical.theta = Math.max( - scope.minAzimuthAngle, - Math.min(scope.maxAzimuthAngle, spherical.theta) - ); + var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; + var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; - // restrict phi to be between desired limits - spherical.phi = Math.max( - scope.minPolarAngle, - Math.min(scope.maxPolarAngle, spherical.phi) - ); + var distance = Math.sqrt( dx * dx + dy * dy ); - spherical.makeSafe(); + dollyEnd.set( 0, distance ); - spherical.radius *= scale; + dollyDelta.set( 0, Math.pow( dollyEnd.y / dollyStart.y, scope.zoomSpeed ) ); - // restrict radius to be between desired limits - spherical.radius = Math.max( - scope.minDistance, - Math.min(scope.maxDistance, spherical.radius) - ); + dollyIn( dollyDelta.y ); - // move target to panned location - scope.target.add(panOffset); + dollyStart.copy( dollyEnd ); - offset.setFromSpherical(spherical); + } - // rotate offset back to "camera-up-vector-is-up" space - offset.applyQuaternion(quatInverse); + if ( scope.enablePan ) { - position.copy(scope.target).add(offset); + var x = 0.5 * ( event.touches[ 0 ].pageX + event.touches[ 1 ].pageX ); + var y = 0.5 * ( event.touches[ 0 ].pageY + event.touches[ 1 ].pageY ); - scope.object.lookAt(scope.target); + panEnd.set( x, y ); - if (scope.enableDamping === true) { - sphericalDelta.theta *= 1 - scope.dampingFactor; - sphericalDelta.phi *= 1 - scope.dampingFactor; + panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed ); - panOffset.multiplyScalar(1 - scope.dampingFactor); - } else { - sphericalDelta.set(0, 0, 0); + pan( panDelta.x, panDelta.y ); - panOffset.set(0, 0, 0); - } + panStart.copy( panEnd ); - scale = 1; + } - // update condition is: - // min(camera displacement, camera rotation in radians)^2 > EPS - // using small-angle approximation cos(x/2) = 1 - x^2 / 8 + scope.update(); - if ( - zoomChanged || - lastPosition.distanceToSquared(scope.object.position) > EPS || - 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS - ) { - scope.dispatchEvent(changeEvent); + } - lastPosition.copy(scope.object.position); - lastQuaternion.copy(scope.object.quaternion); - zoomChanged = false; + // + // event handlers - FSM: listen for events and reset state + // - return true; - } + function onMouseDown( event ) { - return false; - }; - })(); + if ( scope.enabled === false ) return; - this.dispose = function () { - scope.domElement.removeEventListener("contextmenu", onContextMenu, false); - scope.domElement.removeEventListener("mousedown", onMouseDown, false); - scope.domElement.removeEventListener("wheel", onMouseWheel, false); + event.preventDefault(); - scope.domElement.removeEventListener("touchstart", onTouchStart, false); - scope.domElement.removeEventListener("touchend", onTouchEnd, false); - scope.domElement.removeEventListener("touchmove", onTouchMove, false); + switch ( event.button ) { - document.removeEventListener("mousemove", onMouseMove, false); - document.removeEventListener("mouseup", onMouseUp, false); + case scope.mouseButtons.ORBIT: - window.removeEventListener("keydown", onKeyDown, false); + if ( scope.enableRotate === false ) return; - //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here? - }; + handleMouseDownRotate( event ); - // - // internals - // + state = STATE.ROTATE; - var scope = this; + break; - var changeEvent = { type: "change" }; - var startEvent = { type: "start" }; - var endEvent = { type: "end" }; + case scope.mouseButtons.ZOOM: - var STATE = { - NONE: -1, - ROTATE: 0, - DOLLY: 1, - PAN: 2, - TOUCH_ROTATE: 3, - TOUCH_DOLLY_PAN: 4, - }; + if ( scope.enableZoom === false ) return; - var state = STATE.NONE; + handleMouseDownDolly( event ); - var EPS = 0.000001; + state = STATE.DOLLY; - // current position in spherical coordinates - var spherical = new THREE.Spherical(); - var sphericalDelta = new THREE.Spherical(); + break; - var scale = 1; - var panOffset = new THREE.Vector3(); - var zoomChanged = false; + case scope.mouseButtons.PAN: - var rotateStart = new THREE.Vector2(); - var rotateEnd = new THREE.Vector2(); - var rotateDelta = new THREE.Vector2(); + if ( scope.enablePan === false ) return; - var panStart = new THREE.Vector2(); - var panEnd = new THREE.Vector2(); - var panDelta = new THREE.Vector2(); + handleMouseDownPan( event ); - var dollyStart = new THREE.Vector2(); - var dollyEnd = new THREE.Vector2(); - var dollyDelta = new THREE.Vector2(); + state = STATE.PAN; - function getAutoRotationAngle() { - return ((2 * Math.PI) / 60 / 60) * scope.autoRotateSpeed; - } + break; - function getZoomScale() { - return Math.pow(0.95, scope.zoomSpeed); - } + } - scope.rotateLeft = function (angle) { - sphericalDelta.theta -= angle; - }; + if ( state !== STATE.NONE ) { - scope.rotateUp = function (angle) { - sphericalDelta.phi -= angle; - }; + document.addEventListener( 'mousemove', onMouseMove, false ); + document.addEventListener( 'mouseup', onMouseUp, false ); - var panLeft = (function () { - var v = new THREE.Vector3(); + scope.dispatchEvent( startEvent ); - return function panLeft(distance, objectMatrix) { - v.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix - v.multiplyScalar(-distance); + } - panOffset.add(v); - }; - })(); + } - var panUp = (function () { - var v = new THREE.Vector3(); + function onMouseMove( event ) { - return function panUp(distance, objectMatrix) { - if (scope.screenSpacePanning === true) { - v.setFromMatrixColumn(objectMatrix, 1); - } else { - v.setFromMatrixColumn(objectMatrix, 0); - v.crossVectors(scope.object.up, v); - } + if ( scope.enabled === false ) return; - v.multiplyScalar(distance); + event.preventDefault(); - panOffset.add(v); - }; - })(); - - // deltaX and deltaY are in pixels; right and down are positive - var pan = (function () { - var offset = new THREE.Vector3(); - - return function pan(deltaX, deltaY) { - var element = - scope.domElement === document - ? scope.domElement.body - : scope.domElement; - - if (scope.object.isPerspectiveCamera) { - // perspective - var position = scope.object.position; - offset.copy(position).sub(scope.target); - var targetDistance = offset.length(); - - // half of the fov is center to top of screen - targetDistance *= Math.tan(((scope.object.fov / 2) * Math.PI) / 180.0); - - // we use only clientHeight here so aspect ratio does not distort speed - panLeft( - (2 * deltaX * targetDistance) / element.clientHeight, - scope.object.matrix - ); - panUp( - (2 * deltaY * targetDistance) / element.clientHeight, - scope.object.matrix - ); - } else if (scope.object.isOrthographicCamera) { - // orthographic - panLeft( - (deltaX * (scope.object.right - scope.object.left)) / - scope.object.zoom / - element.clientWidth, - scope.object.matrix - ); - panUp( - (deltaY * (scope.object.top - scope.object.bottom)) / - scope.object.zoom / - element.clientHeight, - scope.object.matrix - ); - } else { - // camera neither orthographic nor perspective - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - pan disabled." - ); - scope.enablePan = false; - } - }; - })(); - - function dollyIn(dollyScale) { - if (scope.object.isPerspectiveCamera) { - scale /= dollyScale; - } else if (scope.object.isOrthographicCamera) { - scope.object.zoom = Math.max( - scope.minZoom, - Math.min(scope.maxZoom, scope.object.zoom * dollyScale) - ); - scope.object.updateProjectionMatrix(); - zoomChanged = true; - } else { - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled." - ); - scope.enableZoom = false; - } - } + switch ( state ) { - function dollyOut(dollyScale) { - if (scope.object.isPerspectiveCamera) { - scale *= dollyScale; - } else if (scope.object.isOrthographicCamera) { - scope.object.zoom = Math.max( - scope.minZoom, - Math.min(scope.maxZoom, scope.object.zoom / dollyScale) - ); - scope.object.updateProjectionMatrix(); - zoomChanged = true; - } else { - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled." - ); - scope.enableZoom = false; - } - } + case STATE.ROTATE: - // - // event callbacks - update the object state - // + if ( scope.enableRotate === false ) return; - function handleMouseDownRotate(event) { - //console.log( 'handleMouseDownRotate' ); + handleMouseMoveRotate( event ); - rotateStart.set(event.clientX, event.clientY); - } + break; - function handleMouseDownDolly(event) { - //console.log( 'handleMouseDownDolly' ); + case STATE.DOLLY: - dollyStart.set(event.clientX, event.clientY); - } + if ( scope.enableZoom === false ) return; - function handleMouseDownPan(event) { - //console.log( 'handleMouseDownPan' ); + handleMouseMoveDolly( event ); - panStart.set(event.clientX, event.clientY); - } + break; - function handleMouseMoveRotate(event) { - //console.log( 'handleMouseMoveRotate' ); + case STATE.PAN: - rotateEnd.set(event.clientX, event.clientY); + if ( scope.enablePan === false ) return; - rotateDelta - .subVectors(rotateEnd, rotateStart) - .multiplyScalar(scope.rotateSpeed); + handleMouseMovePan( event ); - var element = - scope.domElement === document ? scope.domElement.body : scope.domElement; + break; - // rotating across whole screen goes 360 degrees around - scope.rotateLeft((2 * Math.PI * rotateDelta.x) / element.clientWidth); + } - // rotating up and down along whole screen attempts to go 360, but limited to 180 - scope.rotateUp((2 * Math.PI * rotateDelta.y) / element.clientHeight); + } - rotateStart.copy(rotateEnd); + function onMouseUp( event ) { - scope.update(); - } + if ( scope.enabled === false ) return; - function handleMouseMoveDolly(event) { - //console.log( 'handleMouseMoveDolly' ); + document.removeEventListener( 'mousemove', onMouseMove, false ); + document.removeEventListener( 'mouseup', onMouseUp, false ); - dollyEnd.set(event.clientX, event.clientY); + scope.dispatchEvent( endEvent ); - dollyDelta.subVectors(dollyEnd, dollyStart); + state = STATE.NONE; - if (dollyDelta.y > 0) { - dollyIn(getZoomScale()); - } else if (dollyDelta.y < 0) { - dollyOut(getZoomScale()); - } + } - dollyStart.copy(dollyEnd); + function onMouseWheel( event ) { - scope.update(); - } + if ( scope.enabled === false || scope.enableZoom === false || ( state !== STATE.NONE && state !== STATE.ROTATE ) ) return; - function handleMouseMovePan(event) { - //console.log( 'handleMouseMovePan' ); + event.preventDefault(); + event.stopPropagation(); - panEnd.set(event.clientX, event.clientY); + scope.dispatchEvent( startEvent ); - panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed); + handleMouseWheel( event ); - pan(panDelta.x, panDelta.y); + scope.dispatchEvent( endEvent ); - panStart.copy(panEnd); + } - scope.update(); - } + function onKeyDown( event ) { - function handleMouseWheel(event) { - // console.log( 'handleMouseWheel' ); + if ( scope.enabled === false || scope.enableKeys === false || scope.enablePan === false ) return; - if (event.deltaY < 0) { - dollyOut(getZoomScale()); - } else if (event.deltaY > 0) { - dollyIn(getZoomScale()); - } + handleKeyDown( event ); - scope.update(); - } + } - function handleKeyDown(event) { - //console.log( 'handleKeyDown' ); - - switch (event.keyCode) { - case scope.keys.UP: - pan(0, scope.keyPanSpeed); - scope.update(); - break; - - case scope.keys.BOTTOM: - pan(0, -scope.keyPanSpeed); - scope.update(); - break; - - case scope.keys.LEFT: - pan(scope.keyPanSpeed, 0); - scope.update(); - break; - - case scope.keys.RIGHT: - pan(-scope.keyPanSpeed, 0); - scope.update(); - break; - } - } + function onTouchStart( event ) { - function handleTouchStartRotate(event) { - //console.log( 'handleTouchStartRotate' ); + if ( scope.enabled === false ) return; - rotateStart.set(event.touches[0].pageX, event.touches[0].pageY); - } + event.preventDefault(); - function handleTouchStartDollyPan(event) { - //console.log( 'handleTouchStartDollyPan' ); + switch ( event.touches.length ) { - if (scope.enableZoom) { - var dx = event.touches[0].pageX - event.touches[1].pageX; - var dy = event.touches[0].pageY - event.touches[1].pageY; + case 1: // one-fingered touch: rotate - var distance = Math.sqrt(dx * dx + dy * dy); + if ( scope.enableRotate === false ) return; - dollyStart.set(0, distance); - } + handleTouchStartRotate( event ); - if (scope.enablePan) { - var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX); - var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY); + state = STATE.TOUCH_ROTATE; - panStart.set(x, y); - } - } + break; - function handleTouchMoveRotate(event) { - //console.log( 'handleTouchMoveRotate' ); + case 2: // two-fingered touch: dolly-pan - rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY); + if ( scope.enableZoom === false && scope.enablePan === false ) return; - rotateDelta - .subVectors(rotateEnd, rotateStart) - .multiplyScalar(scope.rotateSpeed); + handleTouchStartDollyPan( event ); - var element = - scope.domElement === document ? scope.domElement.body : scope.domElement; + state = STATE.TOUCH_DOLLY_PAN; - // rotating across whole screen goes 360 degrees around - scope.rotateLeft((2 * Math.PI * rotateDelta.x) / element.clientWidth); + break; - // rotating up and down along whole screen attempts to go 360, but limited to 180 - scope.rotateUp((2 * Math.PI * rotateDelta.y) / element.clientHeight); + default: - rotateStart.copy(rotateEnd); + state = STATE.NONE; - scope.update(); - } + } - function handleTouchMoveDollyPan(event) { - //console.log( 'handleTouchMoveDollyPan' ); + if ( state !== STATE.NONE ) { - if (scope.enableZoom) { - var dx = event.touches[0].pageX - event.touches[1].pageX; - var dy = event.touches[0].pageY - event.touches[1].pageY; + scope.dispatchEvent( startEvent ); - var distance = Math.sqrt(dx * dx + dy * dy); + } - dollyEnd.set(0, distance); + } - dollyDelta.set(0, Math.pow(dollyEnd.y / dollyStart.y, scope.zoomSpeed)); + function onTouchMove( event ) { - dollyIn(dollyDelta.y); + if ( scope.enabled === false ) return; - dollyStart.copy(dollyEnd); - } + event.preventDefault(); + event.stopPropagation(); - if (scope.enablePan) { - var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX); - var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY); + switch ( event.touches.length ) { - panEnd.set(x, y); + case 1: // one-fingered touch: rotate - panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed); + if ( scope.enableRotate === false ) return; + if ( state !== STATE.TOUCH_ROTATE ) return; // is this needed? - pan(panDelta.x, panDelta.y); + handleTouchMoveRotate( event ); - panStart.copy(panEnd); - } + break; - scope.update(); - } + case 2: // two-fingered touch: dolly-pan - // - // event handlers - FSM: listen for events and reset state - // + if ( scope.enableZoom === false && scope.enablePan === false ) return; + if ( state !== STATE.TOUCH_DOLLY_PAN ) return; // is this needed? - function onMouseDown(event) { - if (scope.enabled === false) return; + handleTouchMoveDollyPan( event ); - event.preventDefault(); + break; - switch (event.button) { - case scope.mouseButtons.ORBIT: - if (scope.enableRotate === false) return; + default: - handleMouseDownRotate(event); + state = STATE.NONE; - state = STATE.ROTATE; + } - break; + } - case scope.mouseButtons.ZOOM: - if (scope.enableZoom === false) return; + function onTouchEnd( event ) { - handleMouseDownDolly(event); + if ( scope.enabled === false ) return; - state = STATE.DOLLY; + scope.dispatchEvent( endEvent ); - break; + state = STATE.NONE; - case scope.mouseButtons.PAN: - if (scope.enablePan === false) return; + } - handleMouseDownPan(event); + function onContextMenu( event ) { - state = STATE.PAN; + if ( scope.enabled === false ) return; - break; - } + event.preventDefault(); - if (state !== STATE.NONE) { - document.addEventListener("mousemove", onMouseMove, false); - document.addEventListener("mouseup", onMouseUp, false); + } - scope.dispatchEvent(startEvent); - } - } + // - function onMouseMove(event) { - if (scope.enabled === false) return; + //scope.domElement.addEventListener\( 'contextmenu', onContextMenu, false ); - event.preventDefault(); + scope.domElement.addEventListener( 'mousedown', onMouseDown, false ); + scope.domElement.addEventListener( 'wheel', onMouseWheel, false ); - switch (state) { - case STATE.ROTATE: - if (scope.enableRotate === false) return; + scope.domElement.addEventListener( 'touchstart', onTouchStart, false ); + scope.domElement.addEventListener( 'touchend', onTouchEnd, false ); + scope.domElement.addEventListener( 'touchmove', onTouchMove, false ); - handleMouseMoveRotate(event); + window.addEventListener( 'keydown', onKeyDown, false ); - break; + // force an update at start - case STATE.DOLLY: - if (scope.enableZoom === false) return; + this.update(); + +}; - handleMouseMoveDolly(event); +OrbitControls.prototype = Object.create( THREE.EventDispatcher.prototype ); +OrbitControls.prototype.constructor = OrbitControls; - break; +Object.defineProperties( OrbitControls.prototype, { - case STATE.PAN: - if (scope.enablePan === false) return; + center: { - handleMouseMovePan(event); + get: function () { - break; - } - } + console.warn( 'OrbitControls: .center has been renamed to .target' ); + return this.target; - function onMouseUp(event) { - if (scope.enabled === false) return; + } - document.removeEventListener("mousemove", onMouseMove, false); - document.removeEventListener("mouseup", onMouseUp, false); + }, - scope.dispatchEvent(endEvent); + // backward compatibility - state = STATE.NONE; - } + noZoom: { - function onMouseWheel(event) { - if ( - scope.enabled === false || - scope.enableZoom === false || - (state !== STATE.NONE && state !== STATE.ROTATE) - ) - return; + get: function () { - event.preventDefault(); - event.stopPropagation(); + console.warn( 'OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.' ); + return ! this.enableZoom; - scope.dispatchEvent(startEvent); + }, - handleMouseWheel(event); + set: function ( value ) { - scope.dispatchEvent(endEvent); - } + console.warn( 'OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.' ); + this.enableZoom = ! value; - function onKeyDown(event) { - if ( - scope.enabled === false || - scope.enableKeys === false || - scope.enablePan === false - ) - return; + } - handleKeyDown(event); - } + }, - function onTouchStart(event) { - if (scope.enabled === false) return; + noRotate: { - event.preventDefault(); + get: function () { - switch (event.touches.length) { - case 1: // one-fingered touch: rotate - if (scope.enableRotate === false) return; + console.warn( 'OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.' ); + return ! this.enableRotate; - handleTouchStartRotate(event); + }, - state = STATE.TOUCH_ROTATE; + set: function ( value ) { - break; + console.warn( 'OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.' ); + this.enableRotate = ! value; - case 2: // two-fingered touch: dolly-pan - if (scope.enableZoom === false && scope.enablePan === false) return; + } - handleTouchStartDollyPan(event); + }, - state = STATE.TOUCH_DOLLY_PAN; + noPan: { - break; + get: function () { - default: - state = STATE.NONE; - } + console.warn( 'OrbitControls: .noPan has been deprecated. Use .enablePan instead.' ); + return ! this.enablePan; - if (state !== STATE.NONE) { - scope.dispatchEvent(startEvent); - } - } + }, - function onTouchMove(event) { - if (scope.enabled === false) return; + set: function ( value ) { - event.preventDefault(); - event.stopPropagation(); + console.warn( 'OrbitControls: .noPan has been deprecated. Use .enablePan instead.' ); + this.enablePan = ! value; - switch (event.touches.length) { - case 1: // one-fingered touch: rotate - if (scope.enableRotate === false) return; - if (state !== STATE.TOUCH_ROTATE) return; // is this needed? + } - handleTouchMoveRotate(event); + }, - break; + noKeys: { - case 2: // two-fingered touch: dolly-pan - if (scope.enableZoom === false && scope.enablePan === false) return; - if (state !== STATE.TOUCH_DOLLY_PAN) return; // is this needed? + get: function () { - handleTouchMoveDollyPan(event); + console.warn( 'OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.' ); + return ! this.enableKeys; - break; + }, - default: - state = STATE.NONE; - } - } + set: function ( value ) { - function onTouchEnd(event) { - if (scope.enabled === false) return; + console.warn( 'OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.' ); + this.enableKeys = ! value; - scope.dispatchEvent(endEvent); + } - state = STATE.NONE; - } + }, - function onContextMenu(event) { - if (scope.enabled === false) return; + staticMoving: { - event.preventDefault(); - } + get: function () { - // + console.warn( 'OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.' ); + return ! this.enableDamping; - scope.domElement.addEventListener("contextmenu", onContextMenu, false); + }, - scope.domElement.addEventListener("mousedown", onMouseDown, false); - scope.domElement.addEventListener("wheel", onMouseWheel, false); + set: function ( value ) { - scope.domElement.addEventListener("touchstart", onTouchStart, false); - scope.domElement.addEventListener("touchend", onTouchEnd, false); - scope.domElement.addEventListener("touchmove", onTouchMove, false); + console.warn( 'OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.' ); + this.enableDamping = ! value; - window.addEventListener("keydown", onKeyDown, false); + } - // force an update at start + }, - this.update(); -}; + dynamicDampingFactor: { -OrbitControls.prototype = Object.create(THREE.EventDispatcher.prototype); -OrbitControls.prototype.constructor = OrbitControls; + get: function () { -Object.defineProperties(OrbitControls.prototype, { - center: { - get: function () { - console.warn("OrbitControls: .center has been renamed to .target"); - return this.target; - }, - }, + console.warn( 'OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.' ); + return this.dampingFactor; - // backward compatibility - - noZoom: { - get: function () { - console.warn( - "OrbitControls: .noZoom has been deprecated. Use .enableZoom instead." - ); - return !this.enableZoom; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noZoom has been deprecated. Use .enableZoom instead." - ); - this.enableZoom = !value; - }, - }, + }, - noRotate: { - get: function () { - console.warn( - "OrbitControls: .noRotate has been deprecated. Use .enableRotate instead." - ); - return !this.enableRotate; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noRotate has been deprecated. Use .enableRotate instead." - ); - this.enableRotate = !value; - }, - }, + set: function ( value ) { - noPan: { - get: function () { - console.warn( - "OrbitControls: .noPan has been deprecated. Use .enablePan instead." - ); - return !this.enablePan; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noPan has been deprecated. Use .enablePan instead." - ); - this.enablePan = !value; - }, - }, + console.warn( 'OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.' ); + this.dampingFactor = value; - noKeys: { - get: function () { - console.warn( - "OrbitControls: .noKeys has been deprecated. Use .enableKeys instead." - ); - return !this.enableKeys; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noKeys has been deprecated. Use .enableKeys instead." - ); - this.enableKeys = !value; - }, - }, + } - staticMoving: { - get: function () { - console.warn( - "OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead." - ); - return !this.enableDamping; - }, - - set: function (value) { - console.warn( - "OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead." - ); - this.enableDamping = !value; - }, - }, + } - dynamicDampingFactor: { - get: function () { - console.warn( - "OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead." - ); - return this.dampingFactor; - }, - - set: function (value) { - console.warn( - "OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead." - ); - this.dampingFactor = value; - }, - }, -}); +} ); /** * @author richt / http://richt.me @@ -6687,148 +1717,109 @@ Object.defineProperties(OrbitControls.prototype, { * * W3C Device Orientation control (http://w3c.github.io/deviceorientation/spec-source-orientation.html) */ -var DeviceOrientationControls = function (object) { - var scope = this; +var DeviceOrientationControls = function ( object ) { - this.object = object; - this.object.rotation.reorder("YXZ"); + var scope = this; - this.enabled = true; + this.object = object; + this.object.rotation.reorder( 'YXZ' ); - this.deviceOrientation = {}; - this.screenOrientation = 0; + this.enabled = true; - this.alphaOffset = 0; // radians + this.deviceOrientation = {}; + this.screenOrientation = 0; - var onDeviceOrientationChangeEvent = function (event) { - scope.deviceOrientation = event; - }; + this.alphaOffset = 0; // radians - var onScreenOrientationChangeEvent = function () { - scope.screenOrientation = window.orientation || 0; - }; + var onDeviceOrientationChangeEvent = function ( event ) { - // The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y'' + scope.deviceOrientation = event; - var setObjectQuaternion = (function () { - var zee = new THREE.Vector3(0, 0, 1); + }; - var euler = new THREE.Euler(); + var onScreenOrientationChangeEvent = function () { - var q0 = new THREE.Quaternion(); + scope.screenOrientation = window.orientation || 0; - var q1 = new THREE.Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)); // - PI/2 around the x-axis + }; - return function (quaternion, alpha, beta, gamma, orient) { - euler.set(beta, alpha, -gamma, "YXZ"); // 'ZXY' for the device, but 'YXZ' for us + // The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y'' - quaternion.setFromEuler(euler); // orient the device + var setObjectQuaternion = function () { - quaternion.multiply(q1); // camera looks out the back of the device, not the top + var zee = new THREE.Vector3( 0, 0, 1 ); - quaternion.multiply(q0.setFromAxisAngle(zee, -orient)); // adjust for screen orientation - }; - })(); - - this.connect = function () { - onScreenOrientationChangeEvent(); // run once on load - - window.addEventListener( - "orientationchange", - onScreenOrientationChangeEvent, - false - ); - window.addEventListener( - "deviceorientation", - onDeviceOrientationChangeEvent, - false - ); - - scope.enabled = true; - }; + var euler = new THREE.Euler(); - this.disconnect = function () { - window.removeEventListener( - "orientationchange", - onScreenOrientationChangeEvent, - false - ); - window.removeEventListener( - "deviceorientation", - onDeviceOrientationChangeEvent, - false - ); - - scope.enabled = false; - }; + var q0 = new THREE.Quaternion(); - this.update = function () { - if (scope.enabled === false) return; + var q1 = new THREE.Quaternion( - Math.sqrt( 0.5 ), 0, 0, Math.sqrt( 0.5 ) ); // - PI/2 around the x-axis - var device = scope.deviceOrientation; + return function ( quaternion, alpha, beta, gamma, orient ) { - if (device) { - var alpha = device.alpha - ? THREE.Math.degToRad(device.alpha) + scope.alphaOffset - : 0; // Z + euler.set( beta, alpha, - gamma, 'YXZ' ); // 'ZXY' for the device, but 'YXZ' for us - var beta = device.beta ? THREE.Math.degToRad(device.beta) : 0; // X' + quaternion.setFromEuler( euler ); // orient the device - var gamma = device.gamma ? THREE.Math.degToRad(device.gamma) : 0; // Y'' + quaternion.multiply( q1 ); // camera looks out the back of the device, not the top - var orient = scope.screenOrientation - ? THREE.Math.degToRad(scope.screenOrientation) - : 0; // O + quaternion.multiply( q0.setFromAxisAngle( zee, - orient ) ); // adjust for screen orientation - setObjectQuaternion(scope.object.quaternion, alpha, beta, gamma, orient); - } - }; + }; - this.dispose = function () { - scope.disconnect(); - }; + }(); - this.connect(); -}; + this.connect = function () { -var classCallCheck = function (instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } -}; + onScreenOrientationChangeEvent(); // run once on load -var inherits = function (subClass, superClass) { - if (typeof superClass !== "function" && superClass !== null) { - throw new TypeError( - "Super expression must either be null or a function, not " + - typeof superClass - ); - } + window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent, false ); + window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false ); - subClass.prototype = Object.create(superClass && superClass.prototype, { - constructor: { - value: subClass, - enumerable: false, - writable: true, - configurable: true, - }, - }); - if (superClass) - Object.setPrototypeOf - ? Object.setPrototypeOf(subClass, superClass) - : (subClass.__proto__ = superClass); -}; + scope.enabled = true; -var possibleConstructorReturn = function (self, call) { - if (!self) { - throw new ReferenceError( - "this hasn't been initialised - super() hasn't been called" - ); - } + }; + + this.disconnect = function () { + + window.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent, false ); + window.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false ); + + scope.enabled = false; + + }; + + this.update = function () { + + if ( scope.enabled === false ) return; + + var device = scope.deviceOrientation; + + if ( device ) { + + var alpha = device.alpha ? THREE.Math.degToRad( device.alpha ) + scope.alphaOffset : 0; // Z + + var beta = device.beta ? THREE.Math.degToRad( device.beta ) : 0; // X' + + var gamma = device.gamma ? THREE.Math.degToRad( device.gamma ) : 0; // Y'' + + var orient = scope.screenOrientation ? THREE.Math.degToRad( scope.screenOrientation ) : 0; // O + + setObjectQuaternion( scope.object.quaternion, alpha, beta, gamma, orient ); + + } + + + }; + + this.dispose = function () { + + scope.disconnect(); + + }; + + this.connect(); - return call && (typeof call === "object" || typeof call === "function") - ? call - : self; }; /** @@ -6837,24 +1828,26 @@ var possibleConstructorReturn = function (self, call) { * Taken from https://stackoverflow.com/a/35448946 * Thanks P. Ellul */ + function Quat2Angle(x, y, z, w) { - var test = x * y + z * w; + var test = x * y + z * w; // singularity at north pole - // singularity at north pole if (test > 0.499) { var _yaw = 2 * Math.atan2(x, w); + var _pitch = Math.PI / 2; - var _roll = 0; + var _roll = 0; return new THREE.Vector3(_pitch, _roll, _yaw); - } + } // singularity at south pole + - // singularity at south pole if (test < -0.499) { var _yaw2 = -2 * Math.atan2(x, w); + var _pitch2 = -Math.PI / 2; - var _roll2 = 0; + var _roll2 = 0; return new THREE.Vector3(_pitch2, _roll2, _yaw2); } @@ -6864,31 +1857,35 @@ function Quat2Angle(x, y, z, w) { var yaw = Math.atan2(2 * y * w - 2 * x * z, 1 - 2 * sqy - 2 * sqz); var pitch = Math.asin(2 * test); var roll = Math.atan2(2 * x * w - 2 * y * z, 1 - 2 * sqx - 2 * sqz); - return new THREE.Vector3(pitch, roll, yaw); } -var OrbitOrientationControls = (function () { +var OrbitOrientationControls = /*#__PURE__*/function () { function OrbitOrientationControls(options) { - classCallCheck(this, OrbitOrientationControls); - this.object = options.camera; this.domElement = options.canvas; this.orbit = new OrbitControls(this.object, this.domElement); - this.speed = 0.5; this.orbit.target.set(0, 0, -1); this.orbit.enableZoom = false; this.orbit.enablePan = false; - this.orbit.rotateSpeed = -this.speed; + this.orbit.rotateSpeed = -this.speed; // if orientation is supported - // if orientation is supported if (options.orientation) { this.orientation = new DeviceOrientationControls(this.object); + } // if projection is not full view + // limit the rotation angle in order to not display back half view + + + if (options.halfView) { + this.orbit.minAzimuthAngle = -Math.PI / 4; + this.orbit.maxAzimuthAngle = Math.PI / 4; } } - OrbitOrientationControls.prototype.update = function update() { + var _proto = OrbitOrientationControls.prototype; + + _proto.update = function update() { // orientation updates the camera using quaternions and // orbit updates the camera using angles. They are incompatible // and one update overrides the other. So before @@ -6898,28 +1895,22 @@ var OrbitOrientationControls = (function () { // our changes if (this.orientation) { this.orientation.update(); - var quat = this.orientation.object.quaternion; - var currentAngle = Quat2Angle(quat.x, quat.y, quat.z, quat.w); + var currentAngle = Quat2Angle(quat.x, quat.y, quat.z, quat.w); // we also have to store the last angle since quaternions are b - // we also have to store the last angle since quaternions are b - if (typeof this.lastAngle_ === "undefined") { + if (typeof this.lastAngle_ === 'undefined') { this.lastAngle_ = currentAngle; } - this.orbit.rotateLeft( - (this.lastAngle_.z - currentAngle.z) * (1 + this.speed) - ); - this.orbit.rotateUp( - (this.lastAngle_.y - currentAngle.y) * (1 + this.speed) - ); + this.orbit.rotateLeft((this.lastAngle_.z - currentAngle.z) * (1 + this.speed)); + this.orbit.rotateUp((this.lastAngle_.y - currentAngle.y) * (1 + this.speed)); this.lastAngle_ = currentAngle; } this.orbit.update(); }; - OrbitOrientationControls.prototype.dispose = function dispose() { + _proto.dispose = function dispose() { this.orbit.dispose(); if (this.orientation) { @@ -6928,29 +1919,14 @@ var OrbitOrientationControls = (function () { }; return OrbitOrientationControls; -})(); - -// check if the browser supports cors -var corsSupport = (function () { - var video = document$1.createElement("video"); - - video.crossOrigin = "anonymous"; - - return video.hasAttribute("crossorigin"); -})(); - -var validProjections = [ - "360", - "360_LR", - "360_TB", - "360_CUBE", - "NONE", - "AUTO", - "Sphere", - "Cube", - "equirectangular", -]; - +}(); + +var corsSupport = function () { + var video = document$1.createElement('video'); + video.crossOrigin = 'anonymous'; + return video.hasAttribute('crossorigin'); +}(); +var validProjections = ['360', '360_LR', '360_TB', '360_CUBE', 'EAC', 'EAC_LR', 'NONE', 'AUTO', 'Sphere', 'Cube', 'equirectangular', '180', '180_LR', '180_MONO']; var getInternalProjectionName = function getInternalProjectionName(projection) { if (!projection) { return; @@ -6959,81 +1935,259 @@ var getInternalProjectionName = function getInternalProjectionName(projection) { projection = projection.toString().trim(); if (/sphere/i.test(projection)) { - return "360"; + return '360'; + } + + if (/cube/i.test(projection)) { + return '360_CUBE'; + } + + if (/equirectangular/i.test(projection)) { + return '360'; + } + + for (var i = 0; i < validProjections.length; i++) { + if (new RegExp('^' + validProjections[i] + '$', 'i').test(projection)) { + return validProjections[i]; + } + } +}; + +/** + * This class reacts to interactions with the canvas and + * triggers appropriate functionality on the player. Right now + * it does two things: + * + * 1. A `mousedown`/`touchstart` followed by `touchend`/`mouseup` without any + * `touchmove` or `mousemove` toggles play/pause on the player + * 2. Only moving on/clicking the control bar or toggling play/pause should + * show the control bar. Moving around the scene in the canvas should not. + */ + +var CanvasPlayerControls = /*#__PURE__*/function (_videojs$EventTarget) { + _inheritsLoose(CanvasPlayerControls, _videojs$EventTarget); + + function CanvasPlayerControls(player, canvas, options) { + var _this; + + _this = _videojs$EventTarget.call(this) || this; + _this.player = player; + _this.canvas = canvas; + _this.options = options; + _this.onMoveEnd = videojs.bind(_assertThisInitialized(_this), _this.onMoveEnd); + _this.onMoveStart = videojs.bind(_assertThisInitialized(_this), _this.onMoveStart); + _this.onMove = videojs.bind(_assertThisInitialized(_this), _this.onMove); + _this.onControlBarMove = videojs.bind(_assertThisInitialized(_this), _this.onControlBarMove); + + _this.player.controlBar.on(['mousedown', 'mousemove', 'mouseup', 'touchstart', 'touchmove', 'touchend'], _this.onControlBarMove); // we have to override these here because + // video.js listens for user activity on the video element + // and makes the user active when the mouse moves. + // We don't want that for 3d videos + + + _this.oldReportUserActivity = _this.player.reportUserActivity; + + _this.player.reportUserActivity = function () {}; // canvas movements + + + _this.canvas.addEventListener('mousedown', _this.onMoveStart); + + _this.canvas.addEventListener('touchstart', _this.onMoveStart); + + _this.canvas.addEventListener('mousemove', _this.onMove); + + _this.canvas.addEventListener('touchmove', _this.onMove); + + _this.canvas.addEventListener('mouseup', _this.onMoveEnd); + + _this.canvas.addEventListener('touchend', _this.onMoveEnd); + + _this.shouldTogglePlay = false; + return _this; + } + + var _proto = CanvasPlayerControls.prototype; + + _proto.togglePlay = function togglePlay() { + if (this.player.paused()) { + this.player.play(); + } else { + this.player.pause(); + } + }; + + _proto.onMoveStart = function onMoveStart(e) { + // if the player does not have a controlbar or + // the move was a mouse click but not left click do not + // toggle play. + if (this.options.disableTogglePlay || !this.player.controls() || e.type === 'mousedown' && !videojs.dom.isSingleLeftClick(e)) { + this.shouldTogglePlay = false; + return; + } + + this.shouldTogglePlay = true; + this.touchMoveCount_ = 0; + }; + + _proto.onMoveEnd = function onMoveEnd(e) { + // We want to have the same behavior in VR360 Player and standard player. + // in touchend we want to know if was a touch click, for a click we show the bar, + // otherwise continue with the mouse logic. + // + // Maximum movement allowed during a touch event to still be considered a tap + // Other popular libs use anywhere from 2 (hammer.js) to 15, + // so 10 seems like a nice, round number. + if (e.type === 'touchend' && this.touchMoveCount_ < 10) { + if (this.player.userActive() === false) { + this.player.userActive(true); + return; + } + + this.player.userActive(false); + return; + } + + if (!this.shouldTogglePlay) { + return; + } // We want the same behavior in Desktop for VR360 and standard player + + + if (e.type == 'mouseup') { + this.togglePlay(); + } + }; + + _proto.onMove = function onMove(e) { + // Increase touchMoveCount_ since Android detects 1 - 6 touches when user click normally + this.touchMoveCount_++; + this.shouldTogglePlay = false; + }; + + _proto.onControlBarMove = function onControlBarMove(e) { + this.player.userActive(true); + }; + + _proto.dispose = function dispose() { + this.canvas.removeEventListener('mousedown', this.onMoveStart); + this.canvas.removeEventListener('touchstart', this.onMoveStart); + this.canvas.removeEventListener('mousemove', this.onMove); + this.canvas.removeEventListener('touchmove', this.onMove); + this.canvas.removeEventListener('mouseup', this.onMoveEnd); + this.canvas.removeEventListener('touchend', this.onMoveEnd); + this.player.controlBar.off(['mousedown', 'mousemove', 'mouseup', 'touchstart', 'touchmove', 'touchend'], this.onControlBarMove); + this.player.reportUserActivity = this.oldReportUserActivity; + }; + + return CanvasPlayerControls; +}(videojs.EventTarget); + +/** + * This class manages ambisonic decoding and binaural rendering via Omnitone library. + */ + +var OmnitoneController = /*#__PURE__*/function (_videojs$EventTarget) { + _inheritsLoose(OmnitoneController, _videojs$EventTarget); + + /** + * Omnitone controller class. + * + * @class + * @param {AudioContext} audioContext - associated AudioContext. + * @param {Omnitone library} omnitone - Omnitone library element. + * @param {HTMLVideoElement} video - vidoe tag element. + * @param {Object} options - omnitone options. + */ + function OmnitoneController(audioContext, omnitone, video, options) { + var _this; + + _this = _videojs$EventTarget.call(this) || this; + var settings = videojs.mergeOptions({ + // Safari uses the different AAC decoder than FFMPEG. The channel order is + // The default 4ch AAC channel layout for FFMPEG AAC channel ordering. + channelMap: videojs.browser.IS_SAFARI ? [2, 0, 1, 3] : [0, 1, 2, 3], + ambisonicOrder: 1 + }, options); + _this.videoElementSource = audioContext.createMediaElementSource(video); + _this.foaRenderer = omnitone.createFOARenderer(audioContext, settings); + + _this.foaRenderer.initialize().then(function () { + if (audioContext.state === 'suspended') { + _this.trigger({ + type: 'audiocontext-suspended' + }); + } + + _this.videoElementSource.connect(_this.foaRenderer.input); + + _this.foaRenderer.output.connect(audioContext.destination); + + _this.initialized = true; + + _this.trigger({ + type: 'omnitone-ready' + }); + }, function (error) { + videojs.log.warn("videojs-vr: Omnitone initializes failed with the following error: " + error + ")"); + }); + + return _this; } + /** + * Updates the rotation of the Omnitone decoder based on three.js camera matrix. + * + * @param {Camera} camera Three.js camera object + */ - if (/cube/i.test(projection)) { - return "360_CUBE"; - } - if (/equirectangular/i.test(projection)) { - return "360"; - } + var _proto = OmnitoneController.prototype; - for (var i = 0; i < validProjections.length; i++) { - if (new RegExp("^" + validProjections[i] + "$", "i").test(projection)) { - return validProjections[i]; + _proto.update = function update(camera) { + if (!this.initialized) { + return; } + + this.foaRenderer.setRotationMatrixFromCamera(camera.matrix); } -}; + /** + * Destroys the controller and does any necessary cleanup. + */ + ; + + _proto.dispose = function dispose() { + this.initialized = false; + this.foaRenderer.setRenderingMode('bypass'); + this.foaRenderer = null; + }; -// Add Cardboard button -var Button = videojs.getComponent("Button"); + return OmnitoneController; +}(videojs.EventTarget); -var CardboardButton = (function (_Button) { - inherits(CardboardButton, _Button); +var Button = videojs.getComponent('Button'); + +var CardboardButton = /*#__PURE__*/function (_Button) { + _inheritsLoose(CardboardButton, _Button); function CardboardButton(player, options) { - classCallCheck(this, CardboardButton); - - var _this = possibleConstructorReturn( - this, - _Button.call(this, player, options) - ); - - _this.handleVrDisplayActivate_ = videojs.bind( - _this, - _this.handleVrDisplayActivate_ - ); - _this.handleVrDisplayDeactivate_ = videojs.bind( - _this, - _this.handleVrDisplayDeactivate_ - ); - _this.handleVrDisplayPresentChange_ = videojs.bind( - _this, - _this.handleVrDisplayPresentChange_ - ); - _this.handleOrientationChange_ = videojs.bind( - _this, - _this.handleOrientationChange_ - ); - window$1.addEventListener( - "orientationchange", - _this.handleOrientationChange_ - ); - window$1.addEventListener( - "vrdisplayactivate", - _this.handleVrDisplayActivate_ - ); - window$1.addEventListener( - "vrdisplaydeactivate", - _this.handleVrDisplayDeactivate_ - ); - - // vrdisplaypresentchange does not fire activate or deactivate + var _this; + + _this = _Button.call(this, player, options) || this; + _this.handleVrDisplayActivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayActivate_); + _this.handleVrDisplayDeactivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayDeactivate_); + _this.handleVrDisplayPresentChange_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayPresentChange_); + _this.handleOrientationChange_ = videojs.bind(_assertThisInitialized(_this), _this.handleOrientationChange_); + window$1.addEventListener('orientationchange', _this.handleOrientationChange_); + window$1.addEventListener('vrdisplayactivate', _this.handleVrDisplayActivate_); + window$1.addEventListener('vrdisplaydeactivate', _this.handleVrDisplayDeactivate_); // vrdisplaypresentchange does not fire activate or deactivate // and happens when hitting the back button during cardboard mode // so we need to make sure we stay in the correct state by // listening to it and checking if we are presenting it or not - window$1.addEventListener( - "vrdisplaypresentchange", - _this.handleVrDisplayPresentChange_ - ); - // we cannot show the cardboard button in fullscreen on + window$1.addEventListener('vrdisplaypresentchange', _this.handleVrDisplayPresentChange_); // we cannot show the cardboard button in fullscreen on // android as it breaks the controls, and makes it impossible // to exit cardboard mode + if (videojs.browser.IS_ANDROID) { - _this.on(player, "fullscreenchange", function () { + _this.on(player, 'fullscreenchange', function () { if (player.isFullscreen()) { _this.hide(); } else { @@ -7041,271 +2195,277 @@ var CardboardButton = (function (_Button) { } }); } + return _this; } - CardboardButton.prototype.buildCSSClass = function buildCSSClass() { + var _proto = CardboardButton.prototype; + + _proto.buildCSSClass = function buildCSSClass() { return "vjs-button-vr " + _Button.prototype.buildCSSClass.call(this); }; - CardboardButton.prototype.handleVrDisplayPresentChange_ = - function handleVrDisplayPresentChange_() { - if (!this.player_.vr().vrDisplay.isPresenting && this.active_) { - this.handleVrDisplayDeactivate_(); - } - if (this.player_.vr().vrDisplay.isPresenting && !this.active_) { - this.handleVrDisplayActivate_(); - } - }; + _proto.handleVrDisplayPresentChange_ = function handleVrDisplayPresentChange_() { + if (!this.player_.vr().vrDisplay.isPresenting && this.active_) { + this.handleVrDisplayDeactivate_(); + } - CardboardButton.prototype.handleOrientationChange_ = - function handleOrientationChange_() { - if (this.active_ && videojs.browser.IS_IOS) { - this.changeSize_(); - } - }; + if (this.player_.vr().vrDisplay.isPresenting && !this.active_) { + this.handleVrDisplayActivate_(); + } + }; - CardboardButton.prototype.changeSize_ = function changeSize_() { + _proto.handleOrientationChange_ = function handleOrientationChange_() { + if (this.active_ && videojs.browser.IS_IOS) { + this.changeSize_(); + } + }; + + _proto.changeSize_ = function changeSize_() { this.player_.width(window$1.innerWidth); this.player_.height(window$1.innerHeight); - window$1.dispatchEvent(new window$1.Event("resize")); + window$1.dispatchEvent(new window$1.Event('resize')); }; - CardboardButton.prototype.handleVrDisplayActivate_ = - function handleVrDisplayActivate_() { - // we mimic fullscreen on IOS - if (videojs.browser.IS_IOS) { - this.oldWidth_ = this.player_.currentWidth(); - this.oldHeight_ = this.player_.currentHeight(); - this.player_.enterFullWindow(); - this.changeSize_(); - } + _proto.handleVrDisplayActivate_ = function handleVrDisplayActivate_() { + // we mimic fullscreen on IOS + if (videojs.browser.IS_IOS) { + this.oldWidth_ = this.player_.currentWidth(); + this.oldHeight_ = this.player_.currentHeight(); + this.player_.enterFullWindow(); + this.changeSize_(); + } - this.active_ = true; - }; + this.active_ = true; + }; - CardboardButton.prototype.handleVrDisplayDeactivate_ = - function handleVrDisplayDeactivate_() { - // un-mimic fullscreen on iOS - if (videojs.browser.IS_IOS) { - if (this.oldWidth_) { - this.player_.width(this.oldWidth_); - } - if (this.oldHeight_) { - this.player_.height(this.oldHeight_); - } - this.player_.exitFullWindow(); - window$1.dispatchEvent(new window$1.Event("resize")); + _proto.handleVrDisplayDeactivate_ = function handleVrDisplayDeactivate_() { + // un-mimic fullscreen on iOS + if (videojs.browser.IS_IOS) { + if (this.oldWidth_) { + this.player_.width(this.oldWidth_); } - this.active_ = false; - }; + if (this.oldHeight_) { + this.player_.height(this.oldHeight_); + } + + this.player_.exitFullWindow(); + } + + this.active_ = false; + }; - CardboardButton.prototype.handleClick = function handleClick(event) { + _proto.handleClick = function handleClick(event) { // if cardboard mode display is not active, activate it // otherwise deactivate it if (!this.active_) { // This starts playback mode when the cardboard button - // is clicked on Andriod. We need to do this as the controls + // is clicked on Android. We need to do this as the controls // disappear if (!this.player_.hasStarted() && videojs.browser.IS_ANDROID) { this.player_.play(); } - window$1.dispatchEvent(new window$1.Event("vrdisplayactivate")); + + window$1.dispatchEvent(new window$1.Event('vrdisplayactivate')); } else { - window$1.dispatchEvent(new window$1.Event("vrdisplaydeactivate")); + window$1.dispatchEvent(new window$1.Event('vrdisplaydeactivate')); } }; - CardboardButton.prototype.dispose = function dispose() { + _proto.dispose = function dispose() { _Button.prototype.dispose.call(this); - window$1.removeEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_ - ); - window$1.removeEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_ - ); - window$1.removeEventListener( - "vrdisplaypresentchange", - this.handleVrDisplayPresentChange_ - ); + + window$1.removeEventListener('vrdisplayactivate', this.handleVrDisplayActivate_); + window$1.removeEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_); + window$1.removeEventListener('vrdisplaypresentchange', this.handleVrDisplayPresentChange_); }; return CardboardButton; -})(Button); +}(Button); -videojs.registerComponent("CardboardButton", CardboardButton); +videojs.registerComponent('CardboardButton', CardboardButton); -var BigPlayButton = videojs.getComponent("BigPlayButton"); +var BigPlayButton = videojs.getComponent('BigPlayButton'); -var BigVrPlayButton = (function (_BigPlayButton) { - inherits(BigVrPlayButton, _BigPlayButton); +var BigVrPlayButton = /*#__PURE__*/function (_BigPlayButton) { + _inheritsLoose(BigVrPlayButton, _BigPlayButton); function BigVrPlayButton() { - classCallCheck(this, BigVrPlayButton); - return possibleConstructorReturn( - this, - _BigPlayButton.apply(this, arguments) - ); + return _BigPlayButton.apply(this, arguments) || this; } - BigVrPlayButton.prototype.buildCSSClass = function buildCSSClass() { - return ( - "vjs-big-vr-play-button " + - _BigPlayButton.prototype.buildCSSClass.call(this) - ); + var _proto = BigVrPlayButton.prototype; + + _proto.buildCSSClass = function buildCSSClass() { + return "vjs-big-vr-play-button " + _BigPlayButton.prototype.buildCSSClass.call(this); }; return BigVrPlayButton; -})(BigPlayButton); +}(BigPlayButton); -videojs.registerComponent("BigVrPlayButton", BigVrPlayButton); +videojs.registerComponent('BigVrPlayButton', BigVrPlayButton); -// Default options for the plugin. -var defaults$1 = { - projection: "AUTO", - forceCardboard: false, +function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } + +function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } + +function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } + +var defaults = { debug: false, + omnitone: false, + forceCardboard: false, + omnitoneOptions: {}, + projection: 'AUTO', + sphereDetail: 32, + disableTogglePlay: false }; - var errors = { - "web-vr-out-of-date": { - headline: "360 is out of date", - type: "360_OUT_OF_DATE", - message: - "Your browser supports 360 but not the latest version. See http://webvr.info for more info.", + 'web-vr-out-of-date': { + headline: '360 is out of date', + type: '360_OUT_OF_DATE', + message: "Your browser supports 360 but not the latest version. See http://webvr.info for more info." }, - "web-vr-not-supported": { - headline: "360 not supported on this device", - type: "360_NOT_SUPPORTED", - message: - "Your browser does not support 360. See http://webvr.info for assistance.", - }, - "web-vr-hls-cors-not-supported": { - headline: "360 HLS video not supported on this device", - type: "360_NOT_SUPPORTED", - message: - "Your browser/device does not support HLS 360 video. See http://webvr.info for assistance.", + 'web-vr-not-supported': { + headline: '360 not supported on this device', + type: '360_NOT_SUPPORTED', + message: "Your browser does not support 360. See http://webvr.info for assistance." }, + 'web-vr-hls-cors-not-supported': { + headline: '360 HLS video not supported on this device', + type: '360_NOT_SUPPORTED', + message: "Your browser/device does not support HLS 360 video. See http://webvr.info for assistance." + } }; +var Plugin = videojs.getPlugin('plugin'); +var Component = videojs.getComponent('Component'); -var Plugin = videojs.getPlugin("plugin"); -var Component = videojs.getComponent("Component"); - -var VR = (function (_Plugin) { - inherits(VR, _Plugin); +var VR = /*#__PURE__*/function (_Plugin) { + _inheritsLoose(VR, _Plugin); function VR(player, options) { - classCallCheck(this, VR); - - var settings = videojs.mergeOptions(defaults$1, options); - - var _this = possibleConstructorReturn( - this, - _Plugin.call(this, player, settings) - ); + var _this; + var settings = videojs.mergeOptions(defaults, options); + _this = _Plugin.call(this, player, settings) || this; _this.options_ = settings; _this.player_ = player; - _this.bigPlayButtonIndex_ = - player.children().indexOf(player.getChild("BigPlayButton")) || 0; + _this.bigPlayButtonIndex_ = player.children().indexOf(player.getChild('BigPlayButton')) || 0; // custom videojs-errors integration boolean - // custom videojs-errors integration boolean _this.videojsErrorsSupport_ = !!videojs.errors; if (_this.videojsErrorsSupport_) { - player.errors({ errors: errors }); - } - - // IE 11 does not support enough webgl to be supported + player.errors({ + errors: errors + }); + } // IE 11 does not support enough webgl to be supported // older safari does not support cors, so it wont work + + if (videojs.browser.IE_VERSION || !corsSupport) { // if a player triggers error before 'loadstart' is fired // video.js will reset the error overlay - _this.player_.on("loadstart", function () { - _this.triggerError_({ code: "web-vr-not-supported", dismiss: false }); + _this.player_.on('loadstart', function () { + _this.triggerError_({ + code: 'web-vr-not-supported', + dismiss: false + }); }); - return possibleConstructorReturn(_this); + + return _assertThisInitialized(_this); } _this.polyfill_ = new WebVRPolyfill({ // do not show rotate instructions - ROTATE_INSTRUCTIONS_DISABLED: true, + ROTATE_INSTRUCTIONS_DISABLED: true }); _this.polyfill_ = new WebVRPolyfill(); + _this.handleVrDisplayActivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayActivate_); + _this.handleVrDisplayDeactivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayDeactivate_); + _this.handleResize_ = videojs.bind(_assertThisInitialized(_this), _this.handleResize_); + _this.animate_ = videojs.bind(_assertThisInitialized(_this), _this.animate_); + + _this.setProjection(_this.options_.projection); // any time the video element is recycled for ads + // we have to reset the vr state and re-init after ad + + + _this.on(player, 'adstart', function () { + return player.setTimeout(function () { + // if the video element was recycled for this ad + if (!player.ads || !player.ads.videoElementRecycled()) { + _this.log('video element not recycled for this ad, no need to reset'); + + return; + } - _this.handleVrDisplayActivate_ = videojs.bind( - _this, - _this.handleVrDisplayActivate_ - ); - _this.handleVrDisplayDeactivate_ = videojs.bind( - _this, - _this.handleVrDisplayDeactivate_ - ); - _this.handleResize_ = videojs.bind(_this, _this.handleResize_); - _this.animate_ = videojs.bind(_this, _this.animate_); + _this.log('video element recycled for this ad, reseting'); - _this.setProjection(_this.options_.projection); + _this.reset(); + + _this.one(player, 'playing', _this.init); + }); + }, 1); + + _this.on(player, 'loadedmetadata', _this.init); - _this.on(player, "loadedmetadata", _this.init); return _this; } - VR.prototype.changeProjection_ = function changeProjection_(projection) { - projection = getInternalProjectionName(projection); - // don't change to an invalid projection + var _proto = VR.prototype; + + _proto.changeProjection_ = function changeProjection_(projection) { + var _this2 = this; + + projection = getInternalProjectionName(projection); // don't change to an invalid projection + if (!projection) { - projection = "NONE"; + projection = 'NONE'; } - var position = { x: 0, y: 0, z: 0 }; + var position = { + x: 0, + y: 0, + z: 0 + }; if (this.scene) { this.scene.remove(this.movieScreen); } - if (projection === "AUTO") { - // mediainfo cannot be set to auto or we would infinite loop here - // each source should know wether they are 360 or not, if using AUTO - if ( - this.player_.mediainfo && - this.player_.mediainfo.projection && - this.player_.mediainfo.projection !== "AUTO" - ) { - var autoProjection = getInternalProjectionName( - this.player_.mediainfo.projection - ); + if (projection === 'AUTO') { + // mediainfo cannot be set to auto or we would infinite loop here + // each source should know whatever they are 360 or not, if using AUTO + if (this.player_.mediainfo && this.player_.mediainfo.projection && this.player_.mediainfo.projection !== 'AUTO') { + var autoProjection = getInternalProjectionName(this.player_.mediainfo.projection); return this.changeProjection_(autoProjection); } - return this.changeProjection_("NONE"); - } else if (projection === "360") { - this.movieGeometry = new THREE.SphereBufferGeometry(256, 32, 32); + + return this.changeProjection_('NONE'); + } else if (projection === '360') { + this.movieGeometry = new THREE.SphereBufferGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); this.movieMaterial = new THREE.MeshBasicMaterial({ map: this.videoTexture, overdraw: true, - side: THREE.BackSide, + side: THREE.BackSide }); - this.movieScreen = new THREE.Mesh(this.movieGeometry, this.movieMaterial); this.movieScreen.position.set(position.x, position.y, position.z); - this.movieScreen.scale.x = -1; - this.movieScreen.quaternion.setFromAxisAngle( - { x: 0, y: 1, z: 0 }, - -Math.PI / 2 - ); + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); this.scene.add(this.movieScreen); - } else if (projection === "360_LR" || projection === "360_TB") { - var geometry = new THREE.SphereGeometry(256, 32, 32); - + } else if (projection === '360_LR' || projection === '360_TB') { // Left eye view + var geometry = new THREE.SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); var uvs = geometry.faceVertexUvs[0]; for (var i = 0; i < uvs.length; i++) { for (var j = 0; j < 3; j++) { - if (projection === "360_LR") { + if (projection === '360_LR') { uvs[i][j].x *= 0.5; } else { uvs[i][j].y *= 0.5; @@ -7313,29 +2473,30 @@ var VR = (function (_Plugin) { } } } - geometry.scale(-1, 1, 1); this.movieGeometry = new THREE.BufferGeometry().fromGeometry(geometry); this.movieMaterial = new THREE.MeshBasicMaterial({ map: this.videoTexture, overdraw: true, - side: THREE.BackSide, + side: THREE.BackSide }); - this.movieScreen = new THREE.Mesh(this.movieGeometry, this.movieMaterial); - this.movieScreen.rotation.y = -Math.PI / 2; - // display in left eye only - this.movieScreen.layers.set(1); - this.scene.add(this.movieScreen); + this.movieScreen.scale.x = -1; + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); // display in left eye only - // Right eye view - geometry = new THREE.SphereGeometry(256, 32, 32); + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); // Right eye view + geometry = new THREE.SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); uvs = geometry.faceVertexUvs[0]; for (var _i = 0; _i < uvs.length; _i++) { for (var _j = 0; _j < 3; _j++) { - if (projection === "360_LR") { + if (projection === '360_LR') { uvs[_i][_j].x *= 0.5; uvs[_i][_j].x += 0.5; } else { @@ -7343,236 +2504,327 @@ var VR = (function (_Plugin) { } } } - geometry.scale(-1, 1, 1); this.movieGeometry = new THREE.BufferGeometry().fromGeometry(geometry); this.movieMaterial = new THREE.MeshBasicMaterial({ map: this.videoTexture, overdraw: true, - side: THREE.BackSide, + side: THREE.BackSide }); - this.movieScreen = new THREE.Mesh(this.movieGeometry, this.movieMaterial); - this.movieScreen.rotation.y = -Math.PI / 2; - // display in right eye only + this.movieScreen.scale.x = -1; + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); // display in right eye only + this.movieScreen.layers.set(2); this.scene.add(this.movieScreen); - } else if (projection === "360_CUBE") { + } else if (projection === '360_CUBE') { this.movieGeometry = new THREE.BoxGeometry(256, 256, 256); this.movieMaterial = new THREE.MeshBasicMaterial({ map: this.videoTexture, overdraw: true, - side: THREE.BackSide, + side: THREE.BackSide }); - - var left = [ - new THREE.Vector2(0, 0.5), - new THREE.Vector2(0.333, 0.5), - new THREE.Vector2(0.333, 1), - new THREE.Vector2(0, 1), - ]; - var right = [ - new THREE.Vector2(0.333, 0.5), - new THREE.Vector2(0.666, 0.5), - new THREE.Vector2(0.666, 1), - new THREE.Vector2(0.333, 1), - ]; - var top = [ - new THREE.Vector2(0.666, 0.5), - new THREE.Vector2(1, 0.5), - new THREE.Vector2(1, 1), - new THREE.Vector2(0.666, 1), - ]; - var bottom = [ - new THREE.Vector2(0, 0), - new THREE.Vector2(0.333, 0), - new THREE.Vector2(0.333, 0.5), - new THREE.Vector2(0, 0.5), - ]; - var front = [ - new THREE.Vector2(0.333, 0), - new THREE.Vector2(0.666, 0), - new THREE.Vector2(0.666, 0.5), - new THREE.Vector2(0.333, 0.5), - ]; - var back = [ - new THREE.Vector2(0.666, 0), - new THREE.Vector2(1, 0), - new THREE.Vector2(1, 0.5), - new THREE.Vector2(0.666, 0.5), - ]; - + var left = [new THREE.Vector2(0, 0.5), new THREE.Vector2(0.333, 0.5), new THREE.Vector2(0.333, 1), new THREE.Vector2(0, 1)]; + var right = [new THREE.Vector2(0.333, 0.5), new THREE.Vector2(0.666, 0.5), new THREE.Vector2(0.666, 1), new THREE.Vector2(0.333, 1)]; + var top = [new THREE.Vector2(0.666, 0.5), new THREE.Vector2(1, 0.5), new THREE.Vector2(1, 1), new THREE.Vector2(0.666, 1)]; + var bottom = [new THREE.Vector2(0, 0), new THREE.Vector2(0.333, 0), new THREE.Vector2(0.333, 0.5), new THREE.Vector2(0, 0.5)]; + var front = [new THREE.Vector2(0.333, 0), new THREE.Vector2(0.666, 0), new THREE.Vector2(0.666, 0.5), new THREE.Vector2(0.333, 0.5)]; + var back = [new THREE.Vector2(0.666, 0), new THREE.Vector2(1, 0), new THREE.Vector2(1, 0.5), new THREE.Vector2(0.666, 0.5)]; this.movieGeometry.faceVertexUvs[0] = []; - this.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]]; this.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]]; - this.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]]; this.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]]; - this.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]]; this.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]]; - - this.movieGeometry.faceVertexUvs[0][6] = [ - bottom[2], - bottom[1], - bottom[3], - ]; - this.movieGeometry.faceVertexUvs[0][7] = [ - bottom[1], - bottom[0], - bottom[3], - ]; - + this.movieGeometry.faceVertexUvs[0][6] = [bottom[2], bottom[1], bottom[3]]; + this.movieGeometry.faceVertexUvs[0][7] = [bottom[1], bottom[0], bottom[3]]; this.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]]; this.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]]; - this.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]]; this.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]]; - this.movieScreen = new THREE.Mesh(this.movieGeometry, this.movieMaterial); this.movieScreen.position.set(position.x, position.y, position.z); this.movieScreen.rotation.y = -Math.PI; + this.scene.add(this.movieScreen); + } else if (projection === '180' || projection === '180_LR' || projection === '180_MONO') { + var _geometry = new THREE.SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail, Math.PI, Math.PI); // Left eye view + + + _geometry.scale(-1, 1, 1); + + var _uvs = _geometry.faceVertexUvs[0]; + + if (projection !== '180_MONO') { + for (var _i2 = 0; _i2 < _uvs.length; _i2++) { + for (var _j2 = 0; _j2 < 3; _j2++) { + _uvs[_i2][_j2].x *= 0.5; + } + } + } + + this.movieGeometry = new THREE.BufferGeometry().fromGeometry(_geometry); + this.movieMaterial = new THREE.MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true + }); + this.movieScreen = new THREE.Mesh(this.movieGeometry, this.movieMaterial); // display in left eye only + + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); // Right eye view + + _geometry = new THREE.SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail, Math.PI, Math.PI); + + _geometry.scale(-1, 1, 1); + + _uvs = _geometry.faceVertexUvs[0]; + for (var _i3 = 0; _i3 < _uvs.length; _i3++) { + for (var _j3 = 0; _j3 < 3; _j3++) { + _uvs[_i3][_j3].x *= 0.5; + _uvs[_i3][_j3].x += 0.5; + } + } + + this.movieGeometry = new THREE.BufferGeometry().fromGeometry(_geometry); + this.movieMaterial = new THREE.MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true + }); + this.movieScreen = new THREE.Mesh(this.movieGeometry, this.movieMaterial); // display in right eye only + + this.movieScreen.layers.set(2); this.scene.add(this.movieScreen); + } else if (projection === 'EAC' || projection === 'EAC_LR') { + var makeScreen = function makeScreen(mapMatrix, scaleMatrix) { + // "Continuity correction?": because of discontinuous faces and aliasing, + // we truncate the 2-pixel-wide strips on all discontinuous edges, + var contCorrect = 2; + _this2.movieGeometry = new THREE.BoxGeometry(256, 256, 256); + _this2.movieMaterial = new THREE.ShaderMaterial({ + overdraw: true, + side: THREE.BackSide, + uniforms: { + mapped: { + value: _this2.videoTexture + }, + mapMatrix: { + value: mapMatrix + }, + contCorrect: { + value: contCorrect + }, + faceWH: { + value: new THREE.Vector2(1 / 3, 1 / 2).applyMatrix3(scaleMatrix) + }, + vidWH: { + value: new THREE.Vector2(_this2.videoTexture.image.videoWidth, _this2.videoTexture.image.videoHeight).applyMatrix3(scaleMatrix) + } + }, + vertexShader: "\nvarying vec2 vUv;\nuniform mat3 mapMatrix;\n\nvoid main() {\n vUv = (mapMatrix * vec3(uv, 1.)).xy;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.);\n}", + fragmentShader: "\nvarying vec2 vUv;\nuniform sampler2D mapped;\nuniform vec2 faceWH;\nuniform vec2 vidWH;\nuniform float contCorrect;\n\nconst float PI = 3.1415926535897932384626433832795;\n\nvoid main() {\n vec2 corner = vUv - mod(vUv, faceWH) + vec2(0, contCorrect / vidWH.y);\n\n vec2 faceWHadj = faceWH - vec2(0, contCorrect * 2. / vidWH.y);\n\n vec2 p = (vUv - corner) / faceWHadj - .5;\n vec2 q = 2. / PI * atan(2. * p) + .5;\n\n vec2 eUv = corner + q * faceWHadj;\n\n gl_FragColor = texture2D(mapped, eUv);\n}" + }); + var right = [new THREE.Vector2(0, 1 / 2), new THREE.Vector2(1 / 3, 1 / 2), new THREE.Vector2(1 / 3, 1), new THREE.Vector2(0, 1)]; + var front = [new THREE.Vector2(1 / 3, 1 / 2), new THREE.Vector2(2 / 3, 1 / 2), new THREE.Vector2(2 / 3, 1), new THREE.Vector2(1 / 3, 1)]; + var left = [new THREE.Vector2(2 / 3, 1 / 2), new THREE.Vector2(1, 1 / 2), new THREE.Vector2(1, 1), new THREE.Vector2(2 / 3, 1)]; + var bottom = [new THREE.Vector2(1 / 3, 0), new THREE.Vector2(1 / 3, 1 / 2), new THREE.Vector2(0, 1 / 2), new THREE.Vector2(0, 0)]; + var back = [new THREE.Vector2(1 / 3, 1 / 2), new THREE.Vector2(1 / 3, 0), new THREE.Vector2(2 / 3, 0), new THREE.Vector2(2 / 3, 1 / 2)]; + var top = [new THREE.Vector2(1, 0), new THREE.Vector2(1, 1 / 2), new THREE.Vector2(2 / 3, 1 / 2), new THREE.Vector2(2 / 3, 0)]; + + for (var _i4 = 0, _arr = [right, front, left, bottom, back, top]; _i4 < _arr.length; _i4++) { + var face = _arr[_i4]; + var height = _this2.videoTexture.image.videoHeight; + var lowY = 1; + var highY = 0; + + for (var _iterator = _createForOfIteratorHelperLoose(face), _step; !(_step = _iterator()).done;) { + var vector = _step.value; + + if (vector.y < lowY) { + lowY = vector.y; + } + + if (vector.y > highY) { + highY = vector.y; + } + } + + for (var _iterator2 = _createForOfIteratorHelperLoose(face), _step2; !(_step2 = _iterator2()).done;) { + var _vector = _step2.value; + + if (Math.abs(_vector.y - lowY) < Number.EPSILON) { + _vector.y += contCorrect / height; + } + + if (Math.abs(_vector.y - highY) < Number.EPSILON) { + _vector.y -= contCorrect / height; + } + + _vector.x = _vector.x / height * (height - contCorrect * 2) + contCorrect / height; + } + } + + _this2.movieGeometry.faceVertexUvs[0] = []; + _this2.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]]; + _this2.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]]; + _this2.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]]; + _this2.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]]; + _this2.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]]; + _this2.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]]; + _this2.movieGeometry.faceVertexUvs[0][6] = [bottom[2], bottom[1], bottom[3]]; + _this2.movieGeometry.faceVertexUvs[0][7] = [bottom[1], bottom[0], bottom[3]]; + _this2.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]]; + _this2.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]]; + _this2.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]]; + _this2.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]]; + _this2.movieScreen = new THREE.Mesh(_this2.movieGeometry, _this2.movieMaterial); + + _this2.movieScreen.position.set(position.x, position.y, position.z); + + _this2.movieScreen.rotation.y = -Math.PI; + return _this2.movieScreen; + }; + + if (projection === 'EAC') { + this.scene.add(makeScreen(new THREE.Matrix3(), new THREE.Matrix3())); + } else { + var scaleMatrix = new THREE.Matrix3().set(0, 0.5, 0, 1, 0, 0, 0, 0, 1); + makeScreen(new THREE.Matrix3().set(0, -0.5, 0.5, 1, 0, 0, 0, 0, 1), scaleMatrix); // display in left eye only + + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); + makeScreen(new THREE.Matrix3().set(0, -0.5, 1, 1, 0, 0, 0, 0, 1), scaleMatrix); // display in right eye only + + this.movieScreen.layers.set(2); + this.scene.add(this.movieScreen); + } } this.currentProjection_ = projection; }; - VR.prototype.triggerError_ = function triggerError_(errorObj) { + _proto.triggerError_ = function triggerError_(errorObj) { // if we have videojs-errors use it if (this.videojsErrorsSupport_) { - this.player_.error(errorObj); - // if we don't have videojs-errors just use a normal player error + this.player_.error(errorObj); // if we don't have videojs-errors just use a normal player error } else { // strip any html content from the error message // as it is not supported outside of videojs-errors - var div = document$1.createElement("div"); - + var div = document$1.createElement('div'); div.innerHTML = errors[errorObj.code].message; - - var message = div.textContent || div.innerText || ""; - + var message = div.textContent || div.innerText || ''; this.player_.error({ code: errorObj.code, - message: message, + message: message }); } }; - VR.prototype.log = function log() { + _proto.log = function log() { if (!this.options_.debug) { return; } - for ( - var _len = arguments.length, msgs = Array(_len), _key = 0; - _key < _len; - _key++ - ) { + for (var _len = arguments.length, msgs = new Array(_len), _key = 0; _key < _len; _key++) { msgs[_key] = arguments[_key]; } msgs.forEach(function (msg) { - videojs.log(msg); + videojs.log('VR: ', msg); }); }; - VR.prototype.handleVrDisplayActivate_ = function handleVrDisplayActivate_() { - var _this2 = this; + _proto.handleVrDisplayActivate_ = function handleVrDisplayActivate_() { + var _this3 = this; if (!this.vrDisplay) { return; } - this.vrDisplay - .requestPresent([{ source: this.renderedCanvas }]) - .then(function () { - if (!_this2.vrDisplay.cardboardUI_ || !videojs.browser.IS_IOS) { + + this.vrDisplay.requestPresent([{ + source: this.renderedCanvas + }]).then(function () { + if (!_this3.vrDisplay.cardboardUI_ || !videojs.browser.IS_IOS) { + return; + } // webvr-polyfill/cardboard ui only watches for click events + // to tell that the back arrow button is pressed during cardboard vr. + // but somewhere along the line these events are silenced with preventDefault + // but only on iOS, so we translate them ourselves here + + + var touches = []; + + var iosCardboardTouchStart_ = function iosCardboardTouchStart_(e) { + for (var i = 0; i < e.touches.length; i++) { + touches.push(e.touches[i]); + } + }; + + var iosCardboardTouchEnd_ = function iosCardboardTouchEnd_(e) { + if (!touches.length) { return; } - // webvr-polyfill/cardboard ui only watches for click events - // to tell that the back arrow button is pressed during cardboard vr. - // but somewhere along the line these events are silenced with preventDefault - // but only on iOS, so we translate them ourselves here - var touches = []; - var iosCardboardTouchStart_ = function iosCardboardTouchStart_(e) { - for (var i = 0; i < e.touches.length; i++) { - touches.push(e.touches[i]); - } - }; + touches.forEach(function (t) { + var simulatedClick = new window$1.MouseEvent('click', { + screenX: t.screenX, + screenY: t.screenY, + clientX: t.clientX, + clientY: t.clientY + }); - var iosCardboardTouchEnd_ = function iosCardboardTouchEnd_(e) { - if (!touches.length) { - return; - } + _this3.renderedCanvas.dispatchEvent(simulatedClick); + }); + touches = []; + }; - touches.forEach(function (t) { - var simulatedClick = new window$1.MouseEvent("click", { - screenX: t.screenX, - screenY: t.screenY, - clientX: t.clientX, - clientY: t.clientY, - }); + _this3.renderedCanvas.addEventListener('touchstart', iosCardboardTouchStart_); - _this2.renderedCanvas.dispatchEvent(simulatedClick); - }); + _this3.renderedCanvas.addEventListener('touchend', iosCardboardTouchEnd_); - touches = []; - }; - - _this2.renderedCanvas.addEventListener( - "touchstart", - iosCardboardTouchStart_ - ); - _this2.renderedCanvas.addEventListener( - "touchend", - iosCardboardTouchEnd_ - ); - - _this2.iosRevertTouchToClick_ = function () { - _this2.renderedCanvas.removeEventListener( - "touchstart", - iosCardboardTouchStart_ - ); - _this2.renderedCanvas.removeEventListener( - "touchend", - iosCardboardTouchEnd_ - ); - _this2.iosRevertTouchToClick_ = null; - }; - }); + _this3.iosRevertTouchToClick_ = function () { + _this3.renderedCanvas.removeEventListener('touchstart', iosCardboardTouchStart_); + + _this3.renderedCanvas.removeEventListener('touchend', iosCardboardTouchEnd_); + + _this3.iosRevertTouchToClick_ = null; + }; + }); }; - VR.prototype.handleVrDisplayDeactivate_ = - function handleVrDisplayDeactivate_() { - if (!this.vrDisplay || !this.vrDisplay.isPresenting) { - return; - } - if (this.iosRevertTouchToClick_) { - this.iosRevertTouchToClick_(); - } - this.vrDisplay.exitPresent(); - }; + _proto.handleVrDisplayDeactivate_ = function handleVrDisplayDeactivate_() { + if (!this.vrDisplay || !this.vrDisplay.isPresenting) { + return; + } + + if (this.iosRevertTouchToClick_) { + this.iosRevertTouchToClick_(); + } + + this.vrDisplay.exitPresent(); + }; - VR.prototype.requestAnimationFrame = function requestAnimationFrame(fn) { + _proto.requestAnimationFrame = function requestAnimationFrame(fn) { if (this.vrDisplay) { return this.vrDisplay.requestAnimationFrame(fn); } - return Component.prototype.requestAnimationFrame.call(this, fn); + return this.player_.requestAnimationFrame(fn); }; - VR.prototype.cancelAnimationFrame = function cancelAnimationFrame(id) { + _proto.cancelAnimationFrame = function cancelAnimationFrame(id) { if (this.vrDisplay) { return this.vrDisplay.cancelAnimationFrame(id); } - return Component.prototype.cancelAnimationFrame.call(this, id); + return this.player_.cancelAnimationFrame(id); }; - VR.prototype.togglePlay_ = function togglePlay_() { + _proto.togglePlay_ = function togglePlay_() { if (this.player_.paused()) { this.player_.play(); } else { @@ -7580,10 +2832,11 @@ var VR = (function (_Plugin) { } }; - VR.prototype.animate_ = function animate_() { + _proto.animate_ = function animate_() { if (!this.initialized_) { return; } + if (this.getVideoEl_().readyState === this.getVideoEl_().HAVE_ENOUGH_DATA) { if (this.videoTexture) { this.videoTexture.needsUpdate = true; @@ -7591,6 +2844,11 @@ var VR = (function (_Plugin) { } this.controls3d.update(); + + if (this.omniController) { + this.omniController.update(this.camera); + } + this.effect.render(this.scene, this.camera); if (window$1.navigator.getGamepads) { @@ -7598,17 +2856,13 @@ var VR = (function (_Plugin) { var gamepads = window$1.navigator.getGamepads(); for (var i = 0; i < gamepads.length; ++i) { - var gamepad = gamepads[i]; - - // Make sure gamepad is defined + var gamepad = gamepads[i]; // Make sure gamepad is defined // Only take input if state has changed since we checked last - if ( - !gamepad || - !gamepad.timestamp || - gamepad.timestamp === this.prevTimestamps_[i] - ) { + + if (!gamepad || !gamepad.timestamp || gamepad.timestamp === this.prevTimestamps_[i]) { continue; } + for (var j = 0; j < gamepad.buttons.length; ++j) { if (gamepad.buttons[j].pressed) { this.togglePlay_(); @@ -7618,26 +2872,22 @@ var VR = (function (_Plugin) { } } } - this.camera.getWorldDirection(this.cameraVector); + this.camera.getWorldDirection(this.cameraVector); this.animationFrameId_ = this.requestAnimationFrame(this.animate_); }; - VR.prototype.handleResize_ = function handleResize_() { + _proto.handleResize_ = function handleResize_() { var width = this.player_.currentWidth(); var height = this.player_.currentHeight(); - this.effect.setSize(width, height, false); this.camera.aspect = width / height; this.camera.updateProjectionMatrix(); }; - VR.prototype.setProjection = function setProjection(projection) { + _proto.setProjection = function setProjection(projection) { if (!getInternalProjectionName(projection)) { - videojs.log.error( - "videojs-vr: please pass a valid projection " + - validProjections.join(", ") - ); + videojs.log.error('videojs-vr: please pass a valid projection ' + validProjections.join(', ')); return; } @@ -7645,61 +2895,45 @@ var VR = (function (_Plugin) { this.defaultProjection_ = projection; }; - VR.prototype.init = function init() { - var _this3 = this; + _proto.init = function init() { + var _this4 = this; this.reset(); + this.camera = new THREE.PerspectiveCamera(75, this.player_.currentWidth() / this.player_.currentHeight(), 1, 1000); // Store vector representing the direction in which the camera is looking, in world space. - this.camera = new THREE.PerspectiveCamera( - 75, - this.player_.currentWidth() / this.player_.currentHeight(), - 1, - 1000 - ); - // Store vector representing the direction in which the camera is looking, in world space. this.cameraVector = new THREE.Vector3(); - if ( - this.currentProjection_ === "360_LR" || - this.currentProjection_ === "360_TB" - ) { + if (this.currentProjection_ === '360_LR' || this.currentProjection_ === '360_TB' || this.currentProjection_ === '180' || this.currentProjection_ === '180_LR' || this.currentProjection_ === '180_MONO' || this.currentProjection_ === 'EAC_LR') { // Render left eye when not in VR mode this.camera.layers.enable(1); } this.scene = new THREE.Scene(); - this.videoTexture = new THREE.VideoTexture(this.getVideoEl_()); - - // shared regardless of wether VideoTexture is used or + this.videoTexture = new THREE.VideoTexture(this.getVideoEl_()); // shared regardless of wether VideoTexture is used or // an image canvas is used + this.videoTexture.generateMipmaps = false; this.videoTexture.minFilter = THREE.LinearFilter; this.videoTexture.magFilter = THREE.LinearFilter; this.videoTexture.format = THREE.RGBFormat; - this.changeProjection_(this.currentProjection_); - if (this.currentProjection_ === "NONE") { - this.log("Projection is NONE, dont init"); + if (this.currentProjection_ === 'NONE') { + this.log('Projection is NONE, dont init'); this.reset(); return; } - this.player_.removeChild("BigPlayButton"); - this.player_.addChild("BigVrPlayButton", {}, this.bigPlayButtonIndex_); - this.player_.bigPlayButton = this.player_.getChild("BigVrPlayButton"); + this.player_.removeChild('BigPlayButton'); + this.player_.addChild('BigVrPlayButton', {}, this.bigPlayButtonIndex_); + this.player_.bigPlayButton = this.player_.getChild('BigVrPlayButton'); // mobile devices, or cardboard forced to on - // mobile devices, or cardboard forced to on - if ( - this.options_.forceCardboard || - videojs.browser.IS_ANDROID || - videojs.browser.IS_IOS - ) { + if (this.options_.forceCardboard || videojs.browser.IS_ANDROID || videojs.browser.IS_IOS) { this.addCardboardButton_(); - } + } // if ios remove full screen toggle - // if ios remove full screen toggle - if (videojs.browser.IS_IOS) { + + if (videojs.browser.IS_IOS && this.player_.controlBar && this.player_.controlBar.fullscreenToggle) { this.player_.controlBar.fullscreenToggle.hide(); } @@ -7708,190 +2942,192 @@ var VR = (function (_Plugin) { devicePixelRatio: window$1.devicePixelRatio, alpha: false, clearColor: 0xffffff, - antialias: true, + antialias: true }); - - var webglContext = this.renderer.getContext("webgl"); + var webglContext = this.renderer.getContext('webgl'); var oldTexImage2D = webglContext.texImage2D; - /* this is a workaround since threejs uses try catch */ - webglContext.texImage2D = function () { - for ( - var _len2 = arguments.length, args = Array(_len2), _key2 = 0; - _key2 < _len2; - _key2++ - ) { - args[_key2] = arguments[_key2]; - } + webglContext.texImage2D = function () { try { + for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { + args[_key2] = arguments[_key2]; + } + return oldTexImage2D.apply(webglContext, args); } catch (e) { - _this3.reset(); - _this3.player_.pause(); - _this3.triggerError_({ - code: "web-vr-hls-cors-not-supported", - dismiss: false, + _this4.reset(); + + _this4.player_.pause(); + + _this4.triggerError_({ + code: 'web-vr-hls-cors-not-supported', + dismiss: false }); + throw new Error(e); } }; - this.renderer.setSize( - this.player_.currentWidth(), - this.player_.currentHeight(), - false - ); + this.renderer.setSize(this.player_.currentWidth(), this.player_.currentHeight(), false); this.effect = new VREffect(this.renderer); + this.effect.setSize(this.player_.currentWidth(), this.player_.currentHeight(), false); + this.vrDisplay = null; // Previous timestamps for gamepad updates - this.effect.setSize( - this.player_.currentWidth(), - this.player_.currentHeight(), - false - ); - this.vrDisplay = null; - - // Previous timestamps for gamepad updates this.prevTimestamps_ = []; - this.renderedCanvas = this.renderer.domElement; - this.renderedCanvas.setAttribute( - "style", - "width: 100%; height: 100%; position: absolute; top:0;" - ); - this.player_ - .el() - .insertBefore(this.renderedCanvas, this.player_.el().firstChild); - this.getVideoEl_().style.display = "none"; + this.renderedCanvas.setAttribute('style', 'width: 100%; height: 100%; position: absolute; top:0;'); + var videoElStyle = this.getVideoEl_().style; + this.player_.el().insertBefore(this.renderedCanvas, this.player_.el().firstChild); + videoElStyle.zIndex = '-1'; + videoElStyle.opacity = '0'; if (window$1.navigator.getVRDisplays) { - this.log("VR is supported, getting vr displays"); + this.log('is supported, getting vr displays'); window$1.navigator.getVRDisplays().then(function (displays) { if (displays.length > 0) { - _this3.log("VR Displays found", displays); - _this3.vrDisplay = displays[0]; + _this4.log('Displays found', displays); - // Native WebVR Head Mounted Displays (HMDs) like the HTC Vive + _this4.vrDisplay = displays[0]; // Native WebVR Head Mounted Displays (HMDs) like the HTC Vive // also need the cardboard button to enter fully immersive mode // so, we want to add the button if we're not polyfilled. - if (!_this3.vrDisplay.isPolyfilled) { - _this3.log("Real HMD found using VRControls", _this3.vrDisplay); - _this3.addCardboardButton_(); - // We use VRControls here since we are working with an HMD + if (!_this4.vrDisplay.isPolyfilled) { + _this4.log('Real HMD found using VRControls', _this4.vrDisplay); + + _this4.addCardboardButton_(); // We use VRControls here since we are working with an HMD // and we only want orientation controls. - _this3.controls3d = new VRControls(_this3.camera); + + + _this4.controls3d = new VRControls(_this4.camera); } } - if (!_this3.controls3d) { - _this3.log("no HMD found Using Orbit & Orientation Controls"); - _this3.controls3d = new OrbitOrientationControls({ - camera: _this3.camera, - canvas: _this3.renderedCanvas, - orientation: - videojs.browser.IS_IOS || videojs.browser.IS_ANDROID || false, - }); + if (!_this4.controls3d) { + _this4.log('no HMD found Using Orbit & Orientation Controls'); + + var options = { + camera: _this4.camera, + canvas: _this4.renderedCanvas, + // check if its a half sphere view projection + halfView: _this4.currentProjection_.indexOf('180') === 0, + orientation: videojs.browser.IS_IOS || videojs.browser.IS_ANDROID || false + }; + + if (_this4.options_.motionControls === false) { + options.orientation = false; + } + + _this4.controls3d = new OrbitOrientationControls(options); + _this4.canvasPlayerControls = new CanvasPlayerControls(_this4.player_, _this4.renderedCanvas, _this4.options_); } - _this3.animationFrameId_ = _this3.requestAnimationFrame( - _this3.animate_ - ); + + _this4.animationFrameId_ = _this4.requestAnimationFrame(_this4.animate_); }); } else if (window$1.navigator.getVRDevices) { - this.triggerError_({ code: "web-vr-out-of-date", dismiss: false }); + this.triggerError_({ + code: 'web-vr-out-of-date', + dismiss: false + }); } else { - this.triggerError_({ code: "web-vr-not-supported", dismiss: false }); + this.triggerError_({ + code: 'web-vr-not-supported', + dismiss: false + }); } - this.on(this.player_, "fullscreenchange", this.handleResize_); - window$1.addEventListener( - "vrdisplaypresentchange", - this.handleResize_, - true - ); - window$1.addEventListener("resize", this.handleResize_, true); - window$1.addEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_, - true - ); - window$1.addEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_, - true - ); + if (this.options_.omnitone) { + var audiocontext = THREE.AudioContext.getContext(); + this.omniController = new OmnitoneController(audiocontext, this.options_.omnitone, this.getVideoEl_(), this.options_.omnitoneOptions); + this.omniController.one('audiocontext-suspended', function () { + _this4.player.pause(); + + _this4.player.one('playing', function () { + audiocontext.resume(); + }); + }); + } + this.on(this.player_, 'fullscreenchange', this.handleResize_); + window$1.addEventListener('vrdisplaypresentchange', this.handleResize_, true); + window$1.addEventListener('resize', this.handleResize_, true); + window$1.addEventListener('vrdisplayactivate', this.handleVrDisplayActivate_, true); + window$1.addEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_, true); this.initialized_ = true; + this.trigger('initialized'); }; - VR.prototype.addCardboardButton_ = function addCardboardButton_() { - if (!this.player_.controlBar.getChild("CardboardButton")) { - this.player_.controlBar.addChild("CardboardButton", {}); + _proto.addCardboardButton_ = function addCardboardButton_() { + if (!this.player_.controlBar.getChild('CardboardButton')) { + this.player_.controlBar.addChild('CardboardButton', {}); } }; - VR.prototype.getVideoEl_ = function getVideoEl_() { - return this.player_.el().getElementsByTagName("video")[0]; + _proto.getVideoEl_ = function getVideoEl_() { + return this.player_.el().getElementsByTagName('video')[0]; }; - VR.prototype.reset = function reset() { + _proto.reset = function reset() { if (!this.initialized_) { return; } + if (this.omniController) { + this.omniController.off('audiocontext-suspended'); + this.omniController.dispose(); + this.omniController = undefined; + } + if (this.controls3d) { this.controls3d.dispose(); + this.controls3d = null; } + + if (this.canvasPlayerControls) { + this.canvasPlayerControls.dispose(); + this.canvasPlayerControls = null; + } + if (this.effect) { this.effect.dispose(); + this.effect = null; } - window$1.removeEventListener("resize", this.handleResize_); - window$1.removeEventListener("vrdisplaypresentchange", this.handleResize_); - window$1.removeEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_ - ); - window$1.removeEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_ - ); - - // re-add the big play button to player - if (!this.player_.getChild("BigPlayButton")) { - this.player_.addChild("BigPlayButton", {}, this.bigPlayButtonIndex_); - } + window$1.removeEventListener('resize', this.handleResize_, true); + window$1.removeEventListener('vrdisplaypresentchange', this.handleResize_, true); + window$1.removeEventListener('vrdisplayactivate', this.handleVrDisplayActivate_, true); + window$1.removeEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_, true); // re-add the big play button to player - if (this.player_.getChild("BigVrPlayButton")) { - this.player_.removeChild("BigVrPlayButton"); + if (!this.player_.getChild('BigPlayButton')) { + this.player_.addChild('BigPlayButton', {}, this.bigPlayButtonIndex_); } - // remove the cardboard button - if (this.player_.getChild("CardboardButton")) { - this.player_.controlBar.removeChild("CardboardButton"); - } + if (this.player_.getChild('BigVrPlayButton')) { + this.player_.removeChild('BigVrPlayButton'); + } // remove the cardboard button - // show the fullscreen again - if (videojs.browser.IS_IOS) { + + if (this.player_.getChild('CardboardButton')) { + this.player_.controlBar.removeChild('CardboardButton'); + } // show the fullscreen again + + + if (videojs.browser.IS_IOS && this.player_.controlBar && this.player_.controlBar.fullscreenToggle) { this.player_.controlBar.fullscreenToggle.show(); - } + } // reset the video element style so that it will be displayed - // reset the video element style so that it will be displayed - this.getVideoEl_().style.display = ""; - // set the current projection to the default - this.currentProjection_ = this.defaultProjection_; + var videoElStyle = this.getVideoEl_().style; + videoElStyle.zIndex = ''; + videoElStyle.opacity = ''; // set the current projection to the default - if (this.observer_) { - this.observer_.disconnect(); - } + this.currentProjection_ = this.defaultProjection_; // reset the ios touch to click workaround - // reset the ios touch to click workaround if (this.iosRevertTouchToClick_) { this.iosRevertTouchToClick_(); - } + } // remove the old canvas + - // remove the old canvas if (this.renderedCanvas) { this.renderedCanvas.parentNode.removeChild(this.renderedCanvas); } @@ -7903,23 +3139,22 @@ var VR = (function (_Plugin) { this.initialized_ = false; }; - VR.prototype.dispose = function dispose() { + _proto.dispose = function dispose() { _Plugin.prototype.dispose.call(this); + this.reset(); }; - VR.prototype.polyfillVersion = function polyfillVersion() { + _proto.polyfillVersion = function polyfillVersion() { return WebVRPolyfill.version; }; return VR; -})(Plugin); +}(Plugin); VR.prototype.setTimeout = Component.prototype.setTimeout; VR.prototype.clearTimeout = Component.prototype.clearTimeout; - VR.VERSION = version; - -videojs.registerPlugin("vr", VR); +videojs.registerPlugin('vr', VR); module.exports = VR; diff --git a/pod/main/static/videojs-vr/videojs-vr.css b/pod/main/static/videojs-vr/videojs-vr.css index bbbd2807f2..55714a2abe 100644 --- a/pod/main/static/videojs-vr/videojs-vr.css +++ b/pod/main/static/videojs-vr/videojs-vr.css @@ -1,7 +1,30 @@ -/** - * videojs-vr - * @version 1.3.0 - * @copyright 2018 [object Object] - * @license Apache-2.0 - */ -.video-js .vjs-big-vr-play-button{width:100px;height:100px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath fill='%23FFF' d='M334.883 275.78l-6.374-36.198-6.375-36.2-28.16 23.62-28.164 23.62 25.837 9.41C266.247 296.544 224 320.5 176.25 320.5c-77.47 0-140.5-63.03-140.5-140.5 0-77.472 63.03-140.5 140.5-140.5 53.428 0 99.98 29.978 123.733 73.993l13.304-6.923C287.025 57.76 235.45 24.5 176.25 24.5c-85.743 0-155.5 69.757-155.5 155.5 0 85.742 69.757 155.5 155.5 155.5 54.253 0 102.09-27.94 129.922-70.177l28.71 10.457z'/%3E%3Cpath fill='%23FFF' d='M314.492 175.167c-12.98 0-23.54-10.56-23.54-23.54s10.56-23.54 23.54-23.54c12.98 0 23.54 10.56 23.54 23.54s-10.56 23.54-23.54 23.54zm0-38.08c-8.018 0-14.54 6.522-14.54 14.54s6.522 14.54 14.54 14.54c8.017 0 14.54-6.522 14.54-14.54s-6.523-14.54-14.54-14.54z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M88.76 173.102h9.395c4.74-.042 8.495-1.27 11.268-3.682 2.77-2.412 4.157-5.903 4.157-10.474 0-4.4-1.153-7.817-3.46-10.25-2.307-2.434-5.83-3.65-10.568-3.65-4.147 0-7.554 1.195-10.22 3.585-2.666 2.392-4 5.514-4 9.364H69.908c0-4.74 1.26-9.055 3.776-12.95 2.518-3.892 6.03-6.928 10.537-9.108 4.508-2.18 9.554-3.27 15.14-3.27 9.225 0 16.472 2.318 21.74 6.952 5.27 4.634 7.903 11.077 7.903 19.33 0 4.147-1.323 8.05-3.967 11.71-2.646 3.66-6.062 6.422-10.252 8.284 5.078 1.736 8.94 4.465 11.584 8.19s3.968 8.166 3.968 13.33c0 8.294-2.847 14.895-8.538 19.804s-13.17 7.363-22.438 7.363c-8.887 0-16.166-2.37-21.836-7.11-5.67-4.74-8.506-11.045-8.506-18.916h15.425c0 4.062 1.365 7.363 4.094 9.902 2.73 2.54 6.4 3.81 11.014 3.81 4.782 0 8.55-1.27 11.3-3.81s4.126-6.22 4.126-11.045c0-4.865-1.44-8.61-4.316-11.235-2.878-2.623-7.152-3.936-12.822-3.936H88.76V173.1zM187.598 133.493v12.76h-1.904c-8.633.126-15.53 2.497-20.693 7.108-5.162 4.614-8.23 11.152-9.203 19.615 4.95-5.205 11.277-7.808 18.98-7.808 8.166 0 14.608 2.878 19.328 8.633 4.718 5.755 7.077 13.182 7.077 22.28 0 9.395-2.76 17.002-8.284 22.82-5.52 5.818-12.77 8.73-21.74 8.73-9.226 0-16.705-3.407-22.44-10.222-5.733-6.812-8.6-15.742-8.6-26.787v-5.267c0-16.208 3.945-28.903 11.84-38.086 7.89-9.182 19.242-13.774 34.054-13.774h1.586zM171.03 177.61c-3.386 0-6.485.95-9.3 2.855-2.814 1.904-4.877 4.443-6.188 7.617v4.697c0 6.854 1.438 12.304 4.316 16.345 2.877 4.04 6.602 6.062 11.172 6.062s8.188-1.715 10.854-5.143 4-7.934 4-13.52-1.355-10.135-4.063-13.648c-2.708-3.51-6.304-5.267-10.79-5.267zM271.136 187.447c0 13.29-2.486 23.307-7.46 30.057s-12.535 10.125-22.69 10.125c-9.988 0-17.51-3.292-22.566-9.872-5.058-6.58-7.65-16.323-7.776-29.23V172.53c0-13.287 2.485-23.252 7.458-29.896 4.973-6.643 12.558-9.966 22.757-9.966 10.112 0 17.655 3.237 22.63 9.712 4.97 6.475 7.52 16.166 7.647 29.072v15.995zm-15.425-17.265c0-8.674-1.185-15.033-3.554-19.075-2.37-4.04-6.137-6.062-11.3-6.062-5.035 0-8.738 1.915-11.107 5.745-2.37 3.83-3.62 9.807-3.746 17.932v20.948c0 8.633 1.206 15.064 3.618 19.297s6.2 6.348 11.362 6.348c4.95 0 8.61-1.957 10.98-5.87 2.37-3.915 3.62-10.04 3.746-18.378v-20.885z'/%3E%3C/g%3E%3C/svg%3E");background-size:contain;background-color:rgba(0,0,0,0.5)}.video-js .vjs-big-vr-play-button .vjs-icon-placeholder{display:none}:hover.video-js .vjs-big-vr-play-button{-webkit-transition:border-color 0.4s,outline 0.4s,background-color 0.4s;-moz-transition:border-color 0.4s,outline 0.4s,background-color 0.4s;-ms-transition:border-color 0.4s,outline 0.4s,background-color 0.4s;-o-transition:border-color 0.4s,outline 0.4s,background-color 0.4s;transition:border-color 0.4s,outline 0.4s,background-color 0.4s}.video-js .vjs-big-vr-play-button::before{content:''}.video-js canvas{cursor:move}.video-js .vjs-button-vr .vjs-icon-placeholder{height:30px;width:30px;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI0ZGRkZGRiI+CiAgICA8cGF0aCBkPSJNMjAuNzQgNkgzLjIxQzIuNTUgNiAyIDYuNTcgMiA3LjI4djEwLjQ0YzAgLjcuNTUgMS4yOCAxLjIzIDEuMjhoNC43OWMuNTIgMCAuOTYtLjMzIDEuMTQtLjc5bDEuNC0zLjQ4Yy4yMy0uNTkuNzktMS4wMSAxLjQ0LTEuMDFzMS4yMS40MiAxLjQ1IDEuMDFsMS4zOSAzLjQ4Yy4xOS40Ni42My43OSAxLjExLjc5aDQuNzljLjcxIDAgMS4yNi0uNTcgMS4yNi0xLjI4VjcuMjhjMC0uNy0uNTUtMS4yOC0xLjI2LTEuMjh6TTcuNSAxNC42MmMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTMgMS4xOCAwIDIuMTIuOTYgMi4xMiAyLjEzcy0uOTUgMi4xMi0yLjEyIDIuMTJ6bTkgMGMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTNzMi4xMi45NiAyLjEyIDIuMTMtLjk1IDIuMTItMi4xMiAyLjEyeiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+Cjwvc3ZnPgo=) no-repeat left center} +.video-js .vjs-big-vr-play-button { + width: 100px; + height: 100px; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath fill='%23FFF' d='M334.883 275.78l-6.374-36.198-6.375-36.2-28.16 23.62-28.164 23.62 25.837 9.41C266.247 296.544 224 320.5 176.25 320.5c-77.47 0-140.5-63.03-140.5-140.5 0-77.472 63.03-140.5 140.5-140.5 53.428 0 99.98 29.978 123.733 73.993l13.304-6.923C287.025 57.76 235.45 24.5 176.25 24.5c-85.743 0-155.5 69.757-155.5 155.5 0 85.742 69.757 155.5 155.5 155.5 54.253 0 102.09-27.94 129.922-70.177l28.71 10.457z'/%3E%3Cpath fill='%23FFF' d='M314.492 175.167c-12.98 0-23.54-10.56-23.54-23.54s10.56-23.54 23.54-23.54c12.98 0 23.54 10.56 23.54 23.54s-10.56 23.54-23.54 23.54zm0-38.08c-8.018 0-14.54 6.522-14.54 14.54s6.522 14.54 14.54 14.54c8.017 0 14.54-6.522 14.54-14.54s-6.523-14.54-14.54-14.54z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M88.76 173.102h9.395c4.74-.042 8.495-1.27 11.268-3.682 2.77-2.412 4.157-5.903 4.157-10.474 0-4.4-1.153-7.817-3.46-10.25-2.307-2.434-5.83-3.65-10.568-3.65-4.147 0-7.554 1.195-10.22 3.585-2.666 2.392-4 5.514-4 9.364H69.908c0-4.74 1.26-9.055 3.776-12.95 2.518-3.892 6.03-6.928 10.537-9.108 4.508-2.18 9.554-3.27 15.14-3.27 9.225 0 16.472 2.318 21.74 6.952 5.27 4.634 7.903 11.077 7.903 19.33 0 4.147-1.323 8.05-3.967 11.71-2.646 3.66-6.062 6.422-10.252 8.284 5.078 1.736 8.94 4.465 11.584 8.19s3.968 8.166 3.968 13.33c0 8.294-2.847 14.895-8.538 19.804s-13.17 7.363-22.438 7.363c-8.887 0-16.166-2.37-21.836-7.11-5.67-4.74-8.506-11.045-8.506-18.916h15.425c0 4.062 1.365 7.363 4.094 9.902 2.73 2.54 6.4 3.81 11.014 3.81 4.782 0 8.55-1.27 11.3-3.81s4.126-6.22 4.126-11.045c0-4.865-1.44-8.61-4.316-11.235-2.878-2.623-7.152-3.936-12.822-3.936H88.76V173.1zM187.598 133.493v12.76h-1.904c-8.633.126-15.53 2.497-20.693 7.108-5.162 4.614-8.23 11.152-9.203 19.615 4.95-5.205 11.277-7.808 18.98-7.808 8.166 0 14.608 2.878 19.328 8.633 4.718 5.755 7.077 13.182 7.077 22.28 0 9.395-2.76 17.002-8.284 22.82-5.52 5.818-12.77 8.73-21.74 8.73-9.226 0-16.705-3.407-22.44-10.222-5.733-6.812-8.6-15.742-8.6-26.787v-5.267c0-16.208 3.945-28.903 11.84-38.086 7.89-9.182 19.242-13.774 34.054-13.774h1.586zM171.03 177.61c-3.386 0-6.485.95-9.3 2.855-2.814 1.904-4.877 4.443-6.188 7.617v4.697c0 6.854 1.438 12.304 4.316 16.345 2.877 4.04 6.602 6.062 11.172 6.062s8.188-1.715 10.854-5.143 4-7.934 4-13.52-1.355-10.135-4.063-13.648c-2.708-3.51-6.304-5.267-10.79-5.267zM271.136 187.447c0 13.29-2.486 23.307-7.46 30.057s-12.535 10.125-22.69 10.125c-9.988 0-17.51-3.292-22.566-9.872-5.058-6.58-7.65-16.323-7.776-29.23V172.53c0-13.287 2.485-23.252 7.458-29.896 4.973-6.643 12.558-9.966 22.757-9.966 10.112 0 17.655 3.237 22.63 9.712 4.97 6.475 7.52 16.166 7.647 29.072v15.995zm-15.425-17.265c0-8.674-1.185-15.033-3.554-19.075-2.37-4.04-6.137-6.062-11.3-6.062-5.035 0-8.738 1.915-11.107 5.745-2.37 3.83-3.62 9.807-3.746 17.932v20.948c0 8.633 1.206 15.064 3.618 19.297s6.2 6.348 11.362 6.348c4.95 0 8.61-1.957 10.98-5.87 2.37-3.915 3.62-10.04 3.746-18.378v-20.885z'/%3E%3C/g%3E%3C/svg%3E"); + background-size: contain; + background-color: rgba(0, 0, 0, 0.5); +} +.video-js .vjs-big-vr-play-button .vjs-icon-placeholder { + display: none; +} +:hover.video-js .vjs-big-vr-play-button { + -webkit-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; + -moz-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; + -ms-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; + -o-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; + transition: border-color 0.4s, outline 0.4s, background-color 0.4s; +} + +.video-js .vjs-big-vr-play-button::before { + content: ""; +} +.video-js canvas { + cursor: move; +} +.video-js .vjs-button-vr .vjs-icon-placeholder { + height: 30px; + width: 30px; + display: inline-block; + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI0ZGRkZGRiI+CiAgICA8cGF0aCBkPSJNMjAuNzQgNkgzLjIxQzIuNTUgNiAyIDYuNTcgMiA3LjI4djEwLjQ0YzAgLjcuNTUgMS4yOCAxLjIzIDEuMjhoNC43OWMuNTIgMCAuOTYtLjMzIDEuMTQtLjc5bDEuNC0zLjQ4Yy4yMy0uNTkuNzktMS4wMSAxLjQ0LTEuMDFzMS4yMS40MiAxLjQ1IDEuMDFsMS4zOSAzLjQ4Yy4xOS40Ni42My43OSAxLjExLjc5aDQuNzljLjcxIDAgMS4yNi0uNTcgMS4yNi0xLjI4VjcuMjhjMC0uNy0uNTUtMS4yOC0xLjI2LTEuMjh6TTcuNSAxNC42MmMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTMgMS4xOCAwIDIuMTIuOTYgMi4xMiAyLjEzcy0uOTUgMi4xMi0yLjEyIDIuMTJ6bTkgMGMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTNzMi4xMi45NiAyLjEyIDIuMTMtLjk1IDIuMTItMi4xMiAyLjEyeiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+Cjwvc3ZnPgo=) no-repeat left center; +} diff --git a/pod/main/static/videojs-vr/videojs-vr.es.js b/pod/main/static/videojs-vr/videojs-vr.es.js index 1f44265a08..114fd66bb2 100644 --- a/pod/main/static/videojs-vr/videojs-vr.es.js +++ b/pod/main/static/videojs-vr/videojs-vr.es.js @@ -1,6702 +1,1711 @@ -import { - SphereBufferGeometry, - MeshBasicMaterial, - BackSide, - Mesh, - SphereGeometry, - BufferGeometry, - BoxGeometry, - Vector2, - PerspectiveCamera, - Vector3, - Scene, - VideoTexture, - LinearFilter, - RGBFormat, - WebGLRenderer, - Matrix4, - Quaternion, - MOUSE, - Spherical, - EventDispatcher, - Euler, - Math as Math$1, -} from "three"; -import document$1 from "global/document"; -import window$1 from "global/window"; -import videojs from "video.js"; - -var version = "1.3.0"; - -var commonjsGlobal = - typeof window !== "undefined" - ? window - : typeof global !== "undefined" - ? global - : typeof self !== "undefined" - ? self - : {}; - -function unwrapExports(x) { - return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") - ? x["default"] - : x; -} +/*! @name videojs-vr @version 1.8.0 @license Apache-2.0 */ +import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized'; +import _inheritsLoose from '@babel/runtime/helpers/inheritsLoose'; +import window$1 from 'global/window'; +import document$1 from 'global/document'; +import WebVRPolyfill from 'webvr-polyfill'; +import videojs from 'video.js'; +import { Matrix4, Vector3, PerspectiveCamera, Quaternion, EventDispatcher, MOUSE, Spherical, Vector2, Euler, Math as Math$1, SphereBufferGeometry, MeshBasicMaterial, BackSide, Mesh, SphereGeometry, BufferGeometry, BoxGeometry, Matrix3, Scene, VideoTexture, LinearFilter, RGBFormat, WebGLRenderer, AudioContext, ShaderMaterial } from 'three'; -function createCommonjsModule(fn, module) { - return (module = { exports: {} }), fn(module, module.exports), module.exports; -} +var version = "1.8.0"; -var webvrPolyfill = createCommonjsModule(function (module, exports) { - /** - * @license - * webvr-polyfill - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ +/** + * @author dmarcos / https://github.com/dmarcos + * @author mrdoob / http://mrdoob.com + */ +var VRControls = function ( object, onError ) { - /** - * @license - * cardboard-vr-display - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ + var scope = this; - /** - * @license - * webvr-polyfill-dpdb - * Copyright (c) 2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ + var vrDisplay, vrDisplays; - /** - * @license - * wglu-preserve-state - * Copyright (c) 2016, Brandon Jones. - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ + var standingMatrix = new Matrix4(); - /** - * @license - * nosleep.js - * Copyright (c) 2017, Rich Tibbett - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ + var frameData = null; - (function (global, factory) { - module.exports = factory(); - })(commonjsGlobal, function () { - var commonjsGlobal$$1 = - typeof window !== "undefined" - ? window - : typeof commonjsGlobal !== "undefined" - ? commonjsGlobal - : typeof self !== "undefined" - ? self - : {}; - - function unwrapExports$$1(x) { - return x && - x.__esModule && - Object.prototype.hasOwnProperty.call(x, "default") - ? x["default"] - : x; - } + if ( 'VRFrameData' in window ) { - function createCommonjsModule$$1(fn, module) { - return ( - (module = { exports: {} }), fn(module, module.exports), module.exports - ); - } + frameData = new VRFrameData(); - var race = function race(promises) { - if (Promise.race) { - return Promise.race(promises); - } - return new Promise(function (resolve, reject) { - for (var i = 0; i < promises.length; i++) { - promises[i].then(resolve, reject); - } - }); - }; + } - var isMobile = function isMobile() { - return ( - /Android/i.test(navigator.userAgent) || - /iPhone|iPad|iPod/i.test(navigator.userAgent) - ); - }; - var copyArray = function copyArray(source, dest) { - for (var i = 0, n = source.length; i < n; i++) { - dest[i] = source[i]; - } - }; - var extend = function extend(dest, src) { - for (var key in src) { - if (src.hasOwnProperty(key)) { - dest[key] = src[key]; - } - } - return dest; - }; + function gotVRDisplays( displays ) { - var cardboardVrDisplay = createCommonjsModule$$1(function ( - module, - exports - ) { - /** - * @license - * cardboard-vr-display - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - /** - * @license - * gl-preserve-state - * Copyright (c) 2016, Brandon Jones. - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ - /** - * @license - * webvr-polyfill-dpdb - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - /** - * @license - * nosleep.js - * Copyright (c) 2017, Rich Tibbett - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ - (function (global, factory) { - module.exports = factory(); - })(commonjsGlobal$$1, function () { - var classCallCheck = function (instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - }; - var createClass = (function () { - function defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty(target, descriptor.key, descriptor); - } - } - return function (Constructor, protoProps, staticProps) { - if (protoProps) defineProperties(Constructor.prototype, protoProps); - if (staticProps) defineProperties(Constructor, staticProps); - return Constructor; - }; - })(); - var slicedToArray = (function () { - function sliceIterator(arr, i) { - var _arr = []; - var _n = true; - var _d = false; - var _e = undefined; - try { - for ( - var _i = arr[Symbol.iterator](), _s; - !(_n = (_s = _i.next()).done); - _n = true - ) { - _arr.push(_s.value); - if (i && _arr.length === i) break; - } - } catch (err) { - _d = true; - _e = err; - } finally { - try { - if (!_n && _i["return"]) _i["return"](); - } finally { - if (_d) throw _e; - } - } - return _arr; - } - return function (arr, i) { - if (Array.isArray(arr)) { - return arr; - } else if (Symbol.iterator in Object(arr)) { - return sliceIterator(arr, i); - } else { - throw new TypeError( - "Invalid attempt to destructure non-iterable instance" - ); - } - }; - })(); - var MIN_TIMESTEP = 0.001; - var MAX_TIMESTEP = 1; - var base64 = function base64(mimeType, _base) { - return "data:" + mimeType + ";base64," + _base; - }; - var lerp = function lerp(a, b, t) { - return a + (b - a) * t; - }; - var isIOS = (function () { - var isIOS = /iPad|iPhone|iPod/.test(navigator.platform); - return function () { - return isIOS; - }; - })(); - var isWebViewAndroid = (function () { - var isWebViewAndroid = - navigator.userAgent.indexOf("Version") !== -1 && - navigator.userAgent.indexOf("Android") !== -1 && - navigator.userAgent.indexOf("Chrome") !== -1; - return function () { - return isWebViewAndroid; - }; - })(); - var isSafari = (function () { - var isSafari = /^((?!chrome|android).)*safari/i.test( - navigator.userAgent - ); - return function () { - return isSafari; - }; - })(); - var isFirefoxAndroid = (function () { - var isFirefoxAndroid = - navigator.userAgent.indexOf("Firefox") !== -1 && - navigator.userAgent.indexOf("Android") !== -1; - return function () { - return isFirefoxAndroid; - }; - })(); - var getChromeVersion = (function () { - var match = navigator.userAgent.match(/.*Chrome\/([0-9]+)/); - var value = match ? parseInt(match[1], 10) : null; - return function () { - return value; - }; - })(); - var isChromeWithoutDeviceMotion = (function () { - var value = false; - if (getChromeVersion() === 65) { - var match = navigator.userAgent.match(/.*Chrome\/([0-9\.]*)/); - if (match) { - var _match$1$split = match[1].split("."), - _match$1$split2 = slicedToArray(_match$1$split, 4), - major = _match$1$split2[0], - minor = _match$1$split2[1], - branch = _match$1$split2[2], - build = _match$1$split2[3]; - value = - parseInt(branch, 10) === 3325 && parseInt(build, 10) < 148; - } - } - return function () { - return value; - }; - })(); - var isR7 = (function () { - var isR7 = navigator.userAgent.indexOf("R7 Build") !== -1; - return function () { - return isR7; - }; - })(); - var isLandscapeMode = function isLandscapeMode() { - var rtn = window.orientation == 90 || window.orientation == -90; - return isR7() ? !rtn : rtn; - }; - var isTimestampDeltaValid = function isTimestampDeltaValid( - timestampDeltaS - ) { - if (isNaN(timestampDeltaS)) { - return false; - } - if (timestampDeltaS <= MIN_TIMESTEP) { - return false; - } - if (timestampDeltaS > MAX_TIMESTEP) { - return false; - } - return true; - }; - var getScreenWidth = function getScreenWidth() { - return ( - Math.max(window.screen.width, window.screen.height) * - window.devicePixelRatio - ); - }; - var getScreenHeight = function getScreenHeight() { - return ( - Math.min(window.screen.width, window.screen.height) * - window.devicePixelRatio - ); - }; - var requestFullscreen = function requestFullscreen(element) { - if (isWebViewAndroid()) { - return false; - } - if (element.requestFullscreen) { - element.requestFullscreen(); - } else if (element.webkitRequestFullscreen) { - element.webkitRequestFullscreen(); - } else if (element.mozRequestFullScreen) { - element.mozRequestFullScreen(); - } else if (element.msRequestFullscreen) { - element.msRequestFullscreen(); - } else { - return false; - } - return true; - }; - var exitFullscreen = function exitFullscreen() { - if (document.exitFullscreen) { - document.exitFullscreen(); - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } else if (document.mozCancelFullScreen) { - document.mozCancelFullScreen(); - } else if (document.msExitFullscreen) { - document.msExitFullscreen(); - } else { - return false; - } - return true; - }; - var getFullscreenElement = function getFullscreenElement() { - return ( - document.fullscreenElement || - document.webkitFullscreenElement || - document.mozFullScreenElement || - document.msFullscreenElement - ); - }; - var linkProgram = function linkProgram( - gl, - vertexSource, - fragmentSource, - attribLocationMap - ) { - var vertexShader = gl.createShader(gl.VERTEX_SHADER); - gl.shaderSource(vertexShader, vertexSource); - gl.compileShader(vertexShader); - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - var program = gl.createProgram(); - gl.attachShader(program, vertexShader); - gl.attachShader(program, fragmentShader); - for (var attribName in attribLocationMap) { - gl.bindAttribLocation( - program, - attribLocationMap[attribName], - attribName - ); - } - gl.linkProgram(program); - gl.deleteShader(vertexShader); - gl.deleteShader(fragmentShader); - return program; - }; - var getProgramUniforms = function getProgramUniforms(gl, program) { - var uniforms = {}; - var uniformCount = gl.getProgramParameter( - program, - gl.ACTIVE_UNIFORMS - ); - var uniformName = ""; - for (var i = 0; i < uniformCount; i++) { - var uniformInfo = gl.getActiveUniform(program, i); - uniformName = uniformInfo.name.replace("[0]", ""); - uniforms[uniformName] = gl.getUniformLocation(program, uniformName); - } - return uniforms; - }; - var orthoMatrix = function orthoMatrix( - out, - left, - right, - bottom, - top, - near, - far - ) { - var lr = 1 / (left - right), - bt = 1 / (bottom - top), - nf = 1 / (near - far); - out[0] = -2 * lr; - out[1] = 0; - out[2] = 0; - out[3] = 0; - out[4] = 0; - out[5] = -2 * bt; - out[6] = 0; - out[7] = 0; - out[8] = 0; - out[9] = 0; - out[10] = 2 * nf; - out[11] = 0; - out[12] = (left + right) * lr; - out[13] = (top + bottom) * bt; - out[14] = (far + near) * nf; - out[15] = 1; - return out; - }; - var isMobile = function isMobile() { - var check = false; - (function (a) { - if ( - /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test( - a - ) || - /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test( - a.substr(0, 4) - ) - ) - check = true; - })(navigator.userAgent || navigator.vendor || window.opera); - return check; - }; - var extend = function extend(dest, src) { - for (var key in src) { - if (src.hasOwnProperty(key)) { - dest[key] = src[key]; - } - } - return dest; - }; - var safariCssSizeWorkaround = function safariCssSizeWorkaround(canvas) { - if (isIOS()) { - var width = canvas.style.width; - var height = canvas.style.height; - canvas.style.width = parseInt(width) + 1 + "px"; - canvas.style.height = parseInt(height) + "px"; - setTimeout(function () { - canvas.style.width = width; - canvas.style.height = height; - }, 100); - } - window.canvas = canvas; - }; - var frameDataFromPose = (function () { - var piOver180 = Math.PI / 180.0; - var rad45 = Math.PI * 0.25; - function mat4_perspectiveFromFieldOfView(out, fov, near, far) { - var upTan = Math.tan(fov ? fov.upDegrees * piOver180 : rad45), - downTan = Math.tan(fov ? fov.downDegrees * piOver180 : rad45), - leftTan = Math.tan(fov ? fov.leftDegrees * piOver180 : rad45), - rightTan = Math.tan(fov ? fov.rightDegrees * piOver180 : rad45), - xScale = 2.0 / (leftTan + rightTan), - yScale = 2.0 / (upTan + downTan); - out[0] = xScale; - out[1] = 0.0; - out[2] = 0.0; - out[3] = 0.0; - out[4] = 0.0; - out[5] = yScale; - out[6] = 0.0; - out[7] = 0.0; - out[8] = -((leftTan - rightTan) * xScale * 0.5); - out[9] = (upTan - downTan) * yScale * 0.5; - out[10] = far / (near - far); - out[11] = -1.0; - out[12] = 0.0; - out[13] = 0.0; - out[14] = (far * near) / (near - far); - out[15] = 0.0; - return out; - } - function mat4_fromRotationTranslation(out, q, v) { - var x = q[0], - y = q[1], - z = q[2], - w = q[3], - x2 = x + x, - y2 = y + y, - z2 = z + z, - xx = x * x2, - xy = x * y2, - xz = x * z2, - yy = y * y2, - yz = y * z2, - zz = z * z2, - wx = w * x2, - wy = w * y2, - wz = w * z2; - out[0] = 1 - (yy + zz); - out[1] = xy + wz; - out[2] = xz - wy; - out[3] = 0; - out[4] = xy - wz; - out[5] = 1 - (xx + zz); - out[6] = yz + wx; - out[7] = 0; - out[8] = xz + wy; - out[9] = yz - wx; - out[10] = 1 - (xx + yy); - out[11] = 0; - out[12] = v[0]; - out[13] = v[1]; - out[14] = v[2]; - out[15] = 1; - return out; - } - function mat4_translate(out, a, v) { - var x = v[0], - y = v[1], - z = v[2], - a00, - a01, - a02, - a03, - a10, - a11, - a12, - a13, - a20, - a21, - a22, - a23; - if (a === out) { - out[12] = a[0] * x + a[4] * y + a[8] * z + a[12]; - out[13] = a[1] * x + a[5] * y + a[9] * z + a[13]; - out[14] = a[2] * x + a[6] * y + a[10] * z + a[14]; - out[15] = a[3] * x + a[7] * y + a[11] * z + a[15]; - } else { - a00 = a[0]; - a01 = a[1]; - a02 = a[2]; - a03 = a[3]; - a10 = a[4]; - a11 = a[5]; - a12 = a[6]; - a13 = a[7]; - a20 = a[8]; - a21 = a[9]; - a22 = a[10]; - a23 = a[11]; - out[0] = a00; - out[1] = a01; - out[2] = a02; - out[3] = a03; - out[4] = a10; - out[5] = a11; - out[6] = a12; - out[7] = a13; - out[8] = a20; - out[9] = a21; - out[10] = a22; - out[11] = a23; - out[12] = a00 * x + a10 * y + a20 * z + a[12]; - out[13] = a01 * x + a11 * y + a21 * z + a[13]; - out[14] = a02 * x + a12 * y + a22 * z + a[14]; - out[15] = a03 * x + a13 * y + a23 * z + a[15]; - } - return out; - } - function mat4_invert(out, a) { - var a00 = a[0], - a01 = a[1], - a02 = a[2], - a03 = a[3], - a10 = a[4], - a11 = a[5], - a12 = a[6], - a13 = a[7], - a20 = a[8], - a21 = a[9], - a22 = a[10], - a23 = a[11], - a30 = a[12], - a31 = a[13], - a32 = a[14], - a33 = a[15], - b00 = a00 * a11 - a01 * a10, - b01 = a00 * a12 - a02 * a10, - b02 = a00 * a13 - a03 * a10, - b03 = a01 * a12 - a02 * a11, - b04 = a01 * a13 - a03 * a11, - b05 = a02 * a13 - a03 * a12, - b06 = a20 * a31 - a21 * a30, - b07 = a20 * a32 - a22 * a30, - b08 = a20 * a33 - a23 * a30, - b09 = a21 * a32 - a22 * a31, - b10 = a21 * a33 - a23 * a31, - b11 = a22 * a33 - a23 * a32, - det = - b00 * b11 - - b01 * b10 + - b02 * b09 + - b03 * b08 - - b04 * b07 + - b05 * b06; - if (!det) { - return null; - } - det = 1.0 / det; - out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det; - out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det; - out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det; - out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det; - out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det; - out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det; - out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det; - out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det; - out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det; - out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det; - out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det; - out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det; - out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det; - out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det; - out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det; - out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det; - return out; - } - var defaultOrientation = new Float32Array([0, 0, 0, 1]); - var defaultPosition = new Float32Array([0, 0, 0]); - function updateEyeMatrices( - projection, - view, - pose, - fov, - offset, - vrDisplay - ) { - mat4_perspectiveFromFieldOfView( - projection, - fov || null, - vrDisplay.depthNear, - vrDisplay.depthFar - ); - var orientation = pose.orientation || defaultOrientation; - var position = pose.position || defaultPosition; - mat4_fromRotationTranslation(view, orientation, position); - if (offset) mat4_translate(view, view, offset); - mat4_invert(view, view); - } - return function (frameData, pose, vrDisplay) { - if (!frameData || !pose) return false; - frameData.pose = pose; - frameData.timestamp = pose.timestamp; - updateEyeMatrices( - frameData.leftProjectionMatrix, - frameData.leftViewMatrix, - pose, - vrDisplay._getFieldOfView("left"), - vrDisplay._getEyeOffset("left"), - vrDisplay - ); - updateEyeMatrices( - frameData.rightProjectionMatrix, - frameData.rightViewMatrix, - pose, - vrDisplay._getFieldOfView("right"), - vrDisplay._getEyeOffset("right"), - vrDisplay - ); - return true; - }; - })(); - var isInsideCrossOriginIFrame = function isInsideCrossOriginIFrame() { - var isFramed = window.self !== window.top; - var refOrigin = getOriginFromUrl(document.referrer); - var thisOrigin = getOriginFromUrl(window.location.href); - return isFramed && refOrigin !== thisOrigin; - }; - var getOriginFromUrl = function getOriginFromUrl(url) { - var domainIdx; - var protoSepIdx = url.indexOf("://"); - if (protoSepIdx !== -1) { - domainIdx = protoSepIdx + 3; - } else { - domainIdx = 0; - } - var domainEndIdx = url.indexOf("/", domainIdx); - if (domainEndIdx === -1) { - domainEndIdx = url.length; - } - return url.substring(0, domainEndIdx); - }; - var getQuaternionAngle = function getQuaternionAngle(quat) { - if (quat.w > 1) { - console.warn("getQuaternionAngle: w > 1"); - return 0; - } - var angle = 2 * Math.acos(quat.w); - return angle; - }; - var warnOnce = (function () { - var observedWarnings = {}; - return function (key, message) { - if (observedWarnings[key] === undefined) { - console.warn("webvr-polyfill: " + message); - observedWarnings[key] = true; - } - }; - })(); - var deprecateWarning = function deprecateWarning( - deprecated, - suggested - ) { - var alternative = suggested - ? "Please use " + suggested + " instead." - : ""; - warnOnce( - deprecated, - deprecated + - " has been deprecated. " + - "This may not work on native WebVR displays. " + - alternative - ); - }; - function WGLUPreserveGLState(gl, bindings, callback) { - if (!bindings) { - callback(gl); - return; - } - var boundValues = []; - var activeTexture = null; - for (var i = 0; i < bindings.length; ++i) { - var binding = bindings[i]; - switch (binding) { - case gl.TEXTURE_BINDING_2D: - case gl.TEXTURE_BINDING_CUBE_MAP: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) { - console.error( - "TEXTURE_BINDING_2D or TEXTURE_BINDING_CUBE_MAP must be followed by a valid texture unit" - ); - boundValues.push(null, null); - break; - } - if (!activeTexture) { - activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); - } - gl.activeTexture(textureUnit); - boundValues.push(gl.getParameter(binding), null); - break; - case gl.ACTIVE_TEXTURE: - activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); - boundValues.push(null); - break; - default: - boundValues.push(gl.getParameter(binding)); - break; - } - } - callback(gl); - for (var i = 0; i < bindings.length; ++i) { - var binding = bindings[i]; - var boundValue = boundValues[i]; - switch (binding) { - case gl.ACTIVE_TEXTURE: - break; - case gl.ARRAY_BUFFER_BINDING: - gl.bindBuffer(gl.ARRAY_BUFFER, boundValue); - break; - case gl.COLOR_CLEAR_VALUE: - gl.clearColor( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.COLOR_WRITEMASK: - gl.colorMask( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.CURRENT_PROGRAM: - gl.useProgram(boundValue); - break; - case gl.ELEMENT_ARRAY_BUFFER_BINDING: - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, boundValue); - break; - case gl.FRAMEBUFFER_BINDING: - gl.bindFramebuffer(gl.FRAMEBUFFER, boundValue); - break; - case gl.RENDERBUFFER_BINDING: - gl.bindRenderbuffer(gl.RENDERBUFFER, boundValue); - break; - case gl.TEXTURE_BINDING_2D: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) - break; - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, boundValue); - break; - case gl.TEXTURE_BINDING_CUBE_MAP: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) - break; - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_CUBE_MAP, boundValue); - break; - case gl.VIEWPORT: - gl.viewport( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.BLEND: - case gl.CULL_FACE: - case gl.DEPTH_TEST: - case gl.SCISSOR_TEST: - case gl.STENCIL_TEST: - if (boundValue) { - gl.enable(binding); - } else { - gl.disable(binding); - } - break; - default: - console.log( - "No GL restore behavior for 0x" + binding.toString(16) - ); - break; - } - if (activeTexture) { - gl.activeTexture(activeTexture); - } - } - } - var glPreserveState = WGLUPreserveGLState; - var distortionVS = [ - "attribute vec2 position;", - "attribute vec3 texCoord;", - "varying vec2 vTexCoord;", - "uniform vec4 viewportOffsetScale[2];", - "void main() {", - " vec4 viewport = viewportOffsetScale[int(texCoord.z)];", - " vTexCoord = (texCoord.xy * viewport.zw) + viewport.xy;", - " gl_Position = vec4( position, 1.0, 1.0 );", - "}", - ].join("\n"); - var distortionFS = [ - "precision mediump float;", - "uniform sampler2D diffuse;", - "varying vec2 vTexCoord;", - "void main() {", - " gl_FragColor = texture2D(diffuse, vTexCoord);", - "}", - ].join("\n"); - function CardboardDistorter( - gl, - cardboardUI, - bufferScale, - dirtySubmitFrameBindings - ) { - this.gl = gl; - this.cardboardUI = cardboardUI; - this.bufferScale = bufferScale; - this.dirtySubmitFrameBindings = dirtySubmitFrameBindings; - this.ctxAttribs = gl.getContextAttributes(); - this.meshWidth = 20; - this.meshHeight = 20; - this.bufferWidth = gl.drawingBufferWidth; - this.bufferHeight = gl.drawingBufferHeight; - this.realBindFramebuffer = gl.bindFramebuffer; - this.realEnable = gl.enable; - this.realDisable = gl.disable; - this.realColorMask = gl.colorMask; - this.realClearColor = gl.clearColor; - this.realViewport = gl.viewport; - if (!isIOS()) { - this.realCanvasWidth = Object.getOwnPropertyDescriptor( - gl.canvas.__proto__, - "width" - ); - this.realCanvasHeight = Object.getOwnPropertyDescriptor( - gl.canvas.__proto__, - "height" - ); - } - this.isPatched = false; - this.lastBoundFramebuffer = null; - this.cullFace = false; - this.depthTest = false; - this.blend = false; - this.scissorTest = false; - this.stencilTest = false; - this.viewport = [0, 0, 0, 0]; - this.colorMask = [true, true, true, true]; - this.clearColor = [0, 0, 0, 0]; - this.attribs = { - position: 0, - texCoord: 1, - }; - this.program = linkProgram( - gl, - distortionVS, - distortionFS, - this.attribs - ); - this.uniforms = getProgramUniforms(gl, this.program); - this.viewportOffsetScale = new Float32Array(8); - this.setTextureBounds(); - this.vertexBuffer = gl.createBuffer(); - this.indexBuffer = gl.createBuffer(); - this.indexCount = 0; - this.renderTarget = gl.createTexture(); - this.framebuffer = gl.createFramebuffer(); - this.depthStencilBuffer = null; - this.depthBuffer = null; - this.stencilBuffer = null; - if (this.ctxAttribs.depth && this.ctxAttribs.stencil) { - this.depthStencilBuffer = gl.createRenderbuffer(); - } else if (this.ctxAttribs.depth) { - this.depthBuffer = gl.createRenderbuffer(); - } else if (this.ctxAttribs.stencil) { - this.stencilBuffer = gl.createRenderbuffer(); - } - this.patch(); - this.onResize(); - } - CardboardDistorter.prototype.destroy = function () { - var gl = this.gl; - this.unpatch(); - gl.deleteProgram(this.program); - gl.deleteBuffer(this.vertexBuffer); - gl.deleteBuffer(this.indexBuffer); - gl.deleteTexture(this.renderTarget); - gl.deleteFramebuffer(this.framebuffer); - if (this.depthStencilBuffer) { - gl.deleteRenderbuffer(this.depthStencilBuffer); - } - if (this.depthBuffer) { - gl.deleteRenderbuffer(this.depthBuffer); - } - if (this.stencilBuffer) { - gl.deleteRenderbuffer(this.stencilBuffer); - } - if (this.cardboardUI) { - this.cardboardUI.destroy(); - } - }; - CardboardDistorter.prototype.onResize = function () { - var gl = this.gl; - var self = this; - var glState = [ - gl.RENDERBUFFER_BINDING, - gl.TEXTURE_BINDING_2D, - gl.TEXTURE0, - ]; - glPreserveState(gl, glState, function (gl) { - self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); - if (self.scissorTest) { - self.realDisable.call(gl, gl.SCISSOR_TEST); - } - self.realColorMask.call(gl, true, true, true, true); - self.realViewport.call( - gl, - 0, - 0, - gl.drawingBufferWidth, - gl.drawingBufferHeight - ); - self.realClearColor.call(gl, 0, 0, 0, 1); - gl.clear(gl.COLOR_BUFFER_BIT); - self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, self.framebuffer); - gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); - gl.texImage2D( - gl.TEXTURE_2D, - 0, - self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, - self.bufferWidth, - self.bufferHeight, - 0, - self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, - gl.UNSIGNED_BYTE, - null - ); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); - gl.texParameteri( - gl.TEXTURE_2D, - gl.TEXTURE_WRAP_S, - gl.CLAMP_TO_EDGE - ); - gl.texParameteri( - gl.TEXTURE_2D, - gl.TEXTURE_WRAP_T, - gl.CLAMP_TO_EDGE - ); - gl.framebufferTexture2D( - gl.FRAMEBUFFER, - gl.COLOR_ATTACHMENT0, - gl.TEXTURE_2D, - self.renderTarget, - 0 - ); - if (self.ctxAttribs.depth && self.ctxAttribs.stencil) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthStencilBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.DEPTH_STENCIL, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.DEPTH_STENCIL_ATTACHMENT, - gl.RENDERBUFFER, - self.depthStencilBuffer - ); - } else if (self.ctxAttribs.depth) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.DEPTH_COMPONENT16, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.DEPTH_ATTACHMENT, - gl.RENDERBUFFER, - self.depthBuffer - ); - } else if (self.ctxAttribs.stencil) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.stencilBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.STENCIL_INDEX8, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.STENCIL_ATTACHMENT, - gl.RENDERBUFFER, - self.stencilBuffer - ); - } - if ( - !gl.checkFramebufferStatus(gl.FRAMEBUFFER) === - gl.FRAMEBUFFER_COMPLETE - ) { - console.error("Framebuffer incomplete!"); - } - self.realBindFramebuffer.call( - gl, - gl.FRAMEBUFFER, - self.lastBoundFramebuffer - ); - if (self.scissorTest) { - self.realEnable.call(gl, gl.SCISSOR_TEST); - } - self.realColorMask.apply(gl, self.colorMask); - self.realViewport.apply(gl, self.viewport); - self.realClearColor.apply(gl, self.clearColor); - }); - if (this.cardboardUI) { - this.cardboardUI.onResize(); - } - }; - CardboardDistorter.prototype.patch = function () { - if (this.isPatched) { - return; - } - var self = this; - var canvas = this.gl.canvas; - var gl = this.gl; - if (!isIOS()) { - canvas.width = getScreenWidth() * this.bufferScale; - canvas.height = getScreenHeight() * this.bufferScale; - Object.defineProperty(canvas, "width", { - configurable: true, - enumerable: true, - get: function get() { - return self.bufferWidth; - }, - set: function set(value) { - self.bufferWidth = value; - self.realCanvasWidth.set.call(canvas, value); - self.onResize(); - }, - }); - Object.defineProperty(canvas, "height", { - configurable: true, - enumerable: true, - get: function get() { - return self.bufferHeight; - }, - set: function set(value) { - self.bufferHeight = value; - self.realCanvasHeight.set.call(canvas, value); - self.onResize(); - }, - }); - } - this.lastBoundFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING); - if (this.lastBoundFramebuffer == null) { - this.lastBoundFramebuffer = this.framebuffer; - this.gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer); - } - this.gl.bindFramebuffer = function (target, framebuffer) { - self.lastBoundFramebuffer = framebuffer - ? framebuffer - : self.framebuffer; - self.realBindFramebuffer.call( - gl, - target, - self.lastBoundFramebuffer - ); - }; - this.cullFace = gl.getParameter(gl.CULL_FACE); - this.depthTest = gl.getParameter(gl.DEPTH_TEST); - this.blend = gl.getParameter(gl.BLEND); - this.scissorTest = gl.getParameter(gl.SCISSOR_TEST); - this.stencilTest = gl.getParameter(gl.STENCIL_TEST); - gl.enable = function (pname) { - switch (pname) { - case gl.CULL_FACE: - self.cullFace = true; - break; - case gl.DEPTH_TEST: - self.depthTest = true; - break; - case gl.BLEND: - self.blend = true; - break; - case gl.SCISSOR_TEST: - self.scissorTest = true; - break; - case gl.STENCIL_TEST: - self.stencilTest = true; - break; - } - self.realEnable.call(gl, pname); - }; - gl.disable = function (pname) { - switch (pname) { - case gl.CULL_FACE: - self.cullFace = false; - break; - case gl.DEPTH_TEST: - self.depthTest = false; - break; - case gl.BLEND: - self.blend = false; - break; - case gl.SCISSOR_TEST: - self.scissorTest = false; - break; - case gl.STENCIL_TEST: - self.stencilTest = false; - break; - } - self.realDisable.call(gl, pname); - }; - this.colorMask = gl.getParameter(gl.COLOR_WRITEMASK); - gl.colorMask = function (r, g, b, a) { - self.colorMask[0] = r; - self.colorMask[1] = g; - self.colorMask[2] = b; - self.colorMask[3] = a; - self.realColorMask.call(gl, r, g, b, a); - }; - this.clearColor = gl.getParameter(gl.COLOR_CLEAR_VALUE); - gl.clearColor = function (r, g, b, a) { - self.clearColor[0] = r; - self.clearColor[1] = g; - self.clearColor[2] = b; - self.clearColor[3] = a; - self.realClearColor.call(gl, r, g, b, a); - }; - this.viewport = gl.getParameter(gl.VIEWPORT); - gl.viewport = function (x, y, w, h) { - self.viewport[0] = x; - self.viewport[1] = y; - self.viewport[2] = w; - self.viewport[3] = h; - self.realViewport.call(gl, x, y, w, h); - }; - this.isPatched = true; - safariCssSizeWorkaround(canvas); - }; - CardboardDistorter.prototype.unpatch = function () { - if (!this.isPatched) { - return; - } - var gl = this.gl; - var canvas = this.gl.canvas; - if (!isIOS()) { - Object.defineProperty(canvas, "width", this.realCanvasWidth); - Object.defineProperty(canvas, "height", this.realCanvasHeight); - } - canvas.width = this.bufferWidth; - canvas.height = this.bufferHeight; - gl.bindFramebuffer = this.realBindFramebuffer; - gl.enable = this.realEnable; - gl.disable = this.realDisable; - gl.colorMask = this.realColorMask; - gl.clearColor = this.realClearColor; - gl.viewport = this.realViewport; - if (this.lastBoundFramebuffer == this.framebuffer) { - gl.bindFramebuffer(gl.FRAMEBUFFER, null); - } - this.isPatched = false; - setTimeout(function () { - safariCssSizeWorkaround(canvas); - }, 1); - }; - CardboardDistorter.prototype.setTextureBounds = function ( - leftBounds, - rightBounds - ) { - if (!leftBounds) { - leftBounds = [0, 0, 0.5, 1]; - } - if (!rightBounds) { - rightBounds = [0.5, 0, 0.5, 1]; - } - this.viewportOffsetScale[0] = leftBounds[0]; - this.viewportOffsetScale[1] = leftBounds[1]; - this.viewportOffsetScale[2] = leftBounds[2]; - this.viewportOffsetScale[3] = leftBounds[3]; - this.viewportOffsetScale[4] = rightBounds[0]; - this.viewportOffsetScale[5] = rightBounds[1]; - this.viewportOffsetScale[6] = rightBounds[2]; - this.viewportOffsetScale[7] = rightBounds[3]; - }; - CardboardDistorter.prototype.submitFrame = function () { - var gl = this.gl; - var self = this; - var glState = []; - if (!this.dirtySubmitFrameBindings) { - glState.push( - gl.CURRENT_PROGRAM, - gl.ARRAY_BUFFER_BINDING, - gl.ELEMENT_ARRAY_BUFFER_BINDING, - gl.TEXTURE_BINDING_2D, - gl.TEXTURE0 - ); - } - glPreserveState(gl, glState, function (gl) { - self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); - if (self.cullFace) { - self.realDisable.call(gl, gl.CULL_FACE); - } - if (self.depthTest) { - self.realDisable.call(gl, gl.DEPTH_TEST); - } - if (self.blend) { - self.realDisable.call(gl, gl.BLEND); - } - if (self.scissorTest) { - self.realDisable.call(gl, gl.SCISSOR_TEST); - } - if (self.stencilTest) { - self.realDisable.call(gl, gl.STENCIL_TEST); - } - self.realColorMask.call(gl, true, true, true, true); - self.realViewport.call( - gl, - 0, - 0, - gl.drawingBufferWidth, - gl.drawingBufferHeight - ); - if (self.ctxAttribs.alpha || isIOS()) { - self.realClearColor.call(gl, 0, 0, 0, 1); - gl.clear(gl.COLOR_BUFFER_BIT); - } - gl.useProgram(self.program); - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.enableVertexAttribArray(self.attribs.position); - gl.enableVertexAttribArray(self.attribs.texCoord); - gl.vertexAttribPointer( - self.attribs.position, - 2, - gl.FLOAT, - false, - 20, - 0 - ); - gl.vertexAttribPointer( - self.attribs.texCoord, - 3, - gl.FLOAT, - false, - 20, - 8 - ); - gl.activeTexture(gl.TEXTURE0); - gl.uniform1i(self.uniforms.diffuse, 0); - gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); - gl.uniform4fv( - self.uniforms.viewportOffsetScale, - self.viewportOffsetScale - ); - gl.drawElements( - gl.TRIANGLES, - self.indexCount, - gl.UNSIGNED_SHORT, - 0 - ); - if (self.cardboardUI) { - self.cardboardUI.renderNoState(); - } - self.realBindFramebuffer.call( - self.gl, - gl.FRAMEBUFFER, - self.framebuffer - ); - if (!self.ctxAttribs.preserveDrawingBuffer) { - self.realClearColor.call(gl, 0, 0, 0, 0); - gl.clear(gl.COLOR_BUFFER_BIT); - } - if (!self.dirtySubmitFrameBindings) { - self.realBindFramebuffer.call( - gl, - gl.FRAMEBUFFER, - self.lastBoundFramebuffer - ); - } - if (self.cullFace) { - self.realEnable.call(gl, gl.CULL_FACE); - } - if (self.depthTest) { - self.realEnable.call(gl, gl.DEPTH_TEST); - } - if (self.blend) { - self.realEnable.call(gl, gl.BLEND); - } - if (self.scissorTest) { - self.realEnable.call(gl, gl.SCISSOR_TEST); - } - if (self.stencilTest) { - self.realEnable.call(gl, gl.STENCIL_TEST); - } - self.realColorMask.apply(gl, self.colorMask); - self.realViewport.apply(gl, self.viewport); - if ( - self.ctxAttribs.alpha || - !self.ctxAttribs.preserveDrawingBuffer - ) { - self.realClearColor.apply(gl, self.clearColor); - } - }); - if (isIOS()) { - var canvas = gl.canvas; - if ( - canvas.width != self.bufferWidth || - canvas.height != self.bufferHeight - ) { - self.bufferWidth = canvas.width; - self.bufferHeight = canvas.height; - self.onResize(); - } - } - }; - CardboardDistorter.prototype.updateDeviceInfo = function (deviceInfo) { - var gl = this.gl; - var self = this; - var glState = [ - gl.ARRAY_BUFFER_BINDING, - gl.ELEMENT_ARRAY_BUFFER_BINDING, - ]; - glPreserveState(gl, glState, function (gl) { - var vertices = self.computeMeshVertices_( - self.meshWidth, - self.meshHeight, - deviceInfo - ); - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW); - if (!self.indexCount) { - var indices = self.computeMeshIndices_( - self.meshWidth, - self.meshHeight - ); - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); - gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW); - self.indexCount = indices.length; - } - }); - }; - CardboardDistorter.prototype.computeMeshVertices_ = function ( - width, - height, - deviceInfo - ) { - var vertices = new Float32Array(2 * width * height * 5); - var lensFrustum = deviceInfo.getLeftEyeVisibleTanAngles(); - var noLensFrustum = deviceInfo.getLeftEyeNoLensTanAngles(); - var viewport = deviceInfo.getLeftEyeVisibleScreenRect(noLensFrustum); - var vidx = 0; - for (var e = 0; e < 2; e++) { - for (var j = 0; j < height; j++) { - for (var i = 0; i < width; i++, vidx++) { - var u = i / (width - 1); - var v = j / (height - 1); - var s = u; - var t = v; - var x = lerp(lensFrustum[0], lensFrustum[2], u); - var y = lerp(lensFrustum[3], lensFrustum[1], v); - var d = Math.sqrt(x * x + y * y); - var r = deviceInfo.distortion.distortInverse(d); - var p = (x * r) / d; - var q = (y * r) / d; - u = - (p - noLensFrustum[0]) / - (noLensFrustum[2] - noLensFrustum[0]); - v = - (q - noLensFrustum[3]) / - (noLensFrustum[1] - noLensFrustum[3]); - u = (viewport.x + u * viewport.width - 0.5) * 2.0; - v = (viewport.y + v * viewport.height - 0.5) * 2.0; - vertices[vidx * 5 + 0] = u; - vertices[vidx * 5 + 1] = v; - vertices[vidx * 5 + 2] = s; - vertices[vidx * 5 + 3] = t; - vertices[vidx * 5 + 4] = e; - } - } - var w = lensFrustum[2] - lensFrustum[0]; - lensFrustum[0] = -(w + lensFrustum[0]); - lensFrustum[2] = w - lensFrustum[2]; - w = noLensFrustum[2] - noLensFrustum[0]; - noLensFrustum[0] = -(w + noLensFrustum[0]); - noLensFrustum[2] = w - noLensFrustum[2]; - viewport.x = 1 - (viewport.x + viewport.width); - } - return vertices; - }; - CardboardDistorter.prototype.computeMeshIndices_ = function ( - width, - height - ) { - var indices = new Uint16Array(2 * (width - 1) * (height - 1) * 6); - var halfwidth = width / 2; - var halfheight = height / 2; - var vidx = 0; - var iidx = 0; - for (var e = 0; e < 2; e++) { - for (var j = 0; j < height; j++) { - for (var i = 0; i < width; i++, vidx++) { - if (i == 0 || j == 0) continue; - if (i <= halfwidth == j <= halfheight) { - indices[iidx++] = vidx; - indices[iidx++] = vidx - width - 1; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx - width - 1; - indices[iidx++] = vidx; - indices[iidx++] = vidx - 1; - } else { - indices[iidx++] = vidx - 1; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx - 1; - indices[iidx++] = vidx - width - 1; - } - } - } - } - return indices; - }; - CardboardDistorter.prototype.getOwnPropertyDescriptor_ = function ( - proto, - attrName - ) { - var descriptor = Object.getOwnPropertyDescriptor(proto, attrName); - if (descriptor.get === undefined || descriptor.set === undefined) { - descriptor.configurable = true; - descriptor.enumerable = true; - descriptor.get = function () { - return this.getAttribute(attrName); - }; - descriptor.set = function (val) { - this.setAttribute(attrName, val); - }; - } - return descriptor; - }; - var uiVS = [ - "attribute vec2 position;", - "uniform mat4 projectionMat;", - "void main() {", - " gl_Position = projectionMat * vec4( position, -1.0, 1.0 );", - "}", - ].join("\n"); - var uiFS = [ - "precision mediump float;", - "uniform vec4 color;", - "void main() {", - " gl_FragColor = color;", - "}", - ].join("\n"); - var DEG2RAD = Math.PI / 180.0; - var kAnglePerGearSection = 60; - var kOuterRimEndAngle = 12; - var kInnerRimBeginAngle = 20; - var kOuterRadius = 1; - var kMiddleRadius = 0.75; - var kInnerRadius = 0.3125; - var kCenterLineThicknessDp = 4; - var kButtonWidthDp = 28; - var kTouchSlopFactor = 1.5; - function CardboardUI(gl) { - this.gl = gl; - this.attribs = { - position: 0, - }; - this.program = linkProgram(gl, uiVS, uiFS, this.attribs); - this.uniforms = getProgramUniforms(gl, this.program); - this.vertexBuffer = gl.createBuffer(); - this.gearOffset = 0; - this.gearVertexCount = 0; - this.arrowOffset = 0; - this.arrowVertexCount = 0; - this.projMat = new Float32Array(16); - this.listener = null; - this.onResize(); - } - CardboardUI.prototype.destroy = function () { - var gl = this.gl; - if (this.listener) { - gl.canvas.removeEventListener("click", this.listener, false); - } - gl.deleteProgram(this.program); - gl.deleteBuffer(this.vertexBuffer); - }; - CardboardUI.prototype.listen = function ( - optionsCallback, - backCallback - ) { - var canvas = this.gl.canvas; - this.listener = function (event) { - var midline = canvas.clientWidth / 2; - var buttonSize = kButtonWidthDp * kTouchSlopFactor; - if ( - event.clientX > midline - buttonSize && - event.clientX < midline + buttonSize && - event.clientY > canvas.clientHeight - buttonSize - ) { - optionsCallback(event); - } else if ( - event.clientX < buttonSize && - event.clientY < buttonSize - ) { - backCallback(event); - } - }; - canvas.addEventListener("click", this.listener, false); - }; - CardboardUI.prototype.onResize = function () { - var gl = this.gl; - var self = this; - var glState = [gl.ARRAY_BUFFER_BINDING]; - glPreserveState(gl, glState, function (gl) { - var vertices = []; - var midline = gl.drawingBufferWidth / 2; - var physicalPixels = - Math.max(screen.width, screen.height) * window.devicePixelRatio; - var scalingRatio = gl.drawingBufferWidth / physicalPixels; - var dps = scalingRatio * window.devicePixelRatio; - var lineWidth = (kCenterLineThicknessDp * dps) / 2; - var buttonSize = kButtonWidthDp * kTouchSlopFactor * dps; - var buttonScale = (kButtonWidthDp * dps) / 2; - var buttonBorder = - (kButtonWidthDp * kTouchSlopFactor - kButtonWidthDp) * dps; - vertices.push(midline - lineWidth, buttonSize); - vertices.push(midline - lineWidth, gl.drawingBufferHeight); - vertices.push(midline + lineWidth, buttonSize); - vertices.push(midline + lineWidth, gl.drawingBufferHeight); - self.gearOffset = vertices.length / 2; - function addGearSegment(theta, r) { - var angle = (90 - theta) * DEG2RAD; - var x = Math.cos(angle); - var y = Math.sin(angle); - vertices.push( - kInnerRadius * x * buttonScale + midline, - kInnerRadius * y * buttonScale + buttonScale - ); - vertices.push( - r * x * buttonScale + midline, - r * y * buttonScale + buttonScale - ); - } - for (var i = 0; i <= 6; i++) { - var segmentTheta = i * kAnglePerGearSection; - addGearSegment(segmentTheta, kOuterRadius); - addGearSegment(segmentTheta + kOuterRimEndAngle, kOuterRadius); - addGearSegment(segmentTheta + kInnerRimBeginAngle, kMiddleRadius); - addGearSegment( - segmentTheta + (kAnglePerGearSection - kInnerRimBeginAngle), - kMiddleRadius - ); - addGearSegment( - segmentTheta + (kAnglePerGearSection - kOuterRimEndAngle), - kOuterRadius - ); - } - self.gearVertexCount = vertices.length / 2 - self.gearOffset; - self.arrowOffset = vertices.length / 2; - function addArrowVertex(x, y) { - vertices.push( - buttonBorder + x, - gl.drawingBufferHeight - buttonBorder - y - ); - } - var angledLineWidth = lineWidth / Math.sin(45 * DEG2RAD); - addArrowVertex(0, buttonScale); - addArrowVertex(buttonScale, 0); - addArrowVertex(buttonScale + angledLineWidth, angledLineWidth); - addArrowVertex(angledLineWidth, buttonScale + angledLineWidth); - addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); - addArrowVertex(0, buttonScale); - addArrowVertex(buttonScale, buttonScale * 2); - addArrowVertex( - buttonScale + angledLineWidth, - buttonScale * 2 - angledLineWidth - ); - addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); - addArrowVertex(0, buttonScale); - addArrowVertex(angledLineWidth, buttonScale - lineWidth); - addArrowVertex(kButtonWidthDp * dps, buttonScale - lineWidth); - addArrowVertex(angledLineWidth, buttonScale + lineWidth); - addArrowVertex(kButtonWidthDp * dps, buttonScale + lineWidth); - self.arrowVertexCount = vertices.length / 2 - self.arrowOffset; - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.bufferData( - gl.ARRAY_BUFFER, - new Float32Array(vertices), - gl.STATIC_DRAW - ); - }); - }; - CardboardUI.prototype.render = function () { - var gl = this.gl; - var self = this; - var glState = [ - gl.CULL_FACE, - gl.DEPTH_TEST, - gl.BLEND, - gl.SCISSOR_TEST, - gl.STENCIL_TEST, - gl.COLOR_WRITEMASK, - gl.VIEWPORT, - gl.CURRENT_PROGRAM, - gl.ARRAY_BUFFER_BINDING, - ]; - glPreserveState(gl, glState, function (gl) { - gl.disable(gl.CULL_FACE); - gl.disable(gl.DEPTH_TEST); - gl.disable(gl.BLEND); - gl.disable(gl.SCISSOR_TEST); - gl.disable(gl.STENCIL_TEST); - gl.colorMask(true, true, true, true); - gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); - self.renderNoState(); - }); - }; - CardboardUI.prototype.renderNoState = function () { - var gl = this.gl; - gl.useProgram(this.program); - gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer); - gl.enableVertexAttribArray(this.attribs.position); - gl.vertexAttribPointer( - this.attribs.position, - 2, - gl.FLOAT, - false, - 8, - 0 - ); - gl.uniform4f(this.uniforms.color, 1.0, 1.0, 1.0, 1.0); - orthoMatrix( - this.projMat, - 0, - gl.drawingBufferWidth, - 0, - gl.drawingBufferHeight, - 0.1, - 1024.0 - ); - gl.uniformMatrix4fv(this.uniforms.projectionMat, false, this.projMat); - gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); - gl.drawArrays( - gl.TRIANGLE_STRIP, - this.gearOffset, - this.gearVertexCount - ); - gl.drawArrays( - gl.TRIANGLE_STRIP, - this.arrowOffset, - this.arrowVertexCount - ); - }; - function Distortion(coefficients) { - this.coefficients = coefficients; - } - Distortion.prototype.distortInverse = function (radius) { - var r0 = 0; - var r1 = 1; - var dr0 = radius - this.distort(r0); - while (Math.abs(r1 - r0) > 0.0001) { - var dr1 = radius - this.distort(r1); - var r2 = r1 - dr1 * ((r1 - r0) / (dr1 - dr0)); - r0 = r1; - r1 = r2; - dr0 = dr1; - } - return r1; - }; - Distortion.prototype.distort = function (radius) { - var r2 = radius * radius; - var ret = 0; - for (var i = 0; i < this.coefficients.length; i++) { - ret = r2 * (ret + this.coefficients[i]); - } - return (ret + 1) * radius; - }; - var degToRad = Math.PI / 180; - var radToDeg = 180 / Math.PI; - var Vector3$$1 = function Vector3$$1(x, y, z) { - this.x = x || 0; - this.y = y || 0; - this.z = z || 0; - }; - Vector3$$1.prototype = { - constructor: Vector3$$1, - set: function set(x, y, z) { - this.x = x; - this.y = y; - this.z = z; - return this; - }, - copy: function copy(v) { - this.x = v.x; - this.y = v.y; - this.z = v.z; - return this; - }, - length: function length() { - return Math.sqrt( - this.x * this.x + this.y * this.y + this.z * this.z - ); - }, - normalize: function normalize() { - var scalar = this.length(); - if (scalar !== 0) { - var invScalar = 1 / scalar; - this.multiplyScalar(invScalar); - } else { - this.x = 0; - this.y = 0; - this.z = 0; - } - return this; - }, - multiplyScalar: function multiplyScalar(scalar) { - this.x *= scalar; - this.y *= scalar; - this.z *= scalar; - }, - applyQuaternion: function applyQuaternion(q) { - var x = this.x; - var y = this.y; - var z = this.z; - var qx = q.x; - var qy = q.y; - var qz = q.z; - var qw = q.w; - var ix = qw * x + qy * z - qz * y; - var iy = qw * y + qz * x - qx * z; - var iz = qw * z + qx * y - qy * x; - var iw = -qx * x - qy * y - qz * z; - this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy; - this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz; - this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx; - return this; - }, - dot: function dot(v) { - return this.x * v.x + this.y * v.y + this.z * v.z; - }, - crossVectors: function crossVectors(a, b) { - var ax = a.x, - ay = a.y, - az = a.z; - var bx = b.x, - by = b.y, - bz = b.z; - this.x = ay * bz - az * by; - this.y = az * bx - ax * bz; - this.z = ax * by - ay * bx; - return this; - }, - }; - var Quaternion$$1 = function Quaternion$$1(x, y, z, w) { - this.x = x || 0; - this.y = y || 0; - this.z = z || 0; - this.w = w !== undefined ? w : 1; - }; - Quaternion$$1.prototype = { - constructor: Quaternion$$1, - set: function set(x, y, z, w) { - this.x = x; - this.y = y; - this.z = z; - this.w = w; - return this; - }, - copy: function copy(quaternion) { - this.x = quaternion.x; - this.y = quaternion.y; - this.z = quaternion.z; - this.w = quaternion.w; - return this; - }, - setFromEulerXYZ: function setFromEulerXYZ(x, y, z) { - var c1 = Math.cos(x / 2); - var c2 = Math.cos(y / 2); - var c3 = Math.cos(z / 2); - var s1 = Math.sin(x / 2); - var s2 = Math.sin(y / 2); - var s3 = Math.sin(z / 2); - this.x = s1 * c2 * c3 + c1 * s2 * s3; - this.y = c1 * s2 * c3 - s1 * c2 * s3; - this.z = c1 * c2 * s3 + s1 * s2 * c3; - this.w = c1 * c2 * c3 - s1 * s2 * s3; - return this; - }, - setFromEulerYXZ: function setFromEulerYXZ(x, y, z) { - var c1 = Math.cos(x / 2); - var c2 = Math.cos(y / 2); - var c3 = Math.cos(z / 2); - var s1 = Math.sin(x / 2); - var s2 = Math.sin(y / 2); - var s3 = Math.sin(z / 2); - this.x = s1 * c2 * c3 + c1 * s2 * s3; - this.y = c1 * s2 * c3 - s1 * c2 * s3; - this.z = c1 * c2 * s3 - s1 * s2 * c3; - this.w = c1 * c2 * c3 + s1 * s2 * s3; - return this; - }, - setFromAxisAngle: function setFromAxisAngle(axis, angle) { - var halfAngle = angle / 2, - s = Math.sin(halfAngle); - this.x = axis.x * s; - this.y = axis.y * s; - this.z = axis.z * s; - this.w = Math.cos(halfAngle); - return this; - }, - multiply: function multiply(q) { - return this.multiplyQuaternions(this, q); - }, - multiplyQuaternions: function multiplyQuaternions(a, b) { - var qax = a.x, - qay = a.y, - qaz = a.z, - qaw = a.w; - var qbx = b.x, - qby = b.y, - qbz = b.z, - qbw = b.w; - this.x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; - this.y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; - this.z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; - this.w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; - return this; - }, - inverse: function inverse() { - this.x *= -1; - this.y *= -1; - this.z *= -1; - this.normalize(); - return this; - }, - normalize: function normalize() { - var l = Math.sqrt( - this.x * this.x + - this.y * this.y + - this.z * this.z + - this.w * this.w - ); - if (l === 0) { - this.x = 0; - this.y = 0; - this.z = 0; - this.w = 1; - } else { - l = 1 / l; - this.x = this.x * l; - this.y = this.y * l; - this.z = this.z * l; - this.w = this.w * l; - } - return this; - }, - slerp: function slerp(qb, t) { - if (t === 0) return this; - if (t === 1) return this.copy(qb); - var x = this.x, - y = this.y, - z = this.z, - w = this.w; - var cosHalfTheta = w * qb.w + x * qb.x + y * qb.y + z * qb.z; - if (cosHalfTheta < 0) { - this.w = -qb.w; - this.x = -qb.x; - this.y = -qb.y; - this.z = -qb.z; - cosHalfTheta = -cosHalfTheta; - } else { - this.copy(qb); - } - if (cosHalfTheta >= 1.0) { - this.w = w; - this.x = x; - this.y = y; - this.z = z; - return this; - } - var halfTheta = Math.acos(cosHalfTheta); - var sinHalfTheta = Math.sqrt(1.0 - cosHalfTheta * cosHalfTheta); - if (Math.abs(sinHalfTheta) < 0.001) { - this.w = 0.5 * (w + this.w); - this.x = 0.5 * (x + this.x); - this.y = 0.5 * (y + this.y); - this.z = 0.5 * (z + this.z); - return this; - } - var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, - ratioB = Math.sin(t * halfTheta) / sinHalfTheta; - this.w = w * ratioA + this.w * ratioB; - this.x = x * ratioA + this.x * ratioB; - this.y = y * ratioA + this.y * ratioB; - this.z = z * ratioA + this.z * ratioB; - return this; - }, - setFromUnitVectors: (function () { - var v1, r; - var EPS = 0.000001; - return function (vFrom, vTo) { - if (v1 === undefined) v1 = new Vector3$$1(); - r = vFrom.dot(vTo) + 1; - if (r < EPS) { - r = 0; - if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) { - v1.set(-vFrom.y, vFrom.x, 0); - } else { - v1.set(0, -vFrom.z, vFrom.y); - } - } else { - v1.crossVectors(vFrom, vTo); - } - this.x = v1.x; - this.y = v1.y; - this.z = v1.z; - this.w = r; - this.normalize(); - return this; - }; - })(), - }; - function Device(params) { - this.width = params.width || getScreenWidth(); - this.height = params.height || getScreenHeight(); - this.widthMeters = params.widthMeters; - this.heightMeters = params.heightMeters; - this.bevelMeters = params.bevelMeters; - } - var DEFAULT_ANDROID = new Device({ - widthMeters: 0.11, - heightMeters: 0.062, - bevelMeters: 0.004, - }); - var DEFAULT_IOS = new Device({ - widthMeters: 0.1038, - heightMeters: 0.0584, - bevelMeters: 0.004, - }); - var Viewers = { - CardboardV1: new CardboardViewer({ - id: "CardboardV1", - label: "Cardboard I/O 2014", - fov: 40, - interLensDistance: 0.06, - baselineLensDistance: 0.035, - screenLensDistance: 0.042, - distortionCoefficients: [0.441, 0.156], - inverseCoefficients: [ - -0.4410035, 0.42756155, -0.4804439, 0.5460139, -0.58821183, - 0.5733938, -0.48303202, 0.33299083, -0.17573841, 0.0651772, - -0.01488963, 0.001559834, - ], - }), - CardboardV2: new CardboardViewer({ - id: "CardboardV2", - label: "Cardboard I/O 2015", - fov: 60, - interLensDistance: 0.064, - baselineLensDistance: 0.035, - screenLensDistance: 0.039, - distortionCoefficients: [0.34, 0.55], - inverseCoefficients: [ - -0.33836704, -0.18162185, 0.862655, -1.2462051, 1.0560602, - -0.58208317, 0.21609078, -0.05444823, 0.009177956, -9.904169e-4, - 6.183535e-5, -1.6981803e-6, - ], - }), - }; - function DeviceInfo(deviceParams) { - this.viewer = Viewers.CardboardV2; - this.updateDeviceParams(deviceParams); - this.distortion = new Distortion(this.viewer.distortionCoefficients); - } - DeviceInfo.prototype.updateDeviceParams = function (deviceParams) { - this.device = this.determineDevice_(deviceParams) || this.device; - }; - DeviceInfo.prototype.getDevice = function () { - return this.device; - }; - DeviceInfo.prototype.setViewer = function (viewer) { - this.viewer = viewer; - this.distortion = new Distortion(this.viewer.distortionCoefficients); - }; - DeviceInfo.prototype.determineDevice_ = function (deviceParams) { - if (!deviceParams) { - if (isIOS()) { - console.warn("Using fallback iOS device measurements."); - return DEFAULT_IOS; - } else { - console.warn("Using fallback Android device measurements."); - return DEFAULT_ANDROID; - } - } - var METERS_PER_INCH = 0.0254; - var metersPerPixelX = METERS_PER_INCH / deviceParams.xdpi; - var metersPerPixelY = METERS_PER_INCH / deviceParams.ydpi; - var width = getScreenWidth(); - var height = getScreenHeight(); - return new Device({ - widthMeters: metersPerPixelX * width, - heightMeters: metersPerPixelY * height, - bevelMeters: deviceParams.bevelMm * 0.001, - }); - }; - DeviceInfo.prototype.getDistortedFieldOfViewLeftEye = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var eyeToScreenDistance = viewer.screenLensDistance; - var outerDist = (device.widthMeters - viewer.interLensDistance) / 2; - var innerDist = viewer.interLensDistance / 2; - var bottomDist = viewer.baselineLensDistance - device.bevelMeters; - var topDist = device.heightMeters - bottomDist; - var outerAngle = - radToDeg * - Math.atan(distortion.distort(outerDist / eyeToScreenDistance)); - var innerAngle = - radToDeg * - Math.atan(distortion.distort(innerDist / eyeToScreenDistance)); - var bottomAngle = - radToDeg * - Math.atan(distortion.distort(bottomDist / eyeToScreenDistance)); - var topAngle = - radToDeg * - Math.atan(distortion.distort(topDist / eyeToScreenDistance)); - return { - leftDegrees: Math.min(outerAngle, viewer.fov), - rightDegrees: Math.min(innerAngle, viewer.fov), - downDegrees: Math.min(bottomAngle, viewer.fov), - upDegrees: Math.min(topAngle, viewer.fov), - }; - }; - DeviceInfo.prototype.getLeftEyeVisibleTanAngles = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var fovLeft = Math.tan(-degToRad * viewer.fov); - var fovTop = Math.tan(degToRad * viewer.fov); - var fovRight = Math.tan(degToRad * viewer.fov); - var fovBottom = Math.tan(-degToRad * viewer.fov); - var halfWidth = device.widthMeters / 4; - var halfHeight = device.heightMeters / 2; - var verticalLensOffset = - viewer.baselineLensDistance - device.bevelMeters - halfHeight; - var centerX = viewer.interLensDistance / 2 - halfWidth; - var centerY = -verticalLensOffset; - var centerZ = viewer.screenLensDistance; - var screenLeft = distortion.distort((centerX - halfWidth) / centerZ); - var screenTop = distortion.distort((centerY + halfHeight) / centerZ); - var screenRight = distortion.distort((centerX + halfWidth) / centerZ); - var screenBottom = distortion.distort( - (centerY - halfHeight) / centerZ - ); - var result = new Float32Array(4); - result[0] = Math.max(fovLeft, screenLeft); - result[1] = Math.min(fovTop, screenTop); - result[2] = Math.min(fovRight, screenRight); - result[3] = Math.max(fovBottom, screenBottom); - return result; - }; - DeviceInfo.prototype.getLeftEyeNoLensTanAngles = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var result = new Float32Array(4); - var fovLeft = distortion.distortInverse( - Math.tan(-degToRad * viewer.fov) - ); - var fovTop = distortion.distortInverse( - Math.tan(degToRad * viewer.fov) - ); - var fovRight = distortion.distortInverse( - Math.tan(degToRad * viewer.fov) - ); - var fovBottom = distortion.distortInverse( - Math.tan(-degToRad * viewer.fov) - ); - var halfWidth = device.widthMeters / 4; - var halfHeight = device.heightMeters / 2; - var verticalLensOffset = - viewer.baselineLensDistance - device.bevelMeters - halfHeight; - var centerX = viewer.interLensDistance / 2 - halfWidth; - var centerY = -verticalLensOffset; - var centerZ = viewer.screenLensDistance; - var screenLeft = (centerX - halfWidth) / centerZ; - var screenTop = (centerY + halfHeight) / centerZ; - var screenRight = (centerX + halfWidth) / centerZ; - var screenBottom = (centerY - halfHeight) / centerZ; - result[0] = Math.max(fovLeft, screenLeft); - result[1] = Math.min(fovTop, screenTop); - result[2] = Math.min(fovRight, screenRight); - result[3] = Math.max(fovBottom, screenBottom); - return result; - }; - DeviceInfo.prototype.getLeftEyeVisibleScreenRect = function ( - undistortedFrustum - ) { - var viewer = this.viewer; - var device = this.device; - var dist = viewer.screenLensDistance; - var eyeX = (device.widthMeters - viewer.interLensDistance) / 2; - var eyeY = viewer.baselineLensDistance - device.bevelMeters; - var left = (undistortedFrustum[0] * dist + eyeX) / device.widthMeters; - var top = (undistortedFrustum[1] * dist + eyeY) / device.heightMeters; - var right = - (undistortedFrustum[2] * dist + eyeX) / device.widthMeters; - var bottom = - (undistortedFrustum[3] * dist + eyeY) / device.heightMeters; - return { - x: left, - y: bottom, - width: right - left, - height: top - bottom, - }; - }; - DeviceInfo.prototype.getFieldOfViewLeftEye = function ( - opt_isUndistorted - ) { - return opt_isUndistorted - ? this.getUndistortedFieldOfViewLeftEye() - : this.getDistortedFieldOfViewLeftEye(); - }; - DeviceInfo.prototype.getFieldOfViewRightEye = function ( - opt_isUndistorted - ) { - var fov = this.getFieldOfViewLeftEye(opt_isUndistorted); - return { - leftDegrees: fov.rightDegrees, - rightDegrees: fov.leftDegrees, - upDegrees: fov.upDegrees, - downDegrees: fov.downDegrees, - }; - }; - DeviceInfo.prototype.getUndistortedFieldOfViewLeftEye = function () { - var p = this.getUndistortedParams_(); - return { - leftDegrees: radToDeg * Math.atan(p.outerDist), - rightDegrees: radToDeg * Math.atan(p.innerDist), - downDegrees: radToDeg * Math.atan(p.bottomDist), - upDegrees: radToDeg * Math.atan(p.topDist), - }; - }; - DeviceInfo.prototype.getUndistortedViewportLeftEye = function () { - var p = this.getUndistortedParams_(); - var viewer = this.viewer; - var device = this.device; - var eyeToScreenDistance = viewer.screenLensDistance; - var screenWidth = device.widthMeters / eyeToScreenDistance; - var screenHeight = device.heightMeters / eyeToScreenDistance; - var xPxPerTanAngle = device.width / screenWidth; - var yPxPerTanAngle = device.height / screenHeight; - var x = Math.round((p.eyePosX - p.outerDist) * xPxPerTanAngle); - var y = Math.round((p.eyePosY - p.bottomDist) * yPxPerTanAngle); - return { - x: x, - y: y, - width: Math.round((p.eyePosX + p.innerDist) * xPxPerTanAngle) - x, - height: Math.round((p.eyePosY + p.topDist) * yPxPerTanAngle) - y, - }; - }; - DeviceInfo.prototype.getUndistortedParams_ = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var eyeToScreenDistance = viewer.screenLensDistance; - var halfLensDistance = - viewer.interLensDistance / 2 / eyeToScreenDistance; - var screenWidth = device.widthMeters / eyeToScreenDistance; - var screenHeight = device.heightMeters / eyeToScreenDistance; - var eyePosX = screenWidth / 2 - halfLensDistance; - var eyePosY = - (viewer.baselineLensDistance - device.bevelMeters) / - eyeToScreenDistance; - var maxFov = viewer.fov; - var viewerMax = distortion.distortInverse( - Math.tan(degToRad * maxFov) - ); - var outerDist = Math.min(eyePosX, viewerMax); - var innerDist = Math.min(halfLensDistance, viewerMax); - var bottomDist = Math.min(eyePosY, viewerMax); - var topDist = Math.min(screenHeight - eyePosY, viewerMax); - return { - outerDist: outerDist, - innerDist: innerDist, - topDist: topDist, - bottomDist: bottomDist, - eyePosX: eyePosX, - eyePosY: eyePosY, - }; - }; - function CardboardViewer(params) { - this.id = params.id; - this.label = params.label; - this.fov = params.fov; - this.interLensDistance = params.interLensDistance; - this.baselineLensDistance = params.baselineLensDistance; - this.screenLensDistance = params.screenLensDistance; - this.distortionCoefficients = params.distortionCoefficients; - this.inverseCoefficients = params.inverseCoefficients; - } - DeviceInfo.Viewers = Viewers; - var format = 1; - var last_updated = "2018-02-20T22:55:10Z"; - var devices = [ - { - type: "android", - rules: [{ mdmh: "asus/*/Nexus 7/*" }, { ua: "Nexus 7" }], - dpi: [320.8, 323], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "asus/*/ASUS_Z00AD/*" }, { ua: "ASUS_Z00AD" }], - dpi: [403, 404.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Google/*/Pixel XL/*" }, { ua: "Pixel XL" }], - dpi: [537.9, 533], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Google/*/Pixel/*" }, { ua: "Pixel" }], - dpi: [432.6, 436.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC6435LVW/*" }, { ua: "HTC6435LVW" }], - dpi: [449.7, 443.3], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One XL/*" }, { ua: "HTC One XL" }], - dpi: [315.3, 314.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "htc/*/Nexus 9/*" }, { ua: "Nexus 9" }], - dpi: 289, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One M9/*" }, { ua: "HTC One M9" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One_M8/*" }, { ua: "HTC One_M8" }], - dpi: [449.7, 447.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One/*" }, { ua: "HTC One" }], - dpi: 472.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Huawei/*/Nexus 6P/*" }, { ua: "Nexus 6P" }], - dpi: [515.1, 518], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "LENOVO/*/Lenovo PB2-690Y/*" }, - { ua: "Lenovo PB2-690Y" }, - ], - dpi: [457.2, 454.713], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 5X/*" }, { ua: "Nexus 5X" }], - dpi: [422, 419.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGMS345/*" }, { ua: "LGMS345" }], - dpi: [221.7, 219.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-D800/*" }, { ua: "LG-D800" }], - dpi: [422, 424.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-D850/*" }, { ua: "LG-D850" }], - dpi: [537.9, 541.9], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/VS985 4G/*" }, { ua: "VS985 4G" }], - dpi: [537.9, 535.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 5/*" }, { ua: "Nexus 5 B" }], - dpi: [442.4, 444.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 4/*" }, { ua: "Nexus 4" }], - dpi: [319.8, 318.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-P769/*" }, { ua: "LG-P769" }], - dpi: [240.6, 247.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGMS323/*" }, { ua: "LGMS323" }], - dpi: [206.6, 204.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGLS996/*" }, { ua: "LGLS996" }], - dpi: [403.4, 401.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Micromax/*/4560MMX/*" }, { ua: "4560MMX" }], - dpi: [240, 219.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Micromax/*/A250/*" }, { ua: "Micromax A250" }], - dpi: [480, 446.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "Micromax/*/Micromax AQ4501/*" }, - { ua: "Micromax AQ4501" }, - ], - dpi: 240, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/G5/*" }, { ua: "Moto G (5) Plus" }], - dpi: [403.4, 403], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/DROID RAZR/*" }, { ua: "DROID RAZR" }], - dpi: [368.1, 256.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT830C/*" }, { ua: "XT830C" }], - dpi: [254, 255.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1021/*" }, { ua: "XT1021" }], - dpi: [254, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1023/*" }, { ua: "XT1023" }], - dpi: [254, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1028/*" }, { ua: "XT1028" }], - dpi: [326.6, 327.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1034/*" }, { ua: "XT1034" }], - dpi: [326.6, 328.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1053/*" }, { ua: "XT1053" }], - dpi: [315.3, 316.1], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1562/*" }, { ua: "XT1562" }], - dpi: [403.4, 402.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/Nexus 6/*" }, { ua: "Nexus 6 B" }], - dpi: [494.3, 489.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1063/*" }, { ua: "XT1063" }], - dpi: [295, 296.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1064/*" }, { ua: "XT1064" }], - dpi: [295, 295.6], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1092/*" }, { ua: "XT1092" }], - dpi: [422, 424.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1095/*" }, { ua: "XT1095" }], - dpi: [422, 423.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/G4/*" }, { ua: "Moto G (4)" }], - dpi: 401, - bw: 4, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/A0001/*" }, { ua: "A0001" }], - dpi: [403.4, 401], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/ONE E1005/*" }, { ua: "ONE E1005" }], - dpi: [442.4, 441.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/ONE A2005/*" }, { ua: "ONE A2005" }], - dpi: [391.9, 405.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "OnePlus/*/ONEPLUS A5000/*" }, - { ua: "ONEPLUS A5000 " }, - ], - dpi: [403.411, 399.737], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/ONE A5010/*" }, { ua: "ONEPLUS A5010" }], - dpi: [403, 400], - bw: 2, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OPPO/*/X909/*" }, { ua: "X909" }], - dpi: [442.4, 444.1], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9082/*" }, { ua: "GT-I9082" }], - dpi: [184.7, 185.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G360P/*" }, { ua: "SM-G360P" }], - dpi: [196.7, 205.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/Nexus S/*" }, { ua: "Nexus S" }], - dpi: [234.5, 229.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300/*" }, { ua: "GT-I9300" }], - dpi: [304.8, 303.9], - bw: 5, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-T230NU/*" }, { ua: "SM-T230NU" }], - dpi: 216, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SGH-T399/*" }, { ua: "SGH-T399" }], - dpi: [217.7, 231.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SGH-M919/*" }, { ua: "SGH-M919" }], - dpi: [440.8, 437.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N9005/*" }, { ua: "SM-N9005" }], - dpi: [386.4, 387], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/SAMSUNG-SM-N900A/*" }, - { ua: "SAMSUNG-SM-N900A" }, - ], - dpi: [386.4, 387.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9500/*" }, { ua: "GT-I9500" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9505/*" }, { ua: "GT-I9505" }], - dpi: 439.4, - bw: 4, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G900F/*" }, { ua: "SM-G900F" }], - dpi: [415.6, 431.6], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G900M/*" }, { ua: "SM-G900M" }], - dpi: [415.6, 431.6], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G800F/*" }, { ua: "SM-G800F" }], - dpi: 326.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G906S/*" }, { ua: "SM-G906S" }], - dpi: [562.7, 572.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300/*" }, { ua: "GT-I9300" }], - dpi: [306.7, 304.8], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-T535/*" }, { ua: "SM-T535" }], - dpi: [142.6, 136.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920C/*" }, { ua: "SM-N920C" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920P/*" }, { ua: "SM-N920P" }], - dpi: [386.3655, 390.144], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920W8/*" }, { ua: "SM-N920W8" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300I/*" }, { ua: "GT-I9300I" }], - dpi: [304.8, 305.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9195/*" }, { ua: "GT-I9195" }], - dpi: [249.4, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SPH-L520/*" }, { ua: "SPH-L520" }], - dpi: [249.4, 255.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/SAMSUNG-SGH-I717/*" }, - { ua: "SAMSUNG-SGH-I717" }, - ], - dpi: 285.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SPH-D710/*" }, { ua: "SPH-D710" }], - dpi: [217.7, 204.2], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-N7100/*" }, { ua: "GT-N7100" }], - dpi: 265.1, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SCH-I605/*" }, { ua: "SCH-I605" }], - dpi: 265.1, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/Galaxy Nexus/*" }, - { ua: "Galaxy Nexus" }, - ], - dpi: [315.3, 314.2], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N910H/*" }, { ua: "SM-N910H" }], - dpi: [515.1, 518], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N910C/*" }, { ua: "SM-N910C" }], - dpi: [515.2, 520.2], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G130M/*" }, { ua: "SM-G130M" }], - dpi: [165.9, 164.8], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G928I/*" }, { ua: "SM-G928I" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G920F/*" }, { ua: "SM-G920F" }], - dpi: 580.6, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G920P/*" }, { ua: "SM-G920P" }], - dpi: [522.5, 577], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G925F/*" }, { ua: "SM-G925F" }], - dpi: 580.6, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G925V/*" }, { ua: "SM-G925V" }], - dpi: [522.5, 576.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G930F/*" }, { ua: "SM-G930F" }], - dpi: 576.6, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G935F/*" }, { ua: "SM-G935F" }], - dpi: 533, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G950F/*" }, { ua: "SM-G950F" }], - dpi: [562.707, 565.293], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G955U/*" }, { ua: "SM-G955U" }], - dpi: [522.514, 525.762], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/C6903/*" }, { ua: "C6903" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/D6653/*" }, { ua: "D6653" }], - dpi: [428.6, 427.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/E6653/*" }, { ua: "E6653" }], - dpi: [428.6, 425.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/E6853/*" }, { ua: "E6853" }], - dpi: [403.4, 401.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/SGP321/*" }, { ua: "SGP321" }], - dpi: [224.7, 224.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [ - { mdmh: "TCT/*/ALCATEL ONE TOUCH Fierce/*" }, - { ua: "ALCATEL ONE TOUCH Fierce" }, - ], - dpi: [240, 247.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "THL/*/thl 5000/*" }, { ua: "thl 5000" }], - dpi: [480, 443.3], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Fly/*/IQ4412/*" }, { ua: "IQ4412" }], - dpi: 307.9, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "ZTE/*/ZTE Blade L2/*" }, { ua: "ZTE Blade L2" }], - dpi: 240, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "BENEVE/*/VR518/*" }, { ua: "VR518" }], - dpi: 480, - bw: 3, - ac: 500, - }, - { - type: "ios", - rules: [{ res: [640, 960] }], - dpi: [325.1, 328.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [640, 1136] }], - dpi: [317.1, 320.2], - bw: 3, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [750, 1334] }], - dpi: 326.4, - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1242, 2208] }], - dpi: [453.6, 458.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1125, 2001] }], - dpi: [410.9, 415.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1125, 2436] }], - dpi: 458, - bw: 4, - ac: 1000, - }, - ]; - var DPDB_CACHE = { - format: format, - last_updated: last_updated, - devices: devices, - }; - function Dpdb(url, onDeviceParamsUpdated) { - this.dpdb = DPDB_CACHE; - this.recalculateDeviceParams_(); - if (url) { - this.onDeviceParamsUpdated = onDeviceParamsUpdated; - var xhr = new XMLHttpRequest(); - var obj = this; - xhr.open("GET", url, true); - xhr.addEventListener("load", function () { - obj.loading = false; - if (xhr.status >= 200 && xhr.status <= 299) { - obj.dpdb = JSON.parse(xhr.response); - obj.recalculateDeviceParams_(); - } else { - console.error("Error loading online DPDB!"); - } - }); - xhr.send(); - } - } - Dpdb.prototype.getDeviceParams = function () { - return this.deviceParams; - }; - Dpdb.prototype.recalculateDeviceParams_ = function () { - var newDeviceParams = this.calcDeviceParams_(); - if (newDeviceParams) { - this.deviceParams = newDeviceParams; - if (this.onDeviceParamsUpdated) { - this.onDeviceParamsUpdated(this.deviceParams); - } - } else { - console.error("Failed to recalculate device parameters."); - } - }; - Dpdb.prototype.calcDeviceParams_ = function () { - var db = this.dpdb; - if (!db) { - console.error("DPDB not available."); - return null; - } - if (db.format != 1) { - console.error("DPDB has unexpected format version."); - return null; - } - if (!db.devices || !db.devices.length) { - console.error("DPDB does not have a devices section."); - return null; - } - var userAgent = - navigator.userAgent || navigator.vendor || window.opera; - var width = getScreenWidth(); - var height = getScreenHeight(); - if (!db.devices) { - console.error("DPDB has no devices section."); - return null; - } - for (var i = 0; i < db.devices.length; i++) { - var device = db.devices[i]; - if (!device.rules) { - console.warn("Device[" + i + "] has no rules section."); - continue; - } - if (device.type != "ios" && device.type != "android") { - console.warn("Device[" + i + "] has invalid type."); - continue; - } - if (isIOS() != (device.type == "ios")) continue; - var matched = false; - for (var j = 0; j < device.rules.length; j++) { - var rule = device.rules[j]; - if (this.matchRule_(rule, userAgent, width, height)) { - matched = true; - break; - } - } - if (!matched) continue; - var xdpi = device.dpi[0] || device.dpi; - var ydpi = device.dpi[1] || device.dpi; - return new DeviceParams({ - xdpi: xdpi, - ydpi: ydpi, - bevelMm: device.bw, - }); - } - console.warn("No DPDB device match."); - return null; - }; - Dpdb.prototype.matchRule_ = function ( - rule, - ua, - screenWidth, - screenHeight - ) { - if (!rule.ua && !rule.res) return false; - if (rule.ua && ua.indexOf(rule.ua) < 0) return false; - if (rule.res) { - if (!rule.res[0] || !rule.res[1]) return false; - var resX = rule.res[0]; - var resY = rule.res[1]; - if ( - Math.min(screenWidth, screenHeight) != Math.min(resX, resY) || - Math.max(screenWidth, screenHeight) != Math.max(resX, resY) - ) { - return false; - } - } - return true; - }; - function DeviceParams(params) { - this.xdpi = params.xdpi; - this.ydpi = params.ydpi; - this.bevelMm = params.bevelMm; - } - function SensorSample(sample, timestampS) { - this.set(sample, timestampS); - } - SensorSample.prototype.set = function (sample, timestampS) { - this.sample = sample; - this.timestampS = timestampS; - }; - SensorSample.prototype.copy = function (sensorSample) { - this.set(sensorSample.sample, sensorSample.timestampS); - }; - function ComplementaryFilter(kFilter, isDebug) { - this.kFilter = kFilter; - this.isDebug = isDebug; - this.currentAccelMeasurement = new SensorSample(); - this.currentGyroMeasurement = new SensorSample(); - this.previousGyroMeasurement = new SensorSample(); - if (isIOS()) { - this.filterQ = new Quaternion$$1(-1, 0, 0, 1); - } else { - this.filterQ = new Quaternion$$1(1, 0, 0, 1); - } - this.previousFilterQ = new Quaternion$$1(); - this.previousFilterQ.copy(this.filterQ); - this.accelQ = new Quaternion$$1(); - this.isOrientationInitialized = false; - this.estimatedGravity = new Vector3$$1(); - this.measuredGravity = new Vector3$$1(); - this.gyroIntegralQ = new Quaternion$$1(); - } - ComplementaryFilter.prototype.addAccelMeasurement = function ( - vector, - timestampS - ) { - this.currentAccelMeasurement.set(vector, timestampS); - }; - ComplementaryFilter.prototype.addGyroMeasurement = function ( - vector, - timestampS - ) { - this.currentGyroMeasurement.set(vector, timestampS); - var deltaT = timestampS - this.previousGyroMeasurement.timestampS; - if (isTimestampDeltaValid(deltaT)) { - this.run_(); - } - this.previousGyroMeasurement.copy(this.currentGyroMeasurement); - }; - ComplementaryFilter.prototype.run_ = function () { - if (!this.isOrientationInitialized) { - this.accelQ = this.accelToQuaternion_( - this.currentAccelMeasurement.sample - ); - this.previousFilterQ.copy(this.accelQ); - this.isOrientationInitialized = true; - return; - } - var deltaT = - this.currentGyroMeasurement.timestampS - - this.previousGyroMeasurement.timestampS; - var gyroDeltaQ = this.gyroToQuaternionDelta_( - this.currentGyroMeasurement.sample, - deltaT - ); - this.gyroIntegralQ.multiply(gyroDeltaQ); - this.filterQ.copy(this.previousFilterQ); - this.filterQ.multiply(gyroDeltaQ); - var invFilterQ = new Quaternion$$1(); - invFilterQ.copy(this.filterQ); - invFilterQ.inverse(); - this.estimatedGravity.set(0, 0, -1); - this.estimatedGravity.applyQuaternion(invFilterQ); - this.estimatedGravity.normalize(); - this.measuredGravity.copy(this.currentAccelMeasurement.sample); - this.measuredGravity.normalize(); - var deltaQ = new Quaternion$$1(); - deltaQ.setFromUnitVectors( - this.estimatedGravity, - this.measuredGravity - ); - deltaQ.inverse(); - if (this.isDebug) { - console.log( - "Delta: %d deg, G_est: (%s, %s, %s), G_meas: (%s, %s, %s)", - radToDeg * getQuaternionAngle(deltaQ), - this.estimatedGravity.x.toFixed(1), - this.estimatedGravity.y.toFixed(1), - this.estimatedGravity.z.toFixed(1), - this.measuredGravity.x.toFixed(1), - this.measuredGravity.y.toFixed(1), - this.measuredGravity.z.toFixed(1) - ); - } - var targetQ = new Quaternion$$1(); - targetQ.copy(this.filterQ); - targetQ.multiply(deltaQ); - this.filterQ.slerp(targetQ, 1 - this.kFilter); - this.previousFilterQ.copy(this.filterQ); - }; - ComplementaryFilter.prototype.getOrientation = function () { - return this.filterQ; - }; - ComplementaryFilter.prototype.accelToQuaternion_ = function (accel) { - var normAccel = new Vector3$$1(); - normAccel.copy(accel); - normAccel.normalize(); - var quat = new Quaternion$$1(); - quat.setFromUnitVectors(new Vector3$$1(0, 0, -1), normAccel); - quat.inverse(); - return quat; - }; - ComplementaryFilter.prototype.gyroToQuaternionDelta_ = function ( - gyro, - dt - ) { - var quat = new Quaternion$$1(); - var axis = new Vector3$$1(); - axis.copy(gyro); - axis.normalize(); - quat.setFromAxisAngle(axis, gyro.length() * dt); - return quat; - }; - function PosePredictor(predictionTimeS, isDebug) { - this.predictionTimeS = predictionTimeS; - this.isDebug = isDebug; - this.previousQ = new Quaternion$$1(); - this.previousTimestampS = null; - this.deltaQ = new Quaternion$$1(); - this.outQ = new Quaternion$$1(); - } - PosePredictor.prototype.getPrediction = function ( - currentQ, - gyro, - timestampS - ) { - if (!this.previousTimestampS) { - this.previousQ.copy(currentQ); - this.previousTimestampS = timestampS; - return currentQ; - } - var axis = new Vector3$$1(); - axis.copy(gyro); - axis.normalize(); - var angularSpeed = gyro.length(); - if (angularSpeed < degToRad * 20) { - if (this.isDebug) { - console.log( - "Moving slowly, at %s deg/s: no prediction", - (radToDeg * angularSpeed).toFixed(1) - ); - } - this.outQ.copy(currentQ); - this.previousQ.copy(currentQ); - return this.outQ; - } - var predictAngle = angularSpeed * this.predictionTimeS; - this.deltaQ.setFromAxisAngle(axis, predictAngle); - this.outQ.copy(this.previousQ); - this.outQ.multiply(this.deltaQ); - this.previousQ.copy(currentQ); - this.previousTimestampS = timestampS; - return this.outQ; - }; - function FusionPoseSensor(kFilter, predictionTime, yawOnly, isDebug) { - this.yawOnly = yawOnly; - this.accelerometer = new Vector3$$1(); - this.gyroscope = new Vector3$$1(); - this.filter = new ComplementaryFilter(kFilter, isDebug); - this.posePredictor = new PosePredictor(predictionTime, isDebug); - this.isFirefoxAndroid = isFirefoxAndroid(); - this.isIOS = isIOS(); - var chromeVersion = getChromeVersion(); - this.isDeviceMotionInRadians = - !this.isIOS && chromeVersion && chromeVersion < 66; - this.isWithoutDeviceMotion = isChromeWithoutDeviceMotion(); - this.filterToWorldQ = new Quaternion$$1(); - if (isIOS()) { - this.filterToWorldQ.setFromAxisAngle( - new Vector3$$1(1, 0, 0), - Math.PI / 2 - ); - } else { - this.filterToWorldQ.setFromAxisAngle( - new Vector3$$1(1, 0, 0), - -Math.PI / 2 - ); - } - this.inverseWorldToScreenQ = new Quaternion$$1(); - this.worldToScreenQ = new Quaternion$$1(); - this.originalPoseAdjustQ = new Quaternion$$1(); - this.originalPoseAdjustQ.setFromAxisAngle( - new Vector3$$1(0, 0, 1), - (-window.orientation * Math.PI) / 180 - ); - this.setScreenTransform_(); - if (isLandscapeMode()) { - this.filterToWorldQ.multiply(this.inverseWorldToScreenQ); - } - this.resetQ = new Quaternion$$1(); - this.orientationOut_ = new Float32Array(4); - this.start(); - } - FusionPoseSensor.prototype.getPosition = function () { - return null; - }; - FusionPoseSensor.prototype.getOrientation = function () { - var orientation = void 0; - if (this.isWithoutDeviceMotion && this._deviceOrientationQ) { - this.deviceOrientationFixQ = - this.deviceOrientationFixQ || - (function () { - var z = new Quaternion$$1().setFromAxisAngle( - new Vector3$$1(0, 0, -1), - 0 - ); - var y = new Quaternion$$1(); - if (window.orientation === -90) { - y.setFromAxisAngle(new Vector3$$1(0, 1, 0), Math.PI / -2); - } else { - y.setFromAxisAngle(new Vector3$$1(0, 1, 0), Math.PI / 2); - } - return z.multiply(y); - })(); - this.deviceOrientationFilterToWorldQ = - this.deviceOrientationFilterToWorldQ || - (function () { - var q = new Quaternion$$1(); - q.setFromAxisAngle(new Vector3$$1(1, 0, 0), -Math.PI / 2); - return q; - })(); - orientation = this._deviceOrientationQ; - var out = new Quaternion$$1(); - out.copy(orientation); - out.multiply(this.deviceOrientationFilterToWorldQ); - out.multiply(this.resetQ); - out.multiply(this.worldToScreenQ); - out.multiplyQuaternions(this.deviceOrientationFixQ, out); - if (this.yawOnly) { - out.x = 0; - out.z = 0; - out.normalize(); - } - this.orientationOut_[0] = out.x; - this.orientationOut_[1] = out.y; - this.orientationOut_[2] = out.z; - this.orientationOut_[3] = out.w; - return this.orientationOut_; - } else { - var filterOrientation = this.filter.getOrientation(); - orientation = this.posePredictor.getPrediction( - filterOrientation, - this.gyroscope, - this.previousTimestampS - ); - } - var out = new Quaternion$$1(); - out.copy(this.filterToWorldQ); - out.multiply(this.resetQ); - out.multiply(orientation); - out.multiply(this.worldToScreenQ); - if (this.yawOnly) { - out.x = 0; - out.z = 0; - out.normalize(); - } - this.orientationOut_[0] = out.x; - this.orientationOut_[1] = out.y; - this.orientationOut_[2] = out.z; - this.orientationOut_[3] = out.w; - return this.orientationOut_; - }; - FusionPoseSensor.prototype.resetPose = function () { - this.resetQ.copy(this.filter.getOrientation()); - this.resetQ.x = 0; - this.resetQ.y = 0; - this.resetQ.z *= -1; - this.resetQ.normalize(); - if (isLandscapeMode()) { - this.resetQ.multiply(this.inverseWorldToScreenQ); - } - this.resetQ.multiply(this.originalPoseAdjustQ); - }; - FusionPoseSensor.prototype.onDeviceOrientation_ = function (e) { - this._deviceOrientationQ = - this._deviceOrientationQ || new Quaternion$$1(); - var alpha = e.alpha, - beta = e.beta, - gamma = e.gamma; - alpha = ((alpha || 0) * Math.PI) / 180; - beta = ((beta || 0) * Math.PI) / 180; - gamma = ((gamma || 0) * Math.PI) / 180; - this._deviceOrientationQ.setFromEulerYXZ(beta, alpha, -gamma); - }; - FusionPoseSensor.prototype.onDeviceMotion_ = function (deviceMotion) { - this.updateDeviceMotion_(deviceMotion); - }; - FusionPoseSensor.prototype.updateDeviceMotion_ = function ( - deviceMotion - ) { - var accGravity = deviceMotion.accelerationIncludingGravity; - var rotRate = deviceMotion.rotationRate; - var timestampS = deviceMotion.timeStamp / 1000; - var deltaS = timestampS - this.previousTimestampS; - if (deltaS < 0) { - warnOnce( - "fusion-pose-sensor:invalid:non-monotonic", - "Invalid timestamps detected: non-monotonic timestamp from devicemotion" - ); - this.previousTimestampS = timestampS; - return; - } else if (deltaS <= MIN_TIMESTEP || deltaS > MAX_TIMESTEP) { - warnOnce( - "fusion-pose-sensor:invalid:outside-threshold", - "Invalid timestamps detected: Timestamp from devicemotion outside expected range." - ); - this.previousTimestampS = timestampS; - return; - } - this.accelerometer.set(-accGravity.x, -accGravity.y, -accGravity.z); - if (isR7()) { - this.gyroscope.set(-rotRate.beta, rotRate.alpha, rotRate.gamma); - } else { - this.gyroscope.set(rotRate.alpha, rotRate.beta, rotRate.gamma); - } - if (!this.isDeviceMotionInRadians) { - this.gyroscope.multiplyScalar(Math.PI / 180); - } - this.filter.addAccelMeasurement(this.accelerometer, timestampS); - this.filter.addGyroMeasurement(this.gyroscope, timestampS); - this.previousTimestampS = timestampS; - }; - FusionPoseSensor.prototype.onOrientationChange_ = function ( - screenOrientation - ) { - this.setScreenTransform_(); - }; - FusionPoseSensor.prototype.onMessage_ = function (event) { - var message = event.data; - if (!message || !message.type) { - return; - } - var type = message.type.toLowerCase(); - if (type !== "devicemotion") { - return; - } - this.updateDeviceMotion_(message.deviceMotionEvent); - }; - FusionPoseSensor.prototype.setScreenTransform_ = function () { - this.worldToScreenQ.set(0, 0, 0, 1); - switch (window.orientation) { - case 0: - break; - case 90: - this.worldToScreenQ.setFromAxisAngle( - new Vector3$$1(0, 0, 1), - -Math.PI / 2 - ); - break; - case -90: - this.worldToScreenQ.setFromAxisAngle( - new Vector3$$1(0, 0, 1), - Math.PI / 2 - ); - break; - case 180: - break; - } - this.inverseWorldToScreenQ.copy(this.worldToScreenQ); - this.inverseWorldToScreenQ.inverse(); - }; - FusionPoseSensor.prototype.start = function () { - this.onDeviceMotionCallback_ = this.onDeviceMotion_.bind(this); - this.onOrientationChangeCallback_ = - this.onOrientationChange_.bind(this); - this.onMessageCallback_ = this.onMessage_.bind(this); - this.onDeviceOrientationCallback_ = - this.onDeviceOrientation_.bind(this); - if (isIOS() && isInsideCrossOriginIFrame()) { - window.addEventListener("message", this.onMessageCallback_); - } - window.addEventListener( - "orientationchange", - this.onOrientationChangeCallback_ - ); - if (this.isWithoutDeviceMotion) { - window.addEventListener( - "deviceorientation", - this.onDeviceOrientationCallback_ - ); - } else { - window.addEventListener( - "devicemotion", - this.onDeviceMotionCallback_ - ); - } - }; - FusionPoseSensor.prototype.stop = function () { - window.removeEventListener( - "devicemotion", - this.onDeviceMotionCallback_ - ); - window.removeEventListener( - "deviceorientation", - this.onDeviceOrientationCallback_ - ); - window.removeEventListener( - "orientationchange", - this.onOrientationChangeCallback_ - ); - window.removeEventListener("message", this.onMessageCallback_); - }; - var SENSOR_FREQUENCY = 60; - var X_AXIS = new Vector3$$1(1, 0, 0); - var Z_AXIS = new Vector3$$1(0, 0, 1); - var orientation = {}; - if (screen.orientation) { - orientation = screen.orientation; - } else if (screen.msOrientation) { - orientation = screen.msOrientation; - } else { - Object.defineProperty(orientation, "angle", { - get: function get$$1() { - return window.orientation || 0; - }, - }); - } - var SENSOR_TO_VR = new Quaternion$$1(); - SENSOR_TO_VR.setFromAxisAngle(X_AXIS, -Math.PI / 2); - SENSOR_TO_VR.multiply( - new Quaternion$$1().setFromAxisAngle(Z_AXIS, Math.PI / 2) - ); - var PoseSensor = (function () { - function PoseSensor(config) { - classCallCheck(this, PoseSensor); - this.config = config; - this.sensor = null; - this.fusionSensor = null; - this._out = new Float32Array(4); - this.api = null; - this.errors = []; - this._sensorQ = new Quaternion$$1(); - this._worldToScreenQ = new Quaternion$$1(); - this._outQ = new Quaternion$$1(); - this._onSensorRead = this._onSensorRead.bind(this); - this._onSensorError = this._onSensorError.bind(this); - this._onOrientationChange = this._onOrientationChange.bind(this); - this._onOrientationChange(); - this.init(); - } - createClass(PoseSensor, [ - { - key: "init", - value: function init() { - var sensor = null; - try { - sensor = new RelativeOrientationSensor({ - frequency: SENSOR_FREQUENCY, - }); - sensor.addEventListener("error", this._onSensorError); - } catch (error) { - this.errors.push(error); - if (error.name === "SecurityError") { - console.error( - "Cannot construct sensors due to the Feature Policy" - ); - console.warn( - 'Attempting to fall back using "devicemotion"; however this will ' + - "fail in the future without correct permissions." - ); - this.useDeviceMotion(); - } else if (error.name === "ReferenceError") { - this.useDeviceMotion(); - } else { - console.error(error); - } - } - if (sensor) { - this.api = "sensor"; - this.sensor = sensor; - this.sensor.addEventListener("reading", this._onSensorRead); - this.sensor.start(); - } - window.addEventListener( - "orientationchange", - this._onOrientationChange - ); - }, - }, - { - key: "useDeviceMotion", - value: function useDeviceMotion() { - this.api = "devicemotion"; - this.fusionSensor = new FusionPoseSensor( - this.config.K_FILTER, - this.config.PREDICTION_TIME_S, - this.config.YAW_ONLY, - this.config.DEBUG - ); - }, - }, - { - key: "getOrientation", - value: function getOrientation() { - if (this.fusionSensor) { - return this.fusionSensor.getOrientation(); - } - if (!this.sensor || !this.sensor.quaternion) { - this._out[0] = this._out[1] = this._out[2] = 0; - this._out[3] = 1; - return this._out; - } - var q = this.sensor.quaternion; - this._sensorQ.set(q[0], q[1], q[2], q[3]); - var out = this._outQ; - out.copy(SENSOR_TO_VR); - out.multiply(this._sensorQ); - out.multiply(this._worldToScreenQ); - if (this.config.YAW_ONLY) { - out.x = out.z = 0; - out.normalize(); - } - this._out[0] = out.x; - this._out[1] = out.y; - this._out[2] = out.z; - this._out[3] = out.w; - return this._out; - }, - }, - { - key: "_onSensorError", - value: function _onSensorError(event) { - this.errors.push(event.error); - if (event.error.name === "NotAllowedError") { - console.error("Permission to access sensor was denied"); - } else if (event.error.name === "NotReadableError") { - console.error("Sensor could not be read"); - } else { - console.error(event.error); - } - }, - }, - { - key: "_onSensorRead", - value: function _onSensorRead() {}, - }, - { - key: "_onOrientationChange", - value: function _onOrientationChange() { - var angle = (-orientation.angle * Math.PI) / 180; - this._worldToScreenQ.setFromAxisAngle(Z_AXIS, angle); - }, - }, - ]); - return PoseSensor; - })(); - var rotateInstructionsAsset = - "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5OHB4IiBoZWlnaHQ9IjI0MHB4IiB2aWV3Qm94PSIwIDAgMTk4IDI0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMy4zICgxMjA4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+dHJhbnNpdGlvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJ0cmFuc2l0aW9uIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4KICAgICAgICAgICAgPGcgaWQ9IkltcG9ydGVkLUxheWVycy1Db3B5LTQtKy1JbXBvcnRlZC1MYXllcnMtQ29weS0rLUltcG9ydGVkLUxheWVycy1Db3B5LTItQ29weSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwNy4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5LjYyNSwyLjUyNyBDMTQ5LjYyNSwyLjUyNyAxNTUuODA1LDYuMDk2IDE1Ni4zNjIsNi40MTggTDE1Ni4zNjIsNy4zMDQgQzE1Ni4zNjIsNy40ODEgMTU2LjM3NSw3LjY2NCAxNTYuNCw3Ljg1MyBDMTU2LjQxLDcuOTM0IDE1Ni40Miw4LjAxNSAxNTYuNDI3LDguMDk1IEMxNTYuNTY3LDkuNTEgMTU3LjQwMSwxMS4wOTMgMTU4LjUzMiwxMi4wOTQgTDE2NC4yNTIsMTcuMTU2IEwxNjQuMzMzLDE3LjA2NiBDMTY0LjMzMywxNy4wNjYgMTY4LjcxNSwxNC41MzYgMTY5LjU2OCwxNC4wNDIgQzE3MS4wMjUsMTQuODgzIDE5NS41MzgsMjkuMDM1IDE5NS41MzgsMjkuMDM1IEwxOTUuNTM4LDgzLjAzNiBDMTk1LjUzOCw4My44MDcgMTk1LjE1Miw4NC4yNTMgMTk0LjU5LDg0LjI1MyBDMTk0LjM1Nyw4NC4yNTMgMTk0LjA5NSw4NC4xNzcgMTkzLjgxOCw4NC4wMTcgTDE2OS44NTEsNzAuMTc5IEwxNjkuODM3LDcwLjIwMyBMMTQyLjUxNSw4NS45NzggTDE0MS42NjUsODQuNjU1IEMxMzYuOTM0LDgzLjEyNiAxMzEuOTE3LDgxLjkxNSAxMjYuNzE0LDgxLjA0NSBDMTI2LjcwOSw4MS4wNiAxMjYuNzA3LDgxLjA2OSAxMjYuNzA3LDgxLjA2OSBMMTIxLjY0LDk4LjAzIEwxMTMuNzQ5LDEwMi41ODYgTDExMy43MTIsMTAyLjUyMyBMMTEzLjcxMiwxMzAuMTEzIEMxMTMuNzEyLDEzMC44ODUgMTEzLjMyNiwxMzEuMzMgMTEyLjc2NCwxMzEuMzMgQzExMi41MzIsMTMxLjMzIDExMi4yNjksMTMxLjI1NCAxMTEuOTkyLDEzMS4wOTQgTDY5LjUxOSwxMDYuNTcyIEM2OC41NjksMTA2LjAyMyA2Ny43OTksMTA0LjY5NSA2Ny43OTksMTAzLjYwNSBMNjcuNzk5LDEwMi41NyBMNjcuNzc4LDEwMi42MTcgQzY3LjI3LDEwMi4zOTMgNjYuNjQ4LDEwMi4yNDkgNjUuOTYyLDEwMi4yMTggQzY1Ljg3NSwxMDIuMjE0IDY1Ljc4OCwxMDIuMjEyIDY1LjcwMSwxMDIuMjEyIEM2NS42MDYsMTAyLjIxMiA2NS41MTEsMTAyLjIxNSA2NS40MTYsMTAyLjIxOSBDNjUuMTk1LDEwMi4yMjkgNjQuOTc0LDEwMi4yMzUgNjQuNzU0LDEwMi4yMzUgQzY0LjMzMSwxMDIuMjM1IDYzLjkxMSwxMDIuMjE2IDYzLjQ5OCwxMDIuMTc4IEM2MS44NDMsMTAyLjAyNSA2MC4yOTgsMTAxLjU3OCA1OS4wOTQsMTAwLjg4MiBMMTIuNTE4LDczLjk5MiBMMTIuNTIzLDc0LjAwNCBMMi4yNDUsNTUuMjU0IEMxLjI0NCw1My40MjcgMi4wMDQsNTEuMDM4IDMuOTQzLDQ5LjkxOCBMNTkuOTU0LDE3LjU3MyBDNjAuNjI2LDE3LjE4NSA2MS4zNSwxNy4wMDEgNjIuMDUzLDE3LjAwMSBDNjMuMzc5LDE3LjAwMSA2NC42MjUsMTcuNjYgNjUuMjgsMTguODU0IEw2NS4yODUsMTguODUxIEw2NS41MTIsMTkuMjY0IEw2NS41MDYsMTkuMjY4IEM2NS45MDksMjAuMDAzIDY2LjQwNSwyMC42OCA2Ni45ODMsMjEuMjg2IEw2Ny4yNiwyMS41NTYgQzY5LjE3NCwyMy40MDYgNzEuNzI4LDI0LjM1NyA3NC4zNzMsMjQuMzU3IEM3Ni4zMjIsMjQuMzU3IDc4LjMyMSwyMy44NCA4MC4xNDgsMjIuNzg1IEM4MC4xNjEsMjIuNzg1IDg3LjQ2NywxOC41NjYgODcuNDY3LDE4LjU2NiBDODguMTM5LDE4LjE3OCA4OC44NjMsMTcuOTk0IDg5LjU2NiwxNy45OTQgQzkwLjg5MiwxNy45OTQgOTIuMTM4LDE4LjY1MiA5Mi43OTIsMTkuODQ3IEw5Ni4wNDIsMjUuNzc1IEw5Ni4wNjQsMjUuNzU3IEwxMDIuODQ5LDI5LjY3NCBMMTAyLjc0NCwyOS40OTIgTDE0OS42MjUsMi41MjcgTTE0OS42MjUsMC44OTIgQzE0OS4zNDMsMC44OTIgMTQ5LjA2MiwwLjk2NSAxNDguODEsMS4xMSBMMTAyLjY0MSwyNy42NjYgTDk3LjIzMSwyNC41NDIgTDk0LjIyNiwxOS4wNjEgQzkzLjMxMywxNy4zOTQgOTEuNTI3LDE2LjM1OSA4OS41NjYsMTYuMzU4IEM4OC41NTUsMTYuMzU4IDg3LjU0NiwxNi42MzIgODYuNjQ5LDE3LjE1IEM4My44NzgsMTguNzUgNzkuNjg3LDIxLjE2OSA3OS4zNzQsMjEuMzQ1IEM3OS4zNTksMjEuMzUzIDc5LjM0NSwyMS4zNjEgNzkuMzMsMjEuMzY5IEM3Ny43OTgsMjIuMjU0IDc2LjA4NCwyMi43MjIgNzQuMzczLDIyLjcyMiBDNzIuMDgxLDIyLjcyMiA2OS45NTksMjEuODkgNjguMzk3LDIwLjM4IEw2OC4xNDUsMjAuMTM1IEM2Ny43MDYsMTkuNjcyIDY3LjMyMywxOS4xNTYgNjcuMDA2LDE4LjYwMSBDNjYuOTg4LDE4LjU1OSA2Ni45NjgsMTguNTE5IDY2Ljk0NiwxOC40NzkgTDY2LjcxOSwxOC4wNjUgQzY2LjY5LDE4LjAxMiA2Ni42NTgsMTcuOTYgNjYuNjI0LDE3LjkxMSBDNjUuNjg2LDE2LjMzNyA2My45NTEsMTUuMzY2IDYyLjA1MywxNS4zNjYgQzYxLjA0MiwxNS4zNjYgNjAuMDMzLDE1LjY0IDU5LjEzNiwxNi4xNTggTDMuMTI1LDQ4LjUwMiBDMC40MjYsNTAuMDYxIC0wLjYxMyw1My40NDIgMC44MTEsNTYuMDQgTDExLjA4OSw3NC43OSBDMTEuMjY2LDc1LjExMyAxMS41MzcsNzUuMzUzIDExLjg1LDc1LjQ5NCBMNTguMjc2LDEwMi4yOTggQzU5LjY3OSwxMDMuMTA4IDYxLjQzMywxMDMuNjMgNjMuMzQ4LDEwMy44MDYgQzYzLjgxMiwxMDMuODQ4IDY0LjI4NSwxMDMuODcgNjQuNzU0LDEwMy44NyBDNjUsMTAzLjg3IDY1LjI0OSwxMDMuODY0IDY1LjQ5NCwxMDMuODUyIEM2NS41NjMsMTAzLjg0OSA2NS42MzIsMTAzLjg0NyA2NS43MDEsMTAzLjg0NyBDNjUuNzY0LDEwMy44NDcgNjUuODI4LDEwMy44NDkgNjUuODksMTAzLjg1MiBDNjUuOTg2LDEwMy44NTYgNjYuMDgsMTAzLjg2MyA2Ni4xNzMsMTAzLjg3NCBDNjYuMjgyLDEwNS40NjcgNjcuMzMyLDEwNy4xOTcgNjguNzAyLDEwNy45ODggTDExMS4xNzQsMTMyLjUxIEMxMTEuNjk4LDEzMi44MTIgMTEyLjIzMiwxMzIuOTY1IDExMi43NjQsMTMyLjk2NSBDMTE0LjI2MSwxMzIuOTY1IDExNS4zNDcsMTMxLjc2NSAxMTUuMzQ3LDEzMC4xMTMgTDExNS4zNDcsMTAzLjU1MSBMMTIyLjQ1OCw5OS40NDYgQzEyMi44MTksOTkuMjM3IDEyMy4wODcsOTguODk4IDEyMy4yMDcsOTguNDk4IEwxMjcuODY1LDgyLjkwNSBDMTMyLjI3OSw4My43MDIgMTM2LjU1Nyw4NC43NTMgMTQwLjYwNyw4Ni4wMzMgTDE0MS4xNCw4Ni44NjIgQzE0MS40NTEsODcuMzQ2IDE0MS45NzcsODcuNjEzIDE0Mi41MTYsODcuNjEzIEMxNDIuNzk0LDg3LjYxMyAxNDMuMDc2LDg3LjU0MiAxNDMuMzMzLDg3LjM5MyBMMTY5Ljg2NSw3Mi4wNzYgTDE5Myw4NS40MzMgQzE5My41MjMsODUuNzM1IDE5NC4wNTgsODUuODg4IDE5NC41OSw4NS44ODggQzE5Ni4wODcsODUuODg4IDE5Ny4xNzMsODQuNjg5IDE5Ny4xNzMsODMuMDM2IEwxOTcuMTczLDI5LjAzNSBDMTk3LjE3MywyOC40NTEgMTk2Ljg2MSwyNy45MTEgMTk2LjM1NSwyNy42MTkgQzE5Ni4zNTUsMjcuNjE5IDE3MS44NDMsMTMuNDY3IDE3MC4zODUsMTIuNjI2IEMxNzAuMTMyLDEyLjQ4IDE2OS44NSwxMi40MDcgMTY5LjU2OCwxMi40MDcgQzE2OS4yODUsMTIuNDA3IDE2OS4wMDIsMTIuNDgxIDE2OC43NDksMTIuNjI3IEMxNjguMTQzLDEyLjk3OCAxNjUuNzU2LDE0LjM1NyAxNjQuNDI0LDE1LjEyNSBMMTU5LjYxNSwxMC44NyBDMTU4Ljc5NiwxMC4xNDUgMTU4LjE1NCw4LjkzNyAxNTguMDU0LDcuOTM0IEMxNTguMDQ1LDcuODM3IDE1OC4wMzQsNy43MzkgMTU4LjAyMSw3LjY0IEMxNTguMDA1LDcuNTIzIDE1Ny45OTgsNy40MSAxNTcuOTk4LDcuMzA0IEwxNTcuOTk4LDYuNDE4IEMxNTcuOTk4LDUuODM0IDE1Ny42ODYsNS4yOTUgMTU3LjE4MSw1LjAwMiBDMTU2LjYyNCw0LjY4IDE1MC40NDIsMS4xMTEgMTUwLjQ0MiwxLjExMSBDMTUwLjE4OSwwLjk2NSAxNDkuOTA3LDAuODkyIDE0OS42MjUsMC44OTIiIGlkPSJGaWxsLTEiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTYuMDI3LDI1LjYzNiBMMTQyLjYwMyw1Mi41MjcgQzE0My44MDcsNTMuMjIyIDE0NC41ODIsNTQuMTE0IDE0NC44NDUsNTUuMDY4IEwxNDQuODM1LDU1LjA3NSBMNjMuNDYxLDEwMi4wNTcgTDYzLjQ2LDEwMi4wNTcgQzYxLjgwNiwxMDEuOTA1IDYwLjI2MSwxMDEuNDU3IDU5LjA1NywxMDAuNzYyIEwxMi40ODEsNzMuODcxIEw5Ni4wMjcsMjUuNjM2IiBpZD0iRmlsbC0yIiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYzLjQ2MSwxMDIuMTc0IEM2My40NTMsMTAyLjE3NCA2My40NDYsMTAyLjE3NCA2My40MzksMTAyLjE3MiBDNjEuNzQ2LDEwMi4wMTYgNjAuMjExLDEwMS41NjMgNTguOTk4LDEwMC44NjMgTDEyLjQyMiw3My45NzMgQzEyLjM4Niw3My45NTIgMTIuMzY0LDczLjkxNCAxMi4zNjQsNzMuODcxIEMxMi4zNjQsNzMuODMgMTIuMzg2LDczLjc5MSAxMi40MjIsNzMuNzcgTDk1Ljk2OCwyNS41MzUgQzk2LjAwNCwyNS41MTQgOTYuMDQ5LDI1LjUxNCA5Ni4wODUsMjUuNTM1IEwxNDIuNjYxLDUyLjQyNiBDMTQzLjg4OCw1My4xMzQgMTQ0LjY4Miw1NC4wMzggMTQ0Ljk1Nyw1NS4wMzcgQzE0NC45Nyw1NS4wODMgMTQ0Ljk1Myw1NS4xMzMgMTQ0LjkxNSw1NS4xNjEgQzE0NC45MTEsNTUuMTY1IDE0NC44OTgsNTUuMTc0IDE0NC44OTQsNTUuMTc3IEw2My41MTksMTAyLjE1OCBDNjMuNTAxLDEwMi4xNjkgNjMuNDgxLDEwMi4xNzQgNjMuNDYxLDEwMi4xNzQgTDYzLjQ2MSwxMDIuMTc0IFogTTEyLjcxNCw3My44NzEgTDU5LjExNSwxMDAuNjYxIEM2MC4yOTMsMTAxLjM0MSA2MS43ODYsMTAxLjc4MiA2My40MzUsMTAxLjkzNyBMMTQ0LjcwNyw1NS4wMTUgQzE0NC40MjgsNTQuMTA4IDE0My42ODIsNTMuMjg1IDE0Mi41NDQsNTIuNjI4IEw5Ni4wMjcsMjUuNzcxIEwxMi43MTQsNzMuODcxIEwxMi43MTQsNzMuODcxIFoiIGlkPSJGaWxsLTMiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ4LjMyNyw1OC40NzEgQzE0OC4xNDUsNTguNDggMTQ3Ljk2Miw1OC40OCAxNDcuNzgxLDU4LjQ3MiBDMTQ1Ljg4Nyw1OC4zODkgMTQ0LjQ3OSw1Ny40MzQgMTQ0LjYzNiw1Ni4zNCBDMTQ0LjY4OSw1NS45NjcgMTQ0LjY2NCw1NS41OTcgMTQ0LjU2NCw1NS4yMzUgTDYzLjQ2MSwxMDIuMDU3IEM2NC4wODksMTAyLjExNSA2NC43MzMsMTAyLjEzIDY1LjM3OSwxMDIuMDk5IEM2NS41NjEsMTAyLjA5IDY1Ljc0MywxMDIuMDkgNjUuOTI1LDEwMi4wOTggQzY3LjgxOSwxMDIuMTgxIDY5LjIyNywxMDMuMTM2IDY5LjA3LDEwNC4yMyBMMTQ4LjMyNyw1OC40NzEiIGlkPSJGaWxsLTQiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjkuMDcsMTA0LjM0NyBDNjkuMDQ4LDEwNC4zNDcgNjkuMDI1LDEwNC4zNCA2OS4wMDUsMTA0LjMyNyBDNjguOTY4LDEwNC4zMDEgNjguOTQ4LDEwNC4yNTcgNjguOTU1LDEwNC4yMTMgQzY5LDEwMy44OTYgNjguODk4LDEwMy41NzYgNjguNjU4LDEwMy4yODggQzY4LjE1MywxMDIuNjc4IDY3LjEwMywxMDIuMjY2IDY1LjkyLDEwMi4yMTQgQzY1Ljc0MiwxMDIuMjA2IDY1LjU2MywxMDIuMjA3IDY1LjM4NSwxMDIuMjE1IEM2NC43NDIsMTAyLjI0NiA2NC4wODcsMTAyLjIzMiA2My40NSwxMDIuMTc0IEM2My4zOTksMTAyLjE2OSA2My4zNTgsMTAyLjEzMiA2My4zNDcsMTAyLjA4MiBDNjMuMzM2LDEwMi4wMzMgNjMuMzU4LDEwMS45ODEgNjMuNDAyLDEwMS45NTYgTDE0NC41MDYsNTUuMTM0IEMxNDQuNTM3LDU1LjExNiAxNDQuNTc1LDU1LjExMyAxNDQuNjA5LDU1LjEyNyBDMTQ0LjY0Miw1NS4xNDEgMTQ0LjY2OCw1NS4xNyAxNDQuNjc3LDU1LjIwNCBDMTQ0Ljc4MSw1NS41ODUgMTQ0LjgwNiw1NS45NzIgMTQ0Ljc1MSw1Ni4zNTcgQzE0NC43MDYsNTYuNjczIDE0NC44MDgsNTYuOTk0IDE0NS4wNDcsNTcuMjgyIEMxNDUuNTUzLDU3Ljg5MiAxNDYuNjAyLDU4LjMwMyAxNDcuNzg2LDU4LjM1NSBDMTQ3Ljk2NCw1OC4zNjMgMTQ4LjE0Myw1OC4zNjMgMTQ4LjMyMSw1OC4zNTQgQzE0OC4zNzcsNTguMzUyIDE0OC40MjQsNTguMzg3IDE0OC40MzksNTguNDM4IEMxNDguNDU0LDU4LjQ5IDE0OC40MzIsNTguNTQ1IDE0OC4zODUsNTguNTcyIEw2OS4xMjksMTA0LjMzMSBDNjkuMTExLDEwNC4zNDIgNjkuMDksMTA0LjM0NyA2OS4wNywxMDQuMzQ3IEw2OS4wNywxMDQuMzQ3IFogTTY1LjY2NSwxMDEuOTc1IEM2NS43NTQsMTAxLjk3NSA2NS44NDIsMTAxLjk3NyA2NS45MywxMDEuOTgxIEM2Ny4xOTYsMTAyLjAzNyA2OC4yODMsMTAyLjQ2OSA2OC44MzgsMTAzLjEzOSBDNjkuMDY1LDEwMy40MTMgNjkuMTg4LDEwMy43MTQgNjkuMTk4LDEwNC4wMjEgTDE0Ny44ODMsNTguNTkyIEMxNDcuODQ3LDU4LjU5MiAxNDcuODExLDU4LjU5MSAxNDcuNzc2LDU4LjU4OSBDMTQ2LjUwOSw1OC41MzMgMTQ1LjQyMiw1OC4xIDE0NC44NjcsNTcuNDMxIEMxNDQuNTg1LDU3LjA5MSAxNDQuNDY1LDU2LjcwNyAxNDQuNTIsNTYuMzI0IEMxNDQuNTYzLDU2LjAyMSAxNDQuNTUyLDU1LjcxNiAxNDQuNDg4LDU1LjQxNCBMNjMuODQ2LDEwMS45NyBDNjQuMzUzLDEwMi4wMDIgNjQuODY3LDEwMi4wMDYgNjUuMzc0LDEwMS45ODIgQzY1LjQ3MSwxMDEuOTc3IDY1LjU2OCwxMDEuOTc1IDY1LjY2NSwxMDEuOTc1IEw2NS42NjUsMTAxLjk3NSBaIiBpZD0iRmlsbC01IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuMjA4LDU1LjEzNCBDMS4yMDcsNTMuMzA3IDEuOTY3LDUwLjkxNyAzLjkwNiw0OS43OTcgTDU5LjkxNywxNy40NTMgQzYxLjg1NiwxNi4zMzMgNjQuMjQxLDE2LjkwNyA2NS4yNDMsMTguNzM0IEw2NS40NzUsMTkuMTQ0IEM2NS44NzIsMTkuODgyIDY2LjM2OCwyMC41NiA2Ni45NDUsMjEuMTY1IEw2Ny4yMjMsMjEuNDM1IEM3MC41NDgsMjQuNjQ5IDc1LjgwNiwyNS4xNTEgODAuMTExLDIyLjY2NSBMODcuNDMsMTguNDQ1IEM4OS4zNywxNy4zMjYgOTEuNzU0LDE3Ljg5OSA5Mi43NTUsMTkuNzI3IEw5Ni4wMDUsMjUuNjU1IEwxMi40ODYsNzMuODg0IEwyLjIwOCw1NS4xMzQgWiIgaWQ9IkZpbGwtNiIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi40ODYsNzQuMDAxIEMxMi40NzYsNzQuMDAxIDEyLjQ2NSw3My45OTkgMTIuNDU1LDczLjk5NiBDMTIuNDI0LDczLjk4OCAxMi4zOTksNzMuOTY3IDEyLjM4NCw3My45NCBMMi4xMDYsNTUuMTkgQzEuMDc1LDUzLjMxIDEuODU3LDUwLjg0NSAzLjg0OCw0OS42OTYgTDU5Ljg1OCwxNy4zNTIgQzYwLjUyNSwxNi45NjcgNjEuMjcxLDE2Ljc2NCA2Mi4wMTYsMTYuNzY0IEM2My40MzEsMTYuNzY0IDY0LjY2NiwxNy40NjYgNjUuMzI3LDE4LjY0NiBDNjUuMzM3LDE4LjY1NCA2NS4zNDUsMTguNjYzIDY1LjM1MSwxOC42NzQgTDY1LjU3OCwxOS4wODggQzY1LjU4NCwxOS4xIDY1LjU4OSwxOS4xMTIgNjUuNTkxLDE5LjEyNiBDNjUuOTg1LDE5LjgzOCA2Ni40NjksMjAuNDk3IDY3LjAzLDIxLjA4NSBMNjcuMzA1LDIxLjM1MSBDNjkuMTUxLDIzLjEzNyA3MS42NDksMjQuMTIgNzQuMzM2LDI0LjEyIEM3Ni4zMTMsMjQuMTIgNzguMjksMjMuNTgyIDgwLjA1MywyMi41NjMgQzgwLjA2NCwyMi41NTcgODAuMDc2LDIyLjU1MyA4MC4wODgsMjIuNTUgTDg3LjM3MiwxOC4zNDQgQzg4LjAzOCwxNy45NTkgODguNzg0LDE3Ljc1NiA4OS41MjksMTcuNzU2IEM5MC45NTYsMTcuNzU2IDkyLjIwMSwxOC40NzIgOTIuODU4LDE5LjY3IEw5Ni4xMDcsMjUuNTk5IEM5Ni4xMzgsMjUuNjU0IDk2LjExOCwyNS43MjQgOTYuMDYzLDI1Ljc1NiBMMTIuNTQ1LDczLjk4NSBDMTIuNTI2LDczLjk5NiAxMi41MDYsNzQuMDAxIDEyLjQ4Niw3NC4wMDEgTDEyLjQ4Niw3NC4wMDEgWiBNNjIuMDE2LDE2Ljk5NyBDNjEuMzEyLDE2Ljk5NyA2MC42MDYsMTcuMTkgNTkuOTc1LDE3LjU1NCBMMy45NjUsNDkuODk5IEMyLjA4Myw1MC45ODUgMS4zNDEsNTMuMzA4IDIuMzEsNTUuMDc4IEwxMi41MzEsNzMuNzIzIEw5NS44NDgsMjUuNjExIEw5Mi42NTMsMTkuNzgyIEM5Mi4wMzgsMTguNjYgOTAuODcsMTcuOTkgODkuNTI5LDE3Ljk5IEM4OC44MjUsMTcuOTkgODguMTE5LDE4LjE4MiA4Ny40ODksMTguNTQ3IEw4MC4xNzIsMjIuNzcyIEM4MC4xNjEsMjIuNzc4IDgwLjE0OSwyMi43ODIgODAuMTM3LDIyLjc4NSBDNzguMzQ2LDIzLjgxMSA3Ni4zNDEsMjQuMzU0IDc0LjMzNiwyNC4zNTQgQzcxLjU4OCwyNC4zNTQgNjkuMDMzLDIzLjM0NyA2Ny4xNDIsMjEuNTE5IEw2Ni44NjQsMjEuMjQ5IEM2Ni4yNzcsMjAuNjM0IDY1Ljc3NCwxOS45NDcgNjUuMzY3LDE5LjIwMyBDNjUuMzYsMTkuMTkyIDY1LjM1NiwxOS4xNzkgNjUuMzU0LDE5LjE2NiBMNjUuMTYzLDE4LjgxOSBDNjUuMTU0LDE4LjgxMSA2NS4xNDYsMTguODAxIDY1LjE0LDE4Ljc5IEM2NC41MjUsMTcuNjY3IDYzLjM1NywxNi45OTcgNjIuMDE2LDE2Ljk5NyBMNjIuMDE2LDE2Ljk5NyBaIiBpZD0iRmlsbC03IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQyLjQzNCw0OC44MDggTDQyLjQzNCw0OC44MDggQzM5LjkyNCw0OC44MDcgMzcuNzM3LDQ3LjU1IDM2LjU4Miw0NS40NDMgQzM0Ljc3MSw0Mi4xMzkgMzYuMTQ0LDM3LjgwOSAzOS42NDEsMzUuNzg5IEw1MS45MzIsMjguNjkxIEM1My4xMDMsMjguMDE1IDU0LjQxMywyNy42NTggNTUuNzIxLDI3LjY1OCBDNTguMjMxLDI3LjY1OCA2MC40MTgsMjguOTE2IDYxLjU3MywzMS4wMjMgQzYzLjM4NCwzNC4zMjcgNjIuMDEyLDM4LjY1NyA1OC41MTQsNDAuNjc3IEw0Ni4yMjMsNDcuNzc1IEM0NS4wNTMsNDguNDUgNDMuNzQyLDQ4LjgwOCA0Mi40MzQsNDguODA4IEw0Mi40MzQsNDguODA4IFogTTU1LjcyMSwyOC4xMjUgQzU0LjQ5NSwyOC4xMjUgNTMuMjY1LDI4LjQ2MSA1Mi4xNjYsMjkuMDk2IEwzOS44NzUsMzYuMTk0IEMzNi41OTYsMzguMDg3IDM1LjMwMiw0Mi4xMzYgMzYuOTkyLDQ1LjIxOCBDMzguMDYzLDQ3LjE3MyA0MC4wOTgsNDguMzQgNDIuNDM0LDQ4LjM0IEM0My42NjEsNDguMzQgNDQuODksNDguMDA1IDQ1Ljk5LDQ3LjM3IEw1OC4yODEsNDAuMjcyIEM2MS41NiwzOC4zNzkgNjIuODUzLDM0LjMzIDYxLjE2NCwzMS4yNDggQzYwLjA5MiwyOS4yOTMgNTguMDU4LDI4LjEyNSA1NS43MjEsMjguMTI1IEw1NS43MjEsMjguMTI1IFoiIGlkPSJGaWxsLTgiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5LjU4OCwyLjQwNyBDMTQ5LjU4OCwyLjQwNyAxNTUuNzY4LDUuOTc1IDE1Ni4zMjUsNi4yOTcgTDE1Ni4zMjUsNy4xODQgQzE1Ni4zMjUsNy4zNiAxNTYuMzM4LDcuNTQ0IDE1Ni4zNjIsNy43MzMgQzE1Ni4zNzMsNy44MTQgMTU2LjM4Miw3Ljg5NCAxNTYuMzksNy45NzUgQzE1Ni41Myw5LjM5IDE1Ny4zNjMsMTAuOTczIDE1OC40OTUsMTEuOTc0IEwxNjUuODkxLDE4LjUxOSBDMTY2LjA2OCwxOC42NzUgMTY2LjI0OSwxOC44MTQgMTY2LjQzMiwxOC45MzQgQzE2OC4wMTEsMTkuOTc0IDE2OS4zODIsMTkuNCAxNjkuNDk0LDE3LjY1MiBDMTY5LjU0MywxNi44NjggMTY5LjU1MSwxNi4wNTcgMTY5LjUxNywxNS4yMjMgTDE2OS41MTQsMTUuMDYzIEwxNjkuNTE0LDEzLjkxMiBDMTcwLjc4LDE0LjY0MiAxOTUuNTAxLDI4LjkxNSAxOTUuNTAxLDI4LjkxNSBMMTk1LjUwMSw4Mi45MTUgQzE5NS41MDEsODQuMDA1IDE5NC43MzEsODQuNDQ1IDE5My43ODEsODMuODk3IEwxNTEuMzA4LDU5LjM3NCBDMTUwLjM1OCw1OC44MjYgMTQ5LjU4OCw1Ny40OTcgMTQ5LjU4OCw1Ni40MDggTDE0OS41ODgsMjIuMzc1IiBpZD0iRmlsbC05IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5NC41NTMsODQuMjUgQzE5NC4yOTYsODQuMjUgMTk0LjAxMyw4NC4xNjUgMTkzLjcyMiw4My45OTcgTDE1MS4yNSw1OS40NzYgQzE1MC4yNjksNTguOTA5IDE0OS40NzEsNTcuNTMzIDE0OS40NzEsNTYuNDA4IEwxNDkuNDcxLDIyLjM3NSBMMTQ5LjcwNSwyMi4zNzUgTDE0OS43MDUsNTYuNDA4IEMxNDkuNzA1LDU3LjQ1OSAxNTAuNDUsNTguNzQ0IDE1MS4zNjYsNTkuMjc0IEwxOTMuODM5LDgzLjc5NSBDMTk0LjI2Myw4NC4wNCAxOTQuNjU1LDg0LjA4MyAxOTQuOTQyLDgzLjkxNyBDMTk1LjIyNyw4My43NTMgMTk1LjM4NCw4My4zOTcgMTk1LjM4NCw4Mi45MTUgTDE5NS4zODQsMjguOTgyIEMxOTQuMTAyLDI4LjI0MiAxNzIuMTA0LDE1LjU0MiAxNjkuNjMxLDE0LjExNCBMMTY5LjYzNCwxNS4yMiBDMTY5LjY2OCwxNi4wNTIgMTY5LjY2LDE2Ljg3NCAxNjkuNjEsMTcuNjU5IEMxNjkuNTU2LDE4LjUwMyAxNjkuMjE0LDE5LjEyMyAxNjguNjQ3LDE5LjQwNSBDMTY4LjAyOCwxOS43MTQgMTY3LjE5NywxOS41NzggMTY2LjM2NywxOS4wMzIgQzE2Ni4xODEsMTguOTA5IDE2NS45OTUsMTguNzY2IDE2NS44MTQsMTguNjA2IEwxNTguNDE3LDEyLjA2MiBDMTU3LjI1OSwxMS4wMzYgMTU2LjQxOCw5LjQzNyAxNTYuMjc0LDcuOTg2IEMxNTYuMjY2LDcuOTA3IDE1Ni4yNTcsNy44MjcgMTU2LjI0Nyw3Ljc0OCBDMTU2LjIyMSw3LjU1NSAxNTYuMjA5LDcuMzY1IDE1Ni4yMDksNy4xODQgTDE1Ni4yMDksNi4zNjQgQzE1NS4zNzUsNS44ODMgMTQ5LjUyOSwyLjUwOCAxNDkuNTI5LDIuNTA4IEwxNDkuNjQ2LDIuMzA2IEMxNDkuNjQ2LDIuMzA2IDE1NS44MjcsNS44NzQgMTU2LjM4NCw2LjE5NiBMMTU2LjQ0Miw2LjIzIEwxNTYuNDQyLDcuMTg0IEMxNTYuNDQyLDcuMzU1IDE1Ni40NTQsNy41MzUgMTU2LjQ3OCw3LjcxNyBDMTU2LjQ4OSw3LjggMTU2LjQ5OSw3Ljg4MiAxNTYuNTA3LDcuOTYzIEMxNTYuNjQ1LDkuMzU4IDE1Ny40NTUsMTAuODk4IDE1OC41NzIsMTEuODg2IEwxNjUuOTY5LDE4LjQzMSBDMTY2LjE0MiwxOC41ODQgMTY2LjMxOSwxOC43MiAxNjYuNDk2LDE4LjgzNyBDMTY3LjI1NCwxOS4zMzYgMTY4LDE5LjQ2NyAxNjguNTQzLDE5LjE5NiBDMTY5LjAzMywxOC45NTMgMTY5LjMyOSwxOC40MDEgMTY5LjM3NywxNy42NDUgQzE2OS40MjcsMTYuODY3IDE2OS40MzQsMTYuMDU0IDE2OS40MDEsMTUuMjI4IEwxNjkuMzk3LDE1LjA2NSBMMTY5LjM5NywxMy43MSBMMTY5LjU3MiwxMy44MSBDMTcwLjgzOSwxNC41NDEgMTk1LjU1OSwyOC44MTQgMTk1LjU1OSwyOC44MTQgTDE5NS42MTgsMjguODQ3IEwxOTUuNjE4LDgyLjkxNSBDMTk1LjYxOCw4My40ODQgMTk1LjQyLDgzLjkxMSAxOTUuMDU5LDg0LjExOSBDMTk0LjkwOCw4NC4yMDYgMTk0LjczNyw4NC4yNSAxOTQuNTUzLDg0LjI1IiBpZD0iRmlsbC0xMCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDUuNjg1LDU2LjE2MSBMMTY5LjgsNzAuMDgzIEwxNDMuODIyLDg1LjA4MSBMMTQyLjM2LDg0Ljc3NCBDMTM1LjgyNiw4Mi42MDQgMTI4LjczMiw4MS4wNDYgMTIxLjM0MSw4MC4xNTggQzExNi45NzYsNzkuNjM0IDExMi42NzgsODEuMjU0IDExMS43NDMsODMuNzc4IEMxMTEuNTA2LDg0LjQxNCAxMTEuNTAzLDg1LjA3MSAxMTEuNzMyLDg1LjcwNiBDMTEzLjI3LDg5Ljk3MyAxMTUuOTY4LDk0LjA2OSAxMTkuNzI3LDk3Ljg0MSBMMTIwLjI1OSw5OC42ODYgQzEyMC4yNiw5OC42ODUgOTQuMjgyLDExMy42ODMgOTQuMjgyLDExMy42ODMgTDcwLjE2Nyw5OS43NjEgTDE0NS42ODUsNTYuMTYxIiBpZD0iRmlsbC0xMSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05NC4yODIsMTEzLjgxOCBMOTQuMjIzLDExMy43ODUgTDY5LjkzMyw5OS43NjEgTDcwLjEwOCw5OS42NiBMMTQ1LjY4NSw1Ni4wMjYgTDE0NS43NDMsNTYuMDU5IEwxNzAuMDMzLDcwLjA4MyBMMTQzLjg0Miw4NS4yMDUgTDE0My43OTcsODUuMTk1IEMxNDMuNzcyLDg1LjE5IDE0Mi4zMzYsODQuODg4IDE0Mi4zMzYsODQuODg4IEMxMzUuNzg3LDgyLjcxNCAxMjguNzIzLDgxLjE2MyAxMjEuMzI3LDgwLjI3NCBDMTIwLjc4OCw4MC4yMDkgMTIwLjIzNiw4MC4xNzcgMTE5LjY4OSw4MC4xNzcgQzExNS45MzEsODAuMTc3IDExMi42MzUsODEuNzA4IDExMS44NTIsODMuODE5IEMxMTEuNjI0LDg0LjQzMiAxMTEuNjIxLDg1LjA1MyAxMTEuODQyLDg1LjY2NyBDMTEzLjM3Nyw4OS45MjUgMTE2LjA1OCw5My45OTMgMTE5LjgxLDk3Ljc1OCBMMTE5LjgyNiw5Ny43NzkgTDEyMC4zNTIsOTguNjE0IEMxMjAuMzU0LDk4LjYxNyAxMjAuMzU2LDk4LjYyIDEyMC4zNTgsOTguNjI0IEwxMjAuNDIyLDk4LjcyNiBMMTIwLjMxNyw5OC43ODcgQzEyMC4yNjQsOTguODE4IDk0LjU5OSwxMTMuNjM1IDk0LjM0LDExMy43ODUgTDk0LjI4MiwxMTMuODE4IEw5NC4yODIsMTEzLjgxOCBaIE03MC40MDEsOTkuNzYxIEw5NC4yODIsMTEzLjU0OSBMMTE5LjA4NCw5OS4yMjkgQzExOS42Myw5OC45MTQgMTE5LjkzLDk4Ljc0IDEyMC4xMDEsOTguNjU0IEwxMTkuNjM1LDk3LjkxNCBDMTE1Ljg2NCw5NC4xMjcgMTEzLjE2OCw5MC4wMzMgMTExLjYyMiw4NS43NDYgQzExMS4zODIsODUuMDc5IDExMS4zODYsODQuNDA0IDExMS42MzMsODMuNzM4IEMxMTIuNDQ4LDgxLjUzOSAxMTUuODM2LDc5Ljk0MyAxMTkuNjg5LDc5Ljk0MyBDMTIwLjI0Niw3OS45NDMgMTIwLjgwNiw3OS45NzYgMTIxLjM1NSw4MC4wNDIgQzEyOC43NjcsODAuOTMzIDEzNS44NDYsODIuNDg3IDE0Mi4zOTYsODQuNjYzIEMxNDMuMjMyLDg0LjgzOCAxNDMuNjExLDg0LjkxNyAxNDMuNzg2LDg0Ljk2NyBMMTY5LjU2Niw3MC4wODMgTDE0NS42ODUsNTYuMjk1IEw3MC40MDEsOTkuNzYxIEw3MC40MDEsOTkuNzYxIFoiIGlkPSJGaWxsLTEyIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2Ny4yMywxOC45NzkgTDE2Ny4yMyw2OS44NSBMMTM5LjkwOSw4NS42MjMgTDEzMy40NDgsNzEuNDU2IEMxMzIuNTM4LDY5LjQ2IDEzMC4wMiw2OS43MTggMTI3LjgyNCw3Mi4wMyBDMTI2Ljc2OSw3My4xNCAxMjUuOTMxLDc0LjU4NSAxMjUuNDk0LDc2LjA0OCBMMTE5LjAzNCw5Ny42NzYgTDkxLjcxMiwxMTMuNDUgTDkxLjcxMiw2Mi41NzkgTDE2Ny4yMywxOC45NzkiIGlkPSJGaWxsLTEzIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkxLjcxMiwxMTMuNTY3IEM5MS42OTIsMTEzLjU2NyA5MS42NzIsMTEzLjU2MSA5MS42NTMsMTEzLjU1MSBDOTEuNjE4LDExMy41MyA5MS41OTUsMTEzLjQ5MiA5MS41OTUsMTEzLjQ1IEw5MS41OTUsNjIuNTc5IEM5MS41OTUsNjIuNTM3IDkxLjYxOCw2Mi40OTkgOTEuNjUzLDYyLjQ3OCBMMTY3LjE3MiwxOC44NzggQzE2Ny4yMDgsMTguODU3IDE2Ny4yNTIsMTguODU3IDE2Ny4yODgsMTguODc4IEMxNjcuMzI0LDE4Ljg5OSAxNjcuMzQ3LDE4LjkzNyAxNjcuMzQ3LDE4Ljk3OSBMMTY3LjM0Nyw2OS44NSBDMTY3LjM0Nyw2OS44OTEgMTY3LjMyNCw2OS45MyAxNjcuMjg4LDY5Ljk1IEwxMzkuOTY3LDg1LjcyNSBDMTM5LjkzOSw4NS43NDEgMTM5LjkwNSw4NS43NDUgMTM5Ljg3Myw4NS43MzUgQzEzOS44NDIsODUuNzI1IDEzOS44MTYsODUuNzAyIDEzOS44MDIsODUuNjcyIEwxMzMuMzQyLDcxLjUwNCBDMTMyLjk2Nyw3MC42ODIgMTMyLjI4LDcwLjIyOSAxMzEuNDA4LDcwLjIyOSBDMTMwLjMxOSw3MC4yMjkgMTI5LjA0NCw3MC45MTUgMTI3LjkwOCw3Mi4xMSBDMTI2Ljg3NCw3My4yIDEyNi4wMzQsNzQuNjQ3IDEyNS42MDYsNzYuMDgyIEwxMTkuMTQ2LDk3LjcwOSBDMTE5LjEzNyw5Ny43MzggMTE5LjExOCw5Ny43NjIgMTE5LjA5Miw5Ny43NzcgTDkxLjc3LDExMy41NTEgQzkxLjc1MiwxMTMuNTYxIDkxLjczMiwxMTMuNTY3IDkxLjcxMiwxMTMuNTY3IEw5MS43MTIsMTEzLjU2NyBaIE05MS44MjksNjIuNjQ3IEw5MS44MjksMTEzLjI0OCBMMTE4LjkzNSw5Ny41OTggTDEyNS4zODIsNzYuMDE1IEMxMjUuODI3LDc0LjUyNSAxMjYuNjY0LDczLjA4MSAxMjcuNzM5LDcxLjk1IEMxMjguOTE5LDcwLjcwOCAxMzAuMjU2LDY5Ljk5NiAxMzEuNDA4LDY5Ljk5NiBDMTMyLjM3Nyw2OS45OTYgMTMzLjEzOSw3MC40OTcgMTMzLjU1NCw3MS40MDcgTDEzOS45NjEsODUuNDU4IEwxNjcuMTEzLDY5Ljc4MiBMMTY3LjExMywxOS4xODEgTDkxLjgyOSw2Mi42NDcgTDkxLjgyOSw2Mi42NDcgWiIgaWQ9IkZpbGwtMTQiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY4LjU0MywxOS4yMTMgTDE2OC41NDMsNzAuMDgzIEwxNDEuMjIxLDg1Ljg1NyBMMTM0Ljc2MSw3MS42ODkgQzEzMy44NTEsNjkuNjk0IDEzMS4zMzMsNjkuOTUxIDEyOS4xMzcsNzIuMjYzIEMxMjguMDgyLDczLjM3NCAxMjcuMjQ0LDc0LjgxOSAxMjYuODA3LDc2LjI4MiBMMTIwLjM0Niw5Ny45MDkgTDkzLjAyNSwxMTMuNjgzIEw5My4wMjUsNjIuODEzIEwxNjguNTQzLDE5LjIxMyIgaWQ9IkZpbGwtMTUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTMuMDI1LDExMy44IEM5My4wMDUsMTEzLjggOTIuOTg0LDExMy43OTUgOTIuOTY2LDExMy43ODUgQzkyLjkzMSwxMTMuNzY0IDkyLjkwOCwxMTMuNzI1IDkyLjkwOCwxMTMuNjg0IEw5Mi45MDgsNjIuODEzIEM5Mi45MDgsNjIuNzcxIDkyLjkzMSw2Mi43MzMgOTIuOTY2LDYyLjcxMiBMMTY4LjQ4NCwxOS4xMTIgQzE2OC41MiwxOS4wOSAxNjguNTY1LDE5LjA5IDE2OC42MDEsMTkuMTEyIEMxNjguNjM3LDE5LjEzMiAxNjguNjYsMTkuMTcxIDE2OC42NiwxOS4yMTIgTDE2OC42Niw3MC4wODMgQzE2OC42Niw3MC4xMjUgMTY4LjYzNyw3MC4xNjQgMTY4LjYwMSw3MC4xODQgTDE0MS4yOCw4NS45NTggQzE0MS4yNTEsODUuOTc1IDE0MS4yMTcsODUuOTc5IDE0MS4xODYsODUuOTY4IEMxNDEuMTU0LDg1Ljk1OCAxNDEuMTI5LDg1LjkzNiAxNDEuMTE1LDg1LjkwNiBMMTM0LjY1NSw3MS43MzggQzEzNC4yOCw3MC45MTUgMTMzLjU5Myw3MC40NjMgMTMyLjcyLDcwLjQ2MyBDMTMxLjYzMiw3MC40NjMgMTMwLjM1Nyw3MS4xNDggMTI5LjIyMSw3Mi4zNDQgQzEyOC4xODYsNzMuNDMzIDEyNy4zNDcsNzQuODgxIDEyNi45MTksNzYuMzE1IEwxMjAuNDU4LDk3Ljk0MyBDMTIwLjQ1LDk3Ljk3MiAxMjAuNDMxLDk3Ljk5NiAxMjAuNDA1LDk4LjAxIEw5My4wODMsMTEzLjc4NSBDOTMuMDY1LDExMy43OTUgOTMuMDQ1LDExMy44IDkzLjAyNSwxMTMuOCBMOTMuMDI1LDExMy44IFogTTkzLjE0Miw2Mi44ODEgTDkzLjE0MiwxMTMuNDgxIEwxMjAuMjQ4LDk3LjgzMiBMMTI2LjY5NSw3Ni4yNDggQzEyNy4xNCw3NC43NTggMTI3Ljk3Nyw3My4zMTUgMTI5LjA1Miw3Mi4xODMgQzEzMC4yMzEsNzAuOTQyIDEzMS41NjgsNzAuMjI5IDEzMi43Miw3MC4yMjkgQzEzMy42ODksNzAuMjI5IDEzNC40NTIsNzAuNzMxIDEzNC44NjcsNzEuNjQxIEwxNDEuMjc0LDg1LjY5MiBMMTY4LjQyNiw3MC4wMTYgTDE2OC40MjYsMTkuNDE1IEw5My4xNDIsNjIuODgxIEw5My4xNDIsNjIuODgxIFoiIGlkPSJGaWxsLTE2IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2OS44LDcwLjA4MyBMMTQyLjQ3OCw4NS44NTcgTDEzNi4wMTgsNzEuNjg5IEMxMzUuMTA4LDY5LjY5NCAxMzIuNTksNjkuOTUxIDEzMC4zOTMsNzIuMjYzIEMxMjkuMzM5LDczLjM3NCAxMjguNSw3NC44MTkgMTI4LjA2NCw3Ni4yODIgTDEyMS42MDMsOTcuOTA5IEw5NC4yODIsMTEzLjY4MyBMOTQuMjgyLDYyLjgxMyBMMTY5LjgsMTkuMjEzIEwxNjkuOCw3MC4wODMgWiIgaWQ9IkZpbGwtMTciIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTQuMjgyLDExMy45MTcgQzk0LjI0MSwxMTMuOTE3IDk0LjIwMSwxMTMuOTA3IDk0LjE2NSwxMTMuODg2IEM5NC4wOTMsMTEzLjg0NSA5NC4wNDgsMTEzLjc2NyA5NC4wNDgsMTEzLjY4NCBMOTQuMDQ4LDYyLjgxMyBDOTQuMDQ4LDYyLjczIDk0LjA5Myw2Mi42NTIgOTQuMTY1LDYyLjYxMSBMMTY5LjY4MywxOS4wMSBDMTY5Ljc1NSwxOC45NjkgMTY5Ljg0NCwxOC45NjkgMTY5LjkxNywxOS4wMSBDMTY5Ljk4OSwxOS4wNTIgMTcwLjAzMywxOS4xMjkgMTcwLjAzMywxOS4yMTIgTDE3MC4wMzMsNzAuMDgzIEMxNzAuMDMzLDcwLjE2NiAxNjkuOTg5LDcwLjI0NCAxNjkuOTE3LDcwLjI4NSBMMTQyLjU5NSw4Ni4wNiBDMTQyLjUzOCw4Ni4wOTIgMTQyLjQ2OSw4Ni4xIDE0Mi40MDcsODYuMDggQzE0Mi4zNDQsODYuMDYgMTQyLjI5Myw4Ni4wMTQgMTQyLjI2Niw4NS45NTQgTDEzNS44MDUsNzEuNzg2IEMxMzUuNDQ1LDcwLjk5NyAxMzQuODEzLDcwLjU4IDEzMy45NzcsNzAuNTggQzEzMi45MjEsNzAuNTggMTMxLjY3Niw3MS4yNTIgMTMwLjU2Miw3Mi40MjQgQzEyOS41NCw3My41MDEgMTI4LjcxMSw3NC45MzEgMTI4LjI4Nyw3Ni4zNDggTDEyMS44MjcsOTcuOTc2IEMxMjEuODEsOTguMDM0IDEyMS43NzEsOTguMDgyIDEyMS43Miw5OC4xMTIgTDk0LjM5OCwxMTMuODg2IEM5NC4zNjIsMTEzLjkwNyA5NC4zMjIsMTEzLjkxNyA5NC4yODIsMTEzLjkxNyBMOTQuMjgyLDExMy45MTcgWiBNOTQuNTE1LDYyLjk0OCBMOTQuNTE1LDExMy4yNzkgTDEyMS40MDYsOTcuNzU0IEwxMjcuODQsNzYuMjE1IEMxMjguMjksNzQuNzA4IDEyOS4xMzcsNzMuMjQ3IDEzMC4yMjQsNzIuMTAzIEMxMzEuNDI1LDcwLjgzOCAxMzIuNzkzLDcwLjExMiAxMzMuOTc3LDcwLjExMiBDMTM0Ljk5NSw3MC4xMTIgMTM1Ljc5NSw3MC42MzggMTM2LjIzLDcxLjU5MiBMMTQyLjU4NCw4NS41MjYgTDE2OS41NjYsNjkuOTQ4IEwxNjkuNTY2LDE5LjYxNyBMOTQuNTE1LDYyLjk0OCBMOTQuNTE1LDYyLjk0OCBaIiBpZD0iRmlsbC0xOCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDkuODk0LDkyLjk0MyBMMTA5Ljg5NCw5Mi45NDMgQzEwOC4xMiw5Mi45NDMgMTA2LjY1Myw5Mi4yMTggMTA1LjY1LDkwLjgyMyBDMTA1LjU4Myw5MC43MzEgMTA1LjU5Myw5MC42MSAxMDUuNjczLDkwLjUyOSBDMTA1Ljc1Myw5MC40NDggMTA1Ljg4LDkwLjQ0IDEwNS45NzQsOTAuNTA2IEMxMDYuNzU0LDkxLjA1MyAxMDcuNjc5LDkxLjMzMyAxMDguNzI0LDkxLjMzMyBDMTEwLjA0Nyw5MS4zMzMgMTExLjQ3OCw5MC44OTQgMTEyLjk4LDkwLjAyNyBDMTE4LjI5MSw4Ni45NiAxMjIuNjExLDc5LjUwOSAxMjIuNjExLDczLjQxNiBDMTIyLjYxMSw3MS40ODkgMTIyLjE2OSw2OS44NTYgMTIxLjMzMyw2OC42OTIgQzEyMS4yNjYsNjguNiAxMjEuMjc2LDY4LjQ3MyAxMjEuMzU2LDY4LjM5MiBDMTIxLjQzNiw2OC4zMTEgMTIxLjU2Myw2OC4yOTkgMTIxLjY1Niw2OC4zNjUgQzEyMy4zMjcsNjkuNTM3IDEyNC4yNDcsNzEuNzQ2IDEyNC4yNDcsNzQuNTg0IEMxMjQuMjQ3LDgwLjgyNiAxMTkuODIxLDg4LjQ0NyAxMTQuMzgyLDkxLjU4NyBDMTEyLjgwOCw5Mi40OTUgMTExLjI5OCw5Mi45NDMgMTA5Ljg5NCw5Mi45NDMgTDEwOS44OTQsOTIuOTQzIFogTTEwNi45MjUsOTEuNDAxIEMxMDcuNzM4LDkyLjA1MiAxMDguNzQ1LDkyLjI3OCAxMDkuODkzLDkyLjI3OCBMMTA5Ljg5NCw5Mi4yNzggQzExMS4yMTUsOTIuMjc4IDExMi42NDcsOTEuOTUxIDExNC4xNDgsOTEuMDg0IEMxMTkuNDU5LDg4LjAxNyAxMjMuNzgsODAuNjIxIDEyMy43OCw3NC41MjggQzEyMy43OCw3Mi41NDkgMTIzLjMxNyw3MC45MjkgMTIyLjQ1NCw2OS43NjcgQzEyMi44NjUsNzAuODAyIDEyMy4wNzksNzIuMDQyIDEyMy4wNzksNzMuNDAyIEMxMjMuMDc5LDc5LjY0NSAxMTguNjUzLDg3LjI4NSAxMTMuMjE0LDkwLjQyNSBDMTExLjY0LDkxLjMzNCAxMTAuMTMsOTEuNzQyIDEwOC43MjQsOTEuNzQyIEMxMDguMDgzLDkxLjc0MiAxMDcuNDgxLDkxLjU5MyAxMDYuOTI1LDkxLjQwMSBMMTA2LjkyNSw5MS40MDEgWiIgaWQ9IkZpbGwtMTkiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjA5Nyw5MC4yMyBDMTE4LjQ4MSw4Ny4xMjIgMTIyLjg0NSw3OS41OTQgMTIyLjg0NSw3My40MTYgQzEyMi44NDUsNzEuMzY1IDEyMi4zNjIsNjkuNzI0IDEyMS41MjIsNjguNTU2IEMxMTkuNzM4LDY3LjMwNCAxMTcuMTQ4LDY3LjM2MiAxMTQuMjY1LDY5LjAyNiBDMTA4Ljg4MSw3Mi4xMzQgMTA0LjUxNyw3OS42NjIgMTA0LjUxNyw4NS44NCBDMTA0LjUxNyw4Ny44OTEgMTA1LDg5LjUzMiAxMDUuODQsOTAuNyBDMTA3LjYyNCw5MS45NTIgMTEwLjIxNCw5MS44OTQgMTEzLjA5Nyw5MC4yMyIgaWQ9IkZpbGwtMjAiIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTA4LjcyNCw5MS42MTQgTDEwOC43MjQsOTEuNjE0IEMxMDcuNTgyLDkxLjYxNCAxMDYuNTY2LDkxLjQwMSAxMDUuNzA1LDkwLjc5NyBDMTA1LjY4NCw5MC43ODMgMTA1LjY2NSw5MC44MTEgMTA1LjY1LDkwLjc5IEMxMDQuNzU2LDg5LjU0NiAxMDQuMjgzLDg3Ljg0MiAxMDQuMjgzLDg1LjgxNyBDMTA0LjI4Myw3OS41NzUgMTA4LjcwOSw3MS45NTMgMTE0LjE0OCw2OC44MTIgQzExNS43MjIsNjcuOTA0IDExNy4yMzIsNjcuNDQ5IDExOC42MzgsNjcuNDQ5IEMxMTkuNzgsNjcuNDQ5IDEyMC43OTYsNjcuNzU4IDEyMS42NTYsNjguMzYyIEMxMjEuNjc4LDY4LjM3NyAxMjEuNjk3LDY4LjM5NyAxMjEuNzEyLDY4LjQxOCBDMTIyLjYwNiw2OS42NjIgMTIzLjA3OSw3MS4zOSAxMjMuMDc5LDczLjQxNSBDMTIzLjA3OSw3OS42NTggMTE4LjY1Myw4Ny4xOTggMTEzLjIxNCw5MC4zMzggQzExMS42NCw5MS4yNDcgMTEwLjEzLDkxLjYxNCAxMDguNzI0LDkxLjYxNCBMMTA4LjcyNCw5MS42MTQgWiBNMTA2LjAwNiw5MC41MDUgQzEwNi43OCw5MS4wMzcgMTA3LjY5NCw5MS4yODEgMTA4LjcyNCw5MS4yODEgQzExMC4wNDcsOTEuMjgxIDExMS40NzgsOTAuODY4IDExMi45OCw5MC4wMDEgQzExOC4yOTEsODYuOTM1IDEyMi42MTEsNzkuNDk2IDEyMi42MTEsNzMuNDAzIEMxMjIuNjExLDcxLjQ5NCAxMjIuMTc3LDY5Ljg4IDEyMS4zNTYsNjguNzE4IEMxMjAuNTgyLDY4LjE4NSAxMTkuNjY4LDY3LjkxOSAxMTguNjM4LDY3LjkxOSBDMTE3LjMxNSw2Ny45MTkgMTE1Ljg4Myw2OC4zNiAxMTQuMzgyLDY5LjIyNyBDMTA5LjA3MSw3Mi4yOTMgMTA0Ljc1MSw3OS43MzMgMTA0Ljc1MSw4NS44MjYgQzEwNC43NTEsODcuNzM1IDEwNS4xODUsODkuMzQzIDEwNi4wMDYsOTAuNTA1IEwxMDYuMDA2LDkwLjUwNSBaIiBpZD0iRmlsbC0yMSIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDkuMzE4LDcuMjYyIEwxMzkuMzM0LDE2LjE0IEwxNTUuMjI3LDI3LjE3MSBMMTYwLjgxNiwyMS4wNTkgTDE0OS4zMTgsNy4yNjIiIGlkPSJGaWxsLTIyIiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2OS42NzYsMTMuODQgTDE1OS45MjgsMTkuNDY3IEMxNTYuMjg2LDIxLjU3IDE1MC40LDIxLjU4IDE0Ni43ODEsMTkuNDkxIEMxNDMuMTYxLDE3LjQwMiAxNDMuMTgsMTQuMDAzIDE0Ni44MjIsMTEuOSBMMTU2LjMxNyw2LjI5MiBMMTQ5LjU4OCwyLjQwNyBMNjcuNzUyLDQ5LjQ3OCBMMTEzLjY3NSw3NS45OTIgTDExNi43NTYsNzQuMjEzIEMxMTcuMzg3LDczLjg0OCAxMTcuNjI1LDczLjMxNSAxMTcuMzc0LDcyLjgyMyBDMTE1LjAxNyw2OC4xOTEgMTE0Ljc4MSw2My4yNzcgMTE2LjY5MSw1OC41NjEgQzEyMi4zMjksNDQuNjQxIDE0MS4yLDMzLjc0NiAxNjUuMzA5LDMwLjQ5MSBDMTczLjQ3OCwyOS4zODggMTgxLjk4OSwyOS41MjQgMTkwLjAxMywzMC44ODUgQzE5MC44NjUsMzEuMDMgMTkxLjc4OSwzMC44OTMgMTkyLjQyLDMwLjUyOCBMMTk1LjUwMSwyOC43NSBMMTY5LjY3NiwxMy44NCIgaWQ9IkZpbGwtMjMiIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjY3NSw3Ni40NTkgQzExMy41OTQsNzYuNDU5IDExMy41MTQsNzYuNDM4IDExMy40NDIsNzYuMzk3IEw2Ny41MTgsNDkuODgyIEM2Ny4zNzQsNDkuNzk5IDY3LjI4NCw0OS42NDUgNjcuMjg1LDQ5LjQ3OCBDNjcuMjg1LDQ5LjMxMSA2Ny4zNzQsNDkuMTU3IDY3LjUxOSw0OS4wNzMgTDE0OS4zNTUsMi4wMDIgQzE0OS40OTksMS45MTkgMTQ5LjY3NywxLjkxOSAxNDkuODIxLDIuMDAyIEwxNTYuNTUsNS44ODcgQzE1Ni43NzQsNi4wMTcgMTU2Ljg1LDYuMzAyIDE1Ni43MjIsNi41MjYgQzE1Ni41OTIsNi43NDkgMTU2LjMwNyw2LjgyNiAxNTYuMDgzLDYuNjk2IEwxNDkuNTg3LDIuOTQ2IEw2OC42ODcsNDkuNDc5IEwxMTMuNjc1LDc1LjQ1MiBMMTE2LjUyMyw3My44MDggQzExNi43MTUsNzMuNjk3IDExNy4xNDMsNzMuMzk5IDExNi45NTgsNzMuMDM1IEMxMTQuNTQyLDY4LjI4NyAxMTQuMyw2My4yMjEgMTE2LjI1OCw1OC4zODUgQzExOS4wNjQsNTEuNDU4IDEyNS4xNDMsNDUuMTQzIDEzMy44NCw0MC4xMjIgQzE0Mi40OTcsMzUuMTI0IDE1My4zNTgsMzEuNjMzIDE2NS4yNDcsMzAuMDI4IEMxNzMuNDQ1LDI4LjkyMSAxODIuMDM3LDI5LjA1OCAxOTAuMDkxLDMwLjQyNSBDMTkwLjgzLDMwLjU1IDE5MS42NTIsMzAuNDMyIDE5Mi4xODYsMzAuMTI0IEwxOTQuNTY3LDI4Ljc1IEwxNjkuNDQyLDE0LjI0NCBDMTY5LjIxOSwxNC4xMTUgMTY5LjE0MiwxMy44MjkgMTY5LjI3MSwxMy42MDYgQzE2OS40LDEzLjM4MiAxNjkuNjg1LDEzLjMwNiAxNjkuOTA5LDEzLjQzNSBMMTk1LjczNCwyOC4zNDUgQzE5NS44NzksMjguNDI4IDE5NS45NjgsMjguNTgzIDE5NS45NjgsMjguNzUgQzE5NS45NjgsMjguOTE2IDE5NS44NzksMjkuMDcxIDE5NS43MzQsMjkuMTU0IEwxOTIuNjUzLDMwLjkzMyBDMTkxLjkzMiwzMS4zNSAxOTAuODksMzEuNTA4IDE4OS45MzUsMzEuMzQ2IEMxODEuOTcyLDI5Ljk5NSAxNzMuNDc4LDI5Ljg2IDE2NS4zNzIsMzAuOTU0IEMxNTMuNjAyLDMyLjU0MyAxNDIuODYsMzUuOTkzIDEzNC4zMDcsNDAuOTMxIEMxMjUuNzkzLDQ1Ljg0NyAxMTkuODUxLDUyLjAwNCAxMTcuMTI0LDU4LjczNiBDMTE1LjI3LDYzLjMxNCAxMTUuNTAxLDY4LjExMiAxMTcuNzksNzIuNjExIEMxMTguMTYsNzMuMzM2IDExNy44NDUsNzQuMTI0IDExNi45OSw3NC42MTcgTDExMy45MDksNzYuMzk3IEMxMTMuODM2LDc2LjQzOCAxMTMuNzU2LDc2LjQ1OSAxMTMuNjc1LDc2LjQ1OSIgaWQ9IkZpbGwtMjQiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUzLjMxNiwyMS4yNzkgQzE1MC45MDMsMjEuMjc5IDE0OC40OTUsMjAuNzUxIDE0Ni42NjQsMTkuNjkzIEMxNDQuODQ2LDE4LjY0NCAxNDMuODQ0LDE3LjIzMiAxNDMuODQ0LDE1LjcxOCBDMTQzLjg0NCwxNC4xOTEgMTQ0Ljg2LDEyLjc2MyAxNDYuNzA1LDExLjY5OCBMMTU2LjE5OCw2LjA5MSBDMTU2LjMwOSw2LjAyNSAxNTYuNDUyLDYuMDYyIDE1Ni41MTgsNi4xNzMgQzE1Ni41ODMsNi4yODQgMTU2LjU0Nyw2LjQyNyAxNTYuNDM2LDYuNDkzIEwxNDYuOTQsMTIuMTAyIEMxNDUuMjQ0LDEzLjA4MSAxNDQuMzEyLDE0LjM2NSAxNDQuMzEyLDE1LjcxOCBDMTQ0LjMxMiwxNy4wNTggMTQ1LjIzLDE4LjMyNiAxNDYuODk3LDE5LjI4OSBDMTUwLjQ0NiwyMS4zMzggMTU2LjI0LDIxLjMyNyAxNTkuODExLDE5LjI2NSBMMTY5LjU1OSwxMy42MzcgQzE2OS42NywxMy41NzMgMTY5LjgxMywxMy42MTEgMTY5Ljg3OCwxMy43MjMgQzE2OS45NDMsMTMuODM0IDE2OS45MDQsMTMuOTc3IDE2OS43OTMsMTQuMDQyIEwxNjAuMDQ1LDE5LjY3IEMxNTguMTg3LDIwLjc0MiAxNTUuNzQ5LDIxLjI3OSAxNTMuMzE2LDIxLjI3OSIgaWQ9IkZpbGwtMjUiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjY3NSw3NS45OTIgTDY3Ljc2Miw0OS40ODQiIGlkPSJGaWxsLTI2IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMy42NzUsNzYuMzQyIEMxMTMuNjE1LDc2LjM0MiAxMTMuNTU1LDc2LjMyNyAxMTMuNSw3Ni4yOTUgTDY3LjU4Nyw0OS43ODcgQzY3LjQxOSw0OS42OSA2Ny4zNjIsNDkuNDc2IDY3LjQ1OSw0OS4zMDkgQzY3LjU1Niw0OS4xNDEgNjcuNzcsNDkuMDgzIDY3LjkzNyw0OS4xOCBMMTEzLjg1LDc1LjY4OCBDMTE0LjAxOCw3NS43ODUgMTE0LjA3NSw3NiAxMTMuOTc4LDc2LjE2NyBDMTEzLjkxNCw3Ni4yNzkgMTEzLjc5Niw3Ni4zNDIgMTEzLjY3NSw3Ni4zNDIiIGlkPSJGaWxsLTI3IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY3Ljc2Miw0OS40ODQgTDY3Ljc2MiwxMDMuNDg1IEM2Ny43NjIsMTA0LjU3NSA2OC41MzIsMTA1LjkwMyA2OS40ODIsMTA2LjQ1MiBMMTExLjk1NSwxMzAuOTczIEMxMTIuOTA1LDEzMS41MjIgMTEzLjY3NSwxMzEuMDgzIDExMy42NzUsMTI5Ljk5MyBMMTEzLjY3NSw3NS45OTIiIGlkPSJGaWxsLTI4IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMi43MjcsMTMxLjU2MSBDMTEyLjQzLDEzMS41NjEgMTEyLjEwNywxMzEuNDY2IDExMS43OCwxMzEuMjc2IEw2OS4zMDcsMTA2Ljc1NSBDNjguMjQ0LDEwNi4xNDIgNjcuNDEyLDEwNC43MDUgNjcuNDEyLDEwMy40ODUgTDY3LjQxMiw0OS40ODQgQzY3LjQxMiw0OS4yOSA2Ny41NjksNDkuMTM0IDY3Ljc2Miw0OS4xMzQgQzY3Ljk1Niw0OS4xMzQgNjguMTEzLDQ5LjI5IDY4LjExMyw0OS40ODQgTDY4LjExMywxMDMuNDg1IEM2OC4xMTMsMTA0LjQ0NSA2OC44MiwxMDUuNjY1IDY5LjY1NywxMDYuMTQ4IEwxMTIuMTMsMTMwLjY3IEMxMTIuNDc0LDEzMC44NjggMTEyLjc5MSwxMzAuOTEzIDExMywxMzAuNzkyIEMxMTMuMjA2LDEzMC42NzMgMTEzLjMyNSwxMzAuMzgxIDExMy4zMjUsMTI5Ljk5MyBMMTEzLjMyNSw3NS45OTIgQzExMy4zMjUsNzUuNzk4IDExMy40ODIsNzUuNjQxIDExMy42NzUsNzUuNjQxIEMxMTMuODY5LDc1LjY0MSAxMTQuMDI1LDc1Ljc5OCAxMTQuMDI1LDc1Ljk5MiBMMTE0LjAyNSwxMjkuOTkzIEMxMTQuMDI1LDEzMC42NDggMTEzLjc4NiwxMzEuMTQ3IDExMy4zNSwxMzEuMzk5IEMxMTMuMTYyLDEzMS41MDcgMTEyLjk1MiwxMzEuNTYxIDExMi43MjcsMTMxLjU2MSIgaWQ9IkZpbGwtMjkiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEyLjg2LDQwLjUxMiBDMTEyLjg2LDQwLjUxMiAxMTIuODYsNDAuNTEyIDExMi44NTksNDAuNTEyIEMxMTAuNTQxLDQwLjUxMiAxMDguMzYsMzkuOTkgMTA2LjcxNywzOS4wNDEgQzEwNS4wMTIsMzguMDU3IDEwNC4wNzQsMzYuNzI2IDEwNC4wNzQsMzUuMjkyIEMxMDQuMDc0LDMzLjg0NyAxMDUuMDI2LDMyLjUwMSAxMDYuNzU0LDMxLjUwNCBMMTE4Ljc5NSwyNC41NTEgQzEyMC40NjMsMjMuNTg5IDEyMi42NjksMjMuMDU4IDEyNS4wMDcsMjMuMDU4IEMxMjcuMzI1LDIzLjA1OCAxMjkuNTA2LDIzLjU4MSAxMzEuMTUsMjQuNTMgQzEzMi44NTQsMjUuNTE0IDEzMy43OTMsMjYuODQ1IDEzMy43OTMsMjguMjc4IEMxMzMuNzkzLDI5LjcyNCAxMzIuODQxLDMxLjA2OSAxMzEuMTEzLDMyLjA2NyBMMTE5LjA3MSwzOS4wMTkgQzExNy40MDMsMzkuOTgyIDExNS4xOTcsNDAuNTEyIDExMi44Niw0MC41MTIgTDExMi44Niw0MC41MTIgWiBNMTI1LjAwNywyMy43NTkgQzEyMi43OSwyMy43NTkgMTIwLjcwOSwyNC4yNTYgMTE5LjE0NiwyNS4xNTggTDEwNy4xMDQsMzIuMTEgQzEwNS42MDIsMzIuOTc4IDEwNC43NzQsMzQuMTA4IDEwNC43NzQsMzUuMjkyIEMxMDQuNzc0LDM2LjQ2NSAxMDUuNTg5LDM3LjU4MSAxMDcuMDY3LDM4LjQzNCBDMTA4LjYwNSwzOS4zMjMgMTEwLjY2MywzOS44MTIgMTEyLjg1OSwzOS44MTIgTDExMi44NiwzOS44MTIgQzExNS4wNzYsMzkuODEyIDExNy4xNTgsMzkuMzE1IDExOC43MjEsMzguNDEzIEwxMzAuNzYyLDMxLjQ2IEMxMzIuMjY0LDMwLjU5MyAxMzMuMDkyLDI5LjQ2MyAxMzMuMDkyLDI4LjI3OCBDMTMzLjA5MiwyNy4xMDYgMTMyLjI3OCwyNS45OSAxMzAuOCwyNS4xMzYgQzEyOS4yNjEsMjQuMjQ4IDEyNy4yMDQsMjMuNzU5IDEyNS4wMDcsMjMuNzU5IEwxMjUuMDA3LDIzLjc1OSBaIiBpZD0iRmlsbC0zMCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjUuNjMsMTYuMjE5IEwxNTkuODk2LDE5LjUzIEMxNTYuNzI5LDIxLjM1OCAxNTEuNjEsMjEuMzY3IDE0OC40NjMsMTkuNTUgQzE0NS4zMTYsMTcuNzMzIDE0NS4zMzIsMTQuNzc4IDE0OC40OTksMTIuOTQ5IEwxNTQuMjMzLDkuNjM5IEwxNjUuNjMsMTYuMjE5IiBpZD0iRmlsbC0zMSIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNTQuMjMzLDEwLjQ0OCBMMTY0LjIyOCwxNi4yMTkgTDE1OS41NDYsMTguOTIzIEMxNTguMTEyLDE5Ljc1IDE1Ni4xOTQsMjAuMjA2IDE1NC4xNDcsMjAuMjA2IEMxNTIuMTE4LDIwLjIwNiAxNTAuMjI0LDE5Ljc1NyAxNDguODE0LDE4Ljk0MyBDMTQ3LjUyNCwxOC4xOTkgMTQ2LjgxNCwxNy4yNDkgMTQ2LjgxNCwxNi4yNjkgQzE0Ni44MTQsMTUuMjc4IDE0Ny41MzcsMTQuMzE0IDE0OC44NSwxMy41NTYgTDE1NC4yMzMsMTAuNDQ4IE0xNTQuMjMzLDkuNjM5IEwxNDguNDk5LDEyLjk0OSBDMTQ1LjMzMiwxNC43NzggMTQ1LjMxNiwxNy43MzMgMTQ4LjQ2MywxOS41NSBDMTUwLjAzMSwyMC40NTUgMTUyLjA4NiwyMC45MDcgMTU0LjE0NywyMC45MDcgQzE1Ni4yMjQsMjAuOTA3IDE1OC4zMDYsMjAuNDQ3IDE1OS44OTYsMTkuNTMgTDE2NS42MywxNi4yMTkgTDE1NC4yMzMsOS42MzkiIGlkPSJGaWxsLTMyIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0NS40NDUsNzIuNjY3IEwxNDUuNDQ1LDcyLjY2NyBDMTQzLjY3Miw3Mi42NjcgMTQyLjIwNCw3MS44MTcgMTQxLjIwMiw3MC40MjIgQzE0MS4xMzUsNzAuMzMgMTQxLjE0NSw3MC4xNDcgMTQxLjIyNSw3MC4wNjYgQzE0MS4zMDUsNjkuOTg1IDE0MS40MzIsNjkuOTQ2IDE0MS41MjUsNzAuMDExIEMxNDIuMzA2LDcwLjU1OSAxNDMuMjMxLDcwLjgyMyAxNDQuMjc2LDcwLjgyMiBDMTQ1LjU5OCw3MC44MjIgMTQ3LjAzLDcwLjM3NiAxNDguNTMyLDY5LjUwOSBDMTUzLjg0Miw2Ni40NDMgMTU4LjE2Myw1OC45ODcgMTU4LjE2Myw1Mi44OTQgQzE1OC4xNjMsNTAuOTY3IDE1Ny43MjEsNDkuMzMyIDE1Ni44ODQsNDguMTY4IEMxNTYuODE4LDQ4LjA3NiAxNTYuODI4LDQ3Ljk0OCAxNTYuOTA4LDQ3Ljg2NyBDMTU2Ljk4OCw0Ny43ODYgMTU3LjExNCw0Ny43NzQgMTU3LjIwOCw0Ny44NCBDMTU4Ljg3OCw0OS4wMTIgMTU5Ljc5OCw1MS4yMiAxNTkuNzk4LDU0LjA1OSBDMTU5Ljc5OCw2MC4zMDEgMTU1LjM3Myw2OC4wNDYgMTQ5LjkzMyw3MS4xODYgQzE0OC4zNiw3Mi4wOTQgMTQ2Ljg1LDcyLjY2NyAxNDUuNDQ1LDcyLjY2NyBMMTQ1LjQ0NSw3Mi42NjcgWiBNMTQyLjQ3Niw3MSBDMTQzLjI5LDcxLjY1MSAxNDQuMjk2LDcyLjAwMiAxNDUuNDQ1LDcyLjAwMiBDMTQ2Ljc2Nyw3Mi4wMDIgMTQ4LjE5OCw3MS41NSAxNDkuNyw3MC42ODIgQzE1NS4wMSw2Ny42MTcgMTU5LjMzMSw2MC4xNTkgMTU5LjMzMSw1NC4wNjUgQzE1OS4zMzEsNTIuMDg1IDE1OC44NjgsNTAuNDM1IDE1OC4wMDYsNDkuMjcyIEMxNTguNDE3LDUwLjMwNyAxNTguNjMsNTEuNTMyIDE1OC42Myw1Mi44OTIgQzE1OC42Myw1OS4xMzQgMTU0LjIwNSw2Ni43NjcgMTQ4Ljc2NSw2OS45MDcgQzE0Ny4xOTIsNzAuODE2IDE0NS42ODEsNzEuMjgzIDE0NC4yNzYsNzEuMjgzIEMxNDMuNjM0LDcxLjI4MyAxNDMuMDMzLDcxLjE5MiAxNDIuNDc2LDcxIEwxNDIuNDc2LDcxIFoiIGlkPSJGaWxsLTMzIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0OC42NDgsNjkuNzA0IEMxNTQuMDMyLDY2LjU5NiAxNTguMzk2LDU5LjA2OCAxNTguMzk2LDUyLjg5MSBDMTU4LjM5Niw1MC44MzkgMTU3LjkxMyw0OS4xOTggMTU3LjA3NCw0OC4wMyBDMTU1LjI4OSw0Ni43NzggMTUyLjY5OSw0Ni44MzYgMTQ5LjgxNiw0OC41MDEgQzE0NC40MzMsNTEuNjA5IDE0MC4wNjgsNTkuMTM3IDE0MC4wNjgsNjUuMzE0IEMxNDAuMDY4LDY3LjM2NSAxNDAuNTUyLDY5LjAwNiAxNDEuMzkxLDcwLjE3NCBDMTQzLjE3Niw3MS40MjcgMTQ1Ljc2NSw3MS4zNjkgMTQ4LjY0OCw2OS43MDQiIGlkPSJGaWxsLTM0IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0NC4yNzYsNzEuMjc2IEwxNDQuMjc2LDcxLjI3NiBDMTQzLjEzMyw3MS4yNzYgMTQyLjExOCw3MC45NjkgMTQxLjI1Nyw3MC4zNjUgQzE0MS4yMzYsNzAuMzUxIDE0MS4yMTcsNzAuMzMyIDE0MS4yMDIsNzAuMzExIEMxNDAuMzA3LDY5LjA2NyAxMzkuODM1LDY3LjMzOSAxMzkuODM1LDY1LjMxNCBDMTM5LjgzNSw1OS4wNzMgMTQ0LjI2LDUxLjQzOSAxNDkuNyw0OC4yOTggQzE1MS4yNzMsNDcuMzkgMTUyLjc4NCw0Ni45MjkgMTU0LjE4OSw0Ni45MjkgQzE1NS4zMzIsNDYuOTI5IDE1Ni4zNDcsNDcuMjM2IDE1Ny4yMDgsNDcuODM5IEMxNTcuMjI5LDQ3Ljg1NCAxNTcuMjQ4LDQ3Ljg3MyAxNTcuMjYzLDQ3Ljg5NCBDMTU4LjE1Nyw0OS4xMzggMTU4LjYzLDUwLjg2NSAxNTguNjMsNTIuODkxIEMxNTguNjMsNTkuMTMyIDE1NC4yMDUsNjYuNzY2IDE0OC43NjUsNjkuOTA3IEMxNDcuMTkyLDcwLjgxNSAxNDUuNjgxLDcxLjI3NiAxNDQuMjc2LDcxLjI3NiBMMTQ0LjI3Niw3MS4yNzYgWiBNMTQxLjU1OCw3MC4xMDQgQzE0Mi4zMzEsNzAuNjM3IDE0My4yNDUsNzEuMDA1IDE0NC4yNzYsNzEuMDA1IEMxNDUuNTk4LDcxLjAwNSAxNDcuMDMsNzAuNDY3IDE0OC41MzIsNjkuNiBDMTUzLjg0Miw2Ni41MzQgMTU4LjE2Myw1OS4wMzMgMTU4LjE2Myw1Mi45MzkgQzE1OC4xNjMsNTEuMDMxIDE1Ny43MjksNDkuMzg1IDE1Ni45MDcsNDguMjIzIEMxNTYuMTMzLDQ3LjY5MSAxNTUuMjE5LDQ3LjQwOSAxNTQuMTg5LDQ3LjQwOSBDMTUyLjg2Nyw0Ny40MDkgMTUxLjQzNSw0Ny44NDIgMTQ5LjkzMyw0OC43MDkgQzE0NC42MjMsNTEuNzc1IDE0MC4zMDIsNTkuMjczIDE0MC4zMDIsNjUuMzY2IEMxNDAuMzAyLDY3LjI3NiAxNDAuNzM2LDY4Ljk0MiAxNDEuNTU4LDcwLjEwNCBMMTQxLjU1OCw3MC4xMDQgWiIgaWQ9IkZpbGwtMzUiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUwLjcyLDY1LjM2MSBMMTUwLjM1Nyw2NS4wNjYgQzE1MS4xNDcsNjQuMDkyIDE1MS44NjksNjMuMDQgMTUyLjUwNSw2MS45MzggQzE1My4zMTMsNjAuNTM5IDE1My45NzgsNTkuMDY3IDE1NC40ODIsNTcuNTYzIEwxNTQuOTI1LDU3LjcxMiBDMTU0LjQxMiw1OS4yNDUgMTUzLjczMyw2MC43NDUgMTUyLjkxLDYyLjE3MiBDMTUyLjI2Miw2My4yOTUgMTUxLjUyNSw2NC4zNjggMTUwLjcyLDY1LjM2MSIgaWQ9IkZpbGwtMzYiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE1LjkxNyw4NC41MTQgTDExNS41NTQsODQuMjIgQzExNi4zNDQsODMuMjQ1IDExNy4wNjYsODIuMTk0IDExNy43MDIsODEuMDkyIEMxMTguNTEsNzkuNjkyIDExOS4xNzUsNzguMjIgMTE5LjY3OCw3Ni43MTcgTDEyMC4xMjEsNzYuODY1IEMxMTkuNjA4LDc4LjM5OCAxMTguOTMsNzkuODk5IDExOC4xMDYsODEuMzI2IEMxMTcuNDU4LDgyLjQ0OCAxMTYuNzIyLDgzLjUyMSAxMTUuOTE3LDg0LjUxNCIgaWQ9IkZpbGwtMzciIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE0LDEzMC40NzYgTDExNCwxMzAuMDA4IEwxMTQsNzYuMDUyIEwxMTQsNzUuNTg0IEwxMTQsNzYuMDUyIEwxMTQsMTMwLjAwOCBMMTE0LDEzMC40NzYiIGlkPSJGaWxsLTM4IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuODIyLDM3LjQ3NCBDMTkuODM5LDM3LjMzOSAxOS43NDcsMzcuMTk0IDE5LjU1NSwzNy4wODIgQzE5LjIyOCwzNi44OTQgMTguNzI5LDM2Ljg3MiAxOC40NDYsMzcuMDM3IEwxMi40MzQsNDAuNTA4IEMxMi4zMDMsNDAuNTg0IDEyLjI0LDQwLjY4NiAxMi4yNDMsNDAuNzkzIEMxMi4yNDUsNDAuOTI1IDEyLjI0NSw0MS4yNTQgMTIuMjQ1LDQxLjM3MSBMMTIuMjQ1LDQxLjQxNCBMMTIuMjM4LDQxLjU0MiBDOC4xNDgsNDMuODg3IDUuNjQ3LDQ1LjMyMSA1LjY0Nyw0NS4zMjEgQzUuNjQ2LDQ1LjMyMSAzLjU3LDQ2LjM2NyAyLjg2LDUwLjUxMyBDMi44Niw1MC41MTMgMS45NDgsNTcuNDc0IDEuOTYyLDcwLjI1OCBDMS45NzcsODIuODI4IDIuNTY4LDg3LjMyOCAzLjEyOSw5MS42MDkgQzMuMzQ5LDkzLjI5MyA2LjEzLDkzLjczNCA2LjEzLDkzLjczNCBDNi40NjEsOTMuNzc0IDYuODI4LDkzLjcwNyA3LjIxLDkzLjQ4NiBMODIuNDgzLDQ5LjkzNSBDODQuMjkxLDQ4Ljg2NiA4NS4xNSw0Ni4yMTYgODUuNTM5LDQzLjY1MSBDODYuNzUyLDM1LjY2MSA4Ny4yMTQsMTAuNjczIDg1LjI2NCwzLjc3MyBDODUuMDY4LDMuMDggODQuNzU0LDIuNjkgODQuMzk2LDIuNDkxIEw4Mi4zMSwxLjcwMSBDODEuNTgzLDEuNzI5IDgwLjg5NCwyLjE2OCA4MC43NzYsMi4yMzYgQzgwLjYzNiwyLjMxNyA0MS44MDcsMjQuNTg1IDIwLjAzMiwzNy4wNzIgTDE5LjgyMiwzNy40NzQiIGlkPSJGaWxsLTEiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODIuMzExLDEuNzAxIEw4NC4zOTYsMi40OTEgQzg0Ljc1NCwyLjY5IDg1LjA2OCwzLjA4IDg1LjI2NCwzLjc3MyBDODcuMjEzLDEwLjY3MyA4Ni43NTEsMzUuNjYgODUuNTM5LDQzLjY1MSBDODUuMTQ5LDQ2LjIxNiA4NC4yOSw0OC44NjYgODIuNDgzLDQ5LjkzNSBMNy4yMSw5My40ODYgQzYuODk3LDkzLjY2NyA2LjU5NSw5My43NDQgNi4zMTQsOTMuNzQ0IEw2LjEzMSw5My43MzMgQzYuMTMxLDkzLjczNCAzLjM0OSw5My4yOTMgMy4xMjgsOTEuNjA5IEMyLjU2OCw4Ny4zMjcgMS45NzcsODIuODI4IDEuOTYzLDcwLjI1OCBDMS45NDgsNTcuNDc0IDIuODYsNTAuNTEzIDIuODYsNTAuNTEzIEMzLjU3LDQ2LjM2NyA1LjY0Nyw0NS4zMjEgNS42NDcsNDUuMzIxIEM1LjY0Nyw0NS4zMjEgOC4xNDgsNDMuODg3IDEyLjIzOCw0MS41NDIgTDEyLjI0NSw0MS40MTQgTDEyLjI0NSw0MS4zNzEgQzEyLjI0NSw0MS4yNTQgMTIuMjQ1LDQwLjkyNSAxMi4yNDMsNDAuNzkzIEMxMi4yNCw0MC42ODYgMTIuMzAyLDQwLjU4MyAxMi40MzQsNDAuNTA4IEwxOC40NDYsMzcuMDM2IEMxOC41NzQsMzYuOTYyIDE4Ljc0NiwzNi45MjYgMTguOTI3LDM2LjkyNiBDMTkuMTQ1LDM2LjkyNiAxOS4zNzYsMzYuOTc5IDE5LjU1NCwzNy4wODIgQzE5Ljc0NywzNy4xOTQgMTkuODM5LDM3LjM0IDE5LjgyMiwzNy40NzQgTDIwLjAzMywzNy4wNzIgQzQxLjgwNiwyNC41ODUgODAuNjM2LDIuMzE4IDgwLjc3NywyLjIzNiBDODAuODk0LDIuMTY4IDgxLjU4MywxLjcyOSA4Mi4zMTEsMS43MDEgTTgyLjMxMSwwLjcwNCBMODIuMjcyLDAuNzA1IEM4MS42NTQsMC43MjggODAuOTg5LDAuOTQ5IDgwLjI5OCwxLjM2MSBMODAuMjc3LDEuMzczIEM4MC4xMjksMS40NTggNTkuNzY4LDEzLjEzNSAxOS43NTgsMzYuMDc5IEMxOS41LDM1Ljk4MSAxOS4yMTQsMzUuOTI5IDE4LjkyNywzNS45MjkgQzE4LjU2MiwzNS45MjkgMTguMjIzLDM2LjAxMyAxNy45NDcsMzYuMTczIEwxMS45MzUsMzkuNjQ0IEMxMS40OTMsMzkuODk5IDExLjIzNiw0MC4zMzQgMTEuMjQ2LDQwLjgxIEwxMS4yNDcsNDAuOTYgTDUuMTY3LDQ0LjQ0NyBDNC43OTQsNDQuNjQ2IDIuNjI1LDQ1Ljk3OCAxLjg3Nyw1MC4zNDUgTDEuODcxLDUwLjM4NCBDMS44NjIsNTAuNDU0IDAuOTUxLDU3LjU1NyAwLjk2NSw3MC4yNTkgQzAuOTc5LDgyLjg3OSAxLjU2OCw4Ny4zNzUgMi4xMzcsOTEuNzI0IEwyLjEzOSw5MS43MzkgQzIuNDQ3LDk0LjA5NCA1LjYxNCw5NC42NjIgNS45NzUsOTQuNzE5IEw2LjAwOSw5NC43MjMgQzYuMTEsOTQuNzM2IDYuMjEzLDk0Ljc0MiA2LjMxNCw5NC43NDIgQzYuNzksOTQuNzQyIDcuMjYsOTQuNjEgNy43MSw5NC4zNSBMODIuOTgzLDUwLjc5OCBDODQuNzk0LDQ5LjcyNyA4NS45ODIsNDcuMzc1IDg2LjUyNSw0My44MDEgQzg3LjcxMSwzNS45ODcgODguMjU5LDEwLjcwNSA4Ni4yMjQsMy41MDIgQzg1Ljk3MSwyLjYwOSA4NS41MiwxLjk3NSA4NC44ODEsMS42MiBMODQuNzQ5LDEuNTU4IEw4Mi42NjQsMC43NjkgQzgyLjU1MSwwLjcyNSA4Mi40MzEsMC43MDQgODIuMzExLDAuNzA0IiBpZD0iRmlsbC0yIiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY2LjI2NywxMS41NjUgTDY3Ljc2MiwxMS45OTkgTDExLjQyMyw0NC4zMjUiIGlkPSJGaWxsLTMiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMjAyLDkwLjU0NSBDMTIuMDI5LDkwLjU0NSAxMS44NjIsOTAuNDU1IDExLjc2OSw5MC4yOTUgQzExLjYzMiw5MC4wNTcgMTEuNzEzLDg5Ljc1MiAxMS45NTIsODkuNjE0IEwzMC4zODksNzguOTY5IEMzMC42MjgsNzguODMxIDMwLjkzMyw3OC45MTMgMzEuMDcxLDc5LjE1MiBDMzEuMjA4LDc5LjM5IDMxLjEyNyw3OS42OTYgMzAuODg4LDc5LjgzMyBMMTIuNDUxLDkwLjQ3OCBMMTIuMjAyLDkwLjU0NSIgaWQ9IkZpbGwtNCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy43NjQsNDIuNjU0IEwxMy42NTYsNDIuNTkyIEwxMy43MDIsNDIuNDIxIEwxOC44MzcsMzkuNDU3IEwxOS4wMDcsMzkuNTAyIEwxOC45NjIsMzkuNjczIEwxMy44MjcsNDIuNjM3IEwxMy43NjQsNDIuNjU0IiBpZD0iRmlsbC01IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNTIsOTAuMzc1IEw4LjUyLDQ2LjQyMSBMOC41ODMsNDYuMzg1IEw3NS44NCw3LjU1NCBMNzUuODQsNTEuNTA4IEw3NS43NzgsNTEuNTQ0IEw4LjUyLDkwLjM3NSBMOC41Miw5MC4zNzUgWiBNOC43Nyw0Ni41NjQgTDguNzcsODkuOTQ0IEw3NS41OTEsNTEuMzY1IEw3NS41OTEsNy45ODUgTDguNzcsNDYuNTY0IEw4Ljc3LDQ2LjU2NCBaIiBpZD0iRmlsbC02IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ljk4Niw4My4xODIgQzI0Ljc1Niw4My4zMzEgMjQuMzc0LDgzLjU2NiAyNC4xMzcsODMuNzA1IEwxMi42MzIsOTAuNDA2IEMxMi4zOTUsOTAuNTQ1IDEyLjQyNiw5MC42NTggMTIuNyw5MC42NTggTDEzLjI2NSw5MC42NTggQzEzLjU0LDkwLjY1OCAxMy45NTgsOTAuNTQ1IDE0LjE5NSw5MC40MDYgTDI1LjcsODMuNzA1IEMyNS45MzcsODMuNTY2IDI2LjEyOCw4My40NTIgMjYuMTI1LDgzLjQ0OSBDMjYuMTIyLDgzLjQ0NyAyNi4xMTksODMuMjIgMjYuMTE5LDgyLjk0NiBDMjYuMTE5LDgyLjY3MiAyNS45MzEsODIuNTY5IDI1LjcwMSw4Mi43MTkgTDI0Ljk4Niw4My4xODIiIGlkPSJGaWxsLTciIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuMjY2LDkwLjc4MiBMMTIuNyw5MC43ODIgQzEyLjUsOTAuNzgyIDEyLjM4NCw5MC43MjYgMTIuMzU0LDkwLjYxNiBDMTIuMzI0LDkwLjUwNiAxMi4zOTcsOTAuMzk5IDEyLjU2OSw5MC4yOTkgTDI0LjA3NCw4My41OTcgQzI0LjMxLDgzLjQ1OSAyNC42ODksODMuMjI2IDI0LjkxOCw4My4wNzggTDI1LjYzMyw4Mi42MTQgQzI1LjcyMyw4Mi41NTUgMjUuODEzLDgyLjUyNSAyNS44OTksODIuNTI1IEMyNi4wNzEsODIuNTI1IDI2LjI0NCw4Mi42NTUgMjYuMjQ0LDgyLjk0NiBDMjYuMjQ0LDgzLjE2IDI2LjI0NSw4My4zMDkgMjYuMjQ3LDgzLjM4MyBMMjYuMjUzLDgzLjM4NyBMMjYuMjQ5LDgzLjQ1NiBDMjYuMjQ2LDgzLjUzMSAyNi4yNDYsODMuNTMxIDI1Ljc2Myw4My44MTIgTDE0LjI1OCw5MC41MTQgQzE0LDkwLjY2NSAxMy41NjQsOTAuNzgyIDEzLjI2Niw5MC43ODIgTDEzLjI2Niw5MC43ODIgWiBNMTIuNjY2LDkwLjUzMiBMMTIuNyw5MC41MzMgTDEzLjI2Niw5MC41MzMgQzEzLjUxOCw5MC41MzMgMTMuOTE1LDkwLjQyNSAxNC4xMzIsOTAuMjk5IEwyNS42MzcsODMuNTk3IEMyNS44MDUsODMuNDk5IDI1LjkzMSw4My40MjQgMjUuOTk4LDgzLjM4MyBDMjUuOTk0LDgzLjI5OSAyNS45OTQsODMuMTY1IDI1Ljk5NCw4Mi45NDYgTDI1Ljg5OSw4Mi43NzUgTDI1Ljc2OCw4Mi44MjQgTDI1LjA1NCw4My4yODcgQzI0LjgyMiw4My40MzcgMjQuNDM4LDgzLjY3MyAyNC4yLDgzLjgxMiBMMTIuNjk1LDkwLjUxNCBMMTIuNjY2LDkwLjUzMiBMMTIuNjY2LDkwLjUzMiBaIiBpZD0iRmlsbC04IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjI2Niw4OS44NzEgTDEyLjcsODkuODcxIEMxMi41LDg5Ljg3MSAxMi4zODQsODkuODE1IDEyLjM1NCw4OS43MDUgQzEyLjMyNCw4OS41OTUgMTIuMzk3LDg5LjQ4OCAxMi41NjksODkuMzg4IEwyNC4wNzQsODIuNjg2IEMyNC4zMzIsODIuNTM1IDI0Ljc2OCw4Mi40MTggMjUuMDY3LDgyLjQxOCBMMjUuNjMyLDgyLjQxOCBDMjUuODMyLDgyLjQxOCAyNS45NDgsODIuNDc0IDI1Ljk3OCw4Mi41ODQgQzI2LjAwOCw4Mi42OTQgMjUuOTM1LDgyLjgwMSAyNS43NjMsODIuOTAxIEwxNC4yNTgsODkuNjAzIEMxNCw4OS43NTQgMTMuNTY0LDg5Ljg3MSAxMy4yNjYsODkuODcxIEwxMy4yNjYsODkuODcxIFogTTEyLjY2Niw4OS42MjEgTDEyLjcsODkuNjIyIEwxMy4yNjYsODkuNjIyIEMxMy41MTgsODkuNjIyIDEzLjkxNSw4OS41MTUgMTQuMTMyLDg5LjM4OCBMMjUuNjM3LDgyLjY4NiBMMjUuNjY3LDgyLjY2OCBMMjUuNjMyLDgyLjY2NyBMMjUuMDY3LDgyLjY2NyBDMjQuODE1LDgyLjY2NyAyNC40MTgsODIuNzc1IDI0LjIsODIuOTAxIEwxMi42OTUsODkuNjAzIEwxMi42NjYsODkuNjIxIEwxMi42NjYsODkuNjIxIFoiIGlkPSJGaWxsLTkiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMzcsOTAuODAxIEwxMi4zNyw4OS41NTQgTDEyLjM3LDkwLjgwMSIgaWQ9IkZpbGwtMTAiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4xMyw5My45MDEgQzUuMzc5LDkzLjgwOCA0LjgxNiw5My4xNjQgNC42OTEsOTIuNTI1IEMzLjg2LDg4LjI4NyAzLjU0LDgzLjc0MyAzLjUyNiw3MS4xNzMgQzMuNTExLDU4LjM4OSA0LjQyMyw1MS40MjggNC40MjMsNTEuNDI4IEM1LjEzNCw0Ny4yODIgNy4yMSw0Ni4yMzYgNy4yMSw0Ni4yMzYgQzcuMjEsNDYuMjM2IDgxLjY2NywzLjI1IDgyLjA2OSwzLjAxNyBDODIuMjkyLDIuODg4IDg0LjU1NiwxLjQzMyA4NS4yNjQsMy45NCBDODcuMjE0LDEwLjg0IDg2Ljc1MiwzNS44MjcgODUuNTM5LDQzLjgxOCBDODUuMTUsNDYuMzgzIDg0LjI5MSw0OS4wMzMgODIuNDgzLDUwLjEwMSBMNy4yMSw5My42NTMgQzYuODI4LDkzLjg3NCA2LjQ2MSw5My45NDEgNi4xMyw5My45MDEgQzYuMTMsOTMuOTAxIDMuMzQ5LDkzLjQ2IDMuMTI5LDkxLjc3NiBDMi41NjgsODcuNDk1IDEuOTc3LDgyLjk5NSAxLjk2Miw3MC40MjUgQzEuOTQ4LDU3LjY0MSAyLjg2LDUwLjY4IDIuODYsNTAuNjggQzMuNTcsNDYuNTM0IDUuNjQ3LDQ1LjQ4OSA1LjY0Nyw0NS40ODkgQzUuNjQ2LDQ1LjQ4OSA4LjA2NSw0NC4wOTIgMTIuMjQ1LDQxLjY3OSBMMTMuMTE2LDQxLjU2IEwxOS43MTUsMzcuNzMgTDE5Ljc2MSwzNy4yNjkgTDYuMTMsOTMuOTAxIiBpZD0iRmlsbC0xMSIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjMxNyw5NC4xNjEgTDYuMTAyLDk0LjE0OCBMNi4xMDEsOTQuMTQ4IEw1Ljg1Nyw5NC4xMDEgQzUuMTM4LDkzLjk0NSAzLjA4NSw5My4zNjUgMi44ODEsOTEuODA5IEMyLjMxMyw4Ny40NjkgMS43MjcsODIuOTk2IDEuNzEzLDcwLjQyNSBDMS42OTksNTcuNzcxIDIuNjA0LDUwLjcxOCAyLjYxMyw1MC42NDggQzMuMzM4LDQ2LjQxNyA1LjQ0NSw0NS4zMSA1LjUzNSw0NS4yNjYgTDEyLjE2Myw0MS40MzkgTDEzLjAzMyw0MS4zMiBMMTkuNDc5LDM3LjU3OCBMMTkuNTEzLDM3LjI0NCBDMTkuNTI2LDM3LjEwNyAxOS42NDcsMzcuMDA4IDE5Ljc4NiwzNy4wMjEgQzE5LjkyMiwzNy4wMzQgMjAuMDIzLDM3LjE1NiAyMC4wMDksMzcuMjkzIEwxOS45NSwzNy44ODIgTDEzLjE5OCw0MS44MDEgTDEyLjMyOCw0MS45MTkgTDUuNzcyLDQ1LjcwNCBDNS43NDEsNDUuNzIgMy43ODIsNDYuNzcyIDMuMTA2LDUwLjcyMiBDMy4wOTksNTAuNzgyIDIuMTk4LDU3LjgwOCAyLjIxMiw3MC40MjQgQzIuMjI2LDgyLjk2MyAyLjgwOSw4Ny40MiAzLjM3Myw5MS43MjkgQzMuNDY0LDkyLjQyIDQuMDYyLDkyLjg4MyA0LjY4Miw5My4xODEgQzQuNTY2LDkyLjk4NCA0LjQ4Niw5Mi43NzYgNC40NDYsOTIuNTcyIEMzLjY2NSw4OC41ODggMy4yOTEsODQuMzcgMy4yNzYsNzEuMTczIEMzLjI2Miw1OC41MiA0LjE2Nyw1MS40NjYgNC4xNzYsNTEuMzk2IEM0LjkwMSw0Ny4xNjUgNy4wMDgsNDYuMDU5IDcuMDk4LDQ2LjAxNCBDNy4wOTQsNDYuMDE1IDgxLjU0MiwzLjAzNCA4MS45NDQsMi44MDIgTDgxLjk3MiwyLjc4NSBDODIuODc2LDIuMjQ3IDgzLjY5MiwyLjA5NyA4NC4zMzIsMi4zNTIgQzg0Ljg4NywyLjU3MyA4NS4yODEsMy4wODUgODUuNTA0LDMuODcyIEM4Ny41MTgsMTEgODYuOTY0LDM2LjA5MSA4NS43ODUsNDMuODU1IEM4NS4yNzgsNDcuMTk2IDg0LjIxLDQ5LjM3IDgyLjYxLDUwLjMxNyBMNy4zMzUsOTMuODY5IEM2Ljk5OSw5NC4wNjMgNi42NTgsOTQuMTYxIDYuMzE3LDk0LjE2MSBMNi4zMTcsOTQuMTYxIFogTTYuMTcsOTMuNjU0IEM2LjQ2Myw5My42OSA2Ljc3NCw5My42MTcgNy4wODUsOTMuNDM3IEw4Mi4zNTgsNDkuODg2IEM4NC4xODEsNDguODA4IDg0Ljk2LDQ1Ljk3MSA4NS4yOTIsNDMuNzggQzg2LjQ2NiwzNi4wNDkgODcuMDIzLDExLjA4NSA4NS4wMjQsNC4wMDggQzg0Ljg0NiwzLjM3NyA4NC41NTEsMi45NzYgODQuMTQ4LDIuODE2IEM4My42NjQsMi42MjMgODIuOTgyLDIuNzY0IDgyLjIyNywzLjIxMyBMODIuMTkzLDMuMjM0IEM4MS43OTEsMy40NjYgNy4zMzUsNDYuNDUyIDcuMzM1LDQ2LjQ1MiBDNy4zMDQsNDYuNDY5IDUuMzQ2LDQ3LjUyMSA0LjY2OSw1MS40NzEgQzQuNjYyLDUxLjUzIDMuNzYxLDU4LjU1NiAzLjc3NSw3MS4xNzMgQzMuNzksODQuMzI4IDQuMTYxLDg4LjUyNCA0LjkzNiw5Mi40NzYgQzUuMDI2LDkyLjkzNyA1LjQxMiw5My40NTkgNS45NzMsOTMuNjE1IEM2LjA4Nyw5My42NCA2LjE1OCw5My42NTIgNi4xNjksOTMuNjU0IEw2LjE3LDkzLjY1NCBMNi4xNyw5My42NTQgWiIgaWQ9IkZpbGwtMTIiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4zMTcsNjguOTgyIEM3LjgwNiw2OC43MDEgOC4yMDIsNjguOTI2IDguMjAyLDY5LjQ4NyBDOC4yMDIsNzAuMDQ3IDcuODA2LDcwLjczIDcuMzE3LDcxLjAxMiBDNi44MjksNzEuMjk0IDYuNDMzLDcxLjA2OSA2LjQzMyw3MC41MDggQzYuNDMzLDY5Ljk0OCA2LjgyOSw2OS4yNjUgNy4zMTcsNjguOTgyIiBpZD0iRmlsbC0xMyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjkyLDcxLjEzMyBDNi42MzEsNzEuMTMzIDYuNDMzLDcwLjkwNSA2LjQzMyw3MC41MDggQzYuNDMzLDY5Ljk0OCA2LjgyOSw2OS4yNjUgNy4zMTcsNjguOTgyIEM3LjQ2LDY4LjkgNy41OTUsNjguODYxIDcuNzE0LDY4Ljg2MSBDOC4wMDMsNjguODYxIDguMjAyLDY5LjA5IDguMjAyLDY5LjQ4NyBDOC4yMDIsNzAuMDQ3IDcuODA2LDcwLjczIDcuMzE3LDcxLjAxMiBDNy4xNzQsNzEuMDk0IDcuMDM5LDcxLjEzMyA2LjkyLDcxLjEzMyBNNy43MTQsNjguNjc0IEM3LjU1Nyw2OC42NzQgNy4zOTIsNjguNzIzIDcuMjI0LDY4LjgyMSBDNi42NzYsNjkuMTM4IDYuMjQ2LDY5Ljg3OSA2LjI0Niw3MC41MDggQzYuMjQ2LDcwLjk5NCA2LjUxNyw3MS4zMiA2LjkyLDcxLjMyIEM3LjA3OCw3MS4zMiA3LjI0Myw3MS4yNzEgNy40MTEsNzEuMTc0IEM3Ljk1OSw3MC44NTcgOC4zODksNzAuMTE3IDguMzg5LDY5LjQ4NyBDOC4zODksNjkuMDAxIDguMTE3LDY4LjY3NCA3LjcxNCw2OC42NzQiIGlkPSJGaWxsLTE0IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuOTIsNzAuOTQ3IEM2LjY0OSw3MC45NDcgNi42MjEsNzAuNjQgNi42MjEsNzAuNTA4IEM2LjYyMSw3MC4wMTcgNi45ODIsNjkuMzkyIDcuNDExLDY5LjE0NSBDNy41MjEsNjkuMDgyIDcuNjI1LDY5LjA0OSA3LjcxNCw2OS4wNDkgQzcuOTg2LDY5LjA0OSA4LjAxNSw2OS4zNTUgOC4wMTUsNjkuNDg3IEM4LjAxNSw2OS45NzggNy42NTIsNzAuNjAzIDcuMjI0LDcwLjg1MSBDNy4xMTUsNzAuOTE0IDcuMDEsNzAuOTQ3IDYuOTIsNzAuOTQ3IE03LjcxNCw2OC44NjEgQzcuNTk1LDY4Ljg2MSA3LjQ2LDY4LjkgNy4zMTcsNjguOTgyIEM2LjgyOSw2OS4yNjUgNi40MzMsNjkuOTQ4IDYuNDMzLDcwLjUwOCBDNi40MzMsNzAuOTA1IDYuNjMxLDcxLjEzMyA2LjkyLDcxLjEzMyBDNy4wMzksNzEuMTMzIDcuMTc0LDcxLjA5NCA3LjMxNyw3MS4wMTIgQzcuODA2LDcwLjczIDguMjAyLDcwLjA0NyA4LjIwMiw2OS40ODcgQzguMjAyLDY5LjA5IDguMDAzLDY4Ljg2MSA3LjcxNCw2OC44NjEiIGlkPSJGaWxsLTE1IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNDQ0LDg1LjM1IEM3LjcwOCw4NS4xOTggNy45MjEsODUuMzE5IDcuOTIxLDg1LjYyMiBDNy45MjEsODUuOTI1IDcuNzA4LDg2LjI5MiA3LjQ0NCw4Ni40NDQgQzcuMTgxLDg2LjU5NyA2Ljk2Nyw4Ni40NzUgNi45NjcsODYuMTczIEM2Ljk2Nyw4NS44NzEgNy4xODEsODUuNTAyIDcuNDQ0LDg1LjM1IiBpZD0iRmlsbC0xNiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjIzLDg2LjUxIEM3LjA3NCw4Ni41MSA2Ljk2Nyw4Ni4zODcgNi45NjcsODYuMTczIEM2Ljk2Nyw4NS44NzEgNy4xODEsODUuNTAyIDcuNDQ0LDg1LjM1IEM3LjUyMSw4NS4zMDUgNy41OTQsODUuMjg0IDcuNjU4LDg1LjI4NCBDNy44MTQsODUuMjg0IDcuOTIxLDg1LjQwOCA3LjkyMSw4NS42MjIgQzcuOTIxLDg1LjkyNSA3LjcwOCw4Ni4yOTIgNy40NDQsODYuNDQ0IEM3LjM2Nyw4Ni40ODkgNy4yOTQsODYuNTEgNy4yMyw4Ni41MSBNNy42NTgsODUuMDk4IEM3LjU1OCw4NS4wOTggNy40NTUsODUuMTI3IDcuMzUxLDg1LjE4OCBDNy4wMzEsODUuMzczIDYuNzgxLDg1LjgwNiA2Ljc4MSw4Ni4xNzMgQzYuNzgxLDg2LjQ4MiA2Ljk2Niw4Ni42OTcgNy4yMyw4Ni42OTcgQzcuMzMsODYuNjk3IDcuNDMzLDg2LjY2NiA3LjUzOCw4Ni42MDcgQzcuODU4LDg2LjQyMiA4LjEwOCw4NS45ODkgOC4xMDgsODUuNjIyIEM4LjEwOCw4NS4zMTMgNy45MjMsODUuMDk4IDcuNjU4LDg1LjA5OCIgaWQ9IkZpbGwtMTciIGZpbGw9IiM4MDk3QTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4yMyw4Ni4zMjIgTDcuMTU0LDg2LjE3MyBDNy4xNTQsODUuOTM4IDcuMzMzLDg1LjYyOSA3LjUzOCw4NS41MTIgTDcuNjU4LDg1LjQ3MSBMNy43MzQsODUuNjIyIEM3LjczNCw4NS44NTYgNy41NTUsODYuMTY0IDcuMzUxLDg2LjI4MiBMNy4yMyw4Ni4zMjIgTTcuNjU4LDg1LjI4NCBDNy41OTQsODUuMjg0IDcuNTIxLDg1LjMwNSA3LjQ0NCw4NS4zNSBDNy4xODEsODUuNTAyIDYuOTY3LDg1Ljg3MSA2Ljk2Nyw4Ni4xNzMgQzYuOTY3LDg2LjM4NyA3LjA3NCw4Ni41MSA3LjIzLDg2LjUxIEM3LjI5NCw4Ni41MSA3LjM2Nyw4Ni40ODkgNy40NDQsODYuNDQ0IEM3LjcwOCw4Ni4yOTIgNy45MjEsODUuOTI1IDcuOTIxLDg1LjYyMiBDNy45MjEsODUuNDA4IDcuODE0LDg1LjI4NCA3LjY1OCw4NS4yODQiIGlkPSJGaWxsLTE4IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTc3LjI3OCw3Ljc2OSBMNzcuMjc4LDUxLjQzNiBMMTAuMjA4LDkwLjE2IEwxMC4yMDgsNDYuNDkzIEw3Ny4yNzgsNy43NjkiIGlkPSJGaWxsLTE5IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjA4Myw5MC4zNzUgTDEwLjA4Myw0Ni40MjEgTDEwLjE0Niw0Ni4zODUgTDc3LjQwMyw3LjU1NCBMNzcuNDAzLDUxLjUwOCBMNzcuMzQxLDUxLjU0NCBMMTAuMDgzLDkwLjM3NSBMMTAuMDgzLDkwLjM3NSBaIE0xMC4zMzMsNDYuNTY0IEwxMC4zMzMsODkuOTQ0IEw3Ny4xNTQsNTEuMzY1IEw3Ny4xNTQsNy45ODUgTDEwLjMzMyw0Ni41NjQgTDEwLjMzMyw0Ni41NjQgWiIgaWQ9IkZpbGwtMjAiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMjUuNzM3LDg4LjY0NyBMMTE4LjA5OCw5MS45ODEgTDExOC4wOTgsODQgTDEwNi42MzksODguNzEzIEwxMDYuNjM5LDk2Ljk4MiBMOTksMTAwLjMxNSBMMTEyLjM2OSwxMDMuOTYxIEwxMjUuNzM3LDg4LjY0NyIgaWQ9IkltcG9ydGVkLUxheWVycy1Db3B5LTIiIGZpbGw9IiM0NTVBNjQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"; - function RotateInstructions() { - this.loadIcon_(); - var overlay = document.createElement("div"); - var s = overlay.style; - s.position = "fixed"; - s.top = 0; - s.right = 0; - s.bottom = 0; - s.left = 0; - s.backgroundColor = "gray"; - s.fontFamily = "sans-serif"; - s.zIndex = 1000000; - var img = document.createElement("img"); - img.src = this.icon; - var s = img.style; - s.marginLeft = "25%"; - s.marginTop = "25%"; - s.width = "50%"; - overlay.appendChild(img); - var text = document.createElement("div"); - var s = text.style; - s.textAlign = "center"; - s.fontSize = "16px"; - s.lineHeight = "24px"; - s.margin = "24px 25%"; - s.width = "50%"; - text.innerHTML = "Place your phone into your Cardboard viewer."; - overlay.appendChild(text); - var snackbar = document.createElement("div"); - var s = snackbar.style; - s.backgroundColor = "#CFD8DC"; - s.position = "fixed"; - s.bottom = 0; - s.width = "100%"; - s.height = "48px"; - s.padding = "14px 24px"; - s.boxSizing = "border-box"; - s.color = "#656A6B"; - overlay.appendChild(snackbar); - var snackbarText = document.createElement("div"); - snackbarText.style.float = "left"; - snackbarText.innerHTML = "No Cardboard viewer?"; - var snackbarButton = document.createElement("a"); - snackbarButton.href = - "https://www.google.com/get/cardboard/get-cardboard/"; - snackbarButton.innerHTML = "get one"; - snackbarButton.target = "_blank"; - var s = snackbarButton.style; - s.float = "right"; - s.fontWeight = 600; - s.textTransform = "uppercase"; - s.borderLeft = "1px solid gray"; - s.paddingLeft = "24px"; - s.textDecoration = "none"; - s.color = "#656A6B"; - snackbar.appendChild(snackbarText); - snackbar.appendChild(snackbarButton); - this.overlay = overlay; - this.text = text; - this.hide(); - } - RotateInstructions.prototype.show = function (parent) { - if (!parent && !this.overlay.parentElement) { - document.body.appendChild(this.overlay); - } else if (parent) { - if ( - this.overlay.parentElement && - this.overlay.parentElement != parent - ) - this.overlay.parentElement.removeChild(this.overlay); - parent.appendChild(this.overlay); - } - this.overlay.style.display = "block"; - var img = this.overlay.querySelector("img"); - var s = img.style; - if (isLandscapeMode()) { - s.width = "20%"; - s.marginLeft = "40%"; - s.marginTop = "3%"; - } else { - s.width = "50%"; - s.marginLeft = "25%"; - s.marginTop = "25%"; - } - }; - RotateInstructions.prototype.hide = function () { - this.overlay.style.display = "none"; - }; - RotateInstructions.prototype.showTemporarily = function (ms, parent) { - this.show(parent); - this.timer = setTimeout(this.hide.bind(this), ms); - }; - RotateInstructions.prototype.disableShowTemporarily = function () { - clearTimeout(this.timer); - }; - RotateInstructions.prototype.update = function () { - this.disableShowTemporarily(); - if (!isLandscapeMode() && isMobile()) { - this.show(); - } else { - this.hide(); - } - }; - RotateInstructions.prototype.loadIcon_ = function () { - this.icon = base64("image/svg+xml", rotateInstructionsAsset); - }; - var DEFAULT_VIEWER = "CardboardV1"; - var VIEWER_KEY = "WEBVR_CARDBOARD_VIEWER"; - var CLASS_NAME = "webvr-polyfill-viewer-selector"; - function ViewerSelector() { - try { - this.selectedKey = localStorage.getItem(VIEWER_KEY); - } catch (error) { - console.error("Failed to load viewer profile: %s", error); - } - if (!this.selectedKey) { - this.selectedKey = DEFAULT_VIEWER; - } - this.dialog = this.createDialog_(DeviceInfo.Viewers); - this.root = null; - this.onChangeCallbacks_ = []; - } - ViewerSelector.prototype.show = function (root) { - this.root = root; - root.appendChild(this.dialog); - var selected = this.dialog.querySelector("#" + this.selectedKey); - selected.checked = true; - this.dialog.style.display = "block"; - }; - ViewerSelector.prototype.hide = function () { - if (this.root && this.root.contains(this.dialog)) { - this.root.removeChild(this.dialog); - } - this.dialog.style.display = "none"; - }; - ViewerSelector.prototype.getCurrentViewer = function () { - return DeviceInfo.Viewers[this.selectedKey]; - }; - ViewerSelector.prototype.getSelectedKey_ = function () { - var input = this.dialog.querySelector("input[name=field]:checked"); - if (input) { - return input.id; - } - return null; - }; - ViewerSelector.prototype.onChange = function (cb) { - this.onChangeCallbacks_.push(cb); - }; - ViewerSelector.prototype.fireOnChange_ = function (viewer) { - for (var i = 0; i < this.onChangeCallbacks_.length; i++) { - this.onChangeCallbacks_[i](viewer); - } - }; - ViewerSelector.prototype.onSave_ = function () { - this.selectedKey = this.getSelectedKey_(); - if (!this.selectedKey || !DeviceInfo.Viewers[this.selectedKey]) { - console.error("ViewerSelector.onSave_: this should never happen!"); - return; - } - this.fireOnChange_(DeviceInfo.Viewers[this.selectedKey]); - try { - localStorage.setItem(VIEWER_KEY, this.selectedKey); - } catch (error) { - console.error("Failed to save viewer profile: %s", error); - } - this.hide(); - }; - ViewerSelector.prototype.createDialog_ = function (options) { - var container = document.createElement("div"); - container.classList.add(CLASS_NAME); - container.style.display = "none"; - var overlay = document.createElement("div"); - var s = overlay.style; - s.position = "fixed"; - s.left = 0; - s.top = 0; - s.width = "100%"; - s.height = "100%"; - s.background = "rgba(0, 0, 0, 0.3)"; - overlay.addEventListener("click", this.hide.bind(this)); - var width = 280; - var dialog = document.createElement("div"); - var s = dialog.style; - s.boxSizing = "border-box"; - s.position = "fixed"; - s.top = "24px"; - s.left = "50%"; - s.marginLeft = -width / 2 + "px"; - s.width = width + "px"; - s.padding = "24px"; - s.overflow = "hidden"; - s.background = "#fafafa"; - s.fontFamily = "'Roboto', sans-serif"; - s.boxShadow = "0px 5px 20px #666"; - dialog.appendChild(this.createH1_("Select your viewer")); - for (var id in options) { - dialog.appendChild(this.createChoice_(id, options[id].label)); - } - dialog.appendChild( - this.createButton_("Save", this.onSave_.bind(this)) - ); - container.appendChild(overlay); - container.appendChild(dialog); - return container; - }; - ViewerSelector.prototype.createH1_ = function (name) { - var h1 = document.createElement("h1"); - var s = h1.style; - s.color = "black"; - s.fontSize = "20px"; - s.fontWeight = "bold"; - s.marginTop = 0; - s.marginBottom = "24px"; - h1.innerHTML = name; - return h1; - }; - ViewerSelector.prototype.createChoice_ = function (id, name) { - var div = document.createElement("div"); - div.style.marginTop = "8px"; - div.style.color = "black"; - var input = document.createElement("input"); - input.style.fontSize = "30px"; - input.setAttribute("id", id); - input.setAttribute("type", "radio"); - input.setAttribute("value", id); - input.setAttribute("name", "field"); - var label = document.createElement("label"); - label.style.marginLeft = "4px"; - label.setAttribute("for", id); - label.innerHTML = name; - div.appendChild(input); - div.appendChild(label); - return div; - }; - ViewerSelector.prototype.createButton_ = function (label, onclick) { - var button = document.createElement("button"); - button.innerHTML = label; - var s = button.style; - s.float = "right"; - s.textTransform = "uppercase"; - s.color = "#1094f7"; - s.fontSize = "14px"; - s.letterSpacing = 0; - s.border = 0; - s.background = "none"; - s.marginTop = "16px"; - button.addEventListener("click", onclick); - return button; - }; - var commonjsGlobal$$1 = - typeof window !== "undefined" - ? window - : typeof commonjsGlobal$$1 !== "undefined" - ? commonjsGlobal$$1 - : typeof self !== "undefined" - ? self - : {}; - function unwrapExports$$1(x) { - return x && x.__esModule ? x["default"] : x; - } - function createCommonjsModule$$1(fn, module) { - return ( - (module = { exports: {} }), - fn(module, module.exports), - module.exports - ); - } - var NoSleep = createCommonjsModule$$1(function (module, exports) { - (function webpackUniversalModuleDefinition(root, factory) { - module.exports = factory(); - })(commonjsGlobal$$1, function () { - return (function (modules) { - var installedModules = {}; - function __webpack_require__(moduleId) { - if (installedModules[moduleId]) { - return installedModules[moduleId].exports; - } - var module = (installedModules[moduleId] = { - i: moduleId, - l: false, - exports: {}, - }); - modules[moduleId].call( - module.exports, - module, - module.exports, - __webpack_require__ - ); - module.l = true; - return module.exports; - } - __webpack_require__.m = modules; - __webpack_require__.c = installedModules; - __webpack_require__.d = function (exports, name, getter) { - if (!__webpack_require__.o(exports, name)) { - Object.defineProperty(exports, name, { - configurable: false, - enumerable: true, - get: getter, - }); - } - }; - __webpack_require__.n = function (module) { - var getter = - module && module.__esModule - ? function getDefault() { - return module["default"]; - } - : function getModuleExports() { - return module; - }; - __webpack_require__.d(getter, "a", getter); - return getter; - }; - __webpack_require__.o = function (object, property) { - return Object.prototype.hasOwnProperty.call(object, property); - }; - __webpack_require__.p = ""; - return __webpack_require__((__webpack_require__.s = 0)); - })([ - function (module, exports, __webpack_require__) { - var _createClass = (function () { - function defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty(target, descriptor.key, descriptor); - } - } - return function (Constructor, protoProps, staticProps) { - if (protoProps) - defineProperties(Constructor.prototype, protoProps); - if (staticProps) defineProperties(Constructor, staticProps); - return Constructor; - }; - })(); - function _classCallCheck(instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - } - var mediaFile = __webpack_require__(1); - var oldIOS = - typeof navigator !== "undefined" && - parseFloat( - ( - "" + - (/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec( - navigator.userAgent - ) || [0, ""])[1] - ) - .replace("undefined", "3_2") - .replace("_", ".") - .replace("_", "") - ) < 10 && - !window.MSStream; - var NoSleep = (function () { - function NoSleep() { - _classCallCheck(this, NoSleep); - if (oldIOS) { - this.noSleepTimer = null; - } else { - this.noSleepVideo = document.createElement("video"); - this.noSleepVideo.setAttribute("playsinline", ""); - this.noSleepVideo.setAttribute("src", mediaFile); - this.noSleepVideo.addEventListener( - "timeupdate", - function (e) { - if (this.noSleepVideo.currentTime > 0.5) { - this.noSleepVideo.currentTime = Math.random(); - } - }.bind(this) - ); - } - } - _createClass(NoSleep, [ - { - key: "enable", - value: function enable() { - if (oldIOS) { - this.disable(); - this.noSleepTimer = window.setInterval(function () { - window.location.href = "/"; - window.setTimeout(window.stop, 0); - }, 15000); - } else { - this.noSleepVideo.play(); - } - }, - }, - { - key: "disable", - value: function disable() { - if (oldIOS) { - if (this.noSleepTimer) { - window.clearInterval(this.noSleepTimer); - this.noSleepTimer = null; - } - } else { - this.noSleepVideo.pause(); - } - }, - }, - ]); - return NoSleep; - })(); - module.exports = NoSleep; - }, - function (module, exports, __webpack_require__) { - module.exports = - "data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQADQGgcIQADQGgcAAAACQGeYUQn/wALKCEAA0BoHAAAAAkBnmNEJ/8ACykhAANAaBwhAANAaBwAAAANQZpoNExDP/6plgAMuSEAA0BoHAAAAAtBnoZFESwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBnqVEJ/8ACykhAANAaBwAAAAJAZ6nRCf/AAsoIQADQGgcIQADQGgcAAAADUGarDRMQz/+qZYADLghAANAaBwAAAALQZ7KRRUsK/8ACPkhAANAaBwAAAAJAZ7pRCf/AAsoIQADQGgcIQADQGgcAAAACQGe60Qn/wALKCEAA0BoHAAAAA1BmvA0TEM//qmWAAy5IQADQGgcIQADQGgcAAAAC0GfDkUVLCv/AAj5IQADQGgcAAAACQGfLUQn/wALKSEAA0BoHCEAA0BoHAAAAAkBny9EJ/8ACyghAANAaBwAAAANQZs0NExDP/6plgAMuCEAA0BoHAAAAAtBn1JFFSwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBn3FEJ/8ACyghAANAaBwAAAAJAZ9zRCf/AAsoIQADQGgcIQADQGgcAAAADUGbeDRMQz/+qZYADLkhAANAaBwAAAALQZ+WRRUsK/8ACPghAANAaBwhAANAaBwAAAAJAZ+1RCf/AAspIQADQGgcAAAACQGft0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bm7w0TEM//qmWAAy4IQADQGgcAAAAC0Gf2kUVLCv/AAj5IQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHAAAAAkBn/tEJ/8ACykhAANAaBwAAAANQZvgNExDP/6plgAMuSEAA0BoHCEAA0BoHAAAAAtBnh5FFSwr/wAI+CEAA0BoHAAAAAkBnj1EJ/8ACyghAANAaBwhAANAaBwAAAAJAZ4/RCf/AAspIQADQGgcAAAADUGaJDRMQz/+qZYADLghAANAaBwAAAALQZ5CRRUsK/8ACPkhAANAaBwhAANAaBwAAAAJAZ5hRCf/AAsoIQADQGgcAAAACQGeY0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bmmg0TEM//qmWAAy5IQADQGgcAAAAC0GehkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGepUQn/wALKSEAA0BoHAAAAAkBnqdEJ/8ACyghAANAaBwAAAANQZqsNExDP/6plgAMuCEAA0BoHCEAA0BoHAAAAAtBnspFFSwr/wAI+SEAA0BoHAAAAAkBnulEJ/8ACyghAANAaBwhAANAaBwAAAAJAZ7rRCf/AAsoIQADQGgcAAAADUGa8DRMQz/+qZYADLkhAANAaBwhAANAaBwAAAALQZ8ORRUsK/8ACPkhAANAaBwAAAAJAZ8tRCf/AAspIQADQGgcIQADQGgcAAAACQGfL0Qn/wALKCEAA0BoHAAAAA1BmzQ0TEM//qmWAAy4IQADQGgcAAAAC0GfUkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGfcUQn/wALKCEAA0BoHAAAAAkBn3NEJ/8ACyghAANAaBwhAANAaBwAAAANQZt4NExC//6plgAMuSEAA0BoHAAAAAtBn5ZFFSwr/wAI+CEAA0BoHCEAA0BoHAAAAAkBn7VEJ/8ACykhAANAaBwAAAAJAZ+3RCf/AAspIQADQGgcAAAADUGbuzRMQn/+nhAAYsAhAANAaBwhAANAaBwAAAAJQZ/aQhP/AAspIQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHAAACiFtb292AAAAbG12aGQAAAAA1YCCX9WAgl8AAAPoAAAH/AABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAGGlvZHMAAAAAEICAgAcAT////v7/AAAF+XRyYWsAAABcdGtoZAAAAAPVgIJf1YCCXwAAAAEAAAAAAAAH0AAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAygAAAMoAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAB9AAABdwAAEAAAAABXFtZGlhAAAAIG1kaGQAAAAA1YCCX9WAgl8AAV+QAAK/IFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAUcbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAE3HN0YmwAAACYc3RzZAAAAAAAAAABAAAAiGF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAygDKAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAyYXZjQwFNQCj/4QAbZ01AKOyho3ySTUBAQFAAAAMAEAAr8gDxgxlgAQAEaO+G8gAAABhzdHRzAAAAAAAAAAEAAAA8AAALuAAAABRzdHNzAAAAAAAAAAEAAAABAAAB8GN0dHMAAAAAAAAAPAAAAAEAABdwAAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAAC7gAAAAAQAAF3AAAAABAAAAAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAEEc3RzegAAAAAAAAAAAAAAPAAAAzQAAAAQAAAADQAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAANAAAADQAAAQBzdGNvAAAAAAAAADwAAAAwAAADZAAAA3QAAAONAAADoAAAA7kAAAPQAAAD6wAAA/4AAAQXAAAELgAABEMAAARcAAAEbwAABIwAAAShAAAEugAABM0AAATkAAAE/wAABRIAAAUrAAAFQgAABV0AAAVwAAAFiQAABaAAAAW1AAAFzgAABeEAAAX+AAAGEwAABiwAAAY/AAAGVgAABnEAAAaEAAAGnQAABrQAAAbPAAAG4gAABvUAAAcSAAAHJwAAB0AAAAdTAAAHcAAAB4UAAAeeAAAHsQAAB8gAAAfjAAAH9gAACA8AAAgmAAAIQQAACFQAAAhnAAAIhAAACJcAAAMsdHJhawAAAFx0a2hkAAAAA9WAgl/VgIJfAAAAAgAAAAAAAAf8AAAAAAAAAAAAAAABAQAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAACsm1kaWEAAAAgbWRoZAAAAADVgIJf1YCCXwAArEQAAWAAVcQAAAAAACdoZGxyAAAAAAAAAABzb3VuAAAAAAAAAAAAAAAAU3RlcmVvAAAAAmNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAidzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAIABICAgBRAFQAAAAADDUAAAAAABYCAgAISEAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAABYAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAAUc3RzegAAAAAAAAAGAAAAWAAAAXBzdGNvAAAAAAAAAFgAAAOBAAADhwAAA5oAAAOtAAADswAAA8oAAAPfAAAD5QAAA/gAAAQLAAAEEQAABCgAAAQ9AAAEUAAABFYAAARpAAAEgAAABIYAAASbAAAErgAABLQAAATHAAAE3gAABPMAAAT5AAAFDAAABR8AAAUlAAAFPAAABVEAAAVXAAAFagAABX0AAAWDAAAFmgAABa8AAAXCAAAFyAAABdsAAAXyAAAF+AAABg0AAAYgAAAGJgAABjkAAAZQAAAGZQAABmsAAAZ+AAAGkQAABpcAAAauAAAGwwAABskAAAbcAAAG7wAABwYAAAcMAAAHIQAABzQAAAc6AAAHTQAAB2QAAAdqAAAHfwAAB5IAAAeYAAAHqwAAB8IAAAfXAAAH3QAAB/AAAAgDAAAICQAACCAAAAg1AAAIOwAACE4AAAhhAAAIeAAACH4AAAiRAAAIpAAACKoAAAiwAAAItgAACLwAAAjCAAAAFnVkdGEAAAAObmFtZVN0ZXJlbwAAAHB1ZHRhAAAAaG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAO2lsc3QAAAAzqXRvbwAAACtkYXRhAAAAAQAAAABIYW5kQnJha2UgMC4xMC4yIDIwMTUwNjExMDA="; - }, - ]); - }); - }); - var NoSleep$1 = unwrapExports$$1(NoSleep); - var nextDisplayId = 1000; - var defaultLeftBounds = [0, 0, 0.5, 1]; - var defaultRightBounds = [0.5, 0, 0.5, 1]; - var raf = window.requestAnimationFrame; - var caf = window.cancelAnimationFrame; - function VRFrameData() { - this.leftProjectionMatrix = new Float32Array(16); - this.leftViewMatrix = new Float32Array(16); - this.rightProjectionMatrix = new Float32Array(16); - this.rightViewMatrix = new Float32Array(16); - this.pose = null; - } - function VRDisplayCapabilities(config) { - Object.defineProperties(this, { - hasPosition: { - writable: false, - enumerable: true, - value: config.hasPosition, - }, - hasExternalDisplay: { - writable: false, - enumerable: true, - value: config.hasExternalDisplay, - }, - canPresent: { - writable: false, - enumerable: true, - value: config.canPresent, - }, - maxLayers: { - writable: false, - enumerable: true, - value: config.maxLayers, - }, - hasOrientation: { - enumerable: true, - get: function get() { - deprecateWarning( - "VRDisplayCapabilities.prototype.hasOrientation", - "VRDisplay.prototype.getFrameData" - ); - return config.hasOrientation; - }, - }, - }); - } - function VRDisplay(config) { - config = config || {}; - var USE_WAKELOCK = "wakelock" in config ? config.wakelock : true; - this.isPolyfilled = true; - this.displayId = nextDisplayId++; - this.displayName = ""; - this.depthNear = 0.01; - this.depthFar = 10000.0; - this.isPresenting = false; - Object.defineProperty(this, "isConnected", { - get: function get() { - deprecateWarning( - "VRDisplay.prototype.isConnected", - "VRDisplayCapabilities.prototype.hasExternalDisplay" - ); - return false; - }, - }); - this.capabilities = new VRDisplayCapabilities({ - hasPosition: false, - hasOrientation: false, - hasExternalDisplay: false, - canPresent: false, - maxLayers: 1, - }); - this.stageParameters = null; - this.waitingForPresent_ = false; - this.layer_ = null; - this.originalParent_ = null; - this.fullscreenElement_ = null; - this.fullscreenWrapper_ = null; - this.fullscreenElementCachedStyle_ = null; - this.fullscreenEventTarget_ = null; - this.fullscreenChangeHandler_ = null; - this.fullscreenErrorHandler_ = null; - if (USE_WAKELOCK && isMobile()) { - this.wakelock_ = new NoSleep$1(); - } - } - VRDisplay.prototype.getFrameData = function (frameData) { - return frameDataFromPose(frameData, this._getPose(), this); - }; - VRDisplay.prototype.getPose = function () { - deprecateWarning( - "VRDisplay.prototype.getPose", - "VRDisplay.prototype.getFrameData" - ); - return this._getPose(); - }; - VRDisplay.prototype.resetPose = function () { - deprecateWarning("VRDisplay.prototype.resetPose"); - return this._resetPose(); - }; - VRDisplay.prototype.getImmediatePose = function () { - deprecateWarning( - "VRDisplay.prototype.getImmediatePose", - "VRDisplay.prototype.getFrameData" - ); - return this._getPose(); - }; - VRDisplay.prototype.requestAnimationFrame = function (callback) { - return raf(callback); - }; - VRDisplay.prototype.cancelAnimationFrame = function (id) { - return caf(id); - }; - VRDisplay.prototype.wrapForFullscreen = function (element) { - if (isIOS()) { - return element; - } - if (!this.fullscreenWrapper_) { - this.fullscreenWrapper_ = document.createElement("div"); - var cssProperties = [ - "height: " + - Math.min(screen.height, screen.width) + - "px !important", - "top: 0 !important", - "left: 0 !important", - "right: 0 !important", - "border: 0", - "margin: 0", - "padding: 0", - "z-index: 999999 !important", - "position: fixed", - ]; - this.fullscreenWrapper_.setAttribute( - "style", - cssProperties.join("; ") + ";" - ); - this.fullscreenWrapper_.classList.add( - "webvr-polyfill-fullscreen-wrapper" - ); - } - if (this.fullscreenElement_ == element) { - return this.fullscreenWrapper_; - } - if (this.fullscreenElement_) { - if (this.originalParent_) { - this.originalParent_.appendChild(this.fullscreenElement_); - } else { - this.fullscreenElement_.parentElement.removeChild( - this.fullscreenElement_ - ); - } - } - this.fullscreenElement_ = element; - this.originalParent_ = element.parentElement; - if (!this.originalParent_) { - document.body.appendChild(element); - } - if (!this.fullscreenWrapper_.parentElement) { - var parent = this.fullscreenElement_.parentElement; - parent.insertBefore( - this.fullscreenWrapper_, - this.fullscreenElement_ - ); - parent.removeChild(this.fullscreenElement_); - } - this.fullscreenWrapper_.insertBefore( - this.fullscreenElement_, - this.fullscreenWrapper_.firstChild - ); - this.fullscreenElementCachedStyle_ = - this.fullscreenElement_.getAttribute("style"); - var self = this; - function applyFullscreenElementStyle() { - if (!self.fullscreenElement_) { - return; - } - var cssProperties = [ - "position: absolute", - "top: 0", - "left: 0", - "width: " + Math.max(screen.width, screen.height) + "px", - "height: " + Math.min(screen.height, screen.width) + "px", - "border: 0", - "margin: 0", - "padding: 0", - ]; - self.fullscreenElement_.setAttribute( - "style", - cssProperties.join("; ") + ";" - ); - } - applyFullscreenElementStyle(); - return this.fullscreenWrapper_; - }; - VRDisplay.prototype.removeFullscreenWrapper = function () { - if (!this.fullscreenElement_) { - return; - } - var element = this.fullscreenElement_; - if (this.fullscreenElementCachedStyle_) { - element.setAttribute("style", this.fullscreenElementCachedStyle_); - } else { - element.removeAttribute("style"); - } - this.fullscreenElement_ = null; - this.fullscreenElementCachedStyle_ = null; - var parent = this.fullscreenWrapper_.parentElement; - this.fullscreenWrapper_.removeChild(element); - if (this.originalParent_ === parent) { - parent.insertBefore(element, this.fullscreenWrapper_); - } else if (this.originalParent_) { - this.originalParent_.appendChild(element); - } - parent.removeChild(this.fullscreenWrapper_); - return element; - }; - VRDisplay.prototype.requestPresent = function (layers) { - var wasPresenting = this.isPresenting; - var self = this; - if (!(layers instanceof Array)) { - deprecateWarning( - "VRDisplay.prototype.requestPresent with non-array argument", - "an array of VRLayers as the first argument" - ); - layers = [layers]; - } - return new Promise(function (resolve, reject) { - if (!self.capabilities.canPresent) { - reject(new Error("VRDisplay is not capable of presenting.")); - return; - } - if ( - layers.length == 0 || - layers.length > self.capabilities.maxLayers - ) { - reject(new Error("Invalid number of layers.")); - return; - } - var incomingLayer = layers[0]; - if (!incomingLayer.source) { - resolve(); - return; - } - var leftBounds = incomingLayer.leftBounds || defaultLeftBounds; - var rightBounds = incomingLayer.rightBounds || defaultRightBounds; - if (wasPresenting) { - var layer = self.layer_; - if (layer.source !== incomingLayer.source) { - layer.source = incomingLayer.source; - } - for (var i = 0; i < 4; i++) { - layer.leftBounds[i] = leftBounds[i]; - layer.rightBounds[i] = rightBounds[i]; - } - self.wrapForFullscreen(self.layer_.source); - self.updatePresent_(); - resolve(); - return; - } - self.layer_ = { - predistorted: incomingLayer.predistorted, - source: incomingLayer.source, - leftBounds: leftBounds.slice(0), - rightBounds: rightBounds.slice(0), - }; - self.waitingForPresent_ = false; - if (self.layer_ && self.layer_.source) { - var fullscreenElement = self.wrapForFullscreen( - self.layer_.source - ); - var onFullscreenChange = function onFullscreenChange() { - var actualFullscreenElement = getFullscreenElement(); - self.isPresenting = - fullscreenElement === actualFullscreenElement; - if (self.isPresenting) { - if (screen.orientation && screen.orientation.lock) { - screen.orientation - .lock("landscape-primary") - .catch(function (error) { - console.error( - "screen.orientation.lock() failed due to", - error.message - ); - }); - } - self.waitingForPresent_ = false; - self.beginPresent_(); - resolve(); - } else { - if (screen.orientation && screen.orientation.unlock) { - screen.orientation.unlock(); - } - self.removeFullscreenWrapper(); - self.disableWakeLock(); - self.endPresent_(); - self.removeFullscreenListeners_(); - } - self.fireVRDisplayPresentChange_(); - }; - var onFullscreenError = function onFullscreenError() { - if (!self.waitingForPresent_) { - return; - } - self.removeFullscreenWrapper(); - self.removeFullscreenListeners_(); - self.disableWakeLock(); - self.waitingForPresent_ = false; - self.isPresenting = false; - reject(new Error("Unable to present.")); - }; - self.addFullscreenListeners_( - fullscreenElement, - onFullscreenChange, - onFullscreenError - ); - if (requestFullscreen(fullscreenElement)) { - self.enableWakeLock(); - self.waitingForPresent_ = true; - } else if (isIOS() || isWebViewAndroid()) { - self.enableWakeLock(); - self.isPresenting = true; - self.beginPresent_(); - self.fireVRDisplayPresentChange_(); - resolve(); - } - } - if (!self.waitingForPresent_ && !isIOS()) { - exitFullscreen(); - reject(new Error("Unable to present.")); - } - }); - }; - VRDisplay.prototype.exitPresent = function () { - var wasPresenting = this.isPresenting; - var self = this; - this.isPresenting = false; - this.layer_ = null; - this.disableWakeLock(); - return new Promise(function (resolve, reject) { - if (wasPresenting) { - if (!exitFullscreen() && isIOS()) { - self.endPresent_(); - self.fireVRDisplayPresentChange_(); - } - if (isWebViewAndroid()) { - self.removeFullscreenWrapper(); - self.removeFullscreenListeners_(); - self.endPresent_(); - self.fireVRDisplayPresentChange_(); - } - resolve(); - } else { - reject(new Error("Was not presenting to VRDisplay.")); - } - }); - }; - VRDisplay.prototype.getLayers = function () { - if (this.layer_) { - return [this.layer_]; - } - return []; - }; - VRDisplay.prototype.fireVRDisplayPresentChange_ = function () { - var event = new CustomEvent("vrdisplaypresentchange", { - detail: { display: this }, - }); - window.dispatchEvent(event); - }; - VRDisplay.prototype.fireVRDisplayConnect_ = function () { - var event = new CustomEvent("vrdisplayconnect", { - detail: { display: this }, - }); - window.dispatchEvent(event); - }; - VRDisplay.prototype.addFullscreenListeners_ = function ( - element, - changeHandler, - errorHandler - ) { - this.removeFullscreenListeners_(); - this.fullscreenEventTarget_ = element; - this.fullscreenChangeHandler_ = changeHandler; - this.fullscreenErrorHandler_ = errorHandler; - if (changeHandler) { - if (document.fullscreenEnabled) { - element.addEventListener( - "fullscreenchange", - changeHandler, - false - ); - } else if (document.webkitFullscreenEnabled) { - element.addEventListener( - "webkitfullscreenchange", - changeHandler, - false - ); - } else if (document.mozFullScreenEnabled) { - document.addEventListener( - "mozfullscreenchange", - changeHandler, - false - ); - } else if (document.msFullscreenEnabled) { - element.addEventListener( - "msfullscreenchange", - changeHandler, - false - ); - } - } - if (errorHandler) { - if (document.fullscreenEnabled) { - element.addEventListener("fullscreenerror", errorHandler, false); - } else if (document.webkitFullscreenEnabled) { - element.addEventListener( - "webkitfullscreenerror", - errorHandler, - false - ); - } else if (document.mozFullScreenEnabled) { - document.addEventListener( - "mozfullscreenerror", - errorHandler, - false - ); - } else if (document.msFullscreenEnabled) { - element.addEventListener( - "msfullscreenerror", - errorHandler, - false - ); - } - } - }; - VRDisplay.prototype.removeFullscreenListeners_ = function () { - if (!this.fullscreenEventTarget_) return; - var element = this.fullscreenEventTarget_; - if (this.fullscreenChangeHandler_) { - var changeHandler = this.fullscreenChangeHandler_; - element.removeEventListener( - "fullscreenchange", - changeHandler, - false - ); - element.removeEventListener( - "webkitfullscreenchange", - changeHandler, - false - ); - document.removeEventListener( - "mozfullscreenchange", - changeHandler, - false - ); - element.removeEventListener( - "msfullscreenchange", - changeHandler, - false - ); - } - if (this.fullscreenErrorHandler_) { - var errorHandler = this.fullscreenErrorHandler_; - element.removeEventListener("fullscreenerror", errorHandler, false); - element.removeEventListener( - "webkitfullscreenerror", - errorHandler, - false - ); - document.removeEventListener( - "mozfullscreenerror", - errorHandler, - false - ); - element.removeEventListener( - "msfullscreenerror", - errorHandler, - false - ); - } - this.fullscreenEventTarget_ = null; - this.fullscreenChangeHandler_ = null; - this.fullscreenErrorHandler_ = null; - }; - VRDisplay.prototype.enableWakeLock = function () { - if (this.wakelock_) { - this.wakelock_.enable(); - } - }; - VRDisplay.prototype.disableWakeLock = function () { - if (this.wakelock_) { - this.wakelock_.disable(); - } - }; - VRDisplay.prototype.beginPresent_ = function () {}; - VRDisplay.prototype.endPresent_ = function () {}; - VRDisplay.prototype.submitFrame = function (pose) {}; - VRDisplay.prototype.getEyeParameters = function (whichEye) { - return null; - }; - var config = { - MOBILE_WAKE_LOCK: true, - DEBUG: false, - DPDB_URL: "https://dpdb.webvr.rocks/dpdb.json", - K_FILTER: 0.98, - PREDICTION_TIME_S: 0.04, - CARDBOARD_UI_DISABLED: false, - ROTATE_INSTRUCTIONS_DISABLED: false, - YAW_ONLY: false, - BUFFER_SCALE: 0.5, - DIRTY_SUBMIT_FRAME_BINDINGS: false, - }; - var Eye = { - LEFT: "left", - RIGHT: "right", - }; - function CardboardVRDisplay(config$$1) { - var defaults = extend({}, config); - config$$1 = extend(defaults, config$$1 || {}); - VRDisplay.call(this, { - wakelock: config$$1.MOBILE_WAKE_LOCK, - }); - this.config = config$$1; - this.displayName = "Cardboard VRDisplay"; - this.capabilities = new VRDisplayCapabilities({ - hasPosition: false, - hasOrientation: true, - hasExternalDisplay: false, - canPresent: true, - maxLayers: 1, - }); - this.stageParameters = null; - this.bufferScale_ = this.config.BUFFER_SCALE; - this.poseSensor_ = new PoseSensor(this.config); - this.distorter_ = null; - this.cardboardUI_ = null; - this.dpdb_ = new Dpdb( - this.config.DPDB_URL, - this.onDeviceParamsUpdated_.bind(this) - ); - this.deviceInfo_ = new DeviceInfo(this.dpdb_.getDeviceParams()); - this.viewerSelector_ = new ViewerSelector(); - this.viewerSelector_.onChange(this.onViewerChanged_.bind(this)); - this.deviceInfo_.setViewer(this.viewerSelector_.getCurrentViewer()); - if (!this.config.ROTATE_INSTRUCTIONS_DISABLED) { - this.rotateInstructions_ = new RotateInstructions(); - } - if (isIOS()) { - window.addEventListener("resize", this.onResize_.bind(this)); - } - } - CardboardVRDisplay.prototype = Object.create(VRDisplay.prototype); - CardboardVRDisplay.prototype._getPose = function () { - return { - position: null, - orientation: this.poseSensor_.getOrientation(), - linearVelocity: null, - linearAcceleration: null, - angularVelocity: null, - angularAcceleration: null, - }; - }; - CardboardVRDisplay.prototype._resetPose = function () { - if (this.poseSensor_.resetPose) { - this.poseSensor_.resetPose(); - } - }; - CardboardVRDisplay.prototype._getFieldOfView = function (whichEye) { - var fieldOfView; - if (whichEye == Eye.LEFT) { - fieldOfView = this.deviceInfo_.getFieldOfViewLeftEye(); - } else if (whichEye == Eye.RIGHT) { - fieldOfView = this.deviceInfo_.getFieldOfViewRightEye(); - } else { - console.error("Invalid eye provided: %s", whichEye); - return null; - } - return fieldOfView; - }; - CardboardVRDisplay.prototype._getEyeOffset = function (whichEye) { - var offset; - if (whichEye == Eye.LEFT) { - offset = [ - -this.deviceInfo_.viewer.interLensDistance * 0.5, - 0.0, - 0.0, - ]; - } else if (whichEye == Eye.RIGHT) { - offset = [ - this.deviceInfo_.viewer.interLensDistance * 0.5, - 0.0, - 0.0, - ]; - } else { - console.error("Invalid eye provided: %s", whichEye); - return null; - } - return offset; - }; - CardboardVRDisplay.prototype.getEyeParameters = function (whichEye) { - var offset = this._getEyeOffset(whichEye); - var fieldOfView = this._getFieldOfView(whichEye); - var eyeParams = { - offset: offset, - renderWidth: - this.deviceInfo_.device.width * 0.5 * this.bufferScale_, - renderHeight: this.deviceInfo_.device.height * this.bufferScale_, - }; - Object.defineProperty(eyeParams, "fieldOfView", { - enumerable: true, - get: function get() { - deprecateWarning( - "VRFieldOfView", - "VRFrameData's projection matrices" - ); - return fieldOfView; - }, - }); - return eyeParams; - }; - CardboardVRDisplay.prototype.onDeviceParamsUpdated_ = function ( - newParams - ) { - if (this.config.DEBUG) { - console.log("DPDB reported that device params were updated."); - } - this.deviceInfo_.updateDeviceParams(newParams); - if (this.distorter_) { - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - }; - CardboardVRDisplay.prototype.updateBounds_ = function () { - if ( - this.layer_ && - this.distorter_ && - (this.layer_.leftBounds || this.layer_.rightBounds) - ) { - this.distorter_.setTextureBounds( - this.layer_.leftBounds, - this.layer_.rightBounds - ); - } - }; - CardboardVRDisplay.prototype.beginPresent_ = function () { - var gl = this.layer_.source.getContext("webgl"); - if (!gl) gl = this.layer_.source.getContext("experimental-webgl"); - if (!gl) gl = this.layer_.source.getContext("webgl2"); - if (!gl) return; - if (this.layer_.predistorted) { - if (!this.config.CARDBOARD_UI_DISABLED) { - gl.canvas.width = getScreenWidth() * this.bufferScale_; - gl.canvas.height = getScreenHeight() * this.bufferScale_; - this.cardboardUI_ = new CardboardUI(gl); - } - } else { - if (!this.config.CARDBOARD_UI_DISABLED) { - this.cardboardUI_ = new CardboardUI(gl); - } - this.distorter_ = new CardboardDistorter( - gl, - this.cardboardUI_, - this.config.BUFFER_SCALE, - this.config.DIRTY_SUBMIT_FRAME_BINDINGS - ); - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - if (this.cardboardUI_) { - this.cardboardUI_.listen( - function (e) { - this.viewerSelector_.show(this.layer_.source.parentElement); - e.stopPropagation(); - e.preventDefault(); - }.bind(this), - function (e) { - this.exitPresent(); - e.stopPropagation(); - e.preventDefault(); - }.bind(this) - ); - } - if (this.rotateInstructions_) { - if (isLandscapeMode() && isMobile()) { - this.rotateInstructions_.showTemporarily( - 3000, - this.layer_.source.parentElement - ); - } else { - this.rotateInstructions_.update(); - } - } - this.orientationHandler = this.onOrientationChange_.bind(this); - window.addEventListener("orientationchange", this.orientationHandler); - this.vrdisplaypresentchangeHandler = this.updateBounds_.bind(this); - window.addEventListener( - "vrdisplaypresentchange", - this.vrdisplaypresentchangeHandler - ); - this.fireVRDisplayDeviceParamsChange_(); - }; - CardboardVRDisplay.prototype.endPresent_ = function () { - if (this.distorter_) { - this.distorter_.destroy(); - this.distorter_ = null; - } - if (this.cardboardUI_) { - this.cardboardUI_.destroy(); - this.cardboardUI_ = null; - } - if (this.rotateInstructions_) { - this.rotateInstructions_.hide(); - } - this.viewerSelector_.hide(); - window.removeEventListener( - "orientationchange", - this.orientationHandler - ); - window.removeEventListener( - "vrdisplaypresentchange", - this.vrdisplaypresentchangeHandler - ); - }; - CardboardVRDisplay.prototype.updatePresent_ = function () { - this.endPresent_(); - this.beginPresent_(); - }; - CardboardVRDisplay.prototype.submitFrame = function (pose) { - if (this.distorter_) { - this.updateBounds_(); - this.distorter_.submitFrame(); - } else if (this.cardboardUI_ && this.layer_) { - var canvas = this.layer_.source.getContext("webgl").canvas; - if ( - canvas.width != this.lastWidth || - canvas.height != this.lastHeight - ) { - this.cardboardUI_.onResize(); - } - this.lastWidth = canvas.width; - this.lastHeight = canvas.height; - this.cardboardUI_.render(); - } - }; - CardboardVRDisplay.prototype.onOrientationChange_ = function (e) { - this.viewerSelector_.hide(); - if (this.rotateInstructions_) { - this.rotateInstructions_.update(); - } - this.onResize_(); - }; - CardboardVRDisplay.prototype.onResize_ = function (e) { - if (this.layer_) { - var gl = this.layer_.source.getContext("webgl"); - var cssProperties = [ - "position: absolute", - "top: 0", - "left: 0", - "width: 100vw", - "height: 100vh", - "border: 0", - "margin: 0", - "padding: 0px", - "box-sizing: content-box", - ]; - gl.canvas.setAttribute("style", cssProperties.join("; ") + ";"); - safariCssSizeWorkaround(gl.canvas); - } - }; - CardboardVRDisplay.prototype.onViewerChanged_ = function (viewer) { - this.deviceInfo_.setViewer(viewer); - if (this.distorter_) { - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - this.fireVRDisplayDeviceParamsChange_(); - }; - CardboardVRDisplay.prototype.fireVRDisplayDeviceParamsChange_ = - function () { - var event = new CustomEvent("vrdisplaydeviceparamschange", { - detail: { - vrdisplay: this, - deviceInfo: this.deviceInfo_, - }, - }); - window.dispatchEvent(event); - }; - CardboardVRDisplay.VRFrameData = VRFrameData; - CardboardVRDisplay.VRDisplay = VRDisplay; - return CardboardVRDisplay; - }); - }); - var CardboardVRDisplay = unwrapExports$$1(cardboardVrDisplay); - - var version = "0.10.5"; - - var DefaultConfig = { - PROVIDE_MOBILE_VRDISPLAY: true, - GET_VR_DISPLAYS_TIMEOUT: 1000, - MOBILE_WAKE_LOCK: true, - DEBUG: false, - DPDB_URL: "https://dpdb.webvr.rocks/dpdb.json", - K_FILTER: 0.98, - PREDICTION_TIME_S: 0.04, - TOUCH_PANNER_DISABLED: true, - CARDBOARD_UI_DISABLED: false, - ROTATE_INSTRUCTIONS_DISABLED: false, - YAW_ONLY: false, - BUFFER_SCALE: 0.5, - DIRTY_SUBMIT_FRAME_BINDINGS: false, - }; + vrDisplays = displays; + + if ( displays.length > 0 ) { + + vrDisplay = displays[ 0 ]; + + } else { + + if ( onError ) onError( 'VR input not available.' ); + + } + + } + + if ( navigator.getVRDisplays ) { + + navigator.getVRDisplays().then( gotVRDisplays ).catch( function () { + + console.warn( 'VRControls: Unable to get VR Displays' ); + + } ); + + } + + // the Rift SDK returns the position in meters + // this scale factor allows the user to define how meters + // are converted to scene units. + + this.scale = 1; + + // If true will use "standing space" coordinate system where y=0 is the + // floor and x=0, z=0 is the center of the room. + this.standing = false; + + // Distance from the users eyes to the floor in meters. Used when + // standing=true but the VRDisplay doesn't provide stageParameters. + this.userHeight = 1.6; + + this.getVRDisplay = function () { + + return vrDisplay; + + }; + + this.setVRDisplay = function ( value ) { + + vrDisplay = value; + + }; + + this.getVRDisplays = function () { + + console.warn( 'VRControls: getVRDisplays() is being deprecated.' ); + return vrDisplays; + + }; + + this.getStandingMatrix = function () { + + return standingMatrix; + + }; + + this.update = function () { + + if ( vrDisplay ) { + + var pose; + + if ( vrDisplay.getFrameData ) { + + vrDisplay.getFrameData( frameData ); + pose = frameData.pose; + + } else if ( vrDisplay.getPose ) { + + pose = vrDisplay.getPose(); + + } + + if ( pose.orientation !== null ) { + + object.quaternion.fromArray( pose.orientation ); + + } + + if ( pose.position !== null ) { + + object.position.fromArray( pose.position ); + + } else { + + object.position.set( 0, 0, 0 ); + + } + + if ( this.standing ) { + + if ( vrDisplay.stageParameters ) { + + object.updateMatrix(); + + standingMatrix.fromArray( vrDisplay.stageParameters.sittingToStandingTransform ); + object.applyMatrix( standingMatrix ); + + } else { + + object.position.setY( object.position.y + this.userHeight ); + + } + + } + + object.position.multiplyScalar( scope.scale ); + + } + + }; + + this.dispose = function () { + + vrDisplay = null; + + }; + +}; + +/** + * @author dmarcos / https://github.com/dmarcos + * @author mrdoob / http://mrdoob.com + * + * WebVR Spec: http://mozvr.github.io/webvr-spec/webvr.html + * + * Firefox: http://mozvr.com/downloads/ + * Chromium: https://webvr.info/get-chrome + */ +var VREffect = function ( renderer, onError ) { + + var vrDisplay, vrDisplays; + var eyeTranslationL = new Vector3(); + var eyeTranslationR = new Vector3(); + var renderRectL, renderRectR; + var headMatrix = new Matrix4(); + var eyeMatrixL = new Matrix4(); + var eyeMatrixR = new Matrix4(); + + var frameData = null; + + if ( 'VRFrameData' in window ) { + + frameData = new window.VRFrameData(); + + } + + function gotVRDisplays( displays ) { + + vrDisplays = displays; + + if ( displays.length > 0 ) { + + vrDisplay = displays[ 0 ]; + + } else { + + if ( onError ) onError( 'HMD not available' ); + + } + + } + + if ( navigator.getVRDisplays ) { + + navigator.getVRDisplays().then( gotVRDisplays ).catch( function () { + + console.warn( 'VREffect: Unable to get VR Displays' ); + + } ); + + } + + // + + this.isPresenting = false; + + var scope = this; + + var rendererSize = renderer.getSize(); + var rendererUpdateStyle = false; + var rendererPixelRatio = renderer.getPixelRatio(); + + this.getVRDisplay = function () { + + return vrDisplay; + + }; + + this.setVRDisplay = function ( value ) { + + vrDisplay = value; + + }; + + this.getVRDisplays = function () { + + console.warn( 'VREffect: getVRDisplays() is being deprecated.' ); + return vrDisplays; + + }; + + this.setSize = function ( width, height, updateStyle ) { + + rendererSize = { width: width, height: height }; + rendererUpdateStyle = updateStyle; + + if ( scope.isPresenting ) { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + renderer.setPixelRatio( 1 ); + renderer.setSize( eyeParamsL.renderWidth * 2, eyeParamsL.renderHeight, false ); + + } else { + + renderer.setPixelRatio( rendererPixelRatio ); + renderer.setSize( width, height, updateStyle ); + + } + + }; + + // VR presentation + + var canvas = renderer.domElement; + var defaultLeftBounds = [ 0.0, 0.0, 0.5, 1.0 ]; + var defaultRightBounds = [ 0.5, 0.0, 0.5, 1.0 ]; + + function onVRDisplayPresentChange() { + + var wasPresenting = scope.isPresenting; + scope.isPresenting = vrDisplay !== undefined && vrDisplay.isPresenting; + + if ( scope.isPresenting ) { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + var eyeWidth = eyeParamsL.renderWidth; + var eyeHeight = eyeParamsL.renderHeight; + + if ( ! wasPresenting ) { + + rendererPixelRatio = renderer.getPixelRatio(); + rendererSize = renderer.getSize(); + + renderer.setPixelRatio( 1 ); + renderer.setSize( eyeWidth * 2, eyeHeight, false ); + + } + + } else if ( wasPresenting ) { + + renderer.setPixelRatio( rendererPixelRatio ); + renderer.setSize( rendererSize.width, rendererSize.height, rendererUpdateStyle ); + + } + + } + + window.addEventListener( 'vrdisplaypresentchange', onVRDisplayPresentChange, false ); + + this.setFullScreen = function ( boolean ) { + + return new Promise( function ( resolve, reject ) { + + if ( vrDisplay === undefined ) { + + reject( new Error( 'No VR hardware found.' ) ); + return; + + } + + if ( scope.isPresenting === boolean ) { + + resolve(); + return; + + } + + if ( boolean ) { + + resolve( vrDisplay.requestPresent( [ { source: canvas } ] ) ); + + } else { + + resolve( vrDisplay.exitPresent() ); + + } + + } ); + + }; + + this.requestPresent = function () { + + return this.setFullScreen( true ); + + }; + + this.exitPresent = function () { + + return this.setFullScreen( false ); + + }; + + this.requestAnimationFrame = function ( f ) { + + if ( vrDisplay !== undefined ) { + + return vrDisplay.requestAnimationFrame( f ); + + } else { + + return window.requestAnimationFrame( f ); + + } + + }; + + this.cancelAnimationFrame = function ( h ) { + + if ( vrDisplay !== undefined ) { + + vrDisplay.cancelAnimationFrame( h ); + + } else { + + window.cancelAnimationFrame( h ); + + } + + }; + + this.submitFrame = function () { + + if ( vrDisplay !== undefined && scope.isPresenting ) { + + vrDisplay.submitFrame(); + + } + + }; + + this.autoSubmitFrame = true; + + // render + + var cameraL = new PerspectiveCamera(); + cameraL.layers.enable( 1 ); + + var cameraR = new PerspectiveCamera(); + cameraR.layers.enable( 2 ); + + this.render = function ( scene, camera, renderTarget, forceClear ) { + + if ( vrDisplay && scope.isPresenting ) { + + var autoUpdate = scene.autoUpdate; + + if ( autoUpdate ) { + + scene.updateMatrixWorld(); + scene.autoUpdate = false; + + } + + if ( Array.isArray( scene ) ) { + + console.warn( 'VREffect.render() no longer supports arrays. Use object.layers instead.' ); + scene = scene[ 0 ]; + + } + + // When rendering we don't care what the recommended size is, only what the actual size + // of the backbuffer is. + var size = renderer.getSize(); + var layers = vrDisplay.getLayers(); + var leftBounds; + var rightBounds; + + if ( layers.length ) { + + var layer = layers[ 0 ]; + + leftBounds = layer.leftBounds !== null && layer.leftBounds.length === 4 ? layer.leftBounds : defaultLeftBounds; + rightBounds = layer.rightBounds !== null && layer.rightBounds.length === 4 ? layer.rightBounds : defaultRightBounds; + + } else { + + leftBounds = defaultLeftBounds; + rightBounds = defaultRightBounds; + + } + + renderRectL = { + x: Math.round( size.width * leftBounds[ 0 ] ), + y: Math.round( size.height * leftBounds[ 1 ] ), + width: Math.round( size.width * leftBounds[ 2 ] ), + height: Math.round( size.height * leftBounds[ 3 ] ) + }; + renderRectR = { + x: Math.round( size.width * rightBounds[ 0 ] ), + y: Math.round( size.height * rightBounds[ 1 ] ), + width: Math.round( size.width * rightBounds[ 2 ] ), + height: Math.round( size.height * rightBounds[ 3 ] ) + }; + + if ( renderTarget ) { + + renderer.setRenderTarget( renderTarget ); + renderTarget.scissorTest = true; + + } else { + + renderer.setRenderTarget( null ); + renderer.setScissorTest( true ); + + } + + if ( renderer.autoClear || forceClear ) renderer.clear(); + + if ( camera.parent === null ) camera.updateMatrixWorld(); + + camera.matrixWorld.decompose( cameraL.position, cameraL.quaternion, cameraL.scale ); + + cameraR.position.copy( cameraL.position ); + cameraR.quaternion.copy( cameraL.quaternion ); + cameraR.scale.copy( cameraL.scale ); + + if ( vrDisplay.getFrameData ) { + + vrDisplay.depthNear = camera.near; + vrDisplay.depthFar = camera.far; + + vrDisplay.getFrameData( frameData ); + + cameraL.projectionMatrix.elements = frameData.leftProjectionMatrix; + cameraR.projectionMatrix.elements = frameData.rightProjectionMatrix; + + getEyeMatrices( frameData ); + + cameraL.updateMatrix(); + cameraL.matrix.multiply( eyeMatrixL ); + cameraL.matrix.decompose( cameraL.position, cameraL.quaternion, cameraL.scale ); + + cameraR.updateMatrix(); + cameraR.matrix.multiply( eyeMatrixR ); + cameraR.matrix.decompose( cameraR.position, cameraR.quaternion, cameraR.scale ); + + } else { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + var eyeParamsR = vrDisplay.getEyeParameters( 'right' ); + + cameraL.projectionMatrix = fovToProjection( eyeParamsL.fieldOfView, true, camera.near, camera.far ); + cameraR.projectionMatrix = fovToProjection( eyeParamsR.fieldOfView, true, camera.near, camera.far ); + + eyeTranslationL.fromArray( eyeParamsL.offset ); + eyeTranslationR.fromArray( eyeParamsR.offset ); + + cameraL.translateOnAxis( eyeTranslationL, cameraL.scale.x ); + cameraR.translateOnAxis( eyeTranslationR, cameraR.scale.x ); + + } + + // render left eye + if ( renderTarget ) { + + renderTarget.viewport.set( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + renderTarget.scissor.set( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + + } else { + + renderer.setViewport( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + renderer.setScissor( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + + } + renderer.render( scene, cameraL, renderTarget, forceClear ); + + // render right eye + if ( renderTarget ) { + + renderTarget.viewport.set( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + renderTarget.scissor.set( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + + } else { + + renderer.setViewport( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + renderer.setScissor( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + + } + renderer.render( scene, cameraR, renderTarget, forceClear ); + + if ( renderTarget ) { + + renderTarget.viewport.set( 0, 0, size.width, size.height ); + renderTarget.scissor.set( 0, 0, size.width, size.height ); + renderTarget.scissorTest = false; + renderer.setRenderTarget( null ); + + } else { + + renderer.setViewport( 0, 0, size.width, size.height ); + renderer.setScissorTest( false ); + + } + + if ( autoUpdate ) { + + scene.autoUpdate = true; + + } + + if ( scope.autoSubmitFrame ) { + + scope.submitFrame(); - function WebVRPolyfill(config) { - this.config = extend(extend({}, DefaultConfig), config); - this.polyfillDisplays = []; - this.enabled = false; - this.hasNative = "getVRDisplays" in navigator; - this.native = {}; - this.native.getVRDisplays = navigator.getVRDisplays; - this.native.VRFrameData = window.VRFrameData; - this.native.VRDisplay = window.VRDisplay; - if ( - !this.hasNative || - (this.config.PROVIDE_MOBILE_VRDISPLAY && isMobile()) - ) { - this.enable(); - this.getVRDisplays().then(function (displays) { - if (displays && displays[0] && displays[0].fireVRDisplayConnect_) { - displays[0].fireVRDisplayConnect_(); - } - }); - } - } - WebVRPolyfill.prototype.getPolyfillDisplays = function () { - if (this._polyfillDisplaysPopulated) { - return this.polyfillDisplays; - } - if (isMobile()) { - var vrDisplay = new CardboardVRDisplay({ - MOBILE_WAKE_LOCK: this.config.MOBILE_WAKE_LOCK, - DEBUG: this.config.DEBUG, - DPDB_URL: this.config.DPDB_URL, - CARDBOARD_UI_DISABLED: this.config.CARDBOARD_UI_DISABLED, - K_FILTER: this.config.K_FILTER, - PREDICTION_TIME_S: this.config.PREDICTION_TIME_S, - TOUCH_PANNER_DISABLED: this.config.TOUCH_PANNER_DISABLED, - ROTATE_INSTRUCTIONS_DISABLED: - this.config.ROTATE_INSTRUCTIONS_DISABLED, - YAW_ONLY: this.config.YAW_ONLY, - BUFFER_SCALE: this.config.BUFFER_SCALE, - DIRTY_SUBMIT_FRAME_BINDINGS: this.config.DIRTY_SUBMIT_FRAME_BINDINGS, - }); - this.polyfillDisplays.push(vrDisplay); - } - this._polyfillDisplaysPopulated = true; - return this.polyfillDisplays; - }; - WebVRPolyfill.prototype.enable = function () { - this.enabled = true; - if (this.hasNative && this.native.VRFrameData) { - var NativeVRFrameData = this.native.VRFrameData; - var nativeFrameData = new this.native.VRFrameData(); - var nativeGetFrameData = this.native.VRDisplay.prototype.getFrameData; - window.VRDisplay.prototype.getFrameData = function (frameData) { - if (frameData instanceof NativeVRFrameData) { - nativeGetFrameData.call(this, frameData); - return; - } - nativeGetFrameData.call(this, nativeFrameData); - frameData.pose = nativeFrameData.pose; - copyArray( - nativeFrameData.leftProjectionMatrix, - frameData.leftProjectionMatrix - ); - copyArray( - nativeFrameData.rightProjectionMatrix, - frameData.rightProjectionMatrix - ); - copyArray(nativeFrameData.leftViewMatrix, frameData.leftViewMatrix); - copyArray(nativeFrameData.rightViewMatrix, frameData.rightViewMatrix); - }; - } - navigator.getVRDisplays = this.getVRDisplays.bind(this); - window.VRDisplay = CardboardVRDisplay.VRDisplay; - window.VRFrameData = CardboardVRDisplay.VRFrameData; - }; - WebVRPolyfill.prototype.getVRDisplays = function () { - var _this = this; - var config = this.config; - if (!this.hasNative) { - return Promise.resolve(this.getPolyfillDisplays()); - } - var timeoutId; - var vrDisplaysNative = this.native.getVRDisplays.call(navigator); - var timeoutPromise = new Promise(function (resolve) { - timeoutId = setTimeout(function () { - console.warn( - "Native WebVR implementation detected, but `getVRDisplays()` failed to resolve. Falling back to polyfill." - ); - resolve([]); - }, config.GET_VR_DISPLAYS_TIMEOUT); - }); - return race([vrDisplaysNative, timeoutPromise]).then(function ( - nativeDisplays - ) { - clearTimeout(timeoutId); - return nativeDisplays.length > 0 - ? nativeDisplays - : _this.getPolyfillDisplays(); - }); - }; - WebVRPolyfill.version = version; - WebVRPolyfill.VRFrameData = CardboardVRDisplay.VRFrameData; - WebVRPolyfill.VRDisplay = CardboardVRDisplay.VRDisplay; + } - var webvrPolyfill = Object.freeze({ - default: WebVRPolyfill, - }); + return; - var require$$0 = (webvrPolyfill && WebVRPolyfill) || webvrPolyfill; + } - if (typeof commonjsGlobal$$1 !== "undefined" && commonjsGlobal$$1.window) { - if (!commonjsGlobal$$1.document) { - commonjsGlobal$$1.document = commonjsGlobal$$1.window.document; - } - if (!commonjsGlobal$$1.navigator) { - commonjsGlobal$$1.navigator = commonjsGlobal$$1.window.navigator; - } - } - var src = require$$0; + // Regular render mode if not HMD - return src; - }); -}); + renderer.render( scene, camera, renderTarget, forceClear ); -var WebVRPolyfill = unwrapExports(webvrPolyfill); + }; -/** - * @author dmarcos / https://github.com/dmarcos - * @author mrdoob / http://mrdoob.com - */ -var VRControls = function (object, onError) { - var scope = this; + this.dispose = function () { - var vrDisplay, vrDisplays; + window.removeEventListener( 'vrdisplaypresentchange', onVRDisplayPresentChange, false ); - var standingMatrix = new Matrix4(); + }; - var frameData = null; + // - if ("VRFrameData" in window) { - frameData = new VRFrameData(); - } + var poseOrientation = new Quaternion(); + var posePosition = new Vector3(); - function gotVRDisplays(displays) { - vrDisplays = displays; + // Compute model matrices of the eyes with respect to the head. + function getEyeMatrices( frameData ) { - if (displays.length > 0) { - vrDisplay = displays[0]; - } else { - if (onError) onError("VR input not available."); - } - } + // Compute the matrix for the position of the head based on the pose + if ( frameData.pose.orientation ) { - if (navigator.getVRDisplays) { - navigator - .getVRDisplays() - .then(gotVRDisplays) - .catch(function () { - console.warn("VRControls: Unable to get VR Displays"); - }); - } + poseOrientation.fromArray( frameData.pose.orientation ); + headMatrix.makeRotationFromQuaternion( poseOrientation ); - // the Rift SDK returns the position in meters - // this scale factor allows the user to define how meters - // are converted to scene units. + } else { - this.scale = 1; + headMatrix.identity(); - // If true will use "standing space" coordinate system where y=0 is the - // floor and x=0, z=0 is the center of the room. - this.standing = false; + } - // Distance from the users eyes to the floor in meters. Used when - // standing=true but the VRDisplay doesn't provide stageParameters. - this.userHeight = 1.6; + if ( frameData.pose.position ) { - this.getVRDisplay = function () { - return vrDisplay; - }; + posePosition.fromArray( frameData.pose.position ); + headMatrix.setPosition( posePosition ); - this.setVRDisplay = function (value) { - vrDisplay = value; - }; + } - this.getVRDisplays = function () { - console.warn("VRControls: getVRDisplays() is being deprecated."); - return vrDisplays; - }; + // The view matrix transforms vertices from sitting space to eye space. As such, the view matrix can be thought of as a product of two matrices: + // headToEyeMatrix * sittingToHeadMatrix - this.getStandingMatrix = function () { - return standingMatrix; - }; + // The headMatrix that we've calculated above is the model matrix of the head in sitting space, which is the inverse of sittingToHeadMatrix. + // So when we multiply the view matrix with headMatrix, we're left with headToEyeMatrix: + // viewMatrix * headMatrix = headToEyeMatrix * sittingToHeadMatrix * headMatrix = headToEyeMatrix - this.update = function () { - if (vrDisplay) { - var pose; + eyeMatrixL.fromArray( frameData.leftViewMatrix ); + eyeMatrixL.multiply( headMatrix ); + eyeMatrixR.fromArray( frameData.rightViewMatrix ); + eyeMatrixR.multiply( headMatrix ); - if (vrDisplay.getFrameData) { - vrDisplay.getFrameData(frameData); - pose = frameData.pose; - } else if (vrDisplay.getPose) { - pose = vrDisplay.getPose(); - } + // The eye's model matrix in head space is the inverse of headToEyeMatrix we calculated above. - if (pose.orientation !== null) { - object.quaternion.fromArray(pose.orientation); - } + eyeMatrixL.getInverse( eyeMatrixL ); + eyeMatrixR.getInverse( eyeMatrixR ); - if (pose.position !== null) { - object.position.fromArray(pose.position); - } else { - object.position.set(0, 0, 0); - } + } - if (this.standing) { - if (vrDisplay.stageParameters) { - object.updateMatrix(); + function fovToNDCScaleOffset( fov ) { - standingMatrix.fromArray( - vrDisplay.stageParameters.sittingToStandingTransform - ); - object.applyMatrix(standingMatrix); - } else { - object.position.setY(object.position.y + this.userHeight); - } - } + var pxscale = 2.0 / ( fov.leftTan + fov.rightTan ); + var pxoffset = ( fov.leftTan - fov.rightTan ) * pxscale * 0.5; + var pyscale = 2.0 / ( fov.upTan + fov.downTan ); + var pyoffset = ( fov.upTan - fov.downTan ) * pyscale * 0.5; + return { scale: [ pxscale, pyscale ], offset: [ pxoffset, pyoffset ] }; - object.position.multiplyScalar(scope.scale); - } - }; + } + + function fovPortToProjection( fov, rightHanded, zNear, zFar ) { + + rightHanded = rightHanded === undefined ? true : rightHanded; + zNear = zNear === undefined ? 0.01 : zNear; + zFar = zFar === undefined ? 10000.0 : zFar; + + var handednessScale = rightHanded ? - 1.0 : 1.0; + + // start with an identity matrix + var mobj = new Matrix4(); + var m = mobj.elements; + + // and with scale/offset info for normalized device coords + var scaleAndOffset = fovToNDCScaleOffset( fov ); + + // X result, map clip edges to [-w,+w] + m[ 0 * 4 + 0 ] = scaleAndOffset.scale[ 0 ]; + m[ 0 * 4 + 1 ] = 0.0; + m[ 0 * 4 + 2 ] = scaleAndOffset.offset[ 0 ] * handednessScale; + m[ 0 * 4 + 3 ] = 0.0; + + // Y result, map clip edges to [-w,+w] + // Y offset is negated because this proj matrix transforms from world coords with Y=up, + // but the NDC scaling has Y=down (thanks D3D?) + m[ 1 * 4 + 0 ] = 0.0; + m[ 1 * 4 + 1 ] = scaleAndOffset.scale[ 1 ]; + m[ 1 * 4 + 2 ] = - scaleAndOffset.offset[ 1 ] * handednessScale; + m[ 1 * 4 + 3 ] = 0.0; + + // Z result (up to the app) + m[ 2 * 4 + 0 ] = 0.0; + m[ 2 * 4 + 1 ] = 0.0; + m[ 2 * 4 + 2 ] = zFar / ( zNear - zFar ) * - handednessScale; + m[ 2 * 4 + 3 ] = ( zFar * zNear ) / ( zNear - zFar ); + + // W result (= Z in) + m[ 3 * 4 + 0 ] = 0.0; + m[ 3 * 4 + 1 ] = 0.0; + m[ 3 * 4 + 2 ] = handednessScale; + m[ 3 * 4 + 3 ] = 0.0; + + mobj.transpose(); + return mobj; + + } + + function fovToProjection( fov, rightHanded, zNear, zFar ) { + + var DEG2RAD = Math.PI / 180.0; + + var fovPort = { + upTan: Math.tan( fov.upDegrees * DEG2RAD ), + downTan: Math.tan( fov.downDegrees * DEG2RAD ), + leftTan: Math.tan( fov.leftDegrees * DEG2RAD ), + rightTan: Math.tan( fov.rightDegrees * DEG2RAD ) + }; + + return fovPortToProjection( fovPort, rightHanded, zNear, zFar ); + + } - this.dispose = function () { - vrDisplay = null; - }; }; /** - * @author dmarcos / https://github.com/dmarcos + * @author qiao / https://github.com/qiao * @author mrdoob / http://mrdoob.com - * - * WebVR Spec: http://mozvr.github.io/webvr-spec/webvr.html - * - * Firefox: http://mozvr.com/downloads/ - * Chromium: https://webvr.info/get-chrome + * @author alteredq / http://alteredqualia.com/ + * @author WestLangley / http://github.com/WestLangley + * @author erich666 / http://erichaines.com */ -var VREffect = function (renderer, onError) { - var vrDisplay, vrDisplays; - var eyeTranslationL = new Vector3(); - var eyeTranslationR = new Vector3(); - var renderRectL, renderRectR; - var headMatrix = new Matrix4(); - var eyeMatrixL = new Matrix4(); - var eyeMatrixR = new Matrix4(); - - var frameData = null; - - if ("VRFrameData" in window) { - frameData = new window.VRFrameData(); - } +var OrbitControls = function ( object, domElement ) { - function gotVRDisplays(displays) { - vrDisplays = displays; + this.object = object; - if (displays.length > 0) { - vrDisplay = displays[0]; - } else { - if (onError) onError("HMD not available"); - } - } + this.domElement = ( domElement !== undefined ) ? domElement : document; - if (navigator.getVRDisplays) { - navigator - .getVRDisplays() - .then(gotVRDisplays) - .catch(function () { - console.warn("VREffect: Unable to get VR Displays"); - }); - } + // Set to false to disable this control + this.enabled = true; - // + // "target" sets the location of focus, where the object orbits around + this.target = new Vector3(); - this.isPresenting = false; + // How far you can dolly in and out ( PerspectiveCamera only ) + this.minDistance = 0; + this.maxDistance = Infinity; - var scope = this; + // How far you can zoom in and out ( OrthographicCamera only ) + this.minZoom = 0; + this.maxZoom = Infinity; - var rendererSize = renderer.getSize(); - var rendererUpdateStyle = false; - var rendererPixelRatio = renderer.getPixelRatio(); + // How far you can orbit vertically, upper and lower limits. + // Range is 0 to Math.PI radians. + this.minPolarAngle = 0; // radians + this.maxPolarAngle = Math.PI; // radians - this.getVRDisplay = function () { - return vrDisplay; - }; + // How far you can orbit horizontally, upper and lower limits. + // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ]. + this.minAzimuthAngle = - Infinity; // radians + this.maxAzimuthAngle = Infinity; // radians - this.setVRDisplay = function (value) { - vrDisplay = value; - }; + // Set to true to enable damping (inertia) + // If damping is enabled, you must call controls.update() in your animation loop + this.enableDamping = false; + this.dampingFactor = 0.25; - this.getVRDisplays = function () { - console.warn("VREffect: getVRDisplays() is being deprecated."); - return vrDisplays; - }; + // This option actually enables dollying in and out; left as "zoom" for backwards compatibility. + // Set to false to disable zooming + this.enableZoom = true; + this.zoomSpeed = 1.0; - this.setSize = function (width, height, updateStyle) { - rendererSize = { width: width, height: height }; - rendererUpdateStyle = updateStyle; - - if (scope.isPresenting) { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - renderer.setPixelRatio(1); - renderer.setSize( - eyeParamsL.renderWidth * 2, - eyeParamsL.renderHeight, - false - ); - } else { - renderer.setPixelRatio(rendererPixelRatio); - renderer.setSize(width, height, updateStyle); - } - }; + // Set to false to disable rotating + this.enableRotate = true; + this.rotateSpeed = 1.0; - // VR presentation + // Set to false to disable panning + this.enablePan = true; + this.panSpeed = 1.0; + this.screenSpacePanning = false; // if true, pan in screen-space + this.keyPanSpeed = 7.0; // pixels moved per arrow key push - var canvas = renderer.domElement; - var defaultLeftBounds = [0.0, 0.0, 0.5, 1.0]; - var defaultRightBounds = [0.5, 0.0, 0.5, 1.0]; + // Set to true to automatically rotate around the target + // If auto-rotate is enabled, you must call controls.update() in your animation loop + this.autoRotate = false; + this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60 - function onVRDisplayPresentChange() { - var wasPresenting = scope.isPresenting; - scope.isPresenting = vrDisplay !== undefined && vrDisplay.isPresenting; + // Set to false to disable use of the keys + this.enableKeys = true; - if (scope.isPresenting) { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - var eyeWidth = eyeParamsL.renderWidth; - var eyeHeight = eyeParamsL.renderHeight; + // The four arrow keys + this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 }; - if (!wasPresenting) { - rendererPixelRatio = renderer.getPixelRatio(); - rendererSize = renderer.getSize(); + // Mouse buttons + this.mouseButtons = { ORBIT: MOUSE.LEFT, ZOOM: MOUSE.MIDDLE, PAN: MOUSE.RIGHT }; - renderer.setPixelRatio(1); - renderer.setSize(eyeWidth * 2, eyeHeight, false); - } - } else if (wasPresenting) { - renderer.setPixelRatio(rendererPixelRatio); - renderer.setSize( - rendererSize.width, - rendererSize.height, - rendererUpdateStyle - ); - } - } + // for reset + this.target0 = this.target.clone(); + this.position0 = this.object.position.clone(); + this.zoom0 = this.object.zoom; - window.addEventListener( - "vrdisplaypresentchange", - onVRDisplayPresentChange, - false - ); + // + // public methods + // - this.setFullScreen = function (boolean) { - return new Promise(function (resolve, reject) { - if (vrDisplay === undefined) { - reject(new Error("No VR hardware found.")); - return; - } + this.getPolarAngle = function () { - if (scope.isPresenting === boolean) { - resolve(); - return; - } + return spherical.phi; - if (boolean) { - resolve(vrDisplay.requestPresent([{ source: canvas }])); - } else { - resolve(vrDisplay.exitPresent()); - } - }); - }; + }; - this.requestPresent = function () { - return this.setFullScreen(true); - }; + this.getAzimuthalAngle = function () { - this.exitPresent = function () { - return this.setFullScreen(false); - }; + return spherical.theta; - this.requestAnimationFrame = function (f) { - if (vrDisplay !== undefined) { - return vrDisplay.requestAnimationFrame(f); - } else { - return window.requestAnimationFrame(f); - } - }; + }; + + this.saveState = function () { + + scope.target0.copy( scope.target ); + scope.position0.copy( scope.object.position ); + scope.zoom0 = scope.object.zoom; + + }; + + this.reset = function () { + + scope.target.copy( scope.target0 ); + scope.object.position.copy( scope.position0 ); + scope.object.zoom = scope.zoom0; + + scope.object.updateProjectionMatrix(); + scope.dispatchEvent( changeEvent ); + + scope.update(); + + state = STATE.NONE; + + }; + + // this method is exposed, but perhaps it would be better if we can make it private... + this.update = function () { + + var offset = new Vector3(); + + // so camera.up is the orbit axis + var quat = new Quaternion().setFromUnitVectors( object.up, new Vector3( 0, 1, 0 ) ); + var quatInverse = quat.clone().inverse(); + + var lastPosition = new Vector3(); + var lastQuaternion = new Quaternion(); + + return function update() { + + var position = scope.object.position; + + offset.copy( position ).sub( scope.target ); + + // rotate offset to "y-axis-is-up" space + offset.applyQuaternion( quat ); + + // angle from z-axis around y-axis + spherical.setFromVector3( offset ); + + if ( scope.autoRotate && state === STATE.NONE ) { + + scope.rotateLeft( getAutoRotationAngle() ); + + } + + spherical.theta += sphericalDelta.theta; + spherical.phi += sphericalDelta.phi; + + // restrict theta to be between desired limits + spherical.theta = Math.max( scope.minAzimuthAngle, Math.min( scope.maxAzimuthAngle, spherical.theta ) ); + + // restrict phi to be between desired limits + spherical.phi = Math.max( scope.minPolarAngle, Math.min( scope.maxPolarAngle, spherical.phi ) ); + + spherical.makeSafe(); + + + spherical.radius *= scale; + + // restrict radius to be between desired limits + spherical.radius = Math.max( scope.minDistance, Math.min( scope.maxDistance, spherical.radius ) ); + + // move target to panned location + scope.target.add( panOffset ); + + offset.setFromSpherical( spherical ); + + // rotate offset back to "camera-up-vector-is-up" space + offset.applyQuaternion( quatInverse ); + + position.copy( scope.target ).add( offset ); + + scope.object.lookAt( scope.target ); + + if ( scope.enableDamping === true ) { + + sphericalDelta.theta *= ( 1 - scope.dampingFactor ); + sphericalDelta.phi *= ( 1 - scope.dampingFactor ); + + panOffset.multiplyScalar( 1 - scope.dampingFactor ); + + } else { + + sphericalDelta.set( 0, 0, 0 ); + + panOffset.set( 0, 0, 0 ); + + } + + scale = 1; + + // update condition is: + // min(camera displacement, camera rotation in radians)^2 > EPS + // using small-angle approximation cos(x/2) = 1 - x^2 / 8 + + if ( zoomChanged || + lastPosition.distanceToSquared( scope.object.position ) > EPS || + 8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) { + + scope.dispatchEvent( changeEvent ); + + lastPosition.copy( scope.object.position ); + lastQuaternion.copy( scope.object.quaternion ); + zoomChanged = false; + + return true; + + } + + return false; + + }; + + }(); + + this.dispose = function () { + + scope.domElement.removeEventListener( 'contextmenu', onContextMenu, false ); + scope.domElement.removeEventListener( 'mousedown', onMouseDown, false ); + scope.domElement.removeEventListener( 'wheel', onMouseWheel, false ); + + scope.domElement.removeEventListener( 'touchstart', onTouchStart, false ); + scope.domElement.removeEventListener( 'touchend', onTouchEnd, false ); + scope.domElement.removeEventListener( 'touchmove', onTouchMove, false ); + + document.removeEventListener( 'mousemove', onMouseMove, false ); + document.removeEventListener( 'mouseup', onMouseUp, false ); + + window.removeEventListener( 'keydown', onKeyDown, false ); + + //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here? + + }; + + // + // internals + // + + var scope = this; + + var changeEvent = { type: 'change' }; + var startEvent = { type: 'start' }; + var endEvent = { type: 'end' }; + + var STATE = { NONE: - 1, ROTATE: 0, DOLLY: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_DOLLY_PAN: 4 }; + + var state = STATE.NONE; + + var EPS = 0.000001; + + // current position in spherical coordinates + var spherical = new Spherical(); + var sphericalDelta = new Spherical(); + + var scale = 1; + var panOffset = new Vector3(); + var zoomChanged = false; + + var rotateStart = new Vector2(); + var rotateEnd = new Vector2(); + var rotateDelta = new Vector2(); + + var panStart = new Vector2(); + var panEnd = new Vector2(); + var panDelta = new Vector2(); + + var dollyStart = new Vector2(); + var dollyEnd = new Vector2(); + var dollyDelta = new Vector2(); + + function getAutoRotationAngle() { + + return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed; + + } + + function getZoomScale() { + + return Math.pow( 0.95, scope.zoomSpeed ); + + } + + scope.rotateLeft = function( angle ) { + + sphericalDelta.theta -= angle; + + }; + + scope.rotateUp = function( angle ) { + + sphericalDelta.phi -= angle; + + }; + + var panLeft = function () { + + var v = new Vector3(); + + return function panLeft( distance, objectMatrix ) { + + v.setFromMatrixColumn( objectMatrix, 0 ); // get X column of objectMatrix + v.multiplyScalar( - distance ); + + panOffset.add( v ); + + }; + + }(); + + var panUp = function () { + + var v = new Vector3(); + + return function panUp( distance, objectMatrix ) { + + if ( scope.screenSpacePanning === true ) { + + v.setFromMatrixColumn( objectMatrix, 1 ); + + } else { + + v.setFromMatrixColumn( objectMatrix, 0 ); + v.crossVectors( scope.object.up, v ); + + } + + v.multiplyScalar( distance ); + + panOffset.add( v ); + + }; + + }(); + + // deltaX and deltaY are in pixels; right and down are positive + var pan = function () { + + var offset = new Vector3(); + + return function pan( deltaX, deltaY ) { + + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; + + if ( scope.object.isPerspectiveCamera ) { + + // perspective + var position = scope.object.position; + offset.copy( position ).sub( scope.target ); + var targetDistance = offset.length(); + + // half of the fov is center to top of screen + targetDistance *= Math.tan( ( scope.object.fov / 2 ) * Math.PI / 180.0 ); + + // we use only clientHeight here so aspect ratio does not distort speed + panLeft( 2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix ); + panUp( 2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix ); + + } else if ( scope.object.isOrthographicCamera ) { + + // orthographic + panLeft( deltaX * ( scope.object.right - scope.object.left ) / scope.object.zoom / element.clientWidth, scope.object.matrix ); + panUp( deltaY * ( scope.object.top - scope.object.bottom ) / scope.object.zoom / element.clientHeight, scope.object.matrix ); + + } else { + + // camera neither orthographic nor perspective + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.' ); + scope.enablePan = false; + + } + + }; + + }(); + + function dollyIn( dollyScale ) { + + if ( scope.object.isPerspectiveCamera ) { + + scale /= dollyScale; + + } else if ( scope.object.isOrthographicCamera ) { + + scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom * dollyScale ) ); + scope.object.updateProjectionMatrix(); + zoomChanged = true; + + } else { + + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' ); + scope.enableZoom = false; + + } + + } + + function dollyOut( dollyScale ) { + + if ( scope.object.isPerspectiveCamera ) { + + scale *= dollyScale; + + } else if ( scope.object.isOrthographicCamera ) { + + scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom / dollyScale ) ); + scope.object.updateProjectionMatrix(); + zoomChanged = true; + + } else { + + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' ); + scope.enableZoom = false; + + } + + } + + // + // event callbacks - update the object state + // + + function handleMouseDownRotate( event ) { + + //console.log( 'handleMouseDownRotate' ); + + rotateStart.set( event.clientX, event.clientY ); + + } + + function handleMouseDownDolly( event ) { + + //console.log( 'handleMouseDownDolly' ); + + dollyStart.set( event.clientX, event.clientY ); + + } + + function handleMouseDownPan( event ) { + + //console.log( 'handleMouseDownPan' ); + + panStart.set( event.clientX, event.clientY ); + + } + + function handleMouseMoveRotate( event ) { + + //console.log( 'handleMouseMoveRotate' ); + + rotateEnd.set( event.clientX, event.clientY ); + + rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed ); + + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; + + scope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height + + scope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight ); + + rotateStart.copy( rotateEnd ); + + scope.update(); + + } + + function handleMouseMoveDolly( event ) { + + //console.log( 'handleMouseMoveDolly' ); + + dollyEnd.set( event.clientX, event.clientY ); + + dollyDelta.subVectors( dollyEnd, dollyStart ); - this.cancelAnimationFrame = function (h) { - if (vrDisplay !== undefined) { - vrDisplay.cancelAnimationFrame(h); - } else { - window.cancelAnimationFrame(h); - } - }; + if ( dollyDelta.y > 0 ) { - this.submitFrame = function () { - if (vrDisplay !== undefined && scope.isPresenting) { - vrDisplay.submitFrame(); - } - }; + dollyIn( getZoomScale() ); - this.autoSubmitFrame = true; + } else if ( dollyDelta.y < 0 ) { - // render + dollyOut( getZoomScale() ); - var cameraL = new PerspectiveCamera(); - cameraL.layers.enable(1); + } - var cameraR = new PerspectiveCamera(); - cameraR.layers.enable(2); + dollyStart.copy( dollyEnd ); - this.render = function (scene, camera, renderTarget, forceClear) { - if (vrDisplay && scope.isPresenting) { - var autoUpdate = scene.autoUpdate; + scope.update(); - if (autoUpdate) { - scene.updateMatrixWorld(); - scene.autoUpdate = false; - } + } - if (Array.isArray(scene)) { - console.warn( - "VREffect.render() no longer supports arrays. Use object.layers instead." - ); - scene = scene[0]; - } + function handleMouseMovePan( event ) { - // When rendering we don't care what the recommended size is, only what the actual size - // of the backbuffer is. - var size = renderer.getSize(); - var layers = vrDisplay.getLayers(); - var leftBounds; - var rightBounds; - - if (layers.length) { - var layer = layers[0]; - - leftBounds = - layer.leftBounds !== null && layer.leftBounds.length === 4 - ? layer.leftBounds - : defaultLeftBounds; - rightBounds = - layer.rightBounds !== null && layer.rightBounds.length === 4 - ? layer.rightBounds - : defaultRightBounds; - } else { - leftBounds = defaultLeftBounds; - rightBounds = defaultRightBounds; - } + //console.log( 'handleMouseMovePan' ); - renderRectL = { - x: Math.round(size.width * leftBounds[0]), - y: Math.round(size.height * leftBounds[1]), - width: Math.round(size.width * leftBounds[2]), - height: Math.round(size.height * leftBounds[3]), - }; - renderRectR = { - x: Math.round(size.width * rightBounds[0]), - y: Math.round(size.height * rightBounds[1]), - width: Math.round(size.width * rightBounds[2]), - height: Math.round(size.height * rightBounds[3]), - }; + panEnd.set( event.clientX, event.clientY ); - if (renderTarget) { - renderer.setRenderTarget(renderTarget); - renderTarget.scissorTest = true; - } else { - renderer.setRenderTarget(null); - renderer.setScissorTest(true); - } + panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed ); - if (renderer.autoClear || forceClear) renderer.clear(); + pan( panDelta.x, panDelta.y ); - if (camera.parent === null) camera.updateMatrixWorld(); + panStart.copy( panEnd ); - camera.matrixWorld.decompose( - cameraL.position, - cameraL.quaternion, - cameraL.scale - ); + scope.update(); - cameraR.position.copy(cameraL.position); - cameraR.quaternion.copy(cameraL.quaternion); - cameraR.scale.copy(cameraL.scale); + } - if (vrDisplay.getFrameData) { - vrDisplay.depthNear = camera.near; - vrDisplay.depthFar = camera.far; + function handleMouseWheel( event ) { - vrDisplay.getFrameData(frameData); + // console.log( 'handleMouseWheel' ); - cameraL.projectionMatrix.elements = frameData.leftProjectionMatrix; - cameraR.projectionMatrix.elements = frameData.rightProjectionMatrix; + if ( event.deltaY < 0 ) { - getEyeMatrices(frameData); + dollyOut( getZoomScale() ); - cameraL.updateMatrix(); - cameraL.matrix.multiply(eyeMatrixL); - cameraL.matrix.decompose( - cameraL.position, - cameraL.quaternion, - cameraL.scale - ); + } else if ( event.deltaY > 0 ) { - cameraR.updateMatrix(); - cameraR.matrix.multiply(eyeMatrixR); - cameraR.matrix.decompose( - cameraR.position, - cameraR.quaternion, - cameraR.scale - ); - } else { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - var eyeParamsR = vrDisplay.getEyeParameters("right"); - - cameraL.projectionMatrix = fovToProjection( - eyeParamsL.fieldOfView, - true, - camera.near, - camera.far - ); - cameraR.projectionMatrix = fovToProjection( - eyeParamsR.fieldOfView, - true, - camera.near, - camera.far - ); - - eyeTranslationL.fromArray(eyeParamsL.offset); - eyeTranslationR.fromArray(eyeParamsR.offset); - - cameraL.translateOnAxis(eyeTranslationL, cameraL.scale.x); - cameraR.translateOnAxis(eyeTranslationR, cameraR.scale.x); - } + dollyIn( getZoomScale() ); - // render left eye - if (renderTarget) { - renderTarget.viewport.set( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - renderTarget.scissor.set( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - } else { - renderer.setViewport( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - renderer.setScissor( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - } - renderer.render(scene, cameraL, renderTarget, forceClear); - - // render right eye - if (renderTarget) { - renderTarget.viewport.set( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - renderTarget.scissor.set( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - } else { - renderer.setViewport( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - renderer.setScissor( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - } - renderer.render(scene, cameraR, renderTarget, forceClear); + } - if (renderTarget) { - renderTarget.viewport.set(0, 0, size.width, size.height); - renderTarget.scissor.set(0, 0, size.width, size.height); - renderTarget.scissorTest = false; - renderer.setRenderTarget(null); - } else { - renderer.setViewport(0, 0, size.width, size.height); - renderer.setScissorTest(false); - } + scope.update(); - if (autoUpdate) { - scene.autoUpdate = true; - } + } - if (scope.autoSubmitFrame) { - scope.submitFrame(); - } + function handleKeyDown( event ) { - return; - } + //console.log( 'handleKeyDown' ); - // Regular render mode if not HMD + switch ( event.keyCode ) { - renderer.render(scene, camera, renderTarget, forceClear); - }; + case scope.keys.UP: + pan( 0, scope.keyPanSpeed ); + scope.update(); + break; - this.dispose = function () { - window.removeEventListener( - "vrdisplaypresentchange", - onVRDisplayPresentChange, - false - ); - }; + case scope.keys.BOTTOM: + pan( 0, - scope.keyPanSpeed ); + scope.update(); + break; - // + case scope.keys.LEFT: + pan( scope.keyPanSpeed, 0 ); + scope.update(); + break; - var poseOrientation = new Quaternion(); - var posePosition = new Vector3(); + case scope.keys.RIGHT: + pan( - scope.keyPanSpeed, 0 ); + scope.update(); + break; - // Compute model matrices of the eyes with respect to the head. - function getEyeMatrices(frameData) { - // Compute the matrix for the position of the head based on the pose - if (frameData.pose.orientation) { - poseOrientation.fromArray(frameData.pose.orientation); - headMatrix.makeRotationFromQuaternion(poseOrientation); - } else { - headMatrix.identity(); - } + } - if (frameData.pose.position) { - posePosition.fromArray(frameData.pose.position); - headMatrix.setPosition(posePosition); - } + } - // The view matrix transforms vertices from sitting space to eye space. As such, the view matrix can be thought of as a product of two matrices: - // headToEyeMatrix * sittingToHeadMatrix + function handleTouchStartRotate( event ) { - // The headMatrix that we've calculated above is the model matrix of the head in sitting space, which is the inverse of sittingToHeadMatrix. - // So when we multiply the view matrix with headMatrix, we're left with headToEyeMatrix: - // viewMatrix * headMatrix = headToEyeMatrix * sittingToHeadMatrix * headMatrix = headToEyeMatrix + //console.log( 'handleTouchStartRotate' ); - eyeMatrixL.fromArray(frameData.leftViewMatrix); - eyeMatrixL.multiply(headMatrix); - eyeMatrixR.fromArray(frameData.rightViewMatrix); - eyeMatrixR.multiply(headMatrix); + rotateStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); - // The eye's model matrix in head space is the inverse of headToEyeMatrix we calculated above. + } - eyeMatrixL.getInverse(eyeMatrixL); - eyeMatrixR.getInverse(eyeMatrixR); - } + function handleTouchStartDollyPan( event ) { - function fovToNDCScaleOffset(fov) { - var pxscale = 2.0 / (fov.leftTan + fov.rightTan); - var pxoffset = (fov.leftTan - fov.rightTan) * pxscale * 0.5; - var pyscale = 2.0 / (fov.upTan + fov.downTan); - var pyoffset = (fov.upTan - fov.downTan) * pyscale * 0.5; - return { scale: [pxscale, pyscale], offset: [pxoffset, pyoffset] }; - } + //console.log( 'handleTouchStartDollyPan' ); - function fovPortToProjection(fov, rightHanded, zNear, zFar) { - rightHanded = rightHanded === undefined ? true : rightHanded; - zNear = zNear === undefined ? 0.01 : zNear; - zFar = zFar === undefined ? 10000.0 : zFar; - - var handednessScale = rightHanded ? -1.0 : 1.0; - - // start with an identity matrix - var mobj = new Matrix4(); - var m = mobj.elements; - - // and with scale/offset info for normalized device coords - var scaleAndOffset = fovToNDCScaleOffset(fov); - - // X result, map clip edges to [-w,+w] - m[0 * 4 + 0] = scaleAndOffset.scale[0]; - m[0 * 4 + 1] = 0.0; - m[0 * 4 + 2] = scaleAndOffset.offset[0] * handednessScale; - m[0 * 4 + 3] = 0.0; - - // Y result, map clip edges to [-w,+w] - // Y offset is negated because this proj matrix transforms from world coords with Y=up, - // but the NDC scaling has Y=down (thanks D3D?) - m[1 * 4 + 0] = 0.0; - m[1 * 4 + 1] = scaleAndOffset.scale[1]; - m[1 * 4 + 2] = -scaleAndOffset.offset[1] * handednessScale; - m[1 * 4 + 3] = 0.0; - - // Z result (up to the app) - m[2 * 4 + 0] = 0.0; - m[2 * 4 + 1] = 0.0; - m[2 * 4 + 2] = (zFar / (zNear - zFar)) * -handednessScale; - m[2 * 4 + 3] = (zFar * zNear) / (zNear - zFar); - - // W result (= Z in) - m[3 * 4 + 0] = 0.0; - m[3 * 4 + 1] = 0.0; - m[3 * 4 + 2] = handednessScale; - m[3 * 4 + 3] = 0.0; - - mobj.transpose(); - return mobj; - } + if ( scope.enableZoom ) { - function fovToProjection(fov, rightHanded, zNear, zFar) { - var DEG2RAD = Math.PI / 180.0; + var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; + var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; - var fovPort = { - upTan: Math.tan(fov.upDegrees * DEG2RAD), - downTan: Math.tan(fov.downDegrees * DEG2RAD), - leftTan: Math.tan(fov.leftDegrees * DEG2RAD), - rightTan: Math.tan(fov.rightDegrees * DEG2RAD), - }; + var distance = Math.sqrt( dx * dx + dy * dy ); - return fovPortToProjection(fovPort, rightHanded, zNear, zFar); - } -}; + dollyStart.set( 0, distance ); -/** - * @author qiao / https://github.com/qiao - * @author mrdoob / http://mrdoob.com - * @author alteredq / http://alteredqualia.com/ - * @author WestLangley / http://github.com/WestLangley - * @author erich666 / http://erichaines.com - */ -var OrbitControls = function (object, domElement) { - this.object = object; - - this.domElement = domElement !== undefined ? domElement : document; - - // Set to false to disable this control - this.enabled = true; - - // "target" sets the location of focus, where the object orbits around - this.target = new Vector3(); - - // How far you can dolly in and out ( PerspectiveCamera only ) - this.minDistance = 0; - this.maxDistance = Infinity; - - // How far you can zoom in and out ( OrthographicCamera only ) - this.minZoom = 0; - this.maxZoom = Infinity; - - // How far you can orbit vertically, upper and lower limits. - // Range is 0 to Math.PI radians. - this.minPolarAngle = 0; // radians - this.maxPolarAngle = Math.PI; // radians - - // How far you can orbit horizontally, upper and lower limits. - // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ]. - this.minAzimuthAngle = -Infinity; // radians - this.maxAzimuthAngle = Infinity; // radians - - // Set to true to enable damping (inertia) - // If damping is enabled, you must call controls.update() in your animation loop - this.enableDamping = false; - this.dampingFactor = 0.25; - - // This option actually enables dollying in and out; left as "zoom" for backwards compatibility. - // Set to false to disable zooming - this.enableZoom = true; - this.zoomSpeed = 1.0; - - // Set to false to disable rotating - this.enableRotate = true; - this.rotateSpeed = 1.0; - - // Set to false to disable panning - this.enablePan = true; - this.panSpeed = 1.0; - this.screenSpacePanning = false; // if true, pan in screen-space - this.keyPanSpeed = 7.0; // pixels moved per arrow key push - - // Set to true to automatically rotate around the target - // If auto-rotate is enabled, you must call controls.update() in your animation loop - this.autoRotate = false; - this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60 - - // Set to false to disable use of the keys - this.enableKeys = true; - - // The four arrow keys - this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 }; - - // Mouse buttons - this.mouseButtons = { - ORBIT: MOUSE.LEFT, - ZOOM: MOUSE.MIDDLE, - PAN: MOUSE.RIGHT, - }; + } - // for reset - this.target0 = this.target.clone(); - this.position0 = this.object.position.clone(); - this.zoom0 = this.object.zoom; + if ( scope.enablePan ) { - // - // public methods - // + var x = 0.5 * ( event.touches[ 0 ].pageX + event.touches[ 1 ].pageX ); + var y = 0.5 * ( event.touches[ 0 ].pageY + event.touches[ 1 ].pageY ); - this.getPolarAngle = function () { - return spherical.phi; - }; + panStart.set( x, y ); - this.getAzimuthalAngle = function () { - return spherical.theta; - }; + } - this.saveState = function () { - scope.target0.copy(scope.target); - scope.position0.copy(scope.object.position); - scope.zoom0 = scope.object.zoom; - }; + } - this.reset = function () { - scope.target.copy(scope.target0); - scope.object.position.copy(scope.position0); - scope.object.zoom = scope.zoom0; + function handleTouchMoveRotate( event ) { - scope.object.updateProjectionMatrix(); - scope.dispatchEvent(changeEvent); + //console.log( 'handleTouchMoveRotate' ); - scope.update(); + rotateEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); - state = STATE.NONE; - }; + rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed ); - // this method is exposed, but perhaps it would be better if we can make it private... - this.update = (function () { - var offset = new Vector3(); + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; - // so camera.up is the orbit axis - var quat = new Quaternion().setFromUnitVectors( - object.up, - new Vector3(0, 1, 0) - ); - var quatInverse = quat.clone().inverse(); + scope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height - var lastPosition = new Vector3(); - var lastQuaternion = new Quaternion(); + scope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight ); - return function update() { - var position = scope.object.position; + rotateStart.copy( rotateEnd ); - offset.copy(position).sub(scope.target); + scope.update(); - // rotate offset to "y-axis-is-up" space - offset.applyQuaternion(quat); + } - // angle from z-axis around y-axis - spherical.setFromVector3(offset); + function handleTouchMoveDollyPan( event ) { - if (scope.autoRotate && state === STATE.NONE) { - scope.rotateLeft(getAutoRotationAngle()); - } + //console.log( 'handleTouchMoveDollyPan' ); - spherical.theta += sphericalDelta.theta; - spherical.phi += sphericalDelta.phi; + if ( scope.enableZoom ) { - // restrict theta to be between desired limits - spherical.theta = Math.max( - scope.minAzimuthAngle, - Math.min(scope.maxAzimuthAngle, spherical.theta) - ); + var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; + var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; - // restrict phi to be between desired limits - spherical.phi = Math.max( - scope.minPolarAngle, - Math.min(scope.maxPolarAngle, spherical.phi) - ); + var distance = Math.sqrt( dx * dx + dy * dy ); - spherical.makeSafe(); + dollyEnd.set( 0, distance ); - spherical.radius *= scale; + dollyDelta.set( 0, Math.pow( dollyEnd.y / dollyStart.y, scope.zoomSpeed ) ); - // restrict radius to be between desired limits - spherical.radius = Math.max( - scope.minDistance, - Math.min(scope.maxDistance, spherical.radius) - ); + dollyIn( dollyDelta.y ); - // move target to panned location - scope.target.add(panOffset); + dollyStart.copy( dollyEnd ); - offset.setFromSpherical(spherical); + } - // rotate offset back to "camera-up-vector-is-up" space - offset.applyQuaternion(quatInverse); + if ( scope.enablePan ) { - position.copy(scope.target).add(offset); + var x = 0.5 * ( event.touches[ 0 ].pageX + event.touches[ 1 ].pageX ); + var y = 0.5 * ( event.touches[ 0 ].pageY + event.touches[ 1 ].pageY ); - scope.object.lookAt(scope.target); + panEnd.set( x, y ); - if (scope.enableDamping === true) { - sphericalDelta.theta *= 1 - scope.dampingFactor; - sphericalDelta.phi *= 1 - scope.dampingFactor; + panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed ); - panOffset.multiplyScalar(1 - scope.dampingFactor); - } else { - sphericalDelta.set(0, 0, 0); + pan( panDelta.x, panDelta.y ); - panOffset.set(0, 0, 0); - } + panStart.copy( panEnd ); - scale = 1; + } - // update condition is: - // min(camera displacement, camera rotation in radians)^2 > EPS - // using small-angle approximation cos(x/2) = 1 - x^2 / 8 + scope.update(); - if ( - zoomChanged || - lastPosition.distanceToSquared(scope.object.position) > EPS || - 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS - ) { - scope.dispatchEvent(changeEvent); + } - lastPosition.copy(scope.object.position); - lastQuaternion.copy(scope.object.quaternion); - zoomChanged = false; + // + // event handlers - FSM: listen for events and reset state + // - return true; - } + function onMouseDown( event ) { - return false; - }; - })(); + if ( scope.enabled === false ) return; - this.dispose = function () { - scope.domElement.removeEventListener("contextmenu", onContextMenu, false); - scope.domElement.removeEventListener("mousedown", onMouseDown, false); - scope.domElement.removeEventListener("wheel", onMouseWheel, false); + event.preventDefault(); - scope.domElement.removeEventListener("touchstart", onTouchStart, false); - scope.domElement.removeEventListener("touchend", onTouchEnd, false); - scope.domElement.removeEventListener("touchmove", onTouchMove, false); + switch ( event.button ) { - document.removeEventListener("mousemove", onMouseMove, false); - document.removeEventListener("mouseup", onMouseUp, false); + case scope.mouseButtons.ORBIT: - window.removeEventListener("keydown", onKeyDown, false); + if ( scope.enableRotate === false ) return; - //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here? - }; + handleMouseDownRotate( event ); - // - // internals - // + state = STATE.ROTATE; - var scope = this; + break; - var changeEvent = { type: "change" }; - var startEvent = { type: "start" }; - var endEvent = { type: "end" }; + case scope.mouseButtons.ZOOM: - var STATE = { - NONE: -1, - ROTATE: 0, - DOLLY: 1, - PAN: 2, - TOUCH_ROTATE: 3, - TOUCH_DOLLY_PAN: 4, - }; + if ( scope.enableZoom === false ) return; - var state = STATE.NONE; + handleMouseDownDolly( event ); - var EPS = 0.000001; + state = STATE.DOLLY; - // current position in spherical coordinates - var spherical = new Spherical(); - var sphericalDelta = new Spherical(); + break; - var scale = 1; - var panOffset = new Vector3(); - var zoomChanged = false; + case scope.mouseButtons.PAN: - var rotateStart = new Vector2(); - var rotateEnd = new Vector2(); - var rotateDelta = new Vector2(); + if ( scope.enablePan === false ) return; - var panStart = new Vector2(); - var panEnd = new Vector2(); - var panDelta = new Vector2(); + handleMouseDownPan( event ); - var dollyStart = new Vector2(); - var dollyEnd = new Vector2(); - var dollyDelta = new Vector2(); + state = STATE.PAN; - function getAutoRotationAngle() { - return ((2 * Math.PI) / 60 / 60) * scope.autoRotateSpeed; - } + break; - function getZoomScale() { - return Math.pow(0.95, scope.zoomSpeed); - } + } - scope.rotateLeft = function (angle) { - sphericalDelta.theta -= angle; - }; + if ( state !== STATE.NONE ) { - scope.rotateUp = function (angle) { - sphericalDelta.phi -= angle; - }; + document.addEventListener( 'mousemove', onMouseMove, false ); + document.addEventListener( 'mouseup', onMouseUp, false ); - var panLeft = (function () { - var v = new Vector3(); + scope.dispatchEvent( startEvent ); - return function panLeft(distance, objectMatrix) { - v.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix - v.multiplyScalar(-distance); + } - panOffset.add(v); - }; - })(); + } - var panUp = (function () { - var v = new Vector3(); + function onMouseMove( event ) { - return function panUp(distance, objectMatrix) { - if (scope.screenSpacePanning === true) { - v.setFromMatrixColumn(objectMatrix, 1); - } else { - v.setFromMatrixColumn(objectMatrix, 0); - v.crossVectors(scope.object.up, v); - } + if ( scope.enabled === false ) return; - v.multiplyScalar(distance); + event.preventDefault(); - panOffset.add(v); - }; - })(); - - // deltaX and deltaY are in pixels; right and down are positive - var pan = (function () { - var offset = new Vector3(); - - return function pan(deltaX, deltaY) { - var element = - scope.domElement === document - ? scope.domElement.body - : scope.domElement; - - if (scope.object.isPerspectiveCamera) { - // perspective - var position = scope.object.position; - offset.copy(position).sub(scope.target); - var targetDistance = offset.length(); - - // half of the fov is center to top of screen - targetDistance *= Math.tan(((scope.object.fov / 2) * Math.PI) / 180.0); - - // we use only clientHeight here so aspect ratio does not distort speed - panLeft( - (2 * deltaX * targetDistance) / element.clientHeight, - scope.object.matrix - ); - panUp( - (2 * deltaY * targetDistance) / element.clientHeight, - scope.object.matrix - ); - } else if (scope.object.isOrthographicCamera) { - // orthographic - panLeft( - (deltaX * (scope.object.right - scope.object.left)) / - scope.object.zoom / - element.clientWidth, - scope.object.matrix - ); - panUp( - (deltaY * (scope.object.top - scope.object.bottom)) / - scope.object.zoom / - element.clientHeight, - scope.object.matrix - ); - } else { - // camera neither orthographic nor perspective - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - pan disabled." - ); - scope.enablePan = false; - } - }; - })(); - - function dollyIn(dollyScale) { - if (scope.object.isPerspectiveCamera) { - scale /= dollyScale; - } else if (scope.object.isOrthographicCamera) { - scope.object.zoom = Math.max( - scope.minZoom, - Math.min(scope.maxZoom, scope.object.zoom * dollyScale) - ); - scope.object.updateProjectionMatrix(); - zoomChanged = true; - } else { - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled." - ); - scope.enableZoom = false; - } - } + switch ( state ) { - function dollyOut(dollyScale) { - if (scope.object.isPerspectiveCamera) { - scale *= dollyScale; - } else if (scope.object.isOrthographicCamera) { - scope.object.zoom = Math.max( - scope.minZoom, - Math.min(scope.maxZoom, scope.object.zoom / dollyScale) - ); - scope.object.updateProjectionMatrix(); - zoomChanged = true; - } else { - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled." - ); - scope.enableZoom = false; - } - } + case STATE.ROTATE: - // - // event callbacks - update the object state - // + if ( scope.enableRotate === false ) return; - function handleMouseDownRotate(event) { - //console.log( 'handleMouseDownRotate' ); + handleMouseMoveRotate( event ); - rotateStart.set(event.clientX, event.clientY); - } + break; - function handleMouseDownDolly(event) { - //console.log( 'handleMouseDownDolly' ); + case STATE.DOLLY: - dollyStart.set(event.clientX, event.clientY); - } + if ( scope.enableZoom === false ) return; - function handleMouseDownPan(event) { - //console.log( 'handleMouseDownPan' ); + handleMouseMoveDolly( event ); - panStart.set(event.clientX, event.clientY); - } + break; - function handleMouseMoveRotate(event) { - //console.log( 'handleMouseMoveRotate' ); + case STATE.PAN: - rotateEnd.set(event.clientX, event.clientY); + if ( scope.enablePan === false ) return; - rotateDelta - .subVectors(rotateEnd, rotateStart) - .multiplyScalar(scope.rotateSpeed); + handleMouseMovePan( event ); - var element = - scope.domElement === document ? scope.domElement.body : scope.domElement; + break; - // rotating across whole screen goes 360 degrees around - scope.rotateLeft((2 * Math.PI * rotateDelta.x) / element.clientWidth); + } - // rotating up and down along whole screen attempts to go 360, but limited to 180 - scope.rotateUp((2 * Math.PI * rotateDelta.y) / element.clientHeight); + } - rotateStart.copy(rotateEnd); + function onMouseUp( event ) { - scope.update(); - } + if ( scope.enabled === false ) return; - function handleMouseMoveDolly(event) { - //console.log( 'handleMouseMoveDolly' ); + document.removeEventListener( 'mousemove', onMouseMove, false ); + document.removeEventListener( 'mouseup', onMouseUp, false ); - dollyEnd.set(event.clientX, event.clientY); + scope.dispatchEvent( endEvent ); - dollyDelta.subVectors(dollyEnd, dollyStart); + state = STATE.NONE; - if (dollyDelta.y > 0) { - dollyIn(getZoomScale()); - } else if (dollyDelta.y < 0) { - dollyOut(getZoomScale()); - } + } - dollyStart.copy(dollyEnd); + function onMouseWheel( event ) { - scope.update(); - } + if ( scope.enabled === false || scope.enableZoom === false || ( state !== STATE.NONE && state !== STATE.ROTATE ) ) return; - function handleMouseMovePan(event) { - //console.log( 'handleMouseMovePan' ); + event.preventDefault(); + event.stopPropagation(); - panEnd.set(event.clientX, event.clientY); + scope.dispatchEvent( startEvent ); - panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed); + handleMouseWheel( event ); - pan(panDelta.x, panDelta.y); + scope.dispatchEvent( endEvent ); - panStart.copy(panEnd); + } - scope.update(); - } + function onKeyDown( event ) { - function handleMouseWheel(event) { - // console.log( 'handleMouseWheel' ); + if ( scope.enabled === false || scope.enableKeys === false || scope.enablePan === false ) return; - if (event.deltaY < 0) { - dollyOut(getZoomScale()); - } else if (event.deltaY > 0) { - dollyIn(getZoomScale()); - } + handleKeyDown( event ); - scope.update(); - } + } - function handleKeyDown(event) { - //console.log( 'handleKeyDown' ); - - switch (event.keyCode) { - case scope.keys.UP: - pan(0, scope.keyPanSpeed); - scope.update(); - break; - - case scope.keys.BOTTOM: - pan(0, -scope.keyPanSpeed); - scope.update(); - break; - - case scope.keys.LEFT: - pan(scope.keyPanSpeed, 0); - scope.update(); - break; - - case scope.keys.RIGHT: - pan(-scope.keyPanSpeed, 0); - scope.update(); - break; - } - } + function onTouchStart( event ) { - function handleTouchStartRotate(event) { - //console.log( 'handleTouchStartRotate' ); + if ( scope.enabled === false ) return; - rotateStart.set(event.touches[0].pageX, event.touches[0].pageY); - } + event.preventDefault(); - function handleTouchStartDollyPan(event) { - //console.log( 'handleTouchStartDollyPan' ); + switch ( event.touches.length ) { - if (scope.enableZoom) { - var dx = event.touches[0].pageX - event.touches[1].pageX; - var dy = event.touches[0].pageY - event.touches[1].pageY; + case 1: // one-fingered touch: rotate - var distance = Math.sqrt(dx * dx + dy * dy); + if ( scope.enableRotate === false ) return; - dollyStart.set(0, distance); - } + handleTouchStartRotate( event ); - if (scope.enablePan) { - var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX); - var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY); + state = STATE.TOUCH_ROTATE; - panStart.set(x, y); - } - } + break; - function handleTouchMoveRotate(event) { - //console.log( 'handleTouchMoveRotate' ); + case 2: // two-fingered touch: dolly-pan - rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY); + if ( scope.enableZoom === false && scope.enablePan === false ) return; - rotateDelta - .subVectors(rotateEnd, rotateStart) - .multiplyScalar(scope.rotateSpeed); + handleTouchStartDollyPan( event ); - var element = - scope.domElement === document ? scope.domElement.body : scope.domElement; + state = STATE.TOUCH_DOLLY_PAN; - // rotating across whole screen goes 360 degrees around - scope.rotateLeft((2 * Math.PI * rotateDelta.x) / element.clientWidth); + break; - // rotating up and down along whole screen attempts to go 360, but limited to 180 - scope.rotateUp((2 * Math.PI * rotateDelta.y) / element.clientHeight); + default: - rotateStart.copy(rotateEnd); + state = STATE.NONE; - scope.update(); - } + } - function handleTouchMoveDollyPan(event) { - //console.log( 'handleTouchMoveDollyPan' ); + if ( state !== STATE.NONE ) { - if (scope.enableZoom) { - var dx = event.touches[0].pageX - event.touches[1].pageX; - var dy = event.touches[0].pageY - event.touches[1].pageY; + scope.dispatchEvent( startEvent ); - var distance = Math.sqrt(dx * dx + dy * dy); + } - dollyEnd.set(0, distance); + } - dollyDelta.set(0, Math.pow(dollyEnd.y / dollyStart.y, scope.zoomSpeed)); + function onTouchMove( event ) { - dollyIn(dollyDelta.y); + if ( scope.enabled === false ) return; - dollyStart.copy(dollyEnd); - } + event.preventDefault(); + event.stopPropagation(); - if (scope.enablePan) { - var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX); - var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY); + switch ( event.touches.length ) { - panEnd.set(x, y); + case 1: // one-fingered touch: rotate - panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed); + if ( scope.enableRotate === false ) return; + if ( state !== STATE.TOUCH_ROTATE ) return; // is this needed? - pan(panDelta.x, panDelta.y); + handleTouchMoveRotate( event ); - panStart.copy(panEnd); - } + break; - scope.update(); - } + case 2: // two-fingered touch: dolly-pan - // - // event handlers - FSM: listen for events and reset state - // + if ( scope.enableZoom === false && scope.enablePan === false ) return; + if ( state !== STATE.TOUCH_DOLLY_PAN ) return; // is this needed? - function onMouseDown(event) { - if (scope.enabled === false) return; + handleTouchMoveDollyPan( event ); - event.preventDefault(); + break; - switch (event.button) { - case scope.mouseButtons.ORBIT: - if (scope.enableRotate === false) return; + default: - handleMouseDownRotate(event); + state = STATE.NONE; - state = STATE.ROTATE; + } - break; + } - case scope.mouseButtons.ZOOM: - if (scope.enableZoom === false) return; + function onTouchEnd( event ) { - handleMouseDownDolly(event); + if ( scope.enabled === false ) return; - state = STATE.DOLLY; + scope.dispatchEvent( endEvent ); - break; + state = STATE.NONE; - case scope.mouseButtons.PAN: - if (scope.enablePan === false) return; + } - handleMouseDownPan(event); + function onContextMenu( event ) { - state = STATE.PAN; + if ( scope.enabled === false ) return; - break; - } + event.preventDefault(); - if (state !== STATE.NONE) { - document.addEventListener("mousemove", onMouseMove, false); - document.addEventListener("mouseup", onMouseUp, false); + } - scope.dispatchEvent(startEvent); - } - } + // - function onMouseMove(event) { - if (scope.enabled === false) return; + //scope.domElement.addEventListener\( 'contextmenu', onContextMenu, false ); - event.preventDefault(); + scope.domElement.addEventListener( 'mousedown', onMouseDown, false ); + scope.domElement.addEventListener( 'wheel', onMouseWheel, false ); - switch (state) { - case STATE.ROTATE: - if (scope.enableRotate === false) return; + scope.domElement.addEventListener( 'touchstart', onTouchStart, false ); + scope.domElement.addEventListener( 'touchend', onTouchEnd, false ); + scope.domElement.addEventListener( 'touchmove', onTouchMove, false ); - handleMouseMoveRotate(event); + window.addEventListener( 'keydown', onKeyDown, false ); - break; + // force an update at start - case STATE.DOLLY: - if (scope.enableZoom === false) return; + this.update(); + +}; - handleMouseMoveDolly(event); +OrbitControls.prototype = Object.create( EventDispatcher.prototype ); +OrbitControls.prototype.constructor = OrbitControls; - break; +Object.defineProperties( OrbitControls.prototype, { - case STATE.PAN: - if (scope.enablePan === false) return; + center: { - handleMouseMovePan(event); + get: function () { - break; - } - } + console.warn( 'OrbitControls: .center has been renamed to .target' ); + return this.target; - function onMouseUp(event) { - if (scope.enabled === false) return; + } - document.removeEventListener("mousemove", onMouseMove, false); - document.removeEventListener("mouseup", onMouseUp, false); + }, - scope.dispatchEvent(endEvent); + // backward compatibility - state = STATE.NONE; - } + noZoom: { - function onMouseWheel(event) { - if ( - scope.enabled === false || - scope.enableZoom === false || - (state !== STATE.NONE && state !== STATE.ROTATE) - ) - return; + get: function () { - event.preventDefault(); - event.stopPropagation(); + console.warn( 'OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.' ); + return ! this.enableZoom; - scope.dispatchEvent(startEvent); + }, - handleMouseWheel(event); + set: function ( value ) { - scope.dispatchEvent(endEvent); - } + console.warn( 'OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.' ); + this.enableZoom = ! value; - function onKeyDown(event) { - if ( - scope.enabled === false || - scope.enableKeys === false || - scope.enablePan === false - ) - return; + } - handleKeyDown(event); - } + }, - function onTouchStart(event) { - if (scope.enabled === false) return; + noRotate: { - event.preventDefault(); + get: function () { - switch (event.touches.length) { - case 1: // one-fingered touch: rotate - if (scope.enableRotate === false) return; + console.warn( 'OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.' ); + return ! this.enableRotate; - handleTouchStartRotate(event); + }, - state = STATE.TOUCH_ROTATE; + set: function ( value ) { - break; + console.warn( 'OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.' ); + this.enableRotate = ! value; - case 2: // two-fingered touch: dolly-pan - if (scope.enableZoom === false && scope.enablePan === false) return; + } - handleTouchStartDollyPan(event); + }, - state = STATE.TOUCH_DOLLY_PAN; + noPan: { - break; + get: function () { - default: - state = STATE.NONE; - } + console.warn( 'OrbitControls: .noPan has been deprecated. Use .enablePan instead.' ); + return ! this.enablePan; - if (state !== STATE.NONE) { - scope.dispatchEvent(startEvent); - } - } + }, - function onTouchMove(event) { - if (scope.enabled === false) return; + set: function ( value ) { - event.preventDefault(); - event.stopPropagation(); + console.warn( 'OrbitControls: .noPan has been deprecated. Use .enablePan instead.' ); + this.enablePan = ! value; - switch (event.touches.length) { - case 1: // one-fingered touch: rotate - if (scope.enableRotate === false) return; - if (state !== STATE.TOUCH_ROTATE) return; // is this needed? + } - handleTouchMoveRotate(event); + }, - break; + noKeys: { - case 2: // two-fingered touch: dolly-pan - if (scope.enableZoom === false && scope.enablePan === false) return; - if (state !== STATE.TOUCH_DOLLY_PAN) return; // is this needed? + get: function () { - handleTouchMoveDollyPan(event); + console.warn( 'OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.' ); + return ! this.enableKeys; - break; + }, - default: - state = STATE.NONE; - } - } + set: function ( value ) { - function onTouchEnd(event) { - if (scope.enabled === false) return; + console.warn( 'OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.' ); + this.enableKeys = ! value; - scope.dispatchEvent(endEvent); + } - state = STATE.NONE; - } + }, - function onContextMenu(event) { - if (scope.enabled === false) return; + staticMoving: { - event.preventDefault(); - } + get: function () { - // + console.warn( 'OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.' ); + return ! this.enableDamping; - scope.domElement.addEventListener("contextmenu", onContextMenu, false); + }, - scope.domElement.addEventListener("mousedown", onMouseDown, false); - scope.domElement.addEventListener("wheel", onMouseWheel, false); + set: function ( value ) { - scope.domElement.addEventListener("touchstart", onTouchStart, false); - scope.domElement.addEventListener("touchend", onTouchEnd, false); - scope.domElement.addEventListener("touchmove", onTouchMove, false); + console.warn( 'OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.' ); + this.enableDamping = ! value; - window.addEventListener("keydown", onKeyDown, false); + } - // force an update at start + }, - this.update(); -}; + dynamicDampingFactor: { -OrbitControls.prototype = Object.create(EventDispatcher.prototype); -OrbitControls.prototype.constructor = OrbitControls; + get: function () { -Object.defineProperties(OrbitControls.prototype, { - center: { - get: function () { - console.warn("OrbitControls: .center has been renamed to .target"); - return this.target; - }, - }, + console.warn( 'OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.' ); + return this.dampingFactor; - // backward compatibility - - noZoom: { - get: function () { - console.warn( - "OrbitControls: .noZoom has been deprecated. Use .enableZoom instead." - ); - return !this.enableZoom; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noZoom has been deprecated. Use .enableZoom instead." - ); - this.enableZoom = !value; - }, - }, + }, - noRotate: { - get: function () { - console.warn( - "OrbitControls: .noRotate has been deprecated. Use .enableRotate instead." - ); - return !this.enableRotate; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noRotate has been deprecated. Use .enableRotate instead." - ); - this.enableRotate = !value; - }, - }, + set: function ( value ) { - noPan: { - get: function () { - console.warn( - "OrbitControls: .noPan has been deprecated. Use .enablePan instead." - ); - return !this.enablePan; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noPan has been deprecated. Use .enablePan instead." - ); - this.enablePan = !value; - }, - }, + console.warn( 'OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.' ); + this.dampingFactor = value; - noKeys: { - get: function () { - console.warn( - "OrbitControls: .noKeys has been deprecated. Use .enableKeys instead." - ); - return !this.enableKeys; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noKeys has been deprecated. Use .enableKeys instead." - ); - this.enableKeys = !value; - }, - }, + } - staticMoving: { - get: function () { - console.warn( - "OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead." - ); - return !this.enableDamping; - }, - - set: function (value) { - console.warn( - "OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead." - ); - this.enableDamping = !value; - }, - }, + } - dynamicDampingFactor: { - get: function () { - console.warn( - "OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead." - ); - return this.dampingFactor; - }, - - set: function (value) { - console.warn( - "OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead." - ); - this.dampingFactor = value; - }, - }, -}); +} ); /** * @author richt / http://richt.me @@ -6704,148 +1713,109 @@ Object.defineProperties(OrbitControls.prototype, { * * W3C Device Orientation control (http://w3c.github.io/deviceorientation/spec-source-orientation.html) */ -var DeviceOrientationControls = function (object) { - var scope = this; +var DeviceOrientationControls = function ( object ) { - this.object = object; - this.object.rotation.reorder("YXZ"); + var scope = this; - this.enabled = true; + this.object = object; + this.object.rotation.reorder( 'YXZ' ); - this.deviceOrientation = {}; - this.screenOrientation = 0; + this.enabled = true; - this.alphaOffset = 0; // radians + this.deviceOrientation = {}; + this.screenOrientation = 0; - var onDeviceOrientationChangeEvent = function (event) { - scope.deviceOrientation = event; - }; + this.alphaOffset = 0; // radians - var onScreenOrientationChangeEvent = function () { - scope.screenOrientation = window.orientation || 0; - }; + var onDeviceOrientationChangeEvent = function ( event ) { - // The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y'' + scope.deviceOrientation = event; - var setObjectQuaternion = (function () { - var zee = new Vector3(0, 0, 1); + }; - var euler = new Euler(); + var onScreenOrientationChangeEvent = function () { - var q0 = new Quaternion(); + scope.screenOrientation = window.orientation || 0; - var q1 = new Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)); // - PI/2 around the x-axis + }; - return function (quaternion, alpha, beta, gamma, orient) { - euler.set(beta, alpha, -gamma, "YXZ"); // 'ZXY' for the device, but 'YXZ' for us + // The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y'' - quaternion.setFromEuler(euler); // orient the device + var setObjectQuaternion = function () { - quaternion.multiply(q1); // camera looks out the back of the device, not the top + var zee = new Vector3( 0, 0, 1 ); - quaternion.multiply(q0.setFromAxisAngle(zee, -orient)); // adjust for screen orientation - }; - })(); - - this.connect = function () { - onScreenOrientationChangeEvent(); // run once on load - - window.addEventListener( - "orientationchange", - onScreenOrientationChangeEvent, - false - ); - window.addEventListener( - "deviceorientation", - onDeviceOrientationChangeEvent, - false - ); - - scope.enabled = true; - }; + var euler = new Euler(); - this.disconnect = function () { - window.removeEventListener( - "orientationchange", - onScreenOrientationChangeEvent, - false - ); - window.removeEventListener( - "deviceorientation", - onDeviceOrientationChangeEvent, - false - ); - - scope.enabled = false; - }; + var q0 = new Quaternion(); - this.update = function () { - if (scope.enabled === false) return; + var q1 = new Quaternion( - Math.sqrt( 0.5 ), 0, 0, Math.sqrt( 0.5 ) ); // - PI/2 around the x-axis - var device = scope.deviceOrientation; + return function ( quaternion, alpha, beta, gamma, orient ) { - if (device) { - var alpha = device.alpha - ? Math$1.degToRad(device.alpha) + scope.alphaOffset - : 0; // Z + euler.set( beta, alpha, - gamma, 'YXZ' ); // 'ZXY' for the device, but 'YXZ' for us - var beta = device.beta ? Math$1.degToRad(device.beta) : 0; // X' + quaternion.setFromEuler( euler ); // orient the device - var gamma = device.gamma ? Math$1.degToRad(device.gamma) : 0; // Y'' + quaternion.multiply( q1 ); // camera looks out the back of the device, not the top - var orient = scope.screenOrientation - ? Math$1.degToRad(scope.screenOrientation) - : 0; // O + quaternion.multiply( q0.setFromAxisAngle( zee, - orient ) ); // adjust for screen orientation - setObjectQuaternion(scope.object.quaternion, alpha, beta, gamma, orient); - } - }; + }; - this.dispose = function () { - scope.disconnect(); - }; + }(); - this.connect(); -}; + this.connect = function () { -var classCallCheck = function (instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } -}; + onScreenOrientationChangeEvent(); // run once on load -var inherits = function (subClass, superClass) { - if (typeof superClass !== "function" && superClass !== null) { - throw new TypeError( - "Super expression must either be null or a function, not " + - typeof superClass - ); - } + window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent, false ); + window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false ); - subClass.prototype = Object.create(superClass && superClass.prototype, { - constructor: { - value: subClass, - enumerable: false, - writable: true, - configurable: true, - }, - }); - if (superClass) - Object.setPrototypeOf - ? Object.setPrototypeOf(subClass, superClass) - : (subClass.__proto__ = superClass); -}; + scope.enabled = true; -var possibleConstructorReturn = function (self, call) { - if (!self) { - throw new ReferenceError( - "this hasn't been initialised - super() hasn't been called" - ); - } + }; + + this.disconnect = function () { + + window.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent, false ); + window.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false ); + + scope.enabled = false; + + }; + + this.update = function () { + + if ( scope.enabled === false ) return; + + var device = scope.deviceOrientation; + + if ( device ) { + + var alpha = device.alpha ? Math$1.degToRad( device.alpha ) + scope.alphaOffset : 0; // Z + + var beta = device.beta ? Math$1.degToRad( device.beta ) : 0; // X' + + var gamma = device.gamma ? Math$1.degToRad( device.gamma ) : 0; // Y'' + + var orient = scope.screenOrientation ? Math$1.degToRad( scope.screenOrientation ) : 0; // O + + setObjectQuaternion( scope.object.quaternion, alpha, beta, gamma, orient ); + + } + + + }; + + this.dispose = function () { + + scope.disconnect(); + + }; + + this.connect(); - return call && (typeof call === "object" || typeof call === "function") - ? call - : self; }; /** @@ -6854,24 +1824,26 @@ var possibleConstructorReturn = function (self, call) { * Taken from https://stackoverflow.com/a/35448946 * Thanks P. Ellul */ + function Quat2Angle(x, y, z, w) { - var test = x * y + z * w; + var test = x * y + z * w; // singularity at north pole - // singularity at north pole if (test > 0.499) { var _yaw = 2 * Math.atan2(x, w); + var _pitch = Math.PI / 2; - var _roll = 0; + var _roll = 0; return new Vector3(_pitch, _roll, _yaw); - } + } // singularity at south pole + - // singularity at south pole if (test < -0.499) { var _yaw2 = -2 * Math.atan2(x, w); + var _pitch2 = -Math.PI / 2; - var _roll2 = 0; + var _roll2 = 0; return new Vector3(_pitch2, _roll2, _yaw2); } @@ -6881,31 +1853,35 @@ function Quat2Angle(x, y, z, w) { var yaw = Math.atan2(2 * y * w - 2 * x * z, 1 - 2 * sqy - 2 * sqz); var pitch = Math.asin(2 * test); var roll = Math.atan2(2 * x * w - 2 * y * z, 1 - 2 * sqx - 2 * sqz); - return new Vector3(pitch, roll, yaw); } -var OrbitOrientationControls = (function () { +var OrbitOrientationControls = /*#__PURE__*/function () { function OrbitOrientationControls(options) { - classCallCheck(this, OrbitOrientationControls); - this.object = options.camera; this.domElement = options.canvas; this.orbit = new OrbitControls(this.object, this.domElement); - this.speed = 0.5; this.orbit.target.set(0, 0, -1); this.orbit.enableZoom = false; this.orbit.enablePan = false; - this.orbit.rotateSpeed = -this.speed; + this.orbit.rotateSpeed = -this.speed; // if orientation is supported - // if orientation is supported if (options.orientation) { this.orientation = new DeviceOrientationControls(this.object); + } // if projection is not full view + // limit the rotation angle in order to not display back half view + + + if (options.halfView) { + this.orbit.minAzimuthAngle = -Math.PI / 4; + this.orbit.maxAzimuthAngle = Math.PI / 4; } } - OrbitOrientationControls.prototype.update = function update() { + var _proto = OrbitOrientationControls.prototype; + + _proto.update = function update() { // orientation updates the camera using quaternions and // orbit updates the camera using angles. They are incompatible // and one update overrides the other. So before @@ -6915,28 +1891,22 @@ var OrbitOrientationControls = (function () { // our changes if (this.orientation) { this.orientation.update(); - var quat = this.orientation.object.quaternion; - var currentAngle = Quat2Angle(quat.x, quat.y, quat.z, quat.w); + var currentAngle = Quat2Angle(quat.x, quat.y, quat.z, quat.w); // we also have to store the last angle since quaternions are b - // we also have to store the last angle since quaternions are b - if (typeof this.lastAngle_ === "undefined") { + if (typeof this.lastAngle_ === 'undefined') { this.lastAngle_ = currentAngle; } - this.orbit.rotateLeft( - (this.lastAngle_.z - currentAngle.z) * (1 + this.speed) - ); - this.orbit.rotateUp( - (this.lastAngle_.y - currentAngle.y) * (1 + this.speed) - ); + this.orbit.rotateLeft((this.lastAngle_.z - currentAngle.z) * (1 + this.speed)); + this.orbit.rotateUp((this.lastAngle_.y - currentAngle.y) * (1 + this.speed)); this.lastAngle_ = currentAngle; } this.orbit.update(); }; - OrbitOrientationControls.prototype.dispose = function dispose() { + _proto.dispose = function dispose() { this.orbit.dispose(); if (this.orientation) { @@ -6945,29 +1915,14 @@ var OrbitOrientationControls = (function () { }; return OrbitOrientationControls; -})(); - -// check if the browser supports cors -var corsSupport = (function () { - var video = document$1.createElement("video"); - - video.crossOrigin = "anonymous"; - - return video.hasAttribute("crossorigin"); -})(); - -var validProjections = [ - "360", - "360_LR", - "360_TB", - "360_CUBE", - "NONE", - "AUTO", - "Sphere", - "Cube", - "equirectangular", -]; - +}(); + +var corsSupport = function () { + var video = document$1.createElement('video'); + video.crossOrigin = 'anonymous'; + return video.hasAttribute('crossorigin'); +}(); +var validProjections = ['360', '360_LR', '360_TB', '360_CUBE', 'EAC', 'EAC_LR', 'NONE', 'AUTO', 'Sphere', 'Cube', 'equirectangular', '180', '180_LR', '180_MONO']; var getInternalProjectionName = function getInternalProjectionName(projection) { if (!projection) { return; @@ -6976,81 +1931,259 @@ var getInternalProjectionName = function getInternalProjectionName(projection) { projection = projection.toString().trim(); if (/sphere/i.test(projection)) { - return "360"; + return '360'; + } + + if (/cube/i.test(projection)) { + return '360_CUBE'; + } + + if (/equirectangular/i.test(projection)) { + return '360'; + } + + for (var i = 0; i < validProjections.length; i++) { + if (new RegExp('^' + validProjections[i] + '$', 'i').test(projection)) { + return validProjections[i]; + } + } +}; + +/** + * This class reacts to interactions with the canvas and + * triggers appropriate functionality on the player. Right now + * it does two things: + * + * 1. A `mousedown`/`touchstart` followed by `touchend`/`mouseup` without any + * `touchmove` or `mousemove` toggles play/pause on the player + * 2. Only moving on/clicking the control bar or toggling play/pause should + * show the control bar. Moving around the scene in the canvas should not. + */ + +var CanvasPlayerControls = /*#__PURE__*/function (_videojs$EventTarget) { + _inheritsLoose(CanvasPlayerControls, _videojs$EventTarget); + + function CanvasPlayerControls(player, canvas, options) { + var _this; + + _this = _videojs$EventTarget.call(this) || this; + _this.player = player; + _this.canvas = canvas; + _this.options = options; + _this.onMoveEnd = videojs.bind(_assertThisInitialized(_this), _this.onMoveEnd); + _this.onMoveStart = videojs.bind(_assertThisInitialized(_this), _this.onMoveStart); + _this.onMove = videojs.bind(_assertThisInitialized(_this), _this.onMove); + _this.onControlBarMove = videojs.bind(_assertThisInitialized(_this), _this.onControlBarMove); + + _this.player.controlBar.on(['mousedown', 'mousemove', 'mouseup', 'touchstart', 'touchmove', 'touchend'], _this.onControlBarMove); // we have to override these here because + // video.js listens for user activity on the video element + // and makes the user active when the mouse moves. + // We don't want that for 3d videos + + + _this.oldReportUserActivity = _this.player.reportUserActivity; + + _this.player.reportUserActivity = function () {}; // canvas movements + + + _this.canvas.addEventListener('mousedown', _this.onMoveStart); + + _this.canvas.addEventListener('touchstart', _this.onMoveStart); + + _this.canvas.addEventListener('mousemove', _this.onMove); + + _this.canvas.addEventListener('touchmove', _this.onMove); + + _this.canvas.addEventListener('mouseup', _this.onMoveEnd); + + _this.canvas.addEventListener('touchend', _this.onMoveEnd); + + _this.shouldTogglePlay = false; + return _this; + } + + var _proto = CanvasPlayerControls.prototype; + + _proto.togglePlay = function togglePlay() { + if (this.player.paused()) { + this.player.play(); + } else { + this.player.pause(); + } + }; + + _proto.onMoveStart = function onMoveStart(e) { + // if the player does not have a controlbar or + // the move was a mouse click but not left click do not + // toggle play. + if (this.options.disableTogglePlay || !this.player.controls() || e.type === 'mousedown' && !videojs.dom.isSingleLeftClick(e)) { + this.shouldTogglePlay = false; + return; + } + + this.shouldTogglePlay = true; + this.touchMoveCount_ = 0; + }; + + _proto.onMoveEnd = function onMoveEnd(e) { + // We want to have the same behavior in VR360 Player and standard player. + // in touchend we want to know if was a touch click, for a click we show the bar, + // otherwise continue with the mouse logic. + // + // Maximum movement allowed during a touch event to still be considered a tap + // Other popular libs use anywhere from 2 (hammer.js) to 15, + // so 10 seems like a nice, round number. + if (e.type === 'touchend' && this.touchMoveCount_ < 10) { + if (this.player.userActive() === false) { + this.player.userActive(true); + return; + } + + this.player.userActive(false); + return; + } + + if (!this.shouldTogglePlay) { + return; + } // We want the same behavior in Desktop for VR360 and standard player + + + if (e.type == 'mouseup') { + this.togglePlay(); + } + }; + + _proto.onMove = function onMove(e) { + // Increase touchMoveCount_ since Android detects 1 - 6 touches when user click normally + this.touchMoveCount_++; + this.shouldTogglePlay = false; + }; + + _proto.onControlBarMove = function onControlBarMove(e) { + this.player.userActive(true); + }; + + _proto.dispose = function dispose() { + this.canvas.removeEventListener('mousedown', this.onMoveStart); + this.canvas.removeEventListener('touchstart', this.onMoveStart); + this.canvas.removeEventListener('mousemove', this.onMove); + this.canvas.removeEventListener('touchmove', this.onMove); + this.canvas.removeEventListener('mouseup', this.onMoveEnd); + this.canvas.removeEventListener('touchend', this.onMoveEnd); + this.player.controlBar.off(['mousedown', 'mousemove', 'mouseup', 'touchstart', 'touchmove', 'touchend'], this.onControlBarMove); + this.player.reportUserActivity = this.oldReportUserActivity; + }; + + return CanvasPlayerControls; +}(videojs.EventTarget); + +/** + * This class manages ambisonic decoding and binaural rendering via Omnitone library. + */ + +var OmnitoneController = /*#__PURE__*/function (_videojs$EventTarget) { + _inheritsLoose(OmnitoneController, _videojs$EventTarget); + + /** + * Omnitone controller class. + * + * @class + * @param {AudioContext} audioContext - associated AudioContext. + * @param {Omnitone library} omnitone - Omnitone library element. + * @param {HTMLVideoElement} video - vidoe tag element. + * @param {Object} options - omnitone options. + */ + function OmnitoneController(audioContext, omnitone, video, options) { + var _this; + + _this = _videojs$EventTarget.call(this) || this; + var settings = videojs.mergeOptions({ + // Safari uses the different AAC decoder than FFMPEG. The channel order is + // The default 4ch AAC channel layout for FFMPEG AAC channel ordering. + channelMap: videojs.browser.IS_SAFARI ? [2, 0, 1, 3] : [0, 1, 2, 3], + ambisonicOrder: 1 + }, options); + _this.videoElementSource = audioContext.createMediaElementSource(video); + _this.foaRenderer = omnitone.createFOARenderer(audioContext, settings); + + _this.foaRenderer.initialize().then(function () { + if (audioContext.state === 'suspended') { + _this.trigger({ + type: 'audiocontext-suspended' + }); + } + + _this.videoElementSource.connect(_this.foaRenderer.input); + + _this.foaRenderer.output.connect(audioContext.destination); + + _this.initialized = true; + + _this.trigger({ + type: 'omnitone-ready' + }); + }, function (error) { + videojs.log.warn("videojs-vr: Omnitone initializes failed with the following error: " + error + ")"); + }); + + return _this; } + /** + * Updates the rotation of the Omnitone decoder based on three.js camera matrix. + * + * @param {Camera} camera Three.js camera object + */ - if (/cube/i.test(projection)) { - return "360_CUBE"; - } - if (/equirectangular/i.test(projection)) { - return "360"; - } + var _proto = OmnitoneController.prototype; - for (var i = 0; i < validProjections.length; i++) { - if (new RegExp("^" + validProjections[i] + "$", "i").test(projection)) { - return validProjections[i]; + _proto.update = function update(camera) { + if (!this.initialized) { + return; } + + this.foaRenderer.setRotationMatrixFromCamera(camera.matrix); } -}; + /** + * Destroys the controller and does any necessary cleanup. + */ + ; + + _proto.dispose = function dispose() { + this.initialized = false; + this.foaRenderer.setRenderingMode('bypass'); + this.foaRenderer = null; + }; -// Add Cardboard button -var Button = videojs.getComponent("Button"); + return OmnitoneController; +}(videojs.EventTarget); -var CardboardButton = (function (_Button) { - inherits(CardboardButton, _Button); +var Button = videojs.getComponent('Button'); + +var CardboardButton = /*#__PURE__*/function (_Button) { + _inheritsLoose(CardboardButton, _Button); function CardboardButton(player, options) { - classCallCheck(this, CardboardButton); - - var _this = possibleConstructorReturn( - this, - _Button.call(this, player, options) - ); - - _this.handleVrDisplayActivate_ = videojs.bind( - _this, - _this.handleVrDisplayActivate_ - ); - _this.handleVrDisplayDeactivate_ = videojs.bind( - _this, - _this.handleVrDisplayDeactivate_ - ); - _this.handleVrDisplayPresentChange_ = videojs.bind( - _this, - _this.handleVrDisplayPresentChange_ - ); - _this.handleOrientationChange_ = videojs.bind( - _this, - _this.handleOrientationChange_ - ); - window$1.addEventListener( - "orientationchange", - _this.handleOrientationChange_ - ); - window$1.addEventListener( - "vrdisplayactivate", - _this.handleVrDisplayActivate_ - ); - window$1.addEventListener( - "vrdisplaydeactivate", - _this.handleVrDisplayDeactivate_ - ); - - // vrdisplaypresentchange does not fire activate or deactivate + var _this; + + _this = _Button.call(this, player, options) || this; + _this.handleVrDisplayActivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayActivate_); + _this.handleVrDisplayDeactivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayDeactivate_); + _this.handleVrDisplayPresentChange_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayPresentChange_); + _this.handleOrientationChange_ = videojs.bind(_assertThisInitialized(_this), _this.handleOrientationChange_); + window$1.addEventListener('orientationchange', _this.handleOrientationChange_); + window$1.addEventListener('vrdisplayactivate', _this.handleVrDisplayActivate_); + window$1.addEventListener('vrdisplaydeactivate', _this.handleVrDisplayDeactivate_); // vrdisplaypresentchange does not fire activate or deactivate // and happens when hitting the back button during cardboard mode // so we need to make sure we stay in the correct state by // listening to it and checking if we are presenting it or not - window$1.addEventListener( - "vrdisplaypresentchange", - _this.handleVrDisplayPresentChange_ - ); - // we cannot show the cardboard button in fullscreen on + window$1.addEventListener('vrdisplaypresentchange', _this.handleVrDisplayPresentChange_); // we cannot show the cardboard button in fullscreen on // android as it breaks the controls, and makes it impossible // to exit cardboard mode + if (videojs.browser.IS_ANDROID) { - _this.on(player, "fullscreenchange", function () { + _this.on(player, 'fullscreenchange', function () { if (player.isFullscreen()) { _this.hide(); } else { @@ -7058,271 +2191,277 @@ var CardboardButton = (function (_Button) { } }); } + return _this; } - CardboardButton.prototype.buildCSSClass = function buildCSSClass() { + var _proto = CardboardButton.prototype; + + _proto.buildCSSClass = function buildCSSClass() { return "vjs-button-vr " + _Button.prototype.buildCSSClass.call(this); }; - CardboardButton.prototype.handleVrDisplayPresentChange_ = - function handleVrDisplayPresentChange_() { - if (!this.player_.vr().vrDisplay.isPresenting && this.active_) { - this.handleVrDisplayDeactivate_(); - } - if (this.player_.vr().vrDisplay.isPresenting && !this.active_) { - this.handleVrDisplayActivate_(); - } - }; + _proto.handleVrDisplayPresentChange_ = function handleVrDisplayPresentChange_() { + if (!this.player_.vr().vrDisplay.isPresenting && this.active_) { + this.handleVrDisplayDeactivate_(); + } - CardboardButton.prototype.handleOrientationChange_ = - function handleOrientationChange_() { - if (this.active_ && videojs.browser.IS_IOS) { - this.changeSize_(); - } - }; + if (this.player_.vr().vrDisplay.isPresenting && !this.active_) { + this.handleVrDisplayActivate_(); + } + }; - CardboardButton.prototype.changeSize_ = function changeSize_() { + _proto.handleOrientationChange_ = function handleOrientationChange_() { + if (this.active_ && videojs.browser.IS_IOS) { + this.changeSize_(); + } + }; + + _proto.changeSize_ = function changeSize_() { this.player_.width(window$1.innerWidth); this.player_.height(window$1.innerHeight); - window$1.dispatchEvent(new window$1.Event("resize")); + window$1.dispatchEvent(new window$1.Event('resize')); }; - CardboardButton.prototype.handleVrDisplayActivate_ = - function handleVrDisplayActivate_() { - // we mimic fullscreen on IOS - if (videojs.browser.IS_IOS) { - this.oldWidth_ = this.player_.currentWidth(); - this.oldHeight_ = this.player_.currentHeight(); - this.player_.enterFullWindow(); - this.changeSize_(); - } + _proto.handleVrDisplayActivate_ = function handleVrDisplayActivate_() { + // we mimic fullscreen on IOS + if (videojs.browser.IS_IOS) { + this.oldWidth_ = this.player_.currentWidth(); + this.oldHeight_ = this.player_.currentHeight(); + this.player_.enterFullWindow(); + this.changeSize_(); + } - this.active_ = true; - }; + this.active_ = true; + }; - CardboardButton.prototype.handleVrDisplayDeactivate_ = - function handleVrDisplayDeactivate_() { - // un-mimic fullscreen on iOS - if (videojs.browser.IS_IOS) { - if (this.oldWidth_) { - this.player_.width(this.oldWidth_); - } - if (this.oldHeight_) { - this.player_.height(this.oldHeight_); - } - this.player_.exitFullWindow(); - window$1.dispatchEvent(new window$1.Event("resize")); + _proto.handleVrDisplayDeactivate_ = function handleVrDisplayDeactivate_() { + // un-mimic fullscreen on iOS + if (videojs.browser.IS_IOS) { + if (this.oldWidth_) { + this.player_.width(this.oldWidth_); } - this.active_ = false; - }; + if (this.oldHeight_) { + this.player_.height(this.oldHeight_); + } + + this.player_.exitFullWindow(); + } + + this.active_ = false; + }; - CardboardButton.prototype.handleClick = function handleClick(event) { + _proto.handleClick = function handleClick(event) { // if cardboard mode display is not active, activate it // otherwise deactivate it if (!this.active_) { // This starts playback mode when the cardboard button - // is clicked on Andriod. We need to do this as the controls + // is clicked on Android. We need to do this as the controls // disappear if (!this.player_.hasStarted() && videojs.browser.IS_ANDROID) { this.player_.play(); } - window$1.dispatchEvent(new window$1.Event("vrdisplayactivate")); + + window$1.dispatchEvent(new window$1.Event('vrdisplayactivate')); } else { - window$1.dispatchEvent(new window$1.Event("vrdisplaydeactivate")); + window$1.dispatchEvent(new window$1.Event('vrdisplaydeactivate')); } }; - CardboardButton.prototype.dispose = function dispose() { + _proto.dispose = function dispose() { _Button.prototype.dispose.call(this); - window$1.removeEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_ - ); - window$1.removeEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_ - ); - window$1.removeEventListener( - "vrdisplaypresentchange", - this.handleVrDisplayPresentChange_ - ); + + window$1.removeEventListener('vrdisplayactivate', this.handleVrDisplayActivate_); + window$1.removeEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_); + window$1.removeEventListener('vrdisplaypresentchange', this.handleVrDisplayPresentChange_); }; return CardboardButton; -})(Button); +}(Button); -videojs.registerComponent("CardboardButton", CardboardButton); +videojs.registerComponent('CardboardButton', CardboardButton); -var BigPlayButton = videojs.getComponent("BigPlayButton"); +var BigPlayButton = videojs.getComponent('BigPlayButton'); -var BigVrPlayButton = (function (_BigPlayButton) { - inherits(BigVrPlayButton, _BigPlayButton); +var BigVrPlayButton = /*#__PURE__*/function (_BigPlayButton) { + _inheritsLoose(BigVrPlayButton, _BigPlayButton); function BigVrPlayButton() { - classCallCheck(this, BigVrPlayButton); - return possibleConstructorReturn( - this, - _BigPlayButton.apply(this, arguments) - ); + return _BigPlayButton.apply(this, arguments) || this; } - BigVrPlayButton.prototype.buildCSSClass = function buildCSSClass() { - return ( - "vjs-big-vr-play-button " + - _BigPlayButton.prototype.buildCSSClass.call(this) - ); + var _proto = BigVrPlayButton.prototype; + + _proto.buildCSSClass = function buildCSSClass() { + return "vjs-big-vr-play-button " + _BigPlayButton.prototype.buildCSSClass.call(this); }; return BigVrPlayButton; -})(BigPlayButton); +}(BigPlayButton); -videojs.registerComponent("BigVrPlayButton", BigVrPlayButton); +videojs.registerComponent('BigVrPlayButton', BigVrPlayButton); -// Default options for the plugin. -var defaults$1 = { - projection: "AUTO", - forceCardboard: false, +function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } + +function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } + +function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } + +var defaults = { debug: false, + omnitone: false, + forceCardboard: false, + omnitoneOptions: {}, + projection: 'AUTO', + sphereDetail: 32, + disableTogglePlay: false }; - var errors = { - "web-vr-out-of-date": { - headline: "360 is out of date", - type: "360_OUT_OF_DATE", - message: - "Your browser supports 360 but not the latest version. See http://webvr.info for more info.", + 'web-vr-out-of-date': { + headline: '360 is out of date', + type: '360_OUT_OF_DATE', + message: "Your browser supports 360 but not the latest version. See http://webvr.info for more info." }, - "web-vr-not-supported": { - headline: "360 not supported on this device", - type: "360_NOT_SUPPORTED", - message: - "Your browser does not support 360. See http://webvr.info for assistance.", - }, - "web-vr-hls-cors-not-supported": { - headline: "360 HLS video not supported on this device", - type: "360_NOT_SUPPORTED", - message: - "Your browser/device does not support HLS 360 video. See http://webvr.info for assistance.", + 'web-vr-not-supported': { + headline: '360 not supported on this device', + type: '360_NOT_SUPPORTED', + message: "Your browser does not support 360. See http://webvr.info for assistance." }, + 'web-vr-hls-cors-not-supported': { + headline: '360 HLS video not supported on this device', + type: '360_NOT_SUPPORTED', + message: "Your browser/device does not support HLS 360 video. See http://webvr.info for assistance." + } }; +var Plugin = videojs.getPlugin('plugin'); +var Component = videojs.getComponent('Component'); -var Plugin = videojs.getPlugin("plugin"); -var Component = videojs.getComponent("Component"); - -var VR = (function (_Plugin) { - inherits(VR, _Plugin); +var VR = /*#__PURE__*/function (_Plugin) { + _inheritsLoose(VR, _Plugin); function VR(player, options) { - classCallCheck(this, VR); - - var settings = videojs.mergeOptions(defaults$1, options); - - var _this = possibleConstructorReturn( - this, - _Plugin.call(this, player, settings) - ); + var _this; + var settings = videojs.mergeOptions(defaults, options); + _this = _Plugin.call(this, player, settings) || this; _this.options_ = settings; _this.player_ = player; - _this.bigPlayButtonIndex_ = - player.children().indexOf(player.getChild("BigPlayButton")) || 0; + _this.bigPlayButtonIndex_ = player.children().indexOf(player.getChild('BigPlayButton')) || 0; // custom videojs-errors integration boolean - // custom videojs-errors integration boolean _this.videojsErrorsSupport_ = !!videojs.errors; if (_this.videojsErrorsSupport_) { - player.errors({ errors: errors }); - } - - // IE 11 does not support enough webgl to be supported + player.errors({ + errors: errors + }); + } // IE 11 does not support enough webgl to be supported // older safari does not support cors, so it wont work + + if (videojs.browser.IE_VERSION || !corsSupport) { // if a player triggers error before 'loadstart' is fired // video.js will reset the error overlay - _this.player_.on("loadstart", function () { - _this.triggerError_({ code: "web-vr-not-supported", dismiss: false }); + _this.player_.on('loadstart', function () { + _this.triggerError_({ + code: 'web-vr-not-supported', + dismiss: false + }); }); - return possibleConstructorReturn(_this); + + return _assertThisInitialized(_this); } _this.polyfill_ = new WebVRPolyfill({ // do not show rotate instructions - ROTATE_INSTRUCTIONS_DISABLED: true, + ROTATE_INSTRUCTIONS_DISABLED: true }); _this.polyfill_ = new WebVRPolyfill(); + _this.handleVrDisplayActivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayActivate_); + _this.handleVrDisplayDeactivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayDeactivate_); + _this.handleResize_ = videojs.bind(_assertThisInitialized(_this), _this.handleResize_); + _this.animate_ = videojs.bind(_assertThisInitialized(_this), _this.animate_); + + _this.setProjection(_this.options_.projection); // any time the video element is recycled for ads + // we have to reset the vr state and re-init after ad + + + _this.on(player, 'adstart', function () { + return player.setTimeout(function () { + // if the video element was recycled for this ad + if (!player.ads || !player.ads.videoElementRecycled()) { + _this.log('video element not recycled for this ad, no need to reset'); + + return; + } - _this.handleVrDisplayActivate_ = videojs.bind( - _this, - _this.handleVrDisplayActivate_ - ); - _this.handleVrDisplayDeactivate_ = videojs.bind( - _this, - _this.handleVrDisplayDeactivate_ - ); - _this.handleResize_ = videojs.bind(_this, _this.handleResize_); - _this.animate_ = videojs.bind(_this, _this.animate_); + _this.log('video element recycled for this ad, reseting'); - _this.setProjection(_this.options_.projection); + _this.reset(); + + _this.one(player, 'playing', _this.init); + }); + }, 1); + + _this.on(player, 'loadedmetadata', _this.init); - _this.on(player, "loadedmetadata", _this.init); return _this; } - VR.prototype.changeProjection_ = function changeProjection_(projection) { - projection = getInternalProjectionName(projection); - // don't change to an invalid projection + var _proto = VR.prototype; + + _proto.changeProjection_ = function changeProjection_(projection) { + var _this2 = this; + + projection = getInternalProjectionName(projection); // don't change to an invalid projection + if (!projection) { - projection = "NONE"; + projection = 'NONE'; } - var position = { x: 0, y: 0, z: 0 }; + var position = { + x: 0, + y: 0, + z: 0 + }; if (this.scene) { this.scene.remove(this.movieScreen); } - if (projection === "AUTO") { - // mediainfo cannot be set to auto or we would infinite loop here - // each source should know wether they are 360 or not, if using AUTO - if ( - this.player_.mediainfo && - this.player_.mediainfo.projection && - this.player_.mediainfo.projection !== "AUTO" - ) { - var autoProjection = getInternalProjectionName( - this.player_.mediainfo.projection - ); + if (projection === 'AUTO') { + // mediainfo cannot be set to auto or we would infinite loop here + // each source should know whatever they are 360 or not, if using AUTO + if (this.player_.mediainfo && this.player_.mediainfo.projection && this.player_.mediainfo.projection !== 'AUTO') { + var autoProjection = getInternalProjectionName(this.player_.mediainfo.projection); return this.changeProjection_(autoProjection); } - return this.changeProjection_("NONE"); - } else if (projection === "360") { - this.movieGeometry = new SphereBufferGeometry(256, 32, 32); + + return this.changeProjection_('NONE'); + } else if (projection === '360') { + this.movieGeometry = new SphereBufferGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true, - side: BackSide, + side: BackSide }); - this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); this.movieScreen.position.set(position.x, position.y, position.z); - this.movieScreen.scale.x = -1; - this.movieScreen.quaternion.setFromAxisAngle( - { x: 0, y: 1, z: 0 }, - -Math.PI / 2 - ); + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); this.scene.add(this.movieScreen); - } else if (projection === "360_LR" || projection === "360_TB") { - var geometry = new SphereGeometry(256, 32, 32); - + } else if (projection === '360_LR' || projection === '360_TB') { // Left eye view + var geometry = new SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); var uvs = geometry.faceVertexUvs[0]; for (var i = 0; i < uvs.length; i++) { for (var j = 0; j < 3; j++) { - if (projection === "360_LR") { + if (projection === '360_LR') { uvs[i][j].x *= 0.5; } else { uvs[i][j].y *= 0.5; @@ -7330,29 +2469,30 @@ var VR = (function (_Plugin) { } } } - geometry.scale(-1, 1, 1); this.movieGeometry = new BufferGeometry().fromGeometry(geometry); this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true, - side: BackSide, + side: BackSide }); - this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); - this.movieScreen.rotation.y = -Math.PI / 2; - // display in left eye only - this.movieScreen.layers.set(1); - this.scene.add(this.movieScreen); + this.movieScreen.scale.x = -1; + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); // display in left eye only - // Right eye view - geometry = new SphereGeometry(256, 32, 32); + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); // Right eye view + geometry = new SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); uvs = geometry.faceVertexUvs[0]; for (var _i = 0; _i < uvs.length; _i++) { for (var _j = 0; _j < 3; _j++) { - if (projection === "360_LR") { + if (projection === '360_LR') { uvs[_i][_j].x *= 0.5; uvs[_i][_j].x += 0.5; } else { @@ -7360,236 +2500,327 @@ var VR = (function (_Plugin) { } } } - geometry.scale(-1, 1, 1); this.movieGeometry = new BufferGeometry().fromGeometry(geometry); this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true, - side: BackSide, + side: BackSide }); - this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); - this.movieScreen.rotation.y = -Math.PI / 2; - // display in right eye only + this.movieScreen.scale.x = -1; + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); // display in right eye only + this.movieScreen.layers.set(2); this.scene.add(this.movieScreen); - } else if (projection === "360_CUBE") { + } else if (projection === '360_CUBE') { this.movieGeometry = new BoxGeometry(256, 256, 256); this.movieMaterial = new MeshBasicMaterial({ map: this.videoTexture, overdraw: true, - side: BackSide, + side: BackSide }); - - var left = [ - new Vector2(0, 0.5), - new Vector2(0.333, 0.5), - new Vector2(0.333, 1), - new Vector2(0, 1), - ]; - var right = [ - new Vector2(0.333, 0.5), - new Vector2(0.666, 0.5), - new Vector2(0.666, 1), - new Vector2(0.333, 1), - ]; - var top = [ - new Vector2(0.666, 0.5), - new Vector2(1, 0.5), - new Vector2(1, 1), - new Vector2(0.666, 1), - ]; - var bottom = [ - new Vector2(0, 0), - new Vector2(0.333, 0), - new Vector2(0.333, 0.5), - new Vector2(0, 0.5), - ]; - var front = [ - new Vector2(0.333, 0), - new Vector2(0.666, 0), - new Vector2(0.666, 0.5), - new Vector2(0.333, 0.5), - ]; - var back = [ - new Vector2(0.666, 0), - new Vector2(1, 0), - new Vector2(1, 0.5), - new Vector2(0.666, 0.5), - ]; - + var left = [new Vector2(0, 0.5), new Vector2(0.333, 0.5), new Vector2(0.333, 1), new Vector2(0, 1)]; + var right = [new Vector2(0.333, 0.5), new Vector2(0.666, 0.5), new Vector2(0.666, 1), new Vector2(0.333, 1)]; + var top = [new Vector2(0.666, 0.5), new Vector2(1, 0.5), new Vector2(1, 1), new Vector2(0.666, 1)]; + var bottom = [new Vector2(0, 0), new Vector2(0.333, 0), new Vector2(0.333, 0.5), new Vector2(0, 0.5)]; + var front = [new Vector2(0.333, 0), new Vector2(0.666, 0), new Vector2(0.666, 0.5), new Vector2(0.333, 0.5)]; + var back = [new Vector2(0.666, 0), new Vector2(1, 0), new Vector2(1, 0.5), new Vector2(0.666, 0.5)]; this.movieGeometry.faceVertexUvs[0] = []; - this.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]]; this.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]]; - this.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]]; this.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]]; - this.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]]; this.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]]; - - this.movieGeometry.faceVertexUvs[0][6] = [ - bottom[2], - bottom[1], - bottom[3], - ]; - this.movieGeometry.faceVertexUvs[0][7] = [ - bottom[1], - bottom[0], - bottom[3], - ]; - + this.movieGeometry.faceVertexUvs[0][6] = [bottom[2], bottom[1], bottom[3]]; + this.movieGeometry.faceVertexUvs[0][7] = [bottom[1], bottom[0], bottom[3]]; this.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]]; this.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]]; - this.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]]; this.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]]; - this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); this.movieScreen.position.set(position.x, position.y, position.z); this.movieScreen.rotation.y = -Math.PI; + this.scene.add(this.movieScreen); + } else if (projection === '180' || projection === '180_LR' || projection === '180_MONO') { + var _geometry = new SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail, Math.PI, Math.PI); // Left eye view + + + _geometry.scale(-1, 1, 1); + + var _uvs = _geometry.faceVertexUvs[0]; + + if (projection !== '180_MONO') { + for (var _i2 = 0; _i2 < _uvs.length; _i2++) { + for (var _j2 = 0; _j2 < 3; _j2++) { + _uvs[_i2][_j2].x *= 0.5; + } + } + } + + this.movieGeometry = new BufferGeometry().fromGeometry(_geometry); + this.movieMaterial = new MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true + }); + this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); // display in left eye only + + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); // Right eye view + + _geometry = new SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail, Math.PI, Math.PI); + + _geometry.scale(-1, 1, 1); + + _uvs = _geometry.faceVertexUvs[0]; + for (var _i3 = 0; _i3 < _uvs.length; _i3++) { + for (var _j3 = 0; _j3 < 3; _j3++) { + _uvs[_i3][_j3].x *= 0.5; + _uvs[_i3][_j3].x += 0.5; + } + } + + this.movieGeometry = new BufferGeometry().fromGeometry(_geometry); + this.movieMaterial = new MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true + }); + this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); // display in right eye only + + this.movieScreen.layers.set(2); this.scene.add(this.movieScreen); + } else if (projection === 'EAC' || projection === 'EAC_LR') { + var makeScreen = function makeScreen(mapMatrix, scaleMatrix) { + // "Continuity correction?": because of discontinuous faces and aliasing, + // we truncate the 2-pixel-wide strips on all discontinuous edges, + var contCorrect = 2; + _this2.movieGeometry = new BoxGeometry(256, 256, 256); + _this2.movieMaterial = new ShaderMaterial({ + overdraw: true, + side: BackSide, + uniforms: { + mapped: { + value: _this2.videoTexture + }, + mapMatrix: { + value: mapMatrix + }, + contCorrect: { + value: contCorrect + }, + faceWH: { + value: new Vector2(1 / 3, 1 / 2).applyMatrix3(scaleMatrix) + }, + vidWH: { + value: new Vector2(_this2.videoTexture.image.videoWidth, _this2.videoTexture.image.videoHeight).applyMatrix3(scaleMatrix) + } + }, + vertexShader: "\nvarying vec2 vUv;\nuniform mat3 mapMatrix;\n\nvoid main() {\n vUv = (mapMatrix * vec3(uv, 1.)).xy;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.);\n}", + fragmentShader: "\nvarying vec2 vUv;\nuniform sampler2D mapped;\nuniform vec2 faceWH;\nuniform vec2 vidWH;\nuniform float contCorrect;\n\nconst float PI = 3.1415926535897932384626433832795;\n\nvoid main() {\n vec2 corner = vUv - mod(vUv, faceWH) + vec2(0, contCorrect / vidWH.y);\n\n vec2 faceWHadj = faceWH - vec2(0, contCorrect * 2. / vidWH.y);\n\n vec2 p = (vUv - corner) / faceWHadj - .5;\n vec2 q = 2. / PI * atan(2. * p) + .5;\n\n vec2 eUv = corner + q * faceWHadj;\n\n gl_FragColor = texture2D(mapped, eUv);\n}" + }); + var right = [new Vector2(0, 1 / 2), new Vector2(1 / 3, 1 / 2), new Vector2(1 / 3, 1), new Vector2(0, 1)]; + var front = [new Vector2(1 / 3, 1 / 2), new Vector2(2 / 3, 1 / 2), new Vector2(2 / 3, 1), new Vector2(1 / 3, 1)]; + var left = [new Vector2(2 / 3, 1 / 2), new Vector2(1, 1 / 2), new Vector2(1, 1), new Vector2(2 / 3, 1)]; + var bottom = [new Vector2(1 / 3, 0), new Vector2(1 / 3, 1 / 2), new Vector2(0, 1 / 2), new Vector2(0, 0)]; + var back = [new Vector2(1 / 3, 1 / 2), new Vector2(1 / 3, 0), new Vector2(2 / 3, 0), new Vector2(2 / 3, 1 / 2)]; + var top = [new Vector2(1, 0), new Vector2(1, 1 / 2), new Vector2(2 / 3, 1 / 2), new Vector2(2 / 3, 0)]; + + for (var _i4 = 0, _arr = [right, front, left, bottom, back, top]; _i4 < _arr.length; _i4++) { + var face = _arr[_i4]; + var height = _this2.videoTexture.image.videoHeight; + var lowY = 1; + var highY = 0; + + for (var _iterator = _createForOfIteratorHelperLoose(face), _step; !(_step = _iterator()).done;) { + var vector = _step.value; + + if (vector.y < lowY) { + lowY = vector.y; + } + + if (vector.y > highY) { + highY = vector.y; + } + } + + for (var _iterator2 = _createForOfIteratorHelperLoose(face), _step2; !(_step2 = _iterator2()).done;) { + var _vector = _step2.value; + + if (Math.abs(_vector.y - lowY) < Number.EPSILON) { + _vector.y += contCorrect / height; + } + + if (Math.abs(_vector.y - highY) < Number.EPSILON) { + _vector.y -= contCorrect / height; + } + + _vector.x = _vector.x / height * (height - contCorrect * 2) + contCorrect / height; + } + } + + _this2.movieGeometry.faceVertexUvs[0] = []; + _this2.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]]; + _this2.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]]; + _this2.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]]; + _this2.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]]; + _this2.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]]; + _this2.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]]; + _this2.movieGeometry.faceVertexUvs[0][6] = [bottom[2], bottom[1], bottom[3]]; + _this2.movieGeometry.faceVertexUvs[0][7] = [bottom[1], bottom[0], bottom[3]]; + _this2.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]]; + _this2.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]]; + _this2.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]]; + _this2.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]]; + _this2.movieScreen = new Mesh(_this2.movieGeometry, _this2.movieMaterial); + + _this2.movieScreen.position.set(position.x, position.y, position.z); + + _this2.movieScreen.rotation.y = -Math.PI; + return _this2.movieScreen; + }; + + if (projection === 'EAC') { + this.scene.add(makeScreen(new Matrix3(), new Matrix3())); + } else { + var scaleMatrix = new Matrix3().set(0, 0.5, 0, 1, 0, 0, 0, 0, 1); + makeScreen(new Matrix3().set(0, -0.5, 0.5, 1, 0, 0, 0, 0, 1), scaleMatrix); // display in left eye only + + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); + makeScreen(new Matrix3().set(0, -0.5, 1, 1, 0, 0, 0, 0, 1), scaleMatrix); // display in right eye only + + this.movieScreen.layers.set(2); + this.scene.add(this.movieScreen); + } } this.currentProjection_ = projection; }; - VR.prototype.triggerError_ = function triggerError_(errorObj) { + _proto.triggerError_ = function triggerError_(errorObj) { // if we have videojs-errors use it if (this.videojsErrorsSupport_) { - this.player_.error(errorObj); - // if we don't have videojs-errors just use a normal player error + this.player_.error(errorObj); // if we don't have videojs-errors just use a normal player error } else { // strip any html content from the error message // as it is not supported outside of videojs-errors - var div = document$1.createElement("div"); - + var div = document$1.createElement('div'); div.innerHTML = errors[errorObj.code].message; - - var message = div.textContent || div.innerText || ""; - + var message = div.textContent || div.innerText || ''; this.player_.error({ code: errorObj.code, - message: message, + message: message }); } }; - VR.prototype.log = function log() { + _proto.log = function log() { if (!this.options_.debug) { return; } - for ( - var _len = arguments.length, msgs = Array(_len), _key = 0; - _key < _len; - _key++ - ) { + for (var _len = arguments.length, msgs = new Array(_len), _key = 0; _key < _len; _key++) { msgs[_key] = arguments[_key]; } msgs.forEach(function (msg) { - videojs.log(msg); + videojs.log('VR: ', msg); }); }; - VR.prototype.handleVrDisplayActivate_ = function handleVrDisplayActivate_() { - var _this2 = this; + _proto.handleVrDisplayActivate_ = function handleVrDisplayActivate_() { + var _this3 = this; if (!this.vrDisplay) { return; } - this.vrDisplay - .requestPresent([{ source: this.renderedCanvas }]) - .then(function () { - if (!_this2.vrDisplay.cardboardUI_ || !videojs.browser.IS_IOS) { + + this.vrDisplay.requestPresent([{ + source: this.renderedCanvas + }]).then(function () { + if (!_this3.vrDisplay.cardboardUI_ || !videojs.browser.IS_IOS) { + return; + } // webvr-polyfill/cardboard ui only watches for click events + // to tell that the back arrow button is pressed during cardboard vr. + // but somewhere along the line these events are silenced with preventDefault + // but only on iOS, so we translate them ourselves here + + + var touches = []; + + var iosCardboardTouchStart_ = function iosCardboardTouchStart_(e) { + for (var i = 0; i < e.touches.length; i++) { + touches.push(e.touches[i]); + } + }; + + var iosCardboardTouchEnd_ = function iosCardboardTouchEnd_(e) { + if (!touches.length) { return; } - // webvr-polyfill/cardboard ui only watches for click events - // to tell that the back arrow button is pressed during cardboard vr. - // but somewhere along the line these events are silenced with preventDefault - // but only on iOS, so we translate them ourselves here - var touches = []; - var iosCardboardTouchStart_ = function iosCardboardTouchStart_(e) { - for (var i = 0; i < e.touches.length; i++) { - touches.push(e.touches[i]); - } - }; + touches.forEach(function (t) { + var simulatedClick = new window$1.MouseEvent('click', { + screenX: t.screenX, + screenY: t.screenY, + clientX: t.clientX, + clientY: t.clientY + }); - var iosCardboardTouchEnd_ = function iosCardboardTouchEnd_(e) { - if (!touches.length) { - return; - } + _this3.renderedCanvas.dispatchEvent(simulatedClick); + }); + touches = []; + }; - touches.forEach(function (t) { - var simulatedClick = new window$1.MouseEvent("click", { - screenX: t.screenX, - screenY: t.screenY, - clientX: t.clientX, - clientY: t.clientY, - }); + _this3.renderedCanvas.addEventListener('touchstart', iosCardboardTouchStart_); - _this2.renderedCanvas.dispatchEvent(simulatedClick); - }); + _this3.renderedCanvas.addEventListener('touchend', iosCardboardTouchEnd_); - touches = []; - }; - - _this2.renderedCanvas.addEventListener( - "touchstart", - iosCardboardTouchStart_ - ); - _this2.renderedCanvas.addEventListener( - "touchend", - iosCardboardTouchEnd_ - ); - - _this2.iosRevertTouchToClick_ = function () { - _this2.renderedCanvas.removeEventListener( - "touchstart", - iosCardboardTouchStart_ - ); - _this2.renderedCanvas.removeEventListener( - "touchend", - iosCardboardTouchEnd_ - ); - _this2.iosRevertTouchToClick_ = null; - }; - }); + _this3.iosRevertTouchToClick_ = function () { + _this3.renderedCanvas.removeEventListener('touchstart', iosCardboardTouchStart_); + + _this3.renderedCanvas.removeEventListener('touchend', iosCardboardTouchEnd_); + + _this3.iosRevertTouchToClick_ = null; + }; + }); }; - VR.prototype.handleVrDisplayDeactivate_ = - function handleVrDisplayDeactivate_() { - if (!this.vrDisplay || !this.vrDisplay.isPresenting) { - return; - } - if (this.iosRevertTouchToClick_) { - this.iosRevertTouchToClick_(); - } - this.vrDisplay.exitPresent(); - }; + _proto.handleVrDisplayDeactivate_ = function handleVrDisplayDeactivate_() { + if (!this.vrDisplay || !this.vrDisplay.isPresenting) { + return; + } + + if (this.iosRevertTouchToClick_) { + this.iosRevertTouchToClick_(); + } + + this.vrDisplay.exitPresent(); + }; - VR.prototype.requestAnimationFrame = function requestAnimationFrame(fn) { + _proto.requestAnimationFrame = function requestAnimationFrame(fn) { if (this.vrDisplay) { return this.vrDisplay.requestAnimationFrame(fn); } - return Component.prototype.requestAnimationFrame.call(this, fn); + return this.player_.requestAnimationFrame(fn); }; - VR.prototype.cancelAnimationFrame = function cancelAnimationFrame(id) { + _proto.cancelAnimationFrame = function cancelAnimationFrame(id) { if (this.vrDisplay) { return this.vrDisplay.cancelAnimationFrame(id); } - return Component.prototype.cancelAnimationFrame.call(this, id); + return this.player_.cancelAnimationFrame(id); }; - VR.prototype.togglePlay_ = function togglePlay_() { + _proto.togglePlay_ = function togglePlay_() { if (this.player_.paused()) { this.player_.play(); } else { @@ -7597,10 +2828,11 @@ var VR = (function (_Plugin) { } }; - VR.prototype.animate_ = function animate_() { + _proto.animate_ = function animate_() { if (!this.initialized_) { return; } + if (this.getVideoEl_().readyState === this.getVideoEl_().HAVE_ENOUGH_DATA) { if (this.videoTexture) { this.videoTexture.needsUpdate = true; @@ -7608,6 +2840,11 @@ var VR = (function (_Plugin) { } this.controls3d.update(); + + if (this.omniController) { + this.omniController.update(this.camera); + } + this.effect.render(this.scene, this.camera); if (window$1.navigator.getGamepads) { @@ -7615,17 +2852,13 @@ var VR = (function (_Plugin) { var gamepads = window$1.navigator.getGamepads(); for (var i = 0; i < gamepads.length; ++i) { - var gamepad = gamepads[i]; - - // Make sure gamepad is defined + var gamepad = gamepads[i]; // Make sure gamepad is defined // Only take input if state has changed since we checked last - if ( - !gamepad || - !gamepad.timestamp || - gamepad.timestamp === this.prevTimestamps_[i] - ) { + + if (!gamepad || !gamepad.timestamp || gamepad.timestamp === this.prevTimestamps_[i]) { continue; } + for (var j = 0; j < gamepad.buttons.length; ++j) { if (gamepad.buttons[j].pressed) { this.togglePlay_(); @@ -7635,26 +2868,22 @@ var VR = (function (_Plugin) { } } } - this.camera.getWorldDirection(this.cameraVector); + this.camera.getWorldDirection(this.cameraVector); this.animationFrameId_ = this.requestAnimationFrame(this.animate_); }; - VR.prototype.handleResize_ = function handleResize_() { + _proto.handleResize_ = function handleResize_() { var width = this.player_.currentWidth(); var height = this.player_.currentHeight(); - this.effect.setSize(width, height, false); this.camera.aspect = width / height; this.camera.updateProjectionMatrix(); }; - VR.prototype.setProjection = function setProjection(projection) { + _proto.setProjection = function setProjection(projection) { if (!getInternalProjectionName(projection)) { - videojs.log.error( - "videojs-vr: please pass a valid projection " + - validProjections.join(", ") - ); + videojs.log.error('videojs-vr: please pass a valid projection ' + validProjections.join(', ')); return; } @@ -7662,61 +2891,45 @@ var VR = (function (_Plugin) { this.defaultProjection_ = projection; }; - VR.prototype.init = function init() { - var _this3 = this; + _proto.init = function init() { + var _this4 = this; this.reset(); + this.camera = new PerspectiveCamera(75, this.player_.currentWidth() / this.player_.currentHeight(), 1, 1000); // Store vector representing the direction in which the camera is looking, in world space. - this.camera = new PerspectiveCamera( - 75, - this.player_.currentWidth() / this.player_.currentHeight(), - 1, - 1000 - ); - // Store vector representing the direction in which the camera is looking, in world space. this.cameraVector = new Vector3(); - if ( - this.currentProjection_ === "360_LR" || - this.currentProjection_ === "360_TB" - ) { + if (this.currentProjection_ === '360_LR' || this.currentProjection_ === '360_TB' || this.currentProjection_ === '180' || this.currentProjection_ === '180_LR' || this.currentProjection_ === '180_MONO' || this.currentProjection_ === 'EAC_LR') { // Render left eye when not in VR mode this.camera.layers.enable(1); } this.scene = new Scene(); - this.videoTexture = new VideoTexture(this.getVideoEl_()); - - // shared regardless of wether VideoTexture is used or + this.videoTexture = new VideoTexture(this.getVideoEl_()); // shared regardless of wether VideoTexture is used or // an image canvas is used + this.videoTexture.generateMipmaps = false; this.videoTexture.minFilter = LinearFilter; this.videoTexture.magFilter = LinearFilter; this.videoTexture.format = RGBFormat; - this.changeProjection_(this.currentProjection_); - if (this.currentProjection_ === "NONE") { - this.log("Projection is NONE, dont init"); + if (this.currentProjection_ === 'NONE') { + this.log('Projection is NONE, dont init'); this.reset(); return; } - this.player_.removeChild("BigPlayButton"); - this.player_.addChild("BigVrPlayButton", {}, this.bigPlayButtonIndex_); - this.player_.bigPlayButton = this.player_.getChild("BigVrPlayButton"); + this.player_.removeChild('BigPlayButton'); + this.player_.addChild('BigVrPlayButton', {}, this.bigPlayButtonIndex_); + this.player_.bigPlayButton = this.player_.getChild('BigVrPlayButton'); // mobile devices, or cardboard forced to on - // mobile devices, or cardboard forced to on - if ( - this.options_.forceCardboard || - videojs.browser.IS_ANDROID || - videojs.browser.IS_IOS - ) { + if (this.options_.forceCardboard || videojs.browser.IS_ANDROID || videojs.browser.IS_IOS) { this.addCardboardButton_(); - } + } // if ios remove full screen toggle - // if ios remove full screen toggle - if (videojs.browser.IS_IOS) { + + if (videojs.browser.IS_IOS && this.player_.controlBar && this.player_.controlBar.fullscreenToggle) { this.player_.controlBar.fullscreenToggle.hide(); } @@ -7725,190 +2938,192 @@ var VR = (function (_Plugin) { devicePixelRatio: window$1.devicePixelRatio, alpha: false, clearColor: 0xffffff, - antialias: true, + antialias: true }); - - var webglContext = this.renderer.getContext("webgl"); + var webglContext = this.renderer.getContext('webgl'); var oldTexImage2D = webglContext.texImage2D; - /* this is a workaround since threejs uses try catch */ - webglContext.texImage2D = function () { - for ( - var _len2 = arguments.length, args = Array(_len2), _key2 = 0; - _key2 < _len2; - _key2++ - ) { - args[_key2] = arguments[_key2]; - } + webglContext.texImage2D = function () { try { + for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { + args[_key2] = arguments[_key2]; + } + return oldTexImage2D.apply(webglContext, args); } catch (e) { - _this3.reset(); - _this3.player_.pause(); - _this3.triggerError_({ - code: "web-vr-hls-cors-not-supported", - dismiss: false, + _this4.reset(); + + _this4.player_.pause(); + + _this4.triggerError_({ + code: 'web-vr-hls-cors-not-supported', + dismiss: false }); + throw new Error(e); } }; - this.renderer.setSize( - this.player_.currentWidth(), - this.player_.currentHeight(), - false - ); + this.renderer.setSize(this.player_.currentWidth(), this.player_.currentHeight(), false); this.effect = new VREffect(this.renderer); + this.effect.setSize(this.player_.currentWidth(), this.player_.currentHeight(), false); + this.vrDisplay = null; // Previous timestamps for gamepad updates - this.effect.setSize( - this.player_.currentWidth(), - this.player_.currentHeight(), - false - ); - this.vrDisplay = null; - - // Previous timestamps for gamepad updates this.prevTimestamps_ = []; - this.renderedCanvas = this.renderer.domElement; - this.renderedCanvas.setAttribute( - "style", - "width: 100%; height: 100%; position: absolute; top:0;" - ); - this.player_ - .el() - .insertBefore(this.renderedCanvas, this.player_.el().firstChild); - this.getVideoEl_().style.display = "none"; + this.renderedCanvas.setAttribute('style', 'width: 100%; height: 100%; position: absolute; top:0;'); + var videoElStyle = this.getVideoEl_().style; + this.player_.el().insertBefore(this.renderedCanvas, this.player_.el().firstChild); + videoElStyle.zIndex = '-1'; + videoElStyle.opacity = '0'; if (window$1.navigator.getVRDisplays) { - this.log("VR is supported, getting vr displays"); + this.log('is supported, getting vr displays'); window$1.navigator.getVRDisplays().then(function (displays) { if (displays.length > 0) { - _this3.log("VR Displays found", displays); - _this3.vrDisplay = displays[0]; + _this4.log('Displays found', displays); - // Native WebVR Head Mounted Displays (HMDs) like the HTC Vive + _this4.vrDisplay = displays[0]; // Native WebVR Head Mounted Displays (HMDs) like the HTC Vive // also need the cardboard button to enter fully immersive mode // so, we want to add the button if we're not polyfilled. - if (!_this3.vrDisplay.isPolyfilled) { - _this3.log("Real HMD found using VRControls", _this3.vrDisplay); - _this3.addCardboardButton_(); - // We use VRControls here since we are working with an HMD + if (!_this4.vrDisplay.isPolyfilled) { + _this4.log('Real HMD found using VRControls', _this4.vrDisplay); + + _this4.addCardboardButton_(); // We use VRControls here since we are working with an HMD // and we only want orientation controls. - _this3.controls3d = new VRControls(_this3.camera); + + + _this4.controls3d = new VRControls(_this4.camera); } } - if (!_this3.controls3d) { - _this3.log("no HMD found Using Orbit & Orientation Controls"); - _this3.controls3d = new OrbitOrientationControls({ - camera: _this3.camera, - canvas: _this3.renderedCanvas, - orientation: - videojs.browser.IS_IOS || videojs.browser.IS_ANDROID || false, - }); + if (!_this4.controls3d) { + _this4.log('no HMD found Using Orbit & Orientation Controls'); + + var options = { + camera: _this4.camera, + canvas: _this4.renderedCanvas, + // check if its a half sphere view projection + halfView: _this4.currentProjection_.indexOf('180') === 0, + orientation: videojs.browser.IS_IOS || videojs.browser.IS_ANDROID || false + }; + + if (_this4.options_.motionControls === false) { + options.orientation = false; + } + + _this4.controls3d = new OrbitOrientationControls(options); + _this4.canvasPlayerControls = new CanvasPlayerControls(_this4.player_, _this4.renderedCanvas, _this4.options_); } - _this3.animationFrameId_ = _this3.requestAnimationFrame( - _this3.animate_ - ); + + _this4.animationFrameId_ = _this4.requestAnimationFrame(_this4.animate_); }); } else if (window$1.navigator.getVRDevices) { - this.triggerError_({ code: "web-vr-out-of-date", dismiss: false }); + this.triggerError_({ + code: 'web-vr-out-of-date', + dismiss: false + }); } else { - this.triggerError_({ code: "web-vr-not-supported", dismiss: false }); + this.triggerError_({ + code: 'web-vr-not-supported', + dismiss: false + }); } - this.on(this.player_, "fullscreenchange", this.handleResize_); - window$1.addEventListener( - "vrdisplaypresentchange", - this.handleResize_, - true - ); - window$1.addEventListener("resize", this.handleResize_, true); - window$1.addEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_, - true - ); - window$1.addEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_, - true - ); + if (this.options_.omnitone) { + var audiocontext = AudioContext.getContext(); + this.omniController = new OmnitoneController(audiocontext, this.options_.omnitone, this.getVideoEl_(), this.options_.omnitoneOptions); + this.omniController.one('audiocontext-suspended', function () { + _this4.player.pause(); + + _this4.player.one('playing', function () { + audiocontext.resume(); + }); + }); + } + this.on(this.player_, 'fullscreenchange', this.handleResize_); + window$1.addEventListener('vrdisplaypresentchange', this.handleResize_, true); + window$1.addEventListener('resize', this.handleResize_, true); + window$1.addEventListener('vrdisplayactivate', this.handleVrDisplayActivate_, true); + window$1.addEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_, true); this.initialized_ = true; + this.trigger('initialized'); }; - VR.prototype.addCardboardButton_ = function addCardboardButton_() { - if (!this.player_.controlBar.getChild("CardboardButton")) { - this.player_.controlBar.addChild("CardboardButton", {}); + _proto.addCardboardButton_ = function addCardboardButton_() { + if (!this.player_.controlBar.getChild('CardboardButton')) { + this.player_.controlBar.addChild('CardboardButton', {}); } }; - VR.prototype.getVideoEl_ = function getVideoEl_() { - return this.player_.el().getElementsByTagName("video")[0]; + _proto.getVideoEl_ = function getVideoEl_() { + return this.player_.el().getElementsByTagName('video')[0]; }; - VR.prototype.reset = function reset() { + _proto.reset = function reset() { if (!this.initialized_) { return; } + if (this.omniController) { + this.omniController.off('audiocontext-suspended'); + this.omniController.dispose(); + this.omniController = undefined; + } + if (this.controls3d) { this.controls3d.dispose(); + this.controls3d = null; } + + if (this.canvasPlayerControls) { + this.canvasPlayerControls.dispose(); + this.canvasPlayerControls = null; + } + if (this.effect) { this.effect.dispose(); + this.effect = null; } - window$1.removeEventListener("resize", this.handleResize_); - window$1.removeEventListener("vrdisplaypresentchange", this.handleResize_); - window$1.removeEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_ - ); - window$1.removeEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_ - ); - - // re-add the big play button to player - if (!this.player_.getChild("BigPlayButton")) { - this.player_.addChild("BigPlayButton", {}, this.bigPlayButtonIndex_); - } + window$1.removeEventListener('resize', this.handleResize_, true); + window$1.removeEventListener('vrdisplaypresentchange', this.handleResize_, true); + window$1.removeEventListener('vrdisplayactivate', this.handleVrDisplayActivate_, true); + window$1.removeEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_, true); // re-add the big play button to player - if (this.player_.getChild("BigVrPlayButton")) { - this.player_.removeChild("BigVrPlayButton"); + if (!this.player_.getChild('BigPlayButton')) { + this.player_.addChild('BigPlayButton', {}, this.bigPlayButtonIndex_); } - // remove the cardboard button - if (this.player_.getChild("CardboardButton")) { - this.player_.controlBar.removeChild("CardboardButton"); - } + if (this.player_.getChild('BigVrPlayButton')) { + this.player_.removeChild('BigVrPlayButton'); + } // remove the cardboard button - // show the fullscreen again - if (videojs.browser.IS_IOS) { + + if (this.player_.getChild('CardboardButton')) { + this.player_.controlBar.removeChild('CardboardButton'); + } // show the fullscreen again + + + if (videojs.browser.IS_IOS && this.player_.controlBar && this.player_.controlBar.fullscreenToggle) { this.player_.controlBar.fullscreenToggle.show(); - } + } // reset the video element style so that it will be displayed - // reset the video element style so that it will be displayed - this.getVideoEl_().style.display = ""; - // set the current projection to the default - this.currentProjection_ = this.defaultProjection_; + var videoElStyle = this.getVideoEl_().style; + videoElStyle.zIndex = ''; + videoElStyle.opacity = ''; // set the current projection to the default - if (this.observer_) { - this.observer_.disconnect(); - } + this.currentProjection_ = this.defaultProjection_; // reset the ios touch to click workaround - // reset the ios touch to click workaround if (this.iosRevertTouchToClick_) { this.iosRevertTouchToClick_(); - } + } // remove the old canvas + - // remove the old canvas if (this.renderedCanvas) { this.renderedCanvas.parentNode.removeChild(this.renderedCanvas); } @@ -7920,23 +3135,22 @@ var VR = (function (_Plugin) { this.initialized_ = false; }; - VR.prototype.dispose = function dispose() { + _proto.dispose = function dispose() { _Plugin.prototype.dispose.call(this); + this.reset(); }; - VR.prototype.polyfillVersion = function polyfillVersion() { + _proto.polyfillVersion = function polyfillVersion() { return WebVRPolyfill.version; }; return VR; -})(Plugin); +}(Plugin); VR.prototype.setTimeout = Component.prototype.setTimeout; VR.prototype.clearTimeout = Component.prototype.clearTimeout; - VR.VERSION = version; - -videojs.registerPlugin("vr", VR); +videojs.registerPlugin('vr', VR); export default VR; diff --git a/pod/main/static/videojs-vr/videojs-vr.js b/pod/main/static/videojs-vr/videojs-vr.js index 0270709caf..bb61ebd412 100644 --- a/pod/main/static/videojs-vr/videojs-vr.js +++ b/pod/main/static/videojs-vr/videojs-vr.js @@ -1,49218 +1,52729 @@ -/** - * videojs-vr - * @version 1.3.0 - * @copyright 2018 [object Object] - * @license Apache-2.0 - */ +/*! @name videojs-vr @version 1.8.0 @license Apache-2.0 */ (function (global, factory) { - typeof exports === "object" && typeof module !== "undefined" - ? (module.exports = factory(require("video.js"))) - : typeof define === "function" && define.amd - ? define(["video.js"], factory) - : (global.videojsVr = factory(global.videojs)); -})(this, function (videojs) { - "use strict"; - - videojs = - videojs && videojs.hasOwnProperty("default") ? videojs["default"] : videojs; - - var version = "1.3.0"; - - var commonjsGlobal = - typeof window !== "undefined" - ? window - : typeof global !== "undefined" - ? global - : typeof self !== "undefined" - ? self - : {}; - - function unwrapExports(x) { - return x && - x.__esModule && - Object.prototype.hasOwnProperty.call(x, "default") - ? x["default"] - : x; - } - - function createCommonjsModule(fn, module) { - return ( - (module = { exports: {} }), fn(module, module.exports), module.exports - ); - } - - var win; - - if (typeof window !== "undefined") { - win = window; - } else if (typeof commonjsGlobal !== "undefined") { - win = commonjsGlobal; - } else if (typeof self !== "undefined") { - win = self; - } else { - win = {}; - } - - var window_1 = win; - - var empty = {}; - - var empty$1 = /*#__PURE__*/ Object.freeze({ - default: empty, - }); - - var minDoc = (empty$1 && empty) || empty$1; - - var topLevel = - typeof commonjsGlobal !== "undefined" - ? commonjsGlobal - : typeof window !== "undefined" - ? window - : {}; - - var doccy; - - if (typeof document !== "undefined") { - doccy = document; - } else { - doccy = topLevel["__GLOBAL_DOCUMENT_CACHE@4"]; - - if (!doccy) { - doccy = topLevel["__GLOBAL_DOCUMENT_CACHE@4"] = minDoc; - } - } - - var document_1 = doccy; - - var webvrPolyfill = createCommonjsModule(function (module, exports) { - /** - * @license - * webvr-polyfill - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - - /** - * @license - * cardboard-vr-display - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - - /** - * @license - * webvr-polyfill-dpdb - * Copyright (c) 2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - - /** - * @license - * wglu-preserve-state - * Copyright (c) 2016, Brandon Jones. - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ - - /** - * @license - * nosleep.js - * Copyright (c) 2017, Rich Tibbett - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ - - (function (global, factory) { - module.exports = factory(); - })(commonjsGlobal, function () { - var commonjsGlobal$$1 = - typeof window !== "undefined" - ? window - : typeof commonjsGlobal !== "undefined" - ? commonjsGlobal - : typeof self !== "undefined" - ? self - : {}; - - function unwrapExports$$1(x) { - return x && - x.__esModule && - Object.prototype.hasOwnProperty.call(x, "default") - ? x["default"] - : x; - } - - function createCommonjsModule$$1(fn, module) { - return ( - (module = { exports: {} }), fn(module, module.exports), module.exports - ); - } - - var race = function race(promises) { - if (Promise.race) { - return Promise.race(promises); - } - return new Promise(function (resolve, reject) { - for (var i = 0; i < promises.length; i++) { - promises[i].then(resolve, reject); - } - }); - }; - - var isMobile = function isMobile() { - return ( - /Android/i.test(navigator.userAgent) || - /iPhone|iPad|iPod/i.test(navigator.userAgent) - ); - }; - var copyArray = function copyArray(source, dest) { - for (var i = 0, n = source.length; i < n; i++) { - dest[i] = source[i]; - } - }; - var extend = function extend(dest, src) { - for (var key in src) { - if (src.hasOwnProperty(key)) { - dest[key] = src[key]; - } - } - return dest; - }; - - var cardboardVrDisplay = createCommonjsModule$$1(function ( - module, - exports - ) { - /** - * @license - * cardboard-vr-display - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - /** - * @license - * gl-preserve-state - * Copyright (c) 2016, Brandon Jones. - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ - /** - * @license - * webvr-polyfill-dpdb - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - /** - * @license - * nosleep.js - * Copyright (c) 2017, Rich Tibbett - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ - (function (global, factory) { - module.exports = factory(); - })(commonjsGlobal$$1, function () { - var classCallCheck = function (instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - }; - var createClass = (function () { - function defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty(target, descriptor.key, descriptor); - } - } - return function (Constructor, protoProps, staticProps) { - if (protoProps) - defineProperties(Constructor.prototype, protoProps); - if (staticProps) defineProperties(Constructor, staticProps); - return Constructor; - }; - })(); - var slicedToArray = (function () { - function sliceIterator(arr, i) { - var _arr = []; - var _n = true; - var _d = false; - var _e = undefined; - try { - for ( - var _i = arr[Symbol.iterator](), _s; - !(_n = (_s = _i.next()).done); - _n = true - ) { - _arr.push(_s.value); - if (i && _arr.length === i) break; - } - } catch (err) { - _d = true; - _e = err; - } finally { - try { - if (!_n && _i["return"]) _i["return"](); - } finally { - if (_d) throw _e; - } - } - return _arr; - } - return function (arr, i) { - if (Array.isArray(arr)) { - return arr; - } else if (Symbol.iterator in Object(arr)) { - return sliceIterator(arr, i); - } else { - throw new TypeError( - "Invalid attempt to destructure non-iterable instance" - ); - } - }; - })(); - var MIN_TIMESTEP = 0.001; - var MAX_TIMESTEP = 1; - var base64 = function base64(mimeType, _base) { - return "data:" + mimeType + ";base64," + _base; - }; - var lerp = function lerp(a, b, t) { - return a + (b - a) * t; - }; - var isIOS = (function () { - var isIOS = /iPad|iPhone|iPod/.test(navigator.platform); - return function () { - return isIOS; - }; - })(); - var isWebViewAndroid = (function () { - var isWebViewAndroid = - navigator.userAgent.indexOf("Version") !== -1 && - navigator.userAgent.indexOf("Android") !== -1 && - navigator.userAgent.indexOf("Chrome") !== -1; - return function () { - return isWebViewAndroid; - }; - })(); - var isSafari = (function () { - var isSafari = /^((?!chrome|android).)*safari/i.test( - navigator.userAgent - ); - return function () { - return isSafari; - }; - })(); - var isFirefoxAndroid = (function () { - var isFirefoxAndroid = - navigator.userAgent.indexOf("Firefox") !== -1 && - navigator.userAgent.indexOf("Android") !== -1; - return function () { - return isFirefoxAndroid; - }; - })(); - var getChromeVersion = (function () { - var match = navigator.userAgent.match(/.*Chrome\/([0-9]+)/); - var value = match ? parseInt(match[1], 10) : null; - return function () { - return value; - }; - })(); - var isChromeWithoutDeviceMotion = (function () { - var value = false; - if (getChromeVersion() === 65) { - var match = navigator.userAgent.match(/.*Chrome\/([0-9\.]*)/); - if (match) { - var _match$1$split = match[1].split("."), - _match$1$split2 = slicedToArray(_match$1$split, 4), - major = _match$1$split2[0], - minor = _match$1$split2[1], - branch = _match$1$split2[2], - build = _match$1$split2[3]; - value = - parseInt(branch, 10) === 3325 && parseInt(build, 10) < 148; - } - } - return function () { - return value; - }; - })(); - var isR7 = (function () { - var isR7 = navigator.userAgent.indexOf("R7 Build") !== -1; - return function () { - return isR7; - }; - })(); - var isLandscapeMode = function isLandscapeMode() { - var rtn = window.orientation == 90 || window.orientation == -90; - return isR7() ? !rtn : rtn; - }; - var isTimestampDeltaValid = function isTimestampDeltaValid( - timestampDeltaS - ) { - if (isNaN(timestampDeltaS)) { - return false; - } - if (timestampDeltaS <= MIN_TIMESTEP) { - return false; - } - if (timestampDeltaS > MAX_TIMESTEP) { - return false; - } - return true; - }; - var getScreenWidth = function getScreenWidth() { - return ( - Math.max(window.screen.width, window.screen.height) * - window.devicePixelRatio - ); - }; - var getScreenHeight = function getScreenHeight() { - return ( - Math.min(window.screen.width, window.screen.height) * - window.devicePixelRatio - ); - }; - var requestFullscreen = function requestFullscreen(element) { - if (isWebViewAndroid()) { - return false; - } - if (element.requestFullscreen) { - element.requestFullscreen(); - } else if (element.webkitRequestFullscreen) { - element.webkitRequestFullscreen(); - } else if (element.mozRequestFullScreen) { - element.mozRequestFullScreen(); - } else if (element.msRequestFullscreen) { - element.msRequestFullscreen(); - } else { - return false; - } - return true; - }; - var exitFullscreen = function exitFullscreen() { - if (document.exitFullscreen) { - document.exitFullscreen(); - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } else if (document.mozCancelFullScreen) { - document.mozCancelFullScreen(); - } else if (document.msExitFullscreen) { - document.msExitFullscreen(); - } else { - return false; - } - return true; - }; - var getFullscreenElement = function getFullscreenElement() { - return ( - document.fullscreenElement || - document.webkitFullscreenElement || - document.mozFullScreenElement || - document.msFullscreenElement - ); - }; - var linkProgram = function linkProgram( - gl, - vertexSource, - fragmentSource, - attribLocationMap - ) { - var vertexShader = gl.createShader(gl.VERTEX_SHADER); - gl.shaderSource(vertexShader, vertexSource); - gl.compileShader(vertexShader); - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - var program = gl.createProgram(); - gl.attachShader(program, vertexShader); - gl.attachShader(program, fragmentShader); - for (var attribName in attribLocationMap) { - gl.bindAttribLocation( - program, - attribLocationMap[attribName], - attribName - ); - } - gl.linkProgram(program); - gl.deleteShader(vertexShader); - gl.deleteShader(fragmentShader); - return program; - }; - var getProgramUniforms = function getProgramUniforms(gl, program) { - var uniforms = {}; - var uniformCount = gl.getProgramParameter( - program, - gl.ACTIVE_UNIFORMS - ); - var uniformName = ""; - for (var i = 0; i < uniformCount; i++) { - var uniformInfo = gl.getActiveUniform(program, i); - uniformName = uniformInfo.name.replace("[0]", ""); - uniforms[uniformName] = gl.getUniformLocation( - program, - uniformName - ); - } - return uniforms; - }; - var orthoMatrix = function orthoMatrix( - out, - left, - right, - bottom, - top, - near, - far - ) { - var lr = 1 / (left - right), - bt = 1 / (bottom - top), - nf = 1 / (near - far); - out[0] = -2 * lr; - out[1] = 0; - out[2] = 0; - out[3] = 0; - out[4] = 0; - out[5] = -2 * bt; - out[6] = 0; - out[7] = 0; - out[8] = 0; - out[9] = 0; - out[10] = 2 * nf; - out[11] = 0; - out[12] = (left + right) * lr; - out[13] = (top + bottom) * bt; - out[14] = (far + near) * nf; - out[15] = 1; - return out; - }; - var isMobile = function isMobile() { - var check = false; - (function (a) { - if ( - /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test( - a - ) || - /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test( - a.substr(0, 4) - ) - ) - check = true; - })(navigator.userAgent || navigator.vendor || window.opera); - return check; - }; - var extend = function extend(dest, src) { - for (var key in src) { - if (src.hasOwnProperty(key)) { - dest[key] = src[key]; - } - } - return dest; - }; - var safariCssSizeWorkaround = function safariCssSizeWorkaround( - canvas - ) { - if (isIOS()) { - var width = canvas.style.width; - var height = canvas.style.height; - canvas.style.width = parseInt(width) + 1 + "px"; - canvas.style.height = parseInt(height) + "px"; - setTimeout(function () { - canvas.style.width = width; - canvas.style.height = height; - }, 100); - } - window.canvas = canvas; - }; - var frameDataFromPose = (function () { - var piOver180 = Math.PI / 180.0; - var rad45 = Math.PI * 0.25; - function mat4_perspectiveFromFieldOfView(out, fov, near, far) { - var upTan = Math.tan(fov ? fov.upDegrees * piOver180 : rad45), - downTan = Math.tan(fov ? fov.downDegrees * piOver180 : rad45), - leftTan = Math.tan(fov ? fov.leftDegrees * piOver180 : rad45), - rightTan = Math.tan(fov ? fov.rightDegrees * piOver180 : rad45), - xScale = 2.0 / (leftTan + rightTan), - yScale = 2.0 / (upTan + downTan); - out[0] = xScale; - out[1] = 0.0; - out[2] = 0.0; - out[3] = 0.0; - out[4] = 0.0; - out[5] = yScale; - out[6] = 0.0; - out[7] = 0.0; - out[8] = -((leftTan - rightTan) * xScale * 0.5); - out[9] = (upTan - downTan) * yScale * 0.5; - out[10] = far / (near - far); - out[11] = -1.0; - out[12] = 0.0; - out[13] = 0.0; - out[14] = (far * near) / (near - far); - out[15] = 0.0; - return out; - } - function mat4_fromRotationTranslation(out, q, v) { - var x = q[0], - y = q[1], - z = q[2], - w = q[3], - x2 = x + x, - y2 = y + y, - z2 = z + z, - xx = x * x2, - xy = x * y2, - xz = x * z2, - yy = y * y2, - yz = y * z2, - zz = z * z2, - wx = w * x2, - wy = w * y2, - wz = w * z2; - out[0] = 1 - (yy + zz); - out[1] = xy + wz; - out[2] = xz - wy; - out[3] = 0; - out[4] = xy - wz; - out[5] = 1 - (xx + zz); - out[6] = yz + wx; - out[7] = 0; - out[8] = xz + wy; - out[9] = yz - wx; - out[10] = 1 - (xx + yy); - out[11] = 0; - out[12] = v[0]; - out[13] = v[1]; - out[14] = v[2]; - out[15] = 1; - return out; - } - function mat4_translate(out, a, v) { - var x = v[0], - y = v[1], - z = v[2], - a00, - a01, - a02, - a03, - a10, - a11, - a12, - a13, - a20, - a21, - a22, - a23; - if (a === out) { - out[12] = a[0] * x + a[4] * y + a[8] * z + a[12]; - out[13] = a[1] * x + a[5] * y + a[9] * z + a[13]; - out[14] = a[2] * x + a[6] * y + a[10] * z + a[14]; - out[15] = a[3] * x + a[7] * y + a[11] * z + a[15]; - } else { - a00 = a[0]; - a01 = a[1]; - a02 = a[2]; - a03 = a[3]; - a10 = a[4]; - a11 = a[5]; - a12 = a[6]; - a13 = a[7]; - a20 = a[8]; - a21 = a[9]; - a22 = a[10]; - a23 = a[11]; - out[0] = a00; - out[1] = a01; - out[2] = a02; - out[3] = a03; - out[4] = a10; - out[5] = a11; - out[6] = a12; - out[7] = a13; - out[8] = a20; - out[9] = a21; - out[10] = a22; - out[11] = a23; - out[12] = a00 * x + a10 * y + a20 * z + a[12]; - out[13] = a01 * x + a11 * y + a21 * z + a[13]; - out[14] = a02 * x + a12 * y + a22 * z + a[14]; - out[15] = a03 * x + a13 * y + a23 * z + a[15]; - } - return out; - } - function mat4_invert(out, a) { - var a00 = a[0], - a01 = a[1], - a02 = a[2], - a03 = a[3], - a10 = a[4], - a11 = a[5], - a12 = a[6], - a13 = a[7], - a20 = a[8], - a21 = a[9], - a22 = a[10], - a23 = a[11], - a30 = a[12], - a31 = a[13], - a32 = a[14], - a33 = a[15], - b00 = a00 * a11 - a01 * a10, - b01 = a00 * a12 - a02 * a10, - b02 = a00 * a13 - a03 * a10, - b03 = a01 * a12 - a02 * a11, - b04 = a01 * a13 - a03 * a11, - b05 = a02 * a13 - a03 * a12, - b06 = a20 * a31 - a21 * a30, - b07 = a20 * a32 - a22 * a30, - b08 = a20 * a33 - a23 * a30, - b09 = a21 * a32 - a22 * a31, - b10 = a21 * a33 - a23 * a31, - b11 = a22 * a33 - a23 * a32, - det = - b00 * b11 - - b01 * b10 + - b02 * b09 + - b03 * b08 - - b04 * b07 + - b05 * b06; - if (!det) { - return null; - } - det = 1.0 / det; - out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det; - out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det; - out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det; - out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det; - out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det; - out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det; - out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det; - out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det; - out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det; - out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det; - out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det; - out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det; - out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det; - out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det; - out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det; - out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det; - return out; - } - var defaultOrientation = new Float32Array([0, 0, 0, 1]); - var defaultPosition = new Float32Array([0, 0, 0]); - function updateEyeMatrices( - projection, - view, - pose, - fov, - offset, - vrDisplay - ) { - mat4_perspectiveFromFieldOfView( - projection, - fov || null, - vrDisplay.depthNear, - vrDisplay.depthFar - ); - var orientation = pose.orientation || defaultOrientation; - var position = pose.position || defaultPosition; - mat4_fromRotationTranslation(view, orientation, position); - if (offset) mat4_translate(view, view, offset); - mat4_invert(view, view); - } - return function (frameData, pose, vrDisplay) { - if (!frameData || !pose) return false; - frameData.pose = pose; - frameData.timestamp = pose.timestamp; - updateEyeMatrices( - frameData.leftProjectionMatrix, - frameData.leftViewMatrix, - pose, - vrDisplay._getFieldOfView("left"), - vrDisplay._getEyeOffset("left"), - vrDisplay - ); - updateEyeMatrices( - frameData.rightProjectionMatrix, - frameData.rightViewMatrix, - pose, - vrDisplay._getFieldOfView("right"), - vrDisplay._getEyeOffset("right"), - vrDisplay - ); - return true; - }; - })(); - var isInsideCrossOriginIFrame = function isInsideCrossOriginIFrame() { - var isFramed = window.self !== window.top; - var refOrigin = getOriginFromUrl(document.referrer); - var thisOrigin = getOriginFromUrl(window.location.href); - return isFramed && refOrigin !== thisOrigin; - }; - var getOriginFromUrl = function getOriginFromUrl(url) { - var domainIdx; - var protoSepIdx = url.indexOf("://"); - if (protoSepIdx !== -1) { - domainIdx = protoSepIdx + 3; - } else { - domainIdx = 0; - } - var domainEndIdx = url.indexOf("/", domainIdx); - if (domainEndIdx === -1) { - domainEndIdx = url.length; - } - return url.substring(0, domainEndIdx); - }; - var getQuaternionAngle = function getQuaternionAngle(quat) { - if (quat.w > 1) { - console.warn("getQuaternionAngle: w > 1"); - return 0; - } - var angle = 2 * Math.acos(quat.w); - return angle; - }; - var warnOnce = (function () { - var observedWarnings = {}; - return function (key, message) { - if (observedWarnings[key] === undefined) { - console.warn("webvr-polyfill: " + message); - observedWarnings[key] = true; - } - }; - })(); - var deprecateWarning = function deprecateWarning( - deprecated, - suggested - ) { - var alternative = suggested - ? "Please use " + suggested + " instead." - : ""; - warnOnce( - deprecated, - deprecated + - " has been deprecated. " + - "This may not work on native WebVR displays. " + - alternative - ); - }; - function WGLUPreserveGLState(gl, bindings, callback) { - if (!bindings) { - callback(gl); - return; - } - var boundValues = []; - var activeTexture = null; - for (var i = 0; i < bindings.length; ++i) { - var binding = bindings[i]; - switch (binding) { - case gl.TEXTURE_BINDING_2D: - case gl.TEXTURE_BINDING_CUBE_MAP: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) { - console.error( - "TEXTURE_BINDING_2D or TEXTURE_BINDING_CUBE_MAP must be followed by a valid texture unit" - ); - boundValues.push(null, null); - break; - } - if (!activeTexture) { - activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); - } - gl.activeTexture(textureUnit); - boundValues.push(gl.getParameter(binding), null); - break; - case gl.ACTIVE_TEXTURE: - activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); - boundValues.push(null); - break; - default: - boundValues.push(gl.getParameter(binding)); - break; - } - } - callback(gl); - for (var i = 0; i < bindings.length; ++i) { - var binding = bindings[i]; - var boundValue = boundValues[i]; - switch (binding) { - case gl.ACTIVE_TEXTURE: - break; - case gl.ARRAY_BUFFER_BINDING: - gl.bindBuffer(gl.ARRAY_BUFFER, boundValue); - break; - case gl.COLOR_CLEAR_VALUE: - gl.clearColor( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.COLOR_WRITEMASK: - gl.colorMask( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.CURRENT_PROGRAM: - gl.useProgram(boundValue); - break; - case gl.ELEMENT_ARRAY_BUFFER_BINDING: - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, boundValue); - break; - case gl.FRAMEBUFFER_BINDING: - gl.bindFramebuffer(gl.FRAMEBUFFER, boundValue); - break; - case gl.RENDERBUFFER_BINDING: - gl.bindRenderbuffer(gl.RENDERBUFFER, boundValue); - break; - case gl.TEXTURE_BINDING_2D: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) - break; - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, boundValue); - break; - case gl.TEXTURE_BINDING_CUBE_MAP: - var textureUnit = bindings[++i]; - if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) - break; - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_CUBE_MAP, boundValue); - break; - case gl.VIEWPORT: - gl.viewport( - boundValue[0], - boundValue[1], - boundValue[2], - boundValue[3] - ); - break; - case gl.BLEND: - case gl.CULL_FACE: - case gl.DEPTH_TEST: - case gl.SCISSOR_TEST: - case gl.STENCIL_TEST: - if (boundValue) { - gl.enable(binding); - } else { - gl.disable(binding); - } - break; - default: - console.log( - "No GL restore behavior for 0x" + binding.toString(16) - ); - break; - } - if (activeTexture) { - gl.activeTexture(activeTexture); - } - } - } - var glPreserveState = WGLUPreserveGLState; - var distortionVS = [ - "attribute vec2 position;", - "attribute vec3 texCoord;", - "varying vec2 vTexCoord;", - "uniform vec4 viewportOffsetScale[2];", - "void main() {", - " vec4 viewport = viewportOffsetScale[int(texCoord.z)];", - " vTexCoord = (texCoord.xy * viewport.zw) + viewport.xy;", - " gl_Position = vec4( position, 1.0, 1.0 );", - "}", - ].join("\n"); - var distortionFS = [ - "precision mediump float;", - "uniform sampler2D diffuse;", - "varying vec2 vTexCoord;", - "void main() {", - " gl_FragColor = texture2D(diffuse, vTexCoord);", - "}", - ].join("\n"); - function CardboardDistorter( - gl, - cardboardUI, - bufferScale, - dirtySubmitFrameBindings - ) { - this.gl = gl; - this.cardboardUI = cardboardUI; - this.bufferScale = bufferScale; - this.dirtySubmitFrameBindings = dirtySubmitFrameBindings; - this.ctxAttribs = gl.getContextAttributes(); - this.meshWidth = 20; - this.meshHeight = 20; - this.bufferWidth = gl.drawingBufferWidth; - this.bufferHeight = gl.drawingBufferHeight; - this.realBindFramebuffer = gl.bindFramebuffer; - this.realEnable = gl.enable; - this.realDisable = gl.disable; - this.realColorMask = gl.colorMask; - this.realClearColor = gl.clearColor; - this.realViewport = gl.viewport; - if (!isIOS()) { - this.realCanvasWidth = Object.getOwnPropertyDescriptor( - gl.canvas.__proto__, - "width" - ); - this.realCanvasHeight = Object.getOwnPropertyDescriptor( - gl.canvas.__proto__, - "height" - ); - } - this.isPatched = false; - this.lastBoundFramebuffer = null; - this.cullFace = false; - this.depthTest = false; - this.blend = false; - this.scissorTest = false; - this.stencilTest = false; - this.viewport = [0, 0, 0, 0]; - this.colorMask = [true, true, true, true]; - this.clearColor = [0, 0, 0, 0]; - this.attribs = { - position: 0, - texCoord: 1, - }; - this.program = linkProgram( - gl, - distortionVS, - distortionFS, - this.attribs - ); - this.uniforms = getProgramUniforms(gl, this.program); - this.viewportOffsetScale = new Float32Array(8); - this.setTextureBounds(); - this.vertexBuffer = gl.createBuffer(); - this.indexBuffer = gl.createBuffer(); - this.indexCount = 0; - this.renderTarget = gl.createTexture(); - this.framebuffer = gl.createFramebuffer(); - this.depthStencilBuffer = null; - this.depthBuffer = null; - this.stencilBuffer = null; - if (this.ctxAttribs.depth && this.ctxAttribs.stencil) { - this.depthStencilBuffer = gl.createRenderbuffer(); - } else if (this.ctxAttribs.depth) { - this.depthBuffer = gl.createRenderbuffer(); - } else if (this.ctxAttribs.stencil) { - this.stencilBuffer = gl.createRenderbuffer(); - } - this.patch(); - this.onResize(); - } - CardboardDistorter.prototype.destroy = function () { - var gl = this.gl; - this.unpatch(); - gl.deleteProgram(this.program); - gl.deleteBuffer(this.vertexBuffer); - gl.deleteBuffer(this.indexBuffer); - gl.deleteTexture(this.renderTarget); - gl.deleteFramebuffer(this.framebuffer); - if (this.depthStencilBuffer) { - gl.deleteRenderbuffer(this.depthStencilBuffer); - } - if (this.depthBuffer) { - gl.deleteRenderbuffer(this.depthBuffer); - } - if (this.stencilBuffer) { - gl.deleteRenderbuffer(this.stencilBuffer); - } - if (this.cardboardUI) { - this.cardboardUI.destroy(); - } - }; - CardboardDistorter.prototype.onResize = function () { - var gl = this.gl; - var self = this; - var glState = [ - gl.RENDERBUFFER_BINDING, - gl.TEXTURE_BINDING_2D, - gl.TEXTURE0, - ]; - glPreserveState(gl, glState, function (gl) { - self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); - if (self.scissorTest) { - self.realDisable.call(gl, gl.SCISSOR_TEST); - } - self.realColorMask.call(gl, true, true, true, true); - self.realViewport.call( - gl, - 0, - 0, - gl.drawingBufferWidth, - gl.drawingBufferHeight - ); - self.realClearColor.call(gl, 0, 0, 0, 1); - gl.clear(gl.COLOR_BUFFER_BIT); - self.realBindFramebuffer.call( - gl, - gl.FRAMEBUFFER, - self.framebuffer - ); - gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); - gl.texImage2D( - gl.TEXTURE_2D, - 0, - self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, - self.bufferWidth, - self.bufferHeight, - 0, - self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, - gl.UNSIGNED_BYTE, - null - ); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); - gl.texParameteri( - gl.TEXTURE_2D, - gl.TEXTURE_WRAP_S, - gl.CLAMP_TO_EDGE - ); - gl.texParameteri( - gl.TEXTURE_2D, - gl.TEXTURE_WRAP_T, - gl.CLAMP_TO_EDGE - ); - gl.framebufferTexture2D( - gl.FRAMEBUFFER, - gl.COLOR_ATTACHMENT0, - gl.TEXTURE_2D, - self.renderTarget, - 0 - ); - if (self.ctxAttribs.depth && self.ctxAttribs.stencil) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthStencilBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.DEPTH_STENCIL, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.DEPTH_STENCIL_ATTACHMENT, - gl.RENDERBUFFER, - self.depthStencilBuffer - ); - } else if (self.ctxAttribs.depth) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.DEPTH_COMPONENT16, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.DEPTH_ATTACHMENT, - gl.RENDERBUFFER, - self.depthBuffer - ); - } else if (self.ctxAttribs.stencil) { - gl.bindRenderbuffer(gl.RENDERBUFFER, self.stencilBuffer); - gl.renderbufferStorage( - gl.RENDERBUFFER, - gl.STENCIL_INDEX8, - self.bufferWidth, - self.bufferHeight - ); - gl.framebufferRenderbuffer( - gl.FRAMEBUFFER, - gl.STENCIL_ATTACHMENT, - gl.RENDERBUFFER, - self.stencilBuffer - ); - } - if ( - !gl.checkFramebufferStatus(gl.FRAMEBUFFER) === - gl.FRAMEBUFFER_COMPLETE - ) { - console.error("Framebuffer incomplete!"); - } - self.realBindFramebuffer.call( - gl, - gl.FRAMEBUFFER, - self.lastBoundFramebuffer - ); - if (self.scissorTest) { - self.realEnable.call(gl, gl.SCISSOR_TEST); - } - self.realColorMask.apply(gl, self.colorMask); - self.realViewport.apply(gl, self.viewport); - self.realClearColor.apply(gl, self.clearColor); - }); - if (this.cardboardUI) { - this.cardboardUI.onResize(); - } - }; - CardboardDistorter.prototype.patch = function () { - if (this.isPatched) { - return; - } - var self = this; - var canvas = this.gl.canvas; - var gl = this.gl; - if (!isIOS()) { - canvas.width = getScreenWidth() * this.bufferScale; - canvas.height = getScreenHeight() * this.bufferScale; - Object.defineProperty(canvas, "width", { - configurable: true, - enumerable: true, - get: function get() { - return self.bufferWidth; - }, - set: function set(value) { - self.bufferWidth = value; - self.realCanvasWidth.set.call(canvas, value); - self.onResize(); - }, - }); - Object.defineProperty(canvas, "height", { - configurable: true, - enumerable: true, - get: function get() { - return self.bufferHeight; - }, - set: function set(value) { - self.bufferHeight = value; - self.realCanvasHeight.set.call(canvas, value); - self.onResize(); - }, - }); - } - this.lastBoundFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING); - if (this.lastBoundFramebuffer == null) { - this.lastBoundFramebuffer = this.framebuffer; - this.gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer); - } - this.gl.bindFramebuffer = function (target, framebuffer) { - self.lastBoundFramebuffer = framebuffer - ? framebuffer - : self.framebuffer; - self.realBindFramebuffer.call( - gl, - target, - self.lastBoundFramebuffer - ); - }; - this.cullFace = gl.getParameter(gl.CULL_FACE); - this.depthTest = gl.getParameter(gl.DEPTH_TEST); - this.blend = gl.getParameter(gl.BLEND); - this.scissorTest = gl.getParameter(gl.SCISSOR_TEST); - this.stencilTest = gl.getParameter(gl.STENCIL_TEST); - gl.enable = function (pname) { - switch (pname) { - case gl.CULL_FACE: - self.cullFace = true; - break; - case gl.DEPTH_TEST: - self.depthTest = true; - break; - case gl.BLEND: - self.blend = true; - break; - case gl.SCISSOR_TEST: - self.scissorTest = true; - break; - case gl.STENCIL_TEST: - self.stencilTest = true; - break; - } - self.realEnable.call(gl, pname); - }; - gl.disable = function (pname) { - switch (pname) { - case gl.CULL_FACE: - self.cullFace = false; - break; - case gl.DEPTH_TEST: - self.depthTest = false; - break; - case gl.BLEND: - self.blend = false; - break; - case gl.SCISSOR_TEST: - self.scissorTest = false; - break; - case gl.STENCIL_TEST: - self.stencilTest = false; - break; - } - self.realDisable.call(gl, pname); - }; - this.colorMask = gl.getParameter(gl.COLOR_WRITEMASK); - gl.colorMask = function (r, g, b, a) { - self.colorMask[0] = r; - self.colorMask[1] = g; - self.colorMask[2] = b; - self.colorMask[3] = a; - self.realColorMask.call(gl, r, g, b, a); - }; - this.clearColor = gl.getParameter(gl.COLOR_CLEAR_VALUE); - gl.clearColor = function (r, g, b, a) { - self.clearColor[0] = r; - self.clearColor[1] = g; - self.clearColor[2] = b; - self.clearColor[3] = a; - self.realClearColor.call(gl, r, g, b, a); - }; - this.viewport = gl.getParameter(gl.VIEWPORT); - gl.viewport = function (x, y, w, h) { - self.viewport[0] = x; - self.viewport[1] = y; - self.viewport[2] = w; - self.viewport[3] = h; - self.realViewport.call(gl, x, y, w, h); - }; - this.isPatched = true; - safariCssSizeWorkaround(canvas); - }; - CardboardDistorter.prototype.unpatch = function () { - if (!this.isPatched) { - return; - } - var gl = this.gl; - var canvas = this.gl.canvas; - if (!isIOS()) { - Object.defineProperty(canvas, "width", this.realCanvasWidth); - Object.defineProperty(canvas, "height", this.realCanvasHeight); - } - canvas.width = this.bufferWidth; - canvas.height = this.bufferHeight; - gl.bindFramebuffer = this.realBindFramebuffer; - gl.enable = this.realEnable; - gl.disable = this.realDisable; - gl.colorMask = this.realColorMask; - gl.clearColor = this.realClearColor; - gl.viewport = this.realViewport; - if (this.lastBoundFramebuffer == this.framebuffer) { - gl.bindFramebuffer(gl.FRAMEBUFFER, null); - } - this.isPatched = false; - setTimeout(function () { - safariCssSizeWorkaround(canvas); - }, 1); - }; - CardboardDistorter.prototype.setTextureBounds = function ( - leftBounds, - rightBounds - ) { - if (!leftBounds) { - leftBounds = [0, 0, 0.5, 1]; - } - if (!rightBounds) { - rightBounds = [0.5, 0, 0.5, 1]; - } - this.viewportOffsetScale[0] = leftBounds[0]; - this.viewportOffsetScale[1] = leftBounds[1]; - this.viewportOffsetScale[2] = leftBounds[2]; - this.viewportOffsetScale[3] = leftBounds[3]; - this.viewportOffsetScale[4] = rightBounds[0]; - this.viewportOffsetScale[5] = rightBounds[1]; - this.viewportOffsetScale[6] = rightBounds[2]; - this.viewportOffsetScale[7] = rightBounds[3]; - }; - CardboardDistorter.prototype.submitFrame = function () { - var gl = this.gl; - var self = this; - var glState = []; - if (!this.dirtySubmitFrameBindings) { - glState.push( - gl.CURRENT_PROGRAM, - gl.ARRAY_BUFFER_BINDING, - gl.ELEMENT_ARRAY_BUFFER_BINDING, - gl.TEXTURE_BINDING_2D, - gl.TEXTURE0 - ); - } - glPreserveState(gl, glState, function (gl) { - self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); - if (self.cullFace) { - self.realDisable.call(gl, gl.CULL_FACE); - } - if (self.depthTest) { - self.realDisable.call(gl, gl.DEPTH_TEST); - } - if (self.blend) { - self.realDisable.call(gl, gl.BLEND); - } - if (self.scissorTest) { - self.realDisable.call(gl, gl.SCISSOR_TEST); - } - if (self.stencilTest) { - self.realDisable.call(gl, gl.STENCIL_TEST); - } - self.realColorMask.call(gl, true, true, true, true); - self.realViewport.call( - gl, - 0, - 0, - gl.drawingBufferWidth, - gl.drawingBufferHeight - ); - if (self.ctxAttribs.alpha || isIOS()) { - self.realClearColor.call(gl, 0, 0, 0, 1); - gl.clear(gl.COLOR_BUFFER_BIT); - } - gl.useProgram(self.program); - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.enableVertexAttribArray(self.attribs.position); - gl.enableVertexAttribArray(self.attribs.texCoord); - gl.vertexAttribPointer( - self.attribs.position, - 2, - gl.FLOAT, - false, - 20, - 0 - ); - gl.vertexAttribPointer( - self.attribs.texCoord, - 3, - gl.FLOAT, - false, - 20, - 8 - ); - gl.activeTexture(gl.TEXTURE0); - gl.uniform1i(self.uniforms.diffuse, 0); - gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); - gl.uniform4fv( - self.uniforms.viewportOffsetScale, - self.viewportOffsetScale - ); - gl.drawElements( - gl.TRIANGLES, - self.indexCount, - gl.UNSIGNED_SHORT, - 0 - ); - if (self.cardboardUI) { - self.cardboardUI.renderNoState(); - } - self.realBindFramebuffer.call( - self.gl, - gl.FRAMEBUFFER, - self.framebuffer - ); - if (!self.ctxAttribs.preserveDrawingBuffer) { - self.realClearColor.call(gl, 0, 0, 0, 0); - gl.clear(gl.COLOR_BUFFER_BIT); - } - if (!self.dirtySubmitFrameBindings) { - self.realBindFramebuffer.call( - gl, - gl.FRAMEBUFFER, - self.lastBoundFramebuffer - ); - } - if (self.cullFace) { - self.realEnable.call(gl, gl.CULL_FACE); - } - if (self.depthTest) { - self.realEnable.call(gl, gl.DEPTH_TEST); - } - if (self.blend) { - self.realEnable.call(gl, gl.BLEND); - } - if (self.scissorTest) { - self.realEnable.call(gl, gl.SCISSOR_TEST); - } - if (self.stencilTest) { - self.realEnable.call(gl, gl.STENCIL_TEST); - } - self.realColorMask.apply(gl, self.colorMask); - self.realViewport.apply(gl, self.viewport); - if ( - self.ctxAttribs.alpha || - !self.ctxAttribs.preserveDrawingBuffer - ) { - self.realClearColor.apply(gl, self.clearColor); - } - }); - if (isIOS()) { - var canvas = gl.canvas; - if ( - canvas.width != self.bufferWidth || - canvas.height != self.bufferHeight - ) { - self.bufferWidth = canvas.width; - self.bufferHeight = canvas.height; - self.onResize(); - } - } - }; - CardboardDistorter.prototype.updateDeviceInfo = function ( - deviceInfo - ) { - var gl = this.gl; - var self = this; - var glState = [ - gl.ARRAY_BUFFER_BINDING, - gl.ELEMENT_ARRAY_BUFFER_BINDING, - ]; - glPreserveState(gl, glState, function (gl) { - var vertices = self.computeMeshVertices_( - self.meshWidth, - self.meshHeight, - deviceInfo - ); - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW); - if (!self.indexCount) { - var indices = self.computeMeshIndices_( - self.meshWidth, - self.meshHeight - ); - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); - gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW); - self.indexCount = indices.length; - } - }); - }; - CardboardDistorter.prototype.computeMeshVertices_ = function ( - width, - height, - deviceInfo - ) { - var vertices = new Float32Array(2 * width * height * 5); - var lensFrustum = deviceInfo.getLeftEyeVisibleTanAngles(); - var noLensFrustum = deviceInfo.getLeftEyeNoLensTanAngles(); - var viewport = - deviceInfo.getLeftEyeVisibleScreenRect(noLensFrustum); - var vidx = 0; - for (var e = 0; e < 2; e++) { - for (var j = 0; j < height; j++) { - for (var i = 0; i < width; i++, vidx++) { - var u = i / (width - 1); - var v = j / (height - 1); - var s = u; - var t = v; - var x = lerp(lensFrustum[0], lensFrustum[2], u); - var y = lerp(lensFrustum[3], lensFrustum[1], v); - var d = Math.sqrt(x * x + y * y); - var r = deviceInfo.distortion.distortInverse(d); - var p = (x * r) / d; - var q = (y * r) / d; - u = - (p - noLensFrustum[0]) / - (noLensFrustum[2] - noLensFrustum[0]); - v = - (q - noLensFrustum[3]) / - (noLensFrustum[1] - noLensFrustum[3]); - u = (viewport.x + u * viewport.width - 0.5) * 2.0; - v = (viewport.y + v * viewport.height - 0.5) * 2.0; - vertices[vidx * 5 + 0] = u; - vertices[vidx * 5 + 1] = v; - vertices[vidx * 5 + 2] = s; - vertices[vidx * 5 + 3] = t; - vertices[vidx * 5 + 4] = e; - } - } - var w = lensFrustum[2] - lensFrustum[0]; - lensFrustum[0] = -(w + lensFrustum[0]); - lensFrustum[2] = w - lensFrustum[2]; - w = noLensFrustum[2] - noLensFrustum[0]; - noLensFrustum[0] = -(w + noLensFrustum[0]); - noLensFrustum[2] = w - noLensFrustum[2]; - viewport.x = 1 - (viewport.x + viewport.width); - } - return vertices; - }; - CardboardDistorter.prototype.computeMeshIndices_ = function ( - width, - height - ) { - var indices = new Uint16Array(2 * (width - 1) * (height - 1) * 6); - var halfwidth = width / 2; - var halfheight = height / 2; - var vidx = 0; - var iidx = 0; - for (var e = 0; e < 2; e++) { - for (var j = 0; j < height; j++) { - for (var i = 0; i < width; i++, vidx++) { - if (i == 0 || j == 0) continue; - if (i <= halfwidth == j <= halfheight) { - indices[iidx++] = vidx; - indices[iidx++] = vidx - width - 1; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx - width - 1; - indices[iidx++] = vidx; - indices[iidx++] = vidx - 1; - } else { - indices[iidx++] = vidx - 1; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx; - indices[iidx++] = vidx - width; - indices[iidx++] = vidx - 1; - indices[iidx++] = vidx - width - 1; - } - } - } - } - return indices; - }; - CardboardDistorter.prototype.getOwnPropertyDescriptor_ = function ( - proto, - attrName - ) { - var descriptor = Object.getOwnPropertyDescriptor(proto, attrName); - if (descriptor.get === undefined || descriptor.set === undefined) { - descriptor.configurable = true; - descriptor.enumerable = true; - descriptor.get = function () { - return this.getAttribute(attrName); - }; - descriptor.set = function (val) { - this.setAttribute(attrName, val); - }; - } - return descriptor; - }; - var uiVS = [ - "attribute vec2 position;", - "uniform mat4 projectionMat;", - "void main() {", - " gl_Position = projectionMat * vec4( position, -1.0, 1.0 );", - "}", - ].join("\n"); - var uiFS = [ - "precision mediump float;", - "uniform vec4 color;", - "void main() {", - " gl_FragColor = color;", - "}", - ].join("\n"); - var DEG2RAD = Math.PI / 180.0; - var kAnglePerGearSection = 60; - var kOuterRimEndAngle = 12; - var kInnerRimBeginAngle = 20; - var kOuterRadius = 1; - var kMiddleRadius = 0.75; - var kInnerRadius = 0.3125; - var kCenterLineThicknessDp = 4; - var kButtonWidthDp = 28; - var kTouchSlopFactor = 1.5; - function CardboardUI(gl) { - this.gl = gl; - this.attribs = { - position: 0, - }; - this.program = linkProgram(gl, uiVS, uiFS, this.attribs); - this.uniforms = getProgramUniforms(gl, this.program); - this.vertexBuffer = gl.createBuffer(); - this.gearOffset = 0; - this.gearVertexCount = 0; - this.arrowOffset = 0; - this.arrowVertexCount = 0; - this.projMat = new Float32Array(16); - this.listener = null; - this.onResize(); - } - CardboardUI.prototype.destroy = function () { - var gl = this.gl; - if (this.listener) { - gl.canvas.removeEventListener("click", this.listener, false); - } - gl.deleteProgram(this.program); - gl.deleteBuffer(this.vertexBuffer); - }; - CardboardUI.prototype.listen = function ( - optionsCallback, - backCallback - ) { - var canvas = this.gl.canvas; - this.listener = function (event) { - var midline = canvas.clientWidth / 2; - var buttonSize = kButtonWidthDp * kTouchSlopFactor; - if ( - event.clientX > midline - buttonSize && - event.clientX < midline + buttonSize && - event.clientY > canvas.clientHeight - buttonSize - ) { - optionsCallback(event); - } else if ( - event.clientX < buttonSize && - event.clientY < buttonSize - ) { - backCallback(event); - } - }; - canvas.addEventListener("click", this.listener, false); - }; - CardboardUI.prototype.onResize = function () { - var gl = this.gl; - var self = this; - var glState = [gl.ARRAY_BUFFER_BINDING]; - glPreserveState(gl, glState, function (gl) { - var vertices = []; - var midline = gl.drawingBufferWidth / 2; - var physicalPixels = - Math.max(screen.width, screen.height) * window.devicePixelRatio; - var scalingRatio = gl.drawingBufferWidth / physicalPixels; - var dps = scalingRatio * window.devicePixelRatio; - var lineWidth = (kCenterLineThicknessDp * dps) / 2; - var buttonSize = kButtonWidthDp * kTouchSlopFactor * dps; - var buttonScale = (kButtonWidthDp * dps) / 2; - var buttonBorder = - (kButtonWidthDp * kTouchSlopFactor - kButtonWidthDp) * dps; - vertices.push(midline - lineWidth, buttonSize); - vertices.push(midline - lineWidth, gl.drawingBufferHeight); - vertices.push(midline + lineWidth, buttonSize); - vertices.push(midline + lineWidth, gl.drawingBufferHeight); - self.gearOffset = vertices.length / 2; - function addGearSegment(theta, r) { - var angle = (90 - theta) * DEG2RAD; - var x = Math.cos(angle); - var y = Math.sin(angle); - vertices.push( - kInnerRadius * x * buttonScale + midline, - kInnerRadius * y * buttonScale + buttonScale - ); - vertices.push( - r * x * buttonScale + midline, - r * y * buttonScale + buttonScale - ); - } - for (var i = 0; i <= 6; i++) { - var segmentTheta = i * kAnglePerGearSection; - addGearSegment(segmentTheta, kOuterRadius); - addGearSegment(segmentTheta + kOuterRimEndAngle, kOuterRadius); - addGearSegment( - segmentTheta + kInnerRimBeginAngle, - kMiddleRadius - ); - addGearSegment( - segmentTheta + (kAnglePerGearSection - kInnerRimBeginAngle), - kMiddleRadius - ); - addGearSegment( - segmentTheta + (kAnglePerGearSection - kOuterRimEndAngle), - kOuterRadius - ); - } - self.gearVertexCount = vertices.length / 2 - self.gearOffset; - self.arrowOffset = vertices.length / 2; - function addArrowVertex(x, y) { - vertices.push( - buttonBorder + x, - gl.drawingBufferHeight - buttonBorder - y - ); - } - var angledLineWidth = lineWidth / Math.sin(45 * DEG2RAD); - addArrowVertex(0, buttonScale); - addArrowVertex(buttonScale, 0); - addArrowVertex(buttonScale + angledLineWidth, angledLineWidth); - addArrowVertex(angledLineWidth, buttonScale + angledLineWidth); - addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); - addArrowVertex(0, buttonScale); - addArrowVertex(buttonScale, buttonScale * 2); - addArrowVertex( - buttonScale + angledLineWidth, - buttonScale * 2 - angledLineWidth - ); - addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); - addArrowVertex(0, buttonScale); - addArrowVertex(angledLineWidth, buttonScale - lineWidth); - addArrowVertex(kButtonWidthDp * dps, buttonScale - lineWidth); - addArrowVertex(angledLineWidth, buttonScale + lineWidth); - addArrowVertex(kButtonWidthDp * dps, buttonScale + lineWidth); - self.arrowVertexCount = vertices.length / 2 - self.arrowOffset; - gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); - gl.bufferData( - gl.ARRAY_BUFFER, - new Float32Array(vertices), - gl.STATIC_DRAW - ); - }); - }; - CardboardUI.prototype.render = function () { - var gl = this.gl; - var self = this; - var glState = [ - gl.CULL_FACE, - gl.DEPTH_TEST, - gl.BLEND, - gl.SCISSOR_TEST, - gl.STENCIL_TEST, - gl.COLOR_WRITEMASK, - gl.VIEWPORT, - gl.CURRENT_PROGRAM, - gl.ARRAY_BUFFER_BINDING, - ]; - glPreserveState(gl, glState, function (gl) { - gl.disable(gl.CULL_FACE); - gl.disable(gl.DEPTH_TEST); - gl.disable(gl.BLEND); - gl.disable(gl.SCISSOR_TEST); - gl.disable(gl.STENCIL_TEST); - gl.colorMask(true, true, true, true); - gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); - self.renderNoState(); - }); - }; - CardboardUI.prototype.renderNoState = function () { - var gl = this.gl; - gl.useProgram(this.program); - gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer); - gl.enableVertexAttribArray(this.attribs.position); - gl.vertexAttribPointer( - this.attribs.position, - 2, - gl.FLOAT, - false, - 8, - 0 - ); - gl.uniform4f(this.uniforms.color, 1.0, 1.0, 1.0, 1.0); - orthoMatrix( - this.projMat, - 0, - gl.drawingBufferWidth, - 0, - gl.drawingBufferHeight, - 0.1, - 1024.0 - ); - gl.uniformMatrix4fv( - this.uniforms.projectionMat, - false, - this.projMat - ); - gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); - gl.drawArrays( - gl.TRIANGLE_STRIP, - this.gearOffset, - this.gearVertexCount - ); - gl.drawArrays( - gl.TRIANGLE_STRIP, - this.arrowOffset, - this.arrowVertexCount - ); - }; - function Distortion(coefficients) { - this.coefficients = coefficients; - } - Distortion.prototype.distortInverse = function (radius) { - var r0 = 0; - var r1 = 1; - var dr0 = radius - this.distort(r0); - while (Math.abs(r1 - r0) > 0.0001) { - var dr1 = radius - this.distort(r1); - var r2 = r1 - dr1 * ((r1 - r0) / (dr1 - dr0)); - r0 = r1; - r1 = r2; - dr0 = dr1; - } - return r1; - }; - Distortion.prototype.distort = function (radius) { - var r2 = radius * radius; - var ret = 0; - for (var i = 0; i < this.coefficients.length; i++) { - ret = r2 * (ret + this.coefficients[i]); - } - return (ret + 1) * radius; - }; - var degToRad = Math.PI / 180; - var radToDeg = 180 / Math.PI; - var Vector3 = function Vector3(x, y, z) { - this.x = x || 0; - this.y = y || 0; - this.z = z || 0; - }; - Vector3.prototype = { - constructor: Vector3, - set: function set(x, y, z) { - this.x = x; - this.y = y; - this.z = z; - return this; - }, - copy: function copy(v) { - this.x = v.x; - this.y = v.y; - this.z = v.z; - return this; - }, - length: function length() { - return Math.sqrt( - this.x * this.x + this.y * this.y + this.z * this.z - ); - }, - normalize: function normalize() { - var scalar = this.length(); - if (scalar !== 0) { - var invScalar = 1 / scalar; - this.multiplyScalar(invScalar); - } else { - this.x = 0; - this.y = 0; - this.z = 0; - } - return this; - }, - multiplyScalar: function multiplyScalar(scalar) { - this.x *= scalar; - this.y *= scalar; - this.z *= scalar; - }, - applyQuaternion: function applyQuaternion(q) { - var x = this.x; - var y = this.y; - var z = this.z; - var qx = q.x; - var qy = q.y; - var qz = q.z; - var qw = q.w; - var ix = qw * x + qy * z - qz * y; - var iy = qw * y + qz * x - qx * z; - var iz = qw * z + qx * y - qy * x; - var iw = -qx * x - qy * y - qz * z; - this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy; - this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz; - this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx; - return this; - }, - dot: function dot(v) { - return this.x * v.x + this.y * v.y + this.z * v.z; - }, - crossVectors: function crossVectors(a, b) { - var ax = a.x, - ay = a.y, - az = a.z; - var bx = b.x, - by = b.y, - bz = b.z; - this.x = ay * bz - az * by; - this.y = az * bx - ax * bz; - this.z = ax * by - ay * bx; - return this; - }, - }; - var Quaternion = function Quaternion(x, y, z, w) { - this.x = x || 0; - this.y = y || 0; - this.z = z || 0; - this.w = w !== undefined ? w : 1; - }; - Quaternion.prototype = { - constructor: Quaternion, - set: function set(x, y, z, w) { - this.x = x; - this.y = y; - this.z = z; - this.w = w; - return this; - }, - copy: function copy(quaternion) { - this.x = quaternion.x; - this.y = quaternion.y; - this.z = quaternion.z; - this.w = quaternion.w; - return this; - }, - setFromEulerXYZ: function setFromEulerXYZ(x, y, z) { - var c1 = Math.cos(x / 2); - var c2 = Math.cos(y / 2); - var c3 = Math.cos(z / 2); - var s1 = Math.sin(x / 2); - var s2 = Math.sin(y / 2); - var s3 = Math.sin(z / 2); - this.x = s1 * c2 * c3 + c1 * s2 * s3; - this.y = c1 * s2 * c3 - s1 * c2 * s3; - this.z = c1 * c2 * s3 + s1 * s2 * c3; - this.w = c1 * c2 * c3 - s1 * s2 * s3; - return this; - }, - setFromEulerYXZ: function setFromEulerYXZ(x, y, z) { - var c1 = Math.cos(x / 2); - var c2 = Math.cos(y / 2); - var c3 = Math.cos(z / 2); - var s1 = Math.sin(x / 2); - var s2 = Math.sin(y / 2); - var s3 = Math.sin(z / 2); - this.x = s1 * c2 * c3 + c1 * s2 * s3; - this.y = c1 * s2 * c3 - s1 * c2 * s3; - this.z = c1 * c2 * s3 - s1 * s2 * c3; - this.w = c1 * c2 * c3 + s1 * s2 * s3; - return this; - }, - setFromAxisAngle: function setFromAxisAngle(axis, angle) { - var halfAngle = angle / 2, - s = Math.sin(halfAngle); - this.x = axis.x * s; - this.y = axis.y * s; - this.z = axis.z * s; - this.w = Math.cos(halfAngle); - return this; - }, - multiply: function multiply(q) { - return this.multiplyQuaternions(this, q); - }, - multiplyQuaternions: function multiplyQuaternions(a, b) { - var qax = a.x, - qay = a.y, - qaz = a.z, - qaw = a.w; - var qbx = b.x, - qby = b.y, - qbz = b.z, - qbw = b.w; - this.x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; - this.y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; - this.z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; - this.w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; - return this; - }, - inverse: function inverse() { - this.x *= -1; - this.y *= -1; - this.z *= -1; - this.normalize(); - return this; - }, - normalize: function normalize() { - var l = Math.sqrt( - this.x * this.x + - this.y * this.y + - this.z * this.z + - this.w * this.w - ); - if (l === 0) { - this.x = 0; - this.y = 0; - this.z = 0; - this.w = 1; - } else { - l = 1 / l; - this.x = this.x * l; - this.y = this.y * l; - this.z = this.z * l; - this.w = this.w * l; - } - return this; - }, - slerp: function slerp(qb, t) { - if (t === 0) return this; - if (t === 1) return this.copy(qb); - var x = this.x, - y = this.y, - z = this.z, - w = this.w; - var cosHalfTheta = w * qb.w + x * qb.x + y * qb.y + z * qb.z; - if (cosHalfTheta < 0) { - this.w = -qb.w; - this.x = -qb.x; - this.y = -qb.y; - this.z = -qb.z; - cosHalfTheta = -cosHalfTheta; - } else { - this.copy(qb); - } - if (cosHalfTheta >= 1.0) { - this.w = w; - this.x = x; - this.y = y; - this.z = z; - return this; - } - var halfTheta = Math.acos(cosHalfTheta); - var sinHalfTheta = Math.sqrt(1.0 - cosHalfTheta * cosHalfTheta); - if (Math.abs(sinHalfTheta) < 0.001) { - this.w = 0.5 * (w + this.w); - this.x = 0.5 * (x + this.x); - this.y = 0.5 * (y + this.y); - this.z = 0.5 * (z + this.z); - return this; - } - var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, - ratioB = Math.sin(t * halfTheta) / sinHalfTheta; - this.w = w * ratioA + this.w * ratioB; - this.x = x * ratioA + this.x * ratioB; - this.y = y * ratioA + this.y * ratioB; - this.z = z * ratioA + this.z * ratioB; - return this; - }, - setFromUnitVectors: (function () { - var v1, r; - var EPS = 0.000001; - return function (vFrom, vTo) { - if (v1 === undefined) v1 = new Vector3(); - r = vFrom.dot(vTo) + 1; - if (r < EPS) { - r = 0; - if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) { - v1.set(-vFrom.y, vFrom.x, 0); - } else { - v1.set(0, -vFrom.z, vFrom.y); - } - } else { - v1.crossVectors(vFrom, vTo); - } - this.x = v1.x; - this.y = v1.y; - this.z = v1.z; - this.w = r; - this.normalize(); - return this; - }; - })(), - }; - function Device(params) { - this.width = params.width || getScreenWidth(); - this.height = params.height || getScreenHeight(); - this.widthMeters = params.widthMeters; - this.heightMeters = params.heightMeters; - this.bevelMeters = params.bevelMeters; - } - var DEFAULT_ANDROID = new Device({ - widthMeters: 0.11, - heightMeters: 0.062, - bevelMeters: 0.004, - }); - var DEFAULT_IOS = new Device({ - widthMeters: 0.1038, - heightMeters: 0.0584, - bevelMeters: 0.004, - }); - var Viewers = { - CardboardV1: new CardboardViewer({ - id: "CardboardV1", - label: "Cardboard I/O 2014", - fov: 40, - interLensDistance: 0.06, - baselineLensDistance: 0.035, - screenLensDistance: 0.042, - distortionCoefficients: [0.441, 0.156], - inverseCoefficients: [ - -0.4410035, 0.42756155, -0.4804439, 0.5460139, -0.58821183, - 0.5733938, -0.48303202, 0.33299083, -0.17573841, 0.0651772, - -0.01488963, 0.001559834, - ], - }), - CardboardV2: new CardboardViewer({ - id: "CardboardV2", - label: "Cardboard I/O 2015", - fov: 60, - interLensDistance: 0.064, - baselineLensDistance: 0.035, - screenLensDistance: 0.039, - distortionCoefficients: [0.34, 0.55], - inverseCoefficients: [ - -0.33836704, -0.18162185, 0.862655, -1.2462051, 1.0560602, - -0.58208317, 0.21609078, -0.05444823, 0.009177956, -9.904169e-4, - 6.183535e-5, -1.6981803e-6, - ], - }), - }; - function DeviceInfo(deviceParams) { - this.viewer = Viewers.CardboardV2; - this.updateDeviceParams(deviceParams); - this.distortion = new Distortion( - this.viewer.distortionCoefficients - ); - } - DeviceInfo.prototype.updateDeviceParams = function (deviceParams) { - this.device = this.determineDevice_(deviceParams) || this.device; - }; - DeviceInfo.prototype.getDevice = function () { - return this.device; - }; - DeviceInfo.prototype.setViewer = function (viewer) { - this.viewer = viewer; - this.distortion = new Distortion( - this.viewer.distortionCoefficients - ); - }; - DeviceInfo.prototype.determineDevice_ = function (deviceParams) { - if (!deviceParams) { - if (isIOS()) { - console.warn("Using fallback iOS device measurements."); - return DEFAULT_IOS; - } else { - console.warn("Using fallback Android device measurements."); - return DEFAULT_ANDROID; - } - } - var METERS_PER_INCH = 0.0254; - var metersPerPixelX = METERS_PER_INCH / deviceParams.xdpi; - var metersPerPixelY = METERS_PER_INCH / deviceParams.ydpi; - var width = getScreenWidth(); - var height = getScreenHeight(); - return new Device({ - widthMeters: metersPerPixelX * width, - heightMeters: metersPerPixelY * height, - bevelMeters: deviceParams.bevelMm * 0.001, - }); - }; - DeviceInfo.prototype.getDistortedFieldOfViewLeftEye = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var eyeToScreenDistance = viewer.screenLensDistance; - var outerDist = (device.widthMeters - viewer.interLensDistance) / 2; - var innerDist = viewer.interLensDistance / 2; - var bottomDist = viewer.baselineLensDistance - device.bevelMeters; - var topDist = device.heightMeters - bottomDist; - var outerAngle = - radToDeg * - Math.atan(distortion.distort(outerDist / eyeToScreenDistance)); - var innerAngle = - radToDeg * - Math.atan(distortion.distort(innerDist / eyeToScreenDistance)); - var bottomAngle = - radToDeg * - Math.atan(distortion.distort(bottomDist / eyeToScreenDistance)); - var topAngle = - radToDeg * - Math.atan(distortion.distort(topDist / eyeToScreenDistance)); - return { - leftDegrees: Math.min(outerAngle, viewer.fov), - rightDegrees: Math.min(innerAngle, viewer.fov), - downDegrees: Math.min(bottomAngle, viewer.fov), - upDegrees: Math.min(topAngle, viewer.fov), - }; - }; - DeviceInfo.prototype.getLeftEyeVisibleTanAngles = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var fovLeft = Math.tan(-degToRad * viewer.fov); - var fovTop = Math.tan(degToRad * viewer.fov); - var fovRight = Math.tan(degToRad * viewer.fov); - var fovBottom = Math.tan(-degToRad * viewer.fov); - var halfWidth = device.widthMeters / 4; - var halfHeight = device.heightMeters / 2; - var verticalLensOffset = - viewer.baselineLensDistance - device.bevelMeters - halfHeight; - var centerX = viewer.interLensDistance / 2 - halfWidth; - var centerY = -verticalLensOffset; - var centerZ = viewer.screenLensDistance; - var screenLeft = distortion.distort( - (centerX - halfWidth) / centerZ - ); - var screenTop = distortion.distort( - (centerY + halfHeight) / centerZ - ); - var screenRight = distortion.distort( - (centerX + halfWidth) / centerZ - ); - var screenBottom = distortion.distort( - (centerY - halfHeight) / centerZ - ); - var result = new Float32Array(4); - result[0] = Math.max(fovLeft, screenLeft); - result[1] = Math.min(fovTop, screenTop); - result[2] = Math.min(fovRight, screenRight); - result[3] = Math.max(fovBottom, screenBottom); - return result; - }; - DeviceInfo.prototype.getLeftEyeNoLensTanAngles = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var result = new Float32Array(4); - var fovLeft = distortion.distortInverse( - Math.tan(-degToRad * viewer.fov) - ); - var fovTop = distortion.distortInverse( - Math.tan(degToRad * viewer.fov) - ); - var fovRight = distortion.distortInverse( - Math.tan(degToRad * viewer.fov) - ); - var fovBottom = distortion.distortInverse( - Math.tan(-degToRad * viewer.fov) - ); - var halfWidth = device.widthMeters / 4; - var halfHeight = device.heightMeters / 2; - var verticalLensOffset = - viewer.baselineLensDistance - device.bevelMeters - halfHeight; - var centerX = viewer.interLensDistance / 2 - halfWidth; - var centerY = -verticalLensOffset; - var centerZ = viewer.screenLensDistance; - var screenLeft = (centerX - halfWidth) / centerZ; - var screenTop = (centerY + halfHeight) / centerZ; - var screenRight = (centerX + halfWidth) / centerZ; - var screenBottom = (centerY - halfHeight) / centerZ; - result[0] = Math.max(fovLeft, screenLeft); - result[1] = Math.min(fovTop, screenTop); - result[2] = Math.min(fovRight, screenRight); - result[3] = Math.max(fovBottom, screenBottom); - return result; - }; - DeviceInfo.prototype.getLeftEyeVisibleScreenRect = function ( - undistortedFrustum - ) { - var viewer = this.viewer; - var device = this.device; - var dist = viewer.screenLensDistance; - var eyeX = (device.widthMeters - viewer.interLensDistance) / 2; - var eyeY = viewer.baselineLensDistance - device.bevelMeters; - var left = - (undistortedFrustum[0] * dist + eyeX) / device.widthMeters; - var top = - (undistortedFrustum[1] * dist + eyeY) / device.heightMeters; - var right = - (undistortedFrustum[2] * dist + eyeX) / device.widthMeters; - var bottom = - (undistortedFrustum[3] * dist + eyeY) / device.heightMeters; - return { - x: left, - y: bottom, - width: right - left, - height: top - bottom, - }; - }; - DeviceInfo.prototype.getFieldOfViewLeftEye = function ( - opt_isUndistorted - ) { - return opt_isUndistorted - ? this.getUndistortedFieldOfViewLeftEye() - : this.getDistortedFieldOfViewLeftEye(); - }; - DeviceInfo.prototype.getFieldOfViewRightEye = function ( - opt_isUndistorted - ) { - var fov = this.getFieldOfViewLeftEye(opt_isUndistorted); - return { - leftDegrees: fov.rightDegrees, - rightDegrees: fov.leftDegrees, - upDegrees: fov.upDegrees, - downDegrees: fov.downDegrees, - }; - }; - DeviceInfo.prototype.getUndistortedFieldOfViewLeftEye = function () { - var p = this.getUndistortedParams_(); - return { - leftDegrees: radToDeg * Math.atan(p.outerDist), - rightDegrees: radToDeg * Math.atan(p.innerDist), - downDegrees: radToDeg * Math.atan(p.bottomDist), - upDegrees: radToDeg * Math.atan(p.topDist), - }; - }; - DeviceInfo.prototype.getUndistortedViewportLeftEye = function () { - var p = this.getUndistortedParams_(); - var viewer = this.viewer; - var device = this.device; - var eyeToScreenDistance = viewer.screenLensDistance; - var screenWidth = device.widthMeters / eyeToScreenDistance; - var screenHeight = device.heightMeters / eyeToScreenDistance; - var xPxPerTanAngle = device.width / screenWidth; - var yPxPerTanAngle = device.height / screenHeight; - var x = Math.round((p.eyePosX - p.outerDist) * xPxPerTanAngle); - var y = Math.round((p.eyePosY - p.bottomDist) * yPxPerTanAngle); - return { - x: x, - y: y, - width: Math.round((p.eyePosX + p.innerDist) * xPxPerTanAngle) - x, - height: Math.round((p.eyePosY + p.topDist) * yPxPerTanAngle) - y, - }; - }; - DeviceInfo.prototype.getUndistortedParams_ = function () { - var viewer = this.viewer; - var device = this.device; - var distortion = this.distortion; - var eyeToScreenDistance = viewer.screenLensDistance; - var halfLensDistance = - viewer.interLensDistance / 2 / eyeToScreenDistance; - var screenWidth = device.widthMeters / eyeToScreenDistance; - var screenHeight = device.heightMeters / eyeToScreenDistance; - var eyePosX = screenWidth / 2 - halfLensDistance; - var eyePosY = - (viewer.baselineLensDistance - device.bevelMeters) / - eyeToScreenDistance; - var maxFov = viewer.fov; - var viewerMax = distortion.distortInverse( - Math.tan(degToRad * maxFov) - ); - var outerDist = Math.min(eyePosX, viewerMax); - var innerDist = Math.min(halfLensDistance, viewerMax); - var bottomDist = Math.min(eyePosY, viewerMax); - var topDist = Math.min(screenHeight - eyePosY, viewerMax); - return { - outerDist: outerDist, - innerDist: innerDist, - topDist: topDist, - bottomDist: bottomDist, - eyePosX: eyePosX, - eyePosY: eyePosY, - }; - }; - function CardboardViewer(params) { - this.id = params.id; - this.label = params.label; - this.fov = params.fov; - this.interLensDistance = params.interLensDistance; - this.baselineLensDistance = params.baselineLensDistance; - this.screenLensDistance = params.screenLensDistance; - this.distortionCoefficients = params.distortionCoefficients; - this.inverseCoefficients = params.inverseCoefficients; - } - DeviceInfo.Viewers = Viewers; - var format = 1; - var last_updated = "2018-02-20T22:55:10Z"; - var devices = [ - { - type: "android", - rules: [{ mdmh: "asus/*/Nexus 7/*" }, { ua: "Nexus 7" }], - dpi: [320.8, 323], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "asus/*/ASUS_Z00AD/*" }, { ua: "ASUS_Z00AD" }], - dpi: [403, 404.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Google/*/Pixel XL/*" }, { ua: "Pixel XL" }], - dpi: [537.9, 533], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Google/*/Pixel/*" }, { ua: "Pixel" }], - dpi: [432.6, 436.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC6435LVW/*" }, { ua: "HTC6435LVW" }], - dpi: [449.7, 443.3], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One XL/*" }, { ua: "HTC One XL" }], - dpi: [315.3, 314.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "htc/*/Nexus 9/*" }, { ua: "Nexus 9" }], - dpi: 289, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One M9/*" }, { ua: "HTC One M9" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One_M8/*" }, { ua: "HTC One_M8" }], - dpi: [449.7, 447.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "HTC/*/HTC One/*" }, { ua: "HTC One" }], - dpi: 472.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Huawei/*/Nexus 6P/*" }, { ua: "Nexus 6P" }], - dpi: [515.1, 518], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "LENOVO/*/Lenovo PB2-690Y/*" }, - { ua: "Lenovo PB2-690Y" }, - ], - dpi: [457.2, 454.713], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 5X/*" }, { ua: "Nexus 5X" }], - dpi: [422, 419.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGMS345/*" }, { ua: "LGMS345" }], - dpi: [221.7, 219.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-D800/*" }, { ua: "LG-D800" }], - dpi: [422, 424.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-D850/*" }, { ua: "LG-D850" }], - dpi: [537.9, 541.9], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/VS985 4G/*" }, { ua: "VS985 4G" }], - dpi: [537.9, 535.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 5/*" }, { ua: "Nexus 5 B" }], - dpi: [442.4, 444.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/Nexus 4/*" }, { ua: "Nexus 4" }], - dpi: [319.8, 318.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LG-P769/*" }, { ua: "LG-P769" }], - dpi: [240.6, 247.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGMS323/*" }, { ua: "LGMS323" }], - dpi: [206.6, 204.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "LGE/*/LGLS996/*" }, { ua: "LGLS996" }], - dpi: [403.4, 401.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Micromax/*/4560MMX/*" }, { ua: "4560MMX" }], - dpi: [240, 219.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Micromax/*/A250/*" }, { ua: "Micromax A250" }], - dpi: [480, 446.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "Micromax/*/Micromax AQ4501/*" }, - { ua: "Micromax AQ4501" }, - ], - dpi: 240, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/G5/*" }, { ua: "Moto G (5) Plus" }], - dpi: [403.4, 403], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "motorola/*/DROID RAZR/*" }, - { ua: "DROID RAZR" }, - ], - dpi: [368.1, 256.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT830C/*" }, { ua: "XT830C" }], - dpi: [254, 255.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1021/*" }, { ua: "XT1021" }], - dpi: [254, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1023/*" }, { ua: "XT1023" }], - dpi: [254, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1028/*" }, { ua: "XT1028" }], - dpi: [326.6, 327.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1034/*" }, { ua: "XT1034" }], - dpi: [326.6, 328.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1053/*" }, { ua: "XT1053" }], - dpi: [315.3, 316.1], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1562/*" }, { ua: "XT1562" }], - dpi: [403.4, 402.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/Nexus 6/*" }, { ua: "Nexus 6 B" }], - dpi: [494.3, 489.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1063/*" }, { ua: "XT1063" }], - dpi: [295, 296.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1064/*" }, { ua: "XT1064" }], - dpi: [295, 295.6], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1092/*" }, { ua: "XT1092" }], - dpi: [422, 424.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/XT1095/*" }, { ua: "XT1095" }], - dpi: [422, 423.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "motorola/*/G4/*" }, { ua: "Moto G (4)" }], - dpi: 401, - bw: 4, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/A0001/*" }, { ua: "A0001" }], - dpi: [403.4, 401], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/ONE E1005/*" }, { ua: "ONE E1005" }], - dpi: [442.4, 441.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OnePlus/*/ONE A2005/*" }, { ua: "ONE A2005" }], - dpi: [391.9, 405.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "OnePlus/*/ONEPLUS A5000/*" }, - { ua: "ONEPLUS A5000 " }, - ], - dpi: [403.411, 399.737], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "OnePlus/*/ONE A5010/*" }, - { ua: "ONEPLUS A5010" }, - ], - dpi: [403, 400], - bw: 2, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "OPPO/*/X909/*" }, { ua: "X909" }], - dpi: [442.4, 444.1], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9082/*" }, { ua: "GT-I9082" }], - dpi: [184.7, 185.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G360P/*" }, { ua: "SM-G360P" }], - dpi: [196.7, 205.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/Nexus S/*" }, { ua: "Nexus S" }], - dpi: [234.5, 229.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300/*" }, { ua: "GT-I9300" }], - dpi: [304.8, 303.9], - bw: 5, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-T230NU/*" }, { ua: "SM-T230NU" }], - dpi: 216, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SGH-T399/*" }, { ua: "SGH-T399" }], - dpi: [217.7, 231.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SGH-M919/*" }, { ua: "SGH-M919" }], - dpi: [440.8, 437.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N9005/*" }, { ua: "SM-N9005" }], - dpi: [386.4, 387], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/SAMSUNG-SM-N900A/*" }, - { ua: "SAMSUNG-SM-N900A" }, - ], - dpi: [386.4, 387.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9500/*" }, { ua: "GT-I9500" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9505/*" }, { ua: "GT-I9505" }], - dpi: 439.4, - bw: 4, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G900F/*" }, { ua: "SM-G900F" }], - dpi: [415.6, 431.6], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G900M/*" }, { ua: "SM-G900M" }], - dpi: [415.6, 431.6], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G800F/*" }, { ua: "SM-G800F" }], - dpi: 326.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G906S/*" }, { ua: "SM-G906S" }], - dpi: [562.7, 572.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300/*" }, { ua: "GT-I9300" }], - dpi: [306.7, 304.8], - bw: 5, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-T535/*" }, { ua: "SM-T535" }], - dpi: [142.6, 136.4], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920C/*" }, { ua: "SM-N920C" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920P/*" }, { ua: "SM-N920P" }], - dpi: [386.3655, 390.144], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N920W8/*" }, { ua: "SM-N920W8" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9300I/*" }, { ua: "GT-I9300I" }], - dpi: [304.8, 305.8], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-I9195/*" }, { ua: "GT-I9195" }], - dpi: [249.4, 256.7], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SPH-L520/*" }, { ua: "SPH-L520" }], - dpi: [249.4, 255.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/SAMSUNG-SGH-I717/*" }, - { ua: "SAMSUNG-SGH-I717" }, - ], - dpi: 285.8, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SPH-D710/*" }, { ua: "SPH-D710" }], - dpi: [217.7, 204.2], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/GT-N7100/*" }, { ua: "GT-N7100" }], - dpi: 265.1, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SCH-I605/*" }, { ua: "SCH-I605" }], - dpi: 265.1, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [ - { mdmh: "samsung/*/Galaxy Nexus/*" }, - { ua: "Galaxy Nexus" }, - ], - dpi: [315.3, 314.2], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N910H/*" }, { ua: "SM-N910H" }], - dpi: [515.1, 518], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-N910C/*" }, { ua: "SM-N910C" }], - dpi: [515.2, 520.2], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G130M/*" }, { ua: "SM-G130M" }], - dpi: [165.9, 164.8], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G928I/*" }, { ua: "SM-G928I" }], - dpi: [515.1, 518.4], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G920F/*" }, { ua: "SM-G920F" }], - dpi: 580.6, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G920P/*" }, { ua: "SM-G920P" }], - dpi: [522.5, 577], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G925F/*" }, { ua: "SM-G925F" }], - dpi: 580.6, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G925V/*" }, { ua: "SM-G925V" }], - dpi: [522.5, 576.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G930F/*" }, { ua: "SM-G930F" }], - dpi: 576.6, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G935F/*" }, { ua: "SM-G935F" }], - dpi: 533, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G950F/*" }, { ua: "SM-G950F" }], - dpi: [562.707, 565.293], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "samsung/*/SM-G955U/*" }, { ua: "SM-G955U" }], - dpi: [522.514, 525.762], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/C6903/*" }, { ua: "C6903" }], - dpi: [442.5, 443.3], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/D6653/*" }, { ua: "D6653" }], - dpi: [428.6, 427.6], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/E6653/*" }, { ua: "E6653" }], - dpi: [428.6, 425.7], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/E6853/*" }, { ua: "E6853" }], - dpi: [403.4, 401.9], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Sony/*/SGP321/*" }, { ua: "SGP321" }], - dpi: [224.7, 224.1], - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [ - { mdmh: "TCT/*/ALCATEL ONE TOUCH Fierce/*" }, - { ua: "ALCATEL ONE TOUCH Fierce" }, - ], - dpi: [240, 247.5], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "THL/*/thl 5000/*" }, { ua: "thl 5000" }], - dpi: [480, 443.3], - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "Fly/*/IQ4412/*" }, { ua: "IQ4412" }], - dpi: 307.9, - bw: 3, - ac: 1000, - }, - { - type: "android", - rules: [{ mdmh: "ZTE/*/ZTE Blade L2/*" }, { ua: "ZTE Blade L2" }], - dpi: 240, - bw: 3, - ac: 500, - }, - { - type: "android", - rules: [{ mdmh: "BENEVE/*/VR518/*" }, { ua: "VR518" }], - dpi: 480, - bw: 3, - ac: 500, - }, - { - type: "ios", - rules: [{ res: [640, 960] }], - dpi: [325.1, 328.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [640, 1136] }], - dpi: [317.1, 320.2], - bw: 3, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [750, 1334] }], - dpi: 326.4, - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1242, 2208] }], - dpi: [453.6, 458.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1125, 2001] }], - dpi: [410.9, 415.4], - bw: 4, - ac: 1000, - }, - { - type: "ios", - rules: [{ res: [1125, 2436] }], - dpi: 458, - bw: 4, - ac: 1000, - }, - ]; - var DPDB_CACHE = { - format: format, - last_updated: last_updated, - devices: devices, - }; - function Dpdb(url, onDeviceParamsUpdated) { - this.dpdb = DPDB_CACHE; - this.recalculateDeviceParams_(); - if (url) { - this.onDeviceParamsUpdated = onDeviceParamsUpdated; - var xhr = new XMLHttpRequest(); - var obj = this; - xhr.open("GET", url, true); - xhr.addEventListener("load", function () { - obj.loading = false; - if (xhr.status >= 200 && xhr.status <= 299) { - obj.dpdb = JSON.parse(xhr.response); - obj.recalculateDeviceParams_(); - } else { - console.error("Error loading online DPDB!"); - } - }); - xhr.send(); - } - } - Dpdb.prototype.getDeviceParams = function () { - return this.deviceParams; - }; - Dpdb.prototype.recalculateDeviceParams_ = function () { - var newDeviceParams = this.calcDeviceParams_(); - if (newDeviceParams) { - this.deviceParams = newDeviceParams; - if (this.onDeviceParamsUpdated) { - this.onDeviceParamsUpdated(this.deviceParams); - } - } else { - console.error("Failed to recalculate device parameters."); - } - }; - Dpdb.prototype.calcDeviceParams_ = function () { - var db = this.dpdb; - if (!db) { - console.error("DPDB not available."); - return null; - } - if (db.format != 1) { - console.error("DPDB has unexpected format version."); - return null; - } - if (!db.devices || !db.devices.length) { - console.error("DPDB does not have a devices section."); - return null; - } - var userAgent = - navigator.userAgent || navigator.vendor || window.opera; - var width = getScreenWidth(); - var height = getScreenHeight(); - if (!db.devices) { - console.error("DPDB has no devices section."); - return null; - } - for (var i = 0; i < db.devices.length; i++) { - var device = db.devices[i]; - if (!device.rules) { - console.warn("Device[" + i + "] has no rules section."); - continue; - } - if (device.type != "ios" && device.type != "android") { - console.warn("Device[" + i + "] has invalid type."); - continue; - } - if (isIOS() != (device.type == "ios")) continue; - var matched = false; - for (var j = 0; j < device.rules.length; j++) { - var rule = device.rules[j]; - if (this.matchRule_(rule, userAgent, width, height)) { - matched = true; - break; - } - } - if (!matched) continue; - var xdpi = device.dpi[0] || device.dpi; - var ydpi = device.dpi[1] || device.dpi; - return new DeviceParams({ - xdpi: xdpi, - ydpi: ydpi, - bevelMm: device.bw, - }); - } - console.warn("No DPDB device match."); - return null; - }; - Dpdb.prototype.matchRule_ = function ( - rule, - ua, - screenWidth, - screenHeight - ) { - if (!rule.ua && !rule.res) return false; - if (rule.ua && ua.indexOf(rule.ua) < 0) return false; - if (rule.res) { - if (!rule.res[0] || !rule.res[1]) return false; - var resX = rule.res[0]; - var resY = rule.res[1]; - if ( - Math.min(screenWidth, screenHeight) != Math.min(resX, resY) || - Math.max(screenWidth, screenHeight) != Math.max(resX, resY) - ) { - return false; - } - } - return true; - }; - function DeviceParams(params) { - this.xdpi = params.xdpi; - this.ydpi = params.ydpi; - this.bevelMm = params.bevelMm; - } - function SensorSample(sample, timestampS) { - this.set(sample, timestampS); - } - SensorSample.prototype.set = function (sample, timestampS) { - this.sample = sample; - this.timestampS = timestampS; - }; - SensorSample.prototype.copy = function (sensorSample) { - this.set(sensorSample.sample, sensorSample.timestampS); - }; - function ComplementaryFilter(kFilter, isDebug) { - this.kFilter = kFilter; - this.isDebug = isDebug; - this.currentAccelMeasurement = new SensorSample(); - this.currentGyroMeasurement = new SensorSample(); - this.previousGyroMeasurement = new SensorSample(); - if (isIOS()) { - this.filterQ = new Quaternion(-1, 0, 0, 1); - } else { - this.filterQ = new Quaternion(1, 0, 0, 1); - } - this.previousFilterQ = new Quaternion(); - this.previousFilterQ.copy(this.filterQ); - this.accelQ = new Quaternion(); - this.isOrientationInitialized = false; - this.estimatedGravity = new Vector3(); - this.measuredGravity = new Vector3(); - this.gyroIntegralQ = new Quaternion(); - } - ComplementaryFilter.prototype.addAccelMeasurement = function ( - vector, - timestampS - ) { - this.currentAccelMeasurement.set(vector, timestampS); - }; - ComplementaryFilter.prototype.addGyroMeasurement = function ( - vector, - timestampS - ) { - this.currentGyroMeasurement.set(vector, timestampS); - var deltaT = timestampS - this.previousGyroMeasurement.timestampS; - if (isTimestampDeltaValid(deltaT)) { - this.run_(); - } - this.previousGyroMeasurement.copy(this.currentGyroMeasurement); - }; - ComplementaryFilter.prototype.run_ = function () { - if (!this.isOrientationInitialized) { - this.accelQ = this.accelToQuaternion_( - this.currentAccelMeasurement.sample - ); - this.previousFilterQ.copy(this.accelQ); - this.isOrientationInitialized = true; - return; - } - var deltaT = - this.currentGyroMeasurement.timestampS - - this.previousGyroMeasurement.timestampS; - var gyroDeltaQ = this.gyroToQuaternionDelta_( - this.currentGyroMeasurement.sample, - deltaT - ); - this.gyroIntegralQ.multiply(gyroDeltaQ); - this.filterQ.copy(this.previousFilterQ); - this.filterQ.multiply(gyroDeltaQ); - var invFilterQ = new Quaternion(); - invFilterQ.copy(this.filterQ); - invFilterQ.inverse(); - this.estimatedGravity.set(0, 0, -1); - this.estimatedGravity.applyQuaternion(invFilterQ); - this.estimatedGravity.normalize(); - this.measuredGravity.copy(this.currentAccelMeasurement.sample); - this.measuredGravity.normalize(); - var deltaQ = new Quaternion(); - deltaQ.setFromUnitVectors( - this.estimatedGravity, - this.measuredGravity - ); - deltaQ.inverse(); - if (this.isDebug) { - console.log( - "Delta: %d deg, G_est: (%s, %s, %s), G_meas: (%s, %s, %s)", - radToDeg * getQuaternionAngle(deltaQ), - this.estimatedGravity.x.toFixed(1), - this.estimatedGravity.y.toFixed(1), - this.estimatedGravity.z.toFixed(1), - this.measuredGravity.x.toFixed(1), - this.measuredGravity.y.toFixed(1), - this.measuredGravity.z.toFixed(1) - ); - } - var targetQ = new Quaternion(); - targetQ.copy(this.filterQ); - targetQ.multiply(deltaQ); - this.filterQ.slerp(targetQ, 1 - this.kFilter); - this.previousFilterQ.copy(this.filterQ); - }; - ComplementaryFilter.prototype.getOrientation = function () { - return this.filterQ; - }; - ComplementaryFilter.prototype.accelToQuaternion_ = function (accel) { - var normAccel = new Vector3(); - normAccel.copy(accel); - normAccel.normalize(); - var quat = new Quaternion(); - quat.setFromUnitVectors(new Vector3(0, 0, -1), normAccel); - quat.inverse(); - return quat; - }; - ComplementaryFilter.prototype.gyroToQuaternionDelta_ = function ( - gyro, - dt - ) { - var quat = new Quaternion(); - var axis = new Vector3(); - axis.copy(gyro); - axis.normalize(); - quat.setFromAxisAngle(axis, gyro.length() * dt); - return quat; - }; - function PosePredictor(predictionTimeS, isDebug) { - this.predictionTimeS = predictionTimeS; - this.isDebug = isDebug; - this.previousQ = new Quaternion(); - this.previousTimestampS = null; - this.deltaQ = new Quaternion(); - this.outQ = new Quaternion(); - } - PosePredictor.prototype.getPrediction = function ( - currentQ, - gyro, - timestampS - ) { - if (!this.previousTimestampS) { - this.previousQ.copy(currentQ); - this.previousTimestampS = timestampS; - return currentQ; - } - var axis = new Vector3(); - axis.copy(gyro); - axis.normalize(); - var angularSpeed = gyro.length(); - if (angularSpeed < degToRad * 20) { - if (this.isDebug) { - console.log( - "Moving slowly, at %s deg/s: no prediction", - (radToDeg * angularSpeed).toFixed(1) - ); - } - this.outQ.copy(currentQ); - this.previousQ.copy(currentQ); - return this.outQ; - } - var predictAngle = angularSpeed * this.predictionTimeS; - this.deltaQ.setFromAxisAngle(axis, predictAngle); - this.outQ.copy(this.previousQ); - this.outQ.multiply(this.deltaQ); - this.previousQ.copy(currentQ); - this.previousTimestampS = timestampS; - return this.outQ; - }; - function FusionPoseSensor(kFilter, predictionTime, yawOnly, isDebug) { - this.yawOnly = yawOnly; - this.accelerometer = new Vector3(); - this.gyroscope = new Vector3(); - this.filter = new ComplementaryFilter(kFilter, isDebug); - this.posePredictor = new PosePredictor(predictionTime, isDebug); - this.isFirefoxAndroid = isFirefoxAndroid(); - this.isIOS = isIOS(); - var chromeVersion = getChromeVersion(); - this.isDeviceMotionInRadians = - !this.isIOS && chromeVersion && chromeVersion < 66; - this.isWithoutDeviceMotion = isChromeWithoutDeviceMotion(); - this.filterToWorldQ = new Quaternion(); - if (isIOS()) { - this.filterToWorldQ.setFromAxisAngle( - new Vector3(1, 0, 0), - Math.PI / 2 - ); - } else { - this.filterToWorldQ.setFromAxisAngle( - new Vector3(1, 0, 0), - -Math.PI / 2 - ); - } - this.inverseWorldToScreenQ = new Quaternion(); - this.worldToScreenQ = new Quaternion(); - this.originalPoseAdjustQ = new Quaternion(); - this.originalPoseAdjustQ.setFromAxisAngle( - new Vector3(0, 0, 1), - (-window.orientation * Math.PI) / 180 - ); - this.setScreenTransform_(); - if (isLandscapeMode()) { - this.filterToWorldQ.multiply(this.inverseWorldToScreenQ); - } - this.resetQ = new Quaternion(); - this.orientationOut_ = new Float32Array(4); - this.start(); - } - FusionPoseSensor.prototype.getPosition = function () { - return null; - }; - FusionPoseSensor.prototype.getOrientation = function () { - var orientation = void 0; - if (this.isWithoutDeviceMotion && this._deviceOrientationQ) { - this.deviceOrientationFixQ = - this.deviceOrientationFixQ || - (function () { - var z = new Quaternion().setFromAxisAngle( - new Vector3(0, 0, -1), - 0 - ); - var y = new Quaternion(); - if (window.orientation === -90) { - y.setFromAxisAngle(new Vector3(0, 1, 0), Math.PI / -2); - } else { - y.setFromAxisAngle(new Vector3(0, 1, 0), Math.PI / 2); - } - return z.multiply(y); - })(); - this.deviceOrientationFilterToWorldQ = - this.deviceOrientationFilterToWorldQ || - (function () { - var q = new Quaternion(); - q.setFromAxisAngle(new Vector3(1, 0, 0), -Math.PI / 2); - return q; - })(); - orientation = this._deviceOrientationQ; - var out = new Quaternion(); - out.copy(orientation); - out.multiply(this.deviceOrientationFilterToWorldQ); - out.multiply(this.resetQ); - out.multiply(this.worldToScreenQ); - out.multiplyQuaternions(this.deviceOrientationFixQ, out); - if (this.yawOnly) { - out.x = 0; - out.z = 0; - out.normalize(); - } - this.orientationOut_[0] = out.x; - this.orientationOut_[1] = out.y; - this.orientationOut_[2] = out.z; - this.orientationOut_[3] = out.w; - return this.orientationOut_; - } else { - var filterOrientation = this.filter.getOrientation(); - orientation = this.posePredictor.getPrediction( - filterOrientation, - this.gyroscope, - this.previousTimestampS - ); - } - var out = new Quaternion(); - out.copy(this.filterToWorldQ); - out.multiply(this.resetQ); - out.multiply(orientation); - out.multiply(this.worldToScreenQ); - if (this.yawOnly) { - out.x = 0; - out.z = 0; - out.normalize(); - } - this.orientationOut_[0] = out.x; - this.orientationOut_[1] = out.y; - this.orientationOut_[2] = out.z; - this.orientationOut_[3] = out.w; - return this.orientationOut_; - }; - FusionPoseSensor.prototype.resetPose = function () { - this.resetQ.copy(this.filter.getOrientation()); - this.resetQ.x = 0; - this.resetQ.y = 0; - this.resetQ.z *= -1; - this.resetQ.normalize(); - if (isLandscapeMode()) { - this.resetQ.multiply(this.inverseWorldToScreenQ); - } - this.resetQ.multiply(this.originalPoseAdjustQ); - }; - FusionPoseSensor.prototype.onDeviceOrientation_ = function (e) { - this._deviceOrientationQ = - this._deviceOrientationQ || new Quaternion(); - var alpha = e.alpha, - beta = e.beta, - gamma = e.gamma; - alpha = ((alpha || 0) * Math.PI) / 180; - beta = ((beta || 0) * Math.PI) / 180; - gamma = ((gamma || 0) * Math.PI) / 180; - this._deviceOrientationQ.setFromEulerYXZ(beta, alpha, -gamma); - }; - FusionPoseSensor.prototype.onDeviceMotion_ = function (deviceMotion) { - this.updateDeviceMotion_(deviceMotion); - }; - FusionPoseSensor.prototype.updateDeviceMotion_ = function ( - deviceMotion - ) { - var accGravity = deviceMotion.accelerationIncludingGravity; - var rotRate = deviceMotion.rotationRate; - var timestampS = deviceMotion.timeStamp / 1000; - var deltaS = timestampS - this.previousTimestampS; - if (deltaS < 0) { - warnOnce( - "fusion-pose-sensor:invalid:non-monotonic", - "Invalid timestamps detected: non-monotonic timestamp from devicemotion" - ); - this.previousTimestampS = timestampS; - return; - } else if (deltaS <= MIN_TIMESTEP || deltaS > MAX_TIMESTEP) { - warnOnce( - "fusion-pose-sensor:invalid:outside-threshold", - "Invalid timestamps detected: Timestamp from devicemotion outside expected range." - ); - this.previousTimestampS = timestampS; - return; - } - this.accelerometer.set(-accGravity.x, -accGravity.y, -accGravity.z); - if (isR7()) { - this.gyroscope.set(-rotRate.beta, rotRate.alpha, rotRate.gamma); - } else { - this.gyroscope.set(rotRate.alpha, rotRate.beta, rotRate.gamma); - } - if (!this.isDeviceMotionInRadians) { - this.gyroscope.multiplyScalar(Math.PI / 180); - } - this.filter.addAccelMeasurement(this.accelerometer, timestampS); - this.filter.addGyroMeasurement(this.gyroscope, timestampS); - this.previousTimestampS = timestampS; - }; - FusionPoseSensor.prototype.onOrientationChange_ = function ( - screenOrientation - ) { - this.setScreenTransform_(); - }; - FusionPoseSensor.prototype.onMessage_ = function (event) { - var message = event.data; - if (!message || !message.type) { - return; - } - var type = message.type.toLowerCase(); - if (type !== "devicemotion") { - return; - } - this.updateDeviceMotion_(message.deviceMotionEvent); - }; - FusionPoseSensor.prototype.setScreenTransform_ = function () { - this.worldToScreenQ.set(0, 0, 0, 1); - switch (window.orientation) { - case 0: - break; - case 90: - this.worldToScreenQ.setFromAxisAngle( - new Vector3(0, 0, 1), - -Math.PI / 2 - ); - break; - case -90: - this.worldToScreenQ.setFromAxisAngle( - new Vector3(0, 0, 1), - Math.PI / 2 - ); - break; - case 180: - break; - } - this.inverseWorldToScreenQ.copy(this.worldToScreenQ); - this.inverseWorldToScreenQ.inverse(); - }; - FusionPoseSensor.prototype.start = function () { - this.onDeviceMotionCallback_ = this.onDeviceMotion_.bind(this); - this.onOrientationChangeCallback_ = - this.onOrientationChange_.bind(this); - this.onMessageCallback_ = this.onMessage_.bind(this); - this.onDeviceOrientationCallback_ = - this.onDeviceOrientation_.bind(this); - if (isIOS() && isInsideCrossOriginIFrame()) { - window.addEventListener("message", this.onMessageCallback_); - } - window.addEventListener( - "orientationchange", - this.onOrientationChangeCallback_ - ); - if (this.isWithoutDeviceMotion) { - window.addEventListener( - "deviceorientation", - this.onDeviceOrientationCallback_ - ); - } else { - window.addEventListener( - "devicemotion", - this.onDeviceMotionCallback_ - ); - } - }; - FusionPoseSensor.prototype.stop = function () { - window.removeEventListener( - "devicemotion", - this.onDeviceMotionCallback_ - ); - window.removeEventListener( - "deviceorientation", - this.onDeviceOrientationCallback_ - ); - window.removeEventListener( - "orientationchange", - this.onOrientationChangeCallback_ - ); - window.removeEventListener("message", this.onMessageCallback_); - }; - var SENSOR_FREQUENCY = 60; - var X_AXIS = new Vector3(1, 0, 0); - var Z_AXIS = new Vector3(0, 0, 1); - var orientation = {}; - if (screen.orientation) { - orientation = screen.orientation; - } else if (screen.msOrientation) { - orientation = screen.msOrientation; - } else { - Object.defineProperty(orientation, "angle", { - get: function get$$1() { - return window.orientation || 0; - }, - }); - } - var SENSOR_TO_VR = new Quaternion(); - SENSOR_TO_VR.setFromAxisAngle(X_AXIS, -Math.PI / 2); - SENSOR_TO_VR.multiply( - new Quaternion().setFromAxisAngle(Z_AXIS, Math.PI / 2) - ); - var PoseSensor = (function () { - function PoseSensor(config) { - classCallCheck(this, PoseSensor); - this.config = config; - this.sensor = null; - this.fusionSensor = null; - this._out = new Float32Array(4); - this.api = null; - this.errors = []; - this._sensorQ = new Quaternion(); - this._worldToScreenQ = new Quaternion(); - this._outQ = new Quaternion(); - this._onSensorRead = this._onSensorRead.bind(this); - this._onSensorError = this._onSensorError.bind(this); - this._onOrientationChange = this._onOrientationChange.bind(this); - this._onOrientationChange(); - this.init(); - } - createClass(PoseSensor, [ - { - key: "init", - value: function init() { - var sensor = null; - try { - sensor = new RelativeOrientationSensor({ - frequency: SENSOR_FREQUENCY, - }); - sensor.addEventListener("error", this._onSensorError); - } catch (error) { - this.errors.push(error); - if (error.name === "SecurityError") { - console.error( - "Cannot construct sensors due to the Feature Policy" - ); - console.warn( - 'Attempting to fall back using "devicemotion"; however this will ' + - "fail in the future without correct permissions." - ); - this.useDeviceMotion(); - } else if (error.name === "ReferenceError") { - this.useDeviceMotion(); - } else { - console.error(error); - } - } - if (sensor) { - this.api = "sensor"; - this.sensor = sensor; - this.sensor.addEventListener("reading", this._onSensorRead); - this.sensor.start(); - } - window.addEventListener( - "orientationchange", - this._onOrientationChange - ); - }, - }, - { - key: "useDeviceMotion", - value: function useDeviceMotion() { - this.api = "devicemotion"; - this.fusionSensor = new FusionPoseSensor( - this.config.K_FILTER, - this.config.PREDICTION_TIME_S, - this.config.YAW_ONLY, - this.config.DEBUG - ); - }, - }, - { - key: "getOrientation", - value: function getOrientation() { - if (this.fusionSensor) { - return this.fusionSensor.getOrientation(); - } - if (!this.sensor || !this.sensor.quaternion) { - this._out[0] = this._out[1] = this._out[2] = 0; - this._out[3] = 1; - return this._out; - } - var q = this.sensor.quaternion; - this._sensorQ.set(q[0], q[1], q[2], q[3]); - var out = this._outQ; - out.copy(SENSOR_TO_VR); - out.multiply(this._sensorQ); - out.multiply(this._worldToScreenQ); - if (this.config.YAW_ONLY) { - out.x = out.z = 0; - out.normalize(); - } - this._out[0] = out.x; - this._out[1] = out.y; - this._out[2] = out.z; - this._out[3] = out.w; - return this._out; - }, - }, - { - key: "_onSensorError", - value: function _onSensorError(event) { - this.errors.push(event.error); - if (event.error.name === "NotAllowedError") { - console.error("Permission to access sensor was denied"); - } else if (event.error.name === "NotReadableError") { - console.error("Sensor could not be read"); - } else { - console.error(event.error); - } - }, - }, - { - key: "_onSensorRead", - value: function _onSensorRead() {}, - }, - { - key: "_onOrientationChange", - value: function _onOrientationChange() { - var angle = (-orientation.angle * Math.PI) / 180; - this._worldToScreenQ.setFromAxisAngle(Z_AXIS, angle); - }, - }, - ]); - return PoseSensor; - })(); - var rotateInstructionsAsset = - "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5OHB4IiBoZWlnaHQ9IjI0MHB4IiB2aWV3Qm94PSIwIDAgMTk4IDI0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMy4zICgxMjA4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+dHJhbnNpdGlvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJ0cmFuc2l0aW9uIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4KICAgICAgICAgICAgPGcgaWQ9IkltcG9ydGVkLUxheWVycy1Db3B5LTQtKy1JbXBvcnRlZC1MYXllcnMtQ29weS0rLUltcG9ydGVkLUxheWVycy1Db3B5LTItQ29weSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwNy4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5LjYyNSwyLjUyNyBDMTQ5LjYyNSwyLjUyNyAxNTUuODA1LDYuMDk2IDE1Ni4zNjIsNi40MTggTDE1Ni4zNjIsNy4zMDQgQzE1Ni4zNjIsNy40ODEgMTU2LjM3NSw3LjY2NCAxNTYuNCw3Ljg1MyBDMTU2LjQxLDcuOTM0IDE1Ni40Miw4LjAxNSAxNTYuNDI3LDguMDk1IEMxNTYuNTY3LDkuNTEgMTU3LjQwMSwxMS4wOTMgMTU4LjUzMiwxMi4wOTQgTDE2NC4yNTIsMTcuMTU2IEwxNjQuMzMzLDE3LjA2NiBDMTY0LjMzMywxNy4wNjYgMTY4LjcxNSwxNC41MzYgMTY5LjU2OCwxNC4wNDIgQzE3MS4wMjUsMTQuODgzIDE5NS41MzgsMjkuMDM1IDE5NS41MzgsMjkuMDM1IEwxOTUuNTM4LDgzLjAzNiBDMTk1LjUzOCw4My44MDcgMTk1LjE1Miw4NC4yNTMgMTk0LjU5LDg0LjI1MyBDMTk0LjM1Nyw4NC4yNTMgMTk0LjA5NSw4NC4xNzcgMTkzLjgxOCw4NC4wMTcgTDE2OS44NTEsNzAuMTc5IEwxNjkuODM3LDcwLjIwMyBMMTQyLjUxNSw4NS45NzggTDE0MS42NjUsODQuNjU1IEMxMzYuOTM0LDgzLjEyNiAxMzEuOTE3LDgxLjkxNSAxMjYuNzE0LDgxLjA0NSBDMTI2LjcwOSw4MS4wNiAxMjYuNzA3LDgxLjA2OSAxMjYuNzA3LDgxLjA2OSBMMTIxLjY0LDk4LjAzIEwxMTMuNzQ5LDEwMi41ODYgTDExMy43MTIsMTAyLjUyMyBMMTEzLjcxMiwxMzAuMTEzIEMxMTMuNzEyLDEzMC44ODUgMTEzLjMyNiwxMzEuMzMgMTEyLjc2NCwxMzEuMzMgQzExMi41MzIsMTMxLjMzIDExMi4yNjksMTMxLjI1NCAxMTEuOTkyLDEzMS4wOTQgTDY5LjUxOSwxMDYuNTcyIEM2OC41NjksMTA2LjAyMyA2Ny43OTksMTA0LjY5NSA2Ny43OTksMTAzLjYwNSBMNjcuNzk5LDEwMi41NyBMNjcuNzc4LDEwMi42MTcgQzY3LjI3LDEwMi4zOTMgNjYuNjQ4LDEwMi4yNDkgNjUuOTYyLDEwMi4yMTggQzY1Ljg3NSwxMDIuMjE0IDY1Ljc4OCwxMDIuMjEyIDY1LjcwMSwxMDIuMjEyIEM2NS42MDYsMTAyLjIxMiA2NS41MTEsMTAyLjIxNSA2NS40MTYsMTAyLjIxOSBDNjUuMTk1LDEwMi4yMjkgNjQuOTc0LDEwMi4yMzUgNjQuNzU0LDEwMi4yMzUgQzY0LjMzMSwxMDIuMjM1IDYzLjkxMSwxMDIuMjE2IDYzLjQ5OCwxMDIuMTc4IEM2MS44NDMsMTAyLjAyNSA2MC4yOTgsMTAxLjU3OCA1OS4wOTQsMTAwLjg4MiBMMTIuNTE4LDczLjk5MiBMMTIuNTIzLDc0LjAwNCBMMi4yNDUsNTUuMjU0IEMxLjI0NCw1My40MjcgMi4wMDQsNTEuMDM4IDMuOTQzLDQ5LjkxOCBMNTkuOTU0LDE3LjU3MyBDNjAuNjI2LDE3LjE4NSA2MS4zNSwxNy4wMDEgNjIuMDUzLDE3LjAwMSBDNjMuMzc5LDE3LjAwMSA2NC42MjUsMTcuNjYgNjUuMjgsMTguODU0IEw2NS4yODUsMTguODUxIEw2NS41MTIsMTkuMjY0IEw2NS41MDYsMTkuMjY4IEM2NS45MDksMjAuMDAzIDY2LjQwNSwyMC42OCA2Ni45ODMsMjEuMjg2IEw2Ny4yNiwyMS41NTYgQzY5LjE3NCwyMy40MDYgNzEuNzI4LDI0LjM1NyA3NC4zNzMsMjQuMzU3IEM3Ni4zMjIsMjQuMzU3IDc4LjMyMSwyMy44NCA4MC4xNDgsMjIuNzg1IEM4MC4xNjEsMjIuNzg1IDg3LjQ2NywxOC41NjYgODcuNDY3LDE4LjU2NiBDODguMTM5LDE4LjE3OCA4OC44NjMsMTcuOTk0IDg5LjU2NiwxNy45OTQgQzkwLjg5MiwxNy45OTQgOTIuMTM4LDE4LjY1MiA5Mi43OTIsMTkuODQ3IEw5Ni4wNDIsMjUuNzc1IEw5Ni4wNjQsMjUuNzU3IEwxMDIuODQ5LDI5LjY3NCBMMTAyLjc0NCwyOS40OTIgTDE0OS42MjUsMi41MjcgTTE0OS42MjUsMC44OTIgQzE0OS4zNDMsMC44OTIgMTQ5LjA2MiwwLjk2NSAxNDguODEsMS4xMSBMMTAyLjY0MSwyNy42NjYgTDk3LjIzMSwyNC41NDIgTDk0LjIyNiwxOS4wNjEgQzkzLjMxMywxNy4zOTQgOTEuNTI3LDE2LjM1OSA4OS41NjYsMTYuMzU4IEM4OC41NTUsMTYuMzU4IDg3LjU0NiwxNi42MzIgODYuNjQ5LDE3LjE1IEM4My44NzgsMTguNzUgNzkuNjg3LDIxLjE2OSA3OS4zNzQsMjEuMzQ1IEM3OS4zNTksMjEuMzUzIDc5LjM0NSwyMS4zNjEgNzkuMzMsMjEuMzY5IEM3Ny43OTgsMjIuMjU0IDc2LjA4NCwyMi43MjIgNzQuMzczLDIyLjcyMiBDNzIuMDgxLDIyLjcyMiA2OS45NTksMjEuODkgNjguMzk3LDIwLjM4IEw2OC4xNDUsMjAuMTM1IEM2Ny43MDYsMTkuNjcyIDY3LjMyMywxOS4xNTYgNjcuMDA2LDE4LjYwMSBDNjYuOTg4LDE4LjU1OSA2Ni45NjgsMTguNTE5IDY2Ljk0NiwxOC40NzkgTDY2LjcxOSwxOC4wNjUgQzY2LjY5LDE4LjAxMiA2Ni42NTgsMTcuOTYgNjYuNjI0LDE3LjkxMSBDNjUuNjg2LDE2LjMzNyA2My45NTEsMTUuMzY2IDYyLjA1MywxNS4zNjYgQzYxLjA0MiwxNS4zNjYgNjAuMDMzLDE1LjY0IDU5LjEzNiwxNi4xNTggTDMuMTI1LDQ4LjUwMiBDMC40MjYsNTAuMDYxIC0wLjYxMyw1My40NDIgMC44MTEsNTYuMDQgTDExLjA4OSw3NC43OSBDMTEuMjY2LDc1LjExMyAxMS41MzcsNzUuMzUzIDExLjg1LDc1LjQ5NCBMNTguMjc2LDEwMi4yOTggQzU5LjY3OSwxMDMuMTA4IDYxLjQzMywxMDMuNjMgNjMuMzQ4LDEwMy44MDYgQzYzLjgxMiwxMDMuODQ4IDY0LjI4NSwxMDMuODcgNjQuNzU0LDEwMy44NyBDNjUsMTAzLjg3IDY1LjI0OSwxMDMuODY0IDY1LjQ5NCwxMDMuODUyIEM2NS41NjMsMTAzLjg0OSA2NS42MzIsMTAzLjg0NyA2NS43MDEsMTAzLjg0NyBDNjUuNzY0LDEwMy44NDcgNjUuODI4LDEwMy44NDkgNjUuODksMTAzLjg1MiBDNjUuOTg2LDEwMy44NTYgNjYuMDgsMTAzLjg2MyA2Ni4xNzMsMTAzLjg3NCBDNjYuMjgyLDEwNS40NjcgNjcuMzMyLDEwNy4xOTcgNjguNzAyLDEwNy45ODggTDExMS4xNzQsMTMyLjUxIEMxMTEuNjk4LDEzMi44MTIgMTEyLjIzMiwxMzIuOTY1IDExMi43NjQsMTMyLjk2NSBDMTE0LjI2MSwxMzIuOTY1IDExNS4zNDcsMTMxLjc2NSAxMTUuMzQ3LDEzMC4xMTMgTDExNS4zNDcsMTAzLjU1MSBMMTIyLjQ1OCw5OS40NDYgQzEyMi44MTksOTkuMjM3IDEyMy4wODcsOTguODk4IDEyMy4yMDcsOTguNDk4IEwxMjcuODY1LDgyLjkwNSBDMTMyLjI3OSw4My43MDIgMTM2LjU1Nyw4NC43NTMgMTQwLjYwNyw4Ni4wMzMgTDE0MS4xNCw4Ni44NjIgQzE0MS40NTEsODcuMzQ2IDE0MS45NzcsODcuNjEzIDE0Mi41MTYsODcuNjEzIEMxNDIuNzk0LDg3LjYxMyAxNDMuMDc2LDg3LjU0MiAxNDMuMzMzLDg3LjM5MyBMMTY5Ljg2NSw3Mi4wNzYgTDE5Myw4NS40MzMgQzE5My41MjMsODUuNzM1IDE5NC4wNTgsODUuODg4IDE5NC41OSw4NS44ODggQzE5Ni4wODcsODUuODg4IDE5Ny4xNzMsODQuNjg5IDE5Ny4xNzMsODMuMDM2IEwxOTcuMTczLDI5LjAzNSBDMTk3LjE3MywyOC40NTEgMTk2Ljg2MSwyNy45MTEgMTk2LjM1NSwyNy42MTkgQzE5Ni4zNTUsMjcuNjE5IDE3MS44NDMsMTMuNDY3IDE3MC4zODUsMTIuNjI2IEMxNzAuMTMyLDEyLjQ4IDE2OS44NSwxMi40MDcgMTY5LjU2OCwxMi40MDcgQzE2OS4yODUsMTIuNDA3IDE2OS4wMDIsMTIuNDgxIDE2OC43NDksMTIuNjI3IEMxNjguMTQzLDEyLjk3OCAxNjUuNzU2LDE0LjM1NyAxNjQuNDI0LDE1LjEyNSBMMTU5LjYxNSwxMC44NyBDMTU4Ljc5NiwxMC4xNDUgMTU4LjE1NCw4LjkzNyAxNTguMDU0LDcuOTM0IEMxNTguMDQ1LDcuODM3IDE1OC4wMzQsNy43MzkgMTU4LjAyMSw3LjY0IEMxNTguMDA1LDcuNTIzIDE1Ny45OTgsNy40MSAxNTcuOTk4LDcuMzA0IEwxNTcuOTk4LDYuNDE4IEMxNTcuOTk4LDUuODM0IDE1Ny42ODYsNS4yOTUgMTU3LjE4MSw1LjAwMiBDMTU2LjYyNCw0LjY4IDE1MC40NDIsMS4xMTEgMTUwLjQ0MiwxLjExMSBDMTUwLjE4OSwwLjk2NSAxNDkuOTA3LDAuODkyIDE0OS42MjUsMC44OTIiIGlkPSJGaWxsLTEiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTYuMDI3LDI1LjYzNiBMMTQyLjYwMyw1Mi41MjcgQzE0My44MDcsNTMuMjIyIDE0NC41ODIsNTQuMTE0IDE0NC44NDUsNTUuMDY4IEwxNDQuODM1LDU1LjA3NSBMNjMuNDYxLDEwMi4wNTcgTDYzLjQ2LDEwMi4wNTcgQzYxLjgwNiwxMDEuOTA1IDYwLjI2MSwxMDEuNDU3IDU5LjA1NywxMDAuNzYyIEwxMi40ODEsNzMuODcxIEw5Ni4wMjcsMjUuNjM2IiBpZD0iRmlsbC0yIiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYzLjQ2MSwxMDIuMTc0IEM2My40NTMsMTAyLjE3NCA2My40NDYsMTAyLjE3NCA2My40MzksMTAyLjE3MiBDNjEuNzQ2LDEwMi4wMTYgNjAuMjExLDEwMS41NjMgNTguOTk4LDEwMC44NjMgTDEyLjQyMiw3My45NzMgQzEyLjM4Niw3My45NTIgMTIuMzY0LDczLjkxNCAxMi4zNjQsNzMuODcxIEMxMi4zNjQsNzMuODMgMTIuMzg2LDczLjc5MSAxMi40MjIsNzMuNzcgTDk1Ljk2OCwyNS41MzUgQzk2LjAwNCwyNS41MTQgOTYuMDQ5LDI1LjUxNCA5Ni4wODUsMjUuNTM1IEwxNDIuNjYxLDUyLjQyNiBDMTQzLjg4OCw1My4xMzQgMTQ0LjY4Miw1NC4wMzggMTQ0Ljk1Nyw1NS4wMzcgQzE0NC45Nyw1NS4wODMgMTQ0Ljk1Myw1NS4xMzMgMTQ0LjkxNSw1NS4xNjEgQzE0NC45MTEsNTUuMTY1IDE0NC44OTgsNTUuMTc0IDE0NC44OTQsNTUuMTc3IEw2My41MTksMTAyLjE1OCBDNjMuNTAxLDEwMi4xNjkgNjMuNDgxLDEwMi4xNzQgNjMuNDYxLDEwMi4xNzQgTDYzLjQ2MSwxMDIuMTc0IFogTTEyLjcxNCw3My44NzEgTDU5LjExNSwxMDAuNjYxIEM2MC4yOTMsMTAxLjM0MSA2MS43ODYsMTAxLjc4MiA2My40MzUsMTAxLjkzNyBMMTQ0LjcwNyw1NS4wMTUgQzE0NC40MjgsNTQuMTA4IDE0My42ODIsNTMuMjg1IDE0Mi41NDQsNTIuNjI4IEw5Ni4wMjcsMjUuNzcxIEwxMi43MTQsNzMuODcxIEwxMi43MTQsNzMuODcxIFoiIGlkPSJGaWxsLTMiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ4LjMyNyw1OC40NzEgQzE0OC4xNDUsNTguNDggMTQ3Ljk2Miw1OC40OCAxNDcuNzgxLDU4LjQ3MiBDMTQ1Ljg4Nyw1OC4zODkgMTQ0LjQ3OSw1Ny40MzQgMTQ0LjYzNiw1Ni4zNCBDMTQ0LjY4OSw1NS45NjcgMTQ0LjY2NCw1NS41OTcgMTQ0LjU2NCw1NS4yMzUgTDYzLjQ2MSwxMDIuMDU3IEM2NC4wODksMTAyLjExNSA2NC43MzMsMTAyLjEzIDY1LjM3OSwxMDIuMDk5IEM2NS41NjEsMTAyLjA5IDY1Ljc0MywxMDIuMDkgNjUuOTI1LDEwMi4wOTggQzY3LjgxOSwxMDIuMTgxIDY5LjIyNywxMDMuMTM2IDY5LjA3LDEwNC4yMyBMMTQ4LjMyNyw1OC40NzEiIGlkPSJGaWxsLTQiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjkuMDcsMTA0LjM0NyBDNjkuMDQ4LDEwNC4zNDcgNjkuMDI1LDEwNC4zNCA2OS4wMDUsMTA0LjMyNyBDNjguOTY4LDEwNC4zMDEgNjguOTQ4LDEwNC4yNTcgNjguOTU1LDEwNC4yMTMgQzY5LDEwMy44OTYgNjguODk4LDEwMy41NzYgNjguNjU4LDEwMy4yODggQzY4LjE1MywxMDIuNjc4IDY3LjEwMywxMDIuMjY2IDY1LjkyLDEwMi4yMTQgQzY1Ljc0MiwxMDIuMjA2IDY1LjU2MywxMDIuMjA3IDY1LjM4NSwxMDIuMjE1IEM2NC43NDIsMTAyLjI0NiA2NC4wODcsMTAyLjIzMiA2My40NSwxMDIuMTc0IEM2My4zOTksMTAyLjE2OSA2My4zNTgsMTAyLjEzMiA2My4zNDcsMTAyLjA4MiBDNjMuMzM2LDEwMi4wMzMgNjMuMzU4LDEwMS45ODEgNjMuNDAyLDEwMS45NTYgTDE0NC41MDYsNTUuMTM0IEMxNDQuNTM3LDU1LjExNiAxNDQuNTc1LDU1LjExMyAxNDQuNjA5LDU1LjEyNyBDMTQ0LjY0Miw1NS4xNDEgMTQ0LjY2OCw1NS4xNyAxNDQuNjc3LDU1LjIwNCBDMTQ0Ljc4MSw1NS41ODUgMTQ0LjgwNiw1NS45NzIgMTQ0Ljc1MSw1Ni4zNTcgQzE0NC43MDYsNTYuNjczIDE0NC44MDgsNTYuOTk0IDE0NS4wNDcsNTcuMjgyIEMxNDUuNTUzLDU3Ljg5MiAxNDYuNjAyLDU4LjMwMyAxNDcuNzg2LDU4LjM1NSBDMTQ3Ljk2NCw1OC4zNjMgMTQ4LjE0Myw1OC4zNjMgMTQ4LjMyMSw1OC4zNTQgQzE0OC4zNzcsNTguMzUyIDE0OC40MjQsNTguMzg3IDE0OC40MzksNTguNDM4IEMxNDguNDU0LDU4LjQ5IDE0OC40MzIsNTguNTQ1IDE0OC4zODUsNTguNTcyIEw2OS4xMjksMTA0LjMzMSBDNjkuMTExLDEwNC4zNDIgNjkuMDksMTA0LjM0NyA2OS4wNywxMDQuMzQ3IEw2OS4wNywxMDQuMzQ3IFogTTY1LjY2NSwxMDEuOTc1IEM2NS43NTQsMTAxLjk3NSA2NS44NDIsMTAxLjk3NyA2NS45MywxMDEuOTgxIEM2Ny4xOTYsMTAyLjAzNyA2OC4yODMsMTAyLjQ2OSA2OC44MzgsMTAzLjEzOSBDNjkuMDY1LDEwMy40MTMgNjkuMTg4LDEwMy43MTQgNjkuMTk4LDEwNC4wMjEgTDE0Ny44ODMsNTguNTkyIEMxNDcuODQ3LDU4LjU5MiAxNDcuODExLDU4LjU5MSAxNDcuNzc2LDU4LjU4OSBDMTQ2LjUwOSw1OC41MzMgMTQ1LjQyMiw1OC4xIDE0NC44NjcsNTcuNDMxIEMxNDQuNTg1LDU3LjA5MSAxNDQuNDY1LDU2LjcwNyAxNDQuNTIsNTYuMzI0IEMxNDQuNTYzLDU2LjAyMSAxNDQuNTUyLDU1LjcxNiAxNDQuNDg4LDU1LjQxNCBMNjMuODQ2LDEwMS45NyBDNjQuMzUzLDEwMi4wMDIgNjQuODY3LDEwMi4wMDYgNjUuMzc0LDEwMS45ODIgQzY1LjQ3MSwxMDEuOTc3IDY1LjU2OCwxMDEuOTc1IDY1LjY2NSwxMDEuOTc1IEw2NS42NjUsMTAxLjk3NSBaIiBpZD0iRmlsbC01IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuMjA4LDU1LjEzNCBDMS4yMDcsNTMuMzA3IDEuOTY3LDUwLjkxNyAzLjkwNiw0OS43OTcgTDU5LjkxNywxNy40NTMgQzYxLjg1NiwxNi4zMzMgNjQuMjQxLDE2LjkwNyA2NS4yNDMsMTguNzM0IEw2NS40NzUsMTkuMTQ0IEM2NS44NzIsMTkuODgyIDY2LjM2OCwyMC41NiA2Ni45NDUsMjEuMTY1IEw2Ny4yMjMsMjEuNDM1IEM3MC41NDgsMjQuNjQ5IDc1LjgwNiwyNS4xNTEgODAuMTExLDIyLjY2NSBMODcuNDMsMTguNDQ1IEM4OS4zNywxNy4zMjYgOTEuNzU0LDE3Ljg5OSA5Mi43NTUsMTkuNzI3IEw5Ni4wMDUsMjUuNjU1IEwxMi40ODYsNzMuODg0IEwyLjIwOCw1NS4xMzQgWiIgaWQ9IkZpbGwtNiIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi40ODYsNzQuMDAxIEMxMi40NzYsNzQuMDAxIDEyLjQ2NSw3My45OTkgMTIuNDU1LDczLjk5NiBDMTIuNDI0LDczLjk4OCAxMi4zOTksNzMuOTY3IDEyLjM4NCw3My45NCBMMi4xMDYsNTUuMTkgQzEuMDc1LDUzLjMxIDEuODU3LDUwLjg0NSAzLjg0OCw0OS42OTYgTDU5Ljg1OCwxNy4zNTIgQzYwLjUyNSwxNi45NjcgNjEuMjcxLDE2Ljc2NCA2Mi4wMTYsMTYuNzY0IEM2My40MzEsMTYuNzY0IDY0LjY2NiwxNy40NjYgNjUuMzI3LDE4LjY0NiBDNjUuMzM3LDE4LjY1NCA2NS4zNDUsMTguNjYzIDY1LjM1MSwxOC42NzQgTDY1LjU3OCwxOS4wODggQzY1LjU4NCwxOS4xIDY1LjU4OSwxOS4xMTIgNjUuNTkxLDE5LjEyNiBDNjUuOTg1LDE5LjgzOCA2Ni40NjksMjAuNDk3IDY3LjAzLDIxLjA4NSBMNjcuMzA1LDIxLjM1MSBDNjkuMTUxLDIzLjEzNyA3MS42NDksMjQuMTIgNzQuMzM2LDI0LjEyIEM3Ni4zMTMsMjQuMTIgNzguMjksMjMuNTgyIDgwLjA1MywyMi41NjMgQzgwLjA2NCwyMi41NTcgODAuMDc2LDIyLjU1MyA4MC4wODgsMjIuNTUgTDg3LjM3MiwxOC4zNDQgQzg4LjAzOCwxNy45NTkgODguNzg0LDE3Ljc1NiA4OS41MjksMTcuNzU2IEM5MC45NTYsMTcuNzU2IDkyLjIwMSwxOC40NzIgOTIuODU4LDE5LjY3IEw5Ni4xMDcsMjUuNTk5IEM5Ni4xMzgsMjUuNjU0IDk2LjExOCwyNS43MjQgOTYuMDYzLDI1Ljc1NiBMMTIuNTQ1LDczLjk4NSBDMTIuNTI2LDczLjk5NiAxMi41MDYsNzQuMDAxIDEyLjQ4Niw3NC4wMDEgTDEyLjQ4Niw3NC4wMDEgWiBNNjIuMDE2LDE2Ljk5NyBDNjEuMzEyLDE2Ljk5NyA2MC42MDYsMTcuMTkgNTkuOTc1LDE3LjU1NCBMMy45NjUsNDkuODk5IEMyLjA4Myw1MC45ODUgMS4zNDEsNTMuMzA4IDIuMzEsNTUuMDc4IEwxMi41MzEsNzMuNzIzIEw5NS44NDgsMjUuNjExIEw5Mi42NTMsMTkuNzgyIEM5Mi4wMzgsMTguNjYgOTAuODcsMTcuOTkgODkuNTI5LDE3Ljk5IEM4OC44MjUsMTcuOTkgODguMTE5LDE4LjE4MiA4Ny40ODksMTguNTQ3IEw4MC4xNzIsMjIuNzcyIEM4MC4xNjEsMjIuNzc4IDgwLjE0OSwyMi43ODIgODAuMTM3LDIyLjc4NSBDNzguMzQ2LDIzLjgxMSA3Ni4zNDEsMjQuMzU0IDc0LjMzNiwyNC4zNTQgQzcxLjU4OCwyNC4zNTQgNjkuMDMzLDIzLjM0NyA2Ny4xNDIsMjEuNTE5IEw2Ni44NjQsMjEuMjQ5IEM2Ni4yNzcsMjAuNjM0IDY1Ljc3NCwxOS45NDcgNjUuMzY3LDE5LjIwMyBDNjUuMzYsMTkuMTkyIDY1LjM1NiwxOS4xNzkgNjUuMzU0LDE5LjE2NiBMNjUuMTYzLDE4LjgxOSBDNjUuMTU0LDE4LjgxMSA2NS4xNDYsMTguODAxIDY1LjE0LDE4Ljc5IEM2NC41MjUsMTcuNjY3IDYzLjM1NywxNi45OTcgNjIuMDE2LDE2Ljk5NyBMNjIuMDE2LDE2Ljk5NyBaIiBpZD0iRmlsbC03IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQyLjQzNCw0OC44MDggTDQyLjQzNCw0OC44MDggQzM5LjkyNCw0OC44MDcgMzcuNzM3LDQ3LjU1IDM2LjU4Miw0NS40NDMgQzM0Ljc3MSw0Mi4xMzkgMzYuMTQ0LDM3LjgwOSAzOS42NDEsMzUuNzg5IEw1MS45MzIsMjguNjkxIEM1My4xMDMsMjguMDE1IDU0LjQxMywyNy42NTggNTUuNzIxLDI3LjY1OCBDNTguMjMxLDI3LjY1OCA2MC40MTgsMjguOTE2IDYxLjU3MywzMS4wMjMgQzYzLjM4NCwzNC4zMjcgNjIuMDEyLDM4LjY1NyA1OC41MTQsNDAuNjc3IEw0Ni4yMjMsNDcuNzc1IEM0NS4wNTMsNDguNDUgNDMuNzQyLDQ4LjgwOCA0Mi40MzQsNDguODA4IEw0Mi40MzQsNDguODA4IFogTTU1LjcyMSwyOC4xMjUgQzU0LjQ5NSwyOC4xMjUgNTMuMjY1LDI4LjQ2MSA1Mi4xNjYsMjkuMDk2IEwzOS44NzUsMzYuMTk0IEMzNi41OTYsMzguMDg3IDM1LjMwMiw0Mi4xMzYgMzYuOTkyLDQ1LjIxOCBDMzguMDYzLDQ3LjE3MyA0MC4wOTgsNDguMzQgNDIuNDM0LDQ4LjM0IEM0My42NjEsNDguMzQgNDQuODksNDguMDA1IDQ1Ljk5LDQ3LjM3IEw1OC4yODEsNDAuMjcyIEM2MS41NiwzOC4zNzkgNjIuODUzLDM0LjMzIDYxLjE2NCwzMS4yNDggQzYwLjA5MiwyOS4yOTMgNTguMDU4LDI4LjEyNSA1NS43MjEsMjguMTI1IEw1NS43MjEsMjguMTI1IFoiIGlkPSJGaWxsLTgiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5LjU4OCwyLjQwNyBDMTQ5LjU4OCwyLjQwNyAxNTUuNzY4LDUuOTc1IDE1Ni4zMjUsNi4yOTcgTDE1Ni4zMjUsNy4xODQgQzE1Ni4zMjUsNy4zNiAxNTYuMzM4LDcuNTQ0IDE1Ni4zNjIsNy43MzMgQzE1Ni4zNzMsNy44MTQgMTU2LjM4Miw3Ljg5NCAxNTYuMzksNy45NzUgQzE1Ni41Myw5LjM5IDE1Ny4zNjMsMTAuOTczIDE1OC40OTUsMTEuOTc0IEwxNjUuODkxLDE4LjUxOSBDMTY2LjA2OCwxOC42NzUgMTY2LjI0OSwxOC44MTQgMTY2LjQzMiwxOC45MzQgQzE2OC4wMTEsMTkuOTc0IDE2OS4zODIsMTkuNCAxNjkuNDk0LDE3LjY1MiBDMTY5LjU0MywxNi44NjggMTY5LjU1MSwxNi4wNTcgMTY5LjUxNywxNS4yMjMgTDE2OS41MTQsMTUuMDYzIEwxNjkuNTE0LDEzLjkxMiBDMTcwLjc4LDE0LjY0MiAxOTUuNTAxLDI4LjkxNSAxOTUuNTAxLDI4LjkxNSBMMTk1LjUwMSw4Mi45MTUgQzE5NS41MDEsODQuMDA1IDE5NC43MzEsODQuNDQ1IDE5My43ODEsODMuODk3IEwxNTEuMzA4LDU5LjM3NCBDMTUwLjM1OCw1OC44MjYgMTQ5LjU4OCw1Ny40OTcgMTQ5LjU4OCw1Ni40MDggTDE0OS41ODgsMjIuMzc1IiBpZD0iRmlsbC05IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5NC41NTMsODQuMjUgQzE5NC4yOTYsODQuMjUgMTk0LjAxMyw4NC4xNjUgMTkzLjcyMiw4My45OTcgTDE1MS4yNSw1OS40NzYgQzE1MC4yNjksNTguOTA5IDE0OS40NzEsNTcuNTMzIDE0OS40NzEsNTYuNDA4IEwxNDkuNDcxLDIyLjM3NSBMMTQ5LjcwNSwyMi4zNzUgTDE0OS43MDUsNTYuNDA4IEMxNDkuNzA1LDU3LjQ1OSAxNTAuNDUsNTguNzQ0IDE1MS4zNjYsNTkuMjc0IEwxOTMuODM5LDgzLjc5NSBDMTk0LjI2Myw4NC4wNCAxOTQuNjU1LDg0LjA4MyAxOTQuOTQyLDgzLjkxNyBDMTk1LjIyNyw4My43NTMgMTk1LjM4NCw4My4zOTcgMTk1LjM4NCw4Mi45MTUgTDE5NS4zODQsMjguOTgyIEMxOTQuMTAyLDI4LjI0MiAxNzIuMTA0LDE1LjU0MiAxNjkuNjMxLDE0LjExNCBMMTY5LjYzNCwxNS4yMiBDMTY5LjY2OCwxNi4wNTIgMTY5LjY2LDE2Ljg3NCAxNjkuNjEsMTcuNjU5IEMxNjkuNTU2LDE4LjUwMyAxNjkuMjE0LDE5LjEyMyAxNjguNjQ3LDE5LjQwNSBDMTY4LjAyOCwxOS43MTQgMTY3LjE5NywxOS41NzggMTY2LjM2NywxOS4wMzIgQzE2Ni4xODEsMTguOTA5IDE2NS45OTUsMTguNzY2IDE2NS44MTQsMTguNjA2IEwxNTguNDE3LDEyLjA2MiBDMTU3LjI1OSwxMS4wMzYgMTU2LjQxOCw5LjQzNyAxNTYuMjc0LDcuOTg2IEMxNTYuMjY2LDcuOTA3IDE1Ni4yNTcsNy44MjcgMTU2LjI0Nyw3Ljc0OCBDMTU2LjIyMSw3LjU1NSAxNTYuMjA5LDcuMzY1IDE1Ni4yMDksNy4xODQgTDE1Ni4yMDksNi4zNjQgQzE1NS4zNzUsNS44ODMgMTQ5LjUyOSwyLjUwOCAxNDkuNTI5LDIuNTA4IEwxNDkuNjQ2LDIuMzA2IEMxNDkuNjQ2LDIuMzA2IDE1NS44MjcsNS44NzQgMTU2LjM4NCw2LjE5NiBMMTU2LjQ0Miw2LjIzIEwxNTYuNDQyLDcuMTg0IEMxNTYuNDQyLDcuMzU1IDE1Ni40NTQsNy41MzUgMTU2LjQ3OCw3LjcxNyBDMTU2LjQ4OSw3LjggMTU2LjQ5OSw3Ljg4MiAxNTYuNTA3LDcuOTYzIEMxNTYuNjQ1LDkuMzU4IDE1Ny40NTUsMTAuODk4IDE1OC41NzIsMTEuODg2IEwxNjUuOTY5LDE4LjQzMSBDMTY2LjE0MiwxOC41ODQgMTY2LjMxOSwxOC43MiAxNjYuNDk2LDE4LjgzNyBDMTY3LjI1NCwxOS4zMzYgMTY4LDE5LjQ2NyAxNjguNTQzLDE5LjE5NiBDMTY5LjAzMywxOC45NTMgMTY5LjMyOSwxOC40MDEgMTY5LjM3NywxNy42NDUgQzE2OS40MjcsMTYuODY3IDE2OS40MzQsMTYuMDU0IDE2OS40MDEsMTUuMjI4IEwxNjkuMzk3LDE1LjA2NSBMMTY5LjM5NywxMy43MSBMMTY5LjU3MiwxMy44MSBDMTcwLjgzOSwxNC41NDEgMTk1LjU1OSwyOC44MTQgMTk1LjU1OSwyOC44MTQgTDE5NS42MTgsMjguODQ3IEwxOTUuNjE4LDgyLjkxNSBDMTk1LjYxOCw4My40ODQgMTk1LjQyLDgzLjkxMSAxOTUuMDU5LDg0LjExOSBDMTk0LjkwOCw4NC4yMDYgMTk0LjczNyw4NC4yNSAxOTQuNTUzLDg0LjI1IiBpZD0iRmlsbC0xMCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDUuNjg1LDU2LjE2MSBMMTY5LjgsNzAuMDgzIEwxNDMuODIyLDg1LjA4MSBMMTQyLjM2LDg0Ljc3NCBDMTM1LjgyNiw4Mi42MDQgMTI4LjczMiw4MS4wNDYgMTIxLjM0MSw4MC4xNTggQzExNi45NzYsNzkuNjM0IDExMi42NzgsODEuMjU0IDExMS43NDMsODMuNzc4IEMxMTEuNTA2LDg0LjQxNCAxMTEuNTAzLDg1LjA3MSAxMTEuNzMyLDg1LjcwNiBDMTEzLjI3LDg5Ljk3MyAxMTUuOTY4LDk0LjA2OSAxMTkuNzI3LDk3Ljg0MSBMMTIwLjI1OSw5OC42ODYgQzEyMC4yNiw5OC42ODUgOTQuMjgyLDExMy42ODMgOTQuMjgyLDExMy42ODMgTDcwLjE2Nyw5OS43NjEgTDE0NS42ODUsNTYuMTYxIiBpZD0iRmlsbC0xMSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05NC4yODIsMTEzLjgxOCBMOTQuMjIzLDExMy43ODUgTDY5LjkzMyw5OS43NjEgTDcwLjEwOCw5OS42NiBMMTQ1LjY4NSw1Ni4wMjYgTDE0NS43NDMsNTYuMDU5IEwxNzAuMDMzLDcwLjA4MyBMMTQzLjg0Miw4NS4yMDUgTDE0My43OTcsODUuMTk1IEMxNDMuNzcyLDg1LjE5IDE0Mi4zMzYsODQuODg4IDE0Mi4zMzYsODQuODg4IEMxMzUuNzg3LDgyLjcxNCAxMjguNzIzLDgxLjE2MyAxMjEuMzI3LDgwLjI3NCBDMTIwLjc4OCw4MC4yMDkgMTIwLjIzNiw4MC4xNzcgMTE5LjY4OSw4MC4xNzcgQzExNS45MzEsODAuMTc3IDExMi42MzUsODEuNzA4IDExMS44NTIsODMuODE5IEMxMTEuNjI0LDg0LjQzMiAxMTEuNjIxLDg1LjA1MyAxMTEuODQyLDg1LjY2NyBDMTEzLjM3Nyw4OS45MjUgMTE2LjA1OCw5My45OTMgMTE5LjgxLDk3Ljc1OCBMMTE5LjgyNiw5Ny43NzkgTDEyMC4zNTIsOTguNjE0IEMxMjAuMzU0LDk4LjYxNyAxMjAuMzU2LDk4LjYyIDEyMC4zNTgsOTguNjI0IEwxMjAuNDIyLDk4LjcyNiBMMTIwLjMxNyw5OC43ODcgQzEyMC4yNjQsOTguODE4IDk0LjU5OSwxMTMuNjM1IDk0LjM0LDExMy43ODUgTDk0LjI4MiwxMTMuODE4IEw5NC4yODIsMTEzLjgxOCBaIE03MC40MDEsOTkuNzYxIEw5NC4yODIsMTEzLjU0OSBMMTE5LjA4NCw5OS4yMjkgQzExOS42Myw5OC45MTQgMTE5LjkzLDk4Ljc0IDEyMC4xMDEsOTguNjU0IEwxMTkuNjM1LDk3LjkxNCBDMTE1Ljg2NCw5NC4xMjcgMTEzLjE2OCw5MC4wMzMgMTExLjYyMiw4NS43NDYgQzExMS4zODIsODUuMDc5IDExMS4zODYsODQuNDA0IDExMS42MzMsODMuNzM4IEMxMTIuNDQ4LDgxLjUzOSAxMTUuODM2LDc5Ljk0MyAxMTkuNjg5LDc5Ljk0MyBDMTIwLjI0Niw3OS45NDMgMTIwLjgwNiw3OS45NzYgMTIxLjM1NSw4MC4wNDIgQzEyOC43NjcsODAuOTMzIDEzNS44NDYsODIuNDg3IDE0Mi4zOTYsODQuNjYzIEMxNDMuMjMyLDg0LjgzOCAxNDMuNjExLDg0LjkxNyAxNDMuNzg2LDg0Ljk2NyBMMTY5LjU2Niw3MC4wODMgTDE0NS42ODUsNTYuMjk1IEw3MC40MDEsOTkuNzYxIEw3MC40MDEsOTkuNzYxIFoiIGlkPSJGaWxsLTEyIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2Ny4yMywxOC45NzkgTDE2Ny4yMyw2OS44NSBMMTM5LjkwOSw4NS42MjMgTDEzMy40NDgsNzEuNDU2IEMxMzIuNTM4LDY5LjQ2IDEzMC4wMiw2OS43MTggMTI3LjgyNCw3Mi4wMyBDMTI2Ljc2OSw3My4xNCAxMjUuOTMxLDc0LjU4NSAxMjUuNDk0LDc2LjA0OCBMMTE5LjAzNCw5Ny42NzYgTDkxLjcxMiwxMTMuNDUgTDkxLjcxMiw2Mi41NzkgTDE2Ny4yMywxOC45NzkiIGlkPSJGaWxsLTEzIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkxLjcxMiwxMTMuNTY3IEM5MS42OTIsMTEzLjU2NyA5MS42NzIsMTEzLjU2MSA5MS42NTMsMTEzLjU1MSBDOTEuNjE4LDExMy41MyA5MS41OTUsMTEzLjQ5MiA5MS41OTUsMTEzLjQ1IEw5MS41OTUsNjIuNTc5IEM5MS41OTUsNjIuNTM3IDkxLjYxOCw2Mi40OTkgOTEuNjUzLDYyLjQ3OCBMMTY3LjE3MiwxOC44NzggQzE2Ny4yMDgsMTguODU3IDE2Ny4yNTIsMTguODU3IDE2Ny4yODgsMTguODc4IEMxNjcuMzI0LDE4Ljg5OSAxNjcuMzQ3LDE4LjkzNyAxNjcuMzQ3LDE4Ljk3OSBMMTY3LjM0Nyw2OS44NSBDMTY3LjM0Nyw2OS44OTEgMTY3LjMyNCw2OS45MyAxNjcuMjg4LDY5Ljk1IEwxMzkuOTY3LDg1LjcyNSBDMTM5LjkzOSw4NS43NDEgMTM5LjkwNSw4NS43NDUgMTM5Ljg3Myw4NS43MzUgQzEzOS44NDIsODUuNzI1IDEzOS44MTYsODUuNzAyIDEzOS44MDIsODUuNjcyIEwxMzMuMzQyLDcxLjUwNCBDMTMyLjk2Nyw3MC42ODIgMTMyLjI4LDcwLjIyOSAxMzEuNDA4LDcwLjIyOSBDMTMwLjMxOSw3MC4yMjkgMTI5LjA0NCw3MC45MTUgMTI3LjkwOCw3Mi4xMSBDMTI2Ljg3NCw3My4yIDEyNi4wMzQsNzQuNjQ3IDEyNS42MDYsNzYuMDgyIEwxMTkuMTQ2LDk3LjcwOSBDMTE5LjEzNyw5Ny43MzggMTE5LjExOCw5Ny43NjIgMTE5LjA5Miw5Ny43NzcgTDkxLjc3LDExMy41NTEgQzkxLjc1MiwxMTMuNTYxIDkxLjczMiwxMTMuNTY3IDkxLjcxMiwxMTMuNTY3IEw5MS43MTIsMTEzLjU2NyBaIE05MS44MjksNjIuNjQ3IEw5MS44MjksMTEzLjI0OCBMMTE4LjkzNSw5Ny41OTggTDEyNS4zODIsNzYuMDE1IEMxMjUuODI3LDc0LjUyNSAxMjYuNjY0LDczLjA4MSAxMjcuNzM5LDcxLjk1IEMxMjguOTE5LDcwLjcwOCAxMzAuMjU2LDY5Ljk5NiAxMzEuNDA4LDY5Ljk5NiBDMTMyLjM3Nyw2OS45OTYgMTMzLjEzOSw3MC40OTcgMTMzLjU1NCw3MS40MDcgTDEzOS45NjEsODUuNDU4IEwxNjcuMTEzLDY5Ljc4MiBMMTY3LjExMywxOS4xODEgTDkxLjgyOSw2Mi42NDcgTDkxLjgyOSw2Mi42NDcgWiIgaWQ9IkZpbGwtMTQiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY4LjU0MywxOS4yMTMgTDE2OC41NDMsNzAuMDgzIEwxNDEuMjIxLDg1Ljg1NyBMMTM0Ljc2MSw3MS42ODkgQzEzMy44NTEsNjkuNjk0IDEzMS4zMzMsNjkuOTUxIDEyOS4xMzcsNzIuMjYzIEMxMjguMDgyLDczLjM3NCAxMjcuMjQ0LDc0LjgxOSAxMjYuODA3LDc2LjI4MiBMMTIwLjM0Niw5Ny45MDkgTDkzLjAyNSwxMTMuNjgzIEw5My4wMjUsNjIuODEzIEwxNjguNTQzLDE5LjIxMyIgaWQ9IkZpbGwtMTUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTMuMDI1LDExMy44IEM5My4wMDUsMTEzLjggOTIuOTg0LDExMy43OTUgOTIuOTY2LDExMy43ODUgQzkyLjkzMSwxMTMuNzY0IDkyLjkwOCwxMTMuNzI1IDkyLjkwOCwxMTMuNjg0IEw5Mi45MDgsNjIuODEzIEM5Mi45MDgsNjIuNzcxIDkyLjkzMSw2Mi43MzMgOTIuOTY2LDYyLjcxMiBMMTY4LjQ4NCwxOS4xMTIgQzE2OC41MiwxOS4wOSAxNjguNTY1LDE5LjA5IDE2OC42MDEsMTkuMTEyIEMxNjguNjM3LDE5LjEzMiAxNjguNjYsMTkuMTcxIDE2OC42NiwxOS4yMTIgTDE2OC42Niw3MC4wODMgQzE2OC42Niw3MC4xMjUgMTY4LjYzNyw3MC4xNjQgMTY4LjYwMSw3MC4xODQgTDE0MS4yOCw4NS45NTggQzE0MS4yNTEsODUuOTc1IDE0MS4yMTcsODUuOTc5IDE0MS4xODYsODUuOTY4IEMxNDEuMTU0LDg1Ljk1OCAxNDEuMTI5LDg1LjkzNiAxNDEuMTE1LDg1LjkwNiBMMTM0LjY1NSw3MS43MzggQzEzNC4yOCw3MC45MTUgMTMzLjU5Myw3MC40NjMgMTMyLjcyLDcwLjQ2MyBDMTMxLjYzMiw3MC40NjMgMTMwLjM1Nyw3MS4xNDggMTI5LjIyMSw3Mi4zNDQgQzEyOC4xODYsNzMuNDMzIDEyNy4zNDcsNzQuODgxIDEyNi45MTksNzYuMzE1IEwxMjAuNDU4LDk3Ljk0MyBDMTIwLjQ1LDk3Ljk3MiAxMjAuNDMxLDk3Ljk5NiAxMjAuNDA1LDk4LjAxIEw5My4wODMsMTEzLjc4NSBDOTMuMDY1LDExMy43OTUgOTMuMDQ1LDExMy44IDkzLjAyNSwxMTMuOCBMOTMuMDI1LDExMy44IFogTTkzLjE0Miw2Mi44ODEgTDkzLjE0MiwxMTMuNDgxIEwxMjAuMjQ4LDk3LjgzMiBMMTI2LjY5NSw3Ni4yNDggQzEyNy4xNCw3NC43NTggMTI3Ljk3Nyw3My4zMTUgMTI5LjA1Miw3Mi4xODMgQzEzMC4yMzEsNzAuOTQyIDEzMS41NjgsNzAuMjI5IDEzMi43Miw3MC4yMjkgQzEzMy42ODksNzAuMjI5IDEzNC40NTIsNzAuNzMxIDEzNC44NjcsNzEuNjQxIEwxNDEuMjc0LDg1LjY5MiBMMTY4LjQyNiw3MC4wMTYgTDE2OC40MjYsMTkuNDE1IEw5My4xNDIsNjIuODgxIEw5My4xNDIsNjIuODgxIFoiIGlkPSJGaWxsLTE2IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2OS44LDcwLjA4MyBMMTQyLjQ3OCw4NS44NTcgTDEzNi4wMTgsNzEuNjg5IEMxMzUuMTA4LDY5LjY5NCAxMzIuNTksNjkuOTUxIDEzMC4zOTMsNzIuMjYzIEMxMjkuMzM5LDczLjM3NCAxMjguNSw3NC44MTkgMTI4LjA2NCw3Ni4yODIgTDEyMS42MDMsOTcuOTA5IEw5NC4yODIsMTEzLjY4MyBMOTQuMjgyLDYyLjgxMyBMMTY5LjgsMTkuMjEzIEwxNjkuOCw3MC4wODMgWiIgaWQ9IkZpbGwtMTciIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTQuMjgyLDExMy45MTcgQzk0LjI0MSwxMTMuOTE3IDk0LjIwMSwxMTMuOTA3IDk0LjE2NSwxMTMuODg2IEM5NC4wOTMsMTEzLjg0NSA5NC4wNDgsMTEzLjc2NyA5NC4wNDgsMTEzLjY4NCBMOTQuMDQ4LDYyLjgxMyBDOTQuMDQ4LDYyLjczIDk0LjA5Myw2Mi42NTIgOTQuMTY1LDYyLjYxMSBMMTY5LjY4MywxOS4wMSBDMTY5Ljc1NSwxOC45NjkgMTY5Ljg0NCwxOC45NjkgMTY5LjkxNywxOS4wMSBDMTY5Ljk4OSwxOS4wNTIgMTcwLjAzMywxOS4xMjkgMTcwLjAzMywxOS4yMTIgTDE3MC4wMzMsNzAuMDgzIEMxNzAuMDMzLDcwLjE2NiAxNjkuOTg5LDcwLjI0NCAxNjkuOTE3LDcwLjI4NSBMMTQyLjU5NSw4Ni4wNiBDMTQyLjUzOCw4Ni4wOTIgMTQyLjQ2OSw4Ni4xIDE0Mi40MDcsODYuMDggQzE0Mi4zNDQsODYuMDYgMTQyLjI5Myw4Ni4wMTQgMTQyLjI2Niw4NS45NTQgTDEzNS44MDUsNzEuNzg2IEMxMzUuNDQ1LDcwLjk5NyAxMzQuODEzLDcwLjU4IDEzMy45NzcsNzAuNTggQzEzMi45MjEsNzAuNTggMTMxLjY3Niw3MS4yNTIgMTMwLjU2Miw3Mi40MjQgQzEyOS41NCw3My41MDEgMTI4LjcxMSw3NC45MzEgMTI4LjI4Nyw3Ni4zNDggTDEyMS44MjcsOTcuOTc2IEMxMjEuODEsOTguMDM0IDEyMS43NzEsOTguMDgyIDEyMS43Miw5OC4xMTIgTDk0LjM5OCwxMTMuODg2IEM5NC4zNjIsMTEzLjkwNyA5NC4zMjIsMTEzLjkxNyA5NC4yODIsMTEzLjkxNyBMOTQuMjgyLDExMy45MTcgWiBNOTQuNTE1LDYyLjk0OCBMOTQuNTE1LDExMy4yNzkgTDEyMS40MDYsOTcuNzU0IEwxMjcuODQsNzYuMjE1IEMxMjguMjksNzQuNzA4IDEyOS4xMzcsNzMuMjQ3IDEzMC4yMjQsNzIuMTAzIEMxMzEuNDI1LDcwLjgzOCAxMzIuNzkzLDcwLjExMiAxMzMuOTc3LDcwLjExMiBDMTM0Ljk5NSw3MC4xMTIgMTM1Ljc5NSw3MC42MzggMTM2LjIzLDcxLjU5MiBMMTQyLjU4NCw4NS41MjYgTDE2OS41NjYsNjkuOTQ4IEwxNjkuNTY2LDE5LjYxNyBMOTQuNTE1LDYyLjk0OCBMOTQuNTE1LDYyLjk0OCBaIiBpZD0iRmlsbC0xOCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDkuODk0LDkyLjk0MyBMMTA5Ljg5NCw5Mi45NDMgQzEwOC4xMiw5Mi45NDMgMTA2LjY1Myw5Mi4yMTggMTA1LjY1LDkwLjgyMyBDMTA1LjU4Myw5MC43MzEgMTA1LjU5Myw5MC42MSAxMDUuNjczLDkwLjUyOSBDMTA1Ljc1Myw5MC40NDggMTA1Ljg4LDkwLjQ0IDEwNS45NzQsOTAuNTA2IEMxMDYuNzU0LDkxLjA1MyAxMDcuNjc5LDkxLjMzMyAxMDguNzI0LDkxLjMzMyBDMTEwLjA0Nyw5MS4zMzMgMTExLjQ3OCw5MC44OTQgMTEyLjk4LDkwLjAyNyBDMTE4LjI5MSw4Ni45NiAxMjIuNjExLDc5LjUwOSAxMjIuNjExLDczLjQxNiBDMTIyLjYxMSw3MS40ODkgMTIyLjE2OSw2OS44NTYgMTIxLjMzMyw2OC42OTIgQzEyMS4yNjYsNjguNiAxMjEuMjc2LDY4LjQ3MyAxMjEuMzU2LDY4LjM5MiBDMTIxLjQzNiw2OC4zMTEgMTIxLjU2Myw2OC4yOTkgMTIxLjY1Niw2OC4zNjUgQzEyMy4zMjcsNjkuNTM3IDEyNC4yNDcsNzEuNzQ2IDEyNC4yNDcsNzQuNTg0IEMxMjQuMjQ3LDgwLjgyNiAxMTkuODIxLDg4LjQ0NyAxMTQuMzgyLDkxLjU4NyBDMTEyLjgwOCw5Mi40OTUgMTExLjI5OCw5Mi45NDMgMTA5Ljg5NCw5Mi45NDMgTDEwOS44OTQsOTIuOTQzIFogTTEwNi45MjUsOTEuNDAxIEMxMDcuNzM4LDkyLjA1MiAxMDguNzQ1LDkyLjI3OCAxMDkuODkzLDkyLjI3OCBMMTA5Ljg5NCw5Mi4yNzggQzExMS4yMTUsOTIuMjc4IDExMi42NDcsOTEuOTUxIDExNC4xNDgsOTEuMDg0IEMxMTkuNDU5LDg4LjAxNyAxMjMuNzgsODAuNjIxIDEyMy43OCw3NC41MjggQzEyMy43OCw3Mi41NDkgMTIzLjMxNyw3MC45MjkgMTIyLjQ1NCw2OS43NjcgQzEyMi44NjUsNzAuODAyIDEyMy4wNzksNzIuMDQyIDEyMy4wNzksNzMuNDAyIEMxMjMuMDc5LDc5LjY0NSAxMTguNjUzLDg3LjI4NSAxMTMuMjE0LDkwLjQyNSBDMTExLjY0LDkxLjMzNCAxMTAuMTMsOTEuNzQyIDEwOC43MjQsOTEuNzQyIEMxMDguMDgzLDkxLjc0MiAxMDcuNDgxLDkxLjU5MyAxMDYuOTI1LDkxLjQwMSBMMTA2LjkyNSw5MS40MDEgWiIgaWQ9IkZpbGwtMTkiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjA5Nyw5MC4yMyBDMTE4LjQ4MSw4Ny4xMjIgMTIyLjg0NSw3OS41OTQgMTIyLjg0NSw3My40MTYgQzEyMi44NDUsNzEuMzY1IDEyMi4zNjIsNjkuNzI0IDEyMS41MjIsNjguNTU2IEMxMTkuNzM4LDY3LjMwNCAxMTcuMTQ4LDY3LjM2MiAxMTQuMjY1LDY5LjAyNiBDMTA4Ljg4MSw3Mi4xMzQgMTA0LjUxNyw3OS42NjIgMTA0LjUxNyw4NS44NCBDMTA0LjUxNyw4Ny44OTEgMTA1LDg5LjUzMiAxMDUuODQsOTAuNyBDMTA3LjYyNCw5MS45NTIgMTEwLjIxNCw5MS44OTQgMTEzLjA5Nyw5MC4yMyIgaWQ9IkZpbGwtMjAiIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTA4LjcyNCw5MS42MTQgTDEwOC43MjQsOTEuNjE0IEMxMDcuNTgyLDkxLjYxNCAxMDYuNTY2LDkxLjQwMSAxMDUuNzA1LDkwLjc5NyBDMTA1LjY4NCw5MC43ODMgMTA1LjY2NSw5MC44MTEgMTA1LjY1LDkwLjc5IEMxMDQuNzU2LDg5LjU0NiAxMDQuMjgzLDg3Ljg0MiAxMDQuMjgzLDg1LjgxNyBDMTA0LjI4Myw3OS41NzUgMTA4LjcwOSw3MS45NTMgMTE0LjE0OCw2OC44MTIgQzExNS43MjIsNjcuOTA0IDExNy4yMzIsNjcuNDQ5IDExOC42MzgsNjcuNDQ5IEMxMTkuNzgsNjcuNDQ5IDEyMC43OTYsNjcuNzU4IDEyMS42NTYsNjguMzYyIEMxMjEuNjc4LDY4LjM3NyAxMjEuNjk3LDY4LjM5NyAxMjEuNzEyLDY4LjQxOCBDMTIyLjYwNiw2OS42NjIgMTIzLjA3OSw3MS4zOSAxMjMuMDc5LDczLjQxNSBDMTIzLjA3OSw3OS42NTggMTE4LjY1Myw4Ny4xOTggMTEzLjIxNCw5MC4zMzggQzExMS42NCw5MS4yNDcgMTEwLjEzLDkxLjYxNCAxMDguNzI0LDkxLjYxNCBMMTA4LjcyNCw5MS42MTQgWiBNMTA2LjAwNiw5MC41MDUgQzEwNi43OCw5MS4wMzcgMTA3LjY5NCw5MS4yODEgMTA4LjcyNCw5MS4yODEgQzExMC4wNDcsOTEuMjgxIDExMS40NzgsOTAuODY4IDExMi45OCw5MC4wMDEgQzExOC4yOTEsODYuOTM1IDEyMi42MTEsNzkuNDk2IDEyMi42MTEsNzMuNDAzIEMxMjIuNjExLDcxLjQ5NCAxMjIuMTc3LDY5Ljg4IDEyMS4zNTYsNjguNzE4IEMxMjAuNTgyLDY4LjE4NSAxMTkuNjY4LDY3LjkxOSAxMTguNjM4LDY3LjkxOSBDMTE3LjMxNSw2Ny45MTkgMTE1Ljg4Myw2OC4zNiAxMTQuMzgyLDY5LjIyNyBDMTA5LjA3MSw3Mi4yOTMgMTA0Ljc1MSw3OS43MzMgMTA0Ljc1MSw4NS44MjYgQzEwNC43NTEsODcuNzM1IDEwNS4xODUsODkuMzQzIDEwNi4wMDYsOTAuNTA1IEwxMDYuMDA2LDkwLjUwNSBaIiBpZD0iRmlsbC0yMSIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDkuMzE4LDcuMjYyIEwxMzkuMzM0LDE2LjE0IEwxNTUuMjI3LDI3LjE3MSBMMTYwLjgxNiwyMS4wNTkgTDE0OS4zMTgsNy4yNjIiIGlkPSJGaWxsLTIyIiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2OS42NzYsMTMuODQgTDE1OS45MjgsMTkuNDY3IEMxNTYuMjg2LDIxLjU3IDE1MC40LDIxLjU4IDE0Ni43ODEsMTkuNDkxIEMxNDMuMTYxLDE3LjQwMiAxNDMuMTgsMTQuMDAzIDE0Ni44MjIsMTEuOSBMMTU2LjMxNyw2LjI5MiBMMTQ5LjU4OCwyLjQwNyBMNjcuNzUyLDQ5LjQ3OCBMMTEzLjY3NSw3NS45OTIgTDExNi43NTYsNzQuMjEzIEMxMTcuMzg3LDczLjg0OCAxMTcuNjI1LDczLjMxNSAxMTcuMzc0LDcyLjgyMyBDMTE1LjAxNyw2OC4xOTEgMTE0Ljc4MSw2My4yNzcgMTE2LjY5MSw1OC41NjEgQzEyMi4zMjksNDQuNjQxIDE0MS4yLDMzLjc0NiAxNjUuMzA5LDMwLjQ5MSBDMTczLjQ3OCwyOS4zODggMTgxLjk4OSwyOS41MjQgMTkwLjAxMywzMC44ODUgQzE5MC44NjUsMzEuMDMgMTkxLjc4OSwzMC44OTMgMTkyLjQyLDMwLjUyOCBMMTk1LjUwMSwyOC43NSBMMTY5LjY3NiwxMy44NCIgaWQ9IkZpbGwtMjMiIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjY3NSw3Ni40NTkgQzExMy41OTQsNzYuNDU5IDExMy41MTQsNzYuNDM4IDExMy40NDIsNzYuMzk3IEw2Ny41MTgsNDkuODgyIEM2Ny4zNzQsNDkuNzk5IDY3LjI4NCw0OS42NDUgNjcuMjg1LDQ5LjQ3OCBDNjcuMjg1LDQ5LjMxMSA2Ny4zNzQsNDkuMTU3IDY3LjUxOSw0OS4wNzMgTDE0OS4zNTUsMi4wMDIgQzE0OS40OTksMS45MTkgMTQ5LjY3NywxLjkxOSAxNDkuODIxLDIuMDAyIEwxNTYuNTUsNS44ODcgQzE1Ni43NzQsNi4wMTcgMTU2Ljg1LDYuMzAyIDE1Ni43MjIsNi41MjYgQzE1Ni41OTIsNi43NDkgMTU2LjMwNyw2LjgyNiAxNTYuMDgzLDYuNjk2IEwxNDkuNTg3LDIuOTQ2IEw2OC42ODcsNDkuNDc5IEwxMTMuNjc1LDc1LjQ1MiBMMTE2LjUyMyw3My44MDggQzExNi43MTUsNzMuNjk3IDExNy4xNDMsNzMuMzk5IDExNi45NTgsNzMuMDM1IEMxMTQuNTQyLDY4LjI4NyAxMTQuMyw2My4yMjEgMTE2LjI1OCw1OC4zODUgQzExOS4wNjQsNTEuNDU4IDEyNS4xNDMsNDUuMTQzIDEzMy44NCw0MC4xMjIgQzE0Mi40OTcsMzUuMTI0IDE1My4zNTgsMzEuNjMzIDE2NS4yNDcsMzAuMDI4IEMxNzMuNDQ1LDI4LjkyMSAxODIuMDM3LDI5LjA1OCAxOTAuMDkxLDMwLjQyNSBDMTkwLjgzLDMwLjU1IDE5MS42NTIsMzAuNDMyIDE5Mi4xODYsMzAuMTI0IEwxOTQuNTY3LDI4Ljc1IEwxNjkuNDQyLDE0LjI0NCBDMTY5LjIxOSwxNC4xMTUgMTY5LjE0MiwxMy44MjkgMTY5LjI3MSwxMy42MDYgQzE2OS40LDEzLjM4MiAxNjkuNjg1LDEzLjMwNiAxNjkuOTA5LDEzLjQzNSBMMTk1LjczNCwyOC4zNDUgQzE5NS44NzksMjguNDI4IDE5NS45NjgsMjguNTgzIDE5NS45NjgsMjguNzUgQzE5NS45NjgsMjguOTE2IDE5NS44NzksMjkuMDcxIDE5NS43MzQsMjkuMTU0IEwxOTIuNjUzLDMwLjkzMyBDMTkxLjkzMiwzMS4zNSAxOTAuODksMzEuNTA4IDE4OS45MzUsMzEuMzQ2IEMxODEuOTcyLDI5Ljk5NSAxNzMuNDc4LDI5Ljg2IDE2NS4zNzIsMzAuOTU0IEMxNTMuNjAyLDMyLjU0MyAxNDIuODYsMzUuOTkzIDEzNC4zMDcsNDAuOTMxIEMxMjUuNzkzLDQ1Ljg0NyAxMTkuODUxLDUyLjAwNCAxMTcuMTI0LDU4LjczNiBDMTE1LjI3LDYzLjMxNCAxMTUuNTAxLDY4LjExMiAxMTcuNzksNzIuNjExIEMxMTguMTYsNzMuMzM2IDExNy44NDUsNzQuMTI0IDExNi45OSw3NC42MTcgTDExMy45MDksNzYuMzk3IEMxMTMuODM2LDc2LjQzOCAxMTMuNzU2LDc2LjQ1OSAxMTMuNjc1LDc2LjQ1OSIgaWQ9IkZpbGwtMjQiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUzLjMxNiwyMS4yNzkgQzE1MC45MDMsMjEuMjc5IDE0OC40OTUsMjAuNzUxIDE0Ni42NjQsMTkuNjkzIEMxNDQuODQ2LDE4LjY0NCAxNDMuODQ0LDE3LjIzMiAxNDMuODQ0LDE1LjcxOCBDMTQzLjg0NCwxNC4xOTEgMTQ0Ljg2LDEyLjc2MyAxNDYuNzA1LDExLjY5OCBMMTU2LjE5OCw2LjA5MSBDMTU2LjMwOSw2LjAyNSAxNTYuNDUyLDYuMDYyIDE1Ni41MTgsNi4xNzMgQzE1Ni41ODMsNi4yODQgMTU2LjU0Nyw2LjQyNyAxNTYuNDM2LDYuNDkzIEwxNDYuOTQsMTIuMTAyIEMxNDUuMjQ0LDEzLjA4MSAxNDQuMzEyLDE0LjM2NSAxNDQuMzEyLDE1LjcxOCBDMTQ0LjMxMiwxNy4wNTggMTQ1LjIzLDE4LjMyNiAxNDYuODk3LDE5LjI4OSBDMTUwLjQ0NiwyMS4zMzggMTU2LjI0LDIxLjMyNyAxNTkuODExLDE5LjI2NSBMMTY5LjU1OSwxMy42MzcgQzE2OS42NywxMy41NzMgMTY5LjgxMywxMy42MTEgMTY5Ljg3OCwxMy43MjMgQzE2OS45NDMsMTMuODM0IDE2OS45MDQsMTMuOTc3IDE2OS43OTMsMTQuMDQyIEwxNjAuMDQ1LDE5LjY3IEMxNTguMTg3LDIwLjc0MiAxNTUuNzQ5LDIxLjI3OSAxNTMuMzE2LDIxLjI3OSIgaWQ9IkZpbGwtMjUiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEzLjY3NSw3NS45OTIgTDY3Ljc2Miw0OS40ODQiIGlkPSJGaWxsLTI2IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMy42NzUsNzYuMzQyIEMxMTMuNjE1LDc2LjM0MiAxMTMuNTU1LDc2LjMyNyAxMTMuNSw3Ni4yOTUgTDY3LjU4Nyw0OS43ODcgQzY3LjQxOSw0OS42OSA2Ny4zNjIsNDkuNDc2IDY3LjQ1OSw0OS4zMDkgQzY3LjU1Niw0OS4xNDEgNjcuNzcsNDkuMDgzIDY3LjkzNyw0OS4xOCBMMTEzLjg1LDc1LjY4OCBDMTE0LjAxOCw3NS43ODUgMTE0LjA3NSw3NiAxMTMuOTc4LDc2LjE2NyBDMTEzLjkxNCw3Ni4yNzkgMTEzLjc5Niw3Ni4zNDIgMTEzLjY3NSw3Ni4zNDIiIGlkPSJGaWxsLTI3IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY3Ljc2Miw0OS40ODQgTDY3Ljc2MiwxMDMuNDg1IEM2Ny43NjIsMTA0LjU3NSA2OC41MzIsMTA1LjkwMyA2OS40ODIsMTA2LjQ1MiBMMTExLjk1NSwxMzAuOTczIEMxMTIuOTA1LDEzMS41MjIgMTEzLjY3NSwxMzEuMDgzIDExMy42NzUsMTI5Ljk5MyBMMTEzLjY3NSw3NS45OTIiIGlkPSJGaWxsLTI4IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMi43MjcsMTMxLjU2MSBDMTEyLjQzLDEzMS41NjEgMTEyLjEwNywxMzEuNDY2IDExMS43OCwxMzEuMjc2IEw2OS4zMDcsMTA2Ljc1NSBDNjguMjQ0LDEwNi4xNDIgNjcuNDEyLDEwNC43MDUgNjcuNDEyLDEwMy40ODUgTDY3LjQxMiw0OS40ODQgQzY3LjQxMiw0OS4yOSA2Ny41NjksNDkuMTM0IDY3Ljc2Miw0OS4xMzQgQzY3Ljk1Niw0OS4xMzQgNjguMTEzLDQ5LjI5IDY4LjExMyw0OS40ODQgTDY4LjExMywxMDMuNDg1IEM2OC4xMTMsMTA0LjQ0NSA2OC44MiwxMDUuNjY1IDY5LjY1NywxMDYuMTQ4IEwxMTIuMTMsMTMwLjY3IEMxMTIuNDc0LDEzMC44NjggMTEyLjc5MSwxMzAuOTEzIDExMywxMzAuNzkyIEMxMTMuMjA2LDEzMC42NzMgMTEzLjMyNSwxMzAuMzgxIDExMy4zMjUsMTI5Ljk5MyBMMTEzLjMyNSw3NS45OTIgQzExMy4zMjUsNzUuNzk4IDExMy40ODIsNzUuNjQxIDExMy42NzUsNzUuNjQxIEMxMTMuODY5LDc1LjY0MSAxMTQuMDI1LDc1Ljc5OCAxMTQuMDI1LDc1Ljk5MiBMMTE0LjAyNSwxMjkuOTkzIEMxMTQuMDI1LDEzMC42NDggMTEzLjc4NiwxMzEuMTQ3IDExMy4zNSwxMzEuMzk5IEMxMTMuMTYyLDEzMS41MDcgMTEyLjk1MiwxMzEuNTYxIDExMi43MjcsMTMxLjU2MSIgaWQ9IkZpbGwtMjkiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEyLjg2LDQwLjUxMiBDMTEyLjg2LDQwLjUxMiAxMTIuODYsNDAuNTEyIDExMi44NTksNDAuNTEyIEMxMTAuNTQxLDQwLjUxMiAxMDguMzYsMzkuOTkgMTA2LjcxNywzOS4wNDEgQzEwNS4wMTIsMzguMDU3IDEwNC4wNzQsMzYuNzI2IDEwNC4wNzQsMzUuMjkyIEMxMDQuMDc0LDMzLjg0NyAxMDUuMDI2LDMyLjUwMSAxMDYuNzU0LDMxLjUwNCBMMTE4Ljc5NSwyNC41NTEgQzEyMC40NjMsMjMuNTg5IDEyMi42NjksMjMuMDU4IDEyNS4wMDcsMjMuMDU4IEMxMjcuMzI1LDIzLjA1OCAxMjkuNTA2LDIzLjU4MSAxMzEuMTUsMjQuNTMgQzEzMi44NTQsMjUuNTE0IDEzMy43OTMsMjYuODQ1IDEzMy43OTMsMjguMjc4IEMxMzMuNzkzLDI5LjcyNCAxMzIuODQxLDMxLjA2OSAxMzEuMTEzLDMyLjA2NyBMMTE5LjA3MSwzOS4wMTkgQzExNy40MDMsMzkuOTgyIDExNS4xOTcsNDAuNTEyIDExMi44Niw0MC41MTIgTDExMi44Niw0MC41MTIgWiBNMTI1LjAwNywyMy43NTkgQzEyMi43OSwyMy43NTkgMTIwLjcwOSwyNC4yNTYgMTE5LjE0NiwyNS4xNTggTDEwNy4xMDQsMzIuMTEgQzEwNS42MDIsMzIuOTc4IDEwNC43NzQsMzQuMTA4IDEwNC43NzQsMzUuMjkyIEMxMDQuNzc0LDM2LjQ2NSAxMDUuNTg5LDM3LjU4MSAxMDcuMDY3LDM4LjQzNCBDMTA4LjYwNSwzOS4zMjMgMTEwLjY2MywzOS44MTIgMTEyLjg1OSwzOS44MTIgTDExMi44NiwzOS44MTIgQzExNS4wNzYsMzkuODEyIDExNy4xNTgsMzkuMzE1IDExOC43MjEsMzguNDEzIEwxMzAuNzYyLDMxLjQ2IEMxMzIuMjY0LDMwLjU5MyAxMzMuMDkyLDI5LjQ2MyAxMzMuMDkyLDI4LjI3OCBDMTMzLjA5MiwyNy4xMDYgMTMyLjI3OCwyNS45OSAxMzAuOCwyNS4xMzYgQzEyOS4yNjEsMjQuMjQ4IDEyNy4yMDQsMjMuNzU5IDEyNS4wMDcsMjMuNzU5IEwxMjUuMDA3LDIzLjc1OSBaIiBpZD0iRmlsbC0zMCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjUuNjMsMTYuMjE5IEwxNTkuODk2LDE5LjUzIEMxNTYuNzI5LDIxLjM1OCAxNTEuNjEsMjEuMzY3IDE0OC40NjMsMTkuNTUgQzE0NS4zMTYsMTcuNzMzIDE0NS4zMzIsMTQuNzc4IDE0OC40OTksMTIuOTQ5IEwxNTQuMjMzLDkuNjM5IEwxNjUuNjMsMTYuMjE5IiBpZD0iRmlsbC0zMSIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNTQuMjMzLDEwLjQ0OCBMMTY0LjIyOCwxNi4yMTkgTDE1OS41NDYsMTguOTIzIEMxNTguMTEyLDE5Ljc1IDE1Ni4xOTQsMjAuMjA2IDE1NC4xNDcsMjAuMjA2IEMxNTIuMTE4LDIwLjIwNiAxNTAuMjI0LDE5Ljc1NyAxNDguODE0LDE4Ljk0MyBDMTQ3LjUyNCwxOC4xOTkgMTQ2LjgxNCwxNy4yNDkgMTQ2LjgxNCwxNi4yNjkgQzE0Ni44MTQsMTUuMjc4IDE0Ny41MzcsMTQuMzE0IDE0OC44NSwxMy41NTYgTDE1NC4yMzMsMTAuNDQ4IE0xNTQuMjMzLDkuNjM5IEwxNDguNDk5LDEyLjk0OSBDMTQ1LjMzMiwxNC43NzggMTQ1LjMxNiwxNy43MzMgMTQ4LjQ2MywxOS41NSBDMTUwLjAzMSwyMC40NTUgMTUyLjA4NiwyMC45MDcgMTU0LjE0NywyMC45MDcgQzE1Ni4yMjQsMjAuOTA3IDE1OC4zMDYsMjAuNDQ3IDE1OS44OTYsMTkuNTMgTDE2NS42MywxNi4yMTkgTDE1NC4yMzMsOS42MzkiIGlkPSJGaWxsLTMyIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0NS40NDUsNzIuNjY3IEwxNDUuNDQ1LDcyLjY2NyBDMTQzLjY3Miw3Mi42NjcgMTQyLjIwNCw3MS44MTcgMTQxLjIwMiw3MC40MjIgQzE0MS4xMzUsNzAuMzMgMTQxLjE0NSw3MC4xNDcgMTQxLjIyNSw3MC4wNjYgQzE0MS4zMDUsNjkuOTg1IDE0MS40MzIsNjkuOTQ2IDE0MS41MjUsNzAuMDExIEMxNDIuMzA2LDcwLjU1OSAxNDMuMjMxLDcwLjgyMyAxNDQuMjc2LDcwLjgyMiBDMTQ1LjU5OCw3MC44MjIgMTQ3LjAzLDcwLjM3NiAxNDguNTMyLDY5LjUwOSBDMTUzLjg0Miw2Ni40NDMgMTU4LjE2Myw1OC45ODcgMTU4LjE2Myw1Mi44OTQgQzE1OC4xNjMsNTAuOTY3IDE1Ny43MjEsNDkuMzMyIDE1Ni44ODQsNDguMTY4IEMxNTYuODE4LDQ4LjA3NiAxNTYuODI4LDQ3Ljk0OCAxNTYuOTA4LDQ3Ljg2NyBDMTU2Ljk4OCw0Ny43ODYgMTU3LjExNCw0Ny43NzQgMTU3LjIwOCw0Ny44NCBDMTU4Ljg3OCw0OS4wMTIgMTU5Ljc5OCw1MS4yMiAxNTkuNzk4LDU0LjA1OSBDMTU5Ljc5OCw2MC4zMDEgMTU1LjM3Myw2OC4wNDYgMTQ5LjkzMyw3MS4xODYgQzE0OC4zNiw3Mi4wOTQgMTQ2Ljg1LDcyLjY2NyAxNDUuNDQ1LDcyLjY2NyBMMTQ1LjQ0NSw3Mi42NjcgWiBNMTQyLjQ3Niw3MSBDMTQzLjI5LDcxLjY1MSAxNDQuMjk2LDcyLjAwMiAxNDUuNDQ1LDcyLjAwMiBDMTQ2Ljc2Nyw3Mi4wMDIgMTQ4LjE5OCw3MS41NSAxNDkuNyw3MC42ODIgQzE1NS4wMSw2Ny42MTcgMTU5LjMzMSw2MC4xNTkgMTU5LjMzMSw1NC4wNjUgQzE1OS4zMzEsNTIuMDg1IDE1OC44NjgsNTAuNDM1IDE1OC4wMDYsNDkuMjcyIEMxNTguNDE3LDUwLjMwNyAxNTguNjMsNTEuNTMyIDE1OC42Myw1Mi44OTIgQzE1OC42Myw1OS4xMzQgMTU0LjIwNSw2Ni43NjcgMTQ4Ljc2NSw2OS45MDcgQzE0Ny4xOTIsNzAuODE2IDE0NS42ODEsNzEuMjgzIDE0NC4yNzYsNzEuMjgzIEMxNDMuNjM0LDcxLjI4MyAxNDMuMDMzLDcxLjE5MiAxNDIuNDc2LDcxIEwxNDIuNDc2LDcxIFoiIGlkPSJGaWxsLTMzIiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0OC42NDgsNjkuNzA0IEMxNTQuMDMyLDY2LjU5NiAxNTguMzk2LDU5LjA2OCAxNTguMzk2LDUyLjg5MSBDMTU4LjM5Niw1MC44MzkgMTU3LjkxMyw0OS4xOTggMTU3LjA3NCw0OC4wMyBDMTU1LjI4OSw0Ni43NzggMTUyLjY5OSw0Ni44MzYgMTQ5LjgxNiw0OC41MDEgQzE0NC40MzMsNTEuNjA5IDE0MC4wNjgsNTkuMTM3IDE0MC4wNjgsNjUuMzE0IEMxNDAuMDY4LDY3LjM2NSAxNDAuNTUyLDY5LjAwNiAxNDEuMzkxLDcwLjE3NCBDMTQzLjE3Niw3MS40MjcgMTQ1Ljc2NSw3MS4zNjkgMTQ4LjY0OCw2OS43MDQiIGlkPSJGaWxsLTM0IiBmaWxsPSIjRkFGQUZBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0NC4yNzYsNzEuMjc2IEwxNDQuMjc2LDcxLjI3NiBDMTQzLjEzMyw3MS4yNzYgMTQyLjExOCw3MC45NjkgMTQxLjI1Nyw3MC4zNjUgQzE0MS4yMzYsNzAuMzUxIDE0MS4yMTcsNzAuMzMyIDE0MS4yMDIsNzAuMzExIEMxNDAuMzA3LDY5LjA2NyAxMzkuODM1LDY3LjMzOSAxMzkuODM1LDY1LjMxNCBDMTM5LjgzNSw1OS4wNzMgMTQ0LjI2LDUxLjQzOSAxNDkuNyw0OC4yOTggQzE1MS4yNzMsNDcuMzkgMTUyLjc4NCw0Ni45MjkgMTU0LjE4OSw0Ni45MjkgQzE1NS4zMzIsNDYuOTI5IDE1Ni4zNDcsNDcuMjM2IDE1Ny4yMDgsNDcuODM5IEMxNTcuMjI5LDQ3Ljg1NCAxNTcuMjQ4LDQ3Ljg3MyAxNTcuMjYzLDQ3Ljg5NCBDMTU4LjE1Nyw0OS4xMzggMTU4LjYzLDUwLjg2NSAxNTguNjMsNTIuODkxIEMxNTguNjMsNTkuMTMyIDE1NC4yMDUsNjYuNzY2IDE0OC43NjUsNjkuOTA3IEMxNDcuMTkyLDcwLjgxNSAxNDUuNjgxLDcxLjI3NiAxNDQuMjc2LDcxLjI3NiBMMTQ0LjI3Niw3MS4yNzYgWiBNMTQxLjU1OCw3MC4xMDQgQzE0Mi4zMzEsNzAuNjM3IDE0My4yNDUsNzEuMDA1IDE0NC4yNzYsNzEuMDA1IEMxNDUuNTk4LDcxLjAwNSAxNDcuMDMsNzAuNDY3IDE0OC41MzIsNjkuNiBDMTUzLjg0Miw2Ni41MzQgMTU4LjE2Myw1OS4wMzMgMTU4LjE2Myw1Mi45MzkgQzE1OC4xNjMsNTEuMDMxIDE1Ny43MjksNDkuMzg1IDE1Ni45MDcsNDguMjIzIEMxNTYuMTMzLDQ3LjY5MSAxNTUuMjE5LDQ3LjQwOSAxNTQuMTg5LDQ3LjQwOSBDMTUyLjg2Nyw0Ny40MDkgMTUxLjQzNSw0Ny44NDIgMTQ5LjkzMyw0OC43MDkgQzE0NC42MjMsNTEuNzc1IDE0MC4zMDIsNTkuMjczIDE0MC4zMDIsNjUuMzY2IEMxNDAuMzAyLDY3LjI3NiAxNDAuNzM2LDY4Ljk0MiAxNDEuNTU4LDcwLjEwNCBMMTQxLjU1OCw3MC4xMDQgWiIgaWQ9IkZpbGwtMzUiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUwLjcyLDY1LjM2MSBMMTUwLjM1Nyw2NS4wNjYgQzE1MS4xNDcsNjQuMDkyIDE1MS44NjksNjMuMDQgMTUyLjUwNSw2MS45MzggQzE1My4zMTMsNjAuNTM5IDE1My45NzgsNTkuMDY3IDE1NC40ODIsNTcuNTYzIEwxNTQuOTI1LDU3LjcxMiBDMTU0LjQxMiw1OS4yNDUgMTUzLjczMyw2MC43NDUgMTUyLjkxLDYyLjE3MiBDMTUyLjI2Miw2My4yOTUgMTUxLjUyNSw2NC4zNjggMTUwLjcyLDY1LjM2MSIgaWQ9IkZpbGwtMzYiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE1LjkxNyw4NC41MTQgTDExNS41NTQsODQuMjIgQzExNi4zNDQsODMuMjQ1IDExNy4wNjYsODIuMTk0IDExNy43MDIsODEuMDkyIEMxMTguNTEsNzkuNjkyIDExOS4xNzUsNzguMjIgMTE5LjY3OCw3Ni43MTcgTDEyMC4xMjEsNzYuODY1IEMxMTkuNjA4LDc4LjM5OCAxMTguOTMsNzkuODk5IDExOC4xMDYsODEuMzI2IEMxMTcuNDU4LDgyLjQ0OCAxMTYuNzIyLDgzLjUyMSAxMTUuOTE3LDg0LjUxNCIgaWQ9IkZpbGwtMzciIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE0LDEzMC40NzYgTDExNCwxMzAuMDA4IEwxMTQsNzYuMDUyIEwxMTQsNzUuNTg0IEwxMTQsNzYuMDUyIEwxMTQsMTMwLjAwOCBMMTE0LDEzMC40NzYiIGlkPSJGaWxsLTM4IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuODIyLDM3LjQ3NCBDMTkuODM5LDM3LjMzOSAxOS43NDcsMzcuMTk0IDE5LjU1NSwzNy4wODIgQzE5LjIyOCwzNi44OTQgMTguNzI5LDM2Ljg3MiAxOC40NDYsMzcuMDM3IEwxMi40MzQsNDAuNTA4IEMxMi4zMDMsNDAuNTg0IDEyLjI0LDQwLjY4NiAxMi4yNDMsNDAuNzkzIEMxMi4yNDUsNDAuOTI1IDEyLjI0NSw0MS4yNTQgMTIuMjQ1LDQxLjM3MSBMMTIuMjQ1LDQxLjQxNCBMMTIuMjM4LDQxLjU0MiBDOC4xNDgsNDMuODg3IDUuNjQ3LDQ1LjMyMSA1LjY0Nyw0NS4zMjEgQzUuNjQ2LDQ1LjMyMSAzLjU3LDQ2LjM2NyAyLjg2LDUwLjUxMyBDMi44Niw1MC41MTMgMS45NDgsNTcuNDc0IDEuOTYyLDcwLjI1OCBDMS45NzcsODIuODI4IDIuNTY4LDg3LjMyOCAzLjEyOSw5MS42MDkgQzMuMzQ5LDkzLjI5MyA2LjEzLDkzLjczNCA2LjEzLDkzLjczNCBDNi40NjEsOTMuNzc0IDYuODI4LDkzLjcwNyA3LjIxLDkzLjQ4NiBMODIuNDgzLDQ5LjkzNSBDODQuMjkxLDQ4Ljg2NiA4NS4xNSw0Ni4yMTYgODUuNTM5LDQzLjY1MSBDODYuNzUyLDM1LjY2MSA4Ny4yMTQsMTAuNjczIDg1LjI2NCwzLjc3MyBDODUuMDY4LDMuMDggODQuNzU0LDIuNjkgODQuMzk2LDIuNDkxIEw4Mi4zMSwxLjcwMSBDODEuNTgzLDEuNzI5IDgwLjg5NCwyLjE2OCA4MC43NzYsMi4yMzYgQzgwLjYzNiwyLjMxNyA0MS44MDcsMjQuNTg1IDIwLjAzMiwzNy4wNzIgTDE5LjgyMiwzNy40NzQiIGlkPSJGaWxsLTEiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODIuMzExLDEuNzAxIEw4NC4zOTYsMi40OTEgQzg0Ljc1NCwyLjY5IDg1LjA2OCwzLjA4IDg1LjI2NCwzLjc3MyBDODcuMjEzLDEwLjY3MyA4Ni43NTEsMzUuNjYgODUuNTM5LDQzLjY1MSBDODUuMTQ5LDQ2LjIxNiA4NC4yOSw0OC44NjYgODIuNDgzLDQ5LjkzNSBMNy4yMSw5My40ODYgQzYuODk3LDkzLjY2NyA2LjU5NSw5My43NDQgNi4zMTQsOTMuNzQ0IEw2LjEzMSw5My43MzMgQzYuMTMxLDkzLjczNCAzLjM0OSw5My4yOTMgMy4xMjgsOTEuNjA5IEMyLjU2OCw4Ny4zMjcgMS45NzcsODIuODI4IDEuOTYzLDcwLjI1OCBDMS45NDgsNTcuNDc0IDIuODYsNTAuNTEzIDIuODYsNTAuNTEzIEMzLjU3LDQ2LjM2NyA1LjY0Nyw0NS4zMjEgNS42NDcsNDUuMzIxIEM1LjY0Nyw0NS4zMjEgOC4xNDgsNDMuODg3IDEyLjIzOCw0MS41NDIgTDEyLjI0NSw0MS40MTQgTDEyLjI0NSw0MS4zNzEgQzEyLjI0NSw0MS4yNTQgMTIuMjQ1LDQwLjkyNSAxMi4yNDMsNDAuNzkzIEMxMi4yNCw0MC42ODYgMTIuMzAyLDQwLjU4MyAxMi40MzQsNDAuNTA4IEwxOC40NDYsMzcuMDM2IEMxOC41NzQsMzYuOTYyIDE4Ljc0NiwzNi45MjYgMTguOTI3LDM2LjkyNiBDMTkuMTQ1LDM2LjkyNiAxOS4zNzYsMzYuOTc5IDE5LjU1NCwzNy4wODIgQzE5Ljc0NywzNy4xOTQgMTkuODM5LDM3LjM0IDE5LjgyMiwzNy40NzQgTDIwLjAzMywzNy4wNzIgQzQxLjgwNiwyNC41ODUgODAuNjM2LDIuMzE4IDgwLjc3NywyLjIzNiBDODAuODk0LDIuMTY4IDgxLjU4MywxLjcyOSA4Mi4zMTEsMS43MDEgTTgyLjMxMSwwLjcwNCBMODIuMjcyLDAuNzA1IEM4MS42NTQsMC43MjggODAuOTg5LDAuOTQ5IDgwLjI5OCwxLjM2MSBMODAuMjc3LDEuMzczIEM4MC4xMjksMS40NTggNTkuNzY4LDEzLjEzNSAxOS43NTgsMzYuMDc5IEMxOS41LDM1Ljk4MSAxOS4yMTQsMzUuOTI5IDE4LjkyNywzNS45MjkgQzE4LjU2MiwzNS45MjkgMTguMjIzLDM2LjAxMyAxNy45NDcsMzYuMTczIEwxMS45MzUsMzkuNjQ0IEMxMS40OTMsMzkuODk5IDExLjIzNiw0MC4zMzQgMTEuMjQ2LDQwLjgxIEwxMS4yNDcsNDAuOTYgTDUuMTY3LDQ0LjQ0NyBDNC43OTQsNDQuNjQ2IDIuNjI1LDQ1Ljk3OCAxLjg3Nyw1MC4zNDUgTDEuODcxLDUwLjM4NCBDMS44NjIsNTAuNDU0IDAuOTUxLDU3LjU1NyAwLjk2NSw3MC4yNTkgQzAuOTc5LDgyLjg3OSAxLjU2OCw4Ny4zNzUgMi4xMzcsOTEuNzI0IEwyLjEzOSw5MS43MzkgQzIuNDQ3LDk0LjA5NCA1LjYxNCw5NC42NjIgNS45NzUsOTQuNzE5IEw2LjAwOSw5NC43MjMgQzYuMTEsOTQuNzM2IDYuMjEzLDk0Ljc0MiA2LjMxNCw5NC43NDIgQzYuNzksOTQuNzQyIDcuMjYsOTQuNjEgNy43MSw5NC4zNSBMODIuOTgzLDUwLjc5OCBDODQuNzk0LDQ5LjcyNyA4NS45ODIsNDcuMzc1IDg2LjUyNSw0My44MDEgQzg3LjcxMSwzNS45ODcgODguMjU5LDEwLjcwNSA4Ni4yMjQsMy41MDIgQzg1Ljk3MSwyLjYwOSA4NS41MiwxLjk3NSA4NC44ODEsMS42MiBMODQuNzQ5LDEuNTU4IEw4Mi42NjQsMC43NjkgQzgyLjU1MSwwLjcyNSA4Mi40MzEsMC43MDQgODIuMzExLDAuNzA0IiBpZD0iRmlsbC0yIiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY2LjI2NywxMS41NjUgTDY3Ljc2MiwxMS45OTkgTDExLjQyMyw0NC4zMjUiIGlkPSJGaWxsLTMiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMjAyLDkwLjU0NSBDMTIuMDI5LDkwLjU0NSAxMS44NjIsOTAuNDU1IDExLjc2OSw5MC4yOTUgQzExLjYzMiw5MC4wNTcgMTEuNzEzLDg5Ljc1MiAxMS45NTIsODkuNjE0IEwzMC4zODksNzguOTY5IEMzMC42MjgsNzguODMxIDMwLjkzMyw3OC45MTMgMzEuMDcxLDc5LjE1MiBDMzEuMjA4LDc5LjM5IDMxLjEyNyw3OS42OTYgMzAuODg4LDc5LjgzMyBMMTIuNDUxLDkwLjQ3OCBMMTIuMjAyLDkwLjU0NSIgaWQ9IkZpbGwtNCIgZmlsbD0iIzYwN0Q4QiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy43NjQsNDIuNjU0IEwxMy42NTYsNDIuNTkyIEwxMy43MDIsNDIuNDIxIEwxOC44MzcsMzkuNDU3IEwxOS4wMDcsMzkuNTAyIEwxOC45NjIsMzkuNjczIEwxMy44MjcsNDIuNjM3IEwxMy43NjQsNDIuNjU0IiBpZD0iRmlsbC01IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNTIsOTAuMzc1IEw4LjUyLDQ2LjQyMSBMOC41ODMsNDYuMzg1IEw3NS44NCw3LjU1NCBMNzUuODQsNTEuNTA4IEw3NS43NzgsNTEuNTQ0IEw4LjUyLDkwLjM3NSBMOC41Miw5MC4zNzUgWiBNOC43Nyw0Ni41NjQgTDguNzcsODkuOTQ0IEw3NS41OTEsNTEuMzY1IEw3NS41OTEsNy45ODUgTDguNzcsNDYuNTY0IEw4Ljc3LDQ2LjU2NCBaIiBpZD0iRmlsbC02IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ljk4Niw4My4xODIgQzI0Ljc1Niw4My4zMzEgMjQuMzc0LDgzLjU2NiAyNC4xMzcsODMuNzA1IEwxMi42MzIsOTAuNDA2IEMxMi4zOTUsOTAuNTQ1IDEyLjQyNiw5MC42NTggMTIuNyw5MC42NTggTDEzLjI2NSw5MC42NTggQzEzLjU0LDkwLjY1OCAxMy45NTgsOTAuNTQ1IDE0LjE5NSw5MC40MDYgTDI1LjcsODMuNzA1IEMyNS45MzcsODMuNTY2IDI2LjEyOCw4My40NTIgMjYuMTI1LDgzLjQ0OSBDMjYuMTIyLDgzLjQ0NyAyNi4xMTksODMuMjIgMjYuMTE5LDgyLjk0NiBDMjYuMTE5LDgyLjY3MiAyNS45MzEsODIuNTY5IDI1LjcwMSw4Mi43MTkgTDI0Ljk4Niw4My4xODIiIGlkPSJGaWxsLTciIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuMjY2LDkwLjc4MiBMMTIuNyw5MC43ODIgQzEyLjUsOTAuNzgyIDEyLjM4NCw5MC43MjYgMTIuMzU0LDkwLjYxNiBDMTIuMzI0LDkwLjUwNiAxMi4zOTcsOTAuMzk5IDEyLjU2OSw5MC4yOTkgTDI0LjA3NCw4My41OTcgQzI0LjMxLDgzLjQ1OSAyNC42ODksODMuMjI2IDI0LjkxOCw4My4wNzggTDI1LjYzMyw4Mi42MTQgQzI1LjcyMyw4Mi41NTUgMjUuODEzLDgyLjUyNSAyNS44OTksODIuNTI1IEMyNi4wNzEsODIuNTI1IDI2LjI0NCw4Mi42NTUgMjYuMjQ0LDgyLjk0NiBDMjYuMjQ0LDgzLjE2IDI2LjI0NSw4My4zMDkgMjYuMjQ3LDgzLjM4MyBMMjYuMjUzLDgzLjM4NyBMMjYuMjQ5LDgzLjQ1NiBDMjYuMjQ2LDgzLjUzMSAyNi4yNDYsODMuNTMxIDI1Ljc2Myw4My44MTIgTDE0LjI1OCw5MC41MTQgQzE0LDkwLjY2NSAxMy41NjQsOTAuNzgyIDEzLjI2Niw5MC43ODIgTDEzLjI2Niw5MC43ODIgWiBNMTIuNjY2LDkwLjUzMiBMMTIuNyw5MC41MzMgTDEzLjI2Niw5MC41MzMgQzEzLjUxOCw5MC41MzMgMTMuOTE1LDkwLjQyNSAxNC4xMzIsOTAuMjk5IEwyNS42MzcsODMuNTk3IEMyNS44MDUsODMuNDk5IDI1LjkzMSw4My40MjQgMjUuOTk4LDgzLjM4MyBDMjUuOTk0LDgzLjI5OSAyNS45OTQsODMuMTY1IDI1Ljk5NCw4Mi45NDYgTDI1Ljg5OSw4Mi43NzUgTDI1Ljc2OCw4Mi44MjQgTDI1LjA1NCw4My4yODcgQzI0LjgyMiw4My40MzcgMjQuNDM4LDgzLjY3MyAyNC4yLDgzLjgxMiBMMTIuNjk1LDkwLjUxNCBMMTIuNjY2LDkwLjUzMiBMMTIuNjY2LDkwLjUzMiBaIiBpZD0iRmlsbC04IiBmaWxsPSIjNjA3RDhCIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjI2Niw4OS44NzEgTDEyLjcsODkuODcxIEMxMi41LDg5Ljg3MSAxMi4zODQsODkuODE1IDEyLjM1NCw4OS43MDUgQzEyLjMyNCw4OS41OTUgMTIuMzk3LDg5LjQ4OCAxMi41NjksODkuMzg4IEwyNC4wNzQsODIuNjg2IEMyNC4zMzIsODIuNTM1IDI0Ljc2OCw4Mi40MTggMjUuMDY3LDgyLjQxOCBMMjUuNjMyLDgyLjQxOCBDMjUuODMyLDgyLjQxOCAyNS45NDgsODIuNDc0IDI1Ljk3OCw4Mi41ODQgQzI2LjAwOCw4Mi42OTQgMjUuOTM1LDgyLjgwMSAyNS43NjMsODIuOTAxIEwxNC4yNTgsODkuNjAzIEMxNCw4OS43NTQgMTMuNTY0LDg5Ljg3MSAxMy4yNjYsODkuODcxIEwxMy4yNjYsODkuODcxIFogTTEyLjY2Niw4OS42MjEgTDEyLjcsODkuNjIyIEwxMy4yNjYsODkuNjIyIEMxMy41MTgsODkuNjIyIDEzLjkxNSw4OS41MTUgMTQuMTMyLDg5LjM4OCBMMjUuNjM3LDgyLjY4NiBMMjUuNjY3LDgyLjY2OCBMMjUuNjMyLDgyLjY2NyBMMjUuMDY3LDgyLjY2NyBDMjQuODE1LDgyLjY2NyAyNC40MTgsODIuNzc1IDI0LjIsODIuOTAxIEwxMi42OTUsODkuNjAzIEwxMi42NjYsODkuNjIxIEwxMi42NjYsODkuNjIxIFoiIGlkPSJGaWxsLTkiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMzcsOTAuODAxIEwxMi4zNyw4OS41NTQgTDEyLjM3LDkwLjgwMSIgaWQ9IkZpbGwtMTAiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4xMyw5My45MDEgQzUuMzc5LDkzLjgwOCA0LjgxNiw5My4xNjQgNC42OTEsOTIuNTI1IEMzLjg2LDg4LjI4NyAzLjU0LDgzLjc0MyAzLjUyNiw3MS4xNzMgQzMuNTExLDU4LjM4OSA0LjQyMyw1MS40MjggNC40MjMsNTEuNDI4IEM1LjEzNCw0Ny4yODIgNy4yMSw0Ni4yMzYgNy4yMSw0Ni4yMzYgQzcuMjEsNDYuMjM2IDgxLjY2NywzLjI1IDgyLjA2OSwzLjAxNyBDODIuMjkyLDIuODg4IDg0LjU1NiwxLjQzMyA4NS4yNjQsMy45NCBDODcuMjE0LDEwLjg0IDg2Ljc1MiwzNS44MjcgODUuNTM5LDQzLjgxOCBDODUuMTUsNDYuMzgzIDg0LjI5MSw0OS4wMzMgODIuNDgzLDUwLjEwMSBMNy4yMSw5My42NTMgQzYuODI4LDkzLjg3NCA2LjQ2MSw5My45NDEgNi4xMyw5My45MDEgQzYuMTMsOTMuOTAxIDMuMzQ5LDkzLjQ2IDMuMTI5LDkxLjc3NiBDMi41NjgsODcuNDk1IDEuOTc3LDgyLjk5NSAxLjk2Miw3MC40MjUgQzEuOTQ4LDU3LjY0MSAyLjg2LDUwLjY4IDIuODYsNTAuNjggQzMuNTcsNDYuNTM0IDUuNjQ3LDQ1LjQ4OSA1LjY0Nyw0NS40ODkgQzUuNjQ2LDQ1LjQ4OSA4LjA2NSw0NC4wOTIgMTIuMjQ1LDQxLjY3OSBMMTMuMTE2LDQxLjU2IEwxOS43MTUsMzcuNzMgTDE5Ljc2MSwzNy4yNjkgTDYuMTMsOTMuOTAxIiBpZD0iRmlsbC0xMSIgZmlsbD0iI0ZBRkFGQSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjMxNyw5NC4xNjEgTDYuMTAyLDk0LjE0OCBMNi4xMDEsOTQuMTQ4IEw1Ljg1Nyw5NC4xMDEgQzUuMTM4LDkzLjk0NSAzLjA4NSw5My4zNjUgMi44ODEsOTEuODA5IEMyLjMxMyw4Ny40NjkgMS43MjcsODIuOTk2IDEuNzEzLDcwLjQyNSBDMS42OTksNTcuNzcxIDIuNjA0LDUwLjcxOCAyLjYxMyw1MC42NDggQzMuMzM4LDQ2LjQxNyA1LjQ0NSw0NS4zMSA1LjUzNSw0NS4yNjYgTDEyLjE2Myw0MS40MzkgTDEzLjAzMyw0MS4zMiBMMTkuNDc5LDM3LjU3OCBMMTkuNTEzLDM3LjI0NCBDMTkuNTI2LDM3LjEwNyAxOS42NDcsMzcuMDA4IDE5Ljc4NiwzNy4wMjEgQzE5LjkyMiwzNy4wMzQgMjAuMDIzLDM3LjE1NiAyMC4wMDksMzcuMjkzIEwxOS45NSwzNy44ODIgTDEzLjE5OCw0MS44MDEgTDEyLjMyOCw0MS45MTkgTDUuNzcyLDQ1LjcwNCBDNS43NDEsNDUuNzIgMy43ODIsNDYuNzcyIDMuMTA2LDUwLjcyMiBDMy4wOTksNTAuNzgyIDIuMTk4LDU3LjgwOCAyLjIxMiw3MC40MjQgQzIuMjI2LDgyLjk2MyAyLjgwOSw4Ny40MiAzLjM3Myw5MS43MjkgQzMuNDY0LDkyLjQyIDQuMDYyLDkyLjg4MyA0LjY4Miw5My4xODEgQzQuNTY2LDkyLjk4NCA0LjQ4Niw5Mi43NzYgNC40NDYsOTIuNTcyIEMzLjY2NSw4OC41ODggMy4yOTEsODQuMzcgMy4yNzYsNzEuMTczIEMzLjI2Miw1OC41MiA0LjE2Nyw1MS40NjYgNC4xNzYsNTEuMzk2IEM0LjkwMSw0Ny4xNjUgNy4wMDgsNDYuMDU5IDcuMDk4LDQ2LjAxNCBDNy4wOTQsNDYuMDE1IDgxLjU0MiwzLjAzNCA4MS45NDQsMi44MDIgTDgxLjk3MiwyLjc4NSBDODIuODc2LDIuMjQ3IDgzLjY5MiwyLjA5NyA4NC4zMzIsMi4zNTIgQzg0Ljg4NywyLjU3MyA4NS4yODEsMy4wODUgODUuNTA0LDMuODcyIEM4Ny41MTgsMTEgODYuOTY0LDM2LjA5MSA4NS43ODUsNDMuODU1IEM4NS4yNzgsNDcuMTk2IDg0LjIxLDQ5LjM3IDgyLjYxLDUwLjMxNyBMNy4zMzUsOTMuODY5IEM2Ljk5OSw5NC4wNjMgNi42NTgsOTQuMTYxIDYuMzE3LDk0LjE2MSBMNi4zMTcsOTQuMTYxIFogTTYuMTcsOTMuNjU0IEM2LjQ2Myw5My42OSA2Ljc3NCw5My42MTcgNy4wODUsOTMuNDM3IEw4Mi4zNTgsNDkuODg2IEM4NC4xODEsNDguODA4IDg0Ljk2LDQ1Ljk3MSA4NS4yOTIsNDMuNzggQzg2LjQ2NiwzNi4wNDkgODcuMDIzLDExLjA4NSA4NS4wMjQsNC4wMDggQzg0Ljg0NiwzLjM3NyA4NC41NTEsMi45NzYgODQuMTQ4LDIuODE2IEM4My42NjQsMi42MjMgODIuOTgyLDIuNzY0IDgyLjIyNywzLjIxMyBMODIuMTkzLDMuMjM0IEM4MS43OTEsMy40NjYgNy4zMzUsNDYuNDUyIDcuMzM1LDQ2LjQ1MiBDNy4zMDQsNDYuNDY5IDUuMzQ2LDQ3LjUyMSA0LjY2OSw1MS40NzEgQzQuNjYyLDUxLjUzIDMuNzYxLDU4LjU1NiAzLjc3NSw3MS4xNzMgQzMuNzksODQuMzI4IDQuMTYxLDg4LjUyNCA0LjkzNiw5Mi40NzYgQzUuMDI2LDkyLjkzNyA1LjQxMiw5My40NTkgNS45NzMsOTMuNjE1IEM2LjA4Nyw5My42NCA2LjE1OCw5My42NTIgNi4xNjksOTMuNjU0IEw2LjE3LDkzLjY1NCBMNi4xNyw5My42NTQgWiIgaWQ9IkZpbGwtMTIiIGZpbGw9IiM0NTVBNjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4zMTcsNjguOTgyIEM3LjgwNiw2OC43MDEgOC4yMDIsNjguOTI2IDguMjAyLDY5LjQ4NyBDOC4yMDIsNzAuMDQ3IDcuODA2LDcwLjczIDcuMzE3LDcxLjAxMiBDNi44MjksNzEuMjk0IDYuNDMzLDcxLjA2OSA2LjQzMyw3MC41MDggQzYuNDMzLDY5Ljk0OCA2LjgyOSw2OS4yNjUgNy4zMTcsNjguOTgyIiBpZD0iRmlsbC0xMyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjkyLDcxLjEzMyBDNi42MzEsNzEuMTMzIDYuNDMzLDcwLjkwNSA2LjQzMyw3MC41MDggQzYuNDMzLDY5Ljk0OCA2LjgyOSw2OS4yNjUgNy4zMTcsNjguOTgyIEM3LjQ2LDY4LjkgNy41OTUsNjguODYxIDcuNzE0LDY4Ljg2MSBDOC4wMDMsNjguODYxIDguMjAyLDY5LjA5IDguMjAyLDY5LjQ4NyBDOC4yMDIsNzAuMDQ3IDcuODA2LDcwLjczIDcuMzE3LDcxLjAxMiBDNy4xNzQsNzEuMDk0IDcuMDM5LDcxLjEzMyA2LjkyLDcxLjEzMyBNNy43MTQsNjguNjc0IEM3LjU1Nyw2OC42NzQgNy4zOTIsNjguNzIzIDcuMjI0LDY4LjgyMSBDNi42NzYsNjkuMTM4IDYuMjQ2LDY5Ljg3OSA2LjI0Niw3MC41MDggQzYuMjQ2LDcwLjk5NCA2LjUxNyw3MS4zMiA2LjkyLDcxLjMyIEM3LjA3OCw3MS4zMiA3LjI0Myw3MS4yNzEgNy40MTEsNzEuMTc0IEM3Ljk1OSw3MC44NTcgOC4zODksNzAuMTE3IDguMzg5LDY5LjQ4NyBDOC4zODksNjkuMDAxIDguMTE3LDY4LjY3NCA3LjcxNCw2OC42NzQiIGlkPSJGaWxsLTE0IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuOTIsNzAuOTQ3IEM2LjY0OSw3MC45NDcgNi42MjEsNzAuNjQgNi42MjEsNzAuNTA4IEM2LjYyMSw3MC4wMTcgNi45ODIsNjkuMzkyIDcuNDExLDY5LjE0NSBDNy41MjEsNjkuMDgyIDcuNjI1LDY5LjA0OSA3LjcxNCw2OS4wNDkgQzcuOTg2LDY5LjA0OSA4LjAxNSw2OS4zNTUgOC4wMTUsNjkuNDg3IEM4LjAxNSw2OS45NzggNy42NTIsNzAuNjAzIDcuMjI0LDcwLjg1MSBDNy4xMTUsNzAuOTE0IDcuMDEsNzAuOTQ3IDYuOTIsNzAuOTQ3IE03LjcxNCw2OC44NjEgQzcuNTk1LDY4Ljg2MSA3LjQ2LDY4LjkgNy4zMTcsNjguOTgyIEM2LjgyOSw2OS4yNjUgNi40MzMsNjkuOTQ4IDYuNDMzLDcwLjUwOCBDNi40MzMsNzAuOTA1IDYuNjMxLDcxLjEzMyA2LjkyLDcxLjEzMyBDNy4wMzksNzEuMTMzIDcuMTc0LDcxLjA5NCA3LjMxNyw3MS4wMTIgQzcuODA2LDcwLjczIDguMjAyLDcwLjA0NyA4LjIwMiw2OS40ODcgQzguMjAyLDY5LjA5IDguMDAzLDY4Ljg2MSA3LjcxNCw2OC44NjEiIGlkPSJGaWxsLTE1IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNDQ0LDg1LjM1IEM3LjcwOCw4NS4xOTggNy45MjEsODUuMzE5IDcuOTIxLDg1LjYyMiBDNy45MjEsODUuOTI1IDcuNzA4LDg2LjI5MiA3LjQ0NCw4Ni40NDQgQzcuMTgxLDg2LjU5NyA2Ljk2Nyw4Ni40NzUgNi45NjcsODYuMTczIEM2Ljk2Nyw4NS44NzEgNy4xODEsODUuNTAyIDcuNDQ0LDg1LjM1IiBpZD0iRmlsbC0xNiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjIzLDg2LjUxIEM3LjA3NCw4Ni41MSA2Ljk2Nyw4Ni4zODcgNi45NjcsODYuMTczIEM2Ljk2Nyw4NS44NzEgNy4xODEsODUuNTAyIDcuNDQ0LDg1LjM1IEM3LjUyMSw4NS4zMDUgNy41OTQsODUuMjg0IDcuNjU4LDg1LjI4NCBDNy44MTQsODUuMjg0IDcuOTIxLDg1LjQwOCA3LjkyMSw4NS42MjIgQzcuOTIxLDg1LjkyNSA3LjcwOCw4Ni4yOTIgNy40NDQsODYuNDQ0IEM3LjM2Nyw4Ni40ODkgNy4yOTQsODYuNTEgNy4yMyw4Ni41MSBNNy42NTgsODUuMDk4IEM3LjU1OCw4NS4wOTggNy40NTUsODUuMTI3IDcuMzUxLDg1LjE4OCBDNy4wMzEsODUuMzczIDYuNzgxLDg1LjgwNiA2Ljc4MSw4Ni4xNzMgQzYuNzgxLDg2LjQ4MiA2Ljk2Niw4Ni42OTcgNy4yMyw4Ni42OTcgQzcuMzMsODYuNjk3IDcuNDMzLDg2LjY2NiA3LjUzOCw4Ni42MDcgQzcuODU4LDg2LjQyMiA4LjEwOCw4NS45ODkgOC4xMDgsODUuNjIyIEM4LjEwOCw4NS4zMTMgNy45MjMsODUuMDk4IDcuNjU4LDg1LjA5OCIgaWQ9IkZpbGwtMTciIGZpbGw9IiM4MDk3QTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4yMyw4Ni4zMjIgTDcuMTU0LDg2LjE3MyBDNy4xNTQsODUuOTM4IDcuMzMzLDg1LjYyOSA3LjUzOCw4NS41MTIgTDcuNjU4LDg1LjQ3MSBMNy43MzQsODUuNjIyIEM3LjczNCw4NS44NTYgNy41NTUsODYuMTY0IDcuMzUxLDg2LjI4MiBMNy4yMyw4Ni4zMjIgTTcuNjU4LDg1LjI4NCBDNy41OTQsODUuMjg0IDcuNTIxLDg1LjMwNSA3LjQ0NCw4NS4zNSBDNy4xODEsODUuNTAyIDYuOTY3LDg1Ljg3MSA2Ljk2Nyw4Ni4xNzMgQzYuOTY3LDg2LjM4NyA3LjA3NCw4Ni41MSA3LjIzLDg2LjUxIEM3LjI5NCw4Ni41MSA3LjM2Nyw4Ni40ODkgNy40NDQsODYuNDQ0IEM3LjcwOCw4Ni4yOTIgNy45MjEsODUuOTI1IDcuOTIxLDg1LjYyMiBDNy45MjEsODUuNDA4IDcuODE0LDg1LjI4NCA3LjY1OCw4NS4yODQiIGlkPSJGaWxsLTE4IiBmaWxsPSIjODA5N0EyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTc3LjI3OCw3Ljc2OSBMNzcuMjc4LDUxLjQzNiBMMTAuMjA4LDkwLjE2IEwxMC4yMDgsNDYuNDkzIEw3Ny4yNzgsNy43NjkiIGlkPSJGaWxsLTE5IiBmaWxsPSIjNDU1QTY0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjA4Myw5MC4zNzUgTDEwLjA4Myw0Ni40MjEgTDEwLjE0Niw0Ni4zODUgTDc3LjQwMyw3LjU1NCBMNzcuNDAzLDUxLjUwOCBMNzcuMzQxLDUxLjU0NCBMMTAuMDgzLDkwLjM3NSBMMTAuMDgzLDkwLjM3NSBaIE0xMC4zMzMsNDYuNTY0IEwxMC4zMzMsODkuOTQ0IEw3Ny4xNTQsNTEuMzY1IEw3Ny4xNTQsNy45ODUgTDEwLjMzMyw0Ni41NjQgTDEwLjMzMyw0Ni41NjQgWiIgaWQ9IkZpbGwtMjAiIGZpbGw9IiM2MDdEOEIiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMjUuNzM3LDg4LjY0NyBMMTE4LjA5OCw5MS45ODEgTDExOC4wOTgsODQgTDEwNi42MzksODguNzEzIEwxMDYuNjM5LDk2Ljk4MiBMOTksMTAwLjMxNSBMMTEyLjM2OSwxMDMuOTYxIEwxMjUuNzM3LDg4LjY0NyIgaWQ9IkltcG9ydGVkLUxheWVycy1Db3B5LTIiIGZpbGw9IiM0NTVBNjQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"; - function RotateInstructions() { - this.loadIcon_(); - var overlay = document.createElement("div"); - var s = overlay.style; - s.position = "fixed"; - s.top = 0; - s.right = 0; - s.bottom = 0; - s.left = 0; - s.backgroundColor = "gray"; - s.fontFamily = "sans-serif"; - s.zIndex = 1000000; - var img = document.createElement("img"); - img.src = this.icon; - var s = img.style; - s.marginLeft = "25%"; - s.marginTop = "25%"; - s.width = "50%"; - overlay.appendChild(img); - var text = document.createElement("div"); - var s = text.style; - s.textAlign = "center"; - s.fontSize = "16px"; - s.lineHeight = "24px"; - s.margin = "24px 25%"; - s.width = "50%"; - text.innerHTML = "Place your phone into your Cardboard viewer."; - overlay.appendChild(text); - var snackbar = document.createElement("div"); - var s = snackbar.style; - s.backgroundColor = "#CFD8DC"; - s.position = "fixed"; - s.bottom = 0; - s.width = "100%"; - s.height = "48px"; - s.padding = "14px 24px"; - s.boxSizing = "border-box"; - s.color = "#656A6B"; - overlay.appendChild(snackbar); - var snackbarText = document.createElement("div"); - snackbarText.style.float = "left"; - snackbarText.innerHTML = "No Cardboard viewer?"; - var snackbarButton = document.createElement("a"); - snackbarButton.href = - "https://www.google.com/get/cardboard/get-cardboard/"; - snackbarButton.innerHTML = "get one"; - snackbarButton.target = "_blank"; - var s = snackbarButton.style; - s.float = "right"; - s.fontWeight = 600; - s.textTransform = "uppercase"; - s.borderLeft = "1px solid gray"; - s.paddingLeft = "24px"; - s.textDecoration = "none"; - s.color = "#656A6B"; - snackbar.appendChild(snackbarText); - snackbar.appendChild(snackbarButton); - this.overlay = overlay; - this.text = text; - this.hide(); - } - RotateInstructions.prototype.show = function (parent) { - if (!parent && !this.overlay.parentElement) { - document.body.appendChild(this.overlay); - } else if (parent) { - if ( - this.overlay.parentElement && - this.overlay.parentElement != parent - ) - this.overlay.parentElement.removeChild(this.overlay); - parent.appendChild(this.overlay); - } - this.overlay.style.display = "block"; - var img = this.overlay.querySelector("img"); - var s = img.style; - if (isLandscapeMode()) { - s.width = "20%"; - s.marginLeft = "40%"; - s.marginTop = "3%"; - } else { - s.width = "50%"; - s.marginLeft = "25%"; - s.marginTop = "25%"; - } - }; - RotateInstructions.prototype.hide = function () { - this.overlay.style.display = "none"; - }; - RotateInstructions.prototype.showTemporarily = function (ms, parent) { - this.show(parent); - this.timer = setTimeout(this.hide.bind(this), ms); - }; - RotateInstructions.prototype.disableShowTemporarily = function () { - clearTimeout(this.timer); - }; - RotateInstructions.prototype.update = function () { - this.disableShowTemporarily(); - if (!isLandscapeMode() && isMobile()) { - this.show(); - } else { - this.hide(); - } - }; - RotateInstructions.prototype.loadIcon_ = function () { - this.icon = base64("image/svg+xml", rotateInstructionsAsset); - }; - var DEFAULT_VIEWER = "CardboardV1"; - var VIEWER_KEY = "WEBVR_CARDBOARD_VIEWER"; - var CLASS_NAME = "webvr-polyfill-viewer-selector"; - function ViewerSelector() { - try { - this.selectedKey = localStorage.getItem(VIEWER_KEY); - } catch (error) { - console.error("Failed to load viewer profile: %s", error); - } - if (!this.selectedKey) { - this.selectedKey = DEFAULT_VIEWER; - } - this.dialog = this.createDialog_(DeviceInfo.Viewers); - this.root = null; - this.onChangeCallbacks_ = []; - } - ViewerSelector.prototype.show = function (root) { - this.root = root; - root.appendChild(this.dialog); - var selected = this.dialog.querySelector("#" + this.selectedKey); - selected.checked = true; - this.dialog.style.display = "block"; - }; - ViewerSelector.prototype.hide = function () { - if (this.root && this.root.contains(this.dialog)) { - this.root.removeChild(this.dialog); - } - this.dialog.style.display = "none"; - }; - ViewerSelector.prototype.getCurrentViewer = function () { - return DeviceInfo.Viewers[this.selectedKey]; - }; - ViewerSelector.prototype.getSelectedKey_ = function () { - var input = this.dialog.querySelector("input[name=field]:checked"); - if (input) { - return input.id; - } - return null; - }; - ViewerSelector.prototype.onChange = function (cb) { - this.onChangeCallbacks_.push(cb); - }; - ViewerSelector.prototype.fireOnChange_ = function (viewer) { - for (var i = 0; i < this.onChangeCallbacks_.length; i++) { - this.onChangeCallbacks_[i](viewer); - } - }; - ViewerSelector.prototype.onSave_ = function () { - this.selectedKey = this.getSelectedKey_(); - if (!this.selectedKey || !DeviceInfo.Viewers[this.selectedKey]) { - console.error( - "ViewerSelector.onSave_: this should never happen!" - ); - return; - } - this.fireOnChange_(DeviceInfo.Viewers[this.selectedKey]); - try { - localStorage.setItem(VIEWER_KEY, this.selectedKey); - } catch (error) { - console.error("Failed to save viewer profile: %s", error); - } - this.hide(); - }; - ViewerSelector.prototype.createDialog_ = function (options) { - var container = document.createElement("div"); - container.classList.add(CLASS_NAME); - container.style.display = "none"; - var overlay = document.createElement("div"); - var s = overlay.style; - s.position = "fixed"; - s.left = 0; - s.top = 0; - s.width = "100%"; - s.height = "100%"; - s.background = "rgba(0, 0, 0, 0.3)"; - overlay.addEventListener("click", this.hide.bind(this)); - var width = 280; - var dialog = document.createElement("div"); - var s = dialog.style; - s.boxSizing = "border-box"; - s.position = "fixed"; - s.top = "24px"; - s.left = "50%"; - s.marginLeft = -width / 2 + "px"; - s.width = width + "px"; - s.padding = "24px"; - s.overflow = "hidden"; - s.background = "#fafafa"; - s.fontFamily = "'Roboto', sans-serif"; - s.boxShadow = "0px 5px 20px #666"; - dialog.appendChild(this.createH1_("Select your viewer")); - for (var id in options) { - dialog.appendChild(this.createChoice_(id, options[id].label)); - } - dialog.appendChild( - this.createButton_("Save", this.onSave_.bind(this)) - ); - container.appendChild(overlay); - container.appendChild(dialog); - return container; - }; - ViewerSelector.prototype.createH1_ = function (name) { - var h1 = document.createElement("h1"); - var s = h1.style; - s.color = "black"; - s.fontSize = "20px"; - s.fontWeight = "bold"; - s.marginTop = 0; - s.marginBottom = "24px"; - h1.innerHTML = name; - return h1; - }; - ViewerSelector.prototype.createChoice_ = function (id, name) { - var div = document.createElement("div"); - div.style.marginTop = "8px"; - div.style.color = "black"; - var input = document.createElement("input"); - input.style.fontSize = "30px"; - input.setAttribute("id", id); - input.setAttribute("type", "radio"); - input.setAttribute("value", id); - input.setAttribute("name", "field"); - var label = document.createElement("label"); - label.style.marginLeft = "4px"; - label.setAttribute("for", id); - label.innerHTML = name; - div.appendChild(input); - div.appendChild(label); - return div; - }; - ViewerSelector.prototype.createButton_ = function (label, onclick) { - var button = document.createElement("button"); - button.innerHTML = label; - var s = button.style; - s.float = "right"; - s.textTransform = "uppercase"; - s.color = "#1094f7"; - s.fontSize = "14px"; - s.letterSpacing = 0; - s.border = 0; - s.background = "none"; - s.marginTop = "16px"; - button.addEventListener("click", onclick); - return button; - }; - var commonjsGlobal$$1 = - typeof window !== "undefined" - ? window - : typeof commonjsGlobal$$1 !== "undefined" - ? commonjsGlobal$$1 - : typeof self !== "undefined" - ? self - : {}; - function unwrapExports$$1(x) { - return x && x.__esModule ? x["default"] : x; - } - function createCommonjsModule$$1(fn, module) { - return ( - (module = { exports: {} }), - fn(module, module.exports), - module.exports - ); - } - var NoSleep = createCommonjsModule$$1(function (module, exports) { - (function webpackUniversalModuleDefinition(root, factory) { - module.exports = factory(); - })(commonjsGlobal$$1, function () { - return (function (modules) { - var installedModules = {}; - function __webpack_require__(moduleId) { - if (installedModules[moduleId]) { - return installedModules[moduleId].exports; - } - var module = (installedModules[moduleId] = { - i: moduleId, - l: false, - exports: {}, - }); - modules[moduleId].call( - module.exports, - module, - module.exports, - __webpack_require__ - ); - module.l = true; - return module.exports; - } - __webpack_require__.m = modules; - __webpack_require__.c = installedModules; - __webpack_require__.d = function (exports, name, getter) { - if (!__webpack_require__.o(exports, name)) { - Object.defineProperty(exports, name, { - configurable: false, - enumerable: true, - get: getter, - }); - } - }; - __webpack_require__.n = function (module) { - var getter = - module && module.__esModule - ? function getDefault() { - return module["default"]; - } - : function getModuleExports() { - return module; - }; - __webpack_require__.d(getter, "a", getter); - return getter; - }; - __webpack_require__.o = function (object, property) { - return Object.prototype.hasOwnProperty.call(object, property); - }; - __webpack_require__.p = ""; - return __webpack_require__((__webpack_require__.s = 0)); - })([ - function (module, exports, __webpack_require__) { - var _createClass = (function () { - function defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty( - target, - descriptor.key, - descriptor - ); - } - } - return function (Constructor, protoProps, staticProps) { - if (protoProps) - defineProperties(Constructor.prototype, protoProps); - if (staticProps) - defineProperties(Constructor, staticProps); - return Constructor; - }; - })(); - function _classCallCheck(instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - } - var mediaFile = __webpack_require__(1); - var oldIOS = - typeof navigator !== "undefined" && - parseFloat( - ( - "" + - (/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec( - navigator.userAgent - ) || [0, ""])[1] - ) - .replace("undefined", "3_2") - .replace("_", ".") - .replace("_", "") - ) < 10 && - !window.MSStream; - var NoSleep = (function () { - function NoSleep() { - _classCallCheck(this, NoSleep); - if (oldIOS) { - this.noSleepTimer = null; - } else { - this.noSleepVideo = document.createElement("video"); - this.noSleepVideo.setAttribute("playsinline", ""); - this.noSleepVideo.setAttribute("src", mediaFile); - this.noSleepVideo.addEventListener( - "timeupdate", - function (e) { - if (this.noSleepVideo.currentTime > 0.5) { - this.noSleepVideo.currentTime = Math.random(); - } - }.bind(this) - ); - } - } - _createClass(NoSleep, [ - { - key: "enable", - value: function enable() { - if (oldIOS) { - this.disable(); - this.noSleepTimer = window.setInterval(function () { - window.location.href = "/"; - window.setTimeout(window.stop, 0); - }, 15000); - } else { - this.noSleepVideo.play(); - } - }, - }, - { - key: "disable", - value: function disable() { - if (oldIOS) { - if (this.noSleepTimer) { - window.clearInterval(this.noSleepTimer); - this.noSleepTimer = null; - } - } else { - this.noSleepVideo.pause(); - } - }, - }, - ]); - return NoSleep; - })(); - module.exports = NoSleep; - }, - function (module, exports, __webpack_require__) { - module.exports = - "data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQADQGgcIQADQGgcAAAACQGeYUQn/wALKCEAA0BoHAAAAAkBnmNEJ/8ACykhAANAaBwhAANAaBwAAAANQZpoNExDP/6plgAMuSEAA0BoHAAAAAtBnoZFESwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBnqVEJ/8ACykhAANAaBwAAAAJAZ6nRCf/AAsoIQADQGgcIQADQGgcAAAADUGarDRMQz/+qZYADLghAANAaBwAAAALQZ7KRRUsK/8ACPkhAANAaBwAAAAJAZ7pRCf/AAsoIQADQGgcIQADQGgcAAAACQGe60Qn/wALKCEAA0BoHAAAAA1BmvA0TEM//qmWAAy5IQADQGgcIQADQGgcAAAAC0GfDkUVLCv/AAj5IQADQGgcAAAACQGfLUQn/wALKSEAA0BoHCEAA0BoHAAAAAkBny9EJ/8ACyghAANAaBwAAAANQZs0NExDP/6plgAMuCEAA0BoHAAAAAtBn1JFFSwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBn3FEJ/8ACyghAANAaBwAAAAJAZ9zRCf/AAsoIQADQGgcIQADQGgcAAAADUGbeDRMQz/+qZYADLkhAANAaBwAAAALQZ+WRRUsK/8ACPghAANAaBwhAANAaBwAAAAJAZ+1RCf/AAspIQADQGgcAAAACQGft0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bm7w0TEM//qmWAAy4IQADQGgcAAAAC0Gf2kUVLCv/AAj5IQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHAAAAAkBn/tEJ/8ACykhAANAaBwAAAANQZvgNExDP/6plgAMuSEAA0BoHCEAA0BoHAAAAAtBnh5FFSwr/wAI+CEAA0BoHAAAAAkBnj1EJ/8ACyghAANAaBwhAANAaBwAAAAJAZ4/RCf/AAspIQADQGgcAAAADUGaJDRMQz/+qZYADLghAANAaBwAAAALQZ5CRRUsK/8ACPkhAANAaBwhAANAaBwAAAAJAZ5hRCf/AAsoIQADQGgcAAAACQGeY0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bmmg0TEM//qmWAAy5IQADQGgcAAAAC0GehkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGepUQn/wALKSEAA0BoHAAAAAkBnqdEJ/8ACyghAANAaBwAAAANQZqsNExDP/6plgAMuCEAA0BoHCEAA0BoHAAAAAtBnspFFSwr/wAI+SEAA0BoHAAAAAkBnulEJ/8ACyghAANAaBwhAANAaBwAAAAJAZ7rRCf/AAsoIQADQGgcAAAADUGa8DRMQz/+qZYADLkhAANAaBwhAANAaBwAAAALQZ8ORRUsK/8ACPkhAANAaBwAAAAJAZ8tRCf/AAspIQADQGgcIQADQGgcAAAACQGfL0Qn/wALKCEAA0BoHAAAAA1BmzQ0TEM//qmWAAy4IQADQGgcAAAAC0GfUkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGfcUQn/wALKCEAA0BoHAAAAAkBn3NEJ/8ACyghAANAaBwhAANAaBwAAAANQZt4NExC//6plgAMuSEAA0BoHAAAAAtBn5ZFFSwr/wAI+CEAA0BoHCEAA0BoHAAAAAkBn7VEJ/8ACykhAANAaBwAAAAJAZ+3RCf/AAspIQADQGgcAAAADUGbuzRMQn/+nhAAYsAhAANAaBwhAANAaBwAAAAJQZ/aQhP/AAspIQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHAAACiFtb292AAAAbG12aGQAAAAA1YCCX9WAgl8AAAPoAAAH/AABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAGGlvZHMAAAAAEICAgAcAT////v7/AAAF+XRyYWsAAABcdGtoZAAAAAPVgIJf1YCCXwAAAAEAAAAAAAAH0AAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAygAAAMoAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAB9AAABdwAAEAAAAABXFtZGlhAAAAIG1kaGQAAAAA1YCCX9WAgl8AAV+QAAK/IFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAUcbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAE3HN0YmwAAACYc3RzZAAAAAAAAAABAAAAiGF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAygDKAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAyYXZjQwFNQCj/4QAbZ01AKOyho3ySTUBAQFAAAAMAEAAr8gDxgxlgAQAEaO+G8gAAABhzdHRzAAAAAAAAAAEAAAA8AAALuAAAABRzdHNzAAAAAAAAAAEAAAABAAAB8GN0dHMAAAAAAAAAPAAAAAEAABdwAAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAAC7gAAAAAQAAF3AAAAABAAAAAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAEEc3RzegAAAAAAAAAAAAAAPAAAAzQAAAAQAAAADQAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAANAAAADQAAAQBzdGNvAAAAAAAAADwAAAAwAAADZAAAA3QAAAONAAADoAAAA7kAAAPQAAAD6wAAA/4AAAQXAAAELgAABEMAAARcAAAEbwAABIwAAAShAAAEugAABM0AAATkAAAE/wAABRIAAAUrAAAFQgAABV0AAAVwAAAFiQAABaAAAAW1AAAFzgAABeEAAAX+AAAGEwAABiwAAAY/AAAGVgAABnEAAAaEAAAGnQAABrQAAAbPAAAG4gAABvUAAAcSAAAHJwAAB0AAAAdTAAAHcAAAB4UAAAeeAAAHsQAAB8gAAAfjAAAH9gAACA8AAAgmAAAIQQAACFQAAAhnAAAIhAAACJcAAAMsdHJhawAAAFx0a2hkAAAAA9WAgl/VgIJfAAAAAgAAAAAAAAf8AAAAAAAAAAAAAAABAQAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAACsm1kaWEAAAAgbWRoZAAAAADVgIJf1YCCXwAArEQAAWAAVcQAAAAAACdoZGxyAAAAAAAAAABzb3VuAAAAAAAAAAAAAAAAU3RlcmVvAAAAAmNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAidzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAIABICAgBRAFQAAAAADDUAAAAAABYCAgAISEAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAABYAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAAUc3RzegAAAAAAAAAGAAAAWAAAAXBzdGNvAAAAAAAAAFgAAAOBAAADhwAAA5oAAAOtAAADswAAA8oAAAPfAAAD5QAAA/gAAAQLAAAEEQAABCgAAAQ9AAAEUAAABFYAAARpAAAEgAAABIYAAASbAAAErgAABLQAAATHAAAE3gAABPMAAAT5AAAFDAAABR8AAAUlAAAFPAAABVEAAAVXAAAFagAABX0AAAWDAAAFmgAABa8AAAXCAAAFyAAABdsAAAXyAAAF+AAABg0AAAYgAAAGJgAABjkAAAZQAAAGZQAABmsAAAZ+AAAGkQAABpcAAAauAAAGwwAABskAAAbcAAAG7wAABwYAAAcMAAAHIQAABzQAAAc6AAAHTQAAB2QAAAdqAAAHfwAAB5IAAAeYAAAHqwAAB8IAAAfXAAAH3QAAB/AAAAgDAAAICQAACCAAAAg1AAAIOwAACE4AAAhhAAAIeAAACH4AAAiRAAAIpAAACKoAAAiwAAAItgAACLwAAAjCAAAAFnVkdGEAAAAObmFtZVN0ZXJlbwAAAHB1ZHRhAAAAaG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAO2lsc3QAAAAzqXRvbwAAACtkYXRhAAAAAQAAAABIYW5kQnJha2UgMC4xMC4yIDIwMTUwNjExMDA="; - }, - ]); - }); - }); - var NoSleep$1 = unwrapExports$$1(NoSleep); - var nextDisplayId = 1000; - var defaultLeftBounds = [0, 0, 0.5, 1]; - var defaultRightBounds = [0.5, 0, 0.5, 1]; - var raf = window.requestAnimationFrame; - var caf = window.cancelAnimationFrame; - function VRFrameData() { - this.leftProjectionMatrix = new Float32Array(16); - this.leftViewMatrix = new Float32Array(16); - this.rightProjectionMatrix = new Float32Array(16); - this.rightViewMatrix = new Float32Array(16); - this.pose = null; - } - function VRDisplayCapabilities(config) { - Object.defineProperties(this, { - hasPosition: { - writable: false, - enumerable: true, - value: config.hasPosition, - }, - hasExternalDisplay: { - writable: false, - enumerable: true, - value: config.hasExternalDisplay, - }, - canPresent: { - writable: false, - enumerable: true, - value: config.canPresent, - }, - maxLayers: { - writable: false, - enumerable: true, - value: config.maxLayers, - }, - hasOrientation: { - enumerable: true, - get: function get() { - deprecateWarning( - "VRDisplayCapabilities.prototype.hasOrientation", - "VRDisplay.prototype.getFrameData" - ); - return config.hasOrientation; - }, - }, - }); - } - function VRDisplay(config) { - config = config || {}; - var USE_WAKELOCK = "wakelock" in config ? config.wakelock : true; - this.isPolyfilled = true; - this.displayId = nextDisplayId++; - this.displayName = ""; - this.depthNear = 0.01; - this.depthFar = 10000.0; - this.isPresenting = false; - Object.defineProperty(this, "isConnected", { - get: function get() { - deprecateWarning( - "VRDisplay.prototype.isConnected", - "VRDisplayCapabilities.prototype.hasExternalDisplay" - ); - return false; - }, - }); - this.capabilities = new VRDisplayCapabilities({ - hasPosition: false, - hasOrientation: false, - hasExternalDisplay: false, - canPresent: false, - maxLayers: 1, - }); - this.stageParameters = null; - this.waitingForPresent_ = false; - this.layer_ = null; - this.originalParent_ = null; - this.fullscreenElement_ = null; - this.fullscreenWrapper_ = null; - this.fullscreenElementCachedStyle_ = null; - this.fullscreenEventTarget_ = null; - this.fullscreenChangeHandler_ = null; - this.fullscreenErrorHandler_ = null; - if (USE_WAKELOCK && isMobile()) { - this.wakelock_ = new NoSleep$1(); - } - } - VRDisplay.prototype.getFrameData = function (frameData) { - return frameDataFromPose(frameData, this._getPose(), this); - }; - VRDisplay.prototype.getPose = function () { - deprecateWarning( - "VRDisplay.prototype.getPose", - "VRDisplay.prototype.getFrameData" - ); - return this._getPose(); - }; - VRDisplay.prototype.resetPose = function () { - deprecateWarning("VRDisplay.prototype.resetPose"); - return this._resetPose(); - }; - VRDisplay.prototype.getImmediatePose = function () { - deprecateWarning( - "VRDisplay.prototype.getImmediatePose", - "VRDisplay.prototype.getFrameData" - ); - return this._getPose(); - }; - VRDisplay.prototype.requestAnimationFrame = function (callback) { - return raf(callback); - }; - VRDisplay.prototype.cancelAnimationFrame = function (id) { - return caf(id); - }; - VRDisplay.prototype.wrapForFullscreen = function (element) { - if (isIOS()) { - return element; - } - if (!this.fullscreenWrapper_) { - this.fullscreenWrapper_ = document.createElement("div"); - var cssProperties = [ - "height: " + - Math.min(screen.height, screen.width) + - "px !important", - "top: 0 !important", - "left: 0 !important", - "right: 0 !important", - "border: 0", - "margin: 0", - "padding: 0", - "z-index: 999999 !important", - "position: fixed", - ]; - this.fullscreenWrapper_.setAttribute( - "style", - cssProperties.join("; ") + ";" - ); - this.fullscreenWrapper_.classList.add( - "webvr-polyfill-fullscreen-wrapper" - ); - } - if (this.fullscreenElement_ == element) { - return this.fullscreenWrapper_; - } - if (this.fullscreenElement_) { - if (this.originalParent_) { - this.originalParent_.appendChild(this.fullscreenElement_); - } else { - this.fullscreenElement_.parentElement.removeChild( - this.fullscreenElement_ - ); - } - } - this.fullscreenElement_ = element; - this.originalParent_ = element.parentElement; - if (!this.originalParent_) { - document.body.appendChild(element); - } - if (!this.fullscreenWrapper_.parentElement) { - var parent = this.fullscreenElement_.parentElement; - parent.insertBefore( - this.fullscreenWrapper_, - this.fullscreenElement_ - ); - parent.removeChild(this.fullscreenElement_); - } - this.fullscreenWrapper_.insertBefore( - this.fullscreenElement_, - this.fullscreenWrapper_.firstChild - ); - this.fullscreenElementCachedStyle_ = - this.fullscreenElement_.getAttribute("style"); - var self = this; - function applyFullscreenElementStyle() { - if (!self.fullscreenElement_) { - return; - } - var cssProperties = [ - "position: absolute", - "top: 0", - "left: 0", - "width: " + Math.max(screen.width, screen.height) + "px", - "height: " + Math.min(screen.height, screen.width) + "px", - "border: 0", - "margin: 0", - "padding: 0", - ]; - self.fullscreenElement_.setAttribute( - "style", - cssProperties.join("; ") + ";" - ); - } - applyFullscreenElementStyle(); - return this.fullscreenWrapper_; - }; - VRDisplay.prototype.removeFullscreenWrapper = function () { - if (!this.fullscreenElement_) { - return; - } - var element = this.fullscreenElement_; - if (this.fullscreenElementCachedStyle_) { - element.setAttribute("style", this.fullscreenElementCachedStyle_); - } else { - element.removeAttribute("style"); - } - this.fullscreenElement_ = null; - this.fullscreenElementCachedStyle_ = null; - var parent = this.fullscreenWrapper_.parentElement; - this.fullscreenWrapper_.removeChild(element); - if (this.originalParent_ === parent) { - parent.insertBefore(element, this.fullscreenWrapper_); - } else if (this.originalParent_) { - this.originalParent_.appendChild(element); - } - parent.removeChild(this.fullscreenWrapper_); - return element; - }; - VRDisplay.prototype.requestPresent = function (layers) { - var wasPresenting = this.isPresenting; - var self = this; - if (!(layers instanceof Array)) { - deprecateWarning( - "VRDisplay.prototype.requestPresent with non-array argument", - "an array of VRLayers as the first argument" - ); - layers = [layers]; - } - return new Promise(function (resolve, reject) { - if (!self.capabilities.canPresent) { - reject(new Error("VRDisplay is not capable of presenting.")); - return; - } - if ( - layers.length == 0 || - layers.length > self.capabilities.maxLayers - ) { - reject(new Error("Invalid number of layers.")); - return; - } - var incomingLayer = layers[0]; - if (!incomingLayer.source) { - resolve(); - return; - } - var leftBounds = incomingLayer.leftBounds || defaultLeftBounds; - var rightBounds = incomingLayer.rightBounds || defaultRightBounds; - if (wasPresenting) { - var layer = self.layer_; - if (layer.source !== incomingLayer.source) { - layer.source = incomingLayer.source; - } - for (var i = 0; i < 4; i++) { - layer.leftBounds[i] = leftBounds[i]; - layer.rightBounds[i] = rightBounds[i]; - } - self.wrapForFullscreen(self.layer_.source); - self.updatePresent_(); - resolve(); - return; - } - self.layer_ = { - predistorted: incomingLayer.predistorted, - source: incomingLayer.source, - leftBounds: leftBounds.slice(0), - rightBounds: rightBounds.slice(0), - }; - self.waitingForPresent_ = false; - if (self.layer_ && self.layer_.source) { - var fullscreenElement = self.wrapForFullscreen( - self.layer_.source - ); - var onFullscreenChange = function onFullscreenChange() { - var actualFullscreenElement = getFullscreenElement(); - self.isPresenting = - fullscreenElement === actualFullscreenElement; - if (self.isPresenting) { - if (screen.orientation && screen.orientation.lock) { - screen.orientation - .lock("landscape-primary") - .catch(function (error) { - console.error( - "screen.orientation.lock() failed due to", - error.message - ); - }); - } - self.waitingForPresent_ = false; - self.beginPresent_(); - resolve(); - } else { - if (screen.orientation && screen.orientation.unlock) { - screen.orientation.unlock(); - } - self.removeFullscreenWrapper(); - self.disableWakeLock(); - self.endPresent_(); - self.removeFullscreenListeners_(); - } - self.fireVRDisplayPresentChange_(); - }; - var onFullscreenError = function onFullscreenError() { - if (!self.waitingForPresent_) { - return; - } - self.removeFullscreenWrapper(); - self.removeFullscreenListeners_(); - self.disableWakeLock(); - self.waitingForPresent_ = false; - self.isPresenting = false; - reject(new Error("Unable to present.")); - }; - self.addFullscreenListeners_( - fullscreenElement, - onFullscreenChange, - onFullscreenError - ); - if (requestFullscreen(fullscreenElement)) { - self.enableWakeLock(); - self.waitingForPresent_ = true; - } else if (isIOS() || isWebViewAndroid()) { - self.enableWakeLock(); - self.isPresenting = true; - self.beginPresent_(); - self.fireVRDisplayPresentChange_(); - resolve(); - } - } - if (!self.waitingForPresent_ && !isIOS()) { - exitFullscreen(); - reject(new Error("Unable to present.")); - } - }); - }; - VRDisplay.prototype.exitPresent = function () { - var wasPresenting = this.isPresenting; - var self = this; - this.isPresenting = false; - this.layer_ = null; - this.disableWakeLock(); - return new Promise(function (resolve, reject) { - if (wasPresenting) { - if (!exitFullscreen() && isIOS()) { - self.endPresent_(); - self.fireVRDisplayPresentChange_(); - } - if (isWebViewAndroid()) { - self.removeFullscreenWrapper(); - self.removeFullscreenListeners_(); - self.endPresent_(); - self.fireVRDisplayPresentChange_(); - } - resolve(); - } else { - reject(new Error("Was not presenting to VRDisplay.")); - } - }); - }; - VRDisplay.prototype.getLayers = function () { - if (this.layer_) { - return [this.layer_]; - } - return []; - }; - VRDisplay.prototype.fireVRDisplayPresentChange_ = function () { - var event = new CustomEvent("vrdisplaypresentchange", { - detail: { display: this }, - }); - window.dispatchEvent(event); - }; - VRDisplay.prototype.fireVRDisplayConnect_ = function () { - var event = new CustomEvent("vrdisplayconnect", { - detail: { display: this }, - }); - window.dispatchEvent(event); - }; - VRDisplay.prototype.addFullscreenListeners_ = function ( - element, - changeHandler, - errorHandler - ) { - this.removeFullscreenListeners_(); - this.fullscreenEventTarget_ = element; - this.fullscreenChangeHandler_ = changeHandler; - this.fullscreenErrorHandler_ = errorHandler; - if (changeHandler) { - if (document.fullscreenEnabled) { - element.addEventListener( - "fullscreenchange", - changeHandler, - false - ); - } else if (document.webkitFullscreenEnabled) { - element.addEventListener( - "webkitfullscreenchange", - changeHandler, - false - ); - } else if (document.mozFullScreenEnabled) { - document.addEventListener( - "mozfullscreenchange", - changeHandler, - false - ); - } else if (document.msFullscreenEnabled) { - element.addEventListener( - "msfullscreenchange", - changeHandler, - false - ); - } - } - if (errorHandler) { - if (document.fullscreenEnabled) { - element.addEventListener( - "fullscreenerror", - errorHandler, - false - ); - } else if (document.webkitFullscreenEnabled) { - element.addEventListener( - "webkitfullscreenerror", - errorHandler, - false - ); - } else if (document.mozFullScreenEnabled) { - document.addEventListener( - "mozfullscreenerror", - errorHandler, - false - ); - } else if (document.msFullscreenEnabled) { - element.addEventListener( - "msfullscreenerror", - errorHandler, - false - ); - } - } - }; - VRDisplay.prototype.removeFullscreenListeners_ = function () { - if (!this.fullscreenEventTarget_) return; - var element = this.fullscreenEventTarget_; - if (this.fullscreenChangeHandler_) { - var changeHandler = this.fullscreenChangeHandler_; - element.removeEventListener( - "fullscreenchange", - changeHandler, - false - ); - element.removeEventListener( - "webkitfullscreenchange", - changeHandler, - false - ); - document.removeEventListener( - "mozfullscreenchange", - changeHandler, - false - ); - element.removeEventListener( - "msfullscreenchange", - changeHandler, - false - ); - } - if (this.fullscreenErrorHandler_) { - var errorHandler = this.fullscreenErrorHandler_; - element.removeEventListener( - "fullscreenerror", - errorHandler, - false - ); - element.removeEventListener( - "webkitfullscreenerror", - errorHandler, - false - ); - document.removeEventListener( - "mozfullscreenerror", - errorHandler, - false - ); - element.removeEventListener( - "msfullscreenerror", - errorHandler, - false - ); - } - this.fullscreenEventTarget_ = null; - this.fullscreenChangeHandler_ = null; - this.fullscreenErrorHandler_ = null; - }; - VRDisplay.prototype.enableWakeLock = function () { - if (this.wakelock_) { - this.wakelock_.enable(); - } - }; - VRDisplay.prototype.disableWakeLock = function () { - if (this.wakelock_) { - this.wakelock_.disable(); - } - }; - VRDisplay.prototype.beginPresent_ = function () {}; - VRDisplay.prototype.endPresent_ = function () {}; - VRDisplay.prototype.submitFrame = function (pose) {}; - VRDisplay.prototype.getEyeParameters = function (whichEye) { - return null; - }; - var config = { - MOBILE_WAKE_LOCK: true, - DEBUG: false, - DPDB_URL: "https://dpdb.webvr.rocks/dpdb.json", - K_FILTER: 0.98, - PREDICTION_TIME_S: 0.04, - CARDBOARD_UI_DISABLED: false, - ROTATE_INSTRUCTIONS_DISABLED: false, - YAW_ONLY: false, - BUFFER_SCALE: 0.5, - DIRTY_SUBMIT_FRAME_BINDINGS: false, - }; - var Eye = { - LEFT: "left", - RIGHT: "right", - }; - function CardboardVRDisplay(config$$1) { - var defaults = extend({}, config); - config$$1 = extend(defaults, config$$1 || {}); - VRDisplay.call(this, { - wakelock: config$$1.MOBILE_WAKE_LOCK, - }); - this.config = config$$1; - this.displayName = "Cardboard VRDisplay"; - this.capabilities = new VRDisplayCapabilities({ - hasPosition: false, - hasOrientation: true, - hasExternalDisplay: false, - canPresent: true, - maxLayers: 1, - }); - this.stageParameters = null; - this.bufferScale_ = this.config.BUFFER_SCALE; - this.poseSensor_ = new PoseSensor(this.config); - this.distorter_ = null; - this.cardboardUI_ = null; - this.dpdb_ = new Dpdb( - this.config.DPDB_URL, - this.onDeviceParamsUpdated_.bind(this) - ); - this.deviceInfo_ = new DeviceInfo(this.dpdb_.getDeviceParams()); - this.viewerSelector_ = new ViewerSelector(); - this.viewerSelector_.onChange(this.onViewerChanged_.bind(this)); - this.deviceInfo_.setViewer(this.viewerSelector_.getCurrentViewer()); - if (!this.config.ROTATE_INSTRUCTIONS_DISABLED) { - this.rotateInstructions_ = new RotateInstructions(); - } - if (isIOS()) { - window.addEventListener("resize", this.onResize_.bind(this)); - } - } - CardboardVRDisplay.prototype = Object.create(VRDisplay.prototype); - CardboardVRDisplay.prototype._getPose = function () { - return { - position: null, - orientation: this.poseSensor_.getOrientation(), - linearVelocity: null, - linearAcceleration: null, - angularVelocity: null, - angularAcceleration: null, - }; - }; - CardboardVRDisplay.prototype._resetPose = function () { - if (this.poseSensor_.resetPose) { - this.poseSensor_.resetPose(); - } - }; - CardboardVRDisplay.prototype._getFieldOfView = function (whichEye) { - var fieldOfView; - if (whichEye == Eye.LEFT) { - fieldOfView = this.deviceInfo_.getFieldOfViewLeftEye(); - } else if (whichEye == Eye.RIGHT) { - fieldOfView = this.deviceInfo_.getFieldOfViewRightEye(); - } else { - console.error("Invalid eye provided: %s", whichEye); - return null; - } - return fieldOfView; - }; - CardboardVRDisplay.prototype._getEyeOffset = function (whichEye) { - var offset; - if (whichEye == Eye.LEFT) { - offset = [ - -this.deviceInfo_.viewer.interLensDistance * 0.5, - 0.0, - 0.0, - ]; - } else if (whichEye == Eye.RIGHT) { - offset = [ - this.deviceInfo_.viewer.interLensDistance * 0.5, - 0.0, - 0.0, - ]; - } else { - console.error("Invalid eye provided: %s", whichEye); - return null; - } - return offset; - }; - CardboardVRDisplay.prototype.getEyeParameters = function (whichEye) { - var offset = this._getEyeOffset(whichEye); - var fieldOfView = this._getFieldOfView(whichEye); - var eyeParams = { - offset: offset, - renderWidth: - this.deviceInfo_.device.width * 0.5 * this.bufferScale_, - renderHeight: this.deviceInfo_.device.height * this.bufferScale_, - }; - Object.defineProperty(eyeParams, "fieldOfView", { - enumerable: true, - get: function get() { - deprecateWarning( - "VRFieldOfView", - "VRFrameData's projection matrices" - ); - return fieldOfView; - }, - }); - return eyeParams; - }; - CardboardVRDisplay.prototype.onDeviceParamsUpdated_ = function ( - newParams - ) { - if (this.config.DEBUG) { - console.log("DPDB reported that device params were updated."); - } - this.deviceInfo_.updateDeviceParams(newParams); - if (this.distorter_) { - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - }; - CardboardVRDisplay.prototype.updateBounds_ = function () { - if ( - this.layer_ && - this.distorter_ && - (this.layer_.leftBounds || this.layer_.rightBounds) - ) { - this.distorter_.setTextureBounds( - this.layer_.leftBounds, - this.layer_.rightBounds - ); - } - }; - CardboardVRDisplay.prototype.beginPresent_ = function () { - var gl = this.layer_.source.getContext("webgl"); - if (!gl) gl = this.layer_.source.getContext("experimental-webgl"); - if (!gl) gl = this.layer_.source.getContext("webgl2"); - if (!gl) return; - if (this.layer_.predistorted) { - if (!this.config.CARDBOARD_UI_DISABLED) { - gl.canvas.width = getScreenWidth() * this.bufferScale_; - gl.canvas.height = getScreenHeight() * this.bufferScale_; - this.cardboardUI_ = new CardboardUI(gl); - } - } else { - if (!this.config.CARDBOARD_UI_DISABLED) { - this.cardboardUI_ = new CardboardUI(gl); - } - this.distorter_ = new CardboardDistorter( - gl, - this.cardboardUI_, - this.config.BUFFER_SCALE, - this.config.DIRTY_SUBMIT_FRAME_BINDINGS - ); - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - if (this.cardboardUI_) { - this.cardboardUI_.listen( - function (e) { - this.viewerSelector_.show(this.layer_.source.parentElement); - e.stopPropagation(); - e.preventDefault(); - }.bind(this), - function (e) { - this.exitPresent(); - e.stopPropagation(); - e.preventDefault(); - }.bind(this) - ); - } - if (this.rotateInstructions_) { - if (isLandscapeMode() && isMobile()) { - this.rotateInstructions_.showTemporarily( - 3000, - this.layer_.source.parentElement - ); - } else { - this.rotateInstructions_.update(); - } - } - this.orientationHandler = this.onOrientationChange_.bind(this); - window.addEventListener( - "orientationchange", - this.orientationHandler - ); - this.vrdisplaypresentchangeHandler = this.updateBounds_.bind(this); - window.addEventListener( - "vrdisplaypresentchange", - this.vrdisplaypresentchangeHandler - ); - this.fireVRDisplayDeviceParamsChange_(); - }; - CardboardVRDisplay.prototype.endPresent_ = function () { - if (this.distorter_) { - this.distorter_.destroy(); - this.distorter_ = null; - } - if (this.cardboardUI_) { - this.cardboardUI_.destroy(); - this.cardboardUI_ = null; - } - if (this.rotateInstructions_) { - this.rotateInstructions_.hide(); - } - this.viewerSelector_.hide(); - window.removeEventListener( - "orientationchange", - this.orientationHandler - ); - window.removeEventListener( - "vrdisplaypresentchange", - this.vrdisplaypresentchangeHandler - ); - }; - CardboardVRDisplay.prototype.updatePresent_ = function () { - this.endPresent_(); - this.beginPresent_(); - }; - CardboardVRDisplay.prototype.submitFrame = function (pose) { - if (this.distorter_) { - this.updateBounds_(); - this.distorter_.submitFrame(); - } else if (this.cardboardUI_ && this.layer_) { - var canvas = this.layer_.source.getContext("webgl").canvas; - if ( - canvas.width != this.lastWidth || - canvas.height != this.lastHeight - ) { - this.cardboardUI_.onResize(); - } - this.lastWidth = canvas.width; - this.lastHeight = canvas.height; - this.cardboardUI_.render(); - } - }; - CardboardVRDisplay.prototype.onOrientationChange_ = function (e) { - this.viewerSelector_.hide(); - if (this.rotateInstructions_) { - this.rotateInstructions_.update(); - } - this.onResize_(); - }; - CardboardVRDisplay.prototype.onResize_ = function (e) { - if (this.layer_) { - var gl = this.layer_.source.getContext("webgl"); - var cssProperties = [ - "position: absolute", - "top: 0", - "left: 0", - "width: 100vw", - "height: 100vh", - "border: 0", - "margin: 0", - "padding: 0px", - "box-sizing: content-box", - ]; - gl.canvas.setAttribute("style", cssProperties.join("; ") + ";"); - safariCssSizeWorkaround(gl.canvas); - } - }; - CardboardVRDisplay.prototype.onViewerChanged_ = function (viewer) { - this.deviceInfo_.setViewer(viewer); - if (this.distorter_) { - this.distorter_.updateDeviceInfo(this.deviceInfo_); - } - this.fireVRDisplayDeviceParamsChange_(); - }; - CardboardVRDisplay.prototype.fireVRDisplayDeviceParamsChange_ = - function () { - var event = new CustomEvent("vrdisplaydeviceparamschange", { - detail: { - vrdisplay: this, - deviceInfo: this.deviceInfo_, - }, - }); - window.dispatchEvent(event); - }; - CardboardVRDisplay.VRFrameData = VRFrameData; - CardboardVRDisplay.VRDisplay = VRDisplay; - return CardboardVRDisplay; - }); - }); - var CardboardVRDisplay = unwrapExports$$1(cardboardVrDisplay); - - var version = "0.10.5"; - - var DefaultConfig = { - PROVIDE_MOBILE_VRDISPLAY: true, - GET_VR_DISPLAYS_TIMEOUT: 1000, - MOBILE_WAKE_LOCK: true, - DEBUG: false, - DPDB_URL: "https://dpdb.webvr.rocks/dpdb.json", - K_FILTER: 0.98, - PREDICTION_TIME_S: 0.04, - TOUCH_PANNER_DISABLED: true, - CARDBOARD_UI_DISABLED: false, - ROTATE_INSTRUCTIONS_DISABLED: false, - YAW_ONLY: false, - BUFFER_SCALE: 0.5, - DIRTY_SUBMIT_FRAME_BINDINGS: false, - }; - - function WebVRPolyfill(config) { - this.config = extend(extend({}, DefaultConfig), config); - this.polyfillDisplays = []; - this.enabled = false; - this.hasNative = "getVRDisplays" in navigator; - this.native = {}; - this.native.getVRDisplays = navigator.getVRDisplays; - this.native.VRFrameData = window.VRFrameData; - this.native.VRDisplay = window.VRDisplay; - if ( - !this.hasNative || - (this.config.PROVIDE_MOBILE_VRDISPLAY && isMobile()) - ) { - this.enable(); - this.getVRDisplays().then(function (displays) { - if (displays && displays[0] && displays[0].fireVRDisplayConnect_) { - displays[0].fireVRDisplayConnect_(); - } - }); - } - } - WebVRPolyfill.prototype.getPolyfillDisplays = function () { - if (this._polyfillDisplaysPopulated) { - return this.polyfillDisplays; - } - if (isMobile()) { - var vrDisplay = new CardboardVRDisplay({ - MOBILE_WAKE_LOCK: this.config.MOBILE_WAKE_LOCK, - DEBUG: this.config.DEBUG, - DPDB_URL: this.config.DPDB_URL, - CARDBOARD_UI_DISABLED: this.config.CARDBOARD_UI_DISABLED, - K_FILTER: this.config.K_FILTER, - PREDICTION_TIME_S: this.config.PREDICTION_TIME_S, - TOUCH_PANNER_DISABLED: this.config.TOUCH_PANNER_DISABLED, - ROTATE_INSTRUCTIONS_DISABLED: - this.config.ROTATE_INSTRUCTIONS_DISABLED, - YAW_ONLY: this.config.YAW_ONLY, - BUFFER_SCALE: this.config.BUFFER_SCALE, - DIRTY_SUBMIT_FRAME_BINDINGS: - this.config.DIRTY_SUBMIT_FRAME_BINDINGS, - }); - this.polyfillDisplays.push(vrDisplay); - } - this._polyfillDisplaysPopulated = true; - return this.polyfillDisplays; - }; - WebVRPolyfill.prototype.enable = function () { - this.enabled = true; - if (this.hasNative && this.native.VRFrameData) { - var NativeVRFrameData = this.native.VRFrameData; - var nativeFrameData = new this.native.VRFrameData(); - var nativeGetFrameData = this.native.VRDisplay.prototype.getFrameData; - window.VRDisplay.prototype.getFrameData = function (frameData) { - if (frameData instanceof NativeVRFrameData) { - nativeGetFrameData.call(this, frameData); - return; - } - nativeGetFrameData.call(this, nativeFrameData); - frameData.pose = nativeFrameData.pose; - copyArray( - nativeFrameData.leftProjectionMatrix, - frameData.leftProjectionMatrix - ); - copyArray( - nativeFrameData.rightProjectionMatrix, - frameData.rightProjectionMatrix - ); - copyArray(nativeFrameData.leftViewMatrix, frameData.leftViewMatrix); - copyArray( - nativeFrameData.rightViewMatrix, - frameData.rightViewMatrix - ); - }; - } - navigator.getVRDisplays = this.getVRDisplays.bind(this); - window.VRDisplay = CardboardVRDisplay.VRDisplay; - window.VRFrameData = CardboardVRDisplay.VRFrameData; - }; - WebVRPolyfill.prototype.getVRDisplays = function () { - var _this = this; - var config = this.config; - if (!this.hasNative) { - return Promise.resolve(this.getPolyfillDisplays()); - } - var timeoutId; - var vrDisplaysNative = this.native.getVRDisplays.call(navigator); - var timeoutPromise = new Promise(function (resolve) { - timeoutId = setTimeout(function () { - console.warn( - "Native WebVR implementation detected, but `getVRDisplays()` failed to resolve. Falling back to polyfill." - ); - resolve([]); - }, config.GET_VR_DISPLAYS_TIMEOUT); - }); - return race([vrDisplaysNative, timeoutPromise]).then(function ( - nativeDisplays - ) { - clearTimeout(timeoutId); - return nativeDisplays.length > 0 - ? nativeDisplays - : _this.getPolyfillDisplays(); - }); - }; - WebVRPolyfill.version = version; - WebVRPolyfill.VRFrameData = CardboardVRDisplay.VRFrameData; - WebVRPolyfill.VRDisplay = CardboardVRDisplay.VRDisplay; - - var webvrPolyfill = Object.freeze({ - default: WebVRPolyfill, - }); - - var require$$0 = (webvrPolyfill && WebVRPolyfill) || webvrPolyfill; - - if ( - typeof commonjsGlobal$$1 !== "undefined" && - commonjsGlobal$$1.window - ) { - if (!commonjsGlobal$$1.document) { - commonjsGlobal$$1.document = commonjsGlobal$$1.window.document; - } - if (!commonjsGlobal$$1.navigator) { - commonjsGlobal$$1.navigator = commonjsGlobal$$1.window.navigator; - } - } - var src = require$$0; - - return src; - }); - }); - - var WebVRPolyfill = unwrapExports(webvrPolyfill); - - // Polyfills - - if (Number.EPSILON === undefined) { - Number.EPSILON = Math.pow(2, -52); - } - - if (Number.isInteger === undefined) { - // Missing in IE - // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger - - Number.isInteger = function (value) { - return ( - typeof value === "number" && - isFinite(value) && - Math.floor(value) === value - ); - }; - } - - // - - if (Math.sign === undefined) { - // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sign - - Math.sign = function (x) { - return x < 0 ? -1 : x > 0 ? 1 : +x; - }; - } - - if ("name" in Function.prototype === false) { - // Missing in IE - // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name - - Object.defineProperty(Function.prototype, "name", { - get: function () { - return this.toString().match(/^\s*function\s*([^\(\s]*)/)[1]; - }, - }); - } - - if (Object.assign === undefined) { - // Missing in IE - // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign - - (function () { - Object.assign = function (target) { - if (target === undefined || target === null) { - throw new TypeError("Cannot convert undefined or null to object"); - } - - var output = Object(target); - - for (var index = 1; index < arguments.length; index++) { - var source = arguments[index]; - - if (source !== undefined && source !== null) { - for (var nextKey in source) { - if (Object.prototype.hasOwnProperty.call(source, nextKey)) { - output[nextKey] = source[nextKey]; - } - } - } - } - - return output; - }; - })(); - } - - /** - * https://github.com/mrdoob/eventdispatcher.js/ - */ - - function EventDispatcher() {} - - Object.assign(EventDispatcher.prototype, { - addEventListener: function (type, listener) { - if (this._listeners === undefined) this._listeners = {}; - - var listeners = this._listeners; - - if (listeners[type] === undefined) { - listeners[type] = []; - } - - if (listeners[type].indexOf(listener) === -1) { - listeners[type].push(listener); - } - }, - - hasEventListener: function (type, listener) { - if (this._listeners === undefined) return false; - - var listeners = this._listeners; - - return ( - listeners[type] !== undefined && - listeners[type].indexOf(listener) !== -1 - ); - }, - - removeEventListener: function (type, listener) { - if (this._listeners === undefined) return; - - var listeners = this._listeners; - var listenerArray = listeners[type]; - - if (listenerArray !== undefined) { - var index = listenerArray.indexOf(listener); - - if (index !== -1) { - listenerArray.splice(index, 1); - } - } - }, - - dispatchEvent: function (event) { - if (this._listeners === undefined) return; - - var listeners = this._listeners; - var listenerArray = listeners[event.type]; - - if (listenerArray !== undefined) { - event.target = this; - - var array = listenerArray.slice(0); - - for (var i = 0, l = array.length; i < l; i++) { - array[i].call(this, event); - } - } - }, - }); - - var REVISION = "92"; - var MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2 }; - var CullFaceNone = 0; - var CullFaceBack = 1; - var CullFaceFront = 2; - var PCFShadowMap = 1; - var PCFSoftShadowMap = 2; - var FrontSide = 0; - var BackSide = 1; - var DoubleSide = 2; - var FlatShading = 1; - var NoColors = 0; - var FaceColors = 1; - var VertexColors = 2; - var NoBlending = 0; - var NormalBlending = 1; - var AdditiveBlending = 2; - var SubtractiveBlending = 3; - var MultiplyBlending = 4; - var CustomBlending = 5; - var AddEquation = 100; - var SubtractEquation = 101; - var ReverseSubtractEquation = 102; - var MinEquation = 103; - var MaxEquation = 104; - var ZeroFactor = 200; - var OneFactor = 201; - var SrcColorFactor = 202; - var OneMinusSrcColorFactor = 203; - var SrcAlphaFactor = 204; - var OneMinusSrcAlphaFactor = 205; - var DstAlphaFactor = 206; - var OneMinusDstAlphaFactor = 207; - var DstColorFactor = 208; - var OneMinusDstColorFactor = 209; - var SrcAlphaSaturateFactor = 210; - var NeverDepth = 0; - var AlwaysDepth = 1; - var LessDepth = 2; - var LessEqualDepth = 3; - var EqualDepth = 4; - var GreaterEqualDepth = 5; - var GreaterDepth = 6; - var NotEqualDepth = 7; - var MultiplyOperation = 0; - var MixOperation = 1; - var AddOperation = 2; - var NoToneMapping = 0; - var LinearToneMapping = 1; - var ReinhardToneMapping = 2; - var Uncharted2ToneMapping = 3; - var CineonToneMapping = 4; - var UVMapping = 300; - var CubeReflectionMapping = 301; - var CubeRefractionMapping = 302; - var EquirectangularReflectionMapping = 303; - var EquirectangularRefractionMapping = 304; - var SphericalReflectionMapping = 305; - var CubeUVReflectionMapping = 306; - var CubeUVRefractionMapping = 307; - var RepeatWrapping = 1000; - var ClampToEdgeWrapping = 1001; - var MirroredRepeatWrapping = 1002; - var NearestFilter = 1003; - var NearestMipMapNearestFilter = 1004; - var NearestMipMapLinearFilter = 1005; - var LinearFilter = 1006; - var LinearMipMapNearestFilter = 1007; - var LinearMipMapLinearFilter = 1008; - var UnsignedByteType = 1009; - var ByteType = 1010; - var ShortType = 1011; - var UnsignedShortType = 1012; - var IntType = 1013; - var UnsignedIntType = 1014; - var FloatType = 1015; - var HalfFloatType = 1016; - var UnsignedShort4444Type = 1017; - var UnsignedShort5551Type = 1018; - var UnsignedShort565Type = 1019; - var UnsignedInt248Type = 1020; - var AlphaFormat = 1021; - var RGBFormat = 1022; - var RGBAFormat = 1023; - var LuminanceFormat = 1024; - var LuminanceAlphaFormat = 1025; - var DepthFormat = 1026; - var DepthStencilFormat = 1027; - var RGB_S3TC_DXT1_Format = 33776; - var RGBA_S3TC_DXT1_Format = 33777; - var RGBA_S3TC_DXT3_Format = 33778; - var RGBA_S3TC_DXT5_Format = 33779; - var RGB_PVRTC_4BPPV1_Format = 35840; - var RGB_PVRTC_2BPPV1_Format = 35841; - var RGBA_PVRTC_4BPPV1_Format = 35842; - var RGBA_PVRTC_2BPPV1_Format = 35843; - var RGB_ETC1_Format = 36196; - var RGBA_ASTC_4x4_Format = 37808; - var RGBA_ASTC_5x4_Format = 37809; - var RGBA_ASTC_5x5_Format = 37810; - var RGBA_ASTC_6x5_Format = 37811; - var RGBA_ASTC_6x6_Format = 37812; - var RGBA_ASTC_8x5_Format = 37813; - var RGBA_ASTC_8x6_Format = 37814; - var RGBA_ASTC_8x8_Format = 37815; - var RGBA_ASTC_10x5_Format = 37816; - var RGBA_ASTC_10x6_Format = 37817; - var RGBA_ASTC_10x8_Format = 37818; - var RGBA_ASTC_10x10_Format = 37819; - var RGBA_ASTC_12x10_Format = 37820; - var RGBA_ASTC_12x12_Format = 37821; - var LoopOnce = 2200; - var LoopRepeat = 2201; - var LoopPingPong = 2202; - var InterpolateDiscrete = 2300; - var InterpolateLinear = 2301; - var InterpolateSmooth = 2302; - var ZeroCurvatureEnding = 2400; - var ZeroSlopeEnding = 2401; - var WrapAroundEnding = 2402; - var TrianglesDrawMode = 0; - var TriangleStripDrawMode = 1; - var TriangleFanDrawMode = 2; - var LinearEncoding = 3000; - var sRGBEncoding = 3001; - var GammaEncoding = 3007; - var RGBEEncoding = 3002; - var RGBM7Encoding = 3004; - var RGBM16Encoding = 3005; - var RGBDEncoding = 3006; - var BasicDepthPacking = 3200; - var RGBADepthPacking = 3201; - - /** - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - */ - - var _Math = { - DEG2RAD: Math.PI / 180, - RAD2DEG: 180 / Math.PI, - - generateUUID: (function () { - // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136 - - var lut = []; - - for (var i = 0; i < 256; i++) { - lut[i] = (i < 16 ? "0" : "") + i.toString(16); - } - - return function generateUUID() { - var d0 = (Math.random() * 0xffffffff) | 0; - var d1 = (Math.random() * 0xffffffff) | 0; - var d2 = (Math.random() * 0xffffffff) | 0; - var d3 = (Math.random() * 0xffffffff) | 0; - var uuid = - lut[d0 & 0xff] + - lut[(d0 >> 8) & 0xff] + - lut[(d0 >> 16) & 0xff] + - lut[(d0 >> 24) & 0xff] + - "-" + - lut[d1 & 0xff] + - lut[(d1 >> 8) & 0xff] + - "-" + - lut[((d1 >> 16) & 0x0f) | 0x40] + - lut[(d1 >> 24) & 0xff] + - "-" + - lut[(d2 & 0x3f) | 0x80] + - lut[(d2 >> 8) & 0xff] + - "-" + - lut[(d2 >> 16) & 0xff] + - lut[(d2 >> 24) & 0xff] + - lut[d3 & 0xff] + - lut[(d3 >> 8) & 0xff] + - lut[(d3 >> 16) & 0xff] + - lut[(d3 >> 24) & 0xff]; - - // .toUpperCase() here flattens concatenated strings to save heap memory space. - return uuid.toUpperCase(); - }; - })(), - - clamp: function (value, min, max) { - return Math.max(min, Math.min(max, value)); - }, - - // compute euclidian modulo of m % n - // https://en.wikipedia.org/wiki/Modulo_operation - - euclideanModulo: function (n, m) { - return ((n % m) + m) % m; - }, - - // Linear mapping from range to range - - mapLinear: function (x, a1, a2, b1, b2) { - return b1 + ((x - a1) * (b2 - b1)) / (a2 - a1); - }, - - // https://en.wikipedia.org/wiki/Linear_interpolation - - lerp: function (x, y, t) { - return (1 - t) * x + t * y; - }, - - // http://en.wikipedia.org/wiki/Smoothstep - - smoothstep: function (x, min, max) { - if (x <= min) return 0; - if (x >= max) return 1; - - x = (x - min) / (max - min); - - return x * x * (3 - 2 * x); - }, - - smootherstep: function (x, min, max) { - if (x <= min) return 0; - if (x >= max) return 1; - - x = (x - min) / (max - min); - - return x * x * x * (x * (x * 6 - 15) + 10); - }, - - // Random integer from interval - - randInt: function (low, high) { - return low + Math.floor(Math.random() * (high - low + 1)); - }, - - // Random float from interval - - randFloat: function (low, high) { - return low + Math.random() * (high - low); - }, - - // Random float from <-range/2, range/2> interval - - randFloatSpread: function (range) { - return range * (0.5 - Math.random()); - }, - - degToRad: function (degrees) { - return degrees * _Math.DEG2RAD; - }, - - radToDeg: function (radians) { - return radians * _Math.RAD2DEG; - }, - - isPowerOfTwo: function (value) { - return (value & (value - 1)) === 0 && value !== 0; - }, - - ceilPowerOfTwo: function (value) { - return Math.pow(2, Math.ceil(Math.log(value) / Math.LN2)); - }, - - floorPowerOfTwo: function (value) { - return Math.pow(2, Math.floor(Math.log(value) / Math.LN2)); - }, - }; - - /** - * @author mrdoob / http://mrdoob.com/ - * @author philogb / http://blog.thejit.org/ - * @author egraether / http://egraether.com/ - * @author zz85 / http://www.lab4games.net/zz85/blog - */ - - function Vector2(x, y) { - this.x = x || 0; - this.y = y || 0; - } + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('global/window'), require('global/document'), require('video.js')) : + typeof define === 'function' && define.amd ? define(['global/window', 'global/document', 'video.js'], factory) : + (global = global || self, global.videojsVr = factory(global.window, global.document, global.videojs)); +}(this, function (window$1, document$1, videojs) { 'use strict'; + + window$1 = window$1 && window$1.hasOwnProperty('default') ? window$1['default'] : window$1; + document$1 = document$1 && document$1.hasOwnProperty('default') ? document$1['default'] : document$1; + videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs; + + var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; + + function unwrapExports (x) { + return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; + } + + function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; + } + + var assertThisInitialized = createCommonjsModule(function (module) { + function _assertThisInitialized(self) { + if (self === void 0) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return self; + } + + module.exports = _assertThisInitialized; + module.exports["default"] = module.exports, module.exports.__esModule = true; + }); + + var _assertThisInitialized = unwrapExports(assertThisInitialized); + + var setPrototypeOf = createCommonjsModule(function (module) { + function _setPrototypeOf(o, p) { + module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { + o.__proto__ = p; + return o; + }; + + module.exports["default"] = module.exports, module.exports.__esModule = true; + return _setPrototypeOf(o, p); + } + + module.exports = _setPrototypeOf; + module.exports["default"] = module.exports, module.exports.__esModule = true; + }); + + unwrapExports(setPrototypeOf); + + var inheritsLoose = createCommonjsModule(function (module) { + function _inheritsLoose(subClass, superClass) { + subClass.prototype = Object.create(superClass.prototype); + subClass.prototype.constructor = subClass; + setPrototypeOf(subClass, superClass); + } + + module.exports = _inheritsLoose; + module.exports["default"] = module.exports, module.exports.__esModule = true; + }); + + var _inheritsLoose = unwrapExports(inheritsLoose); + + var version = "1.8.0"; + + var webvrPolyfill = createCommonjsModule(function (module, exports) { + /** + * @license + * webvr-polyfill + * Copyright (c) 2015-2017 Google + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + /** + * @license + * cardboard-vr-display + * Copyright (c) 2015-2017 Google + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + /** + * @license + * webvr-polyfill-dpdb + * Copyright (c) 2017 Google + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + /** + * @license + * wglu-preserve-state + * Copyright (c) 2016, Brandon Jones. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ + + /** + * @license + * nosleep.js + * Copyright (c) 2017, Rich Tibbett + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ + + (function (global, factory) { + module.exports = factory(); + }(commonjsGlobal, (function () { + var commonjsGlobal$1 = typeof window !== 'undefined' ? window : typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : typeof self !== 'undefined' ? self : {}; + + + + function unwrapExports (x) { + return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; + } + + function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; + } + + var isMobile = function isMobile() { + return (/Android/i.test(navigator.userAgent) || /iPhone|iPad|iPod/i.test(navigator.userAgent) + ); + }; + var copyArray = function copyArray(source, dest) { + for (var i = 0, n = source.length; i < n; i++) { + dest[i] = source[i]; + } + }; + var extend = function extend(dest, src) { + for (var key in src) { + if (src.hasOwnProperty(key)) { + dest[key] = src[key]; + } + } + return dest; + }; + + var cardboardVrDisplay = createCommonjsModule(function (module, exports) { + /** + * @license + * cardboard-vr-display + * Copyright (c) 2015-2017 Google + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + /** + * @license + * gl-preserve-state + * Copyright (c) 2016, Brandon Jones. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ + /** + * @license + * webvr-polyfill-dpdb + * Copyright (c) 2015-2017 Google + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + /** + * @license + * nosleep.js + * Copyright (c) 2017, Rich Tibbett + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ + (function (global, factory) { + module.exports = factory(); + }(commonjsGlobal$1, (function () { var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + var slicedToArray = function () { + function sliceIterator(arr, i) { + var _arr = []; + var _n = true; + var _d = false; + var _e = undefined; + try { + for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { + _arr.push(_s.value); + if (i && _arr.length === i) break; + } + } catch (err) { + _d = true; + _e = err; + } finally { + try { + if (!_n && _i["return"]) _i["return"](); + } finally { + if (_d) throw _e; + } + } + return _arr; + } + return function (arr, i) { + if (Array.isArray(arr)) { + return arr; + } else if (Symbol.iterator in Object(arr)) { + return sliceIterator(arr, i); + } else { + throw new TypeError("Invalid attempt to destructure non-iterable instance"); + } + }; + }(); + var MIN_TIMESTEP = 0.001; + var MAX_TIMESTEP = 1; + var dataUri = function dataUri(mimeType, svg) { + return 'data:' + mimeType + ',' + encodeURIComponent(svg); + }; + var lerp = function lerp(a, b, t) { + return a + (b - a) * t; + }; + var isIOS = function () { + var isIOS = /iPad|iPhone|iPod/.test(navigator.platform); + return function () { + return isIOS; + }; + }(); + var isWebViewAndroid = function () { + var isWebViewAndroid = navigator.userAgent.indexOf('Version') !== -1 && navigator.userAgent.indexOf('Android') !== -1 && navigator.userAgent.indexOf('Chrome') !== -1; + return function () { + return isWebViewAndroid; + }; + }(); + var isSafari = function () { + var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); + return function () { + return isSafari; + }; + }(); + var isFirefoxAndroid = function () { + var isFirefoxAndroid = navigator.userAgent.indexOf('Firefox') !== -1 && navigator.userAgent.indexOf('Android') !== -1; + return function () { + return isFirefoxAndroid; + }; + }(); + var getChromeVersion = function () { + var match = navigator.userAgent.match(/.*Chrome\/([0-9]+)/); + var value = match ? parseInt(match[1], 10) : null; + return function () { + return value; + }; + }(); + var isSafariWithoutDeviceMotion = function () { + var value = false; + value = isIOS() && isSafari() && navigator.userAgent.indexOf('13_4') !== -1; + return function () { + return value; + }; + }(); + var isChromeWithoutDeviceMotion = function () { + var value = false; + if (getChromeVersion() === 65) { + var match = navigator.userAgent.match(/.*Chrome\/([0-9\.]*)/); + if (match) { + var _match$1$split = match[1].split('.'), + _match$1$split2 = slicedToArray(_match$1$split, 4), + major = _match$1$split2[0], + minor = _match$1$split2[1], + branch = _match$1$split2[2], + build = _match$1$split2[3]; + value = parseInt(branch, 10) === 3325 && parseInt(build, 10) < 148; + } + } + return function () { + return value; + }; + }(); + var isR7 = function () { + var isR7 = navigator.userAgent.indexOf('R7 Build') !== -1; + return function () { + return isR7; + }; + }(); + var isLandscapeMode = function isLandscapeMode() { + var rtn = window.orientation == 90 || window.orientation == -90; + return isR7() ? !rtn : rtn; + }; + var isTimestampDeltaValid = function isTimestampDeltaValid(timestampDeltaS) { + if (isNaN(timestampDeltaS)) { + return false; + } + if (timestampDeltaS <= MIN_TIMESTEP) { + return false; + } + if (timestampDeltaS > MAX_TIMESTEP) { + return false; + } + return true; + }; + var getScreenWidth = function getScreenWidth() { + return Math.max(window.screen.width, window.screen.height) * window.devicePixelRatio; + }; + var getScreenHeight = function getScreenHeight() { + return Math.min(window.screen.width, window.screen.height) * window.devicePixelRatio; + }; + var requestFullscreen = function requestFullscreen(element) { + if (isWebViewAndroid()) { + return false; + } + if (element.requestFullscreen) { + element.requestFullscreen(); + } else if (element.webkitRequestFullscreen) { + element.webkitRequestFullscreen(); + } else if (element.mozRequestFullScreen) { + element.mozRequestFullScreen(); + } else if (element.msRequestFullscreen) { + element.msRequestFullscreen(); + } else { + return false; + } + return true; + }; + var exitFullscreen = function exitFullscreen() { + if (document.exitFullscreen) { + document.exitFullscreen(); + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } else if (document.mozCancelFullScreen) { + document.mozCancelFullScreen(); + } else if (document.msExitFullscreen) { + document.msExitFullscreen(); + } else { + return false; + } + return true; + }; + var getFullscreenElement = function getFullscreenElement() { + return document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement; + }; + var linkProgram = function linkProgram(gl, vertexSource, fragmentSource, attribLocationMap) { + var vertexShader = gl.createShader(gl.VERTEX_SHADER); + gl.shaderSource(vertexShader, vertexSource); + gl.compileShader(vertexShader); + var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + var program = gl.createProgram(); + gl.attachShader(program, vertexShader); + gl.attachShader(program, fragmentShader); + for (var attribName in attribLocationMap) { + gl.bindAttribLocation(program, attribLocationMap[attribName], attribName); + }gl.linkProgram(program); + gl.deleteShader(vertexShader); + gl.deleteShader(fragmentShader); + return program; + }; + var getProgramUniforms = function getProgramUniforms(gl, program) { + var uniforms = {}; + var uniformCount = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS); + var uniformName = ''; + for (var i = 0; i < uniformCount; i++) { + var uniformInfo = gl.getActiveUniform(program, i); + uniformName = uniformInfo.name.replace('[0]', ''); + uniforms[uniformName] = gl.getUniformLocation(program, uniformName); + } + return uniforms; + }; + var orthoMatrix = function orthoMatrix(out, left, right, bottom, top, near, far) { + var lr = 1 / (left - right), + bt = 1 / (bottom - top), + nf = 1 / (near - far); + out[0] = -2 * lr; + out[1] = 0; + out[2] = 0; + out[3] = 0; + out[4] = 0; + out[5] = -2 * bt; + out[6] = 0; + out[7] = 0; + out[8] = 0; + out[9] = 0; + out[10] = 2 * nf; + out[11] = 0; + out[12] = (left + right) * lr; + out[13] = (top + bottom) * bt; + out[14] = (far + near) * nf; + out[15] = 1; + return out; + }; + var isMobile = function isMobile() { + var check = false; + (function (a) { + if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; + })(navigator.userAgent || navigator.vendor || window.opera); + return check; + }; + var extend = function extend(dest, src) { + for (var key in src) { + if (src.hasOwnProperty(key)) { + dest[key] = src[key]; + } + } + return dest; + }; + var safariCssSizeWorkaround = function safariCssSizeWorkaround(canvas) { + if (isIOS()) { + var width = canvas.style.width; + var height = canvas.style.height; + canvas.style.width = parseInt(width) + 1 + 'px'; + canvas.style.height = parseInt(height) + 'px'; + setTimeout(function () { + canvas.style.width = width; + canvas.style.height = height; + }, 100); + } + window.canvas = canvas; + }; + var frameDataFromPose = function () { + var piOver180 = Math.PI / 180.0; + var rad45 = Math.PI * 0.25; + function mat4_perspectiveFromFieldOfView(out, fov, near, far) { + var upTan = Math.tan(fov ? fov.upDegrees * piOver180 : rad45), + downTan = Math.tan(fov ? fov.downDegrees * piOver180 : rad45), + leftTan = Math.tan(fov ? fov.leftDegrees * piOver180 : rad45), + rightTan = Math.tan(fov ? fov.rightDegrees * piOver180 : rad45), + xScale = 2.0 / (leftTan + rightTan), + yScale = 2.0 / (upTan + downTan); + out[0] = xScale; + out[1] = 0.0; + out[2] = 0.0; + out[3] = 0.0; + out[4] = 0.0; + out[5] = yScale; + out[6] = 0.0; + out[7] = 0.0; + out[8] = -((leftTan - rightTan) * xScale * 0.5); + out[9] = (upTan - downTan) * yScale * 0.5; + out[10] = far / (near - far); + out[11] = -1.0; + out[12] = 0.0; + out[13] = 0.0; + out[14] = far * near / (near - far); + out[15] = 0.0; + return out; + } + function mat4_fromRotationTranslation(out, q, v) { + var x = q[0], + y = q[1], + z = q[2], + w = q[3], + x2 = x + x, + y2 = y + y, + z2 = z + z, + xx = x * x2, + xy = x * y2, + xz = x * z2, + yy = y * y2, + yz = y * z2, + zz = z * z2, + wx = w * x2, + wy = w * y2, + wz = w * z2; + out[0] = 1 - (yy + zz); + out[1] = xy + wz; + out[2] = xz - wy; + out[3] = 0; + out[4] = xy - wz; + out[5] = 1 - (xx + zz); + out[6] = yz + wx; + out[7] = 0; + out[8] = xz + wy; + out[9] = yz - wx; + out[10] = 1 - (xx + yy); + out[11] = 0; + out[12] = v[0]; + out[13] = v[1]; + out[14] = v[2]; + out[15] = 1; + return out; + } + function mat4_translate(out, a, v) { + var x = v[0], + y = v[1], + z = v[2], + a00, + a01, + a02, + a03, + a10, + a11, + a12, + a13, + a20, + a21, + a22, + a23; + if (a === out) { + out[12] = a[0] * x + a[4] * y + a[8] * z + a[12]; + out[13] = a[1] * x + a[5] * y + a[9] * z + a[13]; + out[14] = a[2] * x + a[6] * y + a[10] * z + a[14]; + out[15] = a[3] * x + a[7] * y + a[11] * z + a[15]; + } else { + a00 = a[0];a01 = a[1];a02 = a[2];a03 = a[3]; + a10 = a[4];a11 = a[5];a12 = a[6];a13 = a[7]; + a20 = a[8];a21 = a[9];a22 = a[10];a23 = a[11]; + out[0] = a00;out[1] = a01;out[2] = a02;out[3] = a03; + out[4] = a10;out[5] = a11;out[6] = a12;out[7] = a13; + out[8] = a20;out[9] = a21;out[10] = a22;out[11] = a23; + out[12] = a00 * x + a10 * y + a20 * z + a[12]; + out[13] = a01 * x + a11 * y + a21 * z + a[13]; + out[14] = a02 * x + a12 * y + a22 * z + a[14]; + out[15] = a03 * x + a13 * y + a23 * z + a[15]; + } + return out; + } + function mat4_invert(out, a) { + var a00 = a[0], + a01 = a[1], + a02 = a[2], + a03 = a[3], + a10 = a[4], + a11 = a[5], + a12 = a[6], + a13 = a[7], + a20 = a[8], + a21 = a[9], + a22 = a[10], + a23 = a[11], + a30 = a[12], + a31 = a[13], + a32 = a[14], + a33 = a[15], + b00 = a00 * a11 - a01 * a10, + b01 = a00 * a12 - a02 * a10, + b02 = a00 * a13 - a03 * a10, + b03 = a01 * a12 - a02 * a11, + b04 = a01 * a13 - a03 * a11, + b05 = a02 * a13 - a03 * a12, + b06 = a20 * a31 - a21 * a30, + b07 = a20 * a32 - a22 * a30, + b08 = a20 * a33 - a23 * a30, + b09 = a21 * a32 - a22 * a31, + b10 = a21 * a33 - a23 * a31, + b11 = a22 * a33 - a23 * a32, + det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06; + if (!det) { + return null; + } + det = 1.0 / det; + out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det; + out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det; + out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det; + out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det; + out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det; + out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det; + out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det; + out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det; + out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det; + out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det; + out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det; + out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det; + out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det; + out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det; + out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det; + out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det; + return out; + } + var defaultOrientation = new Float32Array([0, 0, 0, 1]); + var defaultPosition = new Float32Array([0, 0, 0]); + function updateEyeMatrices(projection, view, pose, fov, offset, vrDisplay) { + mat4_perspectiveFromFieldOfView(projection, fov || null, vrDisplay.depthNear, vrDisplay.depthFar); + var orientation = pose.orientation || defaultOrientation; + var position = pose.position || defaultPosition; + mat4_fromRotationTranslation(view, orientation, position); + if (offset) mat4_translate(view, view, offset); + mat4_invert(view, view); + } + return function (frameData, pose, vrDisplay) { + if (!frameData || !pose) return false; + frameData.pose = pose; + frameData.timestamp = pose.timestamp; + updateEyeMatrices(frameData.leftProjectionMatrix, frameData.leftViewMatrix, pose, vrDisplay._getFieldOfView("left"), vrDisplay._getEyeOffset("left"), vrDisplay); + updateEyeMatrices(frameData.rightProjectionMatrix, frameData.rightViewMatrix, pose, vrDisplay._getFieldOfView("right"), vrDisplay._getEyeOffset("right"), vrDisplay); + return true; + }; + }(); + var isInsideCrossOriginIFrame = function isInsideCrossOriginIFrame() { + var isFramed = window.self !== window.top; + var refOrigin = getOriginFromUrl(document.referrer); + var thisOrigin = getOriginFromUrl(window.location.href); + return isFramed && refOrigin !== thisOrigin; + }; + var getOriginFromUrl = function getOriginFromUrl(url) { + var domainIdx; + var protoSepIdx = url.indexOf("://"); + if (protoSepIdx !== -1) { + domainIdx = protoSepIdx + 3; + } else { + domainIdx = 0; + } + var domainEndIdx = url.indexOf('/', domainIdx); + if (domainEndIdx === -1) { + domainEndIdx = url.length; + } + return url.substring(0, domainEndIdx); + }; + var getQuaternionAngle = function getQuaternionAngle(quat) { + if (quat.w > 1) { + console.warn('getQuaternionAngle: w > 1'); + return 0; + } + var angle = 2 * Math.acos(quat.w); + return angle; + }; + var warnOnce = function () { + var observedWarnings = {}; + return function (key, message) { + if (observedWarnings[key] === undefined) { + console.warn('webvr-polyfill: ' + message); + observedWarnings[key] = true; + } + }; + }(); + var deprecateWarning = function deprecateWarning(deprecated, suggested) { + var alternative = suggested ? 'Please use ' + suggested + ' instead.' : ''; + warnOnce(deprecated, deprecated + ' has been deprecated. ' + 'This may not work on native WebVR displays. ' + alternative); + }; + function WGLUPreserveGLState(gl, bindings, callback) { + if (!bindings) { + callback(gl); + return; + } + var boundValues = []; + var activeTexture = null; + for (var i = 0; i < bindings.length; ++i) { + var binding = bindings[i]; + switch (binding) { + case gl.TEXTURE_BINDING_2D: + case gl.TEXTURE_BINDING_CUBE_MAP: + var textureUnit = bindings[++i]; + if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) { + console.error("TEXTURE_BINDING_2D or TEXTURE_BINDING_CUBE_MAP must be followed by a valid texture unit"); + boundValues.push(null, null); + break; + } + if (!activeTexture) { + activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); + } + gl.activeTexture(textureUnit); + boundValues.push(gl.getParameter(binding), null); + break; + case gl.ACTIVE_TEXTURE: + activeTexture = gl.getParameter(gl.ACTIVE_TEXTURE); + boundValues.push(null); + break; + default: + boundValues.push(gl.getParameter(binding)); + break; + } + } + callback(gl); + for (var i = 0; i < bindings.length; ++i) { + var binding = bindings[i]; + var boundValue = boundValues[i]; + switch (binding) { + case gl.ACTIVE_TEXTURE: + break; + case gl.ARRAY_BUFFER_BINDING: + gl.bindBuffer(gl.ARRAY_BUFFER, boundValue); + break; + case gl.COLOR_CLEAR_VALUE: + gl.clearColor(boundValue[0], boundValue[1], boundValue[2], boundValue[3]); + break; + case gl.COLOR_WRITEMASK: + gl.colorMask(boundValue[0], boundValue[1], boundValue[2], boundValue[3]); + break; + case gl.CURRENT_PROGRAM: + gl.useProgram(boundValue); + break; + case gl.ELEMENT_ARRAY_BUFFER_BINDING: + gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, boundValue); + break; + case gl.FRAMEBUFFER_BINDING: + gl.bindFramebuffer(gl.FRAMEBUFFER, boundValue); + break; + case gl.RENDERBUFFER_BINDING: + gl.bindRenderbuffer(gl.RENDERBUFFER, boundValue); + break; + case gl.TEXTURE_BINDING_2D: + var textureUnit = bindings[++i]; + if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) + break; + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, boundValue); + break; + case gl.TEXTURE_BINDING_CUBE_MAP: + var textureUnit = bindings[++i]; + if (textureUnit < gl.TEXTURE0 || textureUnit > gl.TEXTURE31) + break; + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_CUBE_MAP, boundValue); + break; + case gl.VIEWPORT: + gl.viewport(boundValue[0], boundValue[1], boundValue[2], boundValue[3]); + break; + case gl.BLEND: + case gl.CULL_FACE: + case gl.DEPTH_TEST: + case gl.SCISSOR_TEST: + case gl.STENCIL_TEST: + if (boundValue) { + gl.enable(binding); + } else { + gl.disable(binding); + } + break; + default: + console.log("No GL restore behavior for 0x" + binding.toString(16)); + break; + } + if (activeTexture) { + gl.activeTexture(activeTexture); + } + } + } + var glPreserveState = WGLUPreserveGLState; + var distortionVS = ['attribute vec2 position;', 'attribute vec3 texCoord;', 'varying vec2 vTexCoord;', 'uniform vec4 viewportOffsetScale[2];', 'void main() {', ' vec4 viewport = viewportOffsetScale[int(texCoord.z)];', ' vTexCoord = (texCoord.xy * viewport.zw) + viewport.xy;', ' gl_Position = vec4( position, 1.0, 1.0 );', '}'].join('\n'); + var distortionFS = ['precision mediump float;', 'uniform sampler2D diffuse;', 'varying vec2 vTexCoord;', 'void main() {', ' gl_FragColor = texture2D(diffuse, vTexCoord);', '}'].join('\n'); + function CardboardDistorter(gl, cardboardUI, bufferScale, dirtySubmitFrameBindings) { + this.gl = gl; + this.cardboardUI = cardboardUI; + this.bufferScale = bufferScale; + this.dirtySubmitFrameBindings = dirtySubmitFrameBindings; + this.ctxAttribs = gl.getContextAttributes(); + this.instanceExt = gl.getExtension('ANGLE_instanced_arrays'); + this.meshWidth = 20; + this.meshHeight = 20; + this.bufferWidth = gl.drawingBufferWidth; + this.bufferHeight = gl.drawingBufferHeight; + this.realBindFramebuffer = gl.bindFramebuffer; + this.realEnable = gl.enable; + this.realDisable = gl.disable; + this.realColorMask = gl.colorMask; + this.realClearColor = gl.clearColor; + this.realViewport = gl.viewport; + if (!isIOS()) { + this.realCanvasWidth = Object.getOwnPropertyDescriptor(gl.canvas.__proto__, 'width'); + this.realCanvasHeight = Object.getOwnPropertyDescriptor(gl.canvas.__proto__, 'height'); + } + this.isPatched = false; + this.lastBoundFramebuffer = null; + this.cullFace = false; + this.depthTest = false; + this.blend = false; + this.scissorTest = false; + this.stencilTest = false; + this.viewport = [0, 0, 0, 0]; + this.colorMask = [true, true, true, true]; + this.clearColor = [0, 0, 0, 0]; + this.attribs = { + position: 0, + texCoord: 1 + }; + this.program = linkProgram(gl, distortionVS, distortionFS, this.attribs); + this.uniforms = getProgramUniforms(gl, this.program); + this.viewportOffsetScale = new Float32Array(8); + this.setTextureBounds(); + this.vertexBuffer = gl.createBuffer(); + this.indexBuffer = gl.createBuffer(); + this.indexCount = 0; + this.renderTarget = gl.createTexture(); + this.framebuffer = gl.createFramebuffer(); + this.depthStencilBuffer = null; + this.depthBuffer = null; + this.stencilBuffer = null; + if (this.ctxAttribs.depth && this.ctxAttribs.stencil) { + this.depthStencilBuffer = gl.createRenderbuffer(); + } else if (this.ctxAttribs.depth) { + this.depthBuffer = gl.createRenderbuffer(); + } else if (this.ctxAttribs.stencil) { + this.stencilBuffer = gl.createRenderbuffer(); + } + this.patch(); + this.onResize(); + } + CardboardDistorter.prototype.destroy = function () { + var gl = this.gl; + this.unpatch(); + gl.deleteProgram(this.program); + gl.deleteBuffer(this.vertexBuffer); + gl.deleteBuffer(this.indexBuffer); + gl.deleteTexture(this.renderTarget); + gl.deleteFramebuffer(this.framebuffer); + if (this.depthStencilBuffer) { + gl.deleteRenderbuffer(this.depthStencilBuffer); + } + if (this.depthBuffer) { + gl.deleteRenderbuffer(this.depthBuffer); + } + if (this.stencilBuffer) { + gl.deleteRenderbuffer(this.stencilBuffer); + } + if (this.cardboardUI) { + this.cardboardUI.destroy(); + } + }; + CardboardDistorter.prototype.onResize = function () { + var gl = this.gl; + var self = this; + var glState = [gl.RENDERBUFFER_BINDING, gl.TEXTURE_BINDING_2D, gl.TEXTURE0]; + glPreserveState(gl, glState, function (gl) { + self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); + if (self.scissorTest) { + self.realDisable.call(gl, gl.SCISSOR_TEST); + } + self.realColorMask.call(gl, true, true, true, true); + self.realViewport.call(gl, 0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); + self.realClearColor.call(gl, 0, 0, 0, 1); + gl.clear(gl.COLOR_BUFFER_BIT); + self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, self.framebuffer); + gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); + gl.texImage2D(gl.TEXTURE_2D, 0, self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, self.bufferWidth, self.bufferHeight, 0, self.ctxAttribs.alpha ? gl.RGBA : gl.RGB, gl.UNSIGNED_BYTE, null); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, self.renderTarget, 0); + if (self.ctxAttribs.depth && self.ctxAttribs.stencil) { + gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthStencilBuffer); + gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_STENCIL, self.bufferWidth, self.bufferHeight); + gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_STENCIL_ATTACHMENT, gl.RENDERBUFFER, self.depthStencilBuffer); + } else if (self.ctxAttribs.depth) { + gl.bindRenderbuffer(gl.RENDERBUFFER, self.depthBuffer); + gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, self.bufferWidth, self.bufferHeight); + gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, self.depthBuffer); + } else if (self.ctxAttribs.stencil) { + gl.bindRenderbuffer(gl.RENDERBUFFER, self.stencilBuffer); + gl.renderbufferStorage(gl.RENDERBUFFER, gl.STENCIL_INDEX8, self.bufferWidth, self.bufferHeight); + gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.STENCIL_ATTACHMENT, gl.RENDERBUFFER, self.stencilBuffer); + } + if (!gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE) { + console.error('Framebuffer incomplete!'); + } + self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, self.lastBoundFramebuffer); + if (self.scissorTest) { + self.realEnable.call(gl, gl.SCISSOR_TEST); + } + self.realColorMask.apply(gl, self.colorMask); + self.realViewport.apply(gl, self.viewport); + self.realClearColor.apply(gl, self.clearColor); + }); + if (this.cardboardUI) { + this.cardboardUI.onResize(); + } + }; + CardboardDistorter.prototype.patch = function () { + if (this.isPatched) { + return; + } + var self = this; + var canvas = this.gl.canvas; + var gl = this.gl; + if (!isIOS()) { + canvas.width = getScreenWidth() * this.bufferScale; + canvas.height = getScreenHeight() * this.bufferScale; + Object.defineProperty(canvas, 'width', { + configurable: true, + enumerable: true, + get: function get() { + return self.bufferWidth; + }, + set: function set(value) { + self.bufferWidth = value; + self.realCanvasWidth.set.call(canvas, value); + self.onResize(); + } + }); + Object.defineProperty(canvas, 'height', { + configurable: true, + enumerable: true, + get: function get() { + return self.bufferHeight; + }, + set: function set(value) { + self.bufferHeight = value; + self.realCanvasHeight.set.call(canvas, value); + self.onResize(); + } + }); + } + this.lastBoundFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING); + if (this.lastBoundFramebuffer == null) { + this.lastBoundFramebuffer = this.framebuffer; + this.gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer); + } + this.gl.bindFramebuffer = function (target, framebuffer) { + self.lastBoundFramebuffer = framebuffer ? framebuffer : self.framebuffer; + self.realBindFramebuffer.call(gl, target, self.lastBoundFramebuffer); + }; + this.cullFace = gl.getParameter(gl.CULL_FACE); + this.depthTest = gl.getParameter(gl.DEPTH_TEST); + this.blend = gl.getParameter(gl.BLEND); + this.scissorTest = gl.getParameter(gl.SCISSOR_TEST); + this.stencilTest = gl.getParameter(gl.STENCIL_TEST); + gl.enable = function (pname) { + switch (pname) { + case gl.CULL_FACE: + self.cullFace = true;break; + case gl.DEPTH_TEST: + self.depthTest = true;break; + case gl.BLEND: + self.blend = true;break; + case gl.SCISSOR_TEST: + self.scissorTest = true;break; + case gl.STENCIL_TEST: + self.stencilTest = true;break; + } + self.realEnable.call(gl, pname); + }; + gl.disable = function (pname) { + switch (pname) { + case gl.CULL_FACE: + self.cullFace = false;break; + case gl.DEPTH_TEST: + self.depthTest = false;break; + case gl.BLEND: + self.blend = false;break; + case gl.SCISSOR_TEST: + self.scissorTest = false;break; + case gl.STENCIL_TEST: + self.stencilTest = false;break; + } + self.realDisable.call(gl, pname); + }; + this.colorMask = gl.getParameter(gl.COLOR_WRITEMASK); + gl.colorMask = function (r, g, b, a) { + self.colorMask[0] = r; + self.colorMask[1] = g; + self.colorMask[2] = b; + self.colorMask[3] = a; + self.realColorMask.call(gl, r, g, b, a); + }; + this.clearColor = gl.getParameter(gl.COLOR_CLEAR_VALUE); + gl.clearColor = function (r, g, b, a) { + self.clearColor[0] = r; + self.clearColor[1] = g; + self.clearColor[2] = b; + self.clearColor[3] = a; + self.realClearColor.call(gl, r, g, b, a); + }; + this.viewport = gl.getParameter(gl.VIEWPORT); + gl.viewport = function (x, y, w, h) { + self.viewport[0] = x; + self.viewport[1] = y; + self.viewport[2] = w; + self.viewport[3] = h; + self.realViewport.call(gl, x, y, w, h); + }; + this.isPatched = true; + safariCssSizeWorkaround(canvas); + }; + CardboardDistorter.prototype.unpatch = function () { + if (!this.isPatched) { + return; + } + var gl = this.gl; + var canvas = this.gl.canvas; + if (!isIOS()) { + Object.defineProperty(canvas, 'width', this.realCanvasWidth); + Object.defineProperty(canvas, 'height', this.realCanvasHeight); + } + canvas.width = this.bufferWidth; + canvas.height = this.bufferHeight; + gl.bindFramebuffer = this.realBindFramebuffer; + gl.enable = this.realEnable; + gl.disable = this.realDisable; + gl.colorMask = this.realColorMask; + gl.clearColor = this.realClearColor; + gl.viewport = this.realViewport; + if (this.lastBoundFramebuffer == this.framebuffer) { + gl.bindFramebuffer(gl.FRAMEBUFFER, null); + } + this.isPatched = false; + setTimeout(function () { + safariCssSizeWorkaround(canvas); + }, 1); + }; + CardboardDistorter.prototype.setTextureBounds = function (leftBounds, rightBounds) { + if (!leftBounds) { + leftBounds = [0, 0, 0.5, 1]; + } + if (!rightBounds) { + rightBounds = [0.5, 0, 0.5, 1]; + } + this.viewportOffsetScale[0] = leftBounds[0]; + this.viewportOffsetScale[1] = leftBounds[1]; + this.viewportOffsetScale[2] = leftBounds[2]; + this.viewportOffsetScale[3] = leftBounds[3]; + this.viewportOffsetScale[4] = rightBounds[0]; + this.viewportOffsetScale[5] = rightBounds[1]; + this.viewportOffsetScale[6] = rightBounds[2]; + this.viewportOffsetScale[7] = rightBounds[3]; + }; + CardboardDistorter.prototype.submitFrame = function () { + var gl = this.gl; + var self = this; + var glState = []; + if (!this.dirtySubmitFrameBindings) { + glState.push(gl.CURRENT_PROGRAM, gl.ARRAY_BUFFER_BINDING, gl.ELEMENT_ARRAY_BUFFER_BINDING, gl.TEXTURE_BINDING_2D, gl.TEXTURE0); + } + glPreserveState(gl, glState, function (gl) { + self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, null); + var positionDivisor = 0; + var texCoordDivisor = 0; + if (self.instanceExt) { + positionDivisor = gl.getVertexAttrib(self.attribs.position, self.instanceExt.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE); + texCoordDivisor = gl.getVertexAttrib(self.attribs.texCoord, self.instanceExt.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE); + } + if (self.cullFace) { + self.realDisable.call(gl, gl.CULL_FACE); + } + if (self.depthTest) { + self.realDisable.call(gl, gl.DEPTH_TEST); + } + if (self.blend) { + self.realDisable.call(gl, gl.BLEND); + } + if (self.scissorTest) { + self.realDisable.call(gl, gl.SCISSOR_TEST); + } + if (self.stencilTest) { + self.realDisable.call(gl, gl.STENCIL_TEST); + } + self.realColorMask.call(gl, true, true, true, true); + self.realViewport.call(gl, 0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); + if (self.ctxAttribs.alpha || isIOS()) { + self.realClearColor.call(gl, 0, 0, 0, 1); + gl.clear(gl.COLOR_BUFFER_BIT); + } + gl.useProgram(self.program); + gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); + gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); + gl.enableVertexAttribArray(self.attribs.position); + gl.enableVertexAttribArray(self.attribs.texCoord); + gl.vertexAttribPointer(self.attribs.position, 2, gl.FLOAT, false, 20, 0); + gl.vertexAttribPointer(self.attribs.texCoord, 3, gl.FLOAT, false, 20, 8); + if (self.instanceExt) { + if (positionDivisor != 0) { + self.instanceExt.vertexAttribDivisorANGLE(self.attribs.position, 0); + } + if (texCoordDivisor != 0) { + self.instanceExt.vertexAttribDivisorANGLE(self.attribs.texCoord, 0); + } + } + gl.activeTexture(gl.TEXTURE0); + gl.uniform1i(self.uniforms.diffuse, 0); + gl.bindTexture(gl.TEXTURE_2D, self.renderTarget); + gl.uniform4fv(self.uniforms.viewportOffsetScale, self.viewportOffsetScale); + gl.drawElements(gl.TRIANGLES, self.indexCount, gl.UNSIGNED_SHORT, 0); + if (self.cardboardUI) { + self.cardboardUI.renderNoState(); + } + self.realBindFramebuffer.call(self.gl, gl.FRAMEBUFFER, self.framebuffer); + if (!self.ctxAttribs.preserveDrawingBuffer) { + self.realClearColor.call(gl, 0, 0, 0, 0); + gl.clear(gl.COLOR_BUFFER_BIT); + } + if (!self.dirtySubmitFrameBindings) { + self.realBindFramebuffer.call(gl, gl.FRAMEBUFFER, self.lastBoundFramebuffer); + } + if (self.cullFace) { + self.realEnable.call(gl, gl.CULL_FACE); + } + if (self.depthTest) { + self.realEnable.call(gl, gl.DEPTH_TEST); + } + if (self.blend) { + self.realEnable.call(gl, gl.BLEND); + } + if (self.scissorTest) { + self.realEnable.call(gl, gl.SCISSOR_TEST); + } + if (self.stencilTest) { + self.realEnable.call(gl, gl.STENCIL_TEST); + } + self.realColorMask.apply(gl, self.colorMask); + self.realViewport.apply(gl, self.viewport); + if (self.ctxAttribs.alpha || !self.ctxAttribs.preserveDrawingBuffer) { + self.realClearColor.apply(gl, self.clearColor); + } + if (self.instanceExt) { + if (positionDivisor != 0) { + self.instanceExt.vertexAttribDivisorANGLE(self.attribs.position, positionDivisor); + } + if (texCoordDivisor != 0) { + self.instanceExt.vertexAttribDivisorANGLE(self.attribs.texCoord, texCoordDivisor); + } + } + }); + if (isIOS()) { + var canvas = gl.canvas; + if (canvas.width != self.bufferWidth || canvas.height != self.bufferHeight) { + self.bufferWidth = canvas.width; + self.bufferHeight = canvas.height; + self.onResize(); + } + } + }; + CardboardDistorter.prototype.updateDeviceInfo = function (deviceInfo) { + var gl = this.gl; + var self = this; + var glState = [gl.ARRAY_BUFFER_BINDING, gl.ELEMENT_ARRAY_BUFFER_BINDING]; + glPreserveState(gl, glState, function (gl) { + var vertices = self.computeMeshVertices_(self.meshWidth, self.meshHeight, deviceInfo); + gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); + gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW); + if (!self.indexCount) { + var indices = self.computeMeshIndices_(self.meshWidth, self.meshHeight); + gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, self.indexBuffer); + gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW); + self.indexCount = indices.length; + } + }); + }; + CardboardDistorter.prototype.computeMeshVertices_ = function (width, height, deviceInfo) { + var vertices = new Float32Array(2 * width * height * 5); + var lensFrustum = deviceInfo.getLeftEyeVisibleTanAngles(); + var noLensFrustum = deviceInfo.getLeftEyeNoLensTanAngles(); + var viewport = deviceInfo.getLeftEyeVisibleScreenRect(noLensFrustum); + var vidx = 0; + for (var e = 0; e < 2; e++) { + for (var j = 0; j < height; j++) { + for (var i = 0; i < width; i++, vidx++) { + var u = i / (width - 1); + var v = j / (height - 1); + var s = u; + var t = v; + var x = lerp(lensFrustum[0], lensFrustum[2], u); + var y = lerp(lensFrustum[3], lensFrustum[1], v); + var d = Math.sqrt(x * x + y * y); + var r = deviceInfo.distortion.distortInverse(d); + var p = x * r / d; + var q = y * r / d; + u = (p - noLensFrustum[0]) / (noLensFrustum[2] - noLensFrustum[0]); + v = (q - noLensFrustum[3]) / (noLensFrustum[1] - noLensFrustum[3]); + u = (viewport.x + u * viewport.width - 0.5) * 2.0; + v = (viewport.y + v * viewport.height - 0.5) * 2.0; + vertices[vidx * 5 + 0] = u; + vertices[vidx * 5 + 1] = v; + vertices[vidx * 5 + 2] = s; + vertices[vidx * 5 + 3] = t; + vertices[vidx * 5 + 4] = e; + } + } + var w = lensFrustum[2] - lensFrustum[0]; + lensFrustum[0] = -(w + lensFrustum[0]); + lensFrustum[2] = w - lensFrustum[2]; + w = noLensFrustum[2] - noLensFrustum[0]; + noLensFrustum[0] = -(w + noLensFrustum[0]); + noLensFrustum[2] = w - noLensFrustum[2]; + viewport.x = 1 - (viewport.x + viewport.width); + } + return vertices; + }; + CardboardDistorter.prototype.computeMeshIndices_ = function (width, height) { + var indices = new Uint16Array(2 * (width - 1) * (height - 1) * 6); + var halfwidth = width / 2; + var halfheight = height / 2; + var vidx = 0; + var iidx = 0; + for (var e = 0; e < 2; e++) { + for (var j = 0; j < height; j++) { + for (var i = 0; i < width; i++, vidx++) { + if (i == 0 || j == 0) continue; + if (i <= halfwidth == j <= halfheight) { + indices[iidx++] = vidx; + indices[iidx++] = vidx - width - 1; + indices[iidx++] = vidx - width; + indices[iidx++] = vidx - width - 1; + indices[iidx++] = vidx; + indices[iidx++] = vidx - 1; + } else { + indices[iidx++] = vidx - 1; + indices[iidx++] = vidx - width; + indices[iidx++] = vidx; + indices[iidx++] = vidx - width; + indices[iidx++] = vidx - 1; + indices[iidx++] = vidx - width - 1; + } + } + } + } + return indices; + }; + CardboardDistorter.prototype.getOwnPropertyDescriptor_ = function (proto, attrName) { + var descriptor = Object.getOwnPropertyDescriptor(proto, attrName); + if (descriptor.get === undefined || descriptor.set === undefined) { + descriptor.configurable = true; + descriptor.enumerable = true; + descriptor.get = function () { + return this.getAttribute(attrName); + }; + descriptor.set = function (val) { + this.setAttribute(attrName, val); + }; + } + return descriptor; + }; + var uiVS = ['attribute vec2 position;', 'uniform mat4 projectionMat;', 'void main() {', ' gl_Position = projectionMat * vec4( position, -1.0, 1.0 );', '}'].join('\n'); + var uiFS = ['precision mediump float;', 'uniform vec4 color;', 'void main() {', ' gl_FragColor = color;', '}'].join('\n'); + var DEG2RAD = Math.PI / 180.0; + var kAnglePerGearSection = 60; + var kOuterRimEndAngle = 12; + var kInnerRimBeginAngle = 20; + var kOuterRadius = 1; + var kMiddleRadius = 0.75; + var kInnerRadius = 0.3125; + var kCenterLineThicknessDp = 4; + var kButtonWidthDp = 28; + var kTouchSlopFactor = 1.5; + function CardboardUI(gl) { + this.gl = gl; + this.attribs = { + position: 0 + }; + this.program = linkProgram(gl, uiVS, uiFS, this.attribs); + this.uniforms = getProgramUniforms(gl, this.program); + this.vertexBuffer = gl.createBuffer(); + this.gearOffset = 0; + this.gearVertexCount = 0; + this.arrowOffset = 0; + this.arrowVertexCount = 0; + this.projMat = new Float32Array(16); + this.listener = null; + this.onResize(); + } + CardboardUI.prototype.destroy = function () { + var gl = this.gl; + if (this.listener) { + gl.canvas.removeEventListener('click', this.listener, false); + } + gl.deleteProgram(this.program); + gl.deleteBuffer(this.vertexBuffer); + }; + CardboardUI.prototype.listen = function (optionsCallback, backCallback) { + var canvas = this.gl.canvas; + this.listener = function (event) { + var midline = canvas.clientWidth / 2; + var buttonSize = kButtonWidthDp * kTouchSlopFactor; + if (event.clientX > midline - buttonSize && event.clientX < midline + buttonSize && event.clientY > canvas.clientHeight - buttonSize) { + optionsCallback(event); + } + else if (event.clientX < buttonSize && event.clientY < buttonSize) { + backCallback(event); + } + }; + canvas.addEventListener('click', this.listener, false); + }; + CardboardUI.prototype.onResize = function () { + var gl = this.gl; + var self = this; + var glState = [gl.ARRAY_BUFFER_BINDING]; + glPreserveState(gl, glState, function (gl) { + var vertices = []; + var midline = gl.drawingBufferWidth / 2; + var physicalPixels = Math.max(screen.width, screen.height) * window.devicePixelRatio; + var scalingRatio = gl.drawingBufferWidth / physicalPixels; + var dps = scalingRatio * window.devicePixelRatio; + var lineWidth = kCenterLineThicknessDp * dps / 2; + var buttonSize = kButtonWidthDp * kTouchSlopFactor * dps; + var buttonScale = kButtonWidthDp * dps / 2; + var buttonBorder = (kButtonWidthDp * kTouchSlopFactor - kButtonWidthDp) * dps; + vertices.push(midline - lineWidth, buttonSize); + vertices.push(midline - lineWidth, gl.drawingBufferHeight); + vertices.push(midline + lineWidth, buttonSize); + vertices.push(midline + lineWidth, gl.drawingBufferHeight); + self.gearOffset = vertices.length / 2; + function addGearSegment(theta, r) { + var angle = (90 - theta) * DEG2RAD; + var x = Math.cos(angle); + var y = Math.sin(angle); + vertices.push(kInnerRadius * x * buttonScale + midline, kInnerRadius * y * buttonScale + buttonScale); + vertices.push(r * x * buttonScale + midline, r * y * buttonScale + buttonScale); + } + for (var i = 0; i <= 6; i++) { + var segmentTheta = i * kAnglePerGearSection; + addGearSegment(segmentTheta, kOuterRadius); + addGearSegment(segmentTheta + kOuterRimEndAngle, kOuterRadius); + addGearSegment(segmentTheta + kInnerRimBeginAngle, kMiddleRadius); + addGearSegment(segmentTheta + (kAnglePerGearSection - kInnerRimBeginAngle), kMiddleRadius); + addGearSegment(segmentTheta + (kAnglePerGearSection - kOuterRimEndAngle), kOuterRadius); + } + self.gearVertexCount = vertices.length / 2 - self.gearOffset; + self.arrowOffset = vertices.length / 2; + function addArrowVertex(x, y) { + vertices.push(buttonBorder + x, gl.drawingBufferHeight - buttonBorder - y); + } + var angledLineWidth = lineWidth / Math.sin(45 * DEG2RAD); + addArrowVertex(0, buttonScale); + addArrowVertex(buttonScale, 0); + addArrowVertex(buttonScale + angledLineWidth, angledLineWidth); + addArrowVertex(angledLineWidth, buttonScale + angledLineWidth); + addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); + addArrowVertex(0, buttonScale); + addArrowVertex(buttonScale, buttonScale * 2); + addArrowVertex(buttonScale + angledLineWidth, buttonScale * 2 - angledLineWidth); + addArrowVertex(angledLineWidth, buttonScale - angledLineWidth); + addArrowVertex(0, buttonScale); + addArrowVertex(angledLineWidth, buttonScale - lineWidth); + addArrowVertex(kButtonWidthDp * dps, buttonScale - lineWidth); + addArrowVertex(angledLineWidth, buttonScale + lineWidth); + addArrowVertex(kButtonWidthDp * dps, buttonScale + lineWidth); + self.arrowVertexCount = vertices.length / 2 - self.arrowOffset; + gl.bindBuffer(gl.ARRAY_BUFFER, self.vertexBuffer); + gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW); + }); + }; + CardboardUI.prototype.render = function () { + var gl = this.gl; + var self = this; + var glState = [gl.CULL_FACE, gl.DEPTH_TEST, gl.BLEND, gl.SCISSOR_TEST, gl.STENCIL_TEST, gl.COLOR_WRITEMASK, gl.VIEWPORT, gl.CURRENT_PROGRAM, gl.ARRAY_BUFFER_BINDING]; + glPreserveState(gl, glState, function (gl) { + gl.disable(gl.CULL_FACE); + gl.disable(gl.DEPTH_TEST); + gl.disable(gl.BLEND); + gl.disable(gl.SCISSOR_TEST); + gl.disable(gl.STENCIL_TEST); + gl.colorMask(true, true, true, true); + gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); + self.renderNoState(); + }); + }; + CardboardUI.prototype.renderNoState = function () { + var gl = this.gl; + gl.useProgram(this.program); + gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer); + gl.enableVertexAttribArray(this.attribs.position); + gl.vertexAttribPointer(this.attribs.position, 2, gl.FLOAT, false, 8, 0); + gl.uniform4f(this.uniforms.color, 1.0, 1.0, 1.0, 1.0); + orthoMatrix(this.projMat, 0, gl.drawingBufferWidth, 0, gl.drawingBufferHeight, 0.1, 1024.0); + gl.uniformMatrix4fv(this.uniforms.projectionMat, false, this.projMat); + gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); + gl.drawArrays(gl.TRIANGLE_STRIP, this.gearOffset, this.gearVertexCount); + gl.drawArrays(gl.TRIANGLE_STRIP, this.arrowOffset, this.arrowVertexCount); + }; + function Distortion(coefficients) { + this.coefficients = coefficients; + } + Distortion.prototype.distortInverse = function (radius) { + var r0 = 0; + var r1 = 1; + var dr0 = radius - this.distort(r0); + while (Math.abs(r1 - r0) > 0.0001 ) { + var dr1 = radius - this.distort(r1); + var r2 = r1 - dr1 * ((r1 - r0) / (dr1 - dr0)); + r0 = r1; + r1 = r2; + dr0 = dr1; + } + return r1; + }; + Distortion.prototype.distort = function (radius) { + var r2 = radius * radius; + var ret = 0; + for (var i = 0; i < this.coefficients.length; i++) { + ret = r2 * (ret + this.coefficients[i]); + } + return (ret + 1) * radius; + }; + var degToRad = Math.PI / 180; + var radToDeg = 180 / Math.PI; + var Vector3 = function Vector3(x, y, z) { + this.x = x || 0; + this.y = y || 0; + this.z = z || 0; + }; + Vector3.prototype = { + constructor: Vector3, + set: function set(x, y, z) { + this.x = x; + this.y = y; + this.z = z; + return this; + }, + copy: function copy(v) { + this.x = v.x; + this.y = v.y; + this.z = v.z; + return this; + }, + length: function length() { + return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z); + }, + normalize: function normalize() { + var scalar = this.length(); + if (scalar !== 0) { + var invScalar = 1 / scalar; + this.multiplyScalar(invScalar); + } else { + this.x = 0; + this.y = 0; + this.z = 0; + } + return this; + }, + multiplyScalar: function multiplyScalar(scalar) { + this.x *= scalar; + this.y *= scalar; + this.z *= scalar; + }, + applyQuaternion: function applyQuaternion(q) { + var x = this.x; + var y = this.y; + var z = this.z; + var qx = q.x; + var qy = q.y; + var qz = q.z; + var qw = q.w; + var ix = qw * x + qy * z - qz * y; + var iy = qw * y + qz * x - qx * z; + var iz = qw * z + qx * y - qy * x; + var iw = -qx * x - qy * y - qz * z; + this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy; + this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz; + this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx; + return this; + }, + dot: function dot(v) { + return this.x * v.x + this.y * v.y + this.z * v.z; + }, + crossVectors: function crossVectors(a, b) { + var ax = a.x, + ay = a.y, + az = a.z; + var bx = b.x, + by = b.y, + bz = b.z; + this.x = ay * bz - az * by; + this.y = az * bx - ax * bz; + this.z = ax * by - ay * bx; + return this; + } + }; + var Quaternion = function Quaternion(x, y, z, w) { + this.x = x || 0; + this.y = y || 0; + this.z = z || 0; + this.w = w !== undefined ? w : 1; + }; + Quaternion.prototype = { + constructor: Quaternion, + set: function set(x, y, z, w) { + this.x = x; + this.y = y; + this.z = z; + this.w = w; + return this; + }, + copy: function copy(quaternion) { + this.x = quaternion.x; + this.y = quaternion.y; + this.z = quaternion.z; + this.w = quaternion.w; + return this; + }, + setFromEulerXYZ: function setFromEulerXYZ(x, y, z) { + var c1 = Math.cos(x / 2); + var c2 = Math.cos(y / 2); + var c3 = Math.cos(z / 2); + var s1 = Math.sin(x / 2); + var s2 = Math.sin(y / 2); + var s3 = Math.sin(z / 2); + this.x = s1 * c2 * c3 + c1 * s2 * s3; + this.y = c1 * s2 * c3 - s1 * c2 * s3; + this.z = c1 * c2 * s3 + s1 * s2 * c3; + this.w = c1 * c2 * c3 - s1 * s2 * s3; + return this; + }, + setFromEulerYXZ: function setFromEulerYXZ(x, y, z) { + var c1 = Math.cos(x / 2); + var c2 = Math.cos(y / 2); + var c3 = Math.cos(z / 2); + var s1 = Math.sin(x / 2); + var s2 = Math.sin(y / 2); + var s3 = Math.sin(z / 2); + this.x = s1 * c2 * c3 + c1 * s2 * s3; + this.y = c1 * s2 * c3 - s1 * c2 * s3; + this.z = c1 * c2 * s3 - s1 * s2 * c3; + this.w = c1 * c2 * c3 + s1 * s2 * s3; + return this; + }, + setFromAxisAngle: function setFromAxisAngle(axis, angle) { + var halfAngle = angle / 2, + s = Math.sin(halfAngle); + this.x = axis.x * s; + this.y = axis.y * s; + this.z = axis.z * s; + this.w = Math.cos(halfAngle); + return this; + }, + multiply: function multiply(q) { + return this.multiplyQuaternions(this, q); + }, + multiplyQuaternions: function multiplyQuaternions(a, b) { + var qax = a.x, + qay = a.y, + qaz = a.z, + qaw = a.w; + var qbx = b.x, + qby = b.y, + qbz = b.z, + qbw = b.w; + this.x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; + this.y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; + this.z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; + this.w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; + return this; + }, + inverse: function inverse() { + this.x *= -1; + this.y *= -1; + this.z *= -1; + this.normalize(); + return this; + }, + normalize: function normalize() { + var l = Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w); + if (l === 0) { + this.x = 0; + this.y = 0; + this.z = 0; + this.w = 1; + } else { + l = 1 / l; + this.x = this.x * l; + this.y = this.y * l; + this.z = this.z * l; + this.w = this.w * l; + } + return this; + }, + slerp: function slerp(qb, t) { + if (t === 0) return this; + if (t === 1) return this.copy(qb); + var x = this.x, + y = this.y, + z = this.z, + w = this.w; + var cosHalfTheta = w * qb.w + x * qb.x + y * qb.y + z * qb.z; + if (cosHalfTheta < 0) { + this.w = -qb.w; + this.x = -qb.x; + this.y = -qb.y; + this.z = -qb.z; + cosHalfTheta = -cosHalfTheta; + } else { + this.copy(qb); + } + if (cosHalfTheta >= 1.0) { + this.w = w; + this.x = x; + this.y = y; + this.z = z; + return this; + } + var halfTheta = Math.acos(cosHalfTheta); + var sinHalfTheta = Math.sqrt(1.0 - cosHalfTheta * cosHalfTheta); + if (Math.abs(sinHalfTheta) < 0.001) { + this.w = 0.5 * (w + this.w); + this.x = 0.5 * (x + this.x); + this.y = 0.5 * (y + this.y); + this.z = 0.5 * (z + this.z); + return this; + } + var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, + ratioB = Math.sin(t * halfTheta) / sinHalfTheta; + this.w = w * ratioA + this.w * ratioB; + this.x = x * ratioA + this.x * ratioB; + this.y = y * ratioA + this.y * ratioB; + this.z = z * ratioA + this.z * ratioB; + return this; + }, + setFromUnitVectors: function () { + var v1, r; + var EPS = 0.000001; + return function (vFrom, vTo) { + if (v1 === undefined) v1 = new Vector3(); + r = vFrom.dot(vTo) + 1; + if (r < EPS) { + r = 0; + if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) { + v1.set(-vFrom.y, vFrom.x, 0); + } else { + v1.set(0, -vFrom.z, vFrom.y); + } + } else { + v1.crossVectors(vFrom, vTo); + } + this.x = v1.x; + this.y = v1.y; + this.z = v1.z; + this.w = r; + this.normalize(); + return this; + }; + }() + }; + function Device(params) { + this.width = params.width || getScreenWidth(); + this.height = params.height || getScreenHeight(); + this.widthMeters = params.widthMeters; + this.heightMeters = params.heightMeters; + this.bevelMeters = params.bevelMeters; + } + var DEFAULT_ANDROID = new Device({ + widthMeters: 0.110, + heightMeters: 0.062, + bevelMeters: 0.004 + }); + var DEFAULT_IOS = new Device({ + widthMeters: 0.1038, + heightMeters: 0.0584, + bevelMeters: 0.004 + }); + var Viewers = { + CardboardV1: new CardboardViewer({ + id: 'CardboardV1', + label: 'Cardboard I/O 2014', + fov: 40, + interLensDistance: 0.060, + baselineLensDistance: 0.035, + screenLensDistance: 0.042, + distortionCoefficients: [0.441, 0.156], + inverseCoefficients: [-0.4410035, 0.42756155, -0.4804439, 0.5460139, -0.58821183, 0.5733938, -0.48303202, 0.33299083, -0.17573841, 0.0651772, -0.01488963, 0.001559834] + }), + CardboardV2: new CardboardViewer({ + id: 'CardboardV2', + label: 'Cardboard I/O 2015', + fov: 60, + interLensDistance: 0.064, + baselineLensDistance: 0.035, + screenLensDistance: 0.039, + distortionCoefficients: [0.34, 0.55], + inverseCoefficients: [-0.33836704, -0.18162185, 0.862655, -1.2462051, 1.0560602, -0.58208317, 0.21609078, -0.05444823, 0.009177956, -9.904169E-4, 6.183535E-5, -1.6981803E-6] + }) + }; + function DeviceInfo(deviceParams, additionalViewers) { + this.viewer = Viewers.CardboardV2; + this.updateDeviceParams(deviceParams); + this.distortion = new Distortion(this.viewer.distortionCoefficients); + for (var i = 0; i < additionalViewers.length; i++) { + var viewer = additionalViewers[i]; + Viewers[viewer.id] = new CardboardViewer(viewer); + } + } + DeviceInfo.prototype.updateDeviceParams = function (deviceParams) { + this.device = this.determineDevice_(deviceParams) || this.device; + }; + DeviceInfo.prototype.getDevice = function () { + return this.device; + }; + DeviceInfo.prototype.setViewer = function (viewer) { + this.viewer = viewer; + this.distortion = new Distortion(this.viewer.distortionCoefficients); + }; + DeviceInfo.prototype.determineDevice_ = function (deviceParams) { + if (!deviceParams) { + if (isIOS()) { + console.warn('Using fallback iOS device measurements.'); + return DEFAULT_IOS; + } else { + console.warn('Using fallback Android device measurements.'); + return DEFAULT_ANDROID; + } + } + var METERS_PER_INCH = 0.0254; + var metersPerPixelX = METERS_PER_INCH / deviceParams.xdpi; + var metersPerPixelY = METERS_PER_INCH / deviceParams.ydpi; + var width = getScreenWidth(); + var height = getScreenHeight(); + return new Device({ + widthMeters: metersPerPixelX * width, + heightMeters: metersPerPixelY * height, + bevelMeters: deviceParams.bevelMm * 0.001 + }); + }; + DeviceInfo.prototype.getDistortedFieldOfViewLeftEye = function () { + var viewer = this.viewer; + var device = this.device; + var distortion = this.distortion; + var eyeToScreenDistance = viewer.screenLensDistance; + var outerDist = (device.widthMeters - viewer.interLensDistance) / 2; + var innerDist = viewer.interLensDistance / 2; + var bottomDist = viewer.baselineLensDistance - device.bevelMeters; + var topDist = device.heightMeters - bottomDist; + var outerAngle = radToDeg * Math.atan(distortion.distort(outerDist / eyeToScreenDistance)); + var innerAngle = radToDeg * Math.atan(distortion.distort(innerDist / eyeToScreenDistance)); + var bottomAngle = radToDeg * Math.atan(distortion.distort(bottomDist / eyeToScreenDistance)); + var topAngle = radToDeg * Math.atan(distortion.distort(topDist / eyeToScreenDistance)); + return { + leftDegrees: Math.min(outerAngle, viewer.fov), + rightDegrees: Math.min(innerAngle, viewer.fov), + downDegrees: Math.min(bottomAngle, viewer.fov), + upDegrees: Math.min(topAngle, viewer.fov) + }; + }; + DeviceInfo.prototype.getLeftEyeVisibleTanAngles = function () { + var viewer = this.viewer; + var device = this.device; + var distortion = this.distortion; + var fovLeft = Math.tan(-degToRad * viewer.fov); + var fovTop = Math.tan(degToRad * viewer.fov); + var fovRight = Math.tan(degToRad * viewer.fov); + var fovBottom = Math.tan(-degToRad * viewer.fov); + var halfWidth = device.widthMeters / 4; + var halfHeight = device.heightMeters / 2; + var verticalLensOffset = viewer.baselineLensDistance - device.bevelMeters - halfHeight; + var centerX = viewer.interLensDistance / 2 - halfWidth; + var centerY = -verticalLensOffset; + var centerZ = viewer.screenLensDistance; + var screenLeft = distortion.distort((centerX - halfWidth) / centerZ); + var screenTop = distortion.distort((centerY + halfHeight) / centerZ); + var screenRight = distortion.distort((centerX + halfWidth) / centerZ); + var screenBottom = distortion.distort((centerY - halfHeight) / centerZ); + var result = new Float32Array(4); + result[0] = Math.max(fovLeft, screenLeft); + result[1] = Math.min(fovTop, screenTop); + result[2] = Math.min(fovRight, screenRight); + result[3] = Math.max(fovBottom, screenBottom); + return result; + }; + DeviceInfo.prototype.getLeftEyeNoLensTanAngles = function () { + var viewer = this.viewer; + var device = this.device; + var distortion = this.distortion; + var result = new Float32Array(4); + var fovLeft = distortion.distortInverse(Math.tan(-degToRad * viewer.fov)); + var fovTop = distortion.distortInverse(Math.tan(degToRad * viewer.fov)); + var fovRight = distortion.distortInverse(Math.tan(degToRad * viewer.fov)); + var fovBottom = distortion.distortInverse(Math.tan(-degToRad * viewer.fov)); + var halfWidth = device.widthMeters / 4; + var halfHeight = device.heightMeters / 2; + var verticalLensOffset = viewer.baselineLensDistance - device.bevelMeters - halfHeight; + var centerX = viewer.interLensDistance / 2 - halfWidth; + var centerY = -verticalLensOffset; + var centerZ = viewer.screenLensDistance; + var screenLeft = (centerX - halfWidth) / centerZ; + var screenTop = (centerY + halfHeight) / centerZ; + var screenRight = (centerX + halfWidth) / centerZ; + var screenBottom = (centerY - halfHeight) / centerZ; + result[0] = Math.max(fovLeft, screenLeft); + result[1] = Math.min(fovTop, screenTop); + result[2] = Math.min(fovRight, screenRight); + result[3] = Math.max(fovBottom, screenBottom); + return result; + }; + DeviceInfo.prototype.getLeftEyeVisibleScreenRect = function (undistortedFrustum) { + var viewer = this.viewer; + var device = this.device; + var dist = viewer.screenLensDistance; + var eyeX = (device.widthMeters - viewer.interLensDistance) / 2; + var eyeY = viewer.baselineLensDistance - device.bevelMeters; + var left = (undistortedFrustum[0] * dist + eyeX) / device.widthMeters; + var top = (undistortedFrustum[1] * dist + eyeY) / device.heightMeters; + var right = (undistortedFrustum[2] * dist + eyeX) / device.widthMeters; + var bottom = (undistortedFrustum[3] * dist + eyeY) / device.heightMeters; + return { + x: left, + y: bottom, + width: right - left, + height: top - bottom + }; + }; + DeviceInfo.prototype.getFieldOfViewLeftEye = function (opt_isUndistorted) { + return opt_isUndistorted ? this.getUndistortedFieldOfViewLeftEye() : this.getDistortedFieldOfViewLeftEye(); + }; + DeviceInfo.prototype.getFieldOfViewRightEye = function (opt_isUndistorted) { + var fov = this.getFieldOfViewLeftEye(opt_isUndistorted); + return { + leftDegrees: fov.rightDegrees, + rightDegrees: fov.leftDegrees, + upDegrees: fov.upDegrees, + downDegrees: fov.downDegrees + }; + }; + DeviceInfo.prototype.getUndistortedFieldOfViewLeftEye = function () { + var p = this.getUndistortedParams_(); + return { + leftDegrees: radToDeg * Math.atan(p.outerDist), + rightDegrees: radToDeg * Math.atan(p.innerDist), + downDegrees: radToDeg * Math.atan(p.bottomDist), + upDegrees: radToDeg * Math.atan(p.topDist) + }; + }; + DeviceInfo.prototype.getUndistortedViewportLeftEye = function () { + var p = this.getUndistortedParams_(); + var viewer = this.viewer; + var device = this.device; + var eyeToScreenDistance = viewer.screenLensDistance; + var screenWidth = device.widthMeters / eyeToScreenDistance; + var screenHeight = device.heightMeters / eyeToScreenDistance; + var xPxPerTanAngle = device.width / screenWidth; + var yPxPerTanAngle = device.height / screenHeight; + var x = Math.round((p.eyePosX - p.outerDist) * xPxPerTanAngle); + var y = Math.round((p.eyePosY - p.bottomDist) * yPxPerTanAngle); + return { + x: x, + y: y, + width: Math.round((p.eyePosX + p.innerDist) * xPxPerTanAngle) - x, + height: Math.round((p.eyePosY + p.topDist) * yPxPerTanAngle) - y + }; + }; + DeviceInfo.prototype.getUndistortedParams_ = function () { + var viewer = this.viewer; + var device = this.device; + var distortion = this.distortion; + var eyeToScreenDistance = viewer.screenLensDistance; + var halfLensDistance = viewer.interLensDistance / 2 / eyeToScreenDistance; + var screenWidth = device.widthMeters / eyeToScreenDistance; + var screenHeight = device.heightMeters / eyeToScreenDistance; + var eyePosX = screenWidth / 2 - halfLensDistance; + var eyePosY = (viewer.baselineLensDistance - device.bevelMeters) / eyeToScreenDistance; + var maxFov = viewer.fov; + var viewerMax = distortion.distortInverse(Math.tan(degToRad * maxFov)); + var outerDist = Math.min(eyePosX, viewerMax); + var innerDist = Math.min(halfLensDistance, viewerMax); + var bottomDist = Math.min(eyePosY, viewerMax); + var topDist = Math.min(screenHeight - eyePosY, viewerMax); + return { + outerDist: outerDist, + innerDist: innerDist, + topDist: topDist, + bottomDist: bottomDist, + eyePosX: eyePosX, + eyePosY: eyePosY + }; + }; + function CardboardViewer(params) { + this.id = params.id; + this.label = params.label; + this.fov = params.fov; + this.interLensDistance = params.interLensDistance; + this.baselineLensDistance = params.baselineLensDistance; + this.screenLensDistance = params.screenLensDistance; + this.distortionCoefficients = params.distortionCoefficients; + this.inverseCoefficients = params.inverseCoefficients; + } + DeviceInfo.Viewers = Viewers; + var format = 1; + var last_updated = "2019-11-09T17:36:14Z"; + var devices = [{"type":"android","rules":[{"mdmh":"asus/*/Nexus 7/*"},{"ua":"Nexus 7"}],"dpi":[320.8,323],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"asus/*/ASUS_X00PD/*"},{"ua":"ASUS_X00PD"}],"dpi":245,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"asus/*/ASUS_X008D/*"},{"ua":"ASUS_X008D"}],"dpi":282,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"asus/*/ASUS_Z00AD/*"},{"ua":"ASUS_Z00AD"}],"dpi":[403,404.6],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Google/*/Pixel 2 XL/*"},{"ua":"Pixel 2 XL"}],"dpi":537.9,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Google/*/Pixel 3 XL/*"},{"ua":"Pixel 3 XL"}],"dpi":[558.5,553.8],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Google/*/Pixel XL/*"},{"ua":"Pixel XL"}],"dpi":[537.9,533],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Google/*/Pixel 3/*"},{"ua":"Pixel 3"}],"dpi":442.4,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Google/*/Pixel 2/*"},{"ua":"Pixel 2"}],"dpi":441,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"Google/*/Pixel/*"},{"ua":"Pixel"}],"dpi":[432.6,436.7],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"HTC/*/HTC6435LVW/*"},{"ua":"HTC6435LVW"}],"dpi":[449.7,443.3],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"HTC/*/HTC One XL/*"},{"ua":"HTC One XL"}],"dpi":[315.3,314.6],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"htc/*/Nexus 9/*"},{"ua":"Nexus 9"}],"dpi":289,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"HTC/*/HTC One M9/*"},{"ua":"HTC One M9"}],"dpi":[442.5,443.3],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"HTC/*/HTC One_M8/*"},{"ua":"HTC One_M8"}],"dpi":[449.7,447.4],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"HTC/*/HTC One/*"},{"ua":"HTC One"}],"dpi":472.8,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Huawei/*/Nexus 6P/*"},{"ua":"Nexus 6P"}],"dpi":[515.1,518],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Huawei/*/BLN-L24/*"},{"ua":"HONORBLN-L24"}],"dpi":480,"bw":4,"ac":500},{"type":"android","rules":[{"mdmh":"Huawei/*/BKL-L09/*"},{"ua":"BKL-L09"}],"dpi":403,"bw":3.47,"ac":500},{"type":"android","rules":[{"mdmh":"LENOVO/*/Lenovo PB2-690Y/*"},{"ua":"Lenovo PB2-690Y"}],"dpi":[457.2,454.713],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"LGE/*/Nexus 5X/*"},{"ua":"Nexus 5X"}],"dpi":[422,419.9],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"LGE/*/LGMS345/*"},{"ua":"LGMS345"}],"dpi":[221.7,219.1],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"LGE/*/LG-D800/*"},{"ua":"LG-D800"}],"dpi":[422,424.1],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"LGE/*/LG-D850/*"},{"ua":"LG-D850"}],"dpi":[537.9,541.9],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"LGE/*/VS985 4G/*"},{"ua":"VS985 4G"}],"dpi":[537.9,535.6],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"LGE/*/Nexus 5/*"},{"ua":"Nexus 5 B"}],"dpi":[442.4,444.8],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"LGE/*/Nexus 4/*"},{"ua":"Nexus 4"}],"dpi":[319.8,318.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"LGE/*/LG-P769/*"},{"ua":"LG-P769"}],"dpi":[240.6,247.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"LGE/*/LGMS323/*"},{"ua":"LGMS323"}],"dpi":[206.6,204.6],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"LGE/*/LGLS996/*"},{"ua":"LGLS996"}],"dpi":[403.4,401.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Micromax/*/4560MMX/*"},{"ua":"4560MMX"}],"dpi":[240,219.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Micromax/*/A250/*"},{"ua":"Micromax A250"}],"dpi":[480,446.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Micromax/*/Micromax AQ4501/*"},{"ua":"Micromax AQ4501"}],"dpi":240,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"motorola/*/G5/*"},{"ua":"Moto G (5) Plus"}],"dpi":[403.4,403],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/DROID RAZR/*"},{"ua":"DROID RAZR"}],"dpi":[368.1,256.7],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/XT830C/*"},{"ua":"XT830C"}],"dpi":[254,255.9],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/XT1021/*"},{"ua":"XT1021"}],"dpi":[254,256.7],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"motorola/*/XT1023/*"},{"ua":"XT1023"}],"dpi":[254,256.7],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"motorola/*/XT1028/*"},{"ua":"XT1028"}],"dpi":[326.6,327.6],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/XT1034/*"},{"ua":"XT1034"}],"dpi":[326.6,328.4],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"motorola/*/XT1053/*"},{"ua":"XT1053"}],"dpi":[315.3,316.1],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/XT1562/*"},{"ua":"XT1562"}],"dpi":[403.4,402.7],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/Nexus 6/*"},{"ua":"Nexus 6 B"}],"dpi":[494.3,489.7],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/XT1063/*"},{"ua":"XT1063"}],"dpi":[295,296.6],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/XT1064/*"},{"ua":"XT1064"}],"dpi":[295,295.6],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"motorola/*/XT1092/*"},{"ua":"XT1092"}],"dpi":[422,424.1],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"motorola/*/XT1095/*"},{"ua":"XT1095"}],"dpi":[422,423.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"motorola/*/G4/*"},{"ua":"Moto G (4)"}],"dpi":401,"bw":4,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/A0001/*"},{"ua":"A0001"}],"dpi":[403.4,401],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONE E1001/*"},{"ua":"ONE E1001"}],"dpi":[442.4,441.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONE E1003/*"},{"ua":"ONE E1003"}],"dpi":[442.4,441.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONE E1005/*"},{"ua":"ONE E1005"}],"dpi":[442.4,441.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONE A2001/*"},{"ua":"ONE A2001"}],"dpi":[391.9,405.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONE A2003/*"},{"ua":"ONE A2003"}],"dpi":[391.9,405.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONE A2005/*"},{"ua":"ONE A2005"}],"dpi":[391.9,405.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONEPLUS A3000/*"},{"ua":"ONEPLUS A3000"}],"dpi":401,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONEPLUS A3003/*"},{"ua":"ONEPLUS A3003"}],"dpi":401,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONEPLUS A3010/*"},{"ua":"ONEPLUS A3010"}],"dpi":401,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONEPLUS A5000/*"},{"ua":"ONEPLUS A5000 "}],"dpi":[403.411,399.737],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONE A5010/*"},{"ua":"ONEPLUS A5010"}],"dpi":[403,400],"bw":2,"ac":1000},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONEPLUS A6000/*"},{"ua":"ONEPLUS A6000"}],"dpi":401,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONEPLUS A6003/*"},{"ua":"ONEPLUS A6003"}],"dpi":401,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONEPLUS A6010/*"},{"ua":"ONEPLUS A6010"}],"dpi":401,"bw":2,"ac":500},{"type":"android","rules":[{"mdmh":"OnePlus/*/ONEPLUS A6013/*"},{"ua":"ONEPLUS A6013"}],"dpi":401,"bw":2,"ac":500},{"type":"android","rules":[{"mdmh":"OPPO/*/X909/*"},{"ua":"X909"}],"dpi":[442.4,444.1],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/GT-I9082/*"},{"ua":"GT-I9082"}],"dpi":[184.7,185.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G360P/*"},{"ua":"SM-G360P"}],"dpi":[196.7,205.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/Nexus S/*"},{"ua":"Nexus S"}],"dpi":[234.5,229.8],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/GT-I9300/*"},{"ua":"GT-I9300"}],"dpi":[304.8,303.9],"bw":5,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-T230NU/*"},{"ua":"SM-T230NU"}],"dpi":216,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SGH-T399/*"},{"ua":"SGH-T399"}],"dpi":[217.7,231.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SGH-M919/*"},{"ua":"SGH-M919"}],"dpi":[440.8,437.7],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-N9005/*"},{"ua":"SM-N9005"}],"dpi":[386.4,387],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SAMSUNG-SM-N900A/*"},{"ua":"SAMSUNG-SM-N900A"}],"dpi":[386.4,387.7],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/GT-I9500/*"},{"ua":"GT-I9500"}],"dpi":[442.5,443.3],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/GT-I9505/*"},{"ua":"GT-I9505"}],"dpi":439.4,"bw":4,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G900F/*"},{"ua":"SM-G900F"}],"dpi":[415.6,431.6],"bw":5,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G900M/*"},{"ua":"SM-G900M"}],"dpi":[415.6,431.6],"bw":5,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G800F/*"},{"ua":"SM-G800F"}],"dpi":326.8,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G906S/*"},{"ua":"SM-G906S"}],"dpi":[562.7,572.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/GT-I9300/*"},{"ua":"GT-I9300"}],"dpi":[306.7,304.8],"bw":5,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-T535/*"},{"ua":"SM-T535"}],"dpi":[142.6,136.4],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-N920C/*"},{"ua":"SM-N920C"}],"dpi":[515.1,518.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-N920P/*"},{"ua":"SM-N920P"}],"dpi":[386.3655,390.144],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-N920W8/*"},{"ua":"SM-N920W8"}],"dpi":[515.1,518.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/GT-I9300I/*"},{"ua":"GT-I9300I"}],"dpi":[304.8,305.8],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/GT-I9195/*"},{"ua":"GT-I9195"}],"dpi":[249.4,256.7],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SPH-L520/*"},{"ua":"SPH-L520"}],"dpi":[249.4,255.9],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SAMSUNG-SGH-I717/*"},{"ua":"SAMSUNG-SGH-I717"}],"dpi":285.8,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SPH-D710/*"},{"ua":"SPH-D710"}],"dpi":[217.7,204.2],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/GT-N7100/*"},{"ua":"GT-N7100"}],"dpi":265.1,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SCH-I605/*"},{"ua":"SCH-I605"}],"dpi":265.1,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/Galaxy Nexus/*"},{"ua":"Galaxy Nexus"}],"dpi":[315.3,314.2],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-N910H/*"},{"ua":"SM-N910H"}],"dpi":[515.1,518],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-N910C/*"},{"ua":"SM-N910C"}],"dpi":[515.2,520.2],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G130M/*"},{"ua":"SM-G130M"}],"dpi":[165.9,164.8],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G928I/*"},{"ua":"SM-G928I"}],"dpi":[515.1,518.4],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G920F/*"},{"ua":"SM-G920F"}],"dpi":580.6,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G920P/*"},{"ua":"SM-G920P"}],"dpi":[522.5,577],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G925F/*"},{"ua":"SM-G925F"}],"dpi":580.6,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G925V/*"},{"ua":"SM-G925V"}],"dpi":[522.5,576.6],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G930F/*"},{"ua":"SM-G930F"}],"dpi":576.6,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G935F/*"},{"ua":"SM-G935F"}],"dpi":533,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G950F/*"},{"ua":"SM-G950F"}],"dpi":[562.707,565.293],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G955U/*"},{"ua":"SM-G955U"}],"dpi":[522.514,525.762],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G955F/*"},{"ua":"SM-G955F"}],"dpi":[522.514,525.762],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G960F/*"},{"ua":"SM-G960F"}],"dpi":[569.575,571.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G9600/*"},{"ua":"SM-G9600"}],"dpi":[569.575,571.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G960T/*"},{"ua":"SM-G960T"}],"dpi":[569.575,571.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G960N/*"},{"ua":"SM-G960N"}],"dpi":[569.575,571.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G960U/*"},{"ua":"SM-G960U"}],"dpi":[569.575,571.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G9608/*"},{"ua":"SM-G9608"}],"dpi":[569.575,571.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G960FD/*"},{"ua":"SM-G960FD"}],"dpi":[569.575,571.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G960W/*"},{"ua":"SM-G960W"}],"dpi":[569.575,571.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G965F/*"},{"ua":"SM-G965F"}],"dpi":529,"bw":2,"ac":1000},{"type":"android","rules":[{"mdmh":"Sony/*/C6903/*"},{"ua":"C6903"}],"dpi":[442.5,443.3],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"Sony/*/D6653/*"},{"ua":"D6653"}],"dpi":[428.6,427.6],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Sony/*/E6653/*"},{"ua":"E6653"}],"dpi":[428.6,425.7],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Sony/*/E6853/*"},{"ua":"E6853"}],"dpi":[403.4,401.9],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Sony/*/SGP321/*"},{"ua":"SGP321"}],"dpi":[224.7,224.1],"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"TCT/*/ALCATEL ONE TOUCH Fierce/*"},{"ua":"ALCATEL ONE TOUCH Fierce"}],"dpi":[240,247.5],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"THL/*/thl 5000/*"},{"ua":"thl 5000"}],"dpi":[480,443.3],"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"Fly/*/IQ4412/*"},{"ua":"IQ4412"}],"dpi":307.9,"bw":3,"ac":1000},{"type":"android","rules":[{"mdmh":"ZTE/*/ZTE Blade L2/*"},{"ua":"ZTE Blade L2"}],"dpi":240,"bw":3,"ac":500},{"type":"android","rules":[{"mdmh":"BENEVE/*/VR518/*"},{"ua":"VR518"}],"dpi":480,"bw":3,"ac":500},{"type":"ios","rules":[{"res":[640,960]}],"dpi":[325.1,328.4],"bw":4,"ac":1000},{"type":"ios","rules":[{"res":[640,1136]}],"dpi":[317.1,320.2],"bw":3,"ac":1000},{"type":"ios","rules":[{"res":[750,1334]}],"dpi":326.4,"bw":4,"ac":1000},{"type":"ios","rules":[{"res":[1242,2208]}],"dpi":[453.6,458.4],"bw":4,"ac":1000},{"type":"ios","rules":[{"res":[1125,2001]}],"dpi":[410.9,415.4],"bw":4,"ac":1000},{"type":"ios","rules":[{"res":[1125,2436]}],"dpi":458,"bw":4,"ac":1000},{"type":"android","rules":[{"mdmh":"Huawei/*/EML-L29/*"},{"ua":"EML-L29"}],"dpi":428,"bw":3.45,"ac":500},{"type":"android","rules":[{"mdmh":"Nokia/*/Nokia 7.1/*"},{"ua":"Nokia 7.1"}],"dpi":[432,431.9],"bw":3,"ac":500},{"type":"ios","rules":[{"res":[1242,2688]}],"dpi":458,"bw":4,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G570M/*"},{"ua":"SM-G570M"}],"dpi":320,"bw":3.684,"ac":1000},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G970F/*"},{"ua":"SM-G970F"}],"dpi":438,"bw":2.281,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G973F/*"},{"ua":"SM-G973F"}],"dpi":550,"bw":2.002,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G975F/*"},{"ua":"SM-G975F"}],"dpi":522,"bw":2.054,"ac":500},{"type":"android","rules":[{"mdmh":"samsung/*/SM-G977F/*"},{"ua":"SM-G977F"}],"dpi":505,"bw":2.334,"ac":500},{"type":"ios","rules":[{"res":[828,1792]}],"dpi":326,"bw":5,"ac":500}]; + var DPDB_CACHE = { + format: format, + last_updated: last_updated, + devices: devices + }; + function Dpdb(url, onDeviceParamsUpdated) { + this.dpdb = DPDB_CACHE; + this.recalculateDeviceParams_(); + if (url) { + this.onDeviceParamsUpdated = onDeviceParamsUpdated; + var xhr = new XMLHttpRequest(); + var obj = this; + xhr.open('GET', url, true); + xhr.addEventListener('load', function () { + obj.loading = false; + if (xhr.status >= 200 && xhr.status <= 299) { + obj.dpdb = JSON.parse(xhr.response); + obj.recalculateDeviceParams_(); + } else { + console.error('Error loading online DPDB!'); + } + }); + xhr.send(); + } + } + Dpdb.prototype.getDeviceParams = function () { + return this.deviceParams; + }; + Dpdb.prototype.recalculateDeviceParams_ = function () { + var newDeviceParams = this.calcDeviceParams_(); + if (newDeviceParams) { + this.deviceParams = newDeviceParams; + if (this.onDeviceParamsUpdated) { + this.onDeviceParamsUpdated(this.deviceParams); + } + } else { + console.error('Failed to recalculate device parameters.'); + } + }; + Dpdb.prototype.calcDeviceParams_ = function () { + var db = this.dpdb; + if (!db) { + console.error('DPDB not available.'); + return null; + } + if (db.format != 1) { + console.error('DPDB has unexpected format version.'); + return null; + } + if (!db.devices || !db.devices.length) { + console.error('DPDB does not have a devices section.'); + return null; + } + var userAgent = navigator.userAgent || navigator.vendor || window.opera; + var width = getScreenWidth(); + var height = getScreenHeight(); + if (!db.devices) { + console.error('DPDB has no devices section.'); + return null; + } + for (var i = 0; i < db.devices.length; i++) { + var device = db.devices[i]; + if (!device.rules) { + console.warn('Device[' + i + '] has no rules section.'); + continue; + } + if (device.type != 'ios' && device.type != 'android') { + console.warn('Device[' + i + '] has invalid type.'); + continue; + } + if (isIOS() != (device.type == 'ios')) continue; + var matched = false; + for (var j = 0; j < device.rules.length; j++) { + var rule = device.rules[j]; + if (this.ruleMatches_(rule, userAgent, width, height)) { + matched = true; + break; + } + } + if (!matched) continue; + var xdpi = device.dpi[0] || device.dpi; + var ydpi = device.dpi[1] || device.dpi; + return new DeviceParams({ xdpi: xdpi, ydpi: ydpi, bevelMm: device.bw }); + } + console.warn('No DPDB device match.'); + return null; + }; + Dpdb.prototype.ruleMatches_ = function (rule, ua, screenWidth, screenHeight) { + if (!rule.ua && !rule.res) return false; + if (rule.ua && rule.ua.substring(0, 2) === 'SM') rule.ua = rule.ua.substring(0, 7); + if (rule.ua && ua.indexOf(rule.ua) < 0) return false; + if (rule.res) { + if (!rule.res[0] || !rule.res[1]) return false; + var resX = rule.res[0]; + var resY = rule.res[1]; + if (Math.min(screenWidth, screenHeight) != Math.min(resX, resY) || Math.max(screenWidth, screenHeight) != Math.max(resX, resY)) { + return false; + } + } + return true; + }; + function DeviceParams(params) { + this.xdpi = params.xdpi; + this.ydpi = params.ydpi; + this.bevelMm = params.bevelMm; + } + function SensorSample(sample, timestampS) { + this.set(sample, timestampS); + } + SensorSample.prototype.set = function (sample, timestampS) { + this.sample = sample; + this.timestampS = timestampS; + }; + SensorSample.prototype.copy = function (sensorSample) { + this.set(sensorSample.sample, sensorSample.timestampS); + }; + function ComplementaryFilter(kFilter, isDebug) { + this.kFilter = kFilter; + this.isDebug = isDebug; + this.currentAccelMeasurement = new SensorSample(); + this.currentGyroMeasurement = new SensorSample(); + this.previousGyroMeasurement = new SensorSample(); + if (isIOS()) { + this.filterQ = new Quaternion(-1, 0, 0, 1); + } else { + this.filterQ = new Quaternion(1, 0, 0, 1); + } + this.previousFilterQ = new Quaternion(); + this.previousFilterQ.copy(this.filterQ); + this.accelQ = new Quaternion(); + this.isOrientationInitialized = false; + this.estimatedGravity = new Vector3(); + this.measuredGravity = new Vector3(); + this.gyroIntegralQ = new Quaternion(); + } + ComplementaryFilter.prototype.addAccelMeasurement = function (vector, timestampS) { + this.currentAccelMeasurement.set(vector, timestampS); + }; + ComplementaryFilter.prototype.addGyroMeasurement = function (vector, timestampS) { + this.currentGyroMeasurement.set(vector, timestampS); + var deltaT = timestampS - this.previousGyroMeasurement.timestampS; + if (isTimestampDeltaValid(deltaT)) { + this.run_(); + } + this.previousGyroMeasurement.copy(this.currentGyroMeasurement); + }; + ComplementaryFilter.prototype.run_ = function () { + if (!this.isOrientationInitialized) { + this.accelQ = this.accelToQuaternion_(this.currentAccelMeasurement.sample); + this.previousFilterQ.copy(this.accelQ); + this.isOrientationInitialized = true; + return; + } + var deltaT = this.currentGyroMeasurement.timestampS - this.previousGyroMeasurement.timestampS; + var gyroDeltaQ = this.gyroToQuaternionDelta_(this.currentGyroMeasurement.sample, deltaT); + this.gyroIntegralQ.multiply(gyroDeltaQ); + this.filterQ.copy(this.previousFilterQ); + this.filterQ.multiply(gyroDeltaQ); + var invFilterQ = new Quaternion(); + invFilterQ.copy(this.filterQ); + invFilterQ.inverse(); + this.estimatedGravity.set(0, 0, -1); + this.estimatedGravity.applyQuaternion(invFilterQ); + this.estimatedGravity.normalize(); + this.measuredGravity.copy(this.currentAccelMeasurement.sample); + this.measuredGravity.normalize(); + var deltaQ = new Quaternion(); + deltaQ.setFromUnitVectors(this.estimatedGravity, this.measuredGravity); + deltaQ.inverse(); + if (this.isDebug) { + console.log('Delta: %d deg, G_est: (%s, %s, %s), G_meas: (%s, %s, %s)', radToDeg * getQuaternionAngle(deltaQ), this.estimatedGravity.x.toFixed(1), this.estimatedGravity.y.toFixed(1), this.estimatedGravity.z.toFixed(1), this.measuredGravity.x.toFixed(1), this.measuredGravity.y.toFixed(1), this.measuredGravity.z.toFixed(1)); + } + var targetQ = new Quaternion(); + targetQ.copy(this.filterQ); + targetQ.multiply(deltaQ); + this.filterQ.slerp(targetQ, 1 - this.kFilter); + this.previousFilterQ.copy(this.filterQ); + }; + ComplementaryFilter.prototype.getOrientation = function () { + return this.filterQ; + }; + ComplementaryFilter.prototype.accelToQuaternion_ = function (accel) { + var normAccel = new Vector3(); + normAccel.copy(accel); + normAccel.normalize(); + var quat = new Quaternion(); + quat.setFromUnitVectors(new Vector3(0, 0, -1), normAccel); + quat.inverse(); + return quat; + }; + ComplementaryFilter.prototype.gyroToQuaternionDelta_ = function (gyro, dt) { + var quat = new Quaternion(); + var axis = new Vector3(); + axis.copy(gyro); + axis.normalize(); + quat.setFromAxisAngle(axis, gyro.length() * dt); + return quat; + }; + function PosePredictor(predictionTimeS, isDebug) { + this.predictionTimeS = predictionTimeS; + this.isDebug = isDebug; + this.previousQ = new Quaternion(); + this.previousTimestampS = null; + this.deltaQ = new Quaternion(); + this.outQ = new Quaternion(); + } + PosePredictor.prototype.getPrediction = function (currentQ, gyro, timestampS) { + if (!this.previousTimestampS) { + this.previousQ.copy(currentQ); + this.previousTimestampS = timestampS; + return currentQ; + } + var axis = new Vector3(); + axis.copy(gyro); + axis.normalize(); + var angularSpeed = gyro.length(); + if (angularSpeed < degToRad * 20) { + if (this.isDebug) { + console.log('Moving slowly, at %s deg/s: no prediction', (radToDeg * angularSpeed).toFixed(1)); + } + this.outQ.copy(currentQ); + this.previousQ.copy(currentQ); + return this.outQ; + } + var predictAngle = angularSpeed * this.predictionTimeS; + this.deltaQ.setFromAxisAngle(axis, predictAngle); + this.outQ.copy(this.previousQ); + this.outQ.multiply(this.deltaQ); + this.previousQ.copy(currentQ); + this.previousTimestampS = timestampS; + return this.outQ; + }; + function FusionPoseSensor(kFilter, predictionTime, yawOnly, isDebug) { + this.yawOnly = yawOnly; + this.accelerometer = new Vector3(); + this.gyroscope = new Vector3(); + this.filter = new ComplementaryFilter(kFilter, isDebug); + this.posePredictor = new PosePredictor(predictionTime, isDebug); + this.isFirefoxAndroid = isFirefoxAndroid(); + this.isIOS = isIOS(); + var chromeVersion = getChromeVersion(); + this.isDeviceMotionInRadians = !this.isIOS && chromeVersion && chromeVersion < 66; + this.isWithoutDeviceMotion = isChromeWithoutDeviceMotion() || isSafariWithoutDeviceMotion(); + this.filterToWorldQ = new Quaternion(); + if (isIOS()) { + this.filterToWorldQ.setFromAxisAngle(new Vector3(1, 0, 0), Math.PI / 2); + } else { + this.filterToWorldQ.setFromAxisAngle(new Vector3(1, 0, 0), -Math.PI / 2); + } + this.inverseWorldToScreenQ = new Quaternion(); + this.worldToScreenQ = new Quaternion(); + this.originalPoseAdjustQ = new Quaternion(); + this.originalPoseAdjustQ.setFromAxisAngle(new Vector3(0, 0, 1), -window.orientation * Math.PI / 180); + this.setScreenTransform_(); + if (isLandscapeMode()) { + this.filterToWorldQ.multiply(this.inverseWorldToScreenQ); + } + this.resetQ = new Quaternion(); + this.orientationOut_ = new Float32Array(4); + this.start(); + } + FusionPoseSensor.prototype.getPosition = function () { + return null; + }; + FusionPoseSensor.prototype.getOrientation = function () { + var orientation = void 0; + if (this.isWithoutDeviceMotion && this._deviceOrientationQ) { + this.deviceOrientationFixQ = this.deviceOrientationFixQ || function () { + var z = new Quaternion().setFromAxisAngle(new Vector3(0, 0, -1), 0); + var y = new Quaternion(); + if (window.orientation === -90) { + y.setFromAxisAngle(new Vector3(0, 1, 0), Math.PI / -2); + } else { + y.setFromAxisAngle(new Vector3(0, 1, 0), Math.PI / 2); + } + return z.multiply(y); + }(); + this.deviceOrientationFilterToWorldQ = this.deviceOrientationFilterToWorldQ || function () { + var q = new Quaternion(); + q.setFromAxisAngle(new Vector3(1, 0, 0), -Math.PI / 2); + return q; + }(); + orientation = this._deviceOrientationQ; + var out = new Quaternion(); + out.copy(orientation); + out.multiply(this.deviceOrientationFilterToWorldQ); + out.multiply(this.resetQ); + out.multiply(this.worldToScreenQ); + out.multiplyQuaternions(this.deviceOrientationFixQ, out); + if (this.yawOnly) { + out.x = 0; + out.z = 0; + out.normalize(); + } + this.orientationOut_[0] = out.x; + this.orientationOut_[1] = out.y; + this.orientationOut_[2] = out.z; + this.orientationOut_[3] = out.w; + return this.orientationOut_; + } else { + var filterOrientation = this.filter.getOrientation(); + orientation = this.posePredictor.getPrediction(filterOrientation, this.gyroscope, this.previousTimestampS); + } + var out = new Quaternion(); + out.copy(this.filterToWorldQ); + out.multiply(this.resetQ); + out.multiply(orientation); + out.multiply(this.worldToScreenQ); + if (this.yawOnly) { + out.x = 0; + out.z = 0; + out.normalize(); + } + this.orientationOut_[0] = out.x; + this.orientationOut_[1] = out.y; + this.orientationOut_[2] = out.z; + this.orientationOut_[3] = out.w; + return this.orientationOut_; + }; + FusionPoseSensor.prototype.resetPose = function () { + this.resetQ.copy(this.filter.getOrientation()); + this.resetQ.x = 0; + this.resetQ.y = 0; + this.resetQ.z *= -1; + this.resetQ.normalize(); + if (isLandscapeMode()) { + this.resetQ.multiply(this.inverseWorldToScreenQ); + } + this.resetQ.multiply(this.originalPoseAdjustQ); + }; + FusionPoseSensor.prototype.onDeviceOrientation_ = function (e) { + this._deviceOrientationQ = this._deviceOrientationQ || new Quaternion(); + var alpha = e.alpha, + beta = e.beta, + gamma = e.gamma; + alpha = (alpha || 0) * Math.PI / 180; + beta = (beta || 0) * Math.PI / 180; + gamma = (gamma || 0) * Math.PI / 180; + this._deviceOrientationQ.setFromEulerYXZ(beta, alpha, -gamma); + }; + FusionPoseSensor.prototype.onDeviceMotion_ = function (deviceMotion) { + this.updateDeviceMotion_(deviceMotion); + }; + FusionPoseSensor.prototype.updateDeviceMotion_ = function (deviceMotion) { + var accGravity = deviceMotion.accelerationIncludingGravity; + var rotRate = deviceMotion.rotationRate; + var timestampS = deviceMotion.timeStamp / 1000; + var deltaS = timestampS - this.previousTimestampS; + if (deltaS < 0) { + warnOnce('fusion-pose-sensor:invalid:non-monotonic', 'Invalid timestamps detected: non-monotonic timestamp from devicemotion'); + this.previousTimestampS = timestampS; + return; + } else if (deltaS <= MIN_TIMESTEP || deltaS > MAX_TIMESTEP) { + warnOnce('fusion-pose-sensor:invalid:outside-threshold', 'Invalid timestamps detected: Timestamp from devicemotion outside expected range.'); + this.previousTimestampS = timestampS; + return; + } + this.accelerometer.set(-accGravity.x, -accGravity.y, -accGravity.z); + if (rotRate) { + if (isR7()) { + this.gyroscope.set(-rotRate.beta, rotRate.alpha, rotRate.gamma); + } else { + this.gyroscope.set(rotRate.alpha, rotRate.beta, rotRate.gamma); + } + if (!this.isDeviceMotionInRadians) { + this.gyroscope.multiplyScalar(Math.PI / 180); + } + this.filter.addGyroMeasurement(this.gyroscope, timestampS); + } + this.filter.addAccelMeasurement(this.accelerometer, timestampS); + this.previousTimestampS = timestampS; + }; + FusionPoseSensor.prototype.onOrientationChange_ = function (screenOrientation) { + this.setScreenTransform_(); + }; + FusionPoseSensor.prototype.onMessage_ = function (event) { + var message = event.data; + if (!message || !message.type) { + return; + } + var type = message.type.toLowerCase(); + if (type !== 'devicemotion') { + return; + } + this.updateDeviceMotion_(message.deviceMotionEvent); + }; + FusionPoseSensor.prototype.setScreenTransform_ = function () { + this.worldToScreenQ.set(0, 0, 0, 1); + switch (window.orientation) { + case 0: + break; + case 90: + this.worldToScreenQ.setFromAxisAngle(new Vector3(0, 0, 1), -Math.PI / 2); + break; + case -90: + this.worldToScreenQ.setFromAxisAngle(new Vector3(0, 0, 1), Math.PI / 2); + break; + case 180: + break; + } + this.inverseWorldToScreenQ.copy(this.worldToScreenQ); + this.inverseWorldToScreenQ.inverse(); + }; + FusionPoseSensor.prototype.start = function () { + this.onDeviceMotionCallback_ = this.onDeviceMotion_.bind(this); + this.onOrientationChangeCallback_ = this.onOrientationChange_.bind(this); + this.onMessageCallback_ = this.onMessage_.bind(this); + this.onDeviceOrientationCallback_ = this.onDeviceOrientation_.bind(this); + if (isIOS() && isInsideCrossOriginIFrame()) { + window.addEventListener('message', this.onMessageCallback_); + } + window.addEventListener('orientationchange', this.onOrientationChangeCallback_); + if (this.isWithoutDeviceMotion) { + window.addEventListener('deviceorientation', this.onDeviceOrientationCallback_); + } else { + window.addEventListener('devicemotion', this.onDeviceMotionCallback_); + } + }; + FusionPoseSensor.prototype.stop = function () { + window.removeEventListener('devicemotion', this.onDeviceMotionCallback_); + window.removeEventListener('deviceorientation', this.onDeviceOrientationCallback_); + window.removeEventListener('orientationchange', this.onOrientationChangeCallback_); + window.removeEventListener('message', this.onMessageCallback_); + }; + var SENSOR_FREQUENCY = 60; + var X_AXIS = new Vector3(1, 0, 0); + var Z_AXIS = new Vector3(0, 0, 1); + var SENSOR_TO_VR = new Quaternion(); + SENSOR_TO_VR.setFromAxisAngle(X_AXIS, -Math.PI / 2); + SENSOR_TO_VR.multiply(new Quaternion().setFromAxisAngle(Z_AXIS, Math.PI / 2)); + var PoseSensor = function () { + function PoseSensor(config) { + classCallCheck(this, PoseSensor); + this.config = config; + this.sensor = null; + this.fusionSensor = null; + this._out = new Float32Array(4); + this.api = null; + this.errors = []; + this._sensorQ = new Quaternion(); + this._outQ = new Quaternion(); + this._onSensorRead = this._onSensorRead.bind(this); + this._onSensorError = this._onSensorError.bind(this); + this.init(); + } + createClass(PoseSensor, [{ + key: 'init', + value: function init() { + var sensor = null; + try { + sensor = new RelativeOrientationSensor({ + frequency: SENSOR_FREQUENCY, + referenceFrame: 'screen' + }); + sensor.addEventListener('error', this._onSensorError); + } catch (error) { + this.errors.push(error); + if (error.name === 'SecurityError') { + console.error('Cannot construct sensors due to the Feature Policy'); + console.warn('Attempting to fall back using "devicemotion"; however this will ' + 'fail in the future without correct permissions.'); + this.useDeviceMotion(); + } else if (error.name === 'ReferenceError') { + this.useDeviceMotion(); + } else { + console.error(error); + } + } + if (sensor) { + this.api = 'sensor'; + this.sensor = sensor; + this.sensor.addEventListener('reading', this._onSensorRead); + this.sensor.start(); + } + } + }, { + key: 'useDeviceMotion', + value: function useDeviceMotion() { + this.api = 'devicemotion'; + this.fusionSensor = new FusionPoseSensor(this.config.K_FILTER, this.config.PREDICTION_TIME_S, this.config.YAW_ONLY, this.config.DEBUG); + if (this.sensor) { + this.sensor.removeEventListener('reading', this._onSensorRead); + this.sensor.removeEventListener('error', this._onSensorError); + this.sensor = null; + } + } + }, { + key: 'getOrientation', + value: function getOrientation() { + if (this.fusionSensor) { + return this.fusionSensor.getOrientation(); + } + if (!this.sensor || !this.sensor.quaternion) { + this._out[0] = this._out[1] = this._out[2] = 0; + this._out[3] = 1; + return this._out; + } + var q = this.sensor.quaternion; + this._sensorQ.set(q[0], q[1], q[2], q[3]); + var out = this._outQ; + out.copy(SENSOR_TO_VR); + out.multiply(this._sensorQ); + if (this.config.YAW_ONLY) { + out.x = out.z = 0; + out.normalize(); + } + this._out[0] = out.x; + this._out[1] = out.y; + this._out[2] = out.z; + this._out[3] = out.w; + return this._out; + } + }, { + key: '_onSensorError', + value: function _onSensorError(event) { + this.errors.push(event.error); + if (event.error.name === 'NotAllowedError') { + console.error('Permission to access sensor was denied'); + } else if (event.error.name === 'NotReadableError') { + console.error('Sensor could not be read'); + } else { + console.error(event.error); + } + this.useDeviceMotion(); + } + }, { + key: '_onSensorRead', + value: function _onSensorRead() {} + }]); + return PoseSensor; + }(); + var rotateInstructionsAsset = ""; + function RotateInstructions() { + this.loadIcon_(); + var overlay = document.createElement('div'); + var s = overlay.style; + s.position = 'fixed'; + s.top = 0; + s.right = 0; + s.bottom = 0; + s.left = 0; + s.backgroundColor = 'gray'; + s.fontFamily = 'sans-serif'; + s.zIndex = 1000000; + var img = document.createElement('img'); + img.src = this.icon; + var s = img.style; + s.marginLeft = '25%'; + s.marginTop = '25%'; + s.width = '50%'; + overlay.appendChild(img); + var text = document.createElement('div'); + var s = text.style; + s.textAlign = 'center'; + s.fontSize = '16px'; + s.lineHeight = '24px'; + s.margin = '24px 25%'; + s.width = '50%'; + text.innerHTML = 'Place your phone into your Cardboard viewer.'; + overlay.appendChild(text); + var snackbar = document.createElement('div'); + var s = snackbar.style; + s.backgroundColor = '#CFD8DC'; + s.position = 'fixed'; + s.bottom = 0; + s.width = '100%'; + s.height = '48px'; + s.padding = '14px 24px'; + s.boxSizing = 'border-box'; + s.color = '#656A6B'; + overlay.appendChild(snackbar); + var snackbarText = document.createElement('div'); + snackbarText.style.float = 'left'; + snackbarText.innerHTML = 'No Cardboard viewer?'; + var snackbarButton = document.createElement('a'); + snackbarButton.href = 'https://www.google.com/get/cardboard/get-cardboard/'; + snackbarButton.innerHTML = 'get one'; + snackbarButton.target = '_blank'; + var s = snackbarButton.style; + s.float = 'right'; + s.fontWeight = 600; + s.textTransform = 'uppercase'; + s.borderLeft = '1px solid gray'; + s.paddingLeft = '24px'; + s.textDecoration = 'none'; + s.color = '#656A6B'; + snackbar.appendChild(snackbarText); + snackbar.appendChild(snackbarButton); + this.overlay = overlay; + this.text = text; + this.hide(); + } + RotateInstructions.prototype.show = function (parent) { + if (!parent && !this.overlay.parentElement) { + document.body.appendChild(this.overlay); + } else if (parent) { + if (this.overlay.parentElement && this.overlay.parentElement != parent) this.overlay.parentElement.removeChild(this.overlay); + parent.appendChild(this.overlay); + } + this.overlay.style.display = 'block'; + var img = this.overlay.querySelector('img'); + var s = img.style; + if (isLandscapeMode()) { + s.width = '20%'; + s.marginLeft = '40%'; + s.marginTop = '3%'; + } else { + s.width = '50%'; + s.marginLeft = '25%'; + s.marginTop = '25%'; + } + }; + RotateInstructions.prototype.hide = function () { + this.overlay.style.display = 'none'; + }; + RotateInstructions.prototype.showTemporarily = function (ms, parent) { + this.show(parent); + this.timer = setTimeout(this.hide.bind(this), ms); + }; + RotateInstructions.prototype.disableShowTemporarily = function () { + clearTimeout(this.timer); + }; + RotateInstructions.prototype.update = function () { + this.disableShowTemporarily(); + if (!isLandscapeMode() && isMobile()) { + this.show(); + } else { + this.hide(); + } + }; + RotateInstructions.prototype.loadIcon_ = function () { + this.icon = dataUri('image/svg+xml', rotateInstructionsAsset); + }; + var DEFAULT_VIEWER = 'CardboardV1'; + var VIEWER_KEY = 'WEBVR_CARDBOARD_VIEWER'; + var CLASS_NAME = 'webvr-polyfill-viewer-selector'; + function ViewerSelector(defaultViewer) { + try { + this.selectedKey = localStorage.getItem(VIEWER_KEY); + } catch (error) { + console.error('Failed to load viewer profile: %s', error); + } + if (!this.selectedKey) { + this.selectedKey = defaultViewer || DEFAULT_VIEWER; + } + this.dialog = this.createDialog_(DeviceInfo.Viewers); + this.root = null; + this.onChangeCallbacks_ = []; + } + ViewerSelector.prototype.show = function (root) { + this.root = root; + root.appendChild(this.dialog); + var selected = this.dialog.querySelector('#' + this.selectedKey); + selected.checked = true; + this.dialog.style.display = 'block'; + }; + ViewerSelector.prototype.hide = function () { + if (this.root && this.root.contains(this.dialog)) { + this.root.removeChild(this.dialog); + } + this.dialog.style.display = 'none'; + }; + ViewerSelector.prototype.getCurrentViewer = function () { + return DeviceInfo.Viewers[this.selectedKey]; + }; + ViewerSelector.prototype.getSelectedKey_ = function () { + var input = this.dialog.querySelector('input[name=field]:checked'); + if (input) { + return input.id; + } + return null; + }; + ViewerSelector.prototype.onChange = function (cb) { + this.onChangeCallbacks_.push(cb); + }; + ViewerSelector.prototype.fireOnChange_ = function (viewer) { + for (var i = 0; i < this.onChangeCallbacks_.length; i++) { + this.onChangeCallbacks_[i](viewer); + } + }; + ViewerSelector.prototype.onSave_ = function () { + this.selectedKey = this.getSelectedKey_(); + if (!this.selectedKey || !DeviceInfo.Viewers[this.selectedKey]) { + console.error('ViewerSelector.onSave_: this should never happen!'); + return; + } + this.fireOnChange_(DeviceInfo.Viewers[this.selectedKey]); + try { + localStorage.setItem(VIEWER_KEY, this.selectedKey); + } catch (error) { + console.error('Failed to save viewer profile: %s', error); + } + this.hide(); + }; + ViewerSelector.prototype.createDialog_ = function (options) { + var container = document.createElement('div'); + container.classList.add(CLASS_NAME); + container.style.display = 'none'; + var overlay = document.createElement('div'); + var s = overlay.style; + s.position = 'fixed'; + s.left = 0; + s.top = 0; + s.width = '100%'; + s.height = '100%'; + s.background = 'rgba(0, 0, 0, 0.3)'; + overlay.addEventListener('click', this.hide.bind(this)); + var width = 280; + var dialog = document.createElement('div'); + var s = dialog.style; + s.boxSizing = 'border-box'; + s.position = 'fixed'; + s.top = '24px'; + s.left = '50%'; + s.marginLeft = -width / 2 + 'px'; + s.width = width + 'px'; + s.padding = '24px'; + s.overflow = 'hidden'; + s.background = '#fafafa'; + s.fontFamily = "'Roboto', sans-serif"; + s.boxShadow = '0px 5px 20px #666'; + dialog.appendChild(this.createH1_('Select your viewer')); + for (var id in options) { + dialog.appendChild(this.createChoice_(id, options[id].label)); + } + dialog.appendChild(this.createButton_('Save', this.onSave_.bind(this))); + container.appendChild(overlay); + container.appendChild(dialog); + return container; + }; + ViewerSelector.prototype.createH1_ = function (name) { + var h1 = document.createElement('h1'); + var s = h1.style; + s.color = 'black'; + s.fontSize = '20px'; + s.fontWeight = 'bold'; + s.marginTop = 0; + s.marginBottom = '24px'; + h1.innerHTML = name; + return h1; + }; + ViewerSelector.prototype.createChoice_ = function (id, name) { + var div = document.createElement('div'); + div.style.marginTop = '8px'; + div.style.color = 'black'; + var input = document.createElement('input'); + input.style.fontSize = '30px'; + input.setAttribute('id', id); + input.setAttribute('type', 'radio'); + input.setAttribute('value', id); + input.setAttribute('name', 'field'); + var label = document.createElement('label'); + label.style.marginLeft = '4px'; + label.setAttribute('for', id); + label.innerHTML = name; + div.appendChild(input); + div.appendChild(label); + return div; + }; + ViewerSelector.prototype.createButton_ = function (label, onclick) { + var button = document.createElement('button'); + button.innerHTML = label; + var s = button.style; + s.float = 'right'; + s.textTransform = 'uppercase'; + s.color = '#1094f7'; + s.fontSize = '14px'; + s.letterSpacing = 0; + s.border = 0; + s.background = 'none'; + s.marginTop = '16px'; + button.addEventListener('click', onclick); + return button; + }; + var commonjsGlobal$$1 = typeof window !== 'undefined' ? window : typeof commonjsGlobal$1 !== 'undefined' ? commonjsGlobal$1 : typeof self !== 'undefined' ? self : {}; + function unwrapExports$$1 (x) { + return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; + } + function createCommonjsModule$$1(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; + } + var NoSleep = createCommonjsModule$$1(function (module, exports) { + (function webpackUniversalModuleDefinition(root, factory) { + module.exports = factory(); + })(commonjsGlobal$$1, function() { + return (function(modules) { + var installedModules = {}; + function __webpack_require__(moduleId) { + if(installedModules[moduleId]) { + return installedModules[moduleId].exports; + } + var module = installedModules[moduleId] = { + i: moduleId, + l: false, + exports: {} + }; + modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); + module.l = true; + return module.exports; + } + __webpack_require__.m = modules; + __webpack_require__.c = installedModules; + __webpack_require__.d = function(exports, name, getter) { + if(!__webpack_require__.o(exports, name)) { + Object.defineProperty(exports, name, { + configurable: false, + enumerable: true, + get: getter + }); + } + }; + __webpack_require__.n = function(module) { + var getter = module && module.__esModule ? + function getDefault() { return module['default']; } : + function getModuleExports() { return module; }; + __webpack_require__.d(getter, 'a', getter); + return getter; + }; + __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; + __webpack_require__.p = ""; + return __webpack_require__(__webpack_require__.s = 0); + }) + ([ + (function(module, exports, __webpack_require__) { + var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + var mediaFile = __webpack_require__(1); + var oldIOS = typeof navigator !== 'undefined' && parseFloat(('' + (/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent) || [0, ''])[1]).replace('undefined', '3_2').replace('_', '.').replace('_', '')) < 10 && !window.MSStream; + var NoSleep = function () { + function NoSleep() { + _classCallCheck(this, NoSleep); + if (oldIOS) { + this.noSleepTimer = null; + } else { + this.noSleepVideo = document.createElement('video'); + this.noSleepVideo.setAttribute('playsinline', ''); + this.noSleepVideo.setAttribute('src', mediaFile); + this.noSleepVideo.addEventListener('timeupdate', function (e) { + if (this.noSleepVideo.currentTime > 0.5) { + this.noSleepVideo.currentTime = Math.random(); + } + }.bind(this)); + } + } + _createClass(NoSleep, [{ + key: 'enable', + value: function enable() { + if (oldIOS) { + this.disable(); + this.noSleepTimer = window.setInterval(function () { + window.location.href = '/'; + window.setTimeout(window.stop, 0); + }, 15000); + } else { + this.noSleepVideo.play(); + } + } + }, { + key: 'disable', + value: function disable() { + if (oldIOS) { + if (this.noSleepTimer) { + window.clearInterval(this.noSleepTimer); + this.noSleepTimer = null; + } + } else { + this.noSleepVideo.pause(); + } + } + }]); + return NoSleep; + }(); + module.exports = NoSleep; + }), + (function(module, exports, __webpack_require__) { + module.exports = 'data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQADQGgcIQADQGgcAAAACQGeYUQn/wALKCEAA0BoHAAAAAkBnmNEJ/8ACykhAANAaBwhAANAaBwAAAANQZpoNExDP/6plgAMuSEAA0BoHAAAAAtBnoZFESwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBnqVEJ/8ACykhAANAaBwAAAAJAZ6nRCf/AAsoIQADQGgcIQADQGgcAAAADUGarDRMQz/+qZYADLghAANAaBwAAAALQZ7KRRUsK/8ACPkhAANAaBwAAAAJAZ7pRCf/AAsoIQADQGgcIQADQGgcAAAACQGe60Qn/wALKCEAA0BoHAAAAA1BmvA0TEM//qmWAAy5IQADQGgcIQADQGgcAAAAC0GfDkUVLCv/AAj5IQADQGgcAAAACQGfLUQn/wALKSEAA0BoHCEAA0BoHAAAAAkBny9EJ/8ACyghAANAaBwAAAANQZs0NExDP/6plgAMuCEAA0BoHAAAAAtBn1JFFSwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBn3FEJ/8ACyghAANAaBwAAAAJAZ9zRCf/AAsoIQADQGgcIQADQGgcAAAADUGbeDRMQz/+qZYADLkhAANAaBwAAAALQZ+WRRUsK/8ACPghAANAaBwhAANAaBwAAAAJAZ+1RCf/AAspIQADQGgcAAAACQGft0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bm7w0TEM//qmWAAy4IQADQGgcAAAAC0Gf2kUVLCv/AAj5IQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHAAAAAkBn/tEJ/8ACykhAANAaBwAAAANQZvgNExDP/6plgAMuSEAA0BoHCEAA0BoHAAAAAtBnh5FFSwr/wAI+CEAA0BoHAAAAAkBnj1EJ/8ACyghAANAaBwhAANAaBwAAAAJAZ4/RCf/AAspIQADQGgcAAAADUGaJDRMQz/+qZYADLghAANAaBwAAAALQZ5CRRUsK/8ACPkhAANAaBwhAANAaBwAAAAJAZ5hRCf/AAsoIQADQGgcAAAACQGeY0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bmmg0TEM//qmWAAy5IQADQGgcAAAAC0GehkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGepUQn/wALKSEAA0BoHAAAAAkBnqdEJ/8ACyghAANAaBwAAAANQZqsNExDP/6plgAMuCEAA0BoHCEAA0BoHAAAAAtBnspFFSwr/wAI+SEAA0BoHAAAAAkBnulEJ/8ACyghAANAaBwhAANAaBwAAAAJAZ7rRCf/AAsoIQADQGgcAAAADUGa8DRMQz/+qZYADLkhAANAaBwhAANAaBwAAAALQZ8ORRUsK/8ACPkhAANAaBwAAAAJAZ8tRCf/AAspIQADQGgcIQADQGgcAAAACQGfL0Qn/wALKCEAA0BoHAAAAA1BmzQ0TEM//qmWAAy4IQADQGgcAAAAC0GfUkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGfcUQn/wALKCEAA0BoHAAAAAkBn3NEJ/8ACyghAANAaBwhAANAaBwAAAANQZt4NExC//6plgAMuSEAA0BoHAAAAAtBn5ZFFSwr/wAI+CEAA0BoHCEAA0BoHAAAAAkBn7VEJ/8ACykhAANAaBwAAAAJAZ+3RCf/AAspIQADQGgcAAAADUGbuzRMQn/+nhAAYsAhAANAaBwhAANAaBwAAAAJQZ/aQhP/AAspIQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHAAACiFtb292AAAAbG12aGQAAAAA1YCCX9WAgl8AAAPoAAAH/AABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAGGlvZHMAAAAAEICAgAcAT////v7/AAAF+XRyYWsAAABcdGtoZAAAAAPVgIJf1YCCXwAAAAEAAAAAAAAH0AAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAygAAAMoAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAB9AAABdwAAEAAAAABXFtZGlhAAAAIG1kaGQAAAAA1YCCX9WAgl8AAV+QAAK/IFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAUcbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAE3HN0YmwAAACYc3RzZAAAAAAAAAABAAAAiGF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAygDKAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAyYXZjQwFNQCj/4QAbZ01AKOyho3ySTUBAQFAAAAMAEAAr8gDxgxlgAQAEaO+G8gAAABhzdHRzAAAAAAAAAAEAAAA8AAALuAAAABRzdHNzAAAAAAAAAAEAAAABAAAB8GN0dHMAAAAAAAAAPAAAAAEAABdwAAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAAC7gAAAAAQAAF3AAAAABAAAAAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAEEc3RzegAAAAAAAAAAAAAAPAAAAzQAAAAQAAAADQAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAANAAAADQAAAQBzdGNvAAAAAAAAADwAAAAwAAADZAAAA3QAAAONAAADoAAAA7kAAAPQAAAD6wAAA/4AAAQXAAAELgAABEMAAARcAAAEbwAABIwAAAShAAAEugAABM0AAATkAAAE/wAABRIAAAUrAAAFQgAABV0AAAVwAAAFiQAABaAAAAW1AAAFzgAABeEAAAX+AAAGEwAABiwAAAY/AAAGVgAABnEAAAaEAAAGnQAABrQAAAbPAAAG4gAABvUAAAcSAAAHJwAAB0AAAAdTAAAHcAAAB4UAAAeeAAAHsQAAB8gAAAfjAAAH9gAACA8AAAgmAAAIQQAACFQAAAhnAAAIhAAACJcAAAMsdHJhawAAAFx0a2hkAAAAA9WAgl/VgIJfAAAAAgAAAAAAAAf8AAAAAAAAAAAAAAABAQAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAACsm1kaWEAAAAgbWRoZAAAAADVgIJf1YCCXwAArEQAAWAAVcQAAAAAACdoZGxyAAAAAAAAAABzb3VuAAAAAAAAAAAAAAAAU3RlcmVvAAAAAmNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAidzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAIABICAgBRAFQAAAAADDUAAAAAABYCAgAISEAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAABYAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAAUc3RzegAAAAAAAAAGAAAAWAAAAXBzdGNvAAAAAAAAAFgAAAOBAAADhwAAA5oAAAOtAAADswAAA8oAAAPfAAAD5QAAA/gAAAQLAAAEEQAABCgAAAQ9AAAEUAAABFYAAARpAAAEgAAABIYAAASbAAAErgAABLQAAATHAAAE3gAABPMAAAT5AAAFDAAABR8AAAUlAAAFPAAABVEAAAVXAAAFagAABX0AAAWDAAAFmgAABa8AAAXCAAAFyAAABdsAAAXyAAAF+AAABg0AAAYgAAAGJgAABjkAAAZQAAAGZQAABmsAAAZ+AAAGkQAABpcAAAauAAAGwwAABskAAAbcAAAG7wAABwYAAAcMAAAHIQAABzQAAAc6AAAHTQAAB2QAAAdqAAAHfwAAB5IAAAeYAAAHqwAAB8IAAAfXAAAH3QAAB/AAAAgDAAAICQAACCAAAAg1AAAIOwAACE4AAAhhAAAIeAAACH4AAAiRAAAIpAAACKoAAAiwAAAItgAACLwAAAjCAAAAFnVkdGEAAAAObmFtZVN0ZXJlbwAAAHB1ZHRhAAAAaG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAO2lsc3QAAAAzqXRvbwAAACtkYXRhAAAAAQAAAABIYW5kQnJha2UgMC4xMC4yIDIwMTUwNjExMDA='; + }) + ]); + }); + }); + var NoSleep$1 = unwrapExports$$1(NoSleep); + var nextDisplayId = 1000; + var defaultLeftBounds = [0, 0, 0.5, 1]; + var defaultRightBounds = [0.5, 0, 0.5, 1]; + var raf = window.requestAnimationFrame; + var caf = window.cancelAnimationFrame; + function VRFrameData() { + this.leftProjectionMatrix = new Float32Array(16); + this.leftViewMatrix = new Float32Array(16); + this.rightProjectionMatrix = new Float32Array(16); + this.rightViewMatrix = new Float32Array(16); + this.pose = null; + } + function VRDisplayCapabilities(config) { + Object.defineProperties(this, { + hasPosition: { + writable: false, enumerable: true, value: config.hasPosition + }, + hasExternalDisplay: { + writable: false, enumerable: true, value: config.hasExternalDisplay + }, + canPresent: { + writable: false, enumerable: true, value: config.canPresent + }, + maxLayers: { + writable: false, enumerable: true, value: config.maxLayers + }, + hasOrientation: { + enumerable: true, get: function get() { + deprecateWarning('VRDisplayCapabilities.prototype.hasOrientation', 'VRDisplay.prototype.getFrameData'); + return config.hasOrientation; + } + } + }); + } + function VRDisplay(config) { + config = config || {}; + var USE_WAKELOCK = 'wakelock' in config ? config.wakelock : true; + this.isPolyfilled = true; + this.displayId = nextDisplayId++; + this.displayName = ''; + this.depthNear = 0.01; + this.depthFar = 10000.0; + this.isPresenting = false; + Object.defineProperty(this, 'isConnected', { + get: function get() { + deprecateWarning('VRDisplay.prototype.isConnected', 'VRDisplayCapabilities.prototype.hasExternalDisplay'); + return false; + } + }); + this.capabilities = new VRDisplayCapabilities({ + hasPosition: false, + hasOrientation: false, + hasExternalDisplay: false, + canPresent: false, + maxLayers: 1 + }); + this.stageParameters = null; + this.waitingForPresent_ = false; + this.layer_ = null; + this.originalParent_ = null; + this.fullscreenElement_ = null; + this.fullscreenWrapper_ = null; + this.fullscreenElementCachedStyle_ = null; + this.fullscreenEventTarget_ = null; + this.fullscreenChangeHandler_ = null; + this.fullscreenErrorHandler_ = null; + if (USE_WAKELOCK && isMobile()) { + this.wakelock_ = new NoSleep$1(); + } + } + VRDisplay.prototype.getFrameData = function (frameData) { + return frameDataFromPose(frameData, this._getPose(), this); + }; + VRDisplay.prototype.getPose = function () { + deprecateWarning('VRDisplay.prototype.getPose', 'VRDisplay.prototype.getFrameData'); + return this._getPose(); + }; + VRDisplay.prototype.resetPose = function () { + deprecateWarning('VRDisplay.prototype.resetPose'); + return this._resetPose(); + }; + VRDisplay.prototype.getImmediatePose = function () { + deprecateWarning('VRDisplay.prototype.getImmediatePose', 'VRDisplay.prototype.getFrameData'); + return this._getPose(); + }; + VRDisplay.prototype.requestAnimationFrame = function (callback) { + return raf(callback); + }; + VRDisplay.prototype.cancelAnimationFrame = function (id) { + return caf(id); + }; + VRDisplay.prototype.wrapForFullscreen = function (element) { + if (isIOS()) { + return element; + } + if (!this.fullscreenWrapper_) { + this.fullscreenWrapper_ = document.createElement('div'); + var cssProperties = ['height: ' + Math.min(screen.height, screen.width) + 'px !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'border: 0', 'margin: 0', 'padding: 0', 'z-index: 999999 !important', 'position: fixed']; + this.fullscreenWrapper_.setAttribute('style', cssProperties.join('; ') + ';'); + this.fullscreenWrapper_.classList.add('webvr-polyfill-fullscreen-wrapper'); + } + if (this.fullscreenElement_ == element) { + return this.fullscreenWrapper_; + } + if (this.fullscreenElement_) { + if (this.originalParent_) { + this.originalParent_.appendChild(this.fullscreenElement_); + } else { + this.fullscreenElement_.parentElement.removeChild(this.fullscreenElement_); + } + } + this.fullscreenElement_ = element; + this.originalParent_ = element.parentElement; + if (!this.originalParent_) { + document.body.appendChild(element); + } + if (!this.fullscreenWrapper_.parentElement) { + var parent = this.fullscreenElement_.parentElement; + parent.insertBefore(this.fullscreenWrapper_, this.fullscreenElement_); + parent.removeChild(this.fullscreenElement_); + } + this.fullscreenWrapper_.insertBefore(this.fullscreenElement_, this.fullscreenWrapper_.firstChild); + this.fullscreenElementCachedStyle_ = this.fullscreenElement_.getAttribute('style'); + var self = this; + function applyFullscreenElementStyle() { + if (!self.fullscreenElement_) { + return; + } + var cssProperties = ['position: absolute', 'top: 0', 'left: 0', 'width: ' + Math.max(screen.width, screen.height) + 'px', 'height: ' + Math.min(screen.height, screen.width) + 'px', 'border: 0', 'margin: 0', 'padding: 0']; + self.fullscreenElement_.setAttribute('style', cssProperties.join('; ') + ';'); + } + applyFullscreenElementStyle(); + return this.fullscreenWrapper_; + }; + VRDisplay.prototype.removeFullscreenWrapper = function () { + if (!this.fullscreenElement_) { + return; + } + var element = this.fullscreenElement_; + if (this.fullscreenElementCachedStyle_) { + element.setAttribute('style', this.fullscreenElementCachedStyle_); + } else { + element.removeAttribute('style'); + } + this.fullscreenElement_ = null; + this.fullscreenElementCachedStyle_ = null; + var parent = this.fullscreenWrapper_.parentElement; + this.fullscreenWrapper_.removeChild(element); + if (this.originalParent_ === parent) { + parent.insertBefore(element, this.fullscreenWrapper_); + } + else if (this.originalParent_) { + this.originalParent_.appendChild(element); + } + parent.removeChild(this.fullscreenWrapper_); + return element; + }; + VRDisplay.prototype.requestPresent = function (layers) { + var wasPresenting = this.isPresenting; + var self = this; + if (!(layers instanceof Array)) { + deprecateWarning('VRDisplay.prototype.requestPresent with non-array argument', 'an array of VRLayers as the first argument'); + layers = [layers]; + } + return new Promise(function (resolve, reject) { + if (!self.capabilities.canPresent) { + reject(new Error('VRDisplay is not capable of presenting.')); + return; + } + if (layers.length == 0 || layers.length > self.capabilities.maxLayers) { + reject(new Error('Invalid number of layers.')); + return; + } + var incomingLayer = layers[0]; + if (!incomingLayer.source) { + resolve(); + return; + } + var leftBounds = incomingLayer.leftBounds || defaultLeftBounds; + var rightBounds = incomingLayer.rightBounds || defaultRightBounds; + if (wasPresenting) { + var layer = self.layer_; + if (layer.source !== incomingLayer.source) { + layer.source = incomingLayer.source; + } + for (var i = 0; i < 4; i++) { + layer.leftBounds[i] = leftBounds[i]; + layer.rightBounds[i] = rightBounds[i]; + } + self.wrapForFullscreen(self.layer_.source); + self.updatePresent_(); + resolve(); + return; + } + self.layer_ = { + predistorted: incomingLayer.predistorted, + source: incomingLayer.source, + leftBounds: leftBounds.slice(0), + rightBounds: rightBounds.slice(0) + }; + self.waitingForPresent_ = false; + if (self.layer_ && self.layer_.source) { + var fullscreenElement = self.wrapForFullscreen(self.layer_.source); + var onFullscreenChange = function onFullscreenChange() { + var actualFullscreenElement = getFullscreenElement(); + self.isPresenting = fullscreenElement === actualFullscreenElement; + if (self.isPresenting) { + if (screen.orientation && screen.orientation.lock) { + screen.orientation.lock('landscape-primary').catch(function (error) { + console.error('screen.orientation.lock() failed due to', error.message); + }); + } + self.waitingForPresent_ = false; + self.beginPresent_(); + resolve(); + } else { + if (screen.orientation && screen.orientation.unlock) { + screen.orientation.unlock(); + } + self.removeFullscreenWrapper(); + self.disableWakeLock(); + self.endPresent_(); + self.removeFullscreenListeners_(); + } + self.fireVRDisplayPresentChange_(); + }; + var onFullscreenError = function onFullscreenError() { + if (!self.waitingForPresent_) { + return; + } + self.removeFullscreenWrapper(); + self.removeFullscreenListeners_(); + self.disableWakeLock(); + self.waitingForPresent_ = false; + self.isPresenting = false; + reject(new Error('Unable to present.')); + }; + self.addFullscreenListeners_(fullscreenElement, onFullscreenChange, onFullscreenError); + if (requestFullscreen(fullscreenElement)) { + self.enableWakeLock(); + self.waitingForPresent_ = true; + } else if (isIOS() || isWebViewAndroid()) { + self.enableWakeLock(); + self.isPresenting = true; + self.beginPresent_(); + self.fireVRDisplayPresentChange_(); + resolve(); + } + } + if (!self.waitingForPresent_ && !isIOS()) { + exitFullscreen(); + reject(new Error('Unable to present.')); + } + }); + }; + VRDisplay.prototype.exitPresent = function () { + var wasPresenting = this.isPresenting; + var self = this; + this.isPresenting = false; + this.layer_ = null; + this.disableWakeLock(); + return new Promise(function (resolve, reject) { + if (wasPresenting) { + if (!exitFullscreen() && isIOS()) { + self.endPresent_(); + self.fireVRDisplayPresentChange_(); + } + if (isWebViewAndroid()) { + self.removeFullscreenWrapper(); + self.removeFullscreenListeners_(); + self.endPresent_(); + self.fireVRDisplayPresentChange_(); + } + resolve(); + } else { + reject(new Error('Was not presenting to VRDisplay.')); + } + }); + }; + VRDisplay.prototype.getLayers = function () { + if (this.layer_) { + return [this.layer_]; + } + return []; + }; + VRDisplay.prototype.fireVRDisplayPresentChange_ = function () { + var event = new CustomEvent('vrdisplaypresentchange', { detail: { display: this } }); + window.dispatchEvent(event); + }; + VRDisplay.prototype.fireVRDisplayConnect_ = function () { + var event = new CustomEvent('vrdisplayconnect', { detail: { display: this } }); + window.dispatchEvent(event); + }; + VRDisplay.prototype.addFullscreenListeners_ = function (element, changeHandler, errorHandler) { + this.removeFullscreenListeners_(); + this.fullscreenEventTarget_ = element; + this.fullscreenChangeHandler_ = changeHandler; + this.fullscreenErrorHandler_ = errorHandler; + if (changeHandler) { + if (document.fullscreenEnabled) { + element.addEventListener('fullscreenchange', changeHandler, false); + } else if (document.webkitFullscreenEnabled) { + element.addEventListener('webkitfullscreenchange', changeHandler, false); + } else if (document.mozFullScreenEnabled) { + document.addEventListener('mozfullscreenchange', changeHandler, false); + } else if (document.msFullscreenEnabled) { + element.addEventListener('msfullscreenchange', changeHandler, false); + } + } + if (errorHandler) { + if (document.fullscreenEnabled) { + element.addEventListener('fullscreenerror', errorHandler, false); + } else if (document.webkitFullscreenEnabled) { + element.addEventListener('webkitfullscreenerror', errorHandler, false); + } else if (document.mozFullScreenEnabled) { + document.addEventListener('mozfullscreenerror', errorHandler, false); + } else if (document.msFullscreenEnabled) { + element.addEventListener('msfullscreenerror', errorHandler, false); + } + } + }; + VRDisplay.prototype.removeFullscreenListeners_ = function () { + if (!this.fullscreenEventTarget_) return; + var element = this.fullscreenEventTarget_; + if (this.fullscreenChangeHandler_) { + var changeHandler = this.fullscreenChangeHandler_; + element.removeEventListener('fullscreenchange', changeHandler, false); + element.removeEventListener('webkitfullscreenchange', changeHandler, false); + document.removeEventListener('mozfullscreenchange', changeHandler, false); + element.removeEventListener('msfullscreenchange', changeHandler, false); + } + if (this.fullscreenErrorHandler_) { + var errorHandler = this.fullscreenErrorHandler_; + element.removeEventListener('fullscreenerror', errorHandler, false); + element.removeEventListener('webkitfullscreenerror', errorHandler, false); + document.removeEventListener('mozfullscreenerror', errorHandler, false); + element.removeEventListener('msfullscreenerror', errorHandler, false); + } + this.fullscreenEventTarget_ = null; + this.fullscreenChangeHandler_ = null; + this.fullscreenErrorHandler_ = null; + }; + VRDisplay.prototype.enableWakeLock = function () { + if (this.wakelock_) { + this.wakelock_.enable(); + } + }; + VRDisplay.prototype.disableWakeLock = function () { + if (this.wakelock_) { + this.wakelock_.disable(); + } + }; + VRDisplay.prototype.beginPresent_ = function () { + }; + VRDisplay.prototype.endPresent_ = function () { + }; + VRDisplay.prototype.submitFrame = function (pose) { + }; + VRDisplay.prototype.getEyeParameters = function (whichEye) { + return null; + }; + var config = { + ADDITIONAL_VIEWERS: [], + DEFAULT_VIEWER: '', + MOBILE_WAKE_LOCK: true, + DEBUG: false, + DPDB_URL: 'https://dpdb.webvr.rocks/dpdb.json', + K_FILTER: 0.98, + PREDICTION_TIME_S: 0.040, + CARDBOARD_UI_DISABLED: false, + ROTATE_INSTRUCTIONS_DISABLED: false, + YAW_ONLY: false, + BUFFER_SCALE: 0.5, + DIRTY_SUBMIT_FRAME_BINDINGS: false + }; + var Eye = { + LEFT: 'left', + RIGHT: 'right' + }; + function CardboardVRDisplay(config$$1) { + var defaults = extend({}, config); + config$$1 = extend(defaults, config$$1 || {}); + VRDisplay.call(this, { + wakelock: config$$1.MOBILE_WAKE_LOCK + }); + this.config = config$$1; + this.displayName = 'Cardboard VRDisplay'; + this.capabilities = new VRDisplayCapabilities({ + hasPosition: false, + hasOrientation: true, + hasExternalDisplay: false, + canPresent: true, + maxLayers: 1 + }); + this.stageParameters = null; + this.bufferScale_ = this.config.BUFFER_SCALE; + this.poseSensor_ = new PoseSensor(this.config); + this.distorter_ = null; + this.cardboardUI_ = null; + this.dpdb_ = new Dpdb(this.config.DPDB_URL, this.onDeviceParamsUpdated_.bind(this)); + this.deviceInfo_ = new DeviceInfo(this.dpdb_.getDeviceParams(), config$$1.ADDITIONAL_VIEWERS); + this.viewerSelector_ = new ViewerSelector(config$$1.DEFAULT_VIEWER); + this.viewerSelector_.onChange(this.onViewerChanged_.bind(this)); + this.deviceInfo_.setViewer(this.viewerSelector_.getCurrentViewer()); + if (!this.config.ROTATE_INSTRUCTIONS_DISABLED) { + this.rotateInstructions_ = new RotateInstructions(); + } + if (isIOS()) { + window.addEventListener('resize', this.onResize_.bind(this)); + } + } + CardboardVRDisplay.prototype = Object.create(VRDisplay.prototype); + CardboardVRDisplay.prototype._getPose = function () { + return { + position: null, + orientation: this.poseSensor_.getOrientation(), + linearVelocity: null, + linearAcceleration: null, + angularVelocity: null, + angularAcceleration: null + }; + }; + CardboardVRDisplay.prototype._resetPose = function () { + if (this.poseSensor_.resetPose) { + this.poseSensor_.resetPose(); + } + }; + CardboardVRDisplay.prototype._getFieldOfView = function (whichEye) { + var fieldOfView; + if (whichEye == Eye.LEFT) { + fieldOfView = this.deviceInfo_.getFieldOfViewLeftEye(); + } else if (whichEye == Eye.RIGHT) { + fieldOfView = this.deviceInfo_.getFieldOfViewRightEye(); + } else { + console.error('Invalid eye provided: %s', whichEye); + return null; + } + return fieldOfView; + }; + CardboardVRDisplay.prototype._getEyeOffset = function (whichEye) { + var offset; + if (whichEye == Eye.LEFT) { + offset = [-this.deviceInfo_.viewer.interLensDistance * 0.5, 0.0, 0.0]; + } else if (whichEye == Eye.RIGHT) { + offset = [this.deviceInfo_.viewer.interLensDistance * 0.5, 0.0, 0.0]; + } else { + console.error('Invalid eye provided: %s', whichEye); + return null; + } + return offset; + }; + CardboardVRDisplay.prototype.getEyeParameters = function (whichEye) { + var offset = this._getEyeOffset(whichEye); + var fieldOfView = this._getFieldOfView(whichEye); + var eyeParams = { + offset: offset, + renderWidth: this.deviceInfo_.device.width * 0.5 * this.bufferScale_, + renderHeight: this.deviceInfo_.device.height * this.bufferScale_ + }; + Object.defineProperty(eyeParams, 'fieldOfView', { + enumerable: true, + get: function get() { + deprecateWarning('VRFieldOfView', 'VRFrameData\'s projection matrices'); + return fieldOfView; + } + }); + return eyeParams; + }; + CardboardVRDisplay.prototype.onDeviceParamsUpdated_ = function (newParams) { + if (this.config.DEBUG) { + console.log('DPDB reported that device params were updated.'); + } + this.deviceInfo_.updateDeviceParams(newParams); + if (this.distorter_) { + this.distorter_.updateDeviceInfo(this.deviceInfo_); + } + }; + CardboardVRDisplay.prototype.updateBounds_ = function () { + if (this.layer_ && this.distorter_ && (this.layer_.leftBounds || this.layer_.rightBounds)) { + this.distorter_.setTextureBounds(this.layer_.leftBounds, this.layer_.rightBounds); + } + }; + CardboardVRDisplay.prototype.beginPresent_ = function () { + var gl = this.layer_.source.getContext('webgl'); + if (!gl) gl = this.layer_.source.getContext('experimental-webgl'); + if (!gl) gl = this.layer_.source.getContext('webgl2'); + if (!gl) return; + if (this.layer_.predistorted) { + if (!this.config.CARDBOARD_UI_DISABLED) { + gl.canvas.width = getScreenWidth() * this.bufferScale_; + gl.canvas.height = getScreenHeight() * this.bufferScale_; + this.cardboardUI_ = new CardboardUI(gl); + } + } else { + if (!this.config.CARDBOARD_UI_DISABLED) { + this.cardboardUI_ = new CardboardUI(gl); + } + this.distorter_ = new CardboardDistorter(gl, this.cardboardUI_, this.config.BUFFER_SCALE, this.config.DIRTY_SUBMIT_FRAME_BINDINGS); + this.distorter_.updateDeviceInfo(this.deviceInfo_); + } + if (this.cardboardUI_) { + this.cardboardUI_.listen(function (e) { + this.viewerSelector_.show(this.layer_.source.parentElement); + e.stopPropagation(); + e.preventDefault(); + }.bind(this), function (e) { + this.exitPresent(); + e.stopPropagation(); + e.preventDefault(); + }.bind(this)); + } + if (this.rotateInstructions_) { + if (isLandscapeMode() && isMobile()) { + this.rotateInstructions_.showTemporarily(3000, this.layer_.source.parentElement); + } else { + this.rotateInstructions_.update(); + } + } + this.orientationHandler = this.onOrientationChange_.bind(this); + window.addEventListener('orientationchange', this.orientationHandler); + this.vrdisplaypresentchangeHandler = this.updateBounds_.bind(this); + window.addEventListener('vrdisplaypresentchange', this.vrdisplaypresentchangeHandler); + this.fireVRDisplayDeviceParamsChange_(); + }; + CardboardVRDisplay.prototype.endPresent_ = function () { + if (this.distorter_) { + this.distorter_.destroy(); + this.distorter_ = null; + } + if (this.cardboardUI_) { + this.cardboardUI_.destroy(); + this.cardboardUI_ = null; + } + if (this.rotateInstructions_) { + this.rotateInstructions_.hide(); + } + this.viewerSelector_.hide(); + window.removeEventListener('orientationchange', this.orientationHandler); + window.removeEventListener('vrdisplaypresentchange', this.vrdisplaypresentchangeHandler); + }; + CardboardVRDisplay.prototype.updatePresent_ = function () { + this.endPresent_(); + this.beginPresent_(); + }; + CardboardVRDisplay.prototype.submitFrame = function (pose) { + if (this.distorter_) { + this.updateBounds_(); + this.distorter_.submitFrame(); + } else if (this.cardboardUI_ && this.layer_) { + var gl = this.layer_.source.getContext('webgl'); + if (!gl) gl = this.layer_.source.getContext('experimental-webgl'); + if (!gl) gl = this.layer_.source.getContext('webgl2'); + var canvas = gl.canvas; + if (canvas.width != this.lastWidth || canvas.height != this.lastHeight) { + this.cardboardUI_.onResize(); + } + this.lastWidth = canvas.width; + this.lastHeight = canvas.height; + this.cardboardUI_.render(); + } + }; + CardboardVRDisplay.prototype.onOrientationChange_ = function (e) { + this.viewerSelector_.hide(); + if (this.rotateInstructions_) { + this.rotateInstructions_.update(); + } + this.onResize_(); + }; + CardboardVRDisplay.prototype.onResize_ = function (e) { + if (this.layer_) { + var gl = this.layer_.source.getContext('webgl'); + if (!gl) gl = this.layer_.source.getContext('experimental-webgl'); + if (!gl) gl = this.layer_.source.getContext('webgl2'); + var cssProperties = ['position: absolute', 'top: 0', 'left: 0', + 'width: 100vw', 'height: 100vh', 'border: 0', 'margin: 0', + 'padding: 0px', 'box-sizing: content-box']; + gl.canvas.setAttribute('style', cssProperties.join('; ') + ';'); + safariCssSizeWorkaround(gl.canvas); + } + }; + CardboardVRDisplay.prototype.onViewerChanged_ = function (viewer) { + this.deviceInfo_.setViewer(viewer); + if (this.distorter_) { + this.distorter_.updateDeviceInfo(this.deviceInfo_); + } + this.fireVRDisplayDeviceParamsChange_(); + }; + CardboardVRDisplay.prototype.fireVRDisplayDeviceParamsChange_ = function () { + var event = new CustomEvent('vrdisplaydeviceparamschange', { + detail: { + vrdisplay: this, + deviceInfo: this.deviceInfo_ + } + }); + window.dispatchEvent(event); + }; + CardboardVRDisplay.VRFrameData = VRFrameData; + CardboardVRDisplay.VRDisplay = VRDisplay; + return CardboardVRDisplay; + }))); + }); + var CardboardVRDisplay = unwrapExports(cardboardVrDisplay); + + var version = "0.10.12"; + + var DefaultConfig = { + ADDITIONAL_VIEWERS: [], + DEFAULT_VIEWER: '', + PROVIDE_MOBILE_VRDISPLAY: true, + MOBILE_WAKE_LOCK: true, + DEBUG: false, + DPDB_URL: 'https://dpdb.webvr.rocks/dpdb.json', + K_FILTER: 0.98, + PREDICTION_TIME_S: 0.040, + CARDBOARD_UI_DISABLED: false, + ROTATE_INSTRUCTIONS_DISABLED: false, + YAW_ONLY: false, + BUFFER_SCALE: 0.5, + DIRTY_SUBMIT_FRAME_BINDINGS: false + }; + + function WebVRPolyfill(config) { + this.config = extend(extend({}, DefaultConfig), config); + this.polyfillDisplays = []; + this.enabled = false; + this.hasNative = 'getVRDisplays' in navigator; + this.native = {}; + this.native.getVRDisplays = navigator.getVRDisplays; + this.native.VRFrameData = window.VRFrameData; + this.native.VRDisplay = window.VRDisplay; + if (!this.hasNative || this.config.PROVIDE_MOBILE_VRDISPLAY && isMobile()) { + this.enable(); + this.getVRDisplays().then(function (displays) { + if (displays && displays[0] && displays[0].fireVRDisplayConnect_) { + displays[0].fireVRDisplayConnect_(); + } + }); + } + } + WebVRPolyfill.prototype.getPolyfillDisplays = function () { + if (this._polyfillDisplaysPopulated) { + return this.polyfillDisplays; + } + if (isMobile()) { + var vrDisplay = new CardboardVRDisplay({ + ADDITIONAL_VIEWERS: this.config.ADDITIONAL_VIEWERS, + DEFAULT_VIEWER: this.config.DEFAULT_VIEWER, + MOBILE_WAKE_LOCK: this.config.MOBILE_WAKE_LOCK, + DEBUG: this.config.DEBUG, + DPDB_URL: this.config.DPDB_URL, + CARDBOARD_UI_DISABLED: this.config.CARDBOARD_UI_DISABLED, + K_FILTER: this.config.K_FILTER, + PREDICTION_TIME_S: this.config.PREDICTION_TIME_S, + ROTATE_INSTRUCTIONS_DISABLED: this.config.ROTATE_INSTRUCTIONS_DISABLED, + YAW_ONLY: this.config.YAW_ONLY, + BUFFER_SCALE: this.config.BUFFER_SCALE, + DIRTY_SUBMIT_FRAME_BINDINGS: this.config.DIRTY_SUBMIT_FRAME_BINDINGS + }); + this.polyfillDisplays.push(vrDisplay); + } + this._polyfillDisplaysPopulated = true; + return this.polyfillDisplays; + }; + WebVRPolyfill.prototype.enable = function () { + this.enabled = true; + if (this.hasNative && this.native.VRFrameData) { + var NativeVRFrameData = this.native.VRFrameData; + var nativeFrameData = new this.native.VRFrameData(); + var nativeGetFrameData = this.native.VRDisplay.prototype.getFrameData; + window.VRDisplay.prototype.getFrameData = function (frameData) { + if (frameData instanceof NativeVRFrameData) { + nativeGetFrameData.call(this, frameData); + return; + } + nativeGetFrameData.call(this, nativeFrameData); + frameData.pose = nativeFrameData.pose; + copyArray(nativeFrameData.leftProjectionMatrix, frameData.leftProjectionMatrix); + copyArray(nativeFrameData.rightProjectionMatrix, frameData.rightProjectionMatrix); + copyArray(nativeFrameData.leftViewMatrix, frameData.leftViewMatrix); + copyArray(nativeFrameData.rightViewMatrix, frameData.rightViewMatrix); + }; + } + navigator.getVRDisplays = this.getVRDisplays.bind(this); + window.VRDisplay = CardboardVRDisplay.VRDisplay; + window.VRFrameData = CardboardVRDisplay.VRFrameData; + }; + WebVRPolyfill.prototype.getVRDisplays = function () { + var _this = this; + var config = this.config; + if (!this.hasNative) { + return Promise.resolve(this.getPolyfillDisplays()); + } + return this.native.getVRDisplays.call(navigator).then(function (nativeDisplays) { + return nativeDisplays.length > 0 ? nativeDisplays : _this.getPolyfillDisplays(); + }); + }; + WebVRPolyfill.version = version; + WebVRPolyfill.VRFrameData = CardboardVRDisplay.VRFrameData; + WebVRPolyfill.VRDisplay = CardboardVRDisplay.VRDisplay; + + + var webvrPolyfill = Object.freeze({ + default: WebVRPolyfill + }); + + var require$$0 = ( webvrPolyfill && WebVRPolyfill ) || webvrPolyfill; + + if (typeof commonjsGlobal$1 !== 'undefined' && commonjsGlobal$1.window) { + if (!commonjsGlobal$1.document) { + commonjsGlobal$1.document = commonjsGlobal$1.window.document; + } + if (!commonjsGlobal$1.navigator) { + commonjsGlobal$1.navigator = commonjsGlobal$1.window.navigator; + } + } + var src = require$$0; - Object.defineProperties(Vector2.prototype, { - width: { - get: function () { - return this.x; - }, + return src; - set: function (value) { - this.x = value; - }, - }, + }))); + }); - height: { - get: function () { - return this.y; - }, + var WebVRPolyfill = unwrapExports(webvrPolyfill); - set: function (value) { - this.y = value; - }, - }, - }); + // Polyfills - Object.assign(Vector2.prototype, { - isVector2: true, + if ( Number.EPSILON === undefined ) { - set: function (x, y) { - this.x = x; - this.y = y; - - return this; - }, - - setScalar: function (scalar) { - this.x = scalar; - this.y = scalar; - - return this; - }, - - setX: function (x) { - this.x = x; - - return this; - }, - - setY: function (y) { - this.y = y; - - return this; - }, - - setComponent: function (index, value) { - switch (index) { - case 0: - this.x = value; - break; - case 1: - this.y = value; - break; - default: - throw new Error("index is out of range: " + index); - } - - return this; - }, - - getComponent: function (index) { - switch (index) { - case 0: - return this.x; - case 1: - return this.y; - default: - throw new Error("index is out of range: " + index); - } - }, - - clone: function () { - return new this.constructor(this.x, this.y); - }, - - copy: function (v) { - this.x = v.x; - this.y = v.y; - - return this; - }, - - add: function (v, w) { - if (w !== undefined) { - console.warn( - "THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead." - ); - return this.addVectors(v, w); - } - - this.x += v.x; - this.y += v.y; - - return this; - }, - - addScalar: function (s) { - this.x += s; - this.y += s; + Number.EPSILON = Math.pow( 2, - 52 ); - return this; - }, + } - addVectors: function (a, b) { - this.x = a.x + b.x; - this.y = a.y + b.y; + if ( Number.isInteger === undefined ) { - return this; - }, + // Missing in IE + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger - addScaledVector: function (v, s) { - this.x += v.x * s; - this.y += v.y * s; + Number.isInteger = function ( value ) { - return this; - }, + return typeof value === 'number' && isFinite( value ) && Math.floor( value ) === value; - sub: function (v, w) { - if (w !== undefined) { - console.warn( - "THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead." - ); - return this.subVectors(v, w); - } + }; - this.x -= v.x; - this.y -= v.y; + } - return this; - }, + // - subScalar: function (s) { - this.x -= s; - this.y -= s; + if ( Math.sign === undefined ) { - return this; - }, + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sign - subVectors: function (a, b) { - this.x = a.x - b.x; - this.y = a.y - b.y; + Math.sign = function ( x ) { - return this; - }, + return ( x < 0 ) ? - 1 : ( x > 0 ) ? 1 : + x; - multiply: function (v) { - this.x *= v.x; - this.y *= v.y; + }; - return this; - }, + } - multiplyScalar: function (scalar) { - this.x *= scalar; - this.y *= scalar; + if ( 'name' in Function.prototype === false ) { - return this; - }, + // Missing in IE + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name - divide: function (v) { - this.x /= v.x; - this.y /= v.y; + Object.defineProperty( Function.prototype, 'name', { - return this; - }, + get: function () { - divideScalar: function (scalar) { - return this.multiplyScalar(1 / scalar); - }, + return this.toString().match( /^\s*function\s*([^\(\s]*)/ )[ 1 ]; - applyMatrix3: function (m) { - var x = this.x, - y = this.y; - var e = m.elements; + } - this.x = e[0] * x + e[3] * y + e[6]; - this.y = e[1] * x + e[4] * y + e[7]; + } ); - return this; - }, + } - min: function (v) { - this.x = Math.min(this.x, v.x); - this.y = Math.min(this.y, v.y); + if ( Object.assign === undefined ) { - return this; - }, + // Missing in IE + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign - max: function (v) { - this.x = Math.max(this.x, v.x); - this.y = Math.max(this.y, v.y); + ( function () { - return this; - }, + Object.assign = function ( target ) { - clamp: function (min, max) { - // assumes min < max, componentwise + if ( target === undefined || target === null ) { - this.x = Math.max(min.x, Math.min(max.x, this.x)); - this.y = Math.max(min.y, Math.min(max.y, this.y)); + throw new TypeError( 'Cannot convert undefined or null to object' ); - return this; - }, + } - clampScalar: (function () { - var min = new Vector2(); - var max = new Vector2(); + var output = Object( target ); - return function clampScalar(minVal, maxVal) { - min.set(minVal, minVal); - max.set(maxVal, maxVal); + for ( var index = 1; index < arguments.length; index ++ ) { - return this.clamp(min, max); - }; - })(), + var source = arguments[ index ]; - clampLength: function (min, max) { - var length = this.length(); + if ( source !== undefined && source !== null ) { - return this.divideScalar(length || 1).multiplyScalar( - Math.max(min, Math.min(max, length)) - ); - }, + for ( var nextKey in source ) { - floor: function () { - this.x = Math.floor(this.x); - this.y = Math.floor(this.y); + if ( Object.prototype.hasOwnProperty.call( source, nextKey ) ) { - return this; - }, + output[ nextKey ] = source[ nextKey ]; - ceil: function () { - this.x = Math.ceil(this.x); - this.y = Math.ceil(this.y); + } - return this; - }, + } - round: function () { - this.x = Math.round(this.x); - this.y = Math.round(this.y); + } - return this; - }, + } - roundToZero: function () { - this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); - this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); + return output; - return this; - }, + }; - negate: function () { - this.x = -this.x; - this.y = -this.y; + } )(); - return this; - }, + } - dot: function (v) { - return this.x * v.x + this.y * v.y; - }, + /** + * https://github.com/mrdoob/eventdispatcher.js/ + */ - lengthSq: function () { - return this.x * this.x + this.y * this.y; - }, + function EventDispatcher() {} - length: function () { - return Math.sqrt(this.x * this.x + this.y * this.y); - }, + Object.assign( EventDispatcher.prototype, { - manhattanLength: function () { - return Math.abs(this.x) + Math.abs(this.y); - }, + addEventListener: function ( type, listener ) { - normalize: function () { - return this.divideScalar(this.length() || 1); - }, + if ( this._listeners === undefined ) this._listeners = {}; - angle: function () { - // computes the angle in radians with respect to the positive x-axis + var listeners = this._listeners; - var angle = Math.atan2(this.y, this.x); + if ( listeners[ type ] === undefined ) { - if (angle < 0) angle += 2 * Math.PI; + listeners[ type ] = []; - return angle; - }, + } - distanceTo: function (v) { - return Math.sqrt(this.distanceToSquared(v)); - }, + if ( listeners[ type ].indexOf( listener ) === - 1 ) { - distanceToSquared: function (v) { - var dx = this.x - v.x, - dy = this.y - v.y; - return dx * dx + dy * dy; - }, + listeners[ type ].push( listener ); - manhattanDistanceTo: function (v) { - return Math.abs(this.x - v.x) + Math.abs(this.y - v.y); - }, + } - setLength: function (length) { - return this.normalize().multiplyScalar(length); - }, - - lerp: function (v, alpha) { - this.x += (v.x - this.x) * alpha; - this.y += (v.y - this.y) * alpha; - - return this; - }, - - lerpVectors: function (v1, v2, alpha) { - return this.subVectors(v2, v1).multiplyScalar(alpha).add(v1); - }, - - equals: function (v) { - return v.x === this.x && v.y === this.y; - }, - - fromArray: function (array, offset) { - if (offset === undefined) offset = 0; - - this.x = array[offset]; - this.y = array[offset + 1]; - - return this; - }, - - toArray: function (array, offset) { - if (array === undefined) array = []; - if (offset === undefined) offset = 0; - - array[offset] = this.x; - array[offset + 1] = this.y; - - return array; - }, - - fromBufferAttribute: function (attribute, index, offset) { - if (offset !== undefined) { - console.warn( - "THREE.Vector2: offset has been removed from .fromBufferAttribute()." - ); - } - - this.x = attribute.getX(index); - this.y = attribute.getY(index); - - return this; - }, - - rotateAround: function (center, angle) { - var c = Math.cos(angle), - s = Math.sin(angle); - - var x = this.x - center.x; - var y = this.y - center.y; - - this.x = x * c - y * s + center.x; - this.y = x * s + y * c + center.y; - - return this; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author supereggbert / http://www.paulbrunt.co.uk/ - * @author philogb / http://blog.thejit.org/ - * @author jordi_ros / http://plattsoft.com - * @author D1plo1d / http://github.com/D1plo1d - * @author alteredq / http://alteredqualia.com/ - * @author mikael emtinger / http://gomo.se/ - * @author timknip / http://www.floorplanner.com/ - * @author bhouston / http://clara.io - * @author WestLangley / http://github.com/WestLangley - */ - - function Matrix4() { - this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]; - - if (arguments.length > 0) { - console.error( - "THREE.Matrix4: the constructor no longer reads arguments. use .set() instead." - ); - } - } - - Object.assign(Matrix4.prototype, { - isMatrix4: true, - - set: function ( - n11, - n12, - n13, - n14, - n21, - n22, - n23, - n24, - n31, - n32, - n33, - n34, - n41, - n42, - n43, - n44 - ) { - var te = this.elements; - - te[0] = n11; - te[4] = n12; - te[8] = n13; - te[12] = n14; - te[1] = n21; - te[5] = n22; - te[9] = n23; - te[13] = n24; - te[2] = n31; - te[6] = n32; - te[10] = n33; - te[14] = n34; - te[3] = n41; - te[7] = n42; - te[11] = n43; - te[15] = n44; - - return this; - }, - - identity: function () { - this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - - return this; - }, - - clone: function () { - return new Matrix4().fromArray(this.elements); - }, - - copy: function (m) { - var te = this.elements; - var me = m.elements; - - te[0] = me[0]; - te[1] = me[1]; - te[2] = me[2]; - te[3] = me[3]; - te[4] = me[4]; - te[5] = me[5]; - te[6] = me[6]; - te[7] = me[7]; - te[8] = me[8]; - te[9] = me[9]; - te[10] = me[10]; - te[11] = me[11]; - te[12] = me[12]; - te[13] = me[13]; - te[14] = me[14]; - te[15] = me[15]; - - return this; - }, - - copyPosition: function (m) { - var te = this.elements, - me = m.elements; - - te[12] = me[12]; - te[13] = me[13]; - te[14] = me[14]; - - return this; - }, - - extractBasis: function (xAxis, yAxis, zAxis) { - xAxis.setFromMatrixColumn(this, 0); - yAxis.setFromMatrixColumn(this, 1); - zAxis.setFromMatrixColumn(this, 2); - - return this; - }, - - makeBasis: function (xAxis, yAxis, zAxis) { - this.set( - xAxis.x, - yAxis.x, - zAxis.x, - 0, - xAxis.y, - yAxis.y, - zAxis.y, - 0, - xAxis.z, - yAxis.z, - zAxis.z, - 0, - 0, - 0, - 0, - 1 - ); - - return this; - }, - - extractRotation: (function () { - var v1 = new Vector3(); - - return function extractRotation(m) { - var te = this.elements; - var me = m.elements; - - var scaleX = 1 / v1.setFromMatrixColumn(m, 0).length(); - var scaleY = 1 / v1.setFromMatrixColumn(m, 1).length(); - var scaleZ = 1 / v1.setFromMatrixColumn(m, 2).length(); - - te[0] = me[0] * scaleX; - te[1] = me[1] * scaleX; - te[2] = me[2] * scaleX; - - te[4] = me[4] * scaleY; - te[5] = me[5] * scaleY; - te[6] = me[6] * scaleY; - - te[8] = me[8] * scaleZ; - te[9] = me[9] * scaleZ; - te[10] = me[10] * scaleZ; - - return this; - }; - })(), - - makeRotationFromEuler: function (euler) { - if (!(euler && euler.isEuler)) { - console.error( - "THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order." - ); - } - - var te = this.elements; - - var x = euler.x, - y = euler.y, - z = euler.z; - var a = Math.cos(x), - b = Math.sin(x); - var c = Math.cos(y), - d = Math.sin(y); - var e = Math.cos(z), - f = Math.sin(z); - - if (euler.order === "XYZ") { - var ae = a * e, - af = a * f, - be = b * e, - bf = b * f; - - te[0] = c * e; - te[4] = -c * f; - te[8] = d; - - te[1] = af + be * d; - te[5] = ae - bf * d; - te[9] = -b * c; - - te[2] = bf - ae * d; - te[6] = be + af * d; - te[10] = a * c; - } else if (euler.order === "YXZ") { - var ce = c * e, - cf = c * f, - de = d * e, - df = d * f; - - te[0] = ce + df * b; - te[4] = de * b - cf; - te[8] = a * d; - - te[1] = a * f; - te[5] = a * e; - te[9] = -b; - - te[2] = cf * b - de; - te[6] = df + ce * b; - te[10] = a * c; - } else if (euler.order === "ZXY") { - var ce = c * e, - cf = c * f, - de = d * e, - df = d * f; - - te[0] = ce - df * b; - te[4] = -a * f; - te[8] = de + cf * b; - - te[1] = cf + de * b; - te[5] = a * e; - te[9] = df - ce * b; - - te[2] = -a * d; - te[6] = b; - te[10] = a * c; - } else if (euler.order === "ZYX") { - var ae = a * e, - af = a * f, - be = b * e, - bf = b * f; - - te[0] = c * e; - te[4] = be * d - af; - te[8] = ae * d + bf; - - te[1] = c * f; - te[5] = bf * d + ae; - te[9] = af * d - be; - - te[2] = -d; - te[6] = b * c; - te[10] = a * c; - } else if (euler.order === "YZX") { - var ac = a * c, - ad = a * d, - bc = b * c, - bd = b * d; - - te[0] = c * e; - te[4] = bd - ac * f; - te[8] = bc * f + ad; - - te[1] = f; - te[5] = a * e; - te[9] = -b * e; - - te[2] = -d * e; - te[6] = ad * f + bc; - te[10] = ac - bd * f; - } else if (euler.order === "XZY") { - var ac = a * c, - ad = a * d, - bc = b * c, - bd = b * d; - - te[0] = c * e; - te[4] = -f; - te[8] = d * e; - - te[1] = ac * f + bd; - te[5] = a * e; - te[9] = ad * f - bc; - - te[2] = bc * f - ad; - te[6] = b * e; - te[10] = bd * f + ac; - } - - // last column - te[3] = 0; - te[7] = 0; - te[11] = 0; - - // bottom row - te[12] = 0; - te[13] = 0; - te[14] = 0; - te[15] = 1; - - return this; - }, - - makeRotationFromQuaternion: function (q) { - var te = this.elements; - - var x = q._x, - y = q._y, - z = q._z, - w = q._w; - var x2 = x + x, - y2 = y + y, - z2 = z + z; - var xx = x * x2, - xy = x * y2, - xz = x * z2; - var yy = y * y2, - yz = y * z2, - zz = z * z2; - var wx = w * x2, - wy = w * y2, - wz = w * z2; - - te[0] = 1 - (yy + zz); - te[4] = xy - wz; - te[8] = xz + wy; - - te[1] = xy + wz; - te[5] = 1 - (xx + zz); - te[9] = yz - wx; - - te[2] = xz - wy; - te[6] = yz + wx; - te[10] = 1 - (xx + yy); - - // last column - te[3] = 0; - te[7] = 0; - te[11] = 0; - - // bottom row - te[12] = 0; - te[13] = 0; - te[14] = 0; - te[15] = 1; - - return this; - }, - - lookAt: (function () { - var x = new Vector3(); - var y = new Vector3(); - var z = new Vector3(); - - return function lookAt(eye, target, up) { - var te = this.elements; - - z.subVectors(eye, target); - - if (z.lengthSq() === 0) { - // eye and target are in the same position - - z.z = 1; - } - - z.normalize(); - x.crossVectors(up, z); - - if (x.lengthSq() === 0) { - // up and z are parallel - - if (Math.abs(up.z) === 1) { - z.x += 0.0001; - } else { - z.z += 0.0001; - } - - z.normalize(); - x.crossVectors(up, z); - } - - x.normalize(); - y.crossVectors(z, x); - - te[0] = x.x; - te[4] = y.x; - te[8] = z.x; - te[1] = x.y; - te[5] = y.y; - te[9] = z.y; - te[2] = x.z; - te[6] = y.z; - te[10] = z.z; - - return this; - }; - })(), - - multiply: function (m, n) { - if (n !== undefined) { - console.warn( - "THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead." - ); - return this.multiplyMatrices(m, n); - } - - return this.multiplyMatrices(this, m); - }, - - premultiply: function (m) { - return this.multiplyMatrices(m, this); - }, - - multiplyMatrices: function (a, b) { - var ae = a.elements; - var be = b.elements; - var te = this.elements; - - var a11 = ae[0], - a12 = ae[4], - a13 = ae[8], - a14 = ae[12]; - var a21 = ae[1], - a22 = ae[5], - a23 = ae[9], - a24 = ae[13]; - var a31 = ae[2], - a32 = ae[6], - a33 = ae[10], - a34 = ae[14]; - var a41 = ae[3], - a42 = ae[7], - a43 = ae[11], - a44 = ae[15]; - - var b11 = be[0], - b12 = be[4], - b13 = be[8], - b14 = be[12]; - var b21 = be[1], - b22 = be[5], - b23 = be[9], - b24 = be[13]; - var b31 = be[2], - b32 = be[6], - b33 = be[10], - b34 = be[14]; - var b41 = be[3], - b42 = be[7], - b43 = be[11], - b44 = be[15]; - - te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41; - te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42; - te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43; - te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44; - - te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41; - te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42; - te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43; - te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44; - - te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41; - te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42; - te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43; - te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44; - - te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41; - te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42; - te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43; - te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44; - - return this; - }, - - multiplyScalar: function (s) { - var te = this.elements; - - te[0] *= s; - te[4] *= s; - te[8] *= s; - te[12] *= s; - te[1] *= s; - te[5] *= s; - te[9] *= s; - te[13] *= s; - te[2] *= s; - te[6] *= s; - te[10] *= s; - te[14] *= s; - te[3] *= s; - te[7] *= s; - te[11] *= s; - te[15] *= s; - - return this; - }, - - applyToBufferAttribute: (function () { - var v1 = new Vector3(); - - return function applyToBufferAttribute(attribute) { - for (var i = 0, l = attribute.count; i < l; i++) { - v1.x = attribute.getX(i); - v1.y = attribute.getY(i); - v1.z = attribute.getZ(i); - - v1.applyMatrix4(this); - - attribute.setXYZ(i, v1.x, v1.y, v1.z); - } - - return attribute; - }; - })(), - - determinant: function () { - var te = this.elements; - - var n11 = te[0], - n12 = te[4], - n13 = te[8], - n14 = te[12]; - var n21 = te[1], - n22 = te[5], - n23 = te[9], - n24 = te[13]; - var n31 = te[2], - n32 = te[6], - n33 = te[10], - n34 = te[14]; - var n41 = te[3], - n42 = te[7], - n43 = te[11], - n44 = te[15]; - - //TODO: make this more efficient - //( based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm ) - - return ( - n41 * - (+n14 * n23 * n32 - - n13 * n24 * n32 - - n14 * n22 * n33 + - n12 * n24 * n33 + - n13 * n22 * n34 - - n12 * n23 * n34) + - n42 * - (+n11 * n23 * n34 - - n11 * n24 * n33 + - n14 * n21 * n33 - - n13 * n21 * n34 + - n13 * n24 * n31 - - n14 * n23 * n31) + - n43 * - (+n11 * n24 * n32 - - n11 * n22 * n34 - - n14 * n21 * n32 + - n12 * n21 * n34 + - n14 * n22 * n31 - - n12 * n24 * n31) + - n44 * - (-n13 * n22 * n31 - - n11 * n23 * n32 + - n11 * n22 * n33 + - n13 * n21 * n32 - - n12 * n21 * n33 + - n12 * n23 * n31) - ); - }, - - transpose: function () { - var te = this.elements; - var tmp; - - tmp = te[1]; - te[1] = te[4]; - te[4] = tmp; - tmp = te[2]; - te[2] = te[8]; - te[8] = tmp; - tmp = te[6]; - te[6] = te[9]; - te[9] = tmp; - - tmp = te[3]; - te[3] = te[12]; - te[12] = tmp; - tmp = te[7]; - te[7] = te[13]; - te[13] = tmp; - tmp = te[11]; - te[11] = te[14]; - te[14] = tmp; - - return this; - }, - - setPosition: function (v) { - var te = this.elements; - - te[12] = v.x; - te[13] = v.y; - te[14] = v.z; - - return this; - }, - - getInverse: function (m, throwOnDegenerate) { - // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm - var te = this.elements, - me = m.elements, - n11 = me[0], - n21 = me[1], - n31 = me[2], - n41 = me[3], - n12 = me[4], - n22 = me[5], - n32 = me[6], - n42 = me[7], - n13 = me[8], - n23 = me[9], - n33 = me[10], - n43 = me[11], - n14 = me[12], - n24 = me[13], - n34 = me[14], - n44 = me[15], - t11 = - n23 * n34 * n42 - - n24 * n33 * n42 + - n24 * n32 * n43 - - n22 * n34 * n43 - - n23 * n32 * n44 + - n22 * n33 * n44, - t12 = - n14 * n33 * n42 - - n13 * n34 * n42 - - n14 * n32 * n43 + - n12 * n34 * n43 + - n13 * n32 * n44 - - n12 * n33 * n44, - t13 = - n13 * n24 * n42 - - n14 * n23 * n42 + - n14 * n22 * n43 - - n12 * n24 * n43 - - n13 * n22 * n44 + - n12 * n23 * n44, - t14 = - n14 * n23 * n32 - - n13 * n24 * n32 - - n14 * n22 * n33 + - n12 * n24 * n33 + - n13 * n22 * n34 - - n12 * n23 * n34; - - var det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14; - - if (det === 0) { - var msg = - "THREE.Matrix4: .getInverse() can't invert matrix, determinant is 0"; - - if (throwOnDegenerate === true) { - throw new Error(msg); - } else { - console.warn(msg); - } - - return this.identity(); - } - - var detInv = 1 / det; - - te[0] = t11 * detInv; - te[1] = - (n24 * n33 * n41 - - n23 * n34 * n41 - - n24 * n31 * n43 + - n21 * n34 * n43 + - n23 * n31 * n44 - - n21 * n33 * n44) * - detInv; - te[2] = - (n22 * n34 * n41 - - n24 * n32 * n41 + - n24 * n31 * n42 - - n21 * n34 * n42 - - n22 * n31 * n44 + - n21 * n32 * n44) * - detInv; - te[3] = - (n23 * n32 * n41 - - n22 * n33 * n41 - - n23 * n31 * n42 + - n21 * n33 * n42 + - n22 * n31 * n43 - - n21 * n32 * n43) * - detInv; - - te[4] = t12 * detInv; - te[5] = - (n13 * n34 * n41 - - n14 * n33 * n41 + - n14 * n31 * n43 - - n11 * n34 * n43 - - n13 * n31 * n44 + - n11 * n33 * n44) * - detInv; - te[6] = - (n14 * n32 * n41 - - n12 * n34 * n41 - - n14 * n31 * n42 + - n11 * n34 * n42 + - n12 * n31 * n44 - - n11 * n32 * n44) * - detInv; - te[7] = - (n12 * n33 * n41 - - n13 * n32 * n41 + - n13 * n31 * n42 - - n11 * n33 * n42 - - n12 * n31 * n43 + - n11 * n32 * n43) * - detInv; - - te[8] = t13 * detInv; - te[9] = - (n14 * n23 * n41 - - n13 * n24 * n41 - - n14 * n21 * n43 + - n11 * n24 * n43 + - n13 * n21 * n44 - - n11 * n23 * n44) * - detInv; - te[10] = - (n12 * n24 * n41 - - n14 * n22 * n41 + - n14 * n21 * n42 - - n11 * n24 * n42 - - n12 * n21 * n44 + - n11 * n22 * n44) * - detInv; - te[11] = - (n13 * n22 * n41 - - n12 * n23 * n41 - - n13 * n21 * n42 + - n11 * n23 * n42 + - n12 * n21 * n43 - - n11 * n22 * n43) * - detInv; - - te[12] = t14 * detInv; - te[13] = - (n13 * n24 * n31 - - n14 * n23 * n31 + - n14 * n21 * n33 - - n11 * n24 * n33 - - n13 * n21 * n34 + - n11 * n23 * n34) * - detInv; - te[14] = - (n14 * n22 * n31 - - n12 * n24 * n31 - - n14 * n21 * n32 + - n11 * n24 * n32 + - n12 * n21 * n34 - - n11 * n22 * n34) * - detInv; - te[15] = - (n12 * n23 * n31 - - n13 * n22 * n31 + - n13 * n21 * n32 - - n11 * n23 * n32 - - n12 * n21 * n33 + - n11 * n22 * n33) * - detInv; - - return this; - }, - - scale: function (v) { - var te = this.elements; - var x = v.x, - y = v.y, - z = v.z; - - te[0] *= x; - te[4] *= y; - te[8] *= z; - te[1] *= x; - te[5] *= y; - te[9] *= z; - te[2] *= x; - te[6] *= y; - te[10] *= z; - te[3] *= x; - te[7] *= y; - te[11] *= z; - - return this; - }, - - getMaxScaleOnAxis: function () { - var te = this.elements; - - var scaleXSq = te[0] * te[0] + te[1] * te[1] + te[2] * te[2]; - var scaleYSq = te[4] * te[4] + te[5] * te[5] + te[6] * te[6]; - var scaleZSq = te[8] * te[8] + te[9] * te[9] + te[10] * te[10]; - - return Math.sqrt(Math.max(scaleXSq, scaleYSq, scaleZSq)); - }, - - makeTranslation: function (x, y, z) { - this.set(1, 0, 0, x, 0, 1, 0, y, 0, 0, 1, z, 0, 0, 0, 1); - - return this; - }, - - makeRotationX: function (theta) { - var c = Math.cos(theta), - s = Math.sin(theta); - - this.set(1, 0, 0, 0, 0, c, -s, 0, 0, s, c, 0, 0, 0, 0, 1); - - return this; - }, - - makeRotationY: function (theta) { - var c = Math.cos(theta), - s = Math.sin(theta); - - this.set(c, 0, s, 0, 0, 1, 0, 0, -s, 0, c, 0, 0, 0, 0, 1); - - return this; - }, - - makeRotationZ: function (theta) { - var c = Math.cos(theta), - s = Math.sin(theta); - - this.set(c, -s, 0, 0, s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - - return this; - }, - - makeRotationAxis: function (axis, angle) { - // Based on http://www.gamedev.net/reference/articles/article1199.asp - - var c = Math.cos(angle); - var s = Math.sin(angle); - var t = 1 - c; - var x = axis.x, - y = axis.y, - z = axis.z; - var tx = t * x, - ty = t * y; - - this.set( - tx * x + c, - tx * y - s * z, - tx * z + s * y, - 0, - tx * y + s * z, - ty * y + c, - ty * z - s * x, - 0, - tx * z - s * y, - ty * z + s * x, - t * z * z + c, - 0, - 0, - 0, - 0, - 1 - ); - - return this; - }, - - makeScale: function (x, y, z) { - this.set(x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1); - - return this; - }, - - makeShear: function (x, y, z) { - this.set(1, y, z, 0, x, 1, z, 0, x, y, 1, 0, 0, 0, 0, 1); - - return this; - }, - - compose: function (position, quaternion, scale) { - this.makeRotationFromQuaternion(quaternion); - this.scale(scale); - this.setPosition(position); - - return this; - }, - - decompose: (function () { - var vector = new Vector3(); - var matrix = new Matrix4(); - - return function decompose(position, quaternion, scale) { - var te = this.elements; - - var sx = vector.set(te[0], te[1], te[2]).length(); - var sy = vector.set(te[4], te[5], te[6]).length(); - var sz = vector.set(te[8], te[9], te[10]).length(); - - // if determine is negative, we need to invert one scale - var det = this.determinant(); - if (det < 0) sx = -sx; - - position.x = te[12]; - position.y = te[13]; - position.z = te[14]; - - // scale the rotation part - matrix.copy(this); - - var invSX = 1 / sx; - var invSY = 1 / sy; - var invSZ = 1 / sz; - - matrix.elements[0] *= invSX; - matrix.elements[1] *= invSX; - matrix.elements[2] *= invSX; - - matrix.elements[4] *= invSY; - matrix.elements[5] *= invSY; - matrix.elements[6] *= invSY; - - matrix.elements[8] *= invSZ; - matrix.elements[9] *= invSZ; - matrix.elements[10] *= invSZ; - - quaternion.setFromRotationMatrix(matrix); - - scale.x = sx; - scale.y = sy; - scale.z = sz; - - return this; - }; - })(), - - makePerspective: function (left, right, top, bottom, near, far) { - if (far === undefined) { - console.warn( - "THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs." - ); - } - - var te = this.elements; - var x = (2 * near) / (right - left); - var y = (2 * near) / (top - bottom); - - var a = (right + left) / (right - left); - var b = (top + bottom) / (top - bottom); - var c = -(far + near) / (far - near); - var d = (-2 * far * near) / (far - near); - - te[0] = x; - te[4] = 0; - te[8] = a; - te[12] = 0; - te[1] = 0; - te[5] = y; - te[9] = b; - te[13] = 0; - te[2] = 0; - te[6] = 0; - te[10] = c; - te[14] = d; - te[3] = 0; - te[7] = 0; - te[11] = -1; - te[15] = 0; - - return this; - }, - - makeOrthographic: function (left, right, top, bottom, near, far) { - var te = this.elements; - var w = 1.0 / (right - left); - var h = 1.0 / (top - bottom); - var p = 1.0 / (far - near); - - var x = (right + left) * w; - var y = (top + bottom) * h; - var z = (far + near) * p; - - te[0] = 2 * w; - te[4] = 0; - te[8] = 0; - te[12] = -x; - te[1] = 0; - te[5] = 2 * h; - te[9] = 0; - te[13] = -y; - te[2] = 0; - te[6] = 0; - te[10] = -2 * p; - te[14] = -z; - te[3] = 0; - te[7] = 0; - te[11] = 0; - te[15] = 1; - - return this; - }, - - equals: function (matrix) { - var te = this.elements; - var me = matrix.elements; - - for (var i = 0; i < 16; i++) { - if (te[i] !== me[i]) return false; - } - - return true; - }, - - fromArray: function (array, offset) { - if (offset === undefined) offset = 0; - - for (var i = 0; i < 16; i++) { - this.elements[i] = array[i + offset]; - } - - return this; - }, - - toArray: function (array, offset) { - if (array === undefined) array = []; - if (offset === undefined) offset = 0; - - var te = this.elements; - - array[offset] = te[0]; - array[offset + 1] = te[1]; - array[offset + 2] = te[2]; - array[offset + 3] = te[3]; - - array[offset + 4] = te[4]; - array[offset + 5] = te[5]; - array[offset + 6] = te[6]; - array[offset + 7] = te[7]; - - array[offset + 8] = te[8]; - array[offset + 9] = te[9]; - array[offset + 10] = te[10]; - array[offset + 11] = te[11]; - - array[offset + 12] = te[12]; - array[offset + 13] = te[13]; - array[offset + 14] = te[14]; - array[offset + 15] = te[15]; - - return array; - }, - }); - - /** - * @author mikael emtinger / http://gomo.se/ - * @author alteredq / http://alteredqualia.com/ - * @author WestLangley / http://github.com/WestLangley - * @author bhouston / http://clara.io - */ - - function Quaternion(x, y, z, w) { - this._x = x || 0; - this._y = y || 0; - this._z = z || 0; - this._w = w !== undefined ? w : 1; - } - - Object.assign(Quaternion, { - slerp: function (qa, qb, qm, t) { - return qm.copy(qa).slerp(qb, t); - }, - - slerpFlat: function ( - dst, - dstOffset, - src0, - srcOffset0, - src1, - srcOffset1, - t - ) { - // fuzz-free, array-based Quaternion SLERP operation - - var x0 = src0[srcOffset0 + 0], - y0 = src0[srcOffset0 + 1], - z0 = src0[srcOffset0 + 2], - w0 = src0[srcOffset0 + 3], - x1 = src1[srcOffset1 + 0], - y1 = src1[srcOffset1 + 1], - z1 = src1[srcOffset1 + 2], - w1 = src1[srcOffset1 + 3]; - - if (w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1) { - var s = 1 - t, - cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1, - dir = cos >= 0 ? 1 : -1, - sqrSin = 1 - cos * cos; - - // Skip the Slerp for tiny steps to avoid numeric problems: - if (sqrSin > Number.EPSILON) { - var sin = Math.sqrt(sqrSin), - len = Math.atan2(sin, cos * dir); - - s = Math.sin(s * len) / sin; - t = Math.sin(t * len) / sin; - } - - var tDir = t * dir; - - x0 = x0 * s + x1 * tDir; - y0 = y0 * s + y1 * tDir; - z0 = z0 * s + z1 * tDir; - w0 = w0 * s + w1 * tDir; - - // Normalize in case we just did a lerp: - if (s === 1 - t) { - var f = 1 / Math.sqrt(x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0); - - x0 *= f; - y0 *= f; - z0 *= f; - w0 *= f; - } - } - - dst[dstOffset] = x0; - dst[dstOffset + 1] = y0; - dst[dstOffset + 2] = z0; - dst[dstOffset + 3] = w0; - }, - }); - - Object.defineProperties(Quaternion.prototype, { - x: { - get: function () { - return this._x; - }, - - set: function (value) { - this._x = value; - this.onChangeCallback(); - }, - }, - - y: { - get: function () { - return this._y; - }, - - set: function (value) { - this._y = value; - this.onChangeCallback(); - }, - }, - - z: { - get: function () { - return this._z; - }, - - set: function (value) { - this._z = value; - this.onChangeCallback(); - }, - }, - - w: { - get: function () { - return this._w; - }, - - set: function (value) { - this._w = value; - this.onChangeCallback(); - }, - }, - }); - - Object.assign(Quaternion.prototype, { - set: function (x, y, z, w) { - this._x = x; - this._y = y; - this._z = z; - this._w = w; - - this.onChangeCallback(); - - return this; - }, - - clone: function () { - return new this.constructor(this._x, this._y, this._z, this._w); - }, - - copy: function (quaternion) { - this._x = quaternion.x; - this._y = quaternion.y; - this._z = quaternion.z; - this._w = quaternion.w; - - this.onChangeCallback(); - - return this; - }, - - setFromEuler: function (euler, update) { - if (!(euler && euler.isEuler)) { - throw new Error( - "THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order." - ); - } - - var x = euler._x, - y = euler._y, - z = euler._z, - order = euler.order; - - // http://www.mathworks.com/matlabcentral/fileexchange/ - // 20696-function-to-convert-between-dcm-euler-angles-quaternions-and-euler-vectors/ - // content/SpinCalc.m - - var cos = Math.cos; - var sin = Math.sin; - - var c1 = cos(x / 2); - var c2 = cos(y / 2); - var c3 = cos(z / 2); - - var s1 = sin(x / 2); - var s2 = sin(y / 2); - var s3 = sin(z / 2); - - if (order === "XYZ") { - this._x = s1 * c2 * c3 + c1 * s2 * s3; - this._y = c1 * s2 * c3 - s1 * c2 * s3; - this._z = c1 * c2 * s3 + s1 * s2 * c3; - this._w = c1 * c2 * c3 - s1 * s2 * s3; - } else if (order === "YXZ") { - this._x = s1 * c2 * c3 + c1 * s2 * s3; - this._y = c1 * s2 * c3 - s1 * c2 * s3; - this._z = c1 * c2 * s3 - s1 * s2 * c3; - this._w = c1 * c2 * c3 + s1 * s2 * s3; - } else if (order === "ZXY") { - this._x = s1 * c2 * c3 - c1 * s2 * s3; - this._y = c1 * s2 * c3 + s1 * c2 * s3; - this._z = c1 * c2 * s3 + s1 * s2 * c3; - this._w = c1 * c2 * c3 - s1 * s2 * s3; - } else if (order === "ZYX") { - this._x = s1 * c2 * c3 - c1 * s2 * s3; - this._y = c1 * s2 * c3 + s1 * c2 * s3; - this._z = c1 * c2 * s3 - s1 * s2 * c3; - this._w = c1 * c2 * c3 + s1 * s2 * s3; - } else if (order === "YZX") { - this._x = s1 * c2 * c3 + c1 * s2 * s3; - this._y = c1 * s2 * c3 + s1 * c2 * s3; - this._z = c1 * c2 * s3 - s1 * s2 * c3; - this._w = c1 * c2 * c3 - s1 * s2 * s3; - } else if (order === "XZY") { - this._x = s1 * c2 * c3 - c1 * s2 * s3; - this._y = c1 * s2 * c3 - s1 * c2 * s3; - this._z = c1 * c2 * s3 + s1 * s2 * c3; - this._w = c1 * c2 * c3 + s1 * s2 * s3; - } - - if (update !== false) this.onChangeCallback(); - - return this; - }, - - setFromAxisAngle: function (axis, angle) { - // http://www.euclideanspace.com/maths/geometry/rotations/conversions/angleToQuaternion/index.htm - - // assumes axis is normalized - - var halfAngle = angle / 2, - s = Math.sin(halfAngle); - - this._x = axis.x * s; - this._y = axis.y * s; - this._z = axis.z * s; - this._w = Math.cos(halfAngle); - - this.onChangeCallback(); - - return this; - }, - - setFromRotationMatrix: function (m) { - // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm - - // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) - - var te = m.elements, - m11 = te[0], - m12 = te[4], - m13 = te[8], - m21 = te[1], - m22 = te[5], - m23 = te[9], - m31 = te[2], - m32 = te[6], - m33 = te[10], - trace = m11 + m22 + m33, - s; - - if (trace > 0) { - s = 0.5 / Math.sqrt(trace + 1.0); - - this._w = 0.25 / s; - this._x = (m32 - m23) * s; - this._y = (m13 - m31) * s; - this._z = (m21 - m12) * s; - } else if (m11 > m22 && m11 > m33) { - s = 2.0 * Math.sqrt(1.0 + m11 - m22 - m33); - - this._w = (m32 - m23) / s; - this._x = 0.25 * s; - this._y = (m12 + m21) / s; - this._z = (m13 + m31) / s; - } else if (m22 > m33) { - s = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33); - - this._w = (m13 - m31) / s; - this._x = (m12 + m21) / s; - this._y = 0.25 * s; - this._z = (m23 + m32) / s; - } else { - s = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22); - - this._w = (m21 - m12) / s; - this._x = (m13 + m31) / s; - this._y = (m23 + m32) / s; - this._z = 0.25 * s; - } - - this.onChangeCallback(); - - return this; - }, - - setFromUnitVectors: (function () { - // assumes direction vectors vFrom and vTo are normalized - - var v1 = new Vector3(); - var r; - - var EPS = 0.000001; - - return function setFromUnitVectors(vFrom, vTo) { - if (v1 === undefined) v1 = new Vector3(); - - r = vFrom.dot(vTo) + 1; - - if (r < EPS) { - r = 0; - - if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) { - v1.set(-vFrom.y, vFrom.x, 0); - } else { - v1.set(0, -vFrom.z, vFrom.y); - } - } else { - v1.crossVectors(vFrom, vTo); - } - - this._x = v1.x; - this._y = v1.y; - this._z = v1.z; - this._w = r; - - return this.normalize(); - }; - })(), - - inverse: function () { - // quaternion is assumed to have unit length - - return this.conjugate(); - }, - - conjugate: function () { - this._x *= -1; - this._y *= -1; - this._z *= -1; - - this.onChangeCallback(); - - return this; - }, - - dot: function (v) { - return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w; - }, - - lengthSq: function () { - return ( - this._x * this._x + - this._y * this._y + - this._z * this._z + - this._w * this._w - ); - }, - - length: function () { - return Math.sqrt( - this._x * this._x + - this._y * this._y + - this._z * this._z + - this._w * this._w - ); - }, - - normalize: function () { - var l = this.length(); - - if (l === 0) { - this._x = 0; - this._y = 0; - this._z = 0; - this._w = 1; - } else { - l = 1 / l; - - this._x = this._x * l; - this._y = this._y * l; - this._z = this._z * l; - this._w = this._w * l; - } - - this.onChangeCallback(); - - return this; - }, - - multiply: function (q, p) { - if (p !== undefined) { - console.warn( - "THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead." - ); - return this.multiplyQuaternions(q, p); - } - - return this.multiplyQuaternions(this, q); - }, - - premultiply: function (q) { - return this.multiplyQuaternions(q, this); - }, - - multiplyQuaternions: function (a, b) { - // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm - - var qax = a._x, - qay = a._y, - qaz = a._z, - qaw = a._w; - var qbx = b._x, - qby = b._y, - qbz = b._z, - qbw = b._w; - - this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; - this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; - this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; - this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; - - this.onChangeCallback(); - - return this; - }, - - slerp: function (qb, t) { - if (t === 0) return this; - if (t === 1) return this.copy(qb); - - var x = this._x, - y = this._y, - z = this._z, - w = this._w; - - // http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/slerp/ - - var cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z * qb._z; - - if (cosHalfTheta < 0) { - this._w = -qb._w; - this._x = -qb._x; - this._y = -qb._y; - this._z = -qb._z; - - cosHalfTheta = -cosHalfTheta; - } else { - this.copy(qb); - } - - if (cosHalfTheta >= 1.0) { - this._w = w; - this._x = x; - this._y = y; - this._z = z; - - return this; - } - - var sinHalfTheta = Math.sqrt(1.0 - cosHalfTheta * cosHalfTheta); - - if (Math.abs(sinHalfTheta) < 0.001) { - this._w = 0.5 * (w + this._w); - this._x = 0.5 * (x + this._x); - this._y = 0.5 * (y + this._y); - this._z = 0.5 * (z + this._z); - - return this; - } - - var halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta); - var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, - ratioB = Math.sin(t * halfTheta) / sinHalfTheta; - - this._w = w * ratioA + this._w * ratioB; - this._x = x * ratioA + this._x * ratioB; - this._y = y * ratioA + this._y * ratioB; - this._z = z * ratioA + this._z * ratioB; + }, - this.onChangeCallback(); + hasEventListener: function ( type, listener ) { - return this; - }, + if ( this._listeners === undefined ) return false; - equals: function (quaternion) { - return ( - quaternion._x === this._x && - quaternion._y === this._y && - quaternion._z === this._z && - quaternion._w === this._w - ); - }, - - fromArray: function (array, offset) { - if (offset === undefined) offset = 0; - - this._x = array[offset]; - this._y = array[offset + 1]; - this._z = array[offset + 2]; - this._w = array[offset + 3]; - - this.onChangeCallback(); - - return this; - }, - - toArray: function (array, offset) { - if (array === undefined) array = []; - if (offset === undefined) offset = 0; - - array[offset] = this._x; - array[offset + 1] = this._y; - array[offset + 2] = this._z; - array[offset + 3] = this._w; - - return array; - }, - - onChange: function (callback) { - this.onChangeCallback = callback; - - return this; - }, - - onChangeCallback: function () {}, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author kile / http://kile.stravaganza.org/ - * @author philogb / http://blog.thejit.org/ - * @author mikael emtinger / http://gomo.se/ - * @author egraether / http://egraether.com/ - * @author WestLangley / http://github.com/WestLangley - */ - - function Vector3(x, y, z) { - this.x = x || 0; - this.y = y || 0; - this.z = z || 0; - } - - Object.assign(Vector3.prototype, { - isVector3: true, - - set: function (x, y, z) { - this.x = x; - this.y = y; - this.z = z; - - return this; - }, - - setScalar: function (scalar) { - this.x = scalar; - this.y = scalar; - this.z = scalar; - - return this; - }, - - setX: function (x) { - this.x = x; - - return this; - }, - - setY: function (y) { - this.y = y; - - return this; - }, - - setZ: function (z) { - this.z = z; - - return this; - }, - - setComponent: function (index, value) { - switch (index) { - case 0: - this.x = value; - break; - case 1: - this.y = value; - break; - case 2: - this.z = value; - break; - default: - throw new Error("index is out of range: " + index); - } - - return this; - }, - - getComponent: function (index) { - switch (index) { - case 0: - return this.x; - case 1: - return this.y; - case 2: - return this.z; - default: - throw new Error("index is out of range: " + index); - } - }, - - clone: function () { - return new this.constructor(this.x, this.y, this.z); - }, - - copy: function (v) { - this.x = v.x; - this.y = v.y; - this.z = v.z; - - return this; - }, - - add: function (v, w) { - if (w !== undefined) { - console.warn( - "THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead." - ); - return this.addVectors(v, w); - } - - this.x += v.x; - this.y += v.y; - this.z += v.z; - - return this; - }, - - addScalar: function (s) { - this.x += s; - this.y += s; - this.z += s; - - return this; - }, - - addVectors: function (a, b) { - this.x = a.x + b.x; - this.y = a.y + b.y; - this.z = a.z + b.z; - - return this; - }, - - addScaledVector: function (v, s) { - this.x += v.x * s; - this.y += v.y * s; - this.z += v.z * s; - - return this; - }, - - sub: function (v, w) { - if (w !== undefined) { - console.warn( - "THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead." - ); - return this.subVectors(v, w); - } - - this.x -= v.x; - this.y -= v.y; - this.z -= v.z; - - return this; - }, - - subScalar: function (s) { - this.x -= s; - this.y -= s; - this.z -= s; - - return this; - }, - - subVectors: function (a, b) { - this.x = a.x - b.x; - this.y = a.y - b.y; - this.z = a.z - b.z; - - return this; - }, - - multiply: function (v, w) { - if (w !== undefined) { - console.warn( - "THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead." - ); - return this.multiplyVectors(v, w); - } - - this.x *= v.x; - this.y *= v.y; - this.z *= v.z; - - return this; - }, - - multiplyScalar: function (scalar) { - this.x *= scalar; - this.y *= scalar; - this.z *= scalar; - - return this; - }, - - multiplyVectors: function (a, b) { - this.x = a.x * b.x; - this.y = a.y * b.y; - this.z = a.z * b.z; - - return this; - }, - - applyEuler: (function () { - var quaternion = new Quaternion(); - - return function applyEuler(euler) { - if (!(euler && euler.isEuler)) { - console.error( - "THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order." - ); - } - - return this.applyQuaternion(quaternion.setFromEuler(euler)); - }; - })(), - - applyAxisAngle: (function () { - var quaternion = new Quaternion(); - - return function applyAxisAngle(axis, angle) { - return this.applyQuaternion(quaternion.setFromAxisAngle(axis, angle)); - }; - })(), - - applyMatrix3: function (m) { - var x = this.x, - y = this.y, - z = this.z; - var e = m.elements; - - this.x = e[0] * x + e[3] * y + e[6] * z; - this.y = e[1] * x + e[4] * y + e[7] * z; - this.z = e[2] * x + e[5] * y + e[8] * z; - - return this; - }, - - applyMatrix4: function (m) { - var x = this.x, - y = this.y, - z = this.z; - var e = m.elements; - - var w = 1 / (e[3] * x + e[7] * y + e[11] * z + e[15]); - - this.x = (e[0] * x + e[4] * y + e[8] * z + e[12]) * w; - this.y = (e[1] * x + e[5] * y + e[9] * z + e[13]) * w; - this.z = (e[2] * x + e[6] * y + e[10] * z + e[14]) * w; - - return this; - }, - - applyQuaternion: function (q) { - var x = this.x, - y = this.y, - z = this.z; - var qx = q.x, - qy = q.y, - qz = q.z, - qw = q.w; - - // calculate quat * vector - - var ix = qw * x + qy * z - qz * y; - var iy = qw * y + qz * x - qx * z; - var iz = qw * z + qx * y - qy * x; - var iw = -qx * x - qy * y - qz * z; - - // calculate result * inverse quat - - this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy; - this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz; - this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx; - - return this; - }, - - project: (function () { - var matrix = new Matrix4(); - - return function project(camera) { - matrix.multiplyMatrices( - camera.projectionMatrix, - matrix.getInverse(camera.matrixWorld) - ); - return this.applyMatrix4(matrix); - }; - })(), - - unproject: (function () { - var matrix = new Matrix4(); - - return function unproject(camera) { - matrix.multiplyMatrices( - camera.matrixWorld, - matrix.getInverse(camera.projectionMatrix) - ); - return this.applyMatrix4(matrix); - }; - })(), - - transformDirection: function (m) { - // input: THREE.Matrix4 affine matrix - // vector interpreted as a direction - - var x = this.x, - y = this.y, - z = this.z; - var e = m.elements; - - this.x = e[0] * x + e[4] * y + e[8] * z; - this.y = e[1] * x + e[5] * y + e[9] * z; - this.z = e[2] * x + e[6] * y + e[10] * z; - - return this.normalize(); - }, - - divide: function (v) { - this.x /= v.x; - this.y /= v.y; - this.z /= v.z; - - return this; - }, - - divideScalar: function (scalar) { - return this.multiplyScalar(1 / scalar); - }, + var listeners = this._listeners; - min: function (v) { - this.x = Math.min(this.x, v.x); - this.y = Math.min(this.y, v.y); - this.z = Math.min(this.z, v.z); + return listeners[ type ] !== undefined && listeners[ type ].indexOf( listener ) !== - 1; - return this; - }, + }, - max: function (v) { - this.x = Math.max(this.x, v.x); - this.y = Math.max(this.y, v.y); - this.z = Math.max(this.z, v.z); + removeEventListener: function ( type, listener ) { - return this; - }, - - clamp: function (min, max) { - // assumes min < max, componentwise - - this.x = Math.max(min.x, Math.min(max.x, this.x)); - this.y = Math.max(min.y, Math.min(max.y, this.y)); - this.z = Math.max(min.z, Math.min(max.z, this.z)); - - return this; - }, - - clampScalar: (function () { - var min = new Vector3(); - var max = new Vector3(); - - return function clampScalar(minVal, maxVal) { - min.set(minVal, minVal, minVal); - max.set(maxVal, maxVal, maxVal); - - return this.clamp(min, max); - }; - })(), - - clampLength: function (min, max) { - var length = this.length(); - - return this.divideScalar(length || 1).multiplyScalar( - Math.max(min, Math.min(max, length)) - ); - }, - - floor: function () { - this.x = Math.floor(this.x); - this.y = Math.floor(this.y); - this.z = Math.floor(this.z); - - return this; - }, - - ceil: function () { - this.x = Math.ceil(this.x); - this.y = Math.ceil(this.y); - this.z = Math.ceil(this.z); + if ( this._listeners === undefined ) return; - return this; - }, + var listeners = this._listeners; + var listenerArray = listeners[ type ]; - round: function () { - this.x = Math.round(this.x); - this.y = Math.round(this.y); - this.z = Math.round(this.z); + if ( listenerArray !== undefined ) { - return this; - }, + var index = listenerArray.indexOf( listener ); - roundToZero: function () { - this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); - this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); - this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z); + if ( index !== - 1 ) { - return this; - }, + listenerArray.splice( index, 1 ); - negate: function () { - this.x = -this.x; - this.y = -this.y; - this.z = -this.z; + } - return this; - }, + } - dot: function (v) { - return this.x * v.x + this.y * v.y + this.z * v.z; - }, + }, - // TODO lengthSquared? + dispatchEvent: function ( event ) { - lengthSq: function () { - return this.x * this.x + this.y * this.y + this.z * this.z; - }, + if ( this._listeners === undefined ) return; - length: function () { - return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z); - }, + var listeners = this._listeners; + var listenerArray = listeners[ event.type ]; - manhattanLength: function () { - return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z); - }, + if ( listenerArray !== undefined ) { - normalize: function () { - return this.divideScalar(this.length() || 1); - }, + event.target = this; - setLength: function (length) { - return this.normalize().multiplyScalar(length); - }, + var array = listenerArray.slice( 0 ); - lerp: function (v, alpha) { - this.x += (v.x - this.x) * alpha; - this.y += (v.y - this.y) * alpha; - this.z += (v.z - this.z) * alpha; + for ( var i = 0, l = array.length; i < l; i ++ ) { - return this; - }, + array[ i ].call( this, event ); - lerpVectors: function (v1, v2, alpha) { - return this.subVectors(v2, v1).multiplyScalar(alpha).add(v1); - }, + } - cross: function (v, w) { - if (w !== undefined) { - console.warn( - "THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead." - ); - return this.crossVectors(v, w); - } + } - return this.crossVectors(this, v); - }, + } - crossVectors: function (a, b) { - var ax = a.x, - ay = a.y, - az = a.z; - var bx = b.x, - by = b.y, - bz = b.z; + } ); + + var REVISION = '93'; + var MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2 }; + var CullFaceNone = 0; + var CullFaceBack = 1; + var CullFaceFront = 2; + var PCFShadowMap = 1; + var PCFSoftShadowMap = 2; + var FrontSide = 0; + var BackSide = 1; + var DoubleSide = 2; + var FlatShading = 1; + var NoColors = 0; + var FaceColors = 1; + var VertexColors = 2; + var NoBlending = 0; + var NormalBlending = 1; + var AdditiveBlending = 2; + var SubtractiveBlending = 3; + var MultiplyBlending = 4; + var CustomBlending = 5; + var AddEquation = 100; + var SubtractEquation = 101; + var ReverseSubtractEquation = 102; + var MinEquation = 103; + var MaxEquation = 104; + var ZeroFactor = 200; + var OneFactor = 201; + var SrcColorFactor = 202; + var OneMinusSrcColorFactor = 203; + var SrcAlphaFactor = 204; + var OneMinusSrcAlphaFactor = 205; + var DstAlphaFactor = 206; + var OneMinusDstAlphaFactor = 207; + var DstColorFactor = 208; + var OneMinusDstColorFactor = 209; + var SrcAlphaSaturateFactor = 210; + var NeverDepth = 0; + var AlwaysDepth = 1; + var LessDepth = 2; + var LessEqualDepth = 3; + var EqualDepth = 4; + var GreaterEqualDepth = 5; + var GreaterDepth = 6; + var NotEqualDepth = 7; + var MultiplyOperation = 0; + var MixOperation = 1; + var AddOperation = 2; + var NoToneMapping = 0; + var LinearToneMapping = 1; + var ReinhardToneMapping = 2; + var Uncharted2ToneMapping = 3; + var CineonToneMapping = 4; + var UVMapping = 300; + var CubeReflectionMapping = 301; + var CubeRefractionMapping = 302; + var EquirectangularReflectionMapping = 303; + var EquirectangularRefractionMapping = 304; + var SphericalReflectionMapping = 305; + var CubeUVReflectionMapping = 306; + var CubeUVRefractionMapping = 307; + var RepeatWrapping = 1000; + var ClampToEdgeWrapping = 1001; + var MirroredRepeatWrapping = 1002; + var NearestFilter = 1003; + var NearestMipMapNearestFilter = 1004; + var NearestMipMapLinearFilter = 1005; + var LinearFilter = 1006; + var LinearMipMapNearestFilter = 1007; + var LinearMipMapLinearFilter = 1008; + var UnsignedByteType = 1009; + var ByteType = 1010; + var ShortType = 1011; + var UnsignedShortType = 1012; + var IntType = 1013; + var UnsignedIntType = 1014; + var FloatType = 1015; + var HalfFloatType = 1016; + var UnsignedShort4444Type = 1017; + var UnsignedShort5551Type = 1018; + var UnsignedShort565Type = 1019; + var UnsignedInt248Type = 1020; + var AlphaFormat = 1021; + var RGBFormat = 1022; + var RGBAFormat = 1023; + var LuminanceFormat = 1024; + var LuminanceAlphaFormat = 1025; + var DepthFormat = 1026; + var DepthStencilFormat = 1027; + var RGB_S3TC_DXT1_Format = 33776; + var RGBA_S3TC_DXT1_Format = 33777; + var RGBA_S3TC_DXT3_Format = 33778; + var RGBA_S3TC_DXT5_Format = 33779; + var RGB_PVRTC_4BPPV1_Format = 35840; + var RGB_PVRTC_2BPPV1_Format = 35841; + var RGBA_PVRTC_4BPPV1_Format = 35842; + var RGBA_PVRTC_2BPPV1_Format = 35843; + var RGB_ETC1_Format = 36196; + var RGBA_ASTC_4x4_Format = 37808; + var RGBA_ASTC_5x4_Format = 37809; + var RGBA_ASTC_5x5_Format = 37810; + var RGBA_ASTC_6x5_Format = 37811; + var RGBA_ASTC_6x6_Format = 37812; + var RGBA_ASTC_8x5_Format = 37813; + var RGBA_ASTC_8x6_Format = 37814; + var RGBA_ASTC_8x8_Format = 37815; + var RGBA_ASTC_10x5_Format = 37816; + var RGBA_ASTC_10x6_Format = 37817; + var RGBA_ASTC_10x8_Format = 37818; + var RGBA_ASTC_10x10_Format = 37819; + var RGBA_ASTC_12x10_Format = 37820; + var RGBA_ASTC_12x12_Format = 37821; + var LoopOnce = 2200; + var LoopRepeat = 2201; + var LoopPingPong = 2202; + var InterpolateDiscrete = 2300; + var InterpolateLinear = 2301; + var InterpolateSmooth = 2302; + var ZeroCurvatureEnding = 2400; + var ZeroSlopeEnding = 2401; + var WrapAroundEnding = 2402; + var TrianglesDrawMode = 0; + var TriangleStripDrawMode = 1; + var TriangleFanDrawMode = 2; + var LinearEncoding = 3000; + var sRGBEncoding = 3001; + var GammaEncoding = 3007; + var RGBEEncoding = 3002; + var RGBM7Encoding = 3004; + var RGBM16Encoding = 3005; + var RGBDEncoding = 3006; + var BasicDepthPacking = 3200; + var RGBADepthPacking = 3201; + + /** + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + */ + + var _Math = { + + DEG2RAD: Math.PI / 180, + RAD2DEG: 180 / Math.PI, + + generateUUID: ( function () { + + // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136 - this.x = ay * bz - az * by; - this.y = az * bx - ax * bz; - this.z = ax * by - ay * bx; + var lut = []; - return this; - }, + for ( var i = 0; i < 256; i ++ ) { - projectOnVector: function (vector) { - var scalar = vector.dot(this) / vector.lengthSq(); + lut[ i ] = ( i < 16 ? '0' : '' ) + ( i ).toString( 16 ); - return this.copy(vector).multiplyScalar(scalar); - }, + } - projectOnPlane: (function () { - var v1 = new Vector3(); + return function generateUUID() { - return function projectOnPlane(planeNormal) { - v1.copy(this).projectOnVector(planeNormal); + var d0 = Math.random() * 0xffffffff | 0; + var d1 = Math.random() * 0xffffffff | 0; + var d2 = Math.random() * 0xffffffff | 0; + var d3 = Math.random() * 0xffffffff | 0; + var uuid = lut[ d0 & 0xff ] + lut[ d0 >> 8 & 0xff ] + lut[ d0 >> 16 & 0xff ] + lut[ d0 >> 24 & 0xff ] + '-' + + lut[ d1 & 0xff ] + lut[ d1 >> 8 & 0xff ] + '-' + lut[ d1 >> 16 & 0x0f | 0x40 ] + lut[ d1 >> 24 & 0xff ] + '-' + + lut[ d2 & 0x3f | 0x80 ] + lut[ d2 >> 8 & 0xff ] + '-' + lut[ d2 >> 16 & 0xff ] + lut[ d2 >> 24 & 0xff ] + + lut[ d3 & 0xff ] + lut[ d3 >> 8 & 0xff ] + lut[ d3 >> 16 & 0xff ] + lut[ d3 >> 24 & 0xff ]; - return this.sub(v1); - }; - })(), + // .toUpperCase() here flattens concatenated strings to save heap memory space. + return uuid.toUpperCase(); - reflect: (function () { - // reflect incident vector off plane orthogonal to normal - // normal is assumed to have unit length + }; - var v1 = new Vector3(); + } )(), - return function reflect(normal) { - return this.sub(v1.copy(normal).multiplyScalar(2 * this.dot(normal))); - }; - })(), + clamp: function ( value, min, max ) { - angleTo: function (v) { - var theta = this.dot(v) / Math.sqrt(this.lengthSq() * v.lengthSq()); + return Math.max( min, Math.min( max, value ) ); - // clamp, to handle numerical problems + }, - return Math.acos(_Math.clamp(theta, -1, 1)); - }, + // compute euclidian modulo of m % n + // https://en.wikipedia.org/wiki/Modulo_operation - distanceTo: function (v) { - return Math.sqrt(this.distanceToSquared(v)); - }, + euclideanModulo: function ( n, m ) { - distanceToSquared: function (v) { - var dx = this.x - v.x, - dy = this.y - v.y, - dz = this.z - v.z; + return ( ( n % m ) + m ) % m; - return dx * dx + dy * dy + dz * dz; - }, + }, - manhattanDistanceTo: function (v) { - return ( - Math.abs(this.x - v.x) + Math.abs(this.y - v.y) + Math.abs(this.z - v.z) - ); - }, + // Linear mapping from range to range - setFromSpherical: function (s) { - var sinPhiRadius = Math.sin(s.phi) * s.radius; + mapLinear: function ( x, a1, a2, b1, b2 ) { - this.x = sinPhiRadius * Math.sin(s.theta); - this.y = Math.cos(s.phi) * s.radius; - this.z = sinPhiRadius * Math.cos(s.theta); + return b1 + ( x - a1 ) * ( b2 - b1 ) / ( a2 - a1 ); - return this; - }, + }, - setFromCylindrical: function (c) { - this.x = c.radius * Math.sin(c.theta); - this.y = c.y; - this.z = c.radius * Math.cos(c.theta); - - return this; - }, - - setFromMatrixPosition: function (m) { - var e = m.elements; + // https://en.wikipedia.org/wiki/Linear_interpolation - this.x = e[12]; - this.y = e[13]; - this.z = e[14]; + lerp: function ( x, y, t ) { - return this; - }, + return ( 1 - t ) * x + t * y; - setFromMatrixScale: function (m) { - var sx = this.setFromMatrixColumn(m, 0).length(); - var sy = this.setFromMatrixColumn(m, 1).length(); - var sz = this.setFromMatrixColumn(m, 2).length(); + }, - this.x = sx; - this.y = sy; - this.z = sz; + // http://en.wikipedia.org/wiki/Smoothstep - return this; - }, + smoothstep: function ( x, min, max ) { - setFromMatrixColumn: function (m, index) { - return this.fromArray(m.elements, index * 4); - }, + if ( x <= min ) return 0; + if ( x >= max ) return 1; - equals: function (v) { - return v.x === this.x && v.y === this.y && v.z === this.z; - }, + x = ( x - min ) / ( max - min ); - fromArray: function (array, offset) { - if (offset === undefined) offset = 0; + return x * x * ( 3 - 2 * x ); - this.x = array[offset]; - this.y = array[offset + 1]; - this.z = array[offset + 2]; + }, - return this; - }, + smootherstep: function ( x, min, max ) { - toArray: function (array, offset) { - if (array === undefined) array = []; - if (offset === undefined) offset = 0; + if ( x <= min ) return 0; + if ( x >= max ) return 1; - array[offset] = this.x; - array[offset + 1] = this.y; - array[offset + 2] = this.z; + x = ( x - min ) / ( max - min ); - return array; - }, + return x * x * x * ( x * ( x * 6 - 15 ) + 10 ); - fromBufferAttribute: function (attribute, index, offset) { - if (offset !== undefined) { - console.warn( - "THREE.Vector3: offset has been removed from .fromBufferAttribute()." - ); - } + }, - this.x = attribute.getX(index); - this.y = attribute.getY(index); - this.z = attribute.getZ(index); - - return this; - }, - }); - - /** - * @author alteredq / http://alteredqualia.com/ - * @author WestLangley / http://github.com/WestLangley - * @author bhouston / http://clara.io - * @author tschw - */ - - function Matrix3() { - this.elements = [1, 0, 0, 0, 1, 0, 0, 0, 1]; - - if (arguments.length > 0) { - console.error( - "THREE.Matrix3: the constructor no longer reads arguments. use .set() instead." - ); - } - } - - Object.assign(Matrix3.prototype, { - isMatrix3: true, - - set: function (n11, n12, n13, n21, n22, n23, n31, n32, n33) { - var te = this.elements; - - te[0] = n11; - te[1] = n21; - te[2] = n31; - te[3] = n12; - te[4] = n22; - te[5] = n32; - te[6] = n13; - te[7] = n23; - te[8] = n33; - - return this; - }, - - identity: function () { - this.set(1, 0, 0, 0, 1, 0, 0, 0, 1); - - return this; - }, - - clone: function () { - return new this.constructor().fromArray(this.elements); - }, - - copy: function (m) { - var te = this.elements; - var me = m.elements; - - te[0] = me[0]; - te[1] = me[1]; - te[2] = me[2]; - te[3] = me[3]; - te[4] = me[4]; - te[5] = me[5]; - te[6] = me[6]; - te[7] = me[7]; - te[8] = me[8]; - - return this; - }, - - setFromMatrix4: function (m) { - var me = m.elements; - - this.set(me[0], me[4], me[8], me[1], me[5], me[9], me[2], me[6], me[10]); - - return this; - }, - - applyToBufferAttribute: (function () { - var v1 = new Vector3(); - - return function applyToBufferAttribute(attribute) { - for (var i = 0, l = attribute.count; i < l; i++) { - v1.x = attribute.getX(i); - v1.y = attribute.getY(i); - v1.z = attribute.getZ(i); - - v1.applyMatrix3(this); - - attribute.setXYZ(i, v1.x, v1.y, v1.z); - } - - return attribute; - }; - })(), - - multiply: function (m) { - return this.multiplyMatrices(this, m); - }, - - premultiply: function (m) { - return this.multiplyMatrices(m, this); - }, - - multiplyMatrices: function (a, b) { - var ae = a.elements; - var be = b.elements; - var te = this.elements; - - var a11 = ae[0], - a12 = ae[3], - a13 = ae[6]; - var a21 = ae[1], - a22 = ae[4], - a23 = ae[7]; - var a31 = ae[2], - a32 = ae[5], - a33 = ae[8]; - - var b11 = be[0], - b12 = be[3], - b13 = be[6]; - var b21 = be[1], - b22 = be[4], - b23 = be[7]; - var b31 = be[2], - b32 = be[5], - b33 = be[8]; - - te[0] = a11 * b11 + a12 * b21 + a13 * b31; - te[3] = a11 * b12 + a12 * b22 + a13 * b32; - te[6] = a11 * b13 + a12 * b23 + a13 * b33; - - te[1] = a21 * b11 + a22 * b21 + a23 * b31; - te[4] = a21 * b12 + a22 * b22 + a23 * b32; - te[7] = a21 * b13 + a22 * b23 + a23 * b33; - - te[2] = a31 * b11 + a32 * b21 + a33 * b31; - te[5] = a31 * b12 + a32 * b22 + a33 * b32; - te[8] = a31 * b13 + a32 * b23 + a33 * b33; - - return this; - }, - - multiplyScalar: function (s) { - var te = this.elements; - - te[0] *= s; - te[3] *= s; - te[6] *= s; - te[1] *= s; - te[4] *= s; - te[7] *= s; - te[2] *= s; - te[5] *= s; - te[8] *= s; - - return this; - }, - - determinant: function () { - var te = this.elements; - - var a = te[0], - b = te[1], - c = te[2], - d = te[3], - e = te[4], - f = te[5], - g = te[6], - h = te[7], - i = te[8]; - - return ( - a * e * i - a * f * h - b * d * i + b * f * g + c * d * h - c * e * g - ); - }, - - getInverse: function (matrix, throwOnDegenerate) { - if (matrix && matrix.isMatrix4) { - console.error( - "THREE.Matrix3: .getInverse() no longer takes a Matrix4 argument." - ); - } - - var me = matrix.elements, - te = this.elements, - n11 = me[0], - n21 = me[1], - n31 = me[2], - n12 = me[3], - n22 = me[4], - n32 = me[5], - n13 = me[6], - n23 = me[7], - n33 = me[8], - t11 = n33 * n22 - n32 * n23, - t12 = n32 * n13 - n33 * n12, - t13 = n23 * n12 - n22 * n13, - det = n11 * t11 + n21 * t12 + n31 * t13; - - if (det === 0) { - var msg = - "THREE.Matrix3: .getInverse() can't invert matrix, determinant is 0"; - - if (throwOnDegenerate === true) { - throw new Error(msg); - } else { - console.warn(msg); - } - - return this.identity(); - } - - var detInv = 1 / det; - - te[0] = t11 * detInv; - te[1] = (n31 * n23 - n33 * n21) * detInv; - te[2] = (n32 * n21 - n31 * n22) * detInv; - - te[3] = t12 * detInv; - te[4] = (n33 * n11 - n31 * n13) * detInv; - te[5] = (n31 * n12 - n32 * n11) * detInv; - - te[6] = t13 * detInv; - te[7] = (n21 * n13 - n23 * n11) * detInv; - te[8] = (n22 * n11 - n21 * n12) * detInv; - - return this; - }, - - transpose: function () { - var tmp, - m = this.elements; - - tmp = m[1]; - m[1] = m[3]; - m[3] = tmp; - tmp = m[2]; - m[2] = m[6]; - m[6] = tmp; - tmp = m[5]; - m[5] = m[7]; - m[7] = tmp; - - return this; - }, - - getNormalMatrix: function (matrix4) { - return this.setFromMatrix4(matrix4).getInverse(this).transpose(); - }, - - transposeIntoArray: function (r) { - var m = this.elements; - - r[0] = m[0]; - r[1] = m[3]; - r[2] = m[6]; - r[3] = m[1]; - r[4] = m[4]; - r[5] = m[7]; - r[6] = m[2]; - r[7] = m[5]; - r[8] = m[8]; - - return this; - }, - - setUvTransform: function (tx, ty, sx, sy, rotation, cx, cy) { - var c = Math.cos(rotation); - var s = Math.sin(rotation); - - this.set( - sx * c, - sx * s, - -sx * (c * cx + s * cy) + cx + tx, - -sy * s, - sy * c, - -sy * (-s * cx + c * cy) + cy + ty, - 0, - 0, - 1 - ); - }, - - scale: function (sx, sy) { - var te = this.elements; - - te[0] *= sx; - te[3] *= sx; - te[6] *= sx; - te[1] *= sy; - te[4] *= sy; - te[7] *= sy; - - return this; - }, - - rotate: function (theta) { - var c = Math.cos(theta); - var s = Math.sin(theta); - - var te = this.elements; - - var a11 = te[0], - a12 = te[3], - a13 = te[6]; - var a21 = te[1], - a22 = te[4], - a23 = te[7]; - - te[0] = c * a11 + s * a21; - te[3] = c * a12 + s * a22; - te[6] = c * a13 + s * a23; - - te[1] = -s * a11 + c * a21; - te[4] = -s * a12 + c * a22; - te[7] = -s * a13 + c * a23; - - return this; - }, - - translate: function (tx, ty) { - var te = this.elements; - - te[0] += tx * te[2]; - te[3] += tx * te[5]; - te[6] += tx * te[8]; - te[1] += ty * te[2]; - te[4] += ty * te[5]; - te[7] += ty * te[8]; - - return this; - }, - - equals: function (matrix) { - var te = this.elements; - var me = matrix.elements; - - for (var i = 0; i < 9; i++) { - if (te[i] !== me[i]) return false; - } - - return true; - }, - - fromArray: function (array, offset) { - if (offset === undefined) offset = 0; - - for (var i = 0; i < 9; i++) { - this.elements[i] = array[i + offset]; - } - - return this; - }, - - toArray: function (array, offset) { - if (array === undefined) array = []; - if (offset === undefined) offset = 0; - - var te = this.elements; - - array[offset] = te[0]; - array[offset + 1] = te[1]; - array[offset + 2] = te[2]; - - array[offset + 3] = te[3]; - array[offset + 4] = te[4]; - array[offset + 5] = te[5]; - - array[offset + 6] = te[6]; - array[offset + 7] = te[7]; - array[offset + 8] = te[8]; - - return array; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * @author szimek / https://github.com/szimek/ - */ + // Random integer from interval - var textureId = 0; + randInt: function ( low, high ) { - function Texture( - image, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy, - encoding - ) { - Object.defineProperty(this, "id", { value: textureId++ }); + return low + Math.floor( Math.random() * ( high - low + 1 ) ); - this.uuid = _Math.generateUUID(); + }, - this.name = ""; + // Random float from interval - this.image = image !== undefined ? image : Texture.DEFAULT_IMAGE; - this.mipmaps = []; + randFloat: function ( low, high ) { - this.mapping = mapping !== undefined ? mapping : Texture.DEFAULT_MAPPING; + return low + Math.random() * ( high - low ); - this.wrapS = wrapS !== undefined ? wrapS : ClampToEdgeWrapping; - this.wrapT = wrapT !== undefined ? wrapT : ClampToEdgeWrapping; + }, - this.magFilter = magFilter !== undefined ? magFilter : LinearFilter; - this.minFilter = - minFilter !== undefined ? minFilter : LinearMipMapLinearFilter; + // Random float from <-range/2, range/2> interval - this.anisotropy = anisotropy !== undefined ? anisotropy : 1; + randFloatSpread: function ( range ) { - this.format = format !== undefined ? format : RGBAFormat; - this.type = type !== undefined ? type : UnsignedByteType; + return range * ( 0.5 - Math.random() ); - this.offset = new Vector2(0, 0); - this.repeat = new Vector2(1, 1); - this.center = new Vector2(0, 0); - this.rotation = 0; + }, - this.matrixAutoUpdate = true; - this.matrix = new Matrix3(); + degToRad: function ( degrees ) { - this.generateMipmaps = true; - this.premultiplyAlpha = false; - this.flipY = true; - this.unpackAlignment = 4; // valid values: 1, 2, 4, 8 (see http://www.khronos.org/opengles/sdk/docs/man/xhtml/glPixelStorei.xml) + return degrees * _Math.DEG2RAD; - // Values of encoding !== THREE.LinearEncoding only supported on map, envMap and emissiveMap. - // - // Also changing the encoding after already used by a Material will not automatically make the Material - // update. You need to explicitly call Material.needsUpdate to trigger it to recompile. - this.encoding = encoding !== undefined ? encoding : LinearEncoding; + }, - this.version = 0; - this.onUpdate = null; - } - - Texture.DEFAULT_IMAGE = undefined; - Texture.DEFAULT_MAPPING = UVMapping; - - Texture.prototype = Object.assign(Object.create(EventDispatcher.prototype), { - constructor: Texture, - - isTexture: true, + radToDeg: function ( radians ) { - updateMatrix: function () { - this.matrix.setUvTransform( - this.offset.x, - this.offset.y, - this.repeat.x, - this.repeat.y, - this.rotation, - this.center.x, - this.center.y - ); - }, - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (source) { - this.name = source.name; - - this.image = source.image; - this.mipmaps = source.mipmaps.slice(0); + return radians * _Math.RAD2DEG; - this.mapping = source.mapping; + }, - this.wrapS = source.wrapS; - this.wrapT = source.wrapT; - - this.magFilter = source.magFilter; - this.minFilter = source.minFilter; - - this.anisotropy = source.anisotropy; + isPowerOfTwo: function ( value ) { - this.format = source.format; - this.type = source.type; - - this.offset.copy(source.offset); - this.repeat.copy(source.repeat); - this.center.copy(source.center); - this.rotation = source.rotation; + return ( value & ( value - 1 ) ) === 0 && value !== 0; - this.matrixAutoUpdate = source.matrixAutoUpdate; - this.matrix.copy(source.matrix); + }, - this.generateMipmaps = source.generateMipmaps; - this.premultiplyAlpha = source.premultiplyAlpha; - this.flipY = source.flipY; - this.unpackAlignment = source.unpackAlignment; - this.encoding = source.encoding; + ceilPowerOfTwo: function ( value ) { - return this; - }, + return Math.pow( 2, Math.ceil( Math.log( value ) / Math.LN2 ) ); - toJSON: function (meta) { - var isRootObject = meta === undefined || typeof meta === "string"; + }, - if (!isRootObject && meta.textures[this.uuid] !== undefined) { - return meta.textures[this.uuid]; - } + floorPowerOfTwo: function ( value ) { - function getDataURL(image) { - var canvas; + return Math.pow( 2, Math.floor( Math.log( value ) / Math.LN2 ) ); - if (image instanceof HTMLCanvasElement) { - canvas = image; - } else { - canvas = document.createElementNS( - "http://www.w3.org/1999/xhtml", - "canvas" - ); - canvas.width = image.width; - canvas.height = image.height; - - var context = canvas.getContext("2d"); - - if (image instanceof ImageData) { - context.putImageData(image, 0, 0); - } else { - context.drawImage(image, 0, 0, image.width, image.height); - } - } - - if (canvas.width > 2048 || canvas.height > 2048) { - return canvas.toDataURL("image/jpeg", 0.6); - } else { - return canvas.toDataURL("image/png"); - } - } - - var output = { - metadata: { - version: 4.5, - type: "Texture", - generator: "Texture.toJSON", - }, - - uuid: this.uuid, - name: this.name, - - mapping: this.mapping, - - repeat: [this.repeat.x, this.repeat.y], - offset: [this.offset.x, this.offset.y], - center: [this.center.x, this.center.y], - rotation: this.rotation, - - wrap: [this.wrapS, this.wrapT], - - format: this.format, - minFilter: this.minFilter, - magFilter: this.magFilter, - anisotropy: this.anisotropy, - - flipY: this.flipY, - }; - - if (this.image !== undefined) { - // TODO: Move to THREE.Image - - var image = this.image; - - if (image.uuid === undefined) { - image.uuid = _Math.generateUUID(); // UGH - } - - if (!isRootObject && meta.images[image.uuid] === undefined) { - meta.images[image.uuid] = { - uuid: image.uuid, - url: getDataURL(image), - }; - } - - output.image = image.uuid; - } - - if (!isRootObject) { - meta.textures[this.uuid] = output; - } - - return output; - }, - - dispose: function () { - this.dispatchEvent({ type: "dispose" }); - }, - - transformUv: function (uv) { - if (this.mapping !== UVMapping) return; - - uv.applyMatrix3(this.matrix); - - if (uv.x < 0 || uv.x > 1) { - switch (this.wrapS) { - case RepeatWrapping: - uv.x = uv.x - Math.floor(uv.x); - break; - - case ClampToEdgeWrapping: - uv.x = uv.x < 0 ? 0 : 1; - break; - - case MirroredRepeatWrapping: - if (Math.abs(Math.floor(uv.x) % 2) === 1) { - uv.x = Math.ceil(uv.x) - uv.x; - } else { - uv.x = uv.x - Math.floor(uv.x); - } - break; - } - } - - if (uv.y < 0 || uv.y > 1) { - switch (this.wrapT) { - case RepeatWrapping: - uv.y = uv.y - Math.floor(uv.y); - break; - - case ClampToEdgeWrapping: - uv.y = uv.y < 0 ? 0 : 1; - break; - - case MirroredRepeatWrapping: - if (Math.abs(Math.floor(uv.y) % 2) === 1) { - uv.y = Math.ceil(uv.y) - uv.y; - } else { - uv.y = uv.y - Math.floor(uv.y); - } - break; - } - } - - if (this.flipY) { - uv.y = 1 - uv.y; - } - }, - }); - - Object.defineProperty(Texture.prototype, "needsUpdate", { - set: function (value) { - if (value === true) this.version++; - }, - }); - - /** - * @author supereggbert / http://www.paulbrunt.co.uk/ - * @author philogb / http://blog.thejit.org/ - * @author mikael emtinger / http://gomo.se/ - * @author egraether / http://egraether.com/ - * @author WestLangley / http://github.com/WestLangley - */ - - function Vector4(x, y, z, w) { - this.x = x || 0; - this.y = y || 0; - this.z = z || 0; - this.w = w !== undefined ? w : 1; - } - - Object.assign(Vector4.prototype, { - isVector4: true, - - set: function (x, y, z, w) { - this.x = x; - this.y = y; - this.z = z; - this.w = w; - - return this; - }, - - setScalar: function (scalar) { - this.x = scalar; - this.y = scalar; - this.z = scalar; - this.w = scalar; - - return this; - }, - - setX: function (x) { - this.x = x; - - return this; - }, - - setY: function (y) { - this.y = y; - - return this; - }, - - setZ: function (z) { - this.z = z; - - return this; - }, - - setW: function (w) { - this.w = w; - - return this; - }, - - setComponent: function (index, value) { - switch (index) { - case 0: - this.x = value; - break; - case 1: - this.y = value; - break; - case 2: - this.z = value; - break; - case 3: - this.w = value; - break; - default: - throw new Error("index is out of range: " + index); - } - - return this; - }, - - getComponent: function (index) { - switch (index) { - case 0: - return this.x; - case 1: - return this.y; - case 2: - return this.z; - case 3: - return this.w; - default: - throw new Error("index is out of range: " + index); - } - }, - - clone: function () { - return new this.constructor(this.x, this.y, this.z, this.w); - }, - - copy: function (v) { - this.x = v.x; - this.y = v.y; - this.z = v.z; - this.w = v.w !== undefined ? v.w : 1; - - return this; - }, - - add: function (v, w) { - if (w !== undefined) { - console.warn( - "THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead." - ); - return this.addVectors(v, w); - } - - this.x += v.x; - this.y += v.y; - this.z += v.z; - this.w += v.w; - - return this; - }, - - addScalar: function (s) { - this.x += s; - this.y += s; - this.z += s; - this.w += s; - - return this; - }, - - addVectors: function (a, b) { - this.x = a.x + b.x; - this.y = a.y + b.y; - this.z = a.z + b.z; - this.w = a.w + b.w; - - return this; - }, - - addScaledVector: function (v, s) { - this.x += v.x * s; - this.y += v.y * s; - this.z += v.z * s; - this.w += v.w * s; - - return this; - }, - - sub: function (v, w) { - if (w !== undefined) { - console.warn( - "THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead." - ); - return this.subVectors(v, w); - } - - this.x -= v.x; - this.y -= v.y; - this.z -= v.z; - this.w -= v.w; - - return this; - }, - - subScalar: function (s) { - this.x -= s; - this.y -= s; - this.z -= s; - this.w -= s; - - return this; - }, - - subVectors: function (a, b) { - this.x = a.x - b.x; - this.y = a.y - b.y; - this.z = a.z - b.z; - this.w = a.w - b.w; - - return this; - }, - - multiplyScalar: function (scalar) { - this.x *= scalar; - this.y *= scalar; - this.z *= scalar; - this.w *= scalar; - - return this; - }, - - applyMatrix4: function (m) { - var x = this.x, - y = this.y, - z = this.z, - w = this.w; - var e = m.elements; - - this.x = e[0] * x + e[4] * y + e[8] * z + e[12] * w; - this.y = e[1] * x + e[5] * y + e[9] * z + e[13] * w; - this.z = e[2] * x + e[6] * y + e[10] * z + e[14] * w; - this.w = e[3] * x + e[7] * y + e[11] * z + e[15] * w; - - return this; - }, - - divideScalar: function (scalar) { - return this.multiplyScalar(1 / scalar); - }, - - setAxisAngleFromQuaternion: function (q) { - // http://www.euclideanspace.com/maths/geometry/rotations/conversions/quaternionToAngle/index.htm - - // q is assumed to be normalized - - this.w = 2 * Math.acos(q.w); - - var s = Math.sqrt(1 - q.w * q.w); - - if (s < 0.0001) { - this.x = 1; - this.y = 0; - this.z = 0; - } else { - this.x = q.x / s; - this.y = q.y / s; - this.z = q.z / s; - } - - return this; - }, - - setAxisAngleFromRotationMatrix: function (m) { - // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToAngle/index.htm - - // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) - - var angle, - x, - y, - z, // variables for result - epsilon = 0.01, // margin to allow for rounding errors - epsilon2 = 0.1, // margin to distinguish between 0 and 180 degrees - te = m.elements, - m11 = te[0], - m12 = te[4], - m13 = te[8], - m21 = te[1], - m22 = te[5], - m23 = te[9], - m31 = te[2], - m32 = te[6], - m33 = te[10]; - - if ( - Math.abs(m12 - m21) < epsilon && - Math.abs(m13 - m31) < epsilon && - Math.abs(m23 - m32) < epsilon - ) { - // singularity found - // first check for identity matrix which must have +1 for all terms - // in leading diagonal and zero in other terms - - if ( - Math.abs(m12 + m21) < epsilon2 && - Math.abs(m13 + m31) < epsilon2 && - Math.abs(m23 + m32) < epsilon2 && - Math.abs(m11 + m22 + m33 - 3) < epsilon2 - ) { - // this singularity is identity matrix so angle = 0 - - this.set(1, 0, 0, 0); - - return this; // zero angle, arbitrary axis - } - - // otherwise this singularity is angle = 180 - - angle = Math.PI; - - var xx = (m11 + 1) / 2; - var yy = (m22 + 1) / 2; - var zz = (m33 + 1) / 2; - var xy = (m12 + m21) / 4; - var xz = (m13 + m31) / 4; - var yz = (m23 + m32) / 4; - - if (xx > yy && xx > zz) { - // m11 is the largest diagonal term - - if (xx < epsilon) { - x = 0; - y = 0.707106781; - z = 0.707106781; - } else { - x = Math.sqrt(xx); - y = xy / x; - z = xz / x; - } - } else if (yy > zz) { - // m22 is the largest diagonal term - - if (yy < epsilon) { - x = 0.707106781; - y = 0; - z = 0.707106781; - } else { - y = Math.sqrt(yy); - x = xy / y; - z = yz / y; - } - } else { - // m33 is the largest diagonal term so base result on this - - if (zz < epsilon) { - x = 0.707106781; - y = 0.707106781; - z = 0; - } else { - z = Math.sqrt(zz); - x = xz / z; - y = yz / z; - } - } - - this.set(x, y, z, angle); - - return this; // return 180 deg rotation - } - - // as we have reached here there are no singularities so we can handle normally - - var s = Math.sqrt( - (m32 - m23) * (m32 - m23) + - (m13 - m31) * (m13 - m31) + - (m21 - m12) * (m21 - m12) - ); // used to normalize - - if (Math.abs(s) < 0.001) s = 1; - - // prevent divide by zero, should not happen if matrix is orthogonal and should be - // caught by singularity test above, but I've left it in just in case - - this.x = (m32 - m23) / s; - this.y = (m13 - m31) / s; - this.z = (m21 - m12) / s; - this.w = Math.acos((m11 + m22 + m33 - 1) / 2); - - return this; - }, - - min: function (v) { - this.x = Math.min(this.x, v.x); - this.y = Math.min(this.y, v.y); - this.z = Math.min(this.z, v.z); - this.w = Math.min(this.w, v.w); - - return this; - }, - - max: function (v) { - this.x = Math.max(this.x, v.x); - this.y = Math.max(this.y, v.y); - this.z = Math.max(this.z, v.z); - this.w = Math.max(this.w, v.w); - - return this; - }, - - clamp: function (min, max) { - // assumes min < max, componentwise - - this.x = Math.max(min.x, Math.min(max.x, this.x)); - this.y = Math.max(min.y, Math.min(max.y, this.y)); - this.z = Math.max(min.z, Math.min(max.z, this.z)); - this.w = Math.max(min.w, Math.min(max.w, this.w)); - - return this; - }, - - clampScalar: (function () { - var min, max; - - return function clampScalar(minVal, maxVal) { - if (min === undefined) { - min = new Vector4(); - max = new Vector4(); - } - - min.set(minVal, minVal, minVal, minVal); - max.set(maxVal, maxVal, maxVal, maxVal); - - return this.clamp(min, max); - }; - })(), - - clampLength: function (min, max) { - var length = this.length(); - - return this.divideScalar(length || 1).multiplyScalar( - Math.max(min, Math.min(max, length)) - ); - }, - - floor: function () { - this.x = Math.floor(this.x); - this.y = Math.floor(this.y); - this.z = Math.floor(this.z); - this.w = Math.floor(this.w); - - return this; - }, - - ceil: function () { - this.x = Math.ceil(this.x); - this.y = Math.ceil(this.y); - this.z = Math.ceil(this.z); - this.w = Math.ceil(this.w); - - return this; - }, - - round: function () { - this.x = Math.round(this.x); - this.y = Math.round(this.y); - this.z = Math.round(this.z); - this.w = Math.round(this.w); - - return this; - }, - - roundToZero: function () { - this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); - this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); - this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z); - this.w = this.w < 0 ? Math.ceil(this.w) : Math.floor(this.w); - - return this; - }, - - negate: function () { - this.x = -this.x; - this.y = -this.y; - this.z = -this.z; - this.w = -this.w; - - return this; - }, - - dot: function (v) { - return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w; - }, - - lengthSq: function () { - return ( - this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w - ); - }, - - length: function () { - return Math.sqrt( - this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w - ); - }, - - manhattanLength: function () { - return ( - Math.abs(this.x) + - Math.abs(this.y) + - Math.abs(this.z) + - Math.abs(this.w) - ); - }, - - normalize: function () { - return this.divideScalar(this.length() || 1); - }, - - setLength: function (length) { - return this.normalize().multiplyScalar(length); - }, - - lerp: function (v, alpha) { - this.x += (v.x - this.x) * alpha; - this.y += (v.y - this.y) * alpha; - this.z += (v.z - this.z) * alpha; - this.w += (v.w - this.w) * alpha; - - return this; - }, - - lerpVectors: function (v1, v2, alpha) { - return this.subVectors(v2, v1).multiplyScalar(alpha).add(v1); - }, - - equals: function (v) { - return ( - v.x === this.x && v.y === this.y && v.z === this.z && v.w === this.w - ); - }, - - fromArray: function (array, offset) { - if (offset === undefined) offset = 0; - - this.x = array[offset]; - this.y = array[offset + 1]; - this.z = array[offset + 2]; - this.w = array[offset + 3]; - - return this; - }, - - toArray: function (array, offset) { - if (array === undefined) array = []; - if (offset === undefined) offset = 0; - - array[offset] = this.x; - array[offset + 1] = this.y; - array[offset + 2] = this.z; - array[offset + 3] = this.w; - - return array; - }, - - fromBufferAttribute: function (attribute, index, offset) { - if (offset !== undefined) { - console.warn( - "THREE.Vector4: offset has been removed from .fromBufferAttribute()." - ); - } - - this.x = attribute.getX(index); - this.y = attribute.getY(index); - this.z = attribute.getZ(index); - this.w = attribute.getW(index); - - return this; - }, - }); - - /** - * @author szimek / https://github.com/szimek/ - * @author alteredq / http://alteredqualia.com/ - * @author Marius Kintel / https://github.com/kintel - */ - - /* - In options, we can specify: - * Texture parameters for an auto-generated target texture - * depthBuffer/stencilBuffer: Booleans to indicate if we should generate these buffers - */ - function WebGLRenderTarget(width, height, options) { - this.width = width; - this.height = height; - - this.scissor = new Vector4(0, 0, width, height); - this.scissorTest = false; - - this.viewport = new Vector4(0, 0, width, height); - - options = options || {}; - - if (options.minFilter === undefined) options.minFilter = LinearFilter; - - this.texture = new Texture( - undefined, - undefined, - options.wrapS, - options.wrapT, - options.magFilter, - options.minFilter, - options.format, - options.type, - options.anisotropy, - options.encoding - ); - - this.depthBuffer = - options.depthBuffer !== undefined ? options.depthBuffer : true; - this.stencilBuffer = - options.stencilBuffer !== undefined ? options.stencilBuffer : true; - this.depthTexture = - options.depthTexture !== undefined ? options.depthTexture : null; - } - - WebGLRenderTarget.prototype = Object.assign( - Object.create(EventDispatcher.prototype), - { - constructor: WebGLRenderTarget, - - isWebGLRenderTarget: true, - - setSize: function (width, height) { - if (this.width !== width || this.height !== height) { - this.width = width; - this.height = height; - - this.dispose(); - } - - this.viewport.set(0, 0, width, height); - this.scissor.set(0, 0, width, height); - }, - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (source) { - this.width = source.width; - this.height = source.height; - - this.viewport.copy(source.viewport); - - this.texture = source.texture.clone(); - - this.depthBuffer = source.depthBuffer; - this.stencilBuffer = source.stencilBuffer; - this.depthTexture = source.depthTexture; - - return this; - }, - - dispose: function () { - this.dispatchEvent({ type: "dispose" }); - }, - } - ); - - /** - * @author alteredq / http://alteredqualia.com - */ - - function WebGLRenderTargetCube(width, height, options) { - WebGLRenderTarget.call(this, width, height, options); - - this.activeCubeFace = 0; // PX 0, NX 1, PY 2, NY 3, PZ 4, NZ 5 - this.activeMipMapLevel = 0; - } - - WebGLRenderTargetCube.prototype = Object.create(WebGLRenderTarget.prototype); - WebGLRenderTargetCube.prototype.constructor = WebGLRenderTargetCube; - - WebGLRenderTargetCube.prototype.isWebGLRenderTargetCube = true; - - /** - * @author alteredq / http://alteredqualia.com/ - */ - - function DataTexture( - data, - width, - height, - format, - type, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - anisotropy, - encoding - ) { - Texture.call( - this, - null, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy, - encoding - ); - - this.image = { data: data, width: width, height: height }; - - this.magFilter = magFilter !== undefined ? magFilter : NearestFilter; - this.minFilter = minFilter !== undefined ? minFilter : NearestFilter; - - this.generateMipmaps = false; - this.flipY = false; - this.unpackAlignment = 1; - } - - DataTexture.prototype = Object.create(Texture.prototype); - DataTexture.prototype.constructor = DataTexture; - - DataTexture.prototype.isDataTexture = true; - - /** - * @author bhouston / http://clara.io - * @author WestLangley / http://github.com/WestLangley - */ - - function Box3(min, max) { - this.min = - min !== undefined ? min : new Vector3(+Infinity, +Infinity, +Infinity); - this.max = - max !== undefined ? max : new Vector3(-Infinity, -Infinity, -Infinity); - } - - Object.assign(Box3.prototype, { - isBox3: true, - - set: function (min, max) { - this.min.copy(min); - this.max.copy(max); - - return this; - }, - - setFromArray: function (array) { - var minX = +Infinity; - var minY = +Infinity; - var minZ = +Infinity; - - var maxX = -Infinity; - var maxY = -Infinity; - var maxZ = -Infinity; - - for (var i = 0, l = array.length; i < l; i += 3) { - var x = array[i]; - var y = array[i + 1]; - var z = array[i + 2]; - - if (x < minX) minX = x; - if (y < minY) minY = y; - if (z < minZ) minZ = z; - - if (x > maxX) maxX = x; - if (y > maxY) maxY = y; - if (z > maxZ) maxZ = z; - } - - this.min.set(minX, minY, minZ); - this.max.set(maxX, maxY, maxZ); - - return this; - }, - - setFromBufferAttribute: function (attribute) { - var minX = +Infinity; - var minY = +Infinity; - var minZ = +Infinity; - - var maxX = -Infinity; - var maxY = -Infinity; - var maxZ = -Infinity; - - for (var i = 0, l = attribute.count; i < l; i++) { - var x = attribute.getX(i); - var y = attribute.getY(i); - var z = attribute.getZ(i); - - if (x < minX) minX = x; - if (y < minY) minY = y; - if (z < minZ) minZ = z; - - if (x > maxX) maxX = x; - if (y > maxY) maxY = y; - if (z > maxZ) maxZ = z; - } - - this.min.set(minX, minY, minZ); - this.max.set(maxX, maxY, maxZ); + } - return this; - }, + }; - setFromPoints: function (points) { - this.makeEmpty(); + /** + * @author mrdoob / http://mrdoob.com/ + * @author philogb / http://blog.thejit.org/ + * @author egraether / http://egraether.com/ + * @author zz85 / http://www.lab4games.net/zz85/blog + */ - for (var i = 0, il = points.length; i < il; i++) { - this.expandByPoint(points[i]); - } + function Vector2( x, y ) { - return this; - }, + this.x = x || 0; + this.y = y || 0; - setFromCenterAndSize: (function () { - var v1 = new Vector3(); + } - return function setFromCenterAndSize(center, size) { - var halfSize = v1.copy(size).multiplyScalar(0.5); + Object.defineProperties( Vector2.prototype, { - this.min.copy(center).sub(halfSize); - this.max.copy(center).add(halfSize); + "width": { - return this; - }; - })(), + get: function () { - setFromObject: function (object) { - this.makeEmpty(); + return this.x; - return this.expandByObject(object); - }, + }, - clone: function () { - return new this.constructor().copy(this); - }, + set: function ( value ) { - copy: function (box) { - this.min.copy(box.min); - this.max.copy(box.max); + this.x = value; - return this; - }, + } - makeEmpty: function () { - this.min.x = this.min.y = this.min.z = +Infinity; - this.max.x = this.max.y = this.max.z = -Infinity; + }, - return this; - }, + "height": { - isEmpty: function () { - // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes + get: function () { - return ( - this.max.x < this.min.x || - this.max.y < this.min.y || - this.max.z < this.min.z - ); - }, + return this.y; - getCenter: function (target) { - if (target === undefined) { - console.warn("THREE.Box3: .getCenter() target is now required"); - target = new Vector3(); - } + }, - return this.isEmpty() - ? target.set(0, 0, 0) - : target.addVectors(this.min, this.max).multiplyScalar(0.5); - }, - - getSize: function (target) { - if (target === undefined) { - console.warn("THREE.Box3: .getSize() target is now required"); - target = new Vector3(); - } - - return this.isEmpty() - ? target.set(0, 0, 0) - : target.subVectors(this.max, this.min); - }, - - expandByPoint: function (point) { - this.min.min(point); - this.max.max(point); - - return this; - }, - - expandByVector: function (vector) { - this.min.sub(vector); - this.max.add(vector); - - return this; - }, - - expandByScalar: function (scalar) { - this.min.addScalar(-scalar); - this.max.addScalar(scalar); - - return this; - }, - - expandByObject: (function () { - // Computes the world-axis-aligned bounding box of an object (including its children), - // accounting for both the object's, and children's, world transforms - - var scope, i, l; - - var v1 = new Vector3(); - - function traverse(node) { - var geometry = node.geometry; - - if (geometry !== undefined) { - if (geometry.isGeometry) { - var vertices = geometry.vertices; - - for (i = 0, l = vertices.length; i < l; i++) { - v1.copy(vertices[i]); - v1.applyMatrix4(node.matrixWorld); - - scope.expandByPoint(v1); - } - } else if (geometry.isBufferGeometry) { - var attribute = geometry.attributes.position; - - if (attribute !== undefined) { - for (i = 0, l = attribute.count; i < l; i++) { - v1.fromBufferAttribute(attribute, i).applyMatrix4( - node.matrixWorld - ); - - scope.expandByPoint(v1); - } - } - } - } - } - - return function expandByObject(object) { - scope = this; - - object.updateMatrixWorld(true); - - object.traverse(traverse); - - return this; - }; - })(), - - containsPoint: function (point) { - return point.x < this.min.x || - point.x > this.max.x || - point.y < this.min.y || - point.y > this.max.y || - point.z < this.min.z || - point.z > this.max.z - ? false - : true; - }, - - containsBox: function (box) { - return ( - this.min.x <= box.min.x && - box.max.x <= this.max.x && - this.min.y <= box.min.y && - box.max.y <= this.max.y && - this.min.z <= box.min.z && - box.max.z <= this.max.z - ); - }, - - getParameter: function (point, target) { - // This can potentially have a divide by zero if the box - // has a size dimension of 0. - - if (target === undefined) { - console.warn("THREE.Box3: .getParameter() target is now required"); - target = new Vector3(); - } - - return target.set( - (point.x - this.min.x) / (this.max.x - this.min.x), - (point.y - this.min.y) / (this.max.y - this.min.y), - (point.z - this.min.z) / (this.max.z - this.min.z) - ); - }, - - intersectsBox: function (box) { - // using 6 splitting planes to rule out intersections. - return box.max.x < this.min.x || - box.min.x > this.max.x || - box.max.y < this.min.y || - box.min.y > this.max.y || - box.max.z < this.min.z || - box.min.z > this.max.z - ? false - : true; - }, - - intersectsSphere: (function () { - var closestPoint = new Vector3(); - - return function intersectsSphere(sphere) { - // Find the point on the AABB closest to the sphere center. - this.clampPoint(sphere.center, closestPoint); - - // If that point is inside the sphere, the AABB and sphere intersect. - return ( - closestPoint.distanceToSquared(sphere.center) <= - sphere.radius * sphere.radius - ); - }; - })(), - - intersectsPlane: function (plane) { - // We compute the minimum and maximum dot product values. If those values - // are on the same side (back or front) of the plane, then there is no intersection. - - var min, max; - - if (plane.normal.x > 0) { - min = plane.normal.x * this.min.x; - max = plane.normal.x * this.max.x; - } else { - min = plane.normal.x * this.max.x; - max = plane.normal.x * this.min.x; - } - - if (plane.normal.y > 0) { - min += plane.normal.y * this.min.y; - max += plane.normal.y * this.max.y; - } else { - min += plane.normal.y * this.max.y; - max += plane.normal.y * this.min.y; - } - - if (plane.normal.z > 0) { - min += plane.normal.z * this.min.z; - max += plane.normal.z * this.max.z; - } else { - min += plane.normal.z * this.max.z; - max += plane.normal.z * this.min.z; - } - - return min <= plane.constant && max >= plane.constant; - }, - - intersectsTriangle: (function () { - // triangle centered vertices - var v0 = new Vector3(); - var v1 = new Vector3(); - var v2 = new Vector3(); - - // triangle edge vectors - var f0 = new Vector3(); - var f1 = new Vector3(); - var f2 = new Vector3(); - - var testAxis = new Vector3(); - - var center = new Vector3(); - var extents = new Vector3(); - - var triangleNormal = new Vector3(); - - function satForAxes(axes) { - var i, j; - - for (i = 0, j = axes.length - 3; i <= j; i += 3) { - testAxis.fromArray(axes, i); - // project the aabb onto the seperating axis - var r = - extents.x * Math.abs(testAxis.x) + - extents.y * Math.abs(testAxis.y) + - extents.z * Math.abs(testAxis.z); - // project all 3 vertices of the triangle onto the seperating axis - var p0 = v0.dot(testAxis); - var p1 = v1.dot(testAxis); - var p2 = v2.dot(testAxis); - // actual test, basically see if either of the most extreme of the triangle points intersects r - if (Math.max(-Math.max(p0, p1, p2), Math.min(p0, p1, p2)) > r) { - // points of the projected triangle are outside the projected half-length of the aabb - // the axis is seperating and we can exit - return false; - } - } - - return true; - } - - return function intersectsTriangle(triangle) { - if (this.isEmpty()) { - return false; - } - - // compute box center and extents - this.getCenter(center); - extents.subVectors(this.max, center); - - // translate triangle to aabb origin - v0.subVectors(triangle.a, center); - v1.subVectors(triangle.b, center); - v2.subVectors(triangle.c, center); - - // compute edge vectors for triangle - f0.subVectors(v1, v0); - f1.subVectors(v2, v1); - f2.subVectors(v0, v2); - - // test against axes that are given by cross product combinations of the edges of the triangle and the edges of the aabb - // make an axis testing of each of the 3 sides of the aabb against each of the 3 sides of the triangle = 9 axis of separation - // axis_ij = u_i x f_j (u0, u1, u2 = face normals of aabb = x,y,z axes vectors since aabb is axis aligned) - var axes = [ - 0, - -f0.z, - f0.y, - 0, - -f1.z, - f1.y, - 0, - -f2.z, - f2.y, - f0.z, - 0, - -f0.x, - f1.z, - 0, - -f1.x, - f2.z, - 0, - -f2.x, - -f0.y, - f0.x, - 0, - -f1.y, - f1.x, - 0, - -f2.y, - f2.x, - 0, - ]; - if (!satForAxes(axes)) { - return false; - } - - // test 3 face normals from the aabb - axes = [1, 0, 0, 0, 1, 0, 0, 0, 1]; - if (!satForAxes(axes)) { - return false; - } - - // finally testing the face normal of the triangle - // use already existing triangle edge vectors here - triangleNormal.crossVectors(f0, f1); - axes = [triangleNormal.x, triangleNormal.y, triangleNormal.z]; - return satForAxes(axes); - }; - })(), - - clampPoint: function (point, target) { - if (target === undefined) { - console.warn("THREE.Box3: .clampPoint() target is now required"); - target = new Vector3(); - } - - return target.copy(point).clamp(this.min, this.max); - }, - - distanceToPoint: (function () { - var v1 = new Vector3(); - - return function distanceToPoint(point) { - var clampedPoint = v1.copy(point).clamp(this.min, this.max); - return clampedPoint.sub(point).length(); - }; - })(), - - getBoundingSphere: (function () { - var v1 = new Vector3(); - - return function getBoundingSphere(target) { - if (target === undefined) { - console.warn( - "THREE.Box3: .getBoundingSphere() target is now required" - ); - target = new Sphere(); - } - - this.getCenter(target.center); - - target.radius = this.getSize(v1).length() * 0.5; - - return target; - }; - })(), - - intersect: function (box) { - this.min.max(box.min); - this.max.min(box.max); - - // ensure that if there is no overlap, the result is fully empty, not slightly empty with non-inf/+inf values that will cause subsequence intersects to erroneously return valid values. - if (this.isEmpty()) this.makeEmpty(); - - return this; - }, - - union: function (box) { - this.min.min(box.min); - this.max.max(box.max); - - return this; - }, - - applyMatrix4: (function () { - var points = [ - new Vector3(), - new Vector3(), - new Vector3(), - new Vector3(), - new Vector3(), - new Vector3(), - new Vector3(), - new Vector3(), - ]; - - return function applyMatrix4(matrix) { - // transform of empty box is an empty box. - if (this.isEmpty()) return this; - - // NOTE: I am using a binary pattern to specify all 2^3 combinations below - points[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(matrix); // 000 - points[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(matrix); // 001 - points[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(matrix); // 010 - points[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(matrix); // 011 - points[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(matrix); // 100 - points[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(matrix); // 101 - points[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(matrix); // 110 - points[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(matrix); // 111 - - this.setFromPoints(points); - - return this; - }; - })(), - - translate: function (offset) { - this.min.add(offset); - this.max.add(offset); - - return this; - }, - - equals: function (box) { - return box.min.equals(this.min) && box.max.equals(this.max); - }, - }); - - /** - * @author bhouston / http://clara.io - * @author mrdoob / http://mrdoob.com/ - */ - - function Sphere(center, radius) { - this.center = center !== undefined ? center : new Vector3(); - this.radius = radius !== undefined ? radius : 0; - } - - Object.assign(Sphere.prototype, { - set: function (center, radius) { - this.center.copy(center); - this.radius = radius; - - return this; - }, - - setFromPoints: (function () { - var box = new Box3(); - - return function setFromPoints(points, optionalCenter) { - var center = this.center; - - if (optionalCenter !== undefined) { - center.copy(optionalCenter); - } else { - box.setFromPoints(points).getCenter(center); - } + set: function ( value ) { - var maxRadiusSq = 0; + this.y = value; - for (var i = 0, il = points.length; i < il; i++) { - maxRadiusSq = Math.max( - maxRadiusSq, - center.distanceToSquared(points[i]) - ); - } + } - this.radius = Math.sqrt(maxRadiusSq); - - return this; - }; - })(), - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (sphere) { - this.center.copy(sphere.center); - this.radius = sphere.radius; - - return this; - }, - - empty: function () { - return this.radius <= 0; - }, - - containsPoint: function (point) { - return point.distanceToSquared(this.center) <= this.radius * this.radius; - }, + } - distanceToPoint: function (point) { - return point.distanceTo(this.center) - this.radius; - }, + } ); - intersectsSphere: function (sphere) { - var radiusSum = this.radius + sphere.radius; + Object.assign( Vector2.prototype, { - return ( - sphere.center.distanceToSquared(this.center) <= radiusSum * radiusSum - ); - }, + isVector2: true, - intersectsBox: function (box) { - return box.intersectsSphere(this); - }, + set: function ( x, y ) { - intersectsPlane: function (plane) { - return Math.abs(plane.distanceToPoint(this.center)) <= this.radius; - }, + this.x = x; + this.y = y; - clampPoint: function (point, target) { - var deltaLengthSq = this.center.distanceToSquared(point); + return this; - if (target === undefined) { - console.warn("THREE.Sphere: .clampPoint() target is now required"); - target = new Vector3(); - } + }, - target.copy(point); + setScalar: function ( scalar ) { - if (deltaLengthSq > this.radius * this.radius) { - target.sub(this.center).normalize(); - target.multiplyScalar(this.radius).add(this.center); - } + this.x = scalar; + this.y = scalar; - return target; - }, + return this; - getBoundingBox: function (target) { - if (target === undefined) { - console.warn("THREE.Sphere: .getBoundingBox() target is now required"); - target = new Box3(); - } + }, - target.set(this.center, this.center); - target.expandByScalar(this.radius); + setX: function ( x ) { - return target; - }, + this.x = x; - applyMatrix4: function (matrix) { - this.center.applyMatrix4(matrix); - this.radius = this.radius * matrix.getMaxScaleOnAxis(); + return this; - return this; - }, + }, - translate: function (offset) { - this.center.add(offset); + setY: function ( y ) { - return this; - }, + this.y = y; - equals: function (sphere) { - return sphere.center.equals(this.center) && sphere.radius === this.radius; - }, - }); + return this; - /** - * @author bhouston / http://clara.io - */ + }, - function Plane(normal, constant) { - // normal is assumed to be normalized + setComponent: function ( index, value ) { - this.normal = normal !== undefined ? normal : new Vector3(1, 0, 0); - this.constant = constant !== undefined ? constant : 0; - } + switch ( index ) { - Object.assign(Plane.prototype, { - set: function (normal, constant) { - this.normal.copy(normal); - this.constant = constant; + case 0: this.x = value; break; + case 1: this.y = value; break; + default: throw new Error( 'index is out of range: ' + index ); - return this; - }, + } - setComponents: function (x, y, z, w) { - this.normal.set(x, y, z); - this.constant = w; + return this; - return this; - }, + }, - setFromNormalAndCoplanarPoint: function (normal, point) { - this.normal.copy(normal); - this.constant = -point.dot(this.normal); + getComponent: function ( index ) { - return this; - }, + switch ( index ) { - setFromCoplanarPoints: (function () { - var v1 = new Vector3(); - var v2 = new Vector3(); + case 0: return this.x; + case 1: return this.y; + default: throw new Error( 'index is out of range: ' + index ); - return function setFromCoplanarPoints(a, b, c) { - var normal = v1.subVectors(c, b).cross(v2.subVectors(a, b)).normalize(); + } - // Q: should an error be thrown if normal is zero (e.g. degenerate plane)? + }, - this.setFromNormalAndCoplanarPoint(normal, a); + clone: function () { - return this; - }; - })(), + return new this.constructor( this.x, this.y ); - clone: function () { - return new this.constructor().copy(this); - }, + }, - copy: function (plane) { - this.normal.copy(plane.normal); - this.constant = plane.constant; + copy: function ( v ) { - return this; - }, + this.x = v.x; + this.y = v.y; - normalize: function () { - // Note: will lead to a divide by zero if the plane is invalid. + return this; - var inverseNormalLength = 1.0 / this.normal.length(); - this.normal.multiplyScalar(inverseNormalLength); - this.constant *= inverseNormalLength; + }, - return this; - }, + add: function ( v, w ) { - negate: function () { - this.constant *= -1; - this.normal.negate(); + if ( w !== undefined ) { - return this; - }, + console.warn( 'THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead.' ); + return this.addVectors( v, w ); - distanceToPoint: function (point) { - return this.normal.dot(point) + this.constant; - }, + } - distanceToSphere: function (sphere) { - return this.distanceToPoint(sphere.center) - sphere.radius; - }, + this.x += v.x; + this.y += v.y; - projectPoint: function (point, target) { - if (target === undefined) { - console.warn("THREE.Plane: .projectPoint() target is now required"); - target = new Vector3(); - } + return this; - return target - .copy(this.normal) - .multiplyScalar(-this.distanceToPoint(point)) - .add(point); - }, + }, - intersectLine: (function () { - var v1 = new Vector3(); + addScalar: function ( s ) { - return function intersectLine(line, target) { - if (target === undefined) { - console.warn("THREE.Plane: .intersectLine() target is now required"); - target = new Vector3(); - } + this.x += s; + this.y += s; - var direction = line.delta(v1); + return this; - var denominator = this.normal.dot(direction); + }, - if (denominator === 0) { - // line is coplanar, return origin - if (this.distanceToPoint(line.start) === 0) { - return target.copy(line.start); - } + addVectors: function ( a, b ) { - // Unsure if this is the correct method to handle this case. - return undefined; - } + this.x = a.x + b.x; + this.y = a.y + b.y; - var t = -(line.start.dot(this.normal) + this.constant) / denominator; + return this; - if (t < 0 || t > 1) { - return undefined; - } + }, - return target.copy(direction).multiplyScalar(t).add(line.start); - }; - })(), + addScaledVector: function ( v, s ) { - intersectsLine: function (line) { - // Note: this tests if a line intersects the plane, not whether it (or its end-points) are coplanar with it. + this.x += v.x * s; + this.y += v.y * s; - var startSign = this.distanceToPoint(line.start); - var endSign = this.distanceToPoint(line.end); + return this; - return (startSign < 0 && endSign > 0) || (endSign < 0 && startSign > 0); - }, + }, - intersectsBox: function (box) { - return box.intersectsPlane(this); - }, - - intersectsSphere: function (sphere) { - return sphere.intersectsPlane(this); - }, - - coplanarPoint: function (target) { - if (target === undefined) { - console.warn("THREE.Plane: .coplanarPoint() target is now required"); - target = new Vector3(); - } - - return target.copy(this.normal).multiplyScalar(-this.constant); - }, - - applyMatrix4: (function () { - var v1 = new Vector3(); - var m1 = new Matrix3(); - - return function applyMatrix4(matrix, optionalNormalMatrix) { - var normalMatrix = optionalNormalMatrix || m1.getNormalMatrix(matrix); - - var referencePoint = this.coplanarPoint(v1).applyMatrix4(matrix); - - var normal = this.normal.applyMatrix3(normalMatrix).normalize(); - - this.constant = -referencePoint.dot(normal); - - return this; - }; - })(), - - translate: function (offset) { - this.constant -= offset.dot(this.normal); - - return this; - }, - - equals: function (plane) { - return ( - plane.normal.equals(this.normal) && plane.constant === this.constant - ); - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * @author bhouston / http://clara.io - */ - - function Frustum(p0, p1, p2, p3, p4, p5) { - this.planes = [ - p0 !== undefined ? p0 : new Plane(), - p1 !== undefined ? p1 : new Plane(), - p2 !== undefined ? p2 : new Plane(), - p3 !== undefined ? p3 : new Plane(), - p4 !== undefined ? p4 : new Plane(), - p5 !== undefined ? p5 : new Plane(), - ]; - } - - Object.assign(Frustum.prototype, { - set: function (p0, p1, p2, p3, p4, p5) { - var planes = this.planes; - - planes[0].copy(p0); - planes[1].copy(p1); - planes[2].copy(p2); - planes[3].copy(p3); - planes[4].copy(p4); - planes[5].copy(p5); - - return this; - }, - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (frustum) { - var planes = this.planes; - - for (var i = 0; i < 6; i++) { - planes[i].copy(frustum.planes[i]); - } - - return this; - }, - - setFromMatrix: function (m) { - var planes = this.planes; - var me = m.elements; - var me0 = me[0], - me1 = me[1], - me2 = me[2], - me3 = me[3]; - var me4 = me[4], - me5 = me[5], - me6 = me[6], - me7 = me[7]; - var me8 = me[8], - me9 = me[9], - me10 = me[10], - me11 = me[11]; - var me12 = me[12], - me13 = me[13], - me14 = me[14], - me15 = me[15]; - - planes[0] - .setComponents(me3 - me0, me7 - me4, me11 - me8, me15 - me12) - .normalize(); - planes[1] - .setComponents(me3 + me0, me7 + me4, me11 + me8, me15 + me12) - .normalize(); - planes[2] - .setComponents(me3 + me1, me7 + me5, me11 + me9, me15 + me13) - .normalize(); - planes[3] - .setComponents(me3 - me1, me7 - me5, me11 - me9, me15 - me13) - .normalize(); - planes[4] - .setComponents(me3 - me2, me7 - me6, me11 - me10, me15 - me14) - .normalize(); - planes[5] - .setComponents(me3 + me2, me7 + me6, me11 + me10, me15 + me14) - .normalize(); - - return this; - }, - - intersectsObject: (function () { - var sphere = new Sphere(); - - return function intersectsObject(object) { - var geometry = object.geometry; - - if (geometry.boundingSphere === null) geometry.computeBoundingSphere(); - - sphere.copy(geometry.boundingSphere).applyMatrix4(object.matrixWorld); - - return this.intersectsSphere(sphere); - }; - })(), - - intersectsSprite: (function () { - var sphere = new Sphere(); - - return function intersectsSprite(sprite) { - sphere.center.set(0, 0, 0); - sphere.radius = 0.7071067811865476; - sphere.applyMatrix4(sprite.matrixWorld); - - return this.intersectsSphere(sphere); - }; - })(), - - intersectsSphere: function (sphere) { - var planes = this.planes; - var center = sphere.center; - var negRadius = -sphere.radius; - - for (var i = 0; i < 6; i++) { - var distance = planes[i].distanceToPoint(center); + sub: function ( v, w ) { - if (distance < negRadius) { - return false; - } - } + if ( w !== undefined ) { - return true; - }, + console.warn( 'THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.' ); + return this.subVectors( v, w ); - intersectsBox: (function () { - var p1 = new Vector3(), - p2 = new Vector3(); + } - return function intersectsBox(box) { - var planes = this.planes; + this.x -= v.x; + this.y -= v.y; - for (var i = 0; i < 6; i++) { - var plane = planes[i]; + return this; - p1.x = plane.normal.x > 0 ? box.min.x : box.max.x; - p2.x = plane.normal.x > 0 ? box.max.x : box.min.x; - p1.y = plane.normal.y > 0 ? box.min.y : box.max.y; - p2.y = plane.normal.y > 0 ? box.max.y : box.min.y; - p1.z = plane.normal.z > 0 ? box.min.z : box.max.z; - p2.z = plane.normal.z > 0 ? box.max.z : box.min.z; + }, - var d1 = plane.distanceToPoint(p1); - var d2 = plane.distanceToPoint(p2); + subScalar: function ( s ) { - // if both outside plane, no intersection + this.x -= s; + this.y -= s; - if (d1 < 0 && d2 < 0) { - return false; - } - } + return this; - return true; - }; - })(), + }, - containsPoint: function (point) { - var planes = this.planes; + subVectors: function ( a, b ) { - for (var i = 0; i < 6; i++) { - if (planes[i].distanceToPoint(point) < 0) { - return false; - } - } + this.x = a.x - b.x; + this.y = a.y - b.y; - return true; - }, - }); + return this; - var alphamap_fragment = - "#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif\n"; + }, - var alphamap_pars_fragment = - "#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif\n"; + multiply: function ( v ) { - var alphatest_fragment = - "#ifdef ALPHATEST\n\tif ( diffuseColor.a < ALPHATEST ) discard;\n#endif\n"; + this.x *= v.x; + this.y *= v.y; - var aomap_fragment = - "#ifdef USE_AOMAP\n\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\n\treflectedLight.indirectDiffuse *= ambientOcclusion;\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.specularRoughness );\n\t#endif\n#endif\n"; + return this; - var aomap_pars_fragment = - "#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif"; + }, - var begin_vertex = "\nvec3 transformed = vec3( position );\n"; + multiplyScalar: function ( scalar ) { - var beginnormal_vertex = "\nvec3 objectNormal = vec3( normal );\n"; + this.x *= scalar; + this.y *= scalar; - var bsdfs = - "float punctualLightIntensityToIrradianceFactor( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n\tif( decayExponent > 0.0 ) {\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tfloat maxDistanceCutoffFactor = pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\treturn distanceFalloff * maxDistanceCutoffFactor;\n#else\n\t\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\n#endif\n\t}\n\treturn 1.0;\n}\nvec3 BRDF_Diffuse_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 specularColor, const in float dotLH ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\n\treturn ( 1.0 - specularColor ) * fresnel + specularColor;\n}\nfloat G_GGX_Smith( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gl = dotNL + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\tfloat gv = dotNV + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\treturn 1.0 / ( gl * gv );\n}\nfloat G_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}\nvec3 BRDF_Specular_GGX( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNL = saturate( dot( geometry.normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( G * 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}\nvec3 BRDF_Specular_GGX_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.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 AB = vec2( -1.04, 1.04 ) * a004 + r.zw;\n\treturn specularColor * AB.x + AB.y;\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_Specular_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\nfloat GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\n\treturn ( 2.0 / pow2( ggxRoughness + 0.0001 ) - 2.0 );\n}\nfloat BlinnExponentToGGXRoughness( const in float blinnExponent ) {\n\treturn sqrt( 2.0 / ( blinnExponent + 2.0 ) );\n}\n"; + return this; - var bumpmap_pars_fragment = - "#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 );\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif\n"; + }, - var clipping_planes_fragment = - "#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vViewPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vViewPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\tif ( clipped ) discard;\n\t#endif\n#endif\n"; + divide: function ( v ) { - var clipping_planes_pars_fragment = - "#if NUM_CLIPPING_PLANES > 0\n\t#if ! defined( PHYSICAL ) && ! defined( PHONG )\n\t\tvarying vec3 vViewPosition;\n\t#endif\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif\n"; + this.x /= v.x; + this.y /= v.y; - var clipping_planes_pars_vertex = - "#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvarying vec3 vViewPosition;\n#endif\n"; + return this; - var clipping_planes_vertex = - "#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n"; + }, - var color_fragment = - "#ifdef USE_COLOR\n\tdiffuseColor.rgb *= vColor;\n#endif"; + divideScalar: function ( scalar ) { - var color_pars_fragment = - "#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif\n"; + return this.multiplyScalar( 1 / scalar ); - var color_pars_vertex = "#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif"; + }, - var color_vertex = "#ifdef USE_COLOR\n\tvColor.xyz = color.xyz;\n#endif"; + applyMatrix3: function ( m ) { - var common = - "#define PI 3.14159265359\n#define PI2 6.28318530718\n#define PI_HALF 1.5707963267949\n#define RECIPROCAL_PI 0.31830988618\n#define RECIPROCAL_PI2 0.15915494\n#define LOG2 1.442695\n#define EPSILON 1e-6\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#define whiteCompliment(a) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract(sin(sn) * c);\n}\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nvec3 projectOnPlane(in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\tfloat distance = dot( planeNormal, point - pointOnPlane );\n\treturn - distance * planeNormal + point;\n}\nfloat sideOfPlane( in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn sign( dot( point - pointOnPlane, planeNormal ) );\n}\nvec3 linePlaneIntersect( in vec3 pointOnLine, in vec3 lineDirection, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn lineDirection * ( dot( planeNormal, pointOnPlane - pointOnLine ) / dot( planeNormal, lineDirection ) ) + pointOnLine;\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\n"; + var x = this.x, y = this.y; + var e = m.elements; - var cube_uv_reflection_fragment = - "#ifdef ENVMAP_TYPE_CUBE_UV\n#define cubeUV_textureSize (1024.0)\nint getFaceFromDirection(vec3 direction) {\n\tvec3 absDirection = abs(direction);\n\tint face = -1;\n\tif( absDirection.x > absDirection.z ) {\n\t\tif(absDirection.x > absDirection.y )\n\t\t\tface = direction.x > 0.0 ? 0 : 3;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\telse {\n\t\tif(absDirection.z > absDirection.y )\n\t\t\tface = direction.z > 0.0 ? 2 : 5;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\treturn face;\n}\n#define cubeUV_maxLods1 (log2(cubeUV_textureSize*0.25) - 1.0)\n#define cubeUV_rangeClamp (exp2((6.0 - 1.0) * 2.0))\nvec2 MipLevelInfo( vec3 vec, float roughnessLevel, float roughness ) {\n\tfloat scale = exp2(cubeUV_maxLods1 - roughnessLevel);\n\tfloat dxRoughness = dFdx(roughness);\n\tfloat dyRoughness = dFdy(roughness);\n\tvec3 dx = dFdx( vec * scale * dxRoughness );\n\tvec3 dy = dFdy( vec * scale * dyRoughness );\n\tfloat d = max( dot( dx, dx ), dot( dy, dy ) );\n\td = clamp(d, 1.0, cubeUV_rangeClamp);\n\tfloat mipLevel = 0.5 * log2(d);\n\treturn vec2(floor(mipLevel), fract(mipLevel));\n}\n#define cubeUV_maxLods2 (log2(cubeUV_textureSize*0.25) - 2.0)\n#define cubeUV_rcpTextureSize (1.0 / cubeUV_textureSize)\nvec2 getCubeUV(vec3 direction, float roughnessLevel, float mipLevel) {\n\tmipLevel = roughnessLevel > cubeUV_maxLods2 - 3.0 ? 0.0 : mipLevel;\n\tfloat a = 16.0 * cubeUV_rcpTextureSize;\n\tvec2 exp2_packed = exp2( vec2( roughnessLevel, mipLevel ) );\n\tvec2 rcp_exp2_packed = vec2( 1.0 ) / exp2_packed;\n\tfloat powScale = exp2_packed.x * exp2_packed.y;\n\tfloat scale = rcp_exp2_packed.x * rcp_exp2_packed.y * 0.25;\n\tfloat mipOffset = 0.75*(1.0 - rcp_exp2_packed.y) * rcp_exp2_packed.x;\n\tbool bRes = mipLevel == 0.0;\n\tscale = bRes && (scale < a) ? a : scale;\n\tvec3 r;\n\tvec2 offset;\n\tint face = getFaceFromDirection(direction);\n\tfloat rcpPowScale = 1.0 / powScale;\n\tif( face == 0) {\n\t\tr = vec3(direction.x, -direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 1) {\n\t\tr = vec3(direction.y, direction.x, direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 2) {\n\t\tr = vec3(direction.z, direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 3) {\n\t\tr = vec3(direction.x, direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse if( face == 4) {\n\t\tr = vec3(direction.y, direction.x, -direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse {\n\t\tr = vec3(direction.z, -direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\tr = normalize(r);\n\tfloat texelOffset = 0.5 * cubeUV_rcpTextureSize;\n\tvec2 s = ( r.yz / abs( r.x ) + vec2( 1.0 ) ) * 0.5;\n\tvec2 base = offset + vec2( texelOffset );\n\treturn base + s * ( scale - 2.0 * texelOffset );\n}\n#define cubeUV_maxLods3 (log2(cubeUV_textureSize*0.25) - 3.0)\nvec4 textureCubeUV(vec3 reflectedDirection, float roughness ) {\n\tfloat roughnessVal = roughness* cubeUV_maxLods3;\n\tfloat r1 = floor(roughnessVal);\n\tfloat r2 = r1 + 1.0;\n\tfloat t = fract(roughnessVal);\n\tvec2 mipInfo = MipLevelInfo(reflectedDirection, r1, roughness);\n\tfloat s = mipInfo.y;\n\tfloat level0 = mipInfo.x;\n\tfloat level1 = level0 + 1.0;\n\tlevel1 = level1 > 5.0 ? 5.0 : level1;\n\tlevel0 += min( floor( s + 0.5 ), 5.0 );\n\tvec2 uv_10 = getCubeUV(reflectedDirection, r1, level0);\n\tvec4 color10 = envMapTexelToLinear(texture2D(envMap, uv_10));\n\tvec2 uv_20 = getCubeUV(reflectedDirection, r2, level0);\n\tvec4 color20 = envMapTexelToLinear(texture2D(envMap, uv_20));\n\tvec4 result = mix(color10, color20, t);\n\treturn vec4(result.rgb, 1.0);\n}\n#endif\n"; + this.x = e[ 0 ] * x + e[ 3 ] * y + e[ 6 ]; + this.y = e[ 1 ] * x + e[ 4 ] * y + e[ 7 ]; - var defaultnormal_vertex = - "vec3 transformedNormal = normalMatrix * objectNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n"; + return this; - var displacementmap_pars_vertex = - "#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif\n"; + }, - var displacementmap_vertex = - "#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, uv ).x * displacementScale + displacementBias );\n#endif\n"; + min: function ( v ) { - var emissivemap_fragment = - "#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif\n"; + this.x = Math.min( this.x, v.x ); + this.y = Math.min( this.y, v.y ); - var emissivemap_pars_fragment = - "#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif\n"; + return this; - var encodings_fragment = - " gl_FragColor = linearToOutputTexel( gl_FragColor );\n"; + }, - var encodings_pars_fragment = - "\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( gammaFactor ) ), value.w );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( 1.0 / gammaFactor ) ), value.w );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.w );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.w );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.xyz * value.w * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = min( floor( D ) / 255.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = value.rgb * cLogLuvM;\n\tXp_Y_XYZp = max(Xp_Y_XYZp, vec3(1e-6, 1e-6, 1e-6));\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract(Le);\n\tvResult.z = (Le - (floor(vResult.w*255.0))/255.0)/255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2((Le - 127.0) / 2.0);\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = Xp_Y_XYZp.rgb * cLogLuvInverseM;\n\treturn vec4( max(vRGB, 0.0), 1.0 );\n}\n"; + max: function ( v ) { - var envmap_fragment = - "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvec3 cameraToVertex = normalize( vWorldPosition - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\tvec2 sampleUV;\n\t\treflectVec = normalize( reflectVec );\n\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\tvec4 envColor = texture2D( envMap, sampleUV );\n\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\treflectVec = normalize( reflectVec );\n\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0, 0.0, 1.0 ) );\n\t\tvec4 envColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\tenvColor = envMapTexelToLinear( envColor );\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif\n"; + this.x = Math.max( this.x, v.x ); + this.y = Math.max( this.y, v.y ); - var envmap_pars_fragment = - "#if defined( USE_ENVMAP ) || defined( PHYSICAL )\n\tuniform float reflectivity;\n\tuniform float envMapIntensity;\n#endif\n#ifdef USE_ENVMAP\n\t#if ! defined( PHYSICAL ) && ( defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) )\n\t\tvarying vec3 vWorldPosition;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) || defined( PHYSICAL )\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif\n"; + return this; - var envmap_pars_vertex = - "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif\n"; + }, - var envmap_vertex = - "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif\n"; + clamp: function ( min, max ) { - var fog_vertex = "\n#ifdef USE_FOG\nfogDepth = -mvPosition.z;\n#endif"; + // assumes min < max, componentwise - var fog_pars_vertex = "#ifdef USE_FOG\n varying float fogDepth;\n#endif\n"; + this.x = Math.max( min.x, Math.min( max.x, this.x ) ); + this.y = Math.max( min.y, Math.min( max.y, this.y ) ); - var fog_fragment = - "#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = whiteCompliment( exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 ) );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, fogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif\n"; + return this; - var fog_pars_fragment = - "#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float fogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif\n"; + }, - var gradientmap_pars_fragment = - "#ifdef TOON\n\tuniform sampler2D gradientMap;\n\tvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\t\tfloat dotNL = dot( normal, lightDirection );\n\t\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t\t#ifdef USE_GRADIENTMAP\n\t\t\treturn texture2D( gradientMap, coord ).rgb;\n\t\t#else\n\t\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t\t#endif\n\t}\n#endif\n"; + clampScalar: function () { - var lightmap_fragment = - "#ifdef USE_LIGHTMAP\n\treflectedLight.indirectDiffuse += PI * texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n#endif\n"; + var min = new Vector2(); + var max = new Vector2(); - var lightmap_pars_fragment = - "#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif"; + return function clampScalar( minVal, maxVal ) { - var lights_lambert_vertex = - "vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointDirectLightIrradiance( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotDirectLightIrradiance( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalDirectLightIrradiance( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvLightFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n#endif\n"; + min.set( minVal, minVal ); + max.set( maxVal, maxVal ); - var lights_pars_begin = - "uniform vec3 ambientLightColor;\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treturn irradiance;\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalDirectLightIrradiance( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tdirectLight.color = directionalLight.color;\n\t\tdirectLight.direction = directionalLight.direction;\n\t\tdirectLight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t\tfloat shadowCameraNear;\n\t\tfloat shadowCameraFar;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointDirectLightIrradiance( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tdirectLight.color = pointLight.color;\n\t\tdirectLight.color *= punctualLightIntensityToIrradianceFactor( lightDistance, pointLight.distance, pointLight.decay );\n\t\tdirectLight.visible = ( directLight.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotDirectLightIrradiance( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tfloat angleCos = dot( directLight.direction, spotLight.direction );\n\t\tif ( angleCos > spotLight.coneCos ) {\n\t\t\tfloat spotEffect = smoothstep( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\t\tdirectLight.color = spotLight.color;\n\t\t\tdirectLight.color *= spotEffect * punctualLightIntensityToIrradianceFactor( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tdirectLight.visible = true;\n\t\t} else {\n\t\t\tdirectLight.color = vec3( 0.0 );\n\t\t\tdirectLight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tirradiance *= PI;\n\t\t#endif\n\t\treturn irradiance;\n\t}\n#endif\n"; + return this.clamp( min, max ); - var lights_pars_maps = - "#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\tvec3 getLightProbeIndirectIrradiance( const in GeometricContext geometry, const in int maxMIPLevel ) {\n\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\tvec4 envMapColor = textureCubeUV( queryVec, 1.0 );\n\t\t#else\n\t\t\tvec4 envMapColor = vec4( 0.0 );\n\t\t#endif\n\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t}\n\tfloat getSpecularMIPLevel( const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\tfloat maxMIPLevelScalar = float( maxMIPLevel );\n\t\tfloat desiredMIPLevel = maxMIPLevelScalar + 0.79248 - 0.5 * log2( pow2( blinnShininessExponent ) + 1.0 );\n\t\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\n\t}\n\tvec3 getLightProbeIndirectRadiance( const in GeometricContext geometry, const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( -geometry.viewDir, geometry.normal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( -geometry.viewDir, geometry.normal, refractionRatio );\n\t\t#endif\n\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\tfloat specularMIPLevel = getSpecularMIPLevel( blinnShininessExponent, maxMIPLevel );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\tvec4 envMapColor = textureCubeUV(queryReflectVec, BlinnExponentToGGXRoughness(blinnShininessExponent));\n\t\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\t\tvec2 sampleUV;\n\t\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, sampleUV, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, sampleUV, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0,0.0,1.0 ) );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#endif\n\t\treturn envMapColor.rgb * envMapIntensity;\n\t}\n#endif\n"; + }; - var lights_phong_fragment = - "BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;\n"; + }(), - var lights_phong_pars_fragment = - "varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct BlinnPhongMaterial {\n\tvec3\tdiffuseColor;\n\tvec3\tspecularColor;\n\tfloat\tspecularShininess;\n\tfloat\tspecularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifdef TOON\n\t\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\t#else\n\t\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\t\tvec3 irradiance = dotNL * directLight.color;\n\t#endif\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_Specular_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)\n"; + clampLength: function ( min, max ) { - var lights_physical_fragment = - "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nmaterial.specularRoughness = clamp( roughnessFactor, 0.04, 1.0 );\n#ifdef STANDARD\n\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.clearCoat = saturate( clearCoat );\tmaterial.clearCoatRoughness = clamp( clearCoatRoughness, 0.04, 1.0 );\n#endif\n"; + var length = this.length(); - var lights_physical_pars_fragment = - "struct PhysicalMaterial {\n\tvec3\tdiffuseColor;\n\tfloat\tspecularRoughness;\n\tvec3\tspecularColor;\n\t#ifndef STANDARD\n\t\tfloat clearCoat;\n\t\tfloat clearCoatRoughness;\n\t#endif\n};\n#define MAXIMUM_SPECULAR_COEFFICIENT 0.16\n#define DEFAULT_SPECULAR_COEFFICIENT 0.04\nfloat clearCoatDHRApprox( const in float roughness, const in float dotNL ) {\n\treturn DEFAULT_SPECULAR_COEFFICIENT + ( 1.0 - DEFAULT_SPECULAR_COEFFICIENT ) * ( pow( 1.0 - dotNL, 5.0 ) * pow( 1.0 - roughness, 2.0 ) );\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\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.specularRoughness;\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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\t#ifndef STANDARD\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.directSpecular += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry, material.specularColor, material.specularRoughness );\n\treflectedLight.directDiffuse += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\t#ifndef STANDARD\n\t\treflectedLight.directSpecular += irradiance * material.clearCoat * BRDF_Specular_GGX( directLight, geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 clearCoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifndef STANDARD\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\tfloat dotNL = dotNV;\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.indirectSpecular += ( 1.0 - clearCoatDHR ) * radiance * BRDF_Specular_GGX_Environment( geometry, material.specularColor, material.specularRoughness );\n\t#ifndef STANDARD\n\t\treflectedLight.indirectSpecular += clearCoatRadiance * material.clearCoat * BRDF_Specular_GGX_Environment( geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\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\n#define Material_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.specularRoughness )\n#define Material_ClearCoat_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.clearCoatRoughness )\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}\n"; + return this.divideScalar( length || 1 ).multiplyScalar( Math.max( min, Math.min( max, length ) ) ); - var lights_fragment_begin = - "\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = normalize( vViewPosition );\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( pointLight.shadow, directLight.visible ) ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( spotLight.shadow, directLight.visible ) ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( directionalLight.shadow, directLight.visible ) ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearCoatRadiance = vec3( 0.0 );\n#endif\n"; + }, - var lights_fragment_maps = - "#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec3 lightMapIrradiance = texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tirradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getLightProbeIndirectRadiance( geometry, Material_BlinnShininessExponent( material ), maxMipLevel );\n\t#ifndef STANDARD\n\t\tclearCoatRadiance += getLightProbeIndirectRadiance( geometry, Material_ClearCoat_BlinnShininessExponent( material ), maxMipLevel );\n\t#endif\n#endif\n"; + floor: function () { - var lights_fragment_end = - "#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, clearCoatRadiance, geometry, material, reflectedLight );\n#endif\n"; + this.x = Math.floor( this.x ); + this.y = Math.floor( this.y ); - var logdepthbuf_fragment = - "#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif"; + return this; - var logdepthbuf_pars_fragment = - "#ifdef USE_LOGDEPTHBUF\n\tuniform float logDepthBufFC;\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n#endif\n"; + }, - var logdepthbuf_pars_vertex = - "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n\tuniform float logDepthBufFC;\n#endif"; + ceil: function () { - var logdepthbuf_vertex = - "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t#else\n\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\tgl_Position.z *= gl_Position.w;\n\t#endif\n#endif\n"; + this.x = Math.ceil( this.x ); + this.y = Math.ceil( this.y ); - var map_fragment = - "#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif\n"; + return this; - var map_pars_fragment = "#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n"; + }, - var map_particle_fragment = - "#ifdef USE_MAP\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n"; + round: function () { - var map_particle_pars_fragment = - "#ifdef USE_MAP\n\tuniform mat3 uvTransform;\n\tuniform sampler2D map;\n#endif\n"; + this.x = Math.round( this.x ); + this.y = Math.round( this.y ); - var metalnessmap_fragment = - "float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif\n"; + return this; - var metalnessmap_pars_fragment = - "#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif"; + }, - var morphnormal_vertex = - "#ifdef USE_MORPHNORMALS\n\tobjectNormal += ( morphNormal0 - normal ) * morphTargetInfluences[ 0 ];\n\tobjectNormal += ( morphNormal1 - normal ) * morphTargetInfluences[ 1 ];\n\tobjectNormal += ( morphNormal2 - normal ) * morphTargetInfluences[ 2 ];\n\tobjectNormal += ( morphNormal3 - normal ) * morphTargetInfluences[ 3 ];\n#endif\n"; + roundToZero: function () { - var morphtarget_pars_vertex = - "#ifdef USE_MORPHTARGETS\n\t#ifndef USE_MORPHNORMALS\n\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif"; + this.x = ( this.x < 0 ) ? Math.ceil( this.x ) : Math.floor( this.x ); + this.y = ( this.y < 0 ) ? Math.ceil( this.y ) : Math.floor( this.y ); - var morphtarget_vertex = - "#ifdef USE_MORPHTARGETS\n\ttransformed += ( morphTarget0 - position ) * morphTargetInfluences[ 0 ];\n\ttransformed += ( morphTarget1 - position ) * morphTargetInfluences[ 1 ];\n\ttransformed += ( morphTarget2 - position ) * morphTargetInfluences[ 2 ];\n\ttransformed += ( morphTarget3 - position ) * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\ttransformed += ( morphTarget4 - position ) * morphTargetInfluences[ 4 ];\n\ttransformed += ( morphTarget5 - position ) * morphTargetInfluences[ 5 ];\n\ttransformed += ( morphTarget6 - position ) * morphTargetInfluences[ 6 ];\n\ttransformed += ( morphTarget7 - position ) * morphTargetInfluences[ 7 ];\n\t#endif\n#endif\n"; + return this; - var normal_fragment_begin = - "#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n#endif\n"; + }, - var normal_fragment_maps = - "#ifdef USE_NORMALMAP\n\tnormal = perturbNormal2Arb( -vViewPosition, normal );\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\n#endif\n"; + negate: function () { - var normalmap_pars_fragment = - "#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tfloat scale = sign( st1.t * st0.s - st0.t * st1.s );\t\tscale *= float( gl_FrontFacing ) * 2.0 - 1.0;\n\t\tvec3 S = normalize( ( q0 * st1.t - q1 * st0.t ) * scale );\n\t\tvec3 T = normalize( ( - q0 * st1.s + q1 * st0.s ) * scale );\n\t\tvec3 N = normalize( surf_norm );\n\t\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t\tmapN.xy = normalScale * mapN.xy;\n\t\tmat3 tsn = mat3( S, T, N );\n\t\treturn normalize( tsn * mapN );\n\t}\n#endif\n"; + this.x = - this.x; + this.y = - this.y; - var packing = - "vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn (( near + viewZ ) * far ) / (( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}\n"; + return this; - var premultiplied_alpha_fragment = - "#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif\n"; + }, - var project_vertex = - "vec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );\ngl_Position = projectionMatrix * mvPosition;\n"; + dot: function ( v ) { - var dithering_fragment = - "#if defined( DITHERING )\n gl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif\n"; + return this.x * v.x + this.y * v.y; - var dithering_pars_fragment = - "#if defined( DITHERING )\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif\n"; + }, - var roughnessmap_fragment = - "float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif\n"; + lengthSq: function () { - var roughnessmap_pars_fragment = - "#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif"; + return this.x * this.x + this.y * this.y; - var shadowmap_pars_fragment = - "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tfloat texture2DShadowLerp( sampler2D depths, vec2 size, vec2 uv, float compare ) {\n\t\tconst vec2 offset = vec2( 0.0, 1.0 );\n\t\tvec2 texelSize = vec2( 1.0 ) / size;\n\t\tvec2 centroidUV = floor( uv * size + 0.5 ) / size;\n\t\tfloat lb = texture2DCompare( depths, centroidUV + texelSize * offset.xx, compare );\n\t\tfloat lt = texture2DCompare( depths, centroidUV + texelSize * offset.xy, compare );\n\t\tfloat rb = texture2DCompare( depths, centroidUV + texelSize * offset.yx, compare );\n\t\tfloat rt = texture2DCompare( depths, centroidUV + texelSize * offset.yy, compare );\n\t\tvec2 f = fract( uv * size + 0.5 );\n\t\tfloat a = mix( lb, lt, f.y );\n\t\tfloat b = mix( rb, rt, f.y );\n\t\tfloat c = mix( a, b, f.x );\n\t\treturn c;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif\n"; + }, - var shadowmap_pars_vertex = - "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n#endif\n"; + length: function () { - var shadowmap_vertex = - "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n#endif\n"; + return Math.sqrt( this.x * this.x + this.y * this.y ); - var shadowmask_pars_fragment = - "float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tshadow *= bool( directionalLight.shadow ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tshadow *= bool( spotLight.shadow ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tshadow *= bool( pointLight.shadow ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#endif\n\t#endif\n\treturn shadow;\n}\n"; + }, - var skinbase_vertex = - "#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif"; + manhattanLength: function () { - var skinning_pars_vertex = - "#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif\n"; + return Math.abs( this.x ) + Math.abs( this.y ); - var skinning_vertex = - "#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif\n"; + }, - var skinnormal_vertex = - "#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n#endif\n"; + normalize: function () { - var specularmap_fragment = - "float specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.r;\n#else\n\tspecularStrength = 1.0;\n#endif"; + return this.divideScalar( this.length() || 1 ); - var specularmap_pars_fragment = - "#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif"; + }, - var tonemapping_fragment = - "#if defined( TONE_MAPPING )\n gl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif\n"; + angle: function () { - var tonemapping_pars_fragment = - "#ifndef saturate\n\t#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nuniform float toneMappingWhitePoint;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\n#define Uncharted2Helper( x ) max( ( ( x * ( 0.15 * x + 0.10 * 0.50 ) + 0.20 * 0.02 ) / ( x * ( 0.15 * x + 0.50 ) + 0.20 * 0.30 ) ) - 0.02 / 0.30, vec3( 0.0 ) )\nvec3 Uncharted2ToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( Uncharted2Helper( color ) / Uncharted2Helper( vec3( toneMappingWhitePoint ) ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\n"; + // computes the angle in radians with respect to the positive x-axis - var uv_pars_fragment = - "#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n#endif"; + var angle = Math.atan2( this.y, this.x ); - var uv_pars_vertex = - "#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n\tuniform mat3 uvTransform;\n#endif\n"; + if ( angle < 0 ) angle += 2 * Math.PI; - var uv_vertex = - "#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif"; + return angle; - var uv2_pars_fragment = - "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif"; + }, - var uv2_pars_vertex = - "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n#endif"; + distanceTo: function ( v ) { - var uv2_vertex = - "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = uv2;\n#endif"; + return Math.sqrt( this.distanceToSquared( v ) ); - var worldpos_vertex = - "#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n\tvec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\n#endif\n"; + }, - var cube_frag = - "uniform samplerCube tCube;\nuniform float tFlip;\nuniform float opacity;\nvarying vec3 vWorldPosition;\nvoid main() {\n\tgl_FragColor = textureCube( tCube, vec3( tFlip * vWorldPosition.x, vWorldPosition.yz ) );\n\tgl_FragColor.a *= opacity;\n}\n"; + distanceToSquared: function ( v ) { - var cube_vert = - "varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n\tgl_Position.z = gl_Position.w;\n}\n"; + var dx = this.x - v.x, dy = this.y - v.y; + return dx * dx + dy * dy; - var depth_frag = - "#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - gl_FragCoord.z ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( gl_FragCoord.z );\n\t#endif\n}\n"; + }, - var depth_vert = - "#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; + manhattanDistanceTo: function ( v ) { - var distanceRGBA_frag = - "#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main () {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include \n\t#include \n\t#include \n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}\n"; + return Math.abs( this.x - v.x ) + Math.abs( this.y - v.y ); - var distanceRGBA_vert = - "#define DISTANCE\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvWorldPosition = worldPosition.xyz;\n}\n"; + }, - var equirect_frag = - "uniform sampler2D tEquirect;\nvarying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvec3 direction = normalize( vWorldPosition );\n\tvec2 sampleUV;\n\tsampleUV.y = asin( clamp( direction.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\tsampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;\n\tgl_FragColor = texture2D( tEquirect, sampleUV );\n}\n"; + setLength: function ( length ) { - var equirect_vert = - "varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n}\n"; + return this.normalize().multiplyScalar( length ); - var linedashed_frag = - "uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var linedashed_vert = - "uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvLineDistance = scale * lineDistance;\n\tvec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include \n\t#include \n\t#include \n}\n"; - - var meshbasic_frag = - "uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\treflectedLight.indirectDiffuse += texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include \n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var meshbasic_vert = - "#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_ENVMAP\n\t#include \n\t#include \n\t#include \n\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var meshlambert_frag = - "uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\treflectedLight.indirectDiffuse = getAmbientLightIrradiance( ambientLightColor );\n\t#include \n\treflectedLight.indirectDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var meshlambert_vert = - "#define LAMBERT\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var meshphong_frag = - "#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var meshphong_vert = - "#define PHONG\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var meshphysical_frag = - "#define PHYSICAL\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifndef STANDARD\n\tuniform float clearCoat;\n\tuniform float clearCoatRoughness;\n#endif\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var meshphysical_vert = - "#define PHYSICAL\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n}\n"; - - var normal_frag = - "#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}\n"; - - var normal_vert = - "#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}\n"; - - var points_frag = - "uniform vec3 diffuse;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var points_vert = - "uniform float size;\nuniform float scale;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#ifdef USE_SIZEATTENUATION\n\t\tgl_PointSize = size * ( scale / - mvPosition.z );\n\t#else\n\t\tgl_PointSize = size;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var shadow_frag = - "uniform vec3 color;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include \n}\n"; - - var shadow_vert = - "#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - - var ShaderChunk = { - alphamap_fragment: alphamap_fragment, - alphamap_pars_fragment: alphamap_pars_fragment, - alphatest_fragment: alphatest_fragment, - aomap_fragment: aomap_fragment, - aomap_pars_fragment: aomap_pars_fragment, - begin_vertex: begin_vertex, - beginnormal_vertex: beginnormal_vertex, - bsdfs: bsdfs, - bumpmap_pars_fragment: bumpmap_pars_fragment, - clipping_planes_fragment: clipping_planes_fragment, - clipping_planes_pars_fragment: clipping_planes_pars_fragment, - clipping_planes_pars_vertex: clipping_planes_pars_vertex, - clipping_planes_vertex: clipping_planes_vertex, - color_fragment: color_fragment, - color_pars_fragment: color_pars_fragment, - color_pars_vertex: color_pars_vertex, - color_vertex: color_vertex, - common: common, - cube_uv_reflection_fragment: cube_uv_reflection_fragment, - defaultnormal_vertex: defaultnormal_vertex, - displacementmap_pars_vertex: displacementmap_pars_vertex, - displacementmap_vertex: displacementmap_vertex, - emissivemap_fragment: emissivemap_fragment, - emissivemap_pars_fragment: emissivemap_pars_fragment, - encodings_fragment: encodings_fragment, - encodings_pars_fragment: encodings_pars_fragment, - envmap_fragment: envmap_fragment, - envmap_pars_fragment: envmap_pars_fragment, - envmap_pars_vertex: envmap_pars_vertex, - envmap_vertex: envmap_vertex, - fog_vertex: fog_vertex, - fog_pars_vertex: fog_pars_vertex, - fog_fragment: fog_fragment, - fog_pars_fragment: fog_pars_fragment, - gradientmap_pars_fragment: gradientmap_pars_fragment, - lightmap_fragment: lightmap_fragment, - lightmap_pars_fragment: lightmap_pars_fragment, - lights_lambert_vertex: lights_lambert_vertex, - lights_pars_begin: lights_pars_begin, - lights_pars_maps: lights_pars_maps, - lights_phong_fragment: lights_phong_fragment, - lights_phong_pars_fragment: lights_phong_pars_fragment, - lights_physical_fragment: lights_physical_fragment, - lights_physical_pars_fragment: lights_physical_pars_fragment, - lights_fragment_begin: lights_fragment_begin, - lights_fragment_maps: lights_fragment_maps, - lights_fragment_end: lights_fragment_end, - logdepthbuf_fragment: logdepthbuf_fragment, - logdepthbuf_pars_fragment: logdepthbuf_pars_fragment, - logdepthbuf_pars_vertex: logdepthbuf_pars_vertex, - logdepthbuf_vertex: logdepthbuf_vertex, - map_fragment: map_fragment, - map_pars_fragment: map_pars_fragment, - map_particle_fragment: map_particle_fragment, - map_particle_pars_fragment: map_particle_pars_fragment, - metalnessmap_fragment: metalnessmap_fragment, - metalnessmap_pars_fragment: metalnessmap_pars_fragment, - morphnormal_vertex: morphnormal_vertex, - morphtarget_pars_vertex: morphtarget_pars_vertex, - morphtarget_vertex: morphtarget_vertex, - normal_fragment_begin: normal_fragment_begin, - normal_fragment_maps: normal_fragment_maps, - normalmap_pars_fragment: normalmap_pars_fragment, - packing: packing, - premultiplied_alpha_fragment: premultiplied_alpha_fragment, - project_vertex: project_vertex, - dithering_fragment: dithering_fragment, - dithering_pars_fragment: dithering_pars_fragment, - roughnessmap_fragment: roughnessmap_fragment, - roughnessmap_pars_fragment: roughnessmap_pars_fragment, - shadowmap_pars_fragment: shadowmap_pars_fragment, - shadowmap_pars_vertex: shadowmap_pars_vertex, - shadowmap_vertex: shadowmap_vertex, - shadowmask_pars_fragment: shadowmask_pars_fragment, - skinbase_vertex: skinbase_vertex, - skinning_pars_vertex: skinning_pars_vertex, - skinning_vertex: skinning_vertex, - skinnormal_vertex: skinnormal_vertex, - specularmap_fragment: specularmap_fragment, - specularmap_pars_fragment: specularmap_pars_fragment, - tonemapping_fragment: tonemapping_fragment, - tonemapping_pars_fragment: tonemapping_pars_fragment, - uv_pars_fragment: uv_pars_fragment, - uv_pars_vertex: uv_pars_vertex, - uv_vertex: uv_vertex, - uv2_pars_fragment: uv2_pars_fragment, - uv2_pars_vertex: uv2_pars_vertex, - uv2_vertex: uv2_vertex, - worldpos_vertex: worldpos_vertex, - - cube_frag: cube_frag, - cube_vert: cube_vert, - depth_frag: depth_frag, - depth_vert: depth_vert, - distanceRGBA_frag: distanceRGBA_frag, - distanceRGBA_vert: distanceRGBA_vert, - equirect_frag: equirect_frag, - equirect_vert: equirect_vert, - linedashed_frag: linedashed_frag, - linedashed_vert: linedashed_vert, - meshbasic_frag: meshbasic_frag, - meshbasic_vert: meshbasic_vert, - meshlambert_frag: meshlambert_frag, - meshlambert_vert: meshlambert_vert, - meshphong_frag: meshphong_frag, - meshphong_vert: meshphong_vert, - meshphysical_frag: meshphysical_frag, - meshphysical_vert: meshphysical_vert, - normal_frag: normal_frag, - normal_vert: normal_vert, - points_frag: points_frag, - points_vert: points_vert, - shadow_frag: shadow_frag, - shadow_vert: shadow_vert, - }; - - /** - * Uniform Utilities - */ - - var UniformsUtils = { - merge: function (uniforms) { - var merged = {}; - - for (var u = 0; u < uniforms.length; u++) { - var tmp = this.clone(uniforms[u]); - - for (var p in tmp) { - merged[p] = tmp[p]; - } - } - - return merged; - }, - - clone: function (uniforms_src) { - var uniforms_dst = {}; - - for (var u in uniforms_src) { - uniforms_dst[u] = {}; - - for (var p in uniforms_src[u]) { - var parameter_src = uniforms_src[u][p]; - - if ( - parameter_src && - (parameter_src.isColor || - parameter_src.isMatrix3 || - parameter_src.isMatrix4 || - parameter_src.isVector2 || - parameter_src.isVector3 || - parameter_src.isVector4 || - parameter_src.isTexture) - ) { - uniforms_dst[u][p] = parameter_src.clone(); - } else if (Array.isArray(parameter_src)) { - uniforms_dst[u][p] = parameter_src.slice(); - } else { - uniforms_dst[u][p] = parameter_src; - } - } - } - - return uniforms_dst; - }, - }; - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - var ColorKeywords = { - aliceblue: 0xf0f8ff, - antiquewhite: 0xfaebd7, - aqua: 0x00ffff, - aquamarine: 0x7fffd4, - azure: 0xf0ffff, - beige: 0xf5f5dc, - bisque: 0xffe4c4, - black: 0x000000, - blanchedalmond: 0xffebcd, - blue: 0x0000ff, - blueviolet: 0x8a2be2, - brown: 0xa52a2a, - burlywood: 0xdeb887, - cadetblue: 0x5f9ea0, - chartreuse: 0x7fff00, - chocolate: 0xd2691e, - coral: 0xff7f50, - cornflowerblue: 0x6495ed, - cornsilk: 0xfff8dc, - crimson: 0xdc143c, - cyan: 0x00ffff, - darkblue: 0x00008b, - darkcyan: 0x008b8b, - darkgoldenrod: 0xb8860b, - darkgray: 0xa9a9a9, - darkgreen: 0x006400, - darkgrey: 0xa9a9a9, - darkkhaki: 0xbdb76b, - darkmagenta: 0x8b008b, - darkolivegreen: 0x556b2f, - darkorange: 0xff8c00, - darkorchid: 0x9932cc, - darkred: 0x8b0000, - darksalmon: 0xe9967a, - darkseagreen: 0x8fbc8f, - darkslateblue: 0x483d8b, - darkslategray: 0x2f4f4f, - darkslategrey: 0x2f4f4f, - darkturquoise: 0x00ced1, - darkviolet: 0x9400d3, - deeppink: 0xff1493, - deepskyblue: 0x00bfff, - dimgray: 0x696969, - dimgrey: 0x696969, - dodgerblue: 0x1e90ff, - firebrick: 0xb22222, - floralwhite: 0xfffaf0, - forestgreen: 0x228b22, - fuchsia: 0xff00ff, - gainsboro: 0xdcdcdc, - ghostwhite: 0xf8f8ff, - gold: 0xffd700, - goldenrod: 0xdaa520, - gray: 0x808080, - green: 0x008000, - greenyellow: 0xadff2f, - grey: 0x808080, - honeydew: 0xf0fff0, - hotpink: 0xff69b4, - indianred: 0xcd5c5c, - indigo: 0x4b0082, - ivory: 0xfffff0, - khaki: 0xf0e68c, - lavender: 0xe6e6fa, - lavenderblush: 0xfff0f5, - lawngreen: 0x7cfc00, - lemonchiffon: 0xfffacd, - lightblue: 0xadd8e6, - lightcoral: 0xf08080, - lightcyan: 0xe0ffff, - lightgoldenrodyellow: 0xfafad2, - lightgray: 0xd3d3d3, - lightgreen: 0x90ee90, - lightgrey: 0xd3d3d3, - lightpink: 0xffb6c1, - lightsalmon: 0xffa07a, - lightseagreen: 0x20b2aa, - lightskyblue: 0x87cefa, - lightslategray: 0x778899, - lightslategrey: 0x778899, - lightsteelblue: 0xb0c4de, - lightyellow: 0xffffe0, - lime: 0x00ff00, - limegreen: 0x32cd32, - linen: 0xfaf0e6, - magenta: 0xff00ff, - maroon: 0x800000, - mediumaquamarine: 0x66cdaa, - mediumblue: 0x0000cd, - mediumorchid: 0xba55d3, - mediumpurple: 0x9370db, - mediumseagreen: 0x3cb371, - mediumslateblue: 0x7b68ee, - mediumspringgreen: 0x00fa9a, - mediumturquoise: 0x48d1cc, - mediumvioletred: 0xc71585, - midnightblue: 0x191970, - mintcream: 0xf5fffa, - mistyrose: 0xffe4e1, - moccasin: 0xffe4b5, - navajowhite: 0xffdead, - navy: 0x000080, - oldlace: 0xfdf5e6, - olive: 0x808000, - olivedrab: 0x6b8e23, - orange: 0xffa500, - orangered: 0xff4500, - orchid: 0xda70d6, - palegoldenrod: 0xeee8aa, - palegreen: 0x98fb98, - paleturquoise: 0xafeeee, - palevioletred: 0xdb7093, - papayawhip: 0xffefd5, - peachpuff: 0xffdab9, - peru: 0xcd853f, - pink: 0xffc0cb, - plum: 0xdda0dd, - powderblue: 0xb0e0e6, - purple: 0x800080, - rebeccapurple: 0x663399, - red: 0xff0000, - rosybrown: 0xbc8f8f, - royalblue: 0x4169e1, - saddlebrown: 0x8b4513, - salmon: 0xfa8072, - sandybrown: 0xf4a460, - seagreen: 0x2e8b57, - seashell: 0xfff5ee, - sienna: 0xa0522d, - silver: 0xc0c0c0, - skyblue: 0x87ceeb, - slateblue: 0x6a5acd, - slategray: 0x708090, - slategrey: 0x708090, - snow: 0xfffafa, - springgreen: 0x00ff7f, - steelblue: 0x4682b4, - tan: 0xd2b48c, - teal: 0x008080, - thistle: 0xd8bfd8, - tomato: 0xff6347, - turquoise: 0x40e0d0, - violet: 0xee82ee, - wheat: 0xf5deb3, - white: 0xffffff, - whitesmoke: 0xf5f5f5, - yellow: 0xffff00, - yellowgreen: 0x9acd32, - }; - - function Color(r, g, b) { - if (g === undefined && b === undefined) { - // r is THREE.Color, hex or string - return this.set(r); - } - - return this.setRGB(r, g, b); - } - - Object.assign(Color.prototype, { - isColor: true, - - r: 1, - g: 1, - b: 1, - - set: function (value) { - if (value && value.isColor) { - this.copy(value); - } else if (typeof value === "number") { - this.setHex(value); - } else if (typeof value === "string") { - this.setStyle(value); - } - - return this; - }, - - setScalar: function (scalar) { - this.r = scalar; - this.g = scalar; - this.b = scalar; - - return this; - }, - - setHex: function (hex) { - hex = Math.floor(hex); - - this.r = ((hex >> 16) & 255) / 255; - this.g = ((hex >> 8) & 255) / 255; - this.b = (hex & 255) / 255; - - return this; - }, - - setRGB: function (r, g, b) { - this.r = r; - this.g = g; - this.b = b; - - return this; - }, - - setHSL: (function () { - function hue2rgb(p, q, t) { - if (t < 0) t += 1; - if (t > 1) t -= 1; - if (t < 1 / 6) return p + (q - p) * 6 * t; - if (t < 1 / 2) return q; - if (t < 2 / 3) return p + (q - p) * 6 * (2 / 3 - t); - return p; - } - - return function setHSL(h, s, l) { - // h,s,l ranges are in 0.0 - 1.0 - h = _Math.euclideanModulo(h, 1); - s = _Math.clamp(s, 0, 1); - l = _Math.clamp(l, 0, 1); - - if (s === 0) { - this.r = this.g = this.b = l; - } else { - var p = l <= 0.5 ? l * (1 + s) : l + s - l * s; - var q = 2 * l - p; - - this.r = hue2rgb(q, p, h + 1 / 3); - this.g = hue2rgb(q, p, h); - this.b = hue2rgb(q, p, h - 1 / 3); - } - - return this; - }; - })(), - - setStyle: function (style) { - function handleAlpha(string) { - if (string === undefined) return; - - if (parseFloat(string) < 1) { - console.warn( - "THREE.Color: Alpha component of " + style + " will be ignored." - ); - } - } - - var m; - - if ((m = /^((?:rgb|hsl)a?)\(\s*([^\)]*)\)/.exec(style))) { - // rgb / hsl - - var color; - var name = m[1]; - var components = m[2]; - - switch (name) { - case "rgb": - case "rgba": - if ( - (color = - /^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec( - components - )) - ) { - // rgb(255,0,0) rgba(255,0,0,0.5) - this.r = Math.min(255, parseInt(color[1], 10)) / 255; - this.g = Math.min(255, parseInt(color[2], 10)) / 255; - this.b = Math.min(255, parseInt(color[3], 10)) / 255; - - handleAlpha(color[5]); - - return this; - } - - if ( - (color = - /^(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec( - components - )) - ) { - // rgb(100%,0%,0%) rgba(100%,0%,0%,0.5) - this.r = Math.min(100, parseInt(color[1], 10)) / 100; - this.g = Math.min(100, parseInt(color[2], 10)) / 100; - this.b = Math.min(100, parseInt(color[3], 10)) / 100; - - handleAlpha(color[5]); - - return this; - } - - break; - - case "hsl": - case "hsla": - if ( - (color = - /^([0-9]*\.?[0-9]+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec( - components - )) - ) { - // hsl(120,50%,50%) hsla(120,50%,50%,0.5) - var h = parseFloat(color[1]) / 360; - var s = parseInt(color[2], 10) / 100; - var l = parseInt(color[3], 10) / 100; - - handleAlpha(color[5]); - - return this.setHSL(h, s, l); - } - - break; - } - } else if ((m = /^\#([A-Fa-f0-9]+)$/.exec(style))) { - // hex color - - var hex = m[1]; - var size = hex.length; - - if (size === 3) { - // #ff0 - this.r = parseInt(hex.charAt(0) + hex.charAt(0), 16) / 255; - this.g = parseInt(hex.charAt(1) + hex.charAt(1), 16) / 255; - this.b = parseInt(hex.charAt(2) + hex.charAt(2), 16) / 255; - - return this; - } else if (size === 6) { - // #ff0000 - this.r = parseInt(hex.charAt(0) + hex.charAt(1), 16) / 255; - this.g = parseInt(hex.charAt(2) + hex.charAt(3), 16) / 255; - this.b = parseInt(hex.charAt(4) + hex.charAt(5), 16) / 255; - - return this; - } - } - - if (style && style.length > 0) { - // color keywords - var hex = ColorKeywords[style]; - - if (hex !== undefined) { - // red - this.setHex(hex); - } else { - // unknown color - console.warn("THREE.Color: Unknown color " + style); - } - } - - return this; - }, - - clone: function () { - return new this.constructor(this.r, this.g, this.b); - }, - - copy: function (color) { - this.r = color.r; - this.g = color.g; - this.b = color.b; - - return this; - }, - - copyGammaToLinear: function (color, gammaFactor) { - if (gammaFactor === undefined) gammaFactor = 2.0; - - this.r = Math.pow(color.r, gammaFactor); - this.g = Math.pow(color.g, gammaFactor); - this.b = Math.pow(color.b, gammaFactor); - - return this; - }, - - copyLinearToGamma: function (color, gammaFactor) { - if (gammaFactor === undefined) gammaFactor = 2.0; - - var safeInverse = gammaFactor > 0 ? 1.0 / gammaFactor : 1.0; - - this.r = Math.pow(color.r, safeInverse); - this.g = Math.pow(color.g, safeInverse); - this.b = Math.pow(color.b, safeInverse); - - return this; - }, - - convertGammaToLinear: function () { - var r = this.r, - g = this.g, - b = this.b; - - this.r = r * r; - this.g = g * g; - this.b = b * b; - - return this; - }, - - convertLinearToGamma: function () { - this.r = Math.sqrt(this.r); - this.g = Math.sqrt(this.g); - this.b = Math.sqrt(this.b); - - return this; - }, - - getHex: function () { - return ( - ((this.r * 255) << 16) ^ ((this.g * 255) << 8) ^ ((this.b * 255) << 0) - ); - }, - - getHexString: function () { - return ("000000" + this.getHex().toString(16)).slice(-6); - }, - - getHSL: function (target) { - // h,s,l ranges are in 0.0 - 1.0 - - if (target === undefined) { - console.warn("THREE.Color: .getHSL() target is now required"); - target = { h: 0, s: 0, l: 0 }; - } - - var r = this.r, - g = this.g, - b = this.b; - - var max = Math.max(r, g, b); - var min = Math.min(r, g, b); - - var hue, saturation; - var lightness = (min + max) / 2.0; - - if (min === max) { - hue = 0; - saturation = 0; - } else { - var delta = max - min; - - saturation = - lightness <= 0.5 ? delta / (max + min) : delta / (2 - max - min); - - switch (max) { - case r: - hue = (g - b) / delta + (g < b ? 6 : 0); - break; - case g: - hue = (b - r) / delta + 2; - break; - case b: - hue = (r - g) / delta + 4; - break; - } - - hue /= 6; - } - - target.h = hue; - target.s = saturation; - target.l = lightness; - - return target; - }, - - getStyle: function () { - return ( - "rgb(" + - ((this.r * 255) | 0) + - "," + - ((this.g * 255) | 0) + - "," + - ((this.b * 255) | 0) + - ")" - ); - }, - - offsetHSL: (function () { - var hsl = {}; - - return function (h, s, l) { - this.getHSL(hsl); - - hsl.h += h; - hsl.s += s; - hsl.l += l; - - this.setHSL(hsl.h, hsl.s, hsl.l); - - return this; - }; - })(), - - add: function (color) { - this.r += color.r; - this.g += color.g; - this.b += color.b; - - return this; - }, - - addColors: function (color1, color2) { - this.r = color1.r + color2.r; - this.g = color1.g + color2.g; - this.b = color1.b + color2.b; - - return this; - }, - - addScalar: function (s) { - this.r += s; - this.g += s; - this.b += s; - - return this; - }, - - sub: function (color) { - this.r = Math.max(0, this.r - color.r); - this.g = Math.max(0, this.g - color.g); - this.b = Math.max(0, this.b - color.b); - - return this; - }, - - multiply: function (color) { - this.r *= color.r; - this.g *= color.g; - this.b *= color.b; - - return this; - }, - - multiplyScalar: function (s) { - this.r *= s; - this.g *= s; - this.b *= s; - - return this; - }, - - lerp: function (color, alpha) { - this.r += (color.r - this.r) * alpha; - this.g += (color.g - this.g) * alpha; - this.b += (color.b - this.b) * alpha; - - return this; - }, - - equals: function (c) { - return c.r === this.r && c.g === this.g && c.b === this.b; - }, - - fromArray: function (array, offset) { - if (offset === undefined) offset = 0; - - this.r = array[offset]; - this.g = array[offset + 1]; - this.b = array[offset + 2]; - - return this; - }, - - toArray: function (array, offset) { - if (array === undefined) array = []; - if (offset === undefined) offset = 0; - - array[offset] = this.r; - array[offset + 1] = this.g; - array[offset + 2] = this.b; - - return array; - }, - - toJSON: function () { - return this.getHex(); - }, - }); - - /** - * Uniforms library for shared webgl shaders - */ - - var UniformsLib = { - common: { - diffuse: { value: new Color(0xeeeeee) }, - opacity: { value: 1.0 }, - - map: { value: null }, - uvTransform: { value: new Matrix3() }, - - alphaMap: { value: null }, - }, - - specularmap: { - specularMap: { value: null }, - }, - - envmap: { - envMap: { value: null }, - flipEnvMap: { value: -1 }, - reflectivity: { value: 1.0 }, - refractionRatio: { value: 0.98 }, - maxMipLevel: { value: 0 }, - }, - - aomap: { - aoMap: { value: null }, - aoMapIntensity: { value: 1 }, - }, - - lightmap: { - lightMap: { value: null }, - lightMapIntensity: { value: 1 }, - }, - - emissivemap: { - emissiveMap: { value: null }, - }, - - bumpmap: { - bumpMap: { value: null }, - bumpScale: { value: 1 }, - }, - - normalmap: { - normalMap: { value: null }, - normalScale: { value: new Vector2(1, 1) }, - }, - - displacementmap: { - displacementMap: { value: null }, - displacementScale: { value: 1 }, - displacementBias: { value: 0 }, - }, - - roughnessmap: { - roughnessMap: { value: null }, - }, - - metalnessmap: { - metalnessMap: { value: null }, - }, - - gradientmap: { - gradientMap: { value: null }, - }, - - fog: { - fogDensity: { value: 0.00025 }, - fogNear: { value: 1 }, - fogFar: { value: 2000 }, - fogColor: { value: new Color(0xffffff) }, - }, - - lights: { - ambientLightColor: { value: [] }, - - directionalLights: { - value: [], - properties: { - direction: {}, - color: {}, - - shadow: {}, - shadowBias: {}, - shadowRadius: {}, - shadowMapSize: {}, - }, - }, - - directionalShadowMap: { value: [] }, - directionalShadowMatrix: { value: [] }, - - spotLights: { - value: [], - properties: { - color: {}, - position: {}, - direction: {}, - distance: {}, - coneCos: {}, - penumbraCos: {}, - decay: {}, - - shadow: {}, - shadowBias: {}, - shadowRadius: {}, - shadowMapSize: {}, - }, - }, - - spotShadowMap: { value: [] }, - spotShadowMatrix: { value: [] }, - - pointLights: { - value: [], - properties: { - color: {}, - position: {}, - decay: {}, - distance: {}, - - shadow: {}, - shadowBias: {}, - shadowRadius: {}, - shadowMapSize: {}, - shadowCameraNear: {}, - shadowCameraFar: {}, - }, - }, - - pointShadowMap: { value: [] }, - pointShadowMatrix: { value: [] }, - - hemisphereLights: { - value: [], - properties: { - direction: {}, - skyColor: {}, - groundColor: {}, - }, - }, - - // TODO (abelnation): RectAreaLight BRDF data needs to be moved from example to main src - rectAreaLights: { - value: [], - properties: { - color: {}, - position: {}, - width: {}, - height: {}, - }, - }, - }, - - points: { - diffuse: { value: new Color(0xeeeeee) }, - opacity: { value: 1.0 }, - size: { value: 1.0 }, - scale: { value: 1.0 }, - map: { value: null }, - uvTransform: { value: new Matrix3() }, - }, - }; - - /** - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - * @author mikael emtinger / http://gomo.se/ - */ - - var ShaderLib = { - basic: { - uniforms: UniformsUtils.merge([ - UniformsLib.common, - UniformsLib.specularmap, - UniformsLib.envmap, - UniformsLib.aomap, - UniformsLib.lightmap, - UniformsLib.fog, - ]), - - vertexShader: ShaderChunk.meshbasic_vert, - fragmentShader: ShaderChunk.meshbasic_frag, - }, - - lambert: { - uniforms: UniformsUtils.merge([ - UniformsLib.common, - UniformsLib.specularmap, - UniformsLib.envmap, - UniformsLib.aomap, - UniformsLib.lightmap, - UniformsLib.emissivemap, - UniformsLib.fog, - UniformsLib.lights, - { - emissive: { value: new Color(0x000000) }, - }, - ]), - - vertexShader: ShaderChunk.meshlambert_vert, - fragmentShader: ShaderChunk.meshlambert_frag, - }, - - phong: { - uniforms: UniformsUtils.merge([ - UniformsLib.common, - UniformsLib.specularmap, - UniformsLib.envmap, - UniformsLib.aomap, - UniformsLib.lightmap, - UniformsLib.emissivemap, - UniformsLib.bumpmap, - UniformsLib.normalmap, - UniformsLib.displacementmap, - UniformsLib.gradientmap, - UniformsLib.fog, - UniformsLib.lights, - { - emissive: { value: new Color(0x000000) }, - specular: { value: new Color(0x111111) }, - shininess: { value: 30 }, - }, - ]), - - vertexShader: ShaderChunk.meshphong_vert, - fragmentShader: ShaderChunk.meshphong_frag, - }, - - standard: { - uniforms: UniformsUtils.merge([ - UniformsLib.common, - UniformsLib.envmap, - UniformsLib.aomap, - UniformsLib.lightmap, - UniformsLib.emissivemap, - UniformsLib.bumpmap, - UniformsLib.normalmap, - UniformsLib.displacementmap, - UniformsLib.roughnessmap, - UniformsLib.metalnessmap, - UniformsLib.fog, - UniformsLib.lights, - { - emissive: { value: new Color(0x000000) }, - roughness: { value: 0.5 }, - metalness: { value: 0.5 }, - envMapIntensity: { value: 1 }, // temporary - }, - ]), - - vertexShader: ShaderChunk.meshphysical_vert, - fragmentShader: ShaderChunk.meshphysical_frag, - }, - - points: { - uniforms: UniformsUtils.merge([UniformsLib.points, UniformsLib.fog]), - - vertexShader: ShaderChunk.points_vert, - fragmentShader: ShaderChunk.points_frag, - }, - - dashed: { - uniforms: UniformsUtils.merge([ - UniformsLib.common, - UniformsLib.fog, - { - scale: { value: 1 }, - dashSize: { value: 1 }, - totalSize: { value: 2 }, - }, - ]), - - vertexShader: ShaderChunk.linedashed_vert, - fragmentShader: ShaderChunk.linedashed_frag, - }, - - depth: { - uniforms: UniformsUtils.merge([ - UniformsLib.common, - UniformsLib.displacementmap, - ]), - - vertexShader: ShaderChunk.depth_vert, - fragmentShader: ShaderChunk.depth_frag, - }, - - normal: { - uniforms: UniformsUtils.merge([ - UniformsLib.common, - UniformsLib.bumpmap, - UniformsLib.normalmap, - UniformsLib.displacementmap, - { - opacity: { value: 1.0 }, - }, - ]), - - vertexShader: ShaderChunk.normal_vert, - fragmentShader: ShaderChunk.normal_frag, - }, - - /* ------------------------------------------------------------------------- - // Cube map shader - ------------------------------------------------------------------------- */ - - cube: { - uniforms: { - tCube: { value: null }, - tFlip: { value: -1 }, - opacity: { value: 1.0 }, - }, - - vertexShader: ShaderChunk.cube_vert, - fragmentShader: ShaderChunk.cube_frag, - }, - - equirect: { - uniforms: { - tEquirect: { value: null }, - }, - - vertexShader: ShaderChunk.equirect_vert, - fragmentShader: ShaderChunk.equirect_frag, - }, - - distanceRGBA: { - uniforms: UniformsUtils.merge([ - UniformsLib.common, - UniformsLib.displacementmap, - { - referencePosition: { value: new Vector3() }, - nearDistance: { value: 1 }, - farDistance: { value: 1000 }, - }, - ]), - - vertexShader: ShaderChunk.distanceRGBA_vert, - fragmentShader: ShaderChunk.distanceRGBA_frag, - }, - - shadow: { - uniforms: UniformsUtils.merge([ - UniformsLib.lights, - UniformsLib.fog, - { - color: { value: new Color(0x00000) }, - opacity: { value: 1.0 }, - }, - ]), - - vertexShader: ShaderChunk.shadow_vert, - fragmentShader: ShaderChunk.shadow_frag, - }, - }; - - ShaderLib.physical = { - uniforms: UniformsUtils.merge([ - ShaderLib.standard.uniforms, - { - clearCoat: { value: 0 }, - clearCoatRoughness: { value: 0 }, - }, - ]), - - vertexShader: ShaderChunk.meshphysical_vert, - fragmentShader: ShaderChunk.meshphysical_frag, - }; - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebGLAttributes(gl) { - var buffers = new WeakMap(); - - function createBuffer(attribute, bufferType) { - var array = attribute.array; - var usage = attribute.dynamic ? gl.DYNAMIC_DRAW : gl.STATIC_DRAW; - - var buffer = gl.createBuffer(); - - gl.bindBuffer(bufferType, buffer); - gl.bufferData(bufferType, array, usage); - - attribute.onUploadCallback(); - - var type = gl.FLOAT; - - if (array instanceof Float32Array) { - type = gl.FLOAT; - } else if (array instanceof Float64Array) { - console.warn( - "THREE.WebGLAttributes: Unsupported data buffer format: Float64Array." - ); - } else if (array instanceof Uint16Array) { - type = gl.UNSIGNED_SHORT; - } else if (array instanceof Int16Array) { - type = gl.SHORT; - } else if (array instanceof Uint32Array) { - type = gl.UNSIGNED_INT; - } else if (array instanceof Int32Array) { - type = gl.INT; - } else if (array instanceof Int8Array) { - type = gl.BYTE; - } else if (array instanceof Uint8Array) { - type = gl.UNSIGNED_BYTE; - } - - return { - buffer: buffer, - type: type, - bytesPerElement: array.BYTES_PER_ELEMENT, - version: attribute.version, - }; - } - - function updateBuffer(buffer, attribute, bufferType) { - var array = attribute.array; - var updateRange = attribute.updateRange; - - gl.bindBuffer(bufferType, buffer); - - if (attribute.dynamic === false) { - gl.bufferData(bufferType, array, gl.STATIC_DRAW); - } else if (updateRange.count === -1) { - // Not using update ranges - - gl.bufferSubData(bufferType, 0, array); - } else if (updateRange.count === 0) { - console.error( - "THREE.WebGLObjects.updateBuffer: dynamic THREE.BufferAttribute marked as needsUpdate but updateRange.count is 0, ensure you are using set methods or updating manually." - ); - } else { - gl.bufferSubData( - bufferType, - updateRange.offset * array.BYTES_PER_ELEMENT, - array.subarray( - updateRange.offset, - updateRange.offset + updateRange.count - ) - ); - - updateRange.count = -1; // reset range - } - } - - // - - function get(attribute) { - if (attribute.isInterleavedBufferAttribute) attribute = attribute.data; - - return buffers.get(attribute); - } - - function remove(attribute) { - if (attribute.isInterleavedBufferAttribute) attribute = attribute.data; - - var data = buffers.get(attribute); - - if (data) { - gl.deleteBuffer(data.buffer); - - buffers.delete(attribute); - } - } - - function update(attribute, bufferType) { - if (attribute.isInterleavedBufferAttribute) attribute = attribute.data; - - var data = buffers.get(attribute); - - if (data === undefined) { - buffers.set(attribute, createBuffer(attribute, bufferType)); - } else if (data.version < attribute.version) { - updateBuffer(data.buffer, attribute, bufferType); - - data.version = attribute.version; - } - } - - return { - get: get, - remove: remove, - update: update, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - * @author WestLangley / http://github.com/WestLangley - * @author bhouston / http://clara.io - */ - - function Euler(x, y, z, order) { - this._x = x || 0; - this._y = y || 0; - this._z = z || 0; - this._order = order || Euler.DefaultOrder; - } - - Euler.RotationOrders = ["XYZ", "YZX", "ZXY", "XZY", "YXZ", "ZYX"]; - - Euler.DefaultOrder = "XYZ"; - - Object.defineProperties(Euler.prototype, { - x: { - get: function () { - return this._x; - }, - - set: function (value) { - this._x = value; - this.onChangeCallback(); - }, - }, - - y: { - get: function () { - return this._y; - }, - - set: function (value) { - this._y = value; - this.onChangeCallback(); - }, - }, - - z: { - get: function () { - return this._z; - }, - - set: function (value) { - this._z = value; - this.onChangeCallback(); - }, - }, - - order: { - get: function () { - return this._order; - }, - - set: function (value) { - this._order = value; - this.onChangeCallback(); - }, - }, - }); - - Object.assign(Euler.prototype, { - isEuler: true, - - set: function (x, y, z, order) { - this._x = x; - this._y = y; - this._z = z; - this._order = order || this._order; - - this.onChangeCallback(); - - return this; - }, - - clone: function () { - return new this.constructor(this._x, this._y, this._z, this._order); - }, - - copy: function (euler) { - this._x = euler._x; - this._y = euler._y; - this._z = euler._z; - this._order = euler._order; - - this.onChangeCallback(); - - return this; - }, - - setFromRotationMatrix: function (m, order, update) { - var clamp = _Math.clamp; - - // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) - - var te = m.elements; - var m11 = te[0], - m12 = te[4], - m13 = te[8]; - var m21 = te[1], - m22 = te[5], - m23 = te[9]; - var m31 = te[2], - m32 = te[6], - m33 = te[10]; - - order = order || this._order; - - if (order === "XYZ") { - this._y = Math.asin(clamp(m13, -1, 1)); - - if (Math.abs(m13) < 0.99999) { - this._x = Math.atan2(-m23, m33); - this._z = Math.atan2(-m12, m11); - } else { - this._x = Math.atan2(m32, m22); - this._z = 0; - } - } else if (order === "YXZ") { - this._x = Math.asin(-clamp(m23, -1, 1)); - - if (Math.abs(m23) < 0.99999) { - this._y = Math.atan2(m13, m33); - this._z = Math.atan2(m21, m22); - } else { - this._y = Math.atan2(-m31, m11); - this._z = 0; - } - } else if (order === "ZXY") { - this._x = Math.asin(clamp(m32, -1, 1)); - - if (Math.abs(m32) < 0.99999) { - this._y = Math.atan2(-m31, m33); - this._z = Math.atan2(-m12, m22); - } else { - this._y = 0; - this._z = Math.atan2(m21, m11); - } - } else if (order === "ZYX") { - this._y = Math.asin(-clamp(m31, -1, 1)); - - if (Math.abs(m31) < 0.99999) { - this._x = Math.atan2(m32, m33); - this._z = Math.atan2(m21, m11); - } else { - this._x = 0; - this._z = Math.atan2(-m12, m22); - } - } else if (order === "YZX") { - this._z = Math.asin(clamp(m21, -1, 1)); - - if (Math.abs(m21) < 0.99999) { - this._x = Math.atan2(-m23, m22); - this._y = Math.atan2(-m31, m11); - } else { - this._x = 0; - this._y = Math.atan2(m13, m33); - } - } else if (order === "XZY") { - this._z = Math.asin(-clamp(m12, -1, 1)); - - if (Math.abs(m12) < 0.99999) { - this._x = Math.atan2(m32, m22); - this._y = Math.atan2(m13, m11); - } else { - this._x = Math.atan2(-m23, m33); - this._y = 0; - } - } else { - console.warn( - "THREE.Euler: .setFromRotationMatrix() given unsupported order: " + - order - ); - } - - this._order = order; - - if (update !== false) this.onChangeCallback(); - - return this; - }, - - setFromQuaternion: (function () { - var matrix = new Matrix4(); - - return function setFromQuaternion(q, order, update) { - matrix.makeRotationFromQuaternion(q); - - return this.setFromRotationMatrix(matrix, order, update); - }; - })(), - - setFromVector3: function (v, order) { - return this.set(v.x, v.y, v.z, order || this._order); - }, - - reorder: (function () { - // WARNING: this discards revolution information -bhouston - - var q = new Quaternion(); - - return function reorder(newOrder) { - q.setFromEuler(this); - - return this.setFromQuaternion(q, newOrder); - }; - })(), - - equals: function (euler) { - return ( - euler._x === this._x && - euler._y === this._y && - euler._z === this._z && - euler._order === this._order - ); - }, - - fromArray: function (array) { - this._x = array[0]; - this._y = array[1]; - this._z = array[2]; - if (array[3] !== undefined) this._order = array[3]; - - this.onChangeCallback(); - - return this; - }, - - toArray: function (array, offset) { - if (array === undefined) array = []; - if (offset === undefined) offset = 0; - - array[offset] = this._x; - array[offset + 1] = this._y; - array[offset + 2] = this._z; - array[offset + 3] = this._order; - - return array; - }, - - toVector3: function (optionalResult) { - if (optionalResult) { - return optionalResult.set(this._x, this._y, this._z); - } else { - return new Vector3(this._x, this._y, this._z); - } - }, - - onChange: function (callback) { - this.onChangeCallback = callback; - - return this; - }, - - onChangeCallback: function () {}, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function Layers() { - this.mask = 1 | 0; - } - - Object.assign(Layers.prototype, { - set: function (channel) { - this.mask = (1 << channel) | 0; - }, - - enable: function (channel) { - this.mask |= (1 << channel) | 0; - }, - - toggle: function (channel) { - this.mask ^= (1 << channel) | 0; - }, - - disable: function (channel) { - this.mask &= ~((1 << channel) | 0); - }, - - test: function (layers) { - return (this.mask & layers.mask) !== 0; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author mikael emtinger / http://gomo.se/ - * @author alteredq / http://alteredqualia.com/ - * @author WestLangley / http://github.com/WestLangley - * @author elephantatwork / www.elephantatwork.ch - */ + }, - var object3DId = 0; - - function Object3D() { - Object.defineProperty(this, "id", { value: object3DId++ }); - - this.uuid = _Math.generateUUID(); - - this.name = ""; - this.type = "Object3D"; - - this.parent = null; - this.children = []; + lerp: function ( v, alpha ) { - this.up = Object3D.DefaultUp.clone(); - - var position = new Vector3(); - var rotation = new Euler(); - var quaternion = new Quaternion(); - var scale = new Vector3(1, 1, 1); + this.x += ( v.x - this.x ) * alpha; + this.y += ( v.y - this.y ) * alpha; - function onRotationChange() { - quaternion.setFromEuler(rotation, false); - } + return this; - function onQuaternionChange() { - rotation.setFromQuaternion(quaternion, undefined, false); - } + }, - rotation.onChange(onRotationChange); - quaternion.onChange(onQuaternionChange); + lerpVectors: function ( v1, v2, alpha ) { - Object.defineProperties(this, { - position: { - enumerable: true, - value: position, - }, - rotation: { - enumerable: true, - value: rotation, - }, - quaternion: { - enumerable: true, - value: quaternion, - }, - scale: { - enumerable: true, - value: scale, - }, - modelViewMatrix: { - value: new Matrix4(), - }, - normalMatrix: { - value: new Matrix3(), - }, - }); + return this.subVectors( v2, v1 ).multiplyScalar( alpha ).add( v1 ); - this.matrix = new Matrix4(); - this.matrixWorld = new Matrix4(); + }, - this.matrixAutoUpdate = Object3D.DefaultMatrixAutoUpdate; - this.matrixWorldNeedsUpdate = false; + equals: function ( v ) { - this.layers = new Layers(); - this.visible = true; + return ( ( v.x === this.x ) && ( v.y === this.y ) ); - this.castShadow = false; - this.receiveShadow = false; + }, - this.frustumCulled = true; - this.renderOrder = 0; + fromArray: function ( array, offset ) { - this.userData = {}; - } + if ( offset === undefined ) offset = 0; - Object3D.DefaultUp = new Vector3(0, 1, 0); - Object3D.DefaultMatrixAutoUpdate = true; + this.x = array[ offset ]; + this.y = array[ offset + 1 ]; - Object3D.prototype = Object.assign(Object.create(EventDispatcher.prototype), { - constructor: Object3D, + return this; - isObject3D: true, + }, - onBeforeRender: function () {}, - onAfterRender: function () {}, + toArray: function ( array, offset ) { - applyMatrix: function (matrix) { - this.matrix.multiplyMatrices(matrix, this.matrix); + if ( array === undefined ) array = []; + if ( offset === undefined ) offset = 0; - this.matrix.decompose(this.position, this.quaternion, this.scale); - }, + array[ offset ] = this.x; + array[ offset + 1 ] = this.y; - applyQuaternion: function (q) { - this.quaternion.premultiply(q); + return array; - return this; - }, + }, - setRotationFromAxisAngle: function (axis, angle) { - // assumes axis is normalized + fromBufferAttribute: function ( attribute, index, offset ) { - this.quaternion.setFromAxisAngle(axis, angle); - }, + if ( offset !== undefined ) { - setRotationFromEuler: function (euler) { - this.quaternion.setFromEuler(euler, true); - }, + console.warn( 'THREE.Vector2: offset has been removed from .fromBufferAttribute().' ); - setRotationFromMatrix: function (m) { - // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) + } - this.quaternion.setFromRotationMatrix(m); - }, + this.x = attribute.getX( index ); + this.y = attribute.getY( index ); - setRotationFromQuaternion: function (q) { - // assumes q is normalized + return this; - this.quaternion.copy(q); - }, + }, - rotateOnAxis: (function () { - // rotate object on axis in object space - // axis is assumed to be normalized + rotateAround: function ( center, angle ) { - var q1 = new Quaternion(); + var c = Math.cos( angle ), s = Math.sin( angle ); - return function rotateOnAxis(axis, angle) { - q1.setFromAxisAngle(axis, angle); + var x = this.x - center.x; + var y = this.y - center.y; - this.quaternion.multiply(q1); + this.x = x * c - y * s + center.x; + this.y = x * s + y * c + center.y; - return this; - }; - })(), + return this; - rotateOnWorldAxis: (function () { - // rotate object on axis in world space - // axis is assumed to be normalized - // method assumes no rotated parent + } - var q1 = new Quaternion(); + } ); - return function rotateOnWorldAxis(axis, angle) { - q1.setFromAxisAngle(axis, angle); + /** + * @author mrdoob / http://mrdoob.com/ + * @author supereggbert / http://www.paulbrunt.co.uk/ + * @author philogb / http://blog.thejit.org/ + * @author jordi_ros / http://plattsoft.com + * @author D1plo1d / http://github.com/D1plo1d + * @author alteredq / http://alteredqualia.com/ + * @author mikael emtinger / http://gomo.se/ + * @author timknip / http://www.floorplanner.com/ + * @author bhouston / http://clara.io + * @author WestLangley / http://github.com/WestLangley + */ - this.quaternion.premultiply(q1); + function Matrix4() { - return this; - }; - })(), + this.elements = [ - rotateX: (function () { - var v1 = new Vector3(1, 0, 0); + 1, 0, 0, 0, + 0, 1, 0, 0, + 0, 0, 1, 0, + 0, 0, 0, 1 - return function rotateX(angle) { - return this.rotateOnAxis(v1, angle); - }; - })(), + ]; - rotateY: (function () { - var v1 = new Vector3(0, 1, 0); + if ( arguments.length > 0 ) { - return function rotateY(angle) { - return this.rotateOnAxis(v1, angle); - }; - })(), + console.error( 'THREE.Matrix4: the constructor no longer reads arguments. use .set() instead.' ); - rotateZ: (function () { - var v1 = new Vector3(0, 0, 1); + } - return function rotateZ(angle) { - return this.rotateOnAxis(v1, angle); - }; - })(), + } - translateOnAxis: (function () { - // translate object by distance along axis in object space - // axis is assumed to be normalized + Object.assign( Matrix4.prototype, { - var v1 = new Vector3(); + isMatrix4: true, - return function translateOnAxis(axis, distance) { - v1.copy(axis).applyQuaternion(this.quaternion); + set: function ( n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44 ) { - this.position.add(v1.multiplyScalar(distance)); + var te = this.elements; - return this; - }; - })(), + te[ 0 ] = n11; te[ 4 ] = n12; te[ 8 ] = n13; te[ 12 ] = n14; + te[ 1 ] = n21; te[ 5 ] = n22; te[ 9 ] = n23; te[ 13 ] = n24; + te[ 2 ] = n31; te[ 6 ] = n32; te[ 10 ] = n33; te[ 14 ] = n34; + te[ 3 ] = n41; te[ 7 ] = n42; te[ 11 ] = n43; te[ 15 ] = n44; - translateX: (function () { - var v1 = new Vector3(1, 0, 0); + return this; - return function translateX(distance) { - return this.translateOnAxis(v1, distance); - }; - })(), + }, - translateY: (function () { - var v1 = new Vector3(0, 1, 0); + identity: function () { - return function translateY(distance) { - return this.translateOnAxis(v1, distance); - }; - })(), + this.set( - translateZ: (function () { - var v1 = new Vector3(0, 0, 1); + 1, 0, 0, 0, + 0, 1, 0, 0, + 0, 0, 1, 0, + 0, 0, 0, 1 - return function translateZ(distance) { - return this.translateOnAxis(v1, distance); - }; - })(), + ); - localToWorld: function (vector) { - return vector.applyMatrix4(this.matrixWorld); - }, + return this; - worldToLocal: (function () { - var m1 = new Matrix4(); + }, - return function worldToLocal(vector) { - return vector.applyMatrix4(m1.getInverse(this.matrixWorld)); - }; - })(), + clone: function () { - lookAt: (function () { - // This method does not support objects with rotated and/or translated parent(s) + return new Matrix4().fromArray( this.elements ); - var m1 = new Matrix4(); - var vector = new Vector3(); + }, - return function lookAt(x, y, z) { - if (x.isVector3) { - vector.copy(x); - } else { - vector.set(x, y, z); - } + copy: function ( m ) { - if (this.isCamera) { - m1.lookAt(this.position, vector, this.up); - } else { - m1.lookAt(vector, this.position, this.up); - } + var te = this.elements; + var me = m.elements; - this.quaternion.setFromRotationMatrix(m1); - }; - })(), + te[ 0 ] = me[ 0 ]; te[ 1 ] = me[ 1 ]; te[ 2 ] = me[ 2 ]; te[ 3 ] = me[ 3 ]; + te[ 4 ] = me[ 4 ]; te[ 5 ] = me[ 5 ]; te[ 6 ] = me[ 6 ]; te[ 7 ] = me[ 7 ]; + te[ 8 ] = me[ 8 ]; te[ 9 ] = me[ 9 ]; te[ 10 ] = me[ 10 ]; te[ 11 ] = me[ 11 ]; + te[ 12 ] = me[ 12 ]; te[ 13 ] = me[ 13 ]; te[ 14 ] = me[ 14 ]; te[ 15 ] = me[ 15 ]; - add: function (object) { - if (arguments.length > 1) { - for (var i = 0; i < arguments.length; i++) { - this.add(arguments[i]); - } - - return this; - } + return this; - if (object === this) { - console.error( - "THREE.Object3D.add: object can't be added as a child of itself.", - object - ); - return this; - } + }, - if (object && object.isObject3D) { - if (object.parent !== null) { - object.parent.remove(object); - } - - object.parent = this; - object.dispatchEvent({ type: "added" }); - - this.children.push(object); - } else { - console.error( - "THREE.Object3D.add: object not an instance of THREE.Object3D.", - object - ); - } - - return this; - }, - - remove: function (object) { - if (arguments.length > 1) { - for (var i = 0; i < arguments.length; i++) { - this.remove(arguments[i]); - } - - return this; - } - - var index = this.children.indexOf(object); - - if (index !== -1) { - object.parent = null; - - object.dispatchEvent({ type: "removed" }); - - this.children.splice(index, 1); - } - - return this; - }, + copyPosition: function ( m ) { - getObjectById: function (id) { - return this.getObjectByProperty("id", id); - }, - - getObjectByName: function (name) { - return this.getObjectByProperty("name", name); - }, + var te = this.elements, me = m.elements; - getObjectByProperty: function (name, value) { - if (this[name] === value) return this; + te[ 12 ] = me[ 12 ]; + te[ 13 ] = me[ 13 ]; + te[ 14 ] = me[ 14 ]; - for (var i = 0, l = this.children.length; i < l; i++) { - var child = this.children[i]; - var object = child.getObjectByProperty(name, value); + return this; - if (object !== undefined) { - return object; - } - } + }, - return undefined; - }, + extractBasis: function ( xAxis, yAxis, zAxis ) { - getWorldPosition: function (target) { - if (target === undefined) { - console.warn( - "THREE.Object3D: .getWorldPosition() target is now required" - ); - target = new Vector3(); - } + xAxis.setFromMatrixColumn( this, 0 ); + yAxis.setFromMatrixColumn( this, 1 ); + zAxis.setFromMatrixColumn( this, 2 ); - this.updateMatrixWorld(true); + return this; - return target.setFromMatrixPosition(this.matrixWorld); - }, + }, - getWorldQuaternion: (function () { - var position = new Vector3(); - var scale = new Vector3(); + makeBasis: function ( xAxis, yAxis, zAxis ) { - return function getWorldQuaternion(target) { - if (target === undefined) { - console.warn( - "THREE.Object3D: .getWorldQuaternion() target is now required" - ); - target = new Quaternion(); - } + this.set( + xAxis.x, yAxis.x, zAxis.x, 0, + xAxis.y, yAxis.y, zAxis.y, 0, + xAxis.z, yAxis.z, zAxis.z, 0, + 0, 0, 0, 1 + ); - this.updateMatrixWorld(true); + return this; - this.matrixWorld.decompose(position, target, scale); + }, - return target; - }; - })(), + extractRotation: function () { - getWorldScale: (function () { - var position = new Vector3(); - var quaternion = new Quaternion(); + var v1 = new Vector3(); - return function getWorldScale(target) { - if (target === undefined) { - console.warn( - "THREE.Object3D: .getWorldScale() target is now required" - ); - target = new Vector3(); - } + return function extractRotation( m ) { - this.updateMatrixWorld(true); + // this method does not support reflection matrices - this.matrixWorld.decompose(position, quaternion, target); + var te = this.elements; + var me = m.elements; - return target; - }; - })(), + var scaleX = 1 / v1.setFromMatrixColumn( m, 0 ).length(); + var scaleY = 1 / v1.setFromMatrixColumn( m, 1 ).length(); + var scaleZ = 1 / v1.setFromMatrixColumn( m, 2 ).length(); - getWorldDirection: (function () { - var quaternion = new Quaternion(); + te[ 0 ] = me[ 0 ] * scaleX; + te[ 1 ] = me[ 1 ] * scaleX; + te[ 2 ] = me[ 2 ] * scaleX; + te[ 3 ] = 0; - return function getWorldDirection(target) { - if (target === undefined) { - console.warn( - "THREE.Object3D: .getWorldDirection() target is now required" - ); - target = new Vector3(); - } + te[ 4 ] = me[ 4 ] * scaleY; + te[ 5 ] = me[ 5 ] * scaleY; + te[ 6 ] = me[ 6 ] * scaleY; + te[ 7 ] = 0; - this.getWorldQuaternion(quaternion); + te[ 8 ] = me[ 8 ] * scaleZ; + te[ 9 ] = me[ 9 ] * scaleZ; + te[ 10 ] = me[ 10 ] * scaleZ; + te[ 11 ] = 0; - return target.set(0, 0, 1).applyQuaternion(quaternion); - }; - })(), + te[ 12 ] = 0; + te[ 13 ] = 0; + te[ 14 ] = 0; + te[ 15 ] = 1; - raycast: function () {}, + return this; - traverse: function (callback) { - callback(this); + }; - var children = this.children; + }(), - for (var i = 0, l = children.length; i < l; i++) { - children[i].traverse(callback); - } - }, + makeRotationFromEuler: function ( euler ) { - traverseVisible: function (callback) { - if (this.visible === false) return; + if ( ! ( euler && euler.isEuler ) ) { - callback(this); + console.error( 'THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.' ); - var children = this.children; + } - for (var i = 0, l = children.length; i < l; i++) { - children[i].traverseVisible(callback); - } - }, + var te = this.elements; - traverseAncestors: function (callback) { - var parent = this.parent; + var x = euler.x, y = euler.y, z = euler.z; + var a = Math.cos( x ), b = Math.sin( x ); + var c = Math.cos( y ), d = Math.sin( y ); + var e = Math.cos( z ), f = Math.sin( z ); - if (parent !== null) { - callback(parent); + if ( euler.order === 'XYZ' ) { - parent.traverseAncestors(callback); - } - }, + var ae = a * e, af = a * f, be = b * e, bf = b * f; - updateMatrix: function () { - this.matrix.compose(this.position, this.quaternion, this.scale); + te[ 0 ] = c * e; + te[ 4 ] = - c * f; + te[ 8 ] = d; - this.matrixWorldNeedsUpdate = true; - }, + te[ 1 ] = af + be * d; + te[ 5 ] = ae - bf * d; + te[ 9 ] = - b * c; - updateMatrixWorld: function (force) { - if (this.matrixAutoUpdate) this.updateMatrix(); + te[ 2 ] = bf - ae * d; + te[ 6 ] = be + af * d; + te[ 10 ] = a * c; - if (this.matrixWorldNeedsUpdate || force) { - if (this.parent === null) { - this.matrixWorld.copy(this.matrix); - } else { - this.matrixWorld.multiplyMatrices( - this.parent.matrixWorld, - this.matrix - ); - } + } else if ( euler.order === 'YXZ' ) { - this.matrixWorldNeedsUpdate = false; + var ce = c * e, cf = c * f, de = d * e, df = d * f; - force = true; - } + te[ 0 ] = ce + df * b; + te[ 4 ] = de * b - cf; + te[ 8 ] = a * d; - // update children + te[ 1 ] = a * f; + te[ 5 ] = a * e; + te[ 9 ] = - b; - var children = this.children; + te[ 2 ] = cf * b - de; + te[ 6 ] = df + ce * b; + te[ 10 ] = a * c; - for (var i = 0, l = children.length; i < l; i++) { - children[i].updateMatrixWorld(force); - } - }, + } else if ( euler.order === 'ZXY' ) { - toJSON: function (meta) { - // meta is a string when called from JSON.stringify - var isRootObject = meta === undefined || typeof meta === "string"; + var ce = c * e, cf = c * f, de = d * e, df = d * f; - var output = {}; + te[ 0 ] = ce - df * b; + te[ 4 ] = - a * f; + te[ 8 ] = de + cf * b; - // meta is a hash used to collect geometries, materials. - // not providing it implies that this is the root object - // being serialized. - if (isRootObject) { - // initialize meta obj - meta = { - geometries: {}, - materials: {}, - textures: {}, - images: {}, - shapes: {}, - }; + te[ 1 ] = cf + de * b; + te[ 5 ] = a * e; + te[ 9 ] = df - ce * b; - output.metadata = { - version: 4.5, - type: "Object", - generator: "Object3D.toJSON", - }; - } + te[ 2 ] = - a * d; + te[ 6 ] = b; + te[ 10 ] = a * c; - // standard Object3D serialization + } else if ( euler.order === 'ZYX' ) { - var object = {}; - - object.uuid = this.uuid; - object.type = this.type; + var ae = a * e, af = a * f, be = b * e, bf = b * f; - if (this.name !== "") object.name = this.name; - if (this.castShadow === true) object.castShadow = true; - if (this.receiveShadow === true) object.receiveShadow = true; - if (this.visible === false) object.visible = false; - if (this.frustumCulled === false) object.frustumCulled = false; - if (this.renderOrder !== 0) object.renderOrder = this.renderOrder; - if (JSON.stringify(this.userData) !== "{}") - object.userData = this.userData; - - object.matrix = this.matrix.toArray(); + te[ 0 ] = c * e; + te[ 4 ] = be * d - af; + te[ 8 ] = ae * d + bf; - if (this.matrixAutoUpdate === false) object.matrixAutoUpdate = false; - - // + te[ 1 ] = c * f; + te[ 5 ] = bf * d + ae; + te[ 9 ] = af * d - be; - function serialize(library, element) { - if (library[element.uuid] === undefined) { - library[element.uuid] = element.toJSON(meta); - } - - return element.uuid; - } + te[ 2 ] = - d; + te[ 6 ] = b * c; + te[ 10 ] = a * c; - if (this.geometry !== undefined) { - object.geometry = serialize(meta.geometries, this.geometry); + } else if ( euler.order === 'YZX' ) { - var parameters = this.geometry.parameters; - - if (parameters !== undefined && parameters.shapes !== undefined) { - var shapes = parameters.shapes; + var ac = a * c, ad = a * d, bc = b * c, bd = b * d; - if (Array.isArray(shapes)) { - for (var i = 0, l = shapes.length; i < l; i++) { - var shape = shapes[i]; - - serialize(meta.shapes, shape); - } - } else { - serialize(meta.shapes, shapes); - } - } - } - - if (this.material !== undefined) { - if (Array.isArray(this.material)) { - var uuids = []; - - for (var i = 0, l = this.material.length; i < l; i++) { - uuids.push(serialize(meta.materials, this.material[i])); - } + te[ 0 ] = c * e; + te[ 4 ] = bd - ac * f; + te[ 8 ] = bc * f + ad; - object.material = uuids; - } else { - object.material = serialize(meta.materials, this.material); - } - } + te[ 1 ] = f; + te[ 5 ] = a * e; + te[ 9 ] = - b * e; - // - - if (this.children.length > 0) { - object.children = []; + te[ 2 ] = - d * e; + te[ 6 ] = ad * f + bc; + te[ 10 ] = ac - bd * f; - for (var i = 0; i < this.children.length; i++) { - object.children.push(this.children[i].toJSON(meta).object); - } - } + } else if ( euler.order === 'XZY' ) { - if (isRootObject) { - var geometries = extractFromCache(meta.geometries); - var materials = extractFromCache(meta.materials); - var textures = extractFromCache(meta.textures); - var images = extractFromCache(meta.images); - var shapes = extractFromCache(meta.shapes); + var ac = a * c, ad = a * d, bc = b * c, bd = b * d; - if (geometries.length > 0) output.geometries = geometries; - if (materials.length > 0) output.materials = materials; - if (textures.length > 0) output.textures = textures; - if (images.length > 0) output.images = images; - if (shapes.length > 0) output.shapes = shapes; - } + te[ 0 ] = c * e; + te[ 4 ] = - f; + te[ 8 ] = d * e; - output.object = object; + te[ 1 ] = ac * f + bd; + te[ 5 ] = a * e; + te[ 9 ] = ad * f - bc; - return output; + te[ 2 ] = bc * f - ad; + te[ 6 ] = b * e; + te[ 10 ] = bd * f + ac; - // extract data from the cache hash - // remove metadata on each item - // and return as array - function extractFromCache(cache) { - var values = []; - for (var key in cache) { - var data = cache[key]; - delete data.metadata; - values.push(data); - } - return values; - } - }, + } - clone: function (recursive) { - return new this.constructor().copy(this, recursive); - }, + // bottom row + te[ 3 ] = 0; + te[ 7 ] = 0; + te[ 11 ] = 0; - copy: function (source, recursive) { - if (recursive === undefined) recursive = true; + // last column + te[ 12 ] = 0; + te[ 13 ] = 0; + te[ 14 ] = 0; + te[ 15 ] = 1; - this.name = source.name; + return this; - this.up.copy(source.up); + }, - this.position.copy(source.position); - this.quaternion.copy(source.quaternion); - this.scale.copy(source.scale); + makeRotationFromQuaternion: function () { - this.matrix.copy(source.matrix); - this.matrixWorld.copy(source.matrixWorld); + var zero = new Vector3( 0, 0, 0 ); + var one = new Vector3( 1, 1, 1 ); - this.matrixAutoUpdate = source.matrixAutoUpdate; - this.matrixWorldNeedsUpdate = source.matrixWorldNeedsUpdate; + return function makeRotationFromQuaternion( q ) { - this.layers.mask = source.layers.mask; - this.visible = source.visible; + return this.compose( zero, q, one ); - this.castShadow = source.castShadow; - this.receiveShadow = source.receiveShadow; + }; - this.frustumCulled = source.frustumCulled; - this.renderOrder = source.renderOrder; + }(), - this.userData = JSON.parse(JSON.stringify(source.userData)); + lookAt: function () { - if (recursive === true) { - for (var i = 0; i < source.children.length; i++) { - var child = source.children[i]; - this.add(child.clone()); - } - } + var x = new Vector3(); + var y = new Vector3(); + var z = new Vector3(); - return this; - }, - }); + return function lookAt( eye, target, up ) { - /** - * @author mrdoob / http://mrdoob.com/ - * @author mikael emtinger / http://gomo.se/ - * @author WestLangley / http://github.com/WestLangley - */ + var te = this.elements; - function Camera() { - Object3D.call(this); + z.subVectors( eye, target ); - this.type = "Camera"; + if ( z.lengthSq() === 0 ) { - this.matrixWorldInverse = new Matrix4(); - this.projectionMatrix = new Matrix4(); - } + // eye and target are in the same position - Camera.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Camera, + z.z = 1; - isCamera: true, + } - copy: function (source, recursive) { - Object3D.prototype.copy.call(this, source, recursive); - - this.matrixWorldInverse.copy(source.matrixWorldInverse); - this.projectionMatrix.copy(source.projectionMatrix); - - return this; - }, + z.normalize(); + x.crossVectors( up, z ); - getWorldDirection: (function () { - var quaternion = new Quaternion(); + if ( x.lengthSq() === 0 ) { - return function getWorldDirection(target) { - if (target === undefined) { - console.warn( - "THREE.Camera: .getWorldDirection() target is now required" - ); - target = new Vector3(); - } + // up and z are parallel - this.getWorldQuaternion(quaternion); - - return target.set(0, 0, -1).applyQuaternion(quaternion); - }; - })(), - - updateMatrixWorld: function (force) { - Object3D.prototype.updateMatrixWorld.call(this, force); + if ( Math.abs( up.z ) === 1 ) { - this.matrixWorldInverse.getInverse(this.matrixWorld); - }, + z.x += 0.0001; - clone: function () { - return new this.constructor().copy(this); - }, - }); + } else { - /** - * @author alteredq / http://alteredqualia.com/ - * @author arose / http://github.com/arose - */ + z.z += 0.0001; - function OrthographicCamera(left, right, top, bottom, near, far) { - Camera.call(this); - - this.type = "OrthographicCamera"; - - this.zoom = 1; - this.view = null; - - this.left = left; - this.right = right; - this.top = top; - this.bottom = bottom; - - this.near = near !== undefined ? near : 0.1; - this.far = far !== undefined ? far : 2000; - - this.updateProjectionMatrix(); - } - - OrthographicCamera.prototype = Object.assign( - Object.create(Camera.prototype), - { - constructor: OrthographicCamera, - - isOrthographicCamera: true, - - copy: function (source, recursive) { - Camera.prototype.copy.call(this, source, recursive); - - this.left = source.left; - this.right = source.right; - this.top = source.top; - this.bottom = source.bottom; - this.near = source.near; - this.far = source.far; - - this.zoom = source.zoom; - this.view = - source.view === null ? null : Object.assign({}, source.view); - - return this; - }, - - setViewOffset: function (fullWidth, fullHeight, x, y, width, height) { - if (this.view === null) { - this.view = { - enabled: true, - fullWidth: 1, - fullHeight: 1, - offsetX: 0, - offsetY: 0, - width: 1, - height: 1, - }; - } - - this.view.enabled = true; - this.view.fullWidth = fullWidth; - this.view.fullHeight = fullHeight; - this.view.offsetX = x; - this.view.offsetY = y; - this.view.width = width; - this.view.height = height; - - this.updateProjectionMatrix(); - }, - - clearViewOffset: function () { - if (this.view !== null) { - this.view.enabled = false; - } - - this.updateProjectionMatrix(); - }, - - updateProjectionMatrix: function () { - var dx = (this.right - this.left) / (2 * this.zoom); - var dy = (this.top - this.bottom) / (2 * this.zoom); - var cx = (this.right + this.left) / 2; - var cy = (this.top + this.bottom) / 2; - - var left = cx - dx; - var right = cx + dx; - var top = cy + dy; - var bottom = cy - dy; - - if (this.view !== null && this.view.enabled) { - var zoomW = this.zoom / (this.view.width / this.view.fullWidth); - var zoomH = this.zoom / (this.view.height / this.view.fullHeight); - var scaleW = (this.right - this.left) / this.view.width; - var scaleH = (this.top - this.bottom) / this.view.height; - - left += scaleW * (this.view.offsetX / zoomW); - right = left + scaleW * (this.view.width / zoomW); - top -= scaleH * (this.view.offsetY / zoomH); - bottom = top - scaleH * (this.view.height / zoomH); - } - - this.projectionMatrix.makeOrthographic( - left, - right, - top, - bottom, - this.near, - this.far - ); - }, - - toJSON: function (meta) { - var data = Object3D.prototype.toJSON.call(this, meta); - - data.object.zoom = this.zoom; - data.object.left = this.left; - data.object.right = this.right; - data.object.top = this.top; - data.object.bottom = this.bottom; - data.object.near = this.near; - data.object.far = this.far; - - if (this.view !== null) data.object.view = Object.assign({}, this.view); - - return data; - }, - } - ); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - */ - - function Face3(a, b, c, normal, color, materialIndex) { - this.a = a; - this.b = b; - this.c = c; - - this.normal = normal && normal.isVector3 ? normal : new Vector3(); - this.vertexNormals = Array.isArray(normal) ? normal : []; - - this.color = color && color.isColor ? color : new Color(); - this.vertexColors = Array.isArray(color) ? color : []; - - this.materialIndex = materialIndex !== undefined ? materialIndex : 0; - } - - Object.assign(Face3.prototype, { - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (source) { - this.a = source.a; - this.b = source.b; - this.c = source.c; - - this.normal.copy(source.normal); - this.color.copy(source.color); - - this.materialIndex = source.materialIndex; - - for (var i = 0, il = source.vertexNormals.length; i < il; i++) { - this.vertexNormals[i] = source.vertexNormals[i].clone(); - } + } - for (var i = 0, il = source.vertexColors.length; i < il; i++) { - this.vertexColors[i] = source.vertexColors[i].clone(); - } + z.normalize(); + x.crossVectors( up, z ); - return this; - }, - }); + } - /** - * @author mrdoob / http://mrdoob.com/ - * @author kile / http://kile.stravaganza.org/ - * @author alteredq / http://alteredqualia.com/ - * @author mikael emtinger / http://gomo.se/ - * @author zz85 / http://www.lab4games.net/zz85/blog - * @author bhouston / http://clara.io - */ + x.normalize(); + y.crossVectors( z, x ); - var geometryId = 0; // Geometry uses even numbers as Id + te[ 0 ] = x.x; te[ 4 ] = y.x; te[ 8 ] = z.x; + te[ 1 ] = x.y; te[ 5 ] = y.y; te[ 9 ] = z.y; + te[ 2 ] = x.z; te[ 6 ] = y.z; te[ 10 ] = z.z; - function Geometry() { - Object.defineProperty(this, "id", { value: (geometryId += 2) }); + return this; - this.uuid = _Math.generateUUID(); + }; - this.name = ""; - this.type = "Geometry"; + }(), - this.vertices = []; - this.colors = []; - this.faces = []; - this.faceVertexUvs = [[]]; + multiply: function ( m, n ) { - this.morphTargets = []; - this.morphNormals = []; + if ( n !== undefined ) { - this.skinWeights = []; - this.skinIndices = []; + console.warn( 'THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead.' ); + return this.multiplyMatrices( m, n ); - this.lineDistances = []; + } - this.boundingBox = null; - this.boundingSphere = null; + return this.multiplyMatrices( this, m ); - // update flags + }, - this.elementsNeedUpdate = false; - this.verticesNeedUpdate = false; - this.uvsNeedUpdate = false; - this.normalsNeedUpdate = false; - this.colorsNeedUpdate = false; - this.lineDistancesNeedUpdate = false; - this.groupsNeedUpdate = false; - } + premultiply: function ( m ) { - Geometry.prototype = Object.assign(Object.create(EventDispatcher.prototype), { - constructor: Geometry, + return this.multiplyMatrices( m, this ); - isGeometry: true, + }, - applyMatrix: function (matrix) { - var normalMatrix = new Matrix3().getNormalMatrix(matrix); + multiplyMatrices: function ( a, b ) { - for (var i = 0, il = this.vertices.length; i < il; i++) { - var vertex = this.vertices[i]; - vertex.applyMatrix4(matrix); - } + var ae = a.elements; + var be = b.elements; + var te = this.elements; - for (var i = 0, il = this.faces.length; i < il; i++) { - var face = this.faces[i]; - face.normal.applyMatrix3(normalMatrix).normalize(); + var a11 = ae[ 0 ], a12 = ae[ 4 ], a13 = ae[ 8 ], a14 = ae[ 12 ]; + var a21 = ae[ 1 ], a22 = ae[ 5 ], a23 = ae[ 9 ], a24 = ae[ 13 ]; + var a31 = ae[ 2 ], a32 = ae[ 6 ], a33 = ae[ 10 ], a34 = ae[ 14 ]; + var a41 = ae[ 3 ], a42 = ae[ 7 ], a43 = ae[ 11 ], a44 = ae[ 15 ]; - for (var j = 0, jl = face.vertexNormals.length; j < jl; j++) { - face.vertexNormals[j].applyMatrix3(normalMatrix).normalize(); - } - } + var b11 = be[ 0 ], b12 = be[ 4 ], b13 = be[ 8 ], b14 = be[ 12 ]; + var b21 = be[ 1 ], b22 = be[ 5 ], b23 = be[ 9 ], b24 = be[ 13 ]; + var b31 = be[ 2 ], b32 = be[ 6 ], b33 = be[ 10 ], b34 = be[ 14 ]; + var b41 = be[ 3 ], b42 = be[ 7 ], b43 = be[ 11 ], b44 = be[ 15 ]; - if (this.boundingBox !== null) { - this.computeBoundingBox(); - } + te[ 0 ] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41; + te[ 4 ] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42; + te[ 8 ] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43; + te[ 12 ] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44; - if (this.boundingSphere !== null) { - this.computeBoundingSphere(); - } + te[ 1 ] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41; + te[ 5 ] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42; + te[ 9 ] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43; + te[ 13 ] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44; - this.verticesNeedUpdate = true; - this.normalsNeedUpdate = true; + te[ 2 ] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41; + te[ 6 ] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42; + te[ 10 ] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43; + te[ 14 ] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44; - return this; - }, + te[ 3 ] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41; + te[ 7 ] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42; + te[ 11 ] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43; + te[ 15 ] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44; - rotateX: (function () { - // rotate geometry around world x-axis + return this; - var m1 = new Matrix4(); + }, - return function rotateX(angle) { - m1.makeRotationX(angle); + multiplyScalar: function ( s ) { - this.applyMatrix(m1); + var te = this.elements; - return this; - }; - })(), + te[ 0 ] *= s; te[ 4 ] *= s; te[ 8 ] *= s; te[ 12 ] *= s; + te[ 1 ] *= s; te[ 5 ] *= s; te[ 9 ] *= s; te[ 13 ] *= s; + te[ 2 ] *= s; te[ 6 ] *= s; te[ 10 ] *= s; te[ 14 ] *= s; + te[ 3 ] *= s; te[ 7 ] *= s; te[ 11 ] *= s; te[ 15 ] *= s; - rotateY: (function () { - // rotate geometry around world y-axis + return this; - var m1 = new Matrix4(); + }, - return function rotateY(angle) { - m1.makeRotationY(angle); + applyToBufferAttribute: function () { - this.applyMatrix(m1); + var v1 = new Vector3(); - return this; - }; - })(), + return function applyToBufferAttribute( attribute ) { - rotateZ: (function () { - // rotate geometry around world z-axis + for ( var i = 0, l = attribute.count; i < l; i ++ ) { - var m1 = new Matrix4(); + v1.x = attribute.getX( i ); + v1.y = attribute.getY( i ); + v1.z = attribute.getZ( i ); - return function rotateZ(angle) { - m1.makeRotationZ(angle); + v1.applyMatrix4( this ); - this.applyMatrix(m1); + attribute.setXYZ( i, v1.x, v1.y, v1.z ); - return this; - }; - })(), + } - translate: (function () { - // translate geometry + return attribute; - var m1 = new Matrix4(); + }; - return function translate(x, y, z) { - m1.makeTranslation(x, y, z); + }(), - this.applyMatrix(m1); + determinant: function () { - return this; - }; - })(), + var te = this.elements; - scale: (function () { - // scale geometry + var n11 = te[ 0 ], n12 = te[ 4 ], n13 = te[ 8 ], n14 = te[ 12 ]; + var n21 = te[ 1 ], n22 = te[ 5 ], n23 = te[ 9 ], n24 = te[ 13 ]; + var n31 = te[ 2 ], n32 = te[ 6 ], n33 = te[ 10 ], n34 = te[ 14 ]; + var n41 = te[ 3 ], n42 = te[ 7 ], n43 = te[ 11 ], n44 = te[ 15 ]; - var m1 = new Matrix4(); + //TODO: make this more efficient + //( based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm ) - return function scale(x, y, z) { - m1.makeScale(x, y, z); + return ( + n41 * ( + + n14 * n23 * n32 + - n13 * n24 * n32 + - n14 * n22 * n33 + + n12 * n24 * n33 + + n13 * n22 * n34 + - n12 * n23 * n34 + ) + + n42 * ( + + n11 * n23 * n34 + - n11 * n24 * n33 + + n14 * n21 * n33 + - n13 * n21 * n34 + + n13 * n24 * n31 + - n14 * n23 * n31 + ) + + n43 * ( + + n11 * n24 * n32 + - n11 * n22 * n34 + - n14 * n21 * n32 + + n12 * n21 * n34 + + n14 * n22 * n31 + - n12 * n24 * n31 + ) + + n44 * ( + - n13 * n22 * n31 + - n11 * n23 * n32 + + n11 * n22 * n33 + + n13 * n21 * n32 + - n12 * n21 * n33 + + n12 * n23 * n31 + ) - this.applyMatrix(m1); + ); - return this; - }; - })(), + }, - lookAt: (function () { - var obj = new Object3D(); + transpose: function () { - return function lookAt(vector) { - obj.lookAt(vector); + var te = this.elements; + var tmp; - obj.updateMatrix(); + tmp = te[ 1 ]; te[ 1 ] = te[ 4 ]; te[ 4 ] = tmp; + tmp = te[ 2 ]; te[ 2 ] = te[ 8 ]; te[ 8 ] = tmp; + tmp = te[ 6 ]; te[ 6 ] = te[ 9 ]; te[ 9 ] = tmp; - this.applyMatrix(obj.matrix); - }; - })(), + tmp = te[ 3 ]; te[ 3 ] = te[ 12 ]; te[ 12 ] = tmp; + tmp = te[ 7 ]; te[ 7 ] = te[ 13 ]; te[ 13 ] = tmp; + tmp = te[ 11 ]; te[ 11 ] = te[ 14 ]; te[ 14 ] = tmp; - fromBufferGeometry: function (geometry) { - var scope = this; + return this; - var indices = geometry.index !== null ? geometry.index.array : undefined; - var attributes = geometry.attributes; + }, - var positions = attributes.position.array; - var normals = - attributes.normal !== undefined ? attributes.normal.array : undefined; - var colors = - attributes.color !== undefined ? attributes.color.array : undefined; - var uvs = attributes.uv !== undefined ? attributes.uv.array : undefined; - var uvs2 = - attributes.uv2 !== undefined ? attributes.uv2.array : undefined; - - if (uvs2 !== undefined) this.faceVertexUvs[1] = []; - - var tempNormals = []; - var tempUVs = []; - var tempUVs2 = []; - - for (var i = 0, j = 0; i < positions.length; i += 3, j += 2) { - scope.vertices.push( - new Vector3(positions[i], positions[i + 1], positions[i + 2]) - ); - - if (normals !== undefined) { - tempNormals.push( - new Vector3(normals[i], normals[i + 1], normals[i + 2]) - ); - } - - if (colors !== undefined) { - scope.colors.push(new Color(colors[i], colors[i + 1], colors[i + 2])); - } - - if (uvs !== undefined) { - tempUVs.push(new Vector2(uvs[j], uvs[j + 1])); - } - - if (uvs2 !== undefined) { - tempUVs2.push(new Vector2(uvs2[j], uvs2[j + 1])); - } - } - - function addFace(a, b, c, materialIndex) { - var vertexNormals = - normals !== undefined - ? [ - tempNormals[a].clone(), - tempNormals[b].clone(), - tempNormals[c].clone(), - ] - : []; - var vertexColors = - colors !== undefined - ? [ - scope.colors[a].clone(), - scope.colors[b].clone(), - scope.colors[c].clone(), - ] - : []; - - var face = new Face3( - a, - b, - c, - vertexNormals, - vertexColors, - materialIndex - ); - - scope.faces.push(face); - - if (uvs !== undefined) { - scope.faceVertexUvs[0].push([ - tempUVs[a].clone(), - tempUVs[b].clone(), - tempUVs[c].clone(), - ]); - } - - if (uvs2 !== undefined) { - scope.faceVertexUvs[1].push([ - tempUVs2[a].clone(), - tempUVs2[b].clone(), - tempUVs2[c].clone(), - ]); - } - } - - var groups = geometry.groups; - - if (groups.length > 0) { - for (var i = 0; i < groups.length; i++) { - var group = groups[i]; - - var start = group.start; - var count = group.count; - - for (var j = start, jl = start + count; j < jl; j += 3) { - if (indices !== undefined) { - addFace( - indices[j], - indices[j + 1], - indices[j + 2], - group.materialIndex - ); - } else { - addFace(j, j + 1, j + 2, group.materialIndex); - } - } - } - } else { - if (indices !== undefined) { - for (var i = 0; i < indices.length; i += 3) { - addFace(indices[i], indices[i + 1], indices[i + 2]); - } - } else { - for (var i = 0; i < positions.length / 3; i += 3) { - addFace(i, i + 1, i + 2); - } - } - } - - this.computeFaceNormals(); - - if (geometry.boundingBox !== null) { - this.boundingBox = geometry.boundingBox.clone(); - } - - if (geometry.boundingSphere !== null) { - this.boundingSphere = geometry.boundingSphere.clone(); - } - - return this; - }, - - center: (function () { - var offset = new Vector3(); - - return function center() { - this.computeBoundingBox(); - - this.boundingBox.getCenter(offset).negate(); - - this.translate(offset.x, offset.y, offset.z); - - return this; - }; - })(), - - normalize: function () { - this.computeBoundingSphere(); - - var center = this.boundingSphere.center; - var radius = this.boundingSphere.radius; - - var s = radius === 0 ? 1 : 1.0 / radius; - - var matrix = new Matrix4(); - matrix.set( - s, - 0, - 0, - -s * center.x, - 0, - s, - 0, - -s * center.y, - 0, - 0, - s, - -s * center.z, - 0, - 0, - 0, - 1 - ); - - this.applyMatrix(matrix); - - return this; - }, - - computeFaceNormals: function () { - var cb = new Vector3(), - ab = new Vector3(); - - for (var f = 0, fl = this.faces.length; f < fl; f++) { - var face = this.faces[f]; - - var vA = this.vertices[face.a]; - var vB = this.vertices[face.b]; - var vC = this.vertices[face.c]; - - cb.subVectors(vC, vB); - ab.subVectors(vA, vB); - cb.cross(ab); - - cb.normalize(); - - face.normal.copy(cb); - } - }, - - computeVertexNormals: function (areaWeighted) { - if (areaWeighted === undefined) areaWeighted = true; - - var v, vl, f, fl, face, vertices; - - vertices = new Array(this.vertices.length); - - for (v = 0, vl = this.vertices.length; v < vl; v++) { - vertices[v] = new Vector3(); - } - - if (areaWeighted) { - // vertex normals weighted by triangle areas - // http://www.iquilezles.org/www/articles/normals/normals.htm + setPosition: function ( v ) { - var vA, vB, vC; - var cb = new Vector3(), - ab = new Vector3(); + var te = this.elements; - for (f = 0, fl = this.faces.length; f < fl; f++) { - face = this.faces[f]; - - vA = this.vertices[face.a]; - vB = this.vertices[face.b]; - vC = this.vertices[face.c]; - - cb.subVectors(vC, vB); - ab.subVectors(vA, vB); - cb.cross(ab); - - vertices[face.a].add(cb); - vertices[face.b].add(cb); - vertices[face.c].add(cb); - } - } else { - this.computeFaceNormals(); - - for (f = 0, fl = this.faces.length; f < fl; f++) { - face = this.faces[f]; - - vertices[face.a].add(face.normal); - vertices[face.b].add(face.normal); - vertices[face.c].add(face.normal); - } - } - - for (v = 0, vl = this.vertices.length; v < vl; v++) { - vertices[v].normalize(); - } - - for (f = 0, fl = this.faces.length; f < fl; f++) { - face = this.faces[f]; - - var vertexNormals = face.vertexNormals; - - if (vertexNormals.length === 3) { - vertexNormals[0].copy(vertices[face.a]); - vertexNormals[1].copy(vertices[face.b]); - vertexNormals[2].copy(vertices[face.c]); - } else { - vertexNormals[0] = vertices[face.a].clone(); - vertexNormals[1] = vertices[face.b].clone(); - vertexNormals[2] = vertices[face.c].clone(); - } - } + te[ 12 ] = v.x; + te[ 13 ] = v.y; + te[ 14 ] = v.z; - if (this.faces.length > 0) { - this.normalsNeedUpdate = true; - } - }, + return this; - computeFlatVertexNormals: function () { - var f, fl, face; + }, - this.computeFaceNormals(); + getInverse: function ( m, throwOnDegenerate ) { - for (f = 0, fl = this.faces.length; f < fl; f++) { - face = this.faces[f]; + // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm + var te = this.elements, + me = m.elements, - var vertexNormals = face.vertexNormals; + n11 = me[ 0 ], n21 = me[ 1 ], n31 = me[ 2 ], n41 = me[ 3 ], + n12 = me[ 4 ], n22 = me[ 5 ], n32 = me[ 6 ], n42 = me[ 7 ], + n13 = me[ 8 ], n23 = me[ 9 ], n33 = me[ 10 ], n43 = me[ 11 ], + n14 = me[ 12 ], n24 = me[ 13 ], n34 = me[ 14 ], n44 = me[ 15 ], - if (vertexNormals.length === 3) { - vertexNormals[0].copy(face.normal); - vertexNormals[1].copy(face.normal); - vertexNormals[2].copy(face.normal); - } else { - vertexNormals[0] = face.normal.clone(); - vertexNormals[1] = face.normal.clone(); - vertexNormals[2] = face.normal.clone(); - } - } + t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44, + t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44, + t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44, + t14 = n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34; - if (this.faces.length > 0) { - this.normalsNeedUpdate = true; - } - }, + var det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14; - computeMorphNormals: function () { - var i, il, f, fl, face; + if ( det === 0 ) { - // save original normals - // - create temp variables on first access - // otherwise just copy (for faster repeated calls) + var msg = "THREE.Matrix4: .getInverse() can't invert matrix, determinant is 0"; - for (f = 0, fl = this.faces.length; f < fl; f++) { - face = this.faces[f]; + if ( throwOnDegenerate === true ) { - if (!face.__originalFaceNormal) { - face.__originalFaceNormal = face.normal.clone(); - } else { - face.__originalFaceNormal.copy(face.normal); - } + throw new Error( msg ); - if (!face.__originalVertexNormals) face.__originalVertexNormals = []; + } else { - for (i = 0, il = face.vertexNormals.length; i < il; i++) { - if (!face.__originalVertexNormals[i]) { - face.__originalVertexNormals[i] = face.vertexNormals[i].clone(); - } else { - face.__originalVertexNormals[i].copy(face.vertexNormals[i]); - } - } - } - - // use temp geometry to compute face and vertex normals for each morph - - var tmpGeo = new Geometry(); - tmpGeo.faces = this.faces; - - for (i = 0, il = this.morphTargets.length; i < il; i++) { - // create on first access - - if (!this.morphNormals[i]) { - this.morphNormals[i] = {}; - this.morphNormals[i].faceNormals = []; - this.morphNormals[i].vertexNormals = []; + console.warn( msg ); - var dstNormalsFace = this.morphNormals[i].faceNormals; - var dstNormalsVertex = this.morphNormals[i].vertexNormals; + } - var faceNormal, vertexNormals; + return this.identity(); - for (f = 0, fl = this.faces.length; f < fl; f++) { - faceNormal = new Vector3(); - vertexNormals = { - a: new Vector3(), - b: new Vector3(), - c: new Vector3(), - }; + } - dstNormalsFace.push(faceNormal); - dstNormalsVertex.push(vertexNormals); - } - } + var detInv = 1 / det; - var morphNormals = this.morphNormals[i]; + te[ 0 ] = t11 * detInv; + te[ 1 ] = ( n24 * n33 * n41 - n23 * n34 * n41 - n24 * n31 * n43 + n21 * n34 * n43 + n23 * n31 * n44 - n21 * n33 * n44 ) * detInv; + te[ 2 ] = ( n22 * n34 * n41 - n24 * n32 * n41 + n24 * n31 * n42 - n21 * n34 * n42 - n22 * n31 * n44 + n21 * n32 * n44 ) * detInv; + te[ 3 ] = ( n23 * n32 * n41 - n22 * n33 * n41 - n23 * n31 * n42 + n21 * n33 * n42 + n22 * n31 * n43 - n21 * n32 * n43 ) * detInv; - // set vertices to morph target + te[ 4 ] = t12 * detInv; + te[ 5 ] = ( n13 * n34 * n41 - n14 * n33 * n41 + n14 * n31 * n43 - n11 * n34 * n43 - n13 * n31 * n44 + n11 * n33 * n44 ) * detInv; + te[ 6 ] = ( n14 * n32 * n41 - n12 * n34 * n41 - n14 * n31 * n42 + n11 * n34 * n42 + n12 * n31 * n44 - n11 * n32 * n44 ) * detInv; + te[ 7 ] = ( n12 * n33 * n41 - n13 * n32 * n41 + n13 * n31 * n42 - n11 * n33 * n42 - n12 * n31 * n43 + n11 * n32 * n43 ) * detInv; - tmpGeo.vertices = this.morphTargets[i].vertices; + te[ 8 ] = t13 * detInv; + te[ 9 ] = ( n14 * n23 * n41 - n13 * n24 * n41 - n14 * n21 * n43 + n11 * n24 * n43 + n13 * n21 * n44 - n11 * n23 * n44 ) * detInv; + te[ 10 ] = ( n12 * n24 * n41 - n14 * n22 * n41 + n14 * n21 * n42 - n11 * n24 * n42 - n12 * n21 * n44 + n11 * n22 * n44 ) * detInv; + te[ 11 ] = ( n13 * n22 * n41 - n12 * n23 * n41 - n13 * n21 * n42 + n11 * n23 * n42 + n12 * n21 * n43 - n11 * n22 * n43 ) * detInv; - // compute morph normals + te[ 12 ] = t14 * detInv; + te[ 13 ] = ( n13 * n24 * n31 - n14 * n23 * n31 + n14 * n21 * n33 - n11 * n24 * n33 - n13 * n21 * n34 + n11 * n23 * n34 ) * detInv; + te[ 14 ] = ( n14 * n22 * n31 - n12 * n24 * n31 - n14 * n21 * n32 + n11 * n24 * n32 + n12 * n21 * n34 - n11 * n22 * n34 ) * detInv; + te[ 15 ] = ( n12 * n23 * n31 - n13 * n22 * n31 + n13 * n21 * n32 - n11 * n23 * n32 - n12 * n21 * n33 + n11 * n22 * n33 ) * detInv; - tmpGeo.computeFaceNormals(); - tmpGeo.computeVertexNormals(); + return this; - // store morph normals + }, - var faceNormal, vertexNormals; + scale: function ( v ) { - for (f = 0, fl = this.faces.length; f < fl; f++) { - face = this.faces[f]; + var te = this.elements; + var x = v.x, y = v.y, z = v.z; - faceNormal = morphNormals.faceNormals[f]; - vertexNormals = morphNormals.vertexNormals[f]; + te[ 0 ] *= x; te[ 4 ] *= y; te[ 8 ] *= z; + te[ 1 ] *= x; te[ 5 ] *= y; te[ 9 ] *= z; + te[ 2 ] *= x; te[ 6 ] *= y; te[ 10 ] *= z; + te[ 3 ] *= x; te[ 7 ] *= y; te[ 11 ] *= z; - faceNormal.copy(face.normal); + return this; - vertexNormals.a.copy(face.vertexNormals[0]); - vertexNormals.b.copy(face.vertexNormals[1]); - vertexNormals.c.copy(face.vertexNormals[2]); - } - } + }, - // restore original normals + getMaxScaleOnAxis: function () { - for (f = 0, fl = this.faces.length; f < fl; f++) { - face = this.faces[f]; + var te = this.elements; - face.normal = face.__originalFaceNormal; - face.vertexNormals = face.__originalVertexNormals; - } - }, + var scaleXSq = te[ 0 ] * te[ 0 ] + te[ 1 ] * te[ 1 ] + te[ 2 ] * te[ 2 ]; + var scaleYSq = te[ 4 ] * te[ 4 ] + te[ 5 ] * te[ 5 ] + te[ 6 ] * te[ 6 ]; + var scaleZSq = te[ 8 ] * te[ 8 ] + te[ 9 ] * te[ 9 ] + te[ 10 ] * te[ 10 ]; - computeBoundingBox: function () { - if (this.boundingBox === null) { - this.boundingBox = new Box3(); - } + return Math.sqrt( Math.max( scaleXSq, scaleYSq, scaleZSq ) ); - this.boundingBox.setFromPoints(this.vertices); - }, + }, - computeBoundingSphere: function () { - if (this.boundingSphere === null) { - this.boundingSphere = new Sphere(); - } + makeTranslation: function ( x, y, z ) { - this.boundingSphere.setFromPoints(this.vertices); - }, + this.set( - merge: function (geometry, matrix, materialIndexOffset) { - if (!(geometry && geometry.isGeometry)) { - console.error( - "THREE.Geometry.merge(): geometry not an instance of THREE.Geometry.", - geometry - ); - return; - } + 1, 0, 0, x, + 0, 1, 0, y, + 0, 0, 1, z, + 0, 0, 0, 1 - var normalMatrix, - vertexOffset = this.vertices.length, - vertices1 = this.vertices, - vertices2 = geometry.vertices, - faces1 = this.faces, - faces2 = geometry.faces, - uvs1 = this.faceVertexUvs[0], - uvs2 = geometry.faceVertexUvs[0], - colors1 = this.colors, - colors2 = geometry.colors; + ); - if (materialIndexOffset === undefined) materialIndexOffset = 0; + return this; - if (matrix !== undefined) { - normalMatrix = new Matrix3().getNormalMatrix(matrix); - } + }, - // vertices + makeRotationX: function ( theta ) { - for (var i = 0, il = vertices2.length; i < il; i++) { - var vertex = vertices2[i]; + var c = Math.cos( theta ), s = Math.sin( theta ); - var vertexCopy = vertex.clone(); + this.set( - if (matrix !== undefined) vertexCopy.applyMatrix4(matrix); + 1, 0, 0, 0, + 0, c, - s, 0, + 0, s, c, 0, + 0, 0, 0, 1 - vertices1.push(vertexCopy); - } + ); - // colors + return this; - for (var i = 0, il = colors2.length; i < il; i++) { - colors1.push(colors2[i].clone()); - } + }, - // faces + makeRotationY: function ( theta ) { - for (i = 0, il = faces2.length; i < il; i++) { - var face = faces2[i], - faceCopy, - normal, - color, - faceVertexNormals = face.vertexNormals, - faceVertexColors = face.vertexColors; - - faceCopy = new Face3( - face.a + vertexOffset, - face.b + vertexOffset, - face.c + vertexOffset - ); - faceCopy.normal.copy(face.normal); - - if (normalMatrix !== undefined) { - faceCopy.normal.applyMatrix3(normalMatrix).normalize(); - } - - for (var j = 0, jl = faceVertexNormals.length; j < jl; j++) { - normal = faceVertexNormals[j].clone(); - - if (normalMatrix !== undefined) { - normal.applyMatrix3(normalMatrix).normalize(); - } - - faceCopy.vertexNormals.push(normal); - } - - faceCopy.color.copy(face.color); - - for (var j = 0, jl = faceVertexColors.length; j < jl; j++) { - color = faceVertexColors[j]; - faceCopy.vertexColors.push(color.clone()); - } - - faceCopy.materialIndex = face.materialIndex + materialIndexOffset; - - faces1.push(faceCopy); - } - - // uvs - - for (i = 0, il = uvs2.length; i < il; i++) { - var uv = uvs2[i], - uvCopy = []; - - if (uv === undefined) { - continue; - } - - for (var j = 0, jl = uv.length; j < jl; j++) { - uvCopy.push(uv[j].clone()); - } - - uvs1.push(uvCopy); - } - }, - - mergeMesh: function (mesh) { - if (!(mesh && mesh.isMesh)) { - console.error( - "THREE.Geometry.mergeMesh(): mesh not an instance of THREE.Mesh.", - mesh - ); - return; - } - - if (mesh.matrixAutoUpdate) mesh.updateMatrix(); + var c = Math.cos( theta ), s = Math.sin( theta ); - this.merge(mesh.geometry, mesh.matrix); - }, + this.set( - /* - * Checks for duplicate vertices with hashmap. - * Duplicated vertices are removed - * and faces' vertices are updated. - */ + c, 0, s, 0, + 0, 1, 0, 0, + - s, 0, c, 0, + 0, 0, 0, 1 - mergeVertices: function () { - var verticesMap = {}; // Hashmap for looking up vertices by position coordinates (and making sure they are unique) - var unique = [], - changes = []; + ); - var v, key; - var precisionPoints = 4; // number of decimal points, e.g. 4 for epsilon of 0.0001 - var precision = Math.pow(10, precisionPoints); - var i, il, face; - var indices, j, jl; + return this; - for (i = 0, il = this.vertices.length; i < il; i++) { - v = this.vertices[i]; - key = - Math.round(v.x * precision) + - "_" + - Math.round(v.y * precision) + - "_" + - Math.round(v.z * precision); + }, - if (verticesMap[key] === undefined) { - verticesMap[key] = i; - unique.push(this.vertices[i]); - changes[i] = unique.length - 1; - } else { - //console.log('Duplicate vertex found. ', i, ' could be using ', verticesMap[key]); - changes[i] = changes[verticesMap[key]]; - } - } - - // if faces are completely degenerate after merging vertices, we - // have to remove them from the geometry. - var faceIndicesToRemove = []; + makeRotationZ: function ( theta ) { - for (i = 0, il = this.faces.length; i < il; i++) { - face = this.faces[i]; + var c = Math.cos( theta ), s = Math.sin( theta ); - face.a = changes[face.a]; - face.b = changes[face.b]; - face.c = changes[face.c]; + this.set( - indices = [face.a, face.b, face.c]; + c, - s, 0, 0, + s, c, 0, 0, + 0, 0, 1, 0, + 0, 0, 0, 1 - // if any duplicate vertices are found in a Face3 - // we have to remove the face as nothing can be saved - for (var n = 0; n < 3; n++) { - if (indices[n] === indices[(n + 1) % 3]) { - faceIndicesToRemove.push(i); - break; - } - } - } + ); - for (i = faceIndicesToRemove.length - 1; i >= 0; i--) { - var idx = faceIndicesToRemove[i]; + return this; - this.faces.splice(idx, 1); - - for (j = 0, jl = this.faceVertexUvs.length; j < jl; j++) { - this.faceVertexUvs[j].splice(idx, 1); - } - } - - // Use unique set of vertices - - var diff = this.vertices.length - unique.length; - this.vertices = unique; - return diff; - }, - - setFromPoints: function (points) { - this.vertices = []; - - for (var i = 0, l = points.length; i < l; i++) { - var point = points[i]; - this.vertices.push(new Vector3(point.x, point.y, point.z || 0)); - } - - return this; - }, - - sortFacesByMaterialIndex: function () { - var faces = this.faces; - var length = faces.length; - - // tag faces - - for (var i = 0; i < length; i++) { - faces[i]._id = i; - } - - // sort faces - - function materialIndexSort(a, b) { - return a.materialIndex - b.materialIndex; - } - - faces.sort(materialIndexSort); - - // sort uvs - - var uvs1 = this.faceVertexUvs[0]; - var uvs2 = this.faceVertexUvs[1]; - - var newUvs1, newUvs2; - - if (uvs1 && uvs1.length === length) newUvs1 = []; - if (uvs2 && uvs2.length === length) newUvs2 = []; - - for (var i = 0; i < length; i++) { - var id = faces[i]._id; - - if (newUvs1) newUvs1.push(uvs1[id]); - if (newUvs2) newUvs2.push(uvs2[id]); - } - - if (newUvs1) this.faceVertexUvs[0] = newUvs1; - if (newUvs2) this.faceVertexUvs[1] = newUvs2; - }, - - toJSON: function () { - var data = { - metadata: { - version: 4.5, - type: "Geometry", - generator: "Geometry.toJSON", - }, - }; - - // standard Geometry serialization - - data.uuid = this.uuid; - data.type = this.type; - if (this.name !== "") data.name = this.name; - - if (this.parameters !== undefined) { - var parameters = this.parameters; - - for (var key in parameters) { - if (parameters[key] !== undefined) data[key] = parameters[key]; - } - - return data; - } - - var vertices = []; + }, - for (var i = 0; i < this.vertices.length; i++) { - var vertex = this.vertices[i]; - vertices.push(vertex.x, vertex.y, vertex.z); - } + makeRotationAxis: function ( axis, angle ) { - var faces = []; - var normals = []; - var normalsHash = {}; - var colors = []; - var colorsHash = {}; - var uvs = []; - var uvsHash = {}; + // Based on http://www.gamedev.net/reference/articles/article1199.asp - for (var i = 0; i < this.faces.length; i++) { - var face = this.faces[i]; + var c = Math.cos( angle ); + var s = Math.sin( angle ); + var t = 1 - c; + var x = axis.x, y = axis.y, z = axis.z; + var tx = t * x, ty = t * y; - var hasMaterial = true; - var hasFaceUv = false; // deprecated - var hasFaceVertexUv = this.faceVertexUvs[0][i] !== undefined; - var hasFaceNormal = face.normal.length() > 0; - var hasFaceVertexNormal = face.vertexNormals.length > 0; - var hasFaceColor = - face.color.r !== 1 || face.color.g !== 1 || face.color.b !== 1; - var hasFaceVertexColor = face.vertexColors.length > 0; + this.set( - var faceType = 0; + tx * x + c, tx * y - s * z, tx * z + s * y, 0, + tx * y + s * z, ty * y + c, ty * z - s * x, 0, + tx * z - s * y, ty * z + s * x, t * z * z + c, 0, + 0, 0, 0, 1 - faceType = setBit(faceType, 0, 0); // isQuad - faceType = setBit(faceType, 1, hasMaterial); - faceType = setBit(faceType, 2, hasFaceUv); - faceType = setBit(faceType, 3, hasFaceVertexUv); - faceType = setBit(faceType, 4, hasFaceNormal); - faceType = setBit(faceType, 5, hasFaceVertexNormal); - faceType = setBit(faceType, 6, hasFaceColor); - faceType = setBit(faceType, 7, hasFaceVertexColor); + ); - faces.push(faceType); - faces.push(face.a, face.b, face.c); - faces.push(face.materialIndex); + return this; - if (hasFaceVertexUv) { - var faceVertexUvs = this.faceVertexUvs[0][i]; + }, - faces.push( - getUvIndex(faceVertexUvs[0]), - getUvIndex(faceVertexUvs[1]), - getUvIndex(faceVertexUvs[2]) - ); - } + makeScale: function ( x, y, z ) { - if (hasFaceNormal) { - faces.push(getNormalIndex(face.normal)); - } + this.set( - if (hasFaceVertexNormal) { - var vertexNormals = face.vertexNormals; + x, 0, 0, 0, + 0, y, 0, 0, + 0, 0, z, 0, + 0, 0, 0, 1 - faces.push( - getNormalIndex(vertexNormals[0]), - getNormalIndex(vertexNormals[1]), - getNormalIndex(vertexNormals[2]) - ); - } + ); - if (hasFaceColor) { - faces.push(getColorIndex(face.color)); - } + return this; - if (hasFaceVertexColor) { - var vertexColors = face.vertexColors; + }, - faces.push( - getColorIndex(vertexColors[0]), - getColorIndex(vertexColors[1]), - getColorIndex(vertexColors[2]) - ); - } - } + makeShear: function ( x, y, z ) { - function setBit(value, position, enabled) { - return enabled ? value | (1 << position) : value & ~(1 << position); - } + this.set( - function getNormalIndex(normal) { - var hash = - normal.x.toString() + normal.y.toString() + normal.z.toString(); + 1, y, z, 0, + x, 1, z, 0, + x, y, 1, 0, + 0, 0, 0, 1 - if (normalsHash[hash] !== undefined) { - return normalsHash[hash]; - } + ); - normalsHash[hash] = normals.length / 3; - normals.push(normal.x, normal.y, normal.z); + return this; - return normalsHash[hash]; - } + }, - function getColorIndex(color) { - var hash = color.r.toString() + color.g.toString() + color.b.toString(); + compose: function ( position, quaternion, scale ) { - if (colorsHash[hash] !== undefined) { - return colorsHash[hash]; - } + var te = this.elements; - colorsHash[hash] = colors.length; - colors.push(color.getHex()); + var x = quaternion._x, y = quaternion._y, z = quaternion._z, w = quaternion._w; + var x2 = x + x, y2 = y + y, z2 = z + z; + var xx = x * x2, xy = x * y2, xz = x * z2; + var yy = y * y2, yz = y * z2, zz = z * z2; + var wx = w * x2, wy = w * y2, wz = w * z2; - return colorsHash[hash]; - } + var sx = scale.x, sy = scale.y, sz = scale.z; - function getUvIndex(uv) { - var hash = uv.x.toString() + uv.y.toString(); + te[ 0 ] = ( 1 - ( yy + zz ) ) * sx; + te[ 1 ] = ( xy + wz ) * sx; + te[ 2 ] = ( xz - wy ) * sx; + te[ 3 ] = 0; - if (uvsHash[hash] !== undefined) { - return uvsHash[hash]; - } + te[ 4 ] = ( xy - wz ) * sy; + te[ 5 ] = ( 1 - ( xx + zz ) ) * sy; + te[ 6 ] = ( yz + wx ) * sy; + te[ 7 ] = 0; - uvsHash[hash] = uvs.length / 2; - uvs.push(uv.x, uv.y); + te[ 8 ] = ( xz + wy ) * sz; + te[ 9 ] = ( yz - wx ) * sz; + te[ 10 ] = ( 1 - ( xx + yy ) ) * sz; + te[ 11 ] = 0; - return uvsHash[hash]; - } + te[ 12 ] = position.x; + te[ 13 ] = position.y; + te[ 14 ] = position.z; + te[ 15 ] = 1; - data.data = {}; + return this; - data.data.vertices = vertices; - data.data.normals = normals; - if (colors.length > 0) data.data.colors = colors; - if (uvs.length > 0) data.data.uvs = [uvs]; // temporal backward compatibility - data.data.faces = faces; + }, - return data; - }, + decompose: function () { - clone: function () { - /* - // Handle primitives + var vector = new Vector3(); + var matrix = new Matrix4(); - var parameters = this.parameters; + return function decompose( position, quaternion, scale ) { - if ( parameters !== undefined ) { + var te = this.elements; - var values = []; + var sx = vector.set( te[ 0 ], te[ 1 ], te[ 2 ] ).length(); + var sy = vector.set( te[ 4 ], te[ 5 ], te[ 6 ] ).length(); + var sz = vector.set( te[ 8 ], te[ 9 ], te[ 10 ] ).length(); - for ( var key in parameters ) { + // if determine is negative, we need to invert one scale + var det = this.determinant(); + if ( det < 0 ) sx = - sx; - values.push( parameters[ key ] ); + position.x = te[ 12 ]; + position.y = te[ 13 ]; + position.z = te[ 14 ]; - } + // scale the rotation part + matrix.copy( this ); - var geometry = Object.create( this.constructor.prototype ); - this.constructor.apply( geometry, values ); - return geometry; + var invSX = 1 / sx; + var invSY = 1 / sy; + var invSZ = 1 / sz; - } + matrix.elements[ 0 ] *= invSX; + matrix.elements[ 1 ] *= invSX; + matrix.elements[ 2 ] *= invSX; - return new this.constructor().copy( this ); - */ + matrix.elements[ 4 ] *= invSY; + matrix.elements[ 5 ] *= invSY; + matrix.elements[ 6 ] *= invSY; - return new Geometry().copy(this); - }, + matrix.elements[ 8 ] *= invSZ; + matrix.elements[ 9 ] *= invSZ; + matrix.elements[ 10 ] *= invSZ; - copy: function (source) { - var i, il, j, jl, k, kl; + quaternion.setFromRotationMatrix( matrix ); - // reset + scale.x = sx; + scale.y = sy; + scale.z = sz; - this.vertices = []; - this.colors = []; - this.faces = []; - this.faceVertexUvs = [[]]; - this.morphTargets = []; - this.morphNormals = []; - this.skinWeights = []; - this.skinIndices = []; - this.lineDistances = []; - this.boundingBox = null; - this.boundingSphere = null; + return this; - // name + }; - this.name = source.name; + }(), - // vertices + makePerspective: function ( left, right, top, bottom, near, far ) { - var vertices = source.vertices; + if ( far === undefined ) { - for (i = 0, il = vertices.length; i < il; i++) { - this.vertices.push(vertices[i].clone()); - } + console.warn( 'THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs.' ); - // colors + } - var colors = source.colors; + var te = this.elements; + var x = 2 * near / ( right - left ); + var y = 2 * near / ( top - bottom ); - for (i = 0, il = colors.length; i < il; i++) { - this.colors.push(colors[i].clone()); - } + var a = ( right + left ) / ( right - left ); + var b = ( top + bottom ) / ( top - bottom ); + var c = - ( far + near ) / ( far - near ); + var d = - 2 * far * near / ( far - near ); - // faces + te[ 0 ] = x; te[ 4 ] = 0; te[ 8 ] = a; te[ 12 ] = 0; + te[ 1 ] = 0; te[ 5 ] = y; te[ 9 ] = b; te[ 13 ] = 0; + te[ 2 ] = 0; te[ 6 ] = 0; te[ 10 ] = c; te[ 14 ] = d; + te[ 3 ] = 0; te[ 7 ] = 0; te[ 11 ] = - 1; te[ 15 ] = 0; - var faces = source.faces; + return this; - for (i = 0, il = faces.length; i < il; i++) { - this.faces.push(faces[i].clone()); - } + }, - // face vertex uvs + makeOrthographic: function ( left, right, top, bottom, near, far ) { - for (i = 0, il = source.faceVertexUvs.length; i < il; i++) { - var faceVertexUvs = source.faceVertexUvs[i]; + var te = this.elements; + var w = 1.0 / ( right - left ); + var h = 1.0 / ( top - bottom ); + var p = 1.0 / ( far - near ); - if (this.faceVertexUvs[i] === undefined) { - this.faceVertexUvs[i] = []; - } + var x = ( right + left ) * w; + var y = ( top + bottom ) * h; + var z = ( far + near ) * p; - for (j = 0, jl = faceVertexUvs.length; j < jl; j++) { - var uvs = faceVertexUvs[j], - uvsCopy = []; + te[ 0 ] = 2 * w; te[ 4 ] = 0; te[ 8 ] = 0; te[ 12 ] = - x; + te[ 1 ] = 0; te[ 5 ] = 2 * h; te[ 9 ] = 0; te[ 13 ] = - y; + te[ 2 ] = 0; te[ 6 ] = 0; te[ 10 ] = - 2 * p; te[ 14 ] = - z; + te[ 3 ] = 0; te[ 7 ] = 0; te[ 11 ] = 0; te[ 15 ] = 1; - for (k = 0, kl = uvs.length; k < kl; k++) { - var uv = uvs[k]; + return this; - uvsCopy.push(uv.clone()); - } + }, - this.faceVertexUvs[i].push(uvsCopy); - } - } + equals: function ( matrix ) { - // morph targets + var te = this.elements; + var me = matrix.elements; - var morphTargets = source.morphTargets; + for ( var i = 0; i < 16; i ++ ) { - for (i = 0, il = morphTargets.length; i < il; i++) { - var morphTarget = {}; - morphTarget.name = morphTargets[i].name; + if ( te[ i ] !== me[ i ] ) return false; - // vertices + } - if (morphTargets[i].vertices !== undefined) { - morphTarget.vertices = []; + return true; - for (j = 0, jl = morphTargets[i].vertices.length; j < jl; j++) { - morphTarget.vertices.push(morphTargets[i].vertices[j].clone()); - } - } + }, - // normals + fromArray: function ( array, offset ) { - if (morphTargets[i].normals !== undefined) { - morphTarget.normals = []; + if ( offset === undefined ) offset = 0; - for (j = 0, jl = morphTargets[i].normals.length; j < jl; j++) { - morphTarget.normals.push(morphTargets[i].normals[j].clone()); - } - } + for ( var i = 0; i < 16; i ++ ) { - this.morphTargets.push(morphTarget); - } + this.elements[ i ] = array[ i + offset ]; - // morph normals + } - var morphNormals = source.morphNormals; + return this; - for (i = 0, il = morphNormals.length; i < il; i++) { - var morphNormal = {}; + }, - // vertex normals + toArray: function ( array, offset ) { - if (morphNormals[i].vertexNormals !== undefined) { - morphNormal.vertexNormals = []; + if ( array === undefined ) array = []; + if ( offset === undefined ) offset = 0; - for (j = 0, jl = morphNormals[i].vertexNormals.length; j < jl; j++) { - var srcVertexNormal = morphNormals[i].vertexNormals[j]; - var destVertexNormal = {}; + var te = this.elements; - destVertexNormal.a = srcVertexNormal.a.clone(); - destVertexNormal.b = srcVertexNormal.b.clone(); - destVertexNormal.c = srcVertexNormal.c.clone(); + array[ offset ] = te[ 0 ]; + array[ offset + 1 ] = te[ 1 ]; + array[ offset + 2 ] = te[ 2 ]; + array[ offset + 3 ] = te[ 3 ]; - morphNormal.vertexNormals.push(destVertexNormal); - } - } + array[ offset + 4 ] = te[ 4 ]; + array[ offset + 5 ] = te[ 5 ]; + array[ offset + 6 ] = te[ 6 ]; + array[ offset + 7 ] = te[ 7 ]; - // face normals + array[ offset + 8 ] = te[ 8 ]; + array[ offset + 9 ] = te[ 9 ]; + array[ offset + 10 ] = te[ 10 ]; + array[ offset + 11 ] = te[ 11 ]; - if (morphNormals[i].faceNormals !== undefined) { - morphNormal.faceNormals = []; + array[ offset + 12 ] = te[ 12 ]; + array[ offset + 13 ] = te[ 13 ]; + array[ offset + 14 ] = te[ 14 ]; + array[ offset + 15 ] = te[ 15 ]; - for (j = 0, jl = morphNormals[i].faceNormals.length; j < jl; j++) { - morphNormal.faceNormals.push( - morphNormals[i].faceNormals[j].clone() - ); - } - } + return array; - this.morphNormals.push(morphNormal); - } + } - // skin weights + } ); - var skinWeights = source.skinWeights; + /** + * @author mikael emtinger / http://gomo.se/ + * @author alteredq / http://alteredqualia.com/ + * @author WestLangley / http://github.com/WestLangley + * @author bhouston / http://clara.io + */ - for (i = 0, il = skinWeights.length; i < il; i++) { - this.skinWeights.push(skinWeights[i].clone()); - } + function Quaternion( x, y, z, w ) { - // skin indices + this._x = x || 0; + this._y = y || 0; + this._z = z || 0; + this._w = ( w !== undefined ) ? w : 1; - var skinIndices = source.skinIndices; + } - for (i = 0, il = skinIndices.length; i < il; i++) { - this.skinIndices.push(skinIndices[i].clone()); - } + Object.assign( Quaternion, { - // line distances + slerp: function ( qa, qb, qm, t ) { - var lineDistances = source.lineDistances; + return qm.copy( qa ).slerp( qb, t ); - for (i = 0, il = lineDistances.length; i < il; i++) { - this.lineDistances.push(lineDistances[i]); - } + }, - // bounding box + slerpFlat: function ( dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t ) { - var boundingBox = source.boundingBox; + // fuzz-free, array-based Quaternion SLERP operation - if (boundingBox !== null) { - this.boundingBox = boundingBox.clone(); - } + var x0 = src0[ srcOffset0 + 0 ], + y0 = src0[ srcOffset0 + 1 ], + z0 = src0[ srcOffset0 + 2 ], + w0 = src0[ srcOffset0 + 3 ], - // bounding sphere + x1 = src1[ srcOffset1 + 0 ], + y1 = src1[ srcOffset1 + 1 ], + z1 = src1[ srcOffset1 + 2 ], + w1 = src1[ srcOffset1 + 3 ]; - var boundingSphere = source.boundingSphere; + if ( w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1 ) { - if (boundingSphere !== null) { - this.boundingSphere = boundingSphere.clone(); - } + var s = 1 - t, - // update flags + cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1, - this.elementsNeedUpdate = source.elementsNeedUpdate; - this.verticesNeedUpdate = source.verticesNeedUpdate; - this.uvsNeedUpdate = source.uvsNeedUpdate; - this.normalsNeedUpdate = source.normalsNeedUpdate; - this.colorsNeedUpdate = source.colorsNeedUpdate; - this.lineDistancesNeedUpdate = source.lineDistancesNeedUpdate; - this.groupsNeedUpdate = source.groupsNeedUpdate; + dir = ( cos >= 0 ? 1 : - 1 ), + sqrSin = 1 - cos * cos; - return this; - }, + // Skip the Slerp for tiny steps to avoid numeric problems: + if ( sqrSin > Number.EPSILON ) { - dispose: function () { - this.dispatchEvent({ type: "dispose" }); - }, - }); + var sin = Math.sqrt( sqrSin ), + len = Math.atan2( sin, cos * dir ); - /** - * @author mrdoob / http://mrdoob.com/ - */ + s = Math.sin( s * len ) / sin; + t = Math.sin( t * len ) / sin; - function BufferAttribute(array, itemSize, normalized) { - if (Array.isArray(array)) { - throw new TypeError( - "THREE.BufferAttribute: array should be a Typed Array." - ); - } + } - this.name = ""; + var tDir = t * dir; - this.array = array; - this.itemSize = itemSize; - this.count = array !== undefined ? array.length / itemSize : 0; - this.normalized = normalized === true; + x0 = x0 * s + x1 * tDir; + y0 = y0 * s + y1 * tDir; + z0 = z0 * s + z1 * tDir; + w0 = w0 * s + w1 * tDir; - this.dynamic = false; - this.updateRange = { offset: 0, count: -1 }; + // Normalize in case we just did a lerp: + if ( s === 1 - t ) { - this.version = 0; - } + var f = 1 / Math.sqrt( x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0 ); - Object.defineProperty(BufferAttribute.prototype, "needsUpdate", { - set: function (value) { - if (value === true) this.version++; - }, - }); + x0 *= f; + y0 *= f; + z0 *= f; + w0 *= f; - Object.assign(BufferAttribute.prototype, { - isBufferAttribute: true, + } - onUploadCallback: function () {}, + } - setArray: function (array) { - if (Array.isArray(array)) { - throw new TypeError( - "THREE.BufferAttribute: array should be a Typed Array." - ); - } + dst[ dstOffset ] = x0; + dst[ dstOffset + 1 ] = y0; + dst[ dstOffset + 2 ] = z0; + dst[ dstOffset + 3 ] = w0; - this.count = array !== undefined ? array.length / this.itemSize : 0; - this.array = array; + } - return this; - }, + } ); - setDynamic: function (value) { - this.dynamic = value; + Object.defineProperties( Quaternion.prototype, { - return this; - }, + x: { - copy: function (source) { - this.name = source.name; - this.array = new source.array.constructor(source.array); - this.itemSize = source.itemSize; - this.count = source.count; - this.normalized = source.normalized; + get: function () { - this.dynamic = source.dynamic; + return this._x; - return this; - }, + }, - copyAt: function (index1, attribute, index2) { - index1 *= this.itemSize; - index2 *= attribute.itemSize; - - for (var i = 0, l = this.itemSize; i < l; i++) { - this.array[index1 + i] = attribute.array[index2 + i]; - } - - return this; - }, - - copyArray: function (array) { - this.array.set(array); - - return this; - }, - - copyColorsArray: function (colors) { - var array = this.array, - offset = 0; - - for (var i = 0, l = colors.length; i < l; i++) { - var color = colors[i]; + set: function ( value ) { - if (color === undefined) { - console.warn( - "THREE.BufferAttribute.copyColorsArray(): color is undefined", - i - ); - color = new Color(); - } + this._x = value; + this.onChangeCallback(); - array[offset++] = color.r; - array[offset++] = color.g; - array[offset++] = color.b; - } + } - return this; - }, + }, - copyVector2sArray: function (vectors) { - var array = this.array, - offset = 0; + y: { - for (var i = 0, l = vectors.length; i < l; i++) { - var vector = vectors[i]; + get: function () { - if (vector === undefined) { - console.warn( - "THREE.BufferAttribute.copyVector2sArray(): vector is undefined", - i - ); - vector = new Vector2(); - } + return this._y; - array[offset++] = vector.x; - array[offset++] = vector.y; - } + }, - return this; - }, + set: function ( value ) { - copyVector3sArray: function (vectors) { - var array = this.array, - offset = 0; + this._y = value; + this.onChangeCallback(); - for (var i = 0, l = vectors.length; i < l; i++) { - var vector = vectors[i]; + } - if (vector === undefined) { - console.warn( - "THREE.BufferAttribute.copyVector3sArray(): vector is undefined", - i - ); - vector = new Vector3(); - } + }, - array[offset++] = vector.x; - array[offset++] = vector.y; - array[offset++] = vector.z; - } + z: { - return this; - }, + get: function () { - copyVector4sArray: function (vectors) { - var array = this.array, - offset = 0; + return this._z; - for (var i = 0, l = vectors.length; i < l; i++) { - var vector = vectors[i]; + }, - if (vector === undefined) { - console.warn( - "THREE.BufferAttribute.copyVector4sArray(): vector is undefined", - i - ); - vector = new Vector4(); - } + set: function ( value ) { - array[offset++] = vector.x; - array[offset++] = vector.y; - array[offset++] = vector.z; - array[offset++] = vector.w; - } + this._z = value; + this.onChangeCallback(); - return this; - }, + } - set: function (value, offset) { - if (offset === undefined) offset = 0; + }, - this.array.set(value, offset); + w: { - return this; - }, + get: function () { - getX: function (index) { - return this.array[index * this.itemSize]; - }, + return this._w; - setX: function (index, x) { - this.array[index * this.itemSize] = x; + }, - return this; - }, + set: function ( value ) { - getY: function (index) { - return this.array[index * this.itemSize + 1]; - }, + this._w = value; + this.onChangeCallback(); - setY: function (index, y) { - this.array[index * this.itemSize + 1] = y; + } - return this; - }, + } - getZ: function (index) { - return this.array[index * this.itemSize + 2]; - }, + } ); - setZ: function (index, z) { - this.array[index * this.itemSize + 2] = z; + Object.assign( Quaternion.prototype, { - return this; - }, + set: function ( x, y, z, w ) { - getW: function (index) { - return this.array[index * this.itemSize + 3]; - }, + this._x = x; + this._y = y; + this._z = z; + this._w = w; - setW: function (index, w) { - this.array[index * this.itemSize + 3] = w; + this.onChangeCallback(); - return this; - }, + return this; - setXY: function (index, x, y) { - index *= this.itemSize; + }, - this.array[index + 0] = x; - this.array[index + 1] = y; + clone: function () { - return this; - }, + return new this.constructor( this._x, this._y, this._z, this._w ); - setXYZ: function (index, x, y, z) { - index *= this.itemSize; + }, - this.array[index + 0] = x; - this.array[index + 1] = y; - this.array[index + 2] = z; + copy: function ( quaternion ) { - return this; - }, + this._x = quaternion.x; + this._y = quaternion.y; + this._z = quaternion.z; + this._w = quaternion.w; - setXYZW: function (index, x, y, z, w) { - index *= this.itemSize; + this.onChangeCallback(); - this.array[index + 0] = x; - this.array[index + 1] = y; - this.array[index + 2] = z; - this.array[index + 3] = w; + return this; - return this; - }, + }, - onUpload: function (callback) { - this.onUploadCallback = callback; + setFromEuler: function ( euler, update ) { - return this; - }, + if ( ! ( euler && euler.isEuler ) ) { - clone: function () { - return new this.constructor(this.array, this.itemSize).copy(this); - }, - }); + throw new Error( 'THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.' ); - // + } - function Int8BufferAttribute(array, itemSize, normalized) { - BufferAttribute.call(this, new Int8Array(array), itemSize, normalized); - } + var x = euler._x, y = euler._y, z = euler._z, order = euler.order; - Int8BufferAttribute.prototype = Object.create(BufferAttribute.prototype); - Int8BufferAttribute.prototype.constructor = Int8BufferAttribute; + // http://www.mathworks.com/matlabcentral/fileexchange/ + // 20696-function-to-convert-between-dcm-euler-angles-quaternions-and-euler-vectors/ + // content/SpinCalc.m - function Uint8BufferAttribute(array, itemSize, normalized) { - BufferAttribute.call(this, new Uint8Array(array), itemSize, normalized); - } + var cos = Math.cos; + var sin = Math.sin; - Uint8BufferAttribute.prototype = Object.create(BufferAttribute.prototype); - Uint8BufferAttribute.prototype.constructor = Uint8BufferAttribute; + var c1 = cos( x / 2 ); + var c2 = cos( y / 2 ); + var c3 = cos( z / 2 ); - function Uint8ClampedBufferAttribute(array, itemSize, normalized) { - BufferAttribute.call( - this, - new Uint8ClampedArray(array), - itemSize, - normalized - ); - } + var s1 = sin( x / 2 ); + var s2 = sin( y / 2 ); + var s3 = sin( z / 2 ); - Uint8ClampedBufferAttribute.prototype = Object.create( - BufferAttribute.prototype - ); - Uint8ClampedBufferAttribute.prototype.constructor = - Uint8ClampedBufferAttribute; + if ( order === 'XYZ' ) { - function Int16BufferAttribute(array, itemSize, normalized) { - BufferAttribute.call(this, new Int16Array(array), itemSize, normalized); - } + this._x = s1 * c2 * c3 + c1 * s2 * s3; + this._y = c1 * s2 * c3 - s1 * c2 * s3; + this._z = c1 * c2 * s3 + s1 * s2 * c3; + this._w = c1 * c2 * c3 - s1 * s2 * s3; - Int16BufferAttribute.prototype = Object.create(BufferAttribute.prototype); - Int16BufferAttribute.prototype.constructor = Int16BufferAttribute; + } else if ( order === 'YXZ' ) { - function Uint16BufferAttribute(array, itemSize, normalized) { - BufferAttribute.call(this, new Uint16Array(array), itemSize, normalized); - } + this._x = s1 * c2 * c3 + c1 * s2 * s3; + this._y = c1 * s2 * c3 - s1 * c2 * s3; + this._z = c1 * c2 * s3 - s1 * s2 * c3; + this._w = c1 * c2 * c3 + s1 * s2 * s3; - Uint16BufferAttribute.prototype = Object.create(BufferAttribute.prototype); - Uint16BufferAttribute.prototype.constructor = Uint16BufferAttribute; + } else if ( order === 'ZXY' ) { - function Int32BufferAttribute(array, itemSize, normalized) { - BufferAttribute.call(this, new Int32Array(array), itemSize, normalized); - } + this._x = s1 * c2 * c3 - c1 * s2 * s3; + this._y = c1 * s2 * c3 + s1 * c2 * s3; + this._z = c1 * c2 * s3 + s1 * s2 * c3; + this._w = c1 * c2 * c3 - s1 * s2 * s3; - Int32BufferAttribute.prototype = Object.create(BufferAttribute.prototype); - Int32BufferAttribute.prototype.constructor = Int32BufferAttribute; + } else if ( order === 'ZYX' ) { - function Uint32BufferAttribute(array, itemSize, normalized) { - BufferAttribute.call(this, new Uint32Array(array), itemSize, normalized); - } + this._x = s1 * c2 * c3 - c1 * s2 * s3; + this._y = c1 * s2 * c3 + s1 * c2 * s3; + this._z = c1 * c2 * s3 - s1 * s2 * c3; + this._w = c1 * c2 * c3 + s1 * s2 * s3; - Uint32BufferAttribute.prototype = Object.create(BufferAttribute.prototype); - Uint32BufferAttribute.prototype.constructor = Uint32BufferAttribute; + } else if ( order === 'YZX' ) { - function Float32BufferAttribute(array, itemSize, normalized) { - BufferAttribute.call(this, new Float32Array(array), itemSize, normalized); - } + this._x = s1 * c2 * c3 + c1 * s2 * s3; + this._y = c1 * s2 * c3 + s1 * c2 * s3; + this._z = c1 * c2 * s3 - s1 * s2 * c3; + this._w = c1 * c2 * c3 - s1 * s2 * s3; - Float32BufferAttribute.prototype = Object.create(BufferAttribute.prototype); - Float32BufferAttribute.prototype.constructor = Float32BufferAttribute; + } else if ( order === 'XZY' ) { - function Float64BufferAttribute(array, itemSize, normalized) { - BufferAttribute.call(this, new Float64Array(array), itemSize, normalized); - } + this._x = s1 * c2 * c3 - c1 * s2 * s3; + this._y = c1 * s2 * c3 - s1 * c2 * s3; + this._z = c1 * c2 * s3 + s1 * s2 * c3; + this._w = c1 * c2 * c3 + s1 * s2 * s3; - Float64BufferAttribute.prototype = Object.create(BufferAttribute.prototype); - Float64BufferAttribute.prototype.constructor = Float64BufferAttribute; + } - /** - * @author mrdoob / http://mrdoob.com/ - */ + if ( update !== false ) this.onChangeCallback(); - function DirectGeometry() { - this.vertices = []; - this.normals = []; - this.colors = []; - this.uvs = []; - this.uvs2 = []; + return this; - this.groups = []; + }, - this.morphTargets = {}; + setFromAxisAngle: function ( axis, angle ) { - this.skinWeights = []; - this.skinIndices = []; + // http://www.euclideanspace.com/maths/geometry/rotations/conversions/angleToQuaternion/index.htm - // this.lineDistances = []; + // assumes axis is normalized - this.boundingBox = null; - this.boundingSphere = null; + var halfAngle = angle / 2, s = Math.sin( halfAngle ); - // update flags + this._x = axis.x * s; + this._y = axis.y * s; + this._z = axis.z * s; + this._w = Math.cos( halfAngle ); - this.verticesNeedUpdate = false; - this.normalsNeedUpdate = false; - this.colorsNeedUpdate = false; - this.uvsNeedUpdate = false; - this.groupsNeedUpdate = false; - } + this.onChangeCallback(); - Object.assign(DirectGeometry.prototype, { - computeGroups: function (geometry) { - var group; - var groups = []; - var materialIndex = undefined; + return this; - var faces = geometry.faces; + }, - for (var i = 0; i < faces.length; i++) { - var face = faces[i]; + setFromRotationMatrix: function ( m ) { - // materials + // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm - if (face.materialIndex !== materialIndex) { - materialIndex = face.materialIndex; + // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) - if (group !== undefined) { - group.count = i * 3 - group.start; - groups.push(group); - } + var te = m.elements, - group = { - start: i * 3, - materialIndex: materialIndex, - }; - } - } + m11 = te[ 0 ], m12 = te[ 4 ], m13 = te[ 8 ], + m21 = te[ 1 ], m22 = te[ 5 ], m23 = te[ 9 ], + m31 = te[ 2 ], m32 = te[ 6 ], m33 = te[ 10 ], - if (group !== undefined) { - group.count = i * 3 - group.start; - groups.push(group); - } + trace = m11 + m22 + m33, + s; - this.groups = groups; - }, + if ( trace > 0 ) { - fromGeometry: function (geometry) { - var faces = geometry.faces; - var vertices = geometry.vertices; - var faceVertexUvs = geometry.faceVertexUvs; + s = 0.5 / Math.sqrt( trace + 1.0 ); - var hasFaceVertexUv = faceVertexUvs[0] && faceVertexUvs[0].length > 0; - var hasFaceVertexUv2 = faceVertexUvs[1] && faceVertexUvs[1].length > 0; + this._w = 0.25 / s; + this._x = ( m32 - m23 ) * s; + this._y = ( m13 - m31 ) * s; + this._z = ( m21 - m12 ) * s; - // morphs + } else if ( m11 > m22 && m11 > m33 ) { - var morphTargets = geometry.morphTargets; - var morphTargetsLength = morphTargets.length; + s = 2.0 * Math.sqrt( 1.0 + m11 - m22 - m33 ); - var morphTargetsPosition; + this._w = ( m32 - m23 ) / s; + this._x = 0.25 * s; + this._y = ( m12 + m21 ) / s; + this._z = ( m13 + m31 ) / s; - if (morphTargetsLength > 0) { - morphTargetsPosition = []; + } else if ( m22 > m33 ) { - for (var i = 0; i < morphTargetsLength; i++) { - morphTargetsPosition[i] = []; - } + s = 2.0 * Math.sqrt( 1.0 + m22 - m11 - m33 ); - this.morphTargets.position = morphTargetsPosition; - } + this._w = ( m13 - m31 ) / s; + this._x = ( m12 + m21 ) / s; + this._y = 0.25 * s; + this._z = ( m23 + m32 ) / s; - var morphNormals = geometry.morphNormals; - var morphNormalsLength = morphNormals.length; + } else { - var morphTargetsNormal; + s = 2.0 * Math.sqrt( 1.0 + m33 - m11 - m22 ); - if (morphNormalsLength > 0) { - morphTargetsNormal = []; + this._w = ( m21 - m12 ) / s; + this._x = ( m13 + m31 ) / s; + this._y = ( m23 + m32 ) / s; + this._z = 0.25 * s; - for (var i = 0; i < morphNormalsLength; i++) { - morphTargetsNormal[i] = []; - } + } - this.morphTargets.normal = morphTargetsNormal; - } + this.onChangeCallback(); - // skins + return this; - var skinIndices = geometry.skinIndices; - var skinWeights = geometry.skinWeights; + }, - var hasSkinIndices = skinIndices.length === vertices.length; - var hasSkinWeights = skinWeights.length === vertices.length; + setFromUnitVectors: function () { - // + // assumes direction vectors vFrom and vTo are normalized - for (var i = 0; i < faces.length; i++) { - var face = faces[i]; + var v1 = new Vector3(); + var r; - this.vertices.push( - vertices[face.a], - vertices[face.b], - vertices[face.c] - ); + var EPS = 0.000001; - var vertexNormals = face.vertexNormals; + return function setFromUnitVectors( vFrom, vTo ) { - if (vertexNormals.length === 3) { - this.normals.push( - vertexNormals[0], - vertexNormals[1], - vertexNormals[2] - ); - } else { - var normal = face.normal; + if ( v1 === undefined ) v1 = new Vector3(); - this.normals.push(normal, normal, normal); - } + r = vFrom.dot( vTo ) + 1; - var vertexColors = face.vertexColors; + if ( r < EPS ) { - if (vertexColors.length === 3) { - this.colors.push(vertexColors[0], vertexColors[1], vertexColors[2]); - } else { - var color = face.color; + r = 0; - this.colors.push(color, color, color); - } + if ( Math.abs( vFrom.x ) > Math.abs( vFrom.z ) ) { - if (hasFaceVertexUv === true) { - var vertexUvs = faceVertexUvs[0][i]; + v1.set( - vFrom.y, vFrom.x, 0 ); - if (vertexUvs !== undefined) { - this.uvs.push(vertexUvs[0], vertexUvs[1], vertexUvs[2]); - } else { - console.warn( - "THREE.DirectGeometry.fromGeometry(): Undefined vertexUv ", - i - ); + } else { - this.uvs.push(new Vector2(), new Vector2(), new Vector2()); - } - } + v1.set( 0, - vFrom.z, vFrom.y ); - if (hasFaceVertexUv2 === true) { - var vertexUvs = faceVertexUvs[1][i]; + } - if (vertexUvs !== undefined) { - this.uvs2.push(vertexUvs[0], vertexUvs[1], vertexUvs[2]); - } else { - console.warn( - "THREE.DirectGeometry.fromGeometry(): Undefined vertexUv2 ", - i - ); + } else { - this.uvs2.push(new Vector2(), new Vector2(), new Vector2()); - } - } + v1.crossVectors( vFrom, vTo ); - // morphs + } - for (var j = 0; j < morphTargetsLength; j++) { - var morphTarget = morphTargets[j].vertices; + this._x = v1.x; + this._y = v1.y; + this._z = v1.z; + this._w = r; - morphTargetsPosition[j].push( - morphTarget[face.a], - morphTarget[face.b], - morphTarget[face.c] - ); - } + return this.normalize(); - for (var j = 0; j < morphNormalsLength; j++) { - var morphNormal = morphNormals[j].vertexNormals[i]; + }; - morphTargetsNormal[j].push( - morphNormal.a, - morphNormal.b, - morphNormal.c - ); - } + }(), - // skins + inverse: function () { - if (hasSkinIndices) { - this.skinIndices.push( - skinIndices[face.a], - skinIndices[face.b], - skinIndices[face.c] - ); - } - - if (hasSkinWeights) { - this.skinWeights.push( - skinWeights[face.a], - skinWeights[face.b], - skinWeights[face.c] - ); - } - } - - this.computeGroups(geometry); - - this.verticesNeedUpdate = geometry.verticesNeedUpdate; - this.normalsNeedUpdate = geometry.normalsNeedUpdate; - this.colorsNeedUpdate = geometry.colorsNeedUpdate; - this.uvsNeedUpdate = geometry.uvsNeedUpdate; - this.groupsNeedUpdate = geometry.groupsNeedUpdate; - - return this; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function arrayMax(array) { - if (array.length === 0) return -Infinity; - - var max = array[0]; - - for (var i = 1, l = array.length; i < l; ++i) { - if (array[i] > max) max = array[i]; - } - - return max; - } - - /** - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - */ - - var bufferGeometryId = 1; // BufferGeometry uses odd numbers as Id - - function BufferGeometry() { - Object.defineProperty(this, "id", { value: (bufferGeometryId += 2) }); - - this.uuid = _Math.generateUUID(); - - this.name = ""; - this.type = "BufferGeometry"; - - this.index = null; - this.attributes = {}; - - this.morphAttributes = {}; - - this.groups = []; - - this.boundingBox = null; - this.boundingSphere = null; - - this.drawRange = { start: 0, count: Infinity }; - } - - BufferGeometry.prototype = Object.assign( - Object.create(EventDispatcher.prototype), - { - constructor: BufferGeometry, - - isBufferGeometry: true, - - getIndex: function () { - return this.index; - }, - - setIndex: function (index) { - if (Array.isArray(index)) { - this.index = new ( - arrayMax(index) > 65535 - ? Uint32BufferAttribute - : Uint16BufferAttribute - )(index, 1); - } else { - this.index = index; - } - }, + // quaternion is assumed to have unit length - addAttribute: function (name, attribute) { - if ( - !(attribute && attribute.isBufferAttribute) && - !(attribute && attribute.isInterleavedBufferAttribute) - ) { - console.warn( - "THREE.BufferGeometry: .addAttribute() now expects ( name, attribute )." - ); + return this.conjugate(); - this.addAttribute( - name, - new BufferAttribute(arguments[1], arguments[2]) - ); + }, - return; - } + conjugate: function () { - if (name === "index") { - console.warn( - "THREE.BufferGeometry.addAttribute: Use .setIndex() for index attribute." - ); - this.setIndex(attribute); + this._x *= - 1; + this._y *= - 1; + this._z *= - 1; - return; - } + this.onChangeCallback(); - this.attributes[name] = attribute; + return this; - return this; - }, + }, - getAttribute: function (name) { - return this.attributes[name]; - }, + dot: function ( v ) { - removeAttribute: function (name) { - delete this.attributes[name]; + return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w; - return this; - }, + }, - addGroup: function (start, count, materialIndex) { - this.groups.push({ - start: start, - count: count, - materialIndex: materialIndex !== undefined ? materialIndex : 0, - }); - }, + lengthSq: function () { - clearGroups: function () { - this.groups = []; - }, + return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w; - setDrawRange: function (start, count) { - this.drawRange.start = start; - this.drawRange.count = count; - }, + }, - applyMatrix: function (matrix) { - var position = this.attributes.position; + length: function () { - if (position !== undefined) { - matrix.applyToBufferAttribute(position); - position.needsUpdate = true; - } + return Math.sqrt( this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w ); - var normal = this.attributes.normal; + }, - if (normal !== undefined) { - var normalMatrix = new Matrix3().getNormalMatrix(matrix); + normalize: function () { - normalMatrix.applyToBufferAttribute(normal); - normal.needsUpdate = true; - } + var l = this.length(); - if (this.boundingBox !== null) { - this.computeBoundingBox(); - } + if ( l === 0 ) { - if (this.boundingSphere !== null) { - this.computeBoundingSphere(); - } + this._x = 0; + this._y = 0; + this._z = 0; + this._w = 1; - return this; - }, + } else { - rotateX: (function () { - // rotate geometry around world x-axis + l = 1 / l; - var m1 = new Matrix4(); + this._x = this._x * l; + this._y = this._y * l; + this._z = this._z * l; + this._w = this._w * l; - return function rotateX(angle) { - m1.makeRotationX(angle); + } - this.applyMatrix(m1); + this.onChangeCallback(); - return this; - }; - })(), + return this; - rotateY: (function () { - // rotate geometry around world y-axis + }, - var m1 = new Matrix4(); + multiply: function ( q, p ) { - return function rotateY(angle) { - m1.makeRotationY(angle); + if ( p !== undefined ) { - this.applyMatrix(m1); + console.warn( 'THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead.' ); + return this.multiplyQuaternions( q, p ); - return this; - }; - })(), + } - rotateZ: (function () { - // rotate geometry around world z-axis + return this.multiplyQuaternions( this, q ); - var m1 = new Matrix4(); + }, - return function rotateZ(angle) { - m1.makeRotationZ(angle); + premultiply: function ( q ) { - this.applyMatrix(m1); + return this.multiplyQuaternions( q, this ); - return this; - }; - })(), + }, - translate: (function () { - // translate geometry + multiplyQuaternions: function ( a, b ) { - var m1 = new Matrix4(); + // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm - return function translate(x, y, z) { - m1.makeTranslation(x, y, z); + var qax = a._x, qay = a._y, qaz = a._z, qaw = a._w; + var qbx = b._x, qby = b._y, qbz = b._z, qbw = b._w; - this.applyMatrix(m1); + this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; + this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; + this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; + this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; - return this; - }; - })(), + this.onChangeCallback(); - scale: (function () { - // scale geometry + return this; - var m1 = new Matrix4(); + }, - return function scale(x, y, z) { - m1.makeScale(x, y, z); + slerp: function ( qb, t ) { - this.applyMatrix(m1); + if ( t === 0 ) return this; + if ( t === 1 ) return this.copy( qb ); - return this; - }; - })(), + var x = this._x, y = this._y, z = this._z, w = this._w; - lookAt: (function () { - var obj = new Object3D(); + // http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/slerp/ - return function lookAt(vector) { - obj.lookAt(vector); + var cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z * qb._z; - obj.updateMatrix(); + if ( cosHalfTheta < 0 ) { - this.applyMatrix(obj.matrix); - }; - })(), + this._w = - qb._w; + this._x = - qb._x; + this._y = - qb._y; + this._z = - qb._z; - center: (function () { - var offset = new Vector3(); + cosHalfTheta = - cosHalfTheta; - return function center() { - this.computeBoundingBox(); + } else { - this.boundingBox.getCenter(offset).negate(); + this.copy( qb ); - this.translate(offset.x, offset.y, offset.z); + } - return this; - }; - })(), + if ( cosHalfTheta >= 1.0 ) { - setFromObject: function (object) { - // console.log( 'THREE.BufferGeometry.setFromObject(). Converting', object, this ); + this._w = w; + this._x = x; + this._y = y; + this._z = z; - var geometry = object.geometry; + return this; - if (object.isPoints || object.isLine) { - var positions = new Float32BufferAttribute( - geometry.vertices.length * 3, - 3 - ); - var colors = new Float32BufferAttribute( - geometry.colors.length * 3, - 3 - ); + } - this.addAttribute( - "position", - positions.copyVector3sArray(geometry.vertices) - ); - this.addAttribute("color", colors.copyColorsArray(geometry.colors)); + var sinHalfTheta = Math.sqrt( 1.0 - cosHalfTheta * cosHalfTheta ); - if ( - geometry.lineDistances && - geometry.lineDistances.length === geometry.vertices.length - ) { - var lineDistances = new Float32BufferAttribute( - geometry.lineDistances.length, - 1 - ); + if ( Math.abs( sinHalfTheta ) < 0.001 ) { - this.addAttribute( - "lineDistance", - lineDistances.copyArray(geometry.lineDistances) - ); - } + this._w = 0.5 * ( w + this._w ); + this._x = 0.5 * ( x + this._x ); + this._y = 0.5 * ( y + this._y ); + this._z = 0.5 * ( z + this._z ); - if (geometry.boundingSphere !== null) { - this.boundingSphere = geometry.boundingSphere.clone(); - } + return this; - if (geometry.boundingBox !== null) { - this.boundingBox = geometry.boundingBox.clone(); - } - } else if (object.isMesh) { - if (geometry && geometry.isGeometry) { - this.fromGeometry(geometry); - } - } + } - return this; - }, + var halfTheta = Math.atan2( sinHalfTheta, cosHalfTheta ); + var ratioA = Math.sin( ( 1 - t ) * halfTheta ) / sinHalfTheta, + ratioB = Math.sin( t * halfTheta ) / sinHalfTheta; - setFromPoints: function (points) { - var position = []; + this._w = ( w * ratioA + this._w * ratioB ); + this._x = ( x * ratioA + this._x * ratioB ); + this._y = ( y * ratioA + this._y * ratioB ); + this._z = ( z * ratioA + this._z * ratioB ); - for (var i = 0, l = points.length; i < l; i++) { - var point = points[i]; - position.push(point.x, point.y, point.z || 0); - } + this.onChangeCallback(); - this.addAttribute("position", new Float32BufferAttribute(position, 3)); + return this; - return this; - }, + }, - updateFromObject: function (object) { - var geometry = object.geometry; + equals: function ( quaternion ) { - if (object.isMesh) { - var direct = geometry.__directGeometry; + return ( quaternion._x === this._x ) && ( quaternion._y === this._y ) && ( quaternion._z === this._z ) && ( quaternion._w === this._w ); - if (geometry.elementsNeedUpdate === true) { - direct = undefined; - geometry.elementsNeedUpdate = false; - } + }, - if (direct === undefined) { - return this.fromGeometry(geometry); - } + fromArray: function ( array, offset ) { - direct.verticesNeedUpdate = geometry.verticesNeedUpdate; - direct.normalsNeedUpdate = geometry.normalsNeedUpdate; - direct.colorsNeedUpdate = geometry.colorsNeedUpdate; - direct.uvsNeedUpdate = geometry.uvsNeedUpdate; - direct.groupsNeedUpdate = geometry.groupsNeedUpdate; - - geometry.verticesNeedUpdate = false; - geometry.normalsNeedUpdate = false; - geometry.colorsNeedUpdate = false; - geometry.uvsNeedUpdate = false; - geometry.groupsNeedUpdate = false; - - geometry = direct; - } - - var attribute; - - if (geometry.verticesNeedUpdate === true) { - attribute = this.attributes.position; - - if (attribute !== undefined) { - attribute.copyVector3sArray(geometry.vertices); - attribute.needsUpdate = true; - } - - geometry.verticesNeedUpdate = false; - } - - if (geometry.normalsNeedUpdate === true) { - attribute = this.attributes.normal; - - if (attribute !== undefined) { - attribute.copyVector3sArray(geometry.normals); - attribute.needsUpdate = true; - } - - geometry.normalsNeedUpdate = false; - } - - if (geometry.colorsNeedUpdate === true) { - attribute = this.attributes.color; - - if (attribute !== undefined) { - attribute.copyColorsArray(geometry.colors); - attribute.needsUpdate = true; - } - - geometry.colorsNeedUpdate = false; - } - - if (geometry.uvsNeedUpdate) { - attribute = this.attributes.uv; + if ( offset === undefined ) offset = 0; - if (attribute !== undefined) { - attribute.copyVector2sArray(geometry.uvs); - attribute.needsUpdate = true; - } - - geometry.uvsNeedUpdate = false; - } - - if (geometry.lineDistancesNeedUpdate) { - attribute = this.attributes.lineDistance; - - if (attribute !== undefined) { - attribute.copyArray(geometry.lineDistances); - attribute.needsUpdate = true; - } - - geometry.lineDistancesNeedUpdate = false; - } - - if (geometry.groupsNeedUpdate) { - geometry.computeGroups(object.geometry); - this.groups = geometry.groups; - - geometry.groupsNeedUpdate = false; - } - - return this; - }, - - fromGeometry: function (geometry) { - geometry.__directGeometry = new DirectGeometry().fromGeometry(geometry); - - return this.fromDirectGeometry(geometry.__directGeometry); - }, - - fromDirectGeometry: function (geometry) { - var positions = new Float32Array(geometry.vertices.length * 3); - this.addAttribute( - "position", - new BufferAttribute(positions, 3).copyVector3sArray(geometry.vertices) - ); - - if (geometry.normals.length > 0) { - var normals = new Float32Array(geometry.normals.length * 3); - this.addAttribute( - "normal", - new BufferAttribute(normals, 3).copyVector3sArray(geometry.normals) - ); - } - - if (geometry.colors.length > 0) { - var colors = new Float32Array(geometry.colors.length * 3); - this.addAttribute( - "color", - new BufferAttribute(colors, 3).copyColorsArray(geometry.colors) - ); - } - - if (geometry.uvs.length > 0) { - var uvs = new Float32Array(geometry.uvs.length * 2); - this.addAttribute( - "uv", - new BufferAttribute(uvs, 2).copyVector2sArray(geometry.uvs) - ); - } - - if (geometry.uvs2.length > 0) { - var uvs2 = new Float32Array(geometry.uvs2.length * 2); - this.addAttribute( - "uv2", - new BufferAttribute(uvs2, 2).copyVector2sArray(geometry.uvs2) - ); - } - - // groups - - this.groups = geometry.groups; - - // morphs - - for (var name in geometry.morphTargets) { - var array = []; - var morphTargets = geometry.morphTargets[name]; - - for (var i = 0, l = morphTargets.length; i < l; i++) { - var morphTarget = morphTargets[i]; - - var attribute = new Float32BufferAttribute( - morphTarget.length * 3, - 3 - ); - - array.push(attribute.copyVector3sArray(morphTarget)); - } - - this.morphAttributes[name] = array; - } - - // skinning - - if (geometry.skinIndices.length > 0) { - var skinIndices = new Float32BufferAttribute( - geometry.skinIndices.length * 4, - 4 - ); - this.addAttribute( - "skinIndex", - skinIndices.copyVector4sArray(geometry.skinIndices) - ); - } - - if (geometry.skinWeights.length > 0) { - var skinWeights = new Float32BufferAttribute( - geometry.skinWeights.length * 4, - 4 - ); - this.addAttribute( - "skinWeight", - skinWeights.copyVector4sArray(geometry.skinWeights) - ); - } - - // - - if (geometry.boundingSphere !== null) { - this.boundingSphere = geometry.boundingSphere.clone(); - } - - if (geometry.boundingBox !== null) { - this.boundingBox = geometry.boundingBox.clone(); - } - - return this; - }, - - computeBoundingBox: function () { - if (this.boundingBox === null) { - this.boundingBox = new Box3(); - } - - var position = this.attributes.position; - - if (position !== undefined) { - this.boundingBox.setFromBufferAttribute(position); - } else { - this.boundingBox.makeEmpty(); - } - - if ( - isNaN(this.boundingBox.min.x) || - isNaN(this.boundingBox.min.y) || - isNaN(this.boundingBox.min.z) - ) { - console.error( - 'THREE.BufferGeometry.computeBoundingBox: Computed min/max have NaN values. The "position" attribute is likely to have NaN values.', - this - ); - } - }, - - computeBoundingSphere: (function () { - var box = new Box3(); - var vector = new Vector3(); - - return function computeBoundingSphere() { - if (this.boundingSphere === null) { - this.boundingSphere = new Sphere(); - } - - var position = this.attributes.position; - - if (position) { - var center = this.boundingSphere.center; - - box.setFromBufferAttribute(position); - box.getCenter(center); - - // hoping to find a boundingSphere with a radius smaller than the - // boundingSphere of the boundingBox: sqrt(3) smaller in the best case - - var maxRadiusSq = 0; - - for (var i = 0, il = position.count; i < il; i++) { - vector.x = position.getX(i); - vector.y = position.getY(i); - vector.z = position.getZ(i); - maxRadiusSq = Math.max( - maxRadiusSq, - center.distanceToSquared(vector) - ); - } - - this.boundingSphere.radius = Math.sqrt(maxRadiusSq); - - if (isNaN(this.boundingSphere.radius)) { - console.error( - 'THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.', - this - ); - } - } - }; - })(), - - computeFaceNormals: function () { - // backwards compatibility - }, - - computeVertexNormals: function () { - var index = this.index; - var attributes = this.attributes; - var groups = this.groups; - - if (attributes.position) { - var positions = attributes.position.array; - - if (attributes.normal === undefined) { - this.addAttribute( - "normal", - new BufferAttribute(new Float32Array(positions.length), 3) - ); - } else { - // reset existing normals to zero - - var array = attributes.normal.array; - - for (var i = 0, il = array.length; i < il; i++) { - array[i] = 0; - } - } - - var normals = attributes.normal.array; - - var vA, vB, vC; - var pA = new Vector3(), - pB = new Vector3(), - pC = new Vector3(); - var cb = new Vector3(), - ab = new Vector3(); - - // indexed elements - - if (index) { - var indices = index.array; - - if (groups.length === 0) { - this.addGroup(0, indices.length); - } - - for (var j = 0, jl = groups.length; j < jl; ++j) { - var group = groups[j]; - - var start = group.start; - var count = group.count; - - for (var i = start, il = start + count; i < il; i += 3) { - vA = indices[i + 0] * 3; - vB = indices[i + 1] * 3; - vC = indices[i + 2] * 3; - - pA.fromArray(positions, vA); - pB.fromArray(positions, vB); - pC.fromArray(positions, vC); - - cb.subVectors(pC, pB); - ab.subVectors(pA, pB); - cb.cross(ab); - - normals[vA] += cb.x; - normals[vA + 1] += cb.y; - normals[vA + 2] += cb.z; - - normals[vB] += cb.x; - normals[vB + 1] += cb.y; - normals[vB + 2] += cb.z; - - normals[vC] += cb.x; - normals[vC + 1] += cb.y; - normals[vC + 2] += cb.z; - } - } - } else { - // non-indexed elements (unconnected triangle soup) - - for (var i = 0, il = positions.length; i < il; i += 9) { - pA.fromArray(positions, i); - pB.fromArray(positions, i + 3); - pC.fromArray(positions, i + 6); - - cb.subVectors(pC, pB); - ab.subVectors(pA, pB); - cb.cross(ab); - - normals[i] = cb.x; - normals[i + 1] = cb.y; - normals[i + 2] = cb.z; - - normals[i + 3] = cb.x; - normals[i + 4] = cb.y; - normals[i + 5] = cb.z; + this._x = array[ offset ]; + this._y = array[ offset + 1 ]; + this._z = array[ offset + 2 ]; + this._w = array[ offset + 3 ]; - normals[i + 6] = cb.x; - normals[i + 7] = cb.y; - normals[i + 8] = cb.z; - } - } + this.onChangeCallback(); - this.normalizeNormals(); + return this; - attributes.normal.needsUpdate = true; - } - }, + }, - merge: function (geometry, offset) { - if (!(geometry && geometry.isBufferGeometry)) { - console.error( - "THREE.BufferGeometry.merge(): geometry not an instance of THREE.BufferGeometry.", - geometry - ); - return; - } + toArray: function ( array, offset ) { - if (offset === undefined) { - offset = 0; + if ( array === undefined ) array = []; + if ( offset === undefined ) offset = 0; - console.warn( - "THREE.BufferGeometry.merge(): Overwriting original geometry, starting at offset=0. " + - "Use BufferGeometryUtils.mergeBufferGeometries() for lossless merge." - ); - } + array[ offset ] = this._x; + array[ offset + 1 ] = this._y; + array[ offset + 2 ] = this._z; + array[ offset + 3 ] = this._w; - var attributes = this.attributes; + return array; - for (var key in attributes) { - if (geometry.attributes[key] === undefined) continue; + }, - var attribute1 = attributes[key]; - var attributeArray1 = attribute1.array; + onChange: function ( callback ) { - var attribute2 = geometry.attributes[key]; - var attributeArray2 = attribute2.array; + this.onChangeCallback = callback; - var attributeSize = attribute2.itemSize; + return this; - for ( - var i = 0, j = attributeSize * offset; - i < attributeArray2.length; - i++, j++ - ) { - attributeArray1[j] = attributeArray2[i]; - } - } + }, - return this; - }, + onChangeCallback: function () {} - normalizeNormals: (function () { - var vector = new Vector3(); + } ); - return function normalizeNormals() { - var normals = this.attributes.normal; + /** + * @author mrdoob / http://mrdoob.com/ + * @author kile / http://kile.stravaganza.org/ + * @author philogb / http://blog.thejit.org/ + * @author mikael emtinger / http://gomo.se/ + * @author egraether / http://egraether.com/ + * @author WestLangley / http://github.com/WestLangley + */ - for (var i = 0, il = normals.count; i < il; i++) { - vector.x = normals.getX(i); - vector.y = normals.getY(i); - vector.z = normals.getZ(i); + function Vector3( x, y, z ) { - vector.normalize(); + this.x = x || 0; + this.y = y || 0; + this.z = z || 0; - normals.setXYZ(i, vector.x, vector.y, vector.z); - } - }; - })(), + } - toNonIndexed: function () { - if (this.index === null) { - console.warn( - "THREE.BufferGeometry.toNonIndexed(): Geometry is already non-indexed." - ); - return this; - } + Object.assign( Vector3.prototype, { - var geometry2 = new BufferGeometry(); + isVector3: true, - var indices = this.index.array; - var attributes = this.attributes; + set: function ( x, y, z ) { - for (var name in attributes) { - var attribute = attributes[name]; + this.x = x; + this.y = y; + this.z = z; - var array = attribute.array; - var itemSize = attribute.itemSize; + return this; - var array2 = new array.constructor(indices.length * itemSize); + }, - var index = 0, - index2 = 0; + setScalar: function ( scalar ) { - for (var i = 0, l = indices.length; i < l; i++) { - index = indices[i] * itemSize; + this.x = scalar; + this.y = scalar; + this.z = scalar; - for (var j = 0; j < itemSize; j++) { - array2[index2++] = array[index++]; - } - } + return this; - geometry2.addAttribute(name, new BufferAttribute(array2, itemSize)); - } + }, - var groups = this.groups; + setX: function ( x ) { - for (var i = 0, l = groups.length; i < l; i++) { - var group = groups[i]; - geometry2.addGroup(group.start, group.count, group.materialIndex); - } + this.x = x; - return geometry2; - }, + return this; - toJSON: function () { - var data = { - metadata: { - version: 4.5, - type: "BufferGeometry", - generator: "BufferGeometry.toJSON", - }, - }; + }, - // standard BufferGeometry serialization + setY: function ( y ) { - data.uuid = this.uuid; - data.type = this.type; - if (this.name !== "") data.name = this.name; + this.y = y; - if (this.parameters !== undefined) { - var parameters = this.parameters; + return this; - for (var key in parameters) { - if (parameters[key] !== undefined) data[key] = parameters[key]; - } + }, - return data; - } + setZ: function ( z ) { - data.data = { attributes: {} }; + this.z = z; - var index = this.index; + return this; - if (index !== null) { - var array = Array.prototype.slice.call(index.array); + }, - data.data.index = { - type: index.array.constructor.name, - array: array, - }; - } + setComponent: function ( index, value ) { - var attributes = this.attributes; + switch ( index ) { - for (var key in attributes) { - var attribute = attributes[key]; + case 0: this.x = value; break; + case 1: this.y = value; break; + case 2: this.z = value; break; + default: throw new Error( 'index is out of range: ' + index ); - var array = Array.prototype.slice.call(attribute.array); + } - data.data.attributes[key] = { - itemSize: attribute.itemSize, - type: attribute.array.constructor.name, - array: array, - normalized: attribute.normalized, - }; - } + return this; - var groups = this.groups; + }, - if (groups.length > 0) { - data.data.groups = JSON.parse(JSON.stringify(groups)); - } + getComponent: function ( index ) { - var boundingSphere = this.boundingSphere; + switch ( index ) { - if (boundingSphere !== null) { - data.data.boundingSphere = { - center: boundingSphere.center.toArray(), - radius: boundingSphere.radius, - }; - } + case 0: return this.x; + case 1: return this.y; + case 2: return this.z; + default: throw new Error( 'index is out of range: ' + index ); - return data; - }, + } - clone: function () { - /* - // Handle primitives + }, - var parameters = this.parameters; + clone: function () { - if ( parameters !== undefined ) { + return new this.constructor( this.x, this.y, this.z ); - var values = []; + }, - for ( var key in parameters ) { + copy: function ( v ) { - values.push( parameters[ key ] ); + this.x = v.x; + this.y = v.y; + this.z = v.z; - } + return this; - var geometry = Object.create( this.constructor.prototype ); - this.constructor.apply( geometry, values ); - return geometry; + }, - } + add: function ( v, w ) { - return new this.constructor().copy( this ); - */ + if ( w !== undefined ) { - return new BufferGeometry().copy(this); - }, + console.warn( 'THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead.' ); + return this.addVectors( v, w ); - copy: function (source) { - var name, i, l; + } - // reset + this.x += v.x; + this.y += v.y; + this.z += v.z; - this.index = null; - this.attributes = {}; - this.morphAttributes = {}; - this.groups = []; - this.boundingBox = null; - this.boundingSphere = null; + return this; - // name + }, - this.name = source.name; + addScalar: function ( s ) { - // index + this.x += s; + this.y += s; + this.z += s; - var index = source.index; + return this; - if (index !== null) { - this.setIndex(index.clone()); - } + }, - // attributes + addVectors: function ( a, b ) { - var attributes = source.attributes; + this.x = a.x + b.x; + this.y = a.y + b.y; + this.z = a.z + b.z; - for (name in attributes) { - var attribute = attributes[name]; - this.addAttribute(name, attribute.clone()); - } + return this; - // morph attributes + }, - var morphAttributes = source.morphAttributes; + addScaledVector: function ( v, s ) { - for (name in morphAttributes) { - var array = []; - var morphAttribute = morphAttributes[name]; // morphAttribute: array of Float32BufferAttributes + this.x += v.x * s; + this.y += v.y * s; + this.z += v.z * s; - for (i = 0, l = morphAttribute.length; i < l; i++) { - array.push(morphAttribute[i].clone()); - } + return this; - this.morphAttributes[name] = array; - } + }, - // groups + sub: function ( v, w ) { - var groups = source.groups; + if ( w !== undefined ) { - for (i = 0, l = groups.length; i < l; i++) { - var group = groups[i]; - this.addGroup(group.start, group.count, group.materialIndex); - } + console.warn( 'THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.' ); + return this.subVectors( v, w ); - // bounding box + } - var boundingBox = source.boundingBox; + this.x -= v.x; + this.y -= v.y; + this.z -= v.z; - if (boundingBox !== null) { - this.boundingBox = boundingBox.clone(); - } + return this; - // bounding sphere + }, - var boundingSphere = source.boundingSphere; + subScalar: function ( s ) { - if (boundingSphere !== null) { - this.boundingSphere = boundingSphere.clone(); - } + this.x -= s; + this.y -= s; + this.z -= s; - // draw range + return this; - this.drawRange.start = source.drawRange.start; - this.drawRange.count = source.drawRange.count; + }, - return this; - }, + subVectors: function ( a, b ) { - dispose: function () { - this.dispatchEvent({ type: "dispose" }); - }, - } - ); + this.x = a.x - b.x; + this.y = a.y - b.y; + this.z = a.z - b.z; - /** - * @author mrdoob / http://mrdoob.com/ - * @author Mugen87 / https://github.com/Mugen87 - */ + return this; - // BoxGeometry + }, - function BoxGeometry( - width, - height, - depth, - widthSegments, - heightSegments, - depthSegments - ) { - Geometry.call(this); - - this.type = "BoxGeometry"; - - this.parameters = { - width: width, - height: height, - depth: depth, - widthSegments: widthSegments, - heightSegments: heightSegments, - depthSegments: depthSegments, - }; - - this.fromBufferGeometry( - new BoxBufferGeometry( - width, - height, - depth, - widthSegments, - heightSegments, - depthSegments - ) - ); - this.mergeVertices(); - } - - BoxGeometry.prototype = Object.create(Geometry.prototype); - BoxGeometry.prototype.constructor = BoxGeometry; - - // BoxBufferGeometry - - function BoxBufferGeometry( - width, - height, - depth, - widthSegments, - heightSegments, - depthSegments - ) { - BufferGeometry.call(this); - - this.type = "BoxBufferGeometry"; - - this.parameters = { - width: width, - height: height, - depth: depth, - widthSegments: widthSegments, - heightSegments: heightSegments, - depthSegments: depthSegments, - }; - - var scope = this; - - width = width || 1; - height = height || 1; - depth = depth || 1; - - // segments - - widthSegments = Math.floor(widthSegments) || 1; - heightSegments = Math.floor(heightSegments) || 1; - depthSegments = Math.floor(depthSegments) || 1; - - // buffers - - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; - - // helper variables - - var numberOfVertices = 0; - var groupStart = 0; - - // build each side of the box geometry - - buildPlane( - "z", - "y", - "x", - -1, - -1, - depth, - height, - width, - depthSegments, - heightSegments, - 0 - ); // px - buildPlane( - "z", - "y", - "x", - 1, - -1, - depth, - height, - -width, - depthSegments, - heightSegments, - 1 - ); // nx - buildPlane( - "x", - "z", - "y", - 1, - 1, - width, - depth, - height, - widthSegments, - depthSegments, - 2 - ); // py - buildPlane( - "x", - "z", - "y", - 1, - -1, - width, - depth, - -height, - widthSegments, - depthSegments, - 3 - ); // ny - buildPlane( - "x", - "y", - "z", - 1, - -1, - width, - height, - depth, - widthSegments, - heightSegments, - 4 - ); // pz - buildPlane( - "x", - "y", - "z", - -1, - -1, - width, - height, - -depth, - widthSegments, - heightSegments, - 5 - ); // nz - - // build geometry - - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); - - function buildPlane( - u, - v, - w, - udir, - vdir, - width, - height, - depth, - gridX, - gridY, - materialIndex - ) { - var segmentWidth = width / gridX; - var segmentHeight = height / gridY; - - var widthHalf = width / 2; - var heightHalf = height / 2; - var depthHalf = depth / 2; - - var gridX1 = gridX + 1; - var gridY1 = gridY + 1; - - var vertexCounter = 0; - var groupCount = 0; - - var ix, iy; - - var vector = new Vector3(); - - // generate vertices, normals and uvs - - for (iy = 0; iy < gridY1; iy++) { - var y = iy * segmentHeight - heightHalf; - - for (ix = 0; ix < gridX1; ix++) { - var x = ix * segmentWidth - widthHalf; - - // set values to correct vector component - - vector[u] = x * udir; - vector[v] = y * vdir; - vector[w] = depthHalf; - - // now apply vector to vertex buffer - - vertices.push(vector.x, vector.y, vector.z); - - // set values to correct vector component - - vector[u] = 0; - vector[v] = 0; - vector[w] = depth > 0 ? 1 : -1; - - // now apply vector to normal buffer + multiply: function ( v, w ) { - normals.push(vector.x, vector.y, vector.z); + if ( w !== undefined ) { - // uvs + console.warn( 'THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead.' ); + return this.multiplyVectors( v, w ); - uvs.push(ix / gridX); - uvs.push(1 - iy / gridY); + } - // counters + this.x *= v.x; + this.y *= v.y; + this.z *= v.z; - vertexCounter += 1; - } - } + return this; - // indices + }, - // 1. you need three indices to draw a single face - // 2. a single segment consists of two faces - // 3. so we need to generate six (2*3) indices per segment + multiplyScalar: function ( scalar ) { - for (iy = 0; iy < gridY; iy++) { - for (ix = 0; ix < gridX; ix++) { - var a = numberOfVertices + ix + gridX1 * iy; - var b = numberOfVertices + ix + gridX1 * (iy + 1); - var c = numberOfVertices + (ix + 1) + gridX1 * (iy + 1); - var d = numberOfVertices + (ix + 1) + gridX1 * iy; + this.x *= scalar; + this.y *= scalar; + this.z *= scalar; - // faces + return this; - indices.push(a, b, d); - indices.push(b, c, d); + }, - // increase counter + multiplyVectors: function ( a, b ) { - groupCount += 6; - } - } + this.x = a.x * b.x; + this.y = a.y * b.y; + this.z = a.z * b.z; - // add a group to the geometry. this will ensure multi material support + return this; - scope.addGroup(groupStart, groupCount, materialIndex); + }, - // calculate new start value for groups + applyEuler: function () { - groupStart += groupCount; + var quaternion = new Quaternion(); - // update total number of vertices + return function applyEuler( euler ) { - numberOfVertices += vertexCounter; - } - } + if ( ! ( euler && euler.isEuler ) ) { - BoxBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - BoxBufferGeometry.prototype.constructor = BoxBufferGeometry; + console.error( 'THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order.' ); - /** - * @author mrdoob / http://mrdoob.com/ - * @author Mugen87 / https://github.com/Mugen87 - */ + } - // PlaneGeometry + return this.applyQuaternion( quaternion.setFromEuler( euler ) ); - function PlaneGeometry(width, height, widthSegments, heightSegments) { - Geometry.call(this); + }; - this.type = "PlaneGeometry"; + }(), - this.parameters = { - width: width, - height: height, - widthSegments: widthSegments, - heightSegments: heightSegments, - }; + applyAxisAngle: function () { - this.fromBufferGeometry( - new PlaneBufferGeometry(width, height, widthSegments, heightSegments) - ); - this.mergeVertices(); - } + var quaternion = new Quaternion(); - PlaneGeometry.prototype = Object.create(Geometry.prototype); - PlaneGeometry.prototype.constructor = PlaneGeometry; + return function applyAxisAngle( axis, angle ) { - // PlaneBufferGeometry + return this.applyQuaternion( quaternion.setFromAxisAngle( axis, angle ) ); - function PlaneBufferGeometry(width, height, widthSegments, heightSegments) { - BufferGeometry.call(this); + }; - this.type = "PlaneBufferGeometry"; + }(), - this.parameters = { - width: width, - height: height, - widthSegments: widthSegments, - heightSegments: heightSegments, - }; + applyMatrix3: function ( m ) { - width = width || 1; - height = height || 1; + var x = this.x, y = this.y, z = this.z; + var e = m.elements; - var width_half = width / 2; - var height_half = height / 2; + this.x = e[ 0 ] * x + e[ 3 ] * y + e[ 6 ] * z; + this.y = e[ 1 ] * x + e[ 4 ] * y + e[ 7 ] * z; + this.z = e[ 2 ] * x + e[ 5 ] * y + e[ 8 ] * z; - var gridX = Math.floor(widthSegments) || 1; - var gridY = Math.floor(heightSegments) || 1; + return this; - var gridX1 = gridX + 1; - var gridY1 = gridY + 1; + }, - var segment_width = width / gridX; - var segment_height = height / gridY; + applyMatrix4: function ( m ) { - var ix, iy; + var x = this.x, y = this.y, z = this.z; + var e = m.elements; - // buffers + var w = 1 / ( e[ 3 ] * x + e[ 7 ] * y + e[ 11 ] * z + e[ 15 ] ); - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; + this.x = ( e[ 0 ] * x + e[ 4 ] * y + e[ 8 ] * z + e[ 12 ] ) * w; + this.y = ( e[ 1 ] * x + e[ 5 ] * y + e[ 9 ] * z + e[ 13 ] ) * w; + this.z = ( e[ 2 ] * x + e[ 6 ] * y + e[ 10 ] * z + e[ 14 ] ) * w; - // generate vertices, normals and uvs + return this; - for (iy = 0; iy < gridY1; iy++) { - var y = iy * segment_height - height_half; + }, - for (ix = 0; ix < gridX1; ix++) { - var x = ix * segment_width - width_half; + applyQuaternion: function ( q ) { - vertices.push(x, -y, 0); + var x = this.x, y = this.y, z = this.z; + var qx = q.x, qy = q.y, qz = q.z, qw = q.w; - normals.push(0, 0, 1); + // calculate quat * vector - uvs.push(ix / gridX); - uvs.push(1 - iy / gridY); - } - } + var ix = qw * x + qy * z - qz * y; + var iy = qw * y + qz * x - qx * z; + var iz = qw * z + qx * y - qy * x; + var iw = - qx * x - qy * y - qz * z; - // indices + // calculate result * inverse quat - for (iy = 0; iy < gridY; iy++) { - for (ix = 0; ix < gridX; ix++) { - var a = ix + gridX1 * iy; - var b = ix + gridX1 * (iy + 1); - var c = ix + 1 + gridX1 * (iy + 1); - var d = ix + 1 + gridX1 * iy; + this.x = ix * qw + iw * - qx + iy * - qz - iz * - qy; + this.y = iy * qw + iw * - qy + iz * - qx - ix * - qz; + this.z = iz * qw + iw * - qz + ix * - qy - iy * - qx; - // faces + return this; - indices.push(a, b, d); - indices.push(b, c, d); - } - } + }, - // build geometry + project: function () { - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); - } + var matrix = new Matrix4(); - PlaneBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - PlaneBufferGeometry.prototype.constructor = PlaneBufferGeometry; + return function project( camera ) { - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - */ + matrix.multiplyMatrices( camera.projectionMatrix, matrix.getInverse( camera.matrixWorld ) ); + return this.applyMatrix4( matrix ); - var materialId = 0; + }; - function Material() { - Object.defineProperty(this, "id", { value: materialId++ }); + }(), - this.uuid = _Math.generateUUID(); + unproject: function () { - this.name = ""; - this.type = "Material"; + var matrix = new Matrix4(); - this.fog = true; - this.lights = true; + return function unproject( camera ) { - this.blending = NormalBlending; - this.side = FrontSide; - this.flatShading = false; - this.vertexColors = NoColors; // THREE.NoColors, THREE.VertexColors, THREE.FaceColors + matrix.multiplyMatrices( camera.matrixWorld, matrix.getInverse( camera.projectionMatrix ) ); + return this.applyMatrix4( matrix ); - this.opacity = 1; - this.transparent = false; + }; - this.blendSrc = SrcAlphaFactor; - this.blendDst = OneMinusSrcAlphaFactor; - this.blendEquation = AddEquation; - this.blendSrcAlpha = null; - this.blendDstAlpha = null; - this.blendEquationAlpha = null; + }(), - this.depthFunc = LessEqualDepth; - this.depthTest = true; - this.depthWrite = true; + transformDirection: function ( m ) { - this.clippingPlanes = null; - this.clipIntersection = false; - this.clipShadows = false; + // input: THREE.Matrix4 affine matrix + // vector interpreted as a direction - this.shadowSide = null; + var x = this.x, y = this.y, z = this.z; + var e = m.elements; - this.colorWrite = true; + this.x = e[ 0 ] * x + e[ 4 ] * y + e[ 8 ] * z; + this.y = e[ 1 ] * x + e[ 5 ] * y + e[ 9 ] * z; + this.z = e[ 2 ] * x + e[ 6 ] * y + e[ 10 ] * z; - this.precision = null; // override the renderer's default precision for this material + return this.normalize(); - this.polygonOffset = false; - this.polygonOffsetFactor = 0; - this.polygonOffsetUnits = 0; + }, - this.dithering = false; + divide: function ( v ) { - this.alphaTest = 0; - this.premultipliedAlpha = false; + this.x /= v.x; + this.y /= v.y; + this.z /= v.z; - this.overdraw = 0; // Overdrawn pixels (typically between 0 and 1) for fixing antialiasing gaps in CanvasRenderer + return this; - this.visible = true; + }, - this.userData = {}; + divideScalar: function ( scalar ) { - this.needsUpdate = true; - } - - Material.prototype = Object.assign(Object.create(EventDispatcher.prototype), { - constructor: Material, - - isMaterial: true, - - onBeforeCompile: function () {}, - - setValues: function (values) { - if (values === undefined) return; - - for (var key in values) { - var newValue = values[key]; - - if (newValue === undefined) { - console.warn("THREE.Material: '" + key + "' parameter is undefined."); - continue; - } - - // for backward compatability if shading is set in the constructor - if (key === "shading") { - console.warn( - "THREE." + - this.type + - ": .shading has been removed. Use the boolean .flatShading instead." - ); - this.flatShading = newValue === FlatShading ? true : false; - continue; - } - - var currentValue = this[key]; - - if (currentValue === undefined) { - console.warn( - "THREE." + - this.type + - ": '" + - key + - "' is not a property of this material." - ); - continue; - } - - if (currentValue && currentValue.isColor) { - currentValue.set(newValue); - } else if ( - currentValue && - currentValue.isVector3 && - newValue && - newValue.isVector3 - ) { - currentValue.copy(newValue); - } else if (key === "overdraw") { - // ensure overdraw is backwards-compatible with legacy boolean type - this[key] = Number(newValue); - } else { - this[key] = newValue; - } - } - }, - - toJSON: function (meta) { - var isRoot = meta === undefined || typeof meta === "string"; - - if (isRoot) { - meta = { - textures: {}, - images: {}, - }; - } - - var data = { - metadata: { - version: 4.5, - type: "Material", - generator: "Material.toJSON", - }, - }; - - // standard Material serialization - data.uuid = this.uuid; - data.type = this.type; - - if (this.name !== "") data.name = this.name; - - if (this.color && this.color.isColor) data.color = this.color.getHex(); - - if (this.roughness !== undefined) data.roughness = this.roughness; - if (this.metalness !== undefined) data.metalness = this.metalness; - - if (this.emissive && this.emissive.isColor) - data.emissive = this.emissive.getHex(); - if (this.emissiveIntensity !== 1) - data.emissiveIntensity = this.emissiveIntensity; - - if (this.specular && this.specular.isColor) - data.specular = this.specular.getHex(); - if (this.shininess !== undefined) data.shininess = this.shininess; - if (this.clearCoat !== undefined) data.clearCoat = this.clearCoat; - if (this.clearCoatRoughness !== undefined) - data.clearCoatRoughness = this.clearCoatRoughness; - - if (this.map && this.map.isTexture) data.map = this.map.toJSON(meta).uuid; - if (this.alphaMap && this.alphaMap.isTexture) - data.alphaMap = this.alphaMap.toJSON(meta).uuid; - if (this.lightMap && this.lightMap.isTexture) - data.lightMap = this.lightMap.toJSON(meta).uuid; - if (this.bumpMap && this.bumpMap.isTexture) { - data.bumpMap = this.bumpMap.toJSON(meta).uuid; - data.bumpScale = this.bumpScale; - } - if (this.normalMap && this.normalMap.isTexture) { - data.normalMap = this.normalMap.toJSON(meta).uuid; - data.normalScale = this.normalScale.toArray(); - } - if (this.displacementMap && this.displacementMap.isTexture) { - data.displacementMap = this.displacementMap.toJSON(meta).uuid; - data.displacementScale = this.displacementScale; - data.displacementBias = this.displacementBias; - } - if (this.roughnessMap && this.roughnessMap.isTexture) - data.roughnessMap = this.roughnessMap.toJSON(meta).uuid; - if (this.metalnessMap && this.metalnessMap.isTexture) - data.metalnessMap = this.metalnessMap.toJSON(meta).uuid; - - if (this.emissiveMap && this.emissiveMap.isTexture) - data.emissiveMap = this.emissiveMap.toJSON(meta).uuid; - if (this.specularMap && this.specularMap.isTexture) - data.specularMap = this.specularMap.toJSON(meta).uuid; - - if (this.envMap && this.envMap.isTexture) { - data.envMap = this.envMap.toJSON(meta).uuid; - data.reflectivity = this.reflectivity; // Scale behind envMap - } - - if (this.gradientMap && this.gradientMap.isTexture) { - data.gradientMap = this.gradientMap.toJSON(meta).uuid; - } - - if (this.size !== undefined) data.size = this.size; - if (this.sizeAttenuation !== undefined) - data.sizeAttenuation = this.sizeAttenuation; - - if (this.blending !== NormalBlending) data.blending = this.blending; - if (this.flatShading === true) data.flatShading = this.flatShading; - if (this.side !== FrontSide) data.side = this.side; - if (this.vertexColors !== NoColors) data.vertexColors = this.vertexColors; - - if (this.opacity < 1) data.opacity = this.opacity; - if (this.transparent === true) data.transparent = this.transparent; - - data.depthFunc = this.depthFunc; - data.depthTest = this.depthTest; - data.depthWrite = this.depthWrite; - - // rotation (SpriteMaterial) - if (this.rotation !== 0) data.rotation = this.rotation; - - if (this.linewidth !== 1) data.linewidth = this.linewidth; - if (this.dashSize !== undefined) data.dashSize = this.dashSize; - if (this.gapSize !== undefined) data.gapSize = this.gapSize; - if (this.scale !== undefined) data.scale = this.scale; - - if (this.dithering === true) data.dithering = true; - - if (this.alphaTest > 0) data.alphaTest = this.alphaTest; - if (this.premultipliedAlpha === true) - data.premultipliedAlpha = this.premultipliedAlpha; - - if (this.wireframe === true) data.wireframe = this.wireframe; - if (this.wireframeLinewidth > 1) - data.wireframeLinewidth = this.wireframeLinewidth; - if (this.wireframeLinecap !== "round") - data.wireframeLinecap = this.wireframeLinecap; - if (this.wireframeLinejoin !== "round") - data.wireframeLinejoin = this.wireframeLinejoin; + return this.multiplyScalar( 1 / scalar ); - if (this.morphTargets === true) data.morphTargets = true; - if (this.skinning === true) data.skinning = true; + }, - if (this.visible === false) data.visible = false; - if (JSON.stringify(this.userData) !== "{}") data.userData = this.userData; + min: function ( v ) { - // TODO: Copied from Object3D.toJSON - - function extractFromCache(cache) { - var values = []; - - for (var key in cache) { - var data = cache[key]; - delete data.metadata; - values.push(data); - } - - return values; - } - - if (isRoot) { - var textures = extractFromCache(meta.textures); - var images = extractFromCache(meta.images); - - if (textures.length > 0) data.textures = textures; - if (images.length > 0) data.images = images; - } - - return data; - }, - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (source) { - this.name = source.name; - - this.fog = source.fog; - this.lights = source.lights; - - this.blending = source.blending; - this.side = source.side; - this.flatShading = source.flatShading; - this.vertexColors = source.vertexColors; - - this.opacity = source.opacity; - this.transparent = source.transparent; - - this.blendSrc = source.blendSrc; - this.blendDst = source.blendDst; - this.blendEquation = source.blendEquation; - this.blendSrcAlpha = source.blendSrcAlpha; - this.blendDstAlpha = source.blendDstAlpha; - this.blendEquationAlpha = source.blendEquationAlpha; + this.x = Math.min( this.x, v.x ); + this.y = Math.min( this.y, v.y ); + this.z = Math.min( this.z, v.z ); - this.depthFunc = source.depthFunc; - this.depthTest = source.depthTest; - this.depthWrite = source.depthWrite; + return this; - this.colorWrite = source.colorWrite; + }, - this.precision = source.precision; + max: function ( v ) { - this.polygonOffset = source.polygonOffset; - this.polygonOffsetFactor = source.polygonOffsetFactor; - this.polygonOffsetUnits = source.polygonOffsetUnits; + this.x = Math.max( this.x, v.x ); + this.y = Math.max( this.y, v.y ); + this.z = Math.max( this.z, v.z ); - this.dithering = source.dithering; + return this; - this.alphaTest = source.alphaTest; - this.premultipliedAlpha = source.premultipliedAlpha; + }, - this.overdraw = source.overdraw; + clamp: function ( min, max ) { - this.visible = source.visible; - this.userData = JSON.parse(JSON.stringify(source.userData)); + // assumes min < max, componentwise - this.clipShadows = source.clipShadows; - this.clipIntersection = source.clipIntersection; + this.x = Math.max( min.x, Math.min( max.x, this.x ) ); + this.y = Math.max( min.y, Math.min( max.y, this.y ) ); + this.z = Math.max( min.z, Math.min( max.z, this.z ) ); - var srcPlanes = source.clippingPlanes, - dstPlanes = null; + return this; - if (srcPlanes !== null) { - var n = srcPlanes.length; - dstPlanes = new Array(n); + }, - for (var i = 0; i !== n; ++i) dstPlanes[i] = srcPlanes[i].clone(); - } + clampScalar: function () { - this.clippingPlanes = dstPlanes; + var min = new Vector3(); + var max = new Vector3(); - this.shadowSide = source.shadowSide; + return function clampScalar( minVal, maxVal ) { - return this; - }, + min.set( minVal, minVal, minVal ); + max.set( maxVal, maxVal, maxVal ); - dispose: function () { - this.dispatchEvent({ type: "dispose" }); - }, - }); + return this.clamp( min, max ); - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * - * parameters = { - * color: , - * opacity: , - * map: new THREE.Texture( ), - * - * lightMap: new THREE.Texture( ), - * lightMapIntensity: - * - * aoMap: new THREE.Texture( ), - * aoMapIntensity: - * - * specularMap: new THREE.Texture( ), - * - * alphaMap: new THREE.Texture( ), - * - * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), - * combine: THREE.Multiply, - * reflectivity: , - * refractionRatio: , - * - * depthTest: , - * depthWrite: , - * - * wireframe: , - * wireframeLinewidth: , - * - * skinning: , - * morphTargets: - * } - */ + }; - function MeshBasicMaterial(parameters) { - Material.call(this); + }(), - this.type = "MeshBasicMaterial"; + clampLength: function ( min, max ) { - this.color = new Color(0xffffff); // emissive + var length = this.length(); - this.map = null; + return this.divideScalar( length || 1 ).multiplyScalar( Math.max( min, Math.min( max, length ) ) ); - this.lightMap = null; - this.lightMapIntensity = 1.0; + }, - this.aoMap = null; - this.aoMapIntensity = 1.0; + floor: function () { - this.specularMap = null; + this.x = Math.floor( this.x ); + this.y = Math.floor( this.y ); + this.z = Math.floor( this.z ); - this.alphaMap = null; + return this; - this.envMap = null; - this.combine = MultiplyOperation; - this.reflectivity = 1; - this.refractionRatio = 0.98; + }, - this.wireframe = false; - this.wireframeLinewidth = 1; - this.wireframeLinecap = "round"; - this.wireframeLinejoin = "round"; + ceil: function () { - this.skinning = false; - this.morphTargets = false; - - this.lights = false; - - this.setValues(parameters); - } - - MeshBasicMaterial.prototype = Object.create(Material.prototype); - MeshBasicMaterial.prototype.constructor = MeshBasicMaterial; - - MeshBasicMaterial.prototype.isMeshBasicMaterial = true; - - MeshBasicMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); - - this.color.copy(source.color); - - this.map = source.map; - - this.lightMap = source.lightMap; - this.lightMapIntensity = source.lightMapIntensity; - - this.aoMap = source.aoMap; - this.aoMapIntensity = source.aoMapIntensity; - - this.specularMap = source.specularMap; - - this.alphaMap = source.alphaMap; - - this.envMap = source.envMap; - this.combine = source.combine; - this.reflectivity = source.reflectivity; - this.refractionRatio = source.refractionRatio; - - this.wireframe = source.wireframe; - this.wireframeLinewidth = source.wireframeLinewidth; - this.wireframeLinecap = source.wireframeLinecap; - this.wireframeLinejoin = source.wireframeLinejoin; - - this.skinning = source.skinning; - this.morphTargets = source.morphTargets; - - return this; - }; + this.x = Math.ceil( this.x ); + this.y = Math.ceil( this.y ); + this.z = Math.ceil( this.z ); - /** - * @author alteredq / http://alteredqualia.com/ - * - * parameters = { - * defines: { "label" : "value" }, - * uniforms: { "parameter1": { value: 1.0 }, "parameter2": { value2: 2 } }, - * - * fragmentShader: , - * vertexShader: , - * - * wireframe: , - * wireframeLinewidth: , - * - * lights: , - * - * skinning: , - * morphTargets: , - * morphNormals: - * } - */ + return this; - function ShaderMaterial(parameters) { - Material.call(this); + }, - this.type = "ShaderMaterial"; + round: function () { - this.defines = {}; - this.uniforms = {}; + this.x = Math.round( this.x ); + this.y = Math.round( this.y ); + this.z = Math.round( this.z ); - this.vertexShader = - "void main() {\n\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n}"; - this.fragmentShader = - "void main() {\n\tgl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );\n}"; + return this; - this.linewidth = 1; + }, - this.wireframe = false; - this.wireframeLinewidth = 1; + roundToZero: function () { - this.fog = false; // set to use scene fog - this.lights = false; // set to use scene lights - this.clipping = false; // set to use user-defined clipping planes + this.x = ( this.x < 0 ) ? Math.ceil( this.x ) : Math.floor( this.x ); + this.y = ( this.y < 0 ) ? Math.ceil( this.y ) : Math.floor( this.y ); + this.z = ( this.z < 0 ) ? Math.ceil( this.z ) : Math.floor( this.z ); - this.skinning = false; // set to use skinning attribute streams - this.morphTargets = false; // set to use morph targets - this.morphNormals = false; // set to use morph normals + return this; - this.extensions = { - derivatives: false, // set to use derivatives - fragDepth: false, // set to use fragment depth values - drawBuffers: false, // set to use draw buffers - shaderTextureLOD: false, // set to use shader texture LOD - }; + }, - // When rendered geometry doesn't include these attributes but the material does, - // use these default values in WebGL. This avoids errors when buffer data is missing. - this.defaultAttributeValues = { - color: [1, 1, 1], - uv: [0, 0], - uv2: [0, 0], - }; + negate: function () { - this.index0AttributeName = undefined; - this.uniformsNeedUpdate = false; + this.x = - this.x; + this.y = - this.y; + this.z = - this.z; - if (parameters !== undefined) { - if (parameters.attributes !== undefined) { - console.error( - "THREE.ShaderMaterial: attributes should now be defined in THREE.BufferGeometry instead." - ); - } + return this; - this.setValues(parameters); - } - } + }, - ShaderMaterial.prototype = Object.create(Material.prototype); - ShaderMaterial.prototype.constructor = ShaderMaterial; + dot: function ( v ) { - ShaderMaterial.prototype.isShaderMaterial = true; + return this.x * v.x + this.y * v.y + this.z * v.z; - ShaderMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); + }, - this.fragmentShader = source.fragmentShader; - this.vertexShader = source.vertexShader; + // TODO lengthSquared? - this.uniforms = UniformsUtils.clone(source.uniforms); + lengthSq: function () { - this.defines = Object.assign({}, source.defines); + return this.x * this.x + this.y * this.y + this.z * this.z; - this.wireframe = source.wireframe; - this.wireframeLinewidth = source.wireframeLinewidth; + }, - this.lights = source.lights; - this.clipping = source.clipping; + length: function () { - this.skinning = source.skinning; + return Math.sqrt( this.x * this.x + this.y * this.y + this.z * this.z ); - this.morphTargets = source.morphTargets; - this.morphNormals = source.morphNormals; + }, - this.extensions = source.extensions; + manhattanLength: function () { - return this; - }; + return Math.abs( this.x ) + Math.abs( this.y ) + Math.abs( this.z ); - ShaderMaterial.prototype.toJSON = function (meta) { - var data = Material.prototype.toJSON.call(this, meta); + }, - data.uniforms = this.uniforms; - data.vertexShader = this.vertexShader; - data.fragmentShader = this.fragmentShader; + normalize: function () { - return data; - }; + return this.divideScalar( this.length() || 1 ); - /** - * @author bhouston / http://clara.io - */ + }, - function Ray(origin, direction) { - this.origin = origin !== undefined ? origin : new Vector3(); - this.direction = direction !== undefined ? direction : new Vector3(); - } + setLength: function ( length ) { - Object.assign(Ray.prototype, { - set: function (origin, direction) { - this.origin.copy(origin); - this.direction.copy(direction); + return this.normalize().multiplyScalar( length ); - return this; - }, + }, - clone: function () { - return new this.constructor().copy(this); - }, + lerp: function ( v, alpha ) { - copy: function (ray) { - this.origin.copy(ray.origin); - this.direction.copy(ray.direction); + this.x += ( v.x - this.x ) * alpha; + this.y += ( v.y - this.y ) * alpha; + this.z += ( v.z - this.z ) * alpha; - return this; - }, + return this; - at: function (t, target) { - if (target === undefined) { - console.warn("THREE.Ray: .at() target is now required"); - target = new Vector3(); - } + }, - return target.copy(this.direction).multiplyScalar(t).add(this.origin); - }, + lerpVectors: function ( v1, v2, alpha ) { - lookAt: function (v) { - this.direction.copy(v).sub(this.origin).normalize(); + return this.subVectors( v2, v1 ).multiplyScalar( alpha ).add( v1 ); - return this; - }, + }, - recast: (function () { - var v1 = new Vector3(); + cross: function ( v, w ) { - return function recast(t) { - this.origin.copy(this.at(t, v1)); + if ( w !== undefined ) { - return this; - }; - })(), + console.warn( 'THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead.' ); + return this.crossVectors( v, w ); - closestPointToPoint: function (point, target) { - if (target === undefined) { - console.warn( - "THREE.Ray: .closestPointToPoint() target is now required" - ); - target = new Vector3(); - } + } - target.subVectors(point, this.origin); - - var directionDistance = target.dot(this.direction); - - if (directionDistance < 0) { - return target.copy(this.origin); - } - - return target - .copy(this.direction) - .multiplyScalar(directionDistance) - .add(this.origin); - }, - - distanceToPoint: function (point) { - return Math.sqrt(this.distanceSqToPoint(point)); - }, - - distanceSqToPoint: (function () { - var v1 = new Vector3(); - - return function distanceSqToPoint(point) { - var directionDistance = v1 - .subVectors(point, this.origin) - .dot(this.direction); - - // point behind the ray - - if (directionDistance < 0) { - return this.origin.distanceToSquared(point); - } - - v1.copy(this.direction) - .multiplyScalar(directionDistance) - .add(this.origin); - - return v1.distanceToSquared(point); - }; - })(), - - distanceSqToSegment: (function () { - var segCenter = new Vector3(); - var segDir = new Vector3(); - var diff = new Vector3(); - - return function distanceSqToSegment( - v0, - v1, - optionalPointOnRay, - optionalPointOnSegment - ) { - // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteDistRaySegment.h - // It returns the min distance between the ray and the segment - // defined by v0 and v1 - // It can also set two optional targets : - // - The closest point on the ray - // - The closest point on the segment - - segCenter.copy(v0).add(v1).multiplyScalar(0.5); - segDir.copy(v1).sub(v0).normalize(); - diff.copy(this.origin).sub(segCenter); - - var segExtent = v0.distanceTo(v1) * 0.5; - var a01 = -this.direction.dot(segDir); - var b0 = diff.dot(this.direction); - var b1 = -diff.dot(segDir); - var c = diff.lengthSq(); - var det = Math.abs(1 - a01 * a01); - var s0, s1, sqrDist, extDet; - - if (det > 0) { - // The ray and segment are not parallel. - - s0 = a01 * b1 - b0; - s1 = a01 * b0 - b1; - extDet = segExtent * det; - - if (s0 >= 0) { - if (s1 >= -extDet) { - if (s1 <= extDet) { - // region 0 - // Minimum at interior points of ray and segment. - - var invDet = 1 / det; - s0 *= invDet; - s1 *= invDet; - sqrDist = - s0 * (s0 + a01 * s1 + 2 * b0) + - s1 * (a01 * s0 + s1 + 2 * b1) + - c; - } else { - // region 1 - - s1 = segExtent; - s0 = Math.max(0, -(a01 * s1 + b0)); - sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; - } - } else { - // region 5 - - s1 = -segExtent; - s0 = Math.max(0, -(a01 * s1 + b0)); - sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; - } - } else { - if (s1 <= -extDet) { - // region 4 - - s0 = Math.max(0, -(-a01 * segExtent + b0)); - s1 = - s0 > 0 - ? -segExtent - : Math.min(Math.max(-segExtent, -b1), segExtent); - sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; - } else if (s1 <= extDet) { - // region 3 - - s0 = 0; - s1 = Math.min(Math.max(-segExtent, -b1), segExtent); - sqrDist = s1 * (s1 + 2 * b1) + c; - } else { - // region 2 - - s0 = Math.max(0, -(a01 * segExtent + b0)); - s1 = - s0 > 0 - ? segExtent - : Math.min(Math.max(-segExtent, -b1), segExtent); - sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; - } - } - } else { - // Ray and segment are parallel. - - s1 = a01 > 0 ? -segExtent : segExtent; - s0 = Math.max(0, -(a01 * s1 + b0)); - sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; - } - - if (optionalPointOnRay) { - optionalPointOnRay - .copy(this.direction) - .multiplyScalar(s0) - .add(this.origin); - } - - if (optionalPointOnSegment) { - optionalPointOnSegment.copy(segDir).multiplyScalar(s1).add(segCenter); - } - - return sqrDist; - }; - })(), - - intersectSphere: (function () { - var v1 = new Vector3(); - - return function intersectSphere(sphere, target) { - v1.subVectors(sphere.center, this.origin); - var tca = v1.dot(this.direction); - var d2 = v1.dot(v1) - tca * tca; - var radius2 = sphere.radius * sphere.radius; - - if (d2 > radius2) return null; - - var thc = Math.sqrt(radius2 - d2); - - // t0 = first intersect point - entrance on front of sphere - var t0 = tca - thc; - - // t1 = second intersect point - exit point on back of sphere - var t1 = tca + thc; - - // test to see if both t0 and t1 are behind the ray - if so, return null - if (t0 < 0 && t1 < 0) return null; - - // test to see if t0 is behind the ray: - // if it is, the ray is inside the sphere, so return the second exit point scaled by t1, - // in order to always return an intersect point that is in front of the ray. - if (t0 < 0) return this.at(t1, target); - - // else t0 is in front of the ray, so return the first collision point scaled by t0 - return this.at(t0, target); - }; - })(), - - intersectsSphere: function (sphere) { - return this.distanceToPoint(sphere.center) <= sphere.radius; - }, + return this.crossVectors( this, v ); - distanceToPlane: function (plane) { - var denominator = plane.normal.dot(this.direction); + }, - if (denominator === 0) { - // line is coplanar, return origin - if (plane.distanceToPoint(this.origin) === 0) { - return 0; - } + crossVectors: function ( a, b ) { - // Null is preferable to undefined since undefined means.... it is undefined + var ax = a.x, ay = a.y, az = a.z; + var bx = b.x, by = b.y, bz = b.z; - return null; - } + this.x = ay * bz - az * by; + this.y = az * bx - ax * bz; + this.z = ax * by - ay * bx; - var t = -(this.origin.dot(plane.normal) + plane.constant) / denominator; + return this; - // Return if the ray never intersects the plane + }, - return t >= 0 ? t : null; - }, + projectOnVector: function ( vector ) { - intersectPlane: function (plane, target) { - var t = this.distanceToPlane(plane); + var scalar = vector.dot( this ) / vector.lengthSq(); - if (t === null) { - return null; - } + return this.copy( vector ).multiplyScalar( scalar ); - return this.at(t, target); - }, + }, - intersectsPlane: function (plane) { - // check if the ray lies on the plane first + projectOnPlane: function () { - var distToPoint = plane.distanceToPoint(this.origin); + var v1 = new Vector3(); - if (distToPoint === 0) { - return true; - } + return function projectOnPlane( planeNormal ) { - var denominator = plane.normal.dot(this.direction); + v1.copy( this ).projectOnVector( planeNormal ); - if (denominator * distToPoint < 0) { - return true; - } + return this.sub( v1 ); - // ray origin is behind the plane (and is pointing behind it) + }; - return false; - }, + }(), - intersectBox: function (box, target) { - var tmin, tmax, tymin, tymax, tzmin, tzmax; + reflect: function () { - var invdirx = 1 / this.direction.x, - invdiry = 1 / this.direction.y, - invdirz = 1 / this.direction.z; + // reflect incident vector off plane orthogonal to normal + // normal is assumed to have unit length - var origin = this.origin; + var v1 = new Vector3(); - if (invdirx >= 0) { - tmin = (box.min.x - origin.x) * invdirx; - tmax = (box.max.x - origin.x) * invdirx; - } else { - tmin = (box.max.x - origin.x) * invdirx; - tmax = (box.min.x - origin.x) * invdirx; - } + return function reflect( normal ) { - if (invdiry >= 0) { - tymin = (box.min.y - origin.y) * invdiry; - tymax = (box.max.y - origin.y) * invdiry; - } else { - tymin = (box.max.y - origin.y) * invdiry; - tymax = (box.min.y - origin.y) * invdiry; - } + return this.sub( v1.copy( normal ).multiplyScalar( 2 * this.dot( normal ) ) ); - if (tmin > tymax || tymin > tmax) return null; + }; - // These lines also handle the case where tmin or tmax is NaN - // (result of 0 * Infinity). x !== x returns true if x is NaN + }(), - if (tymin > tmin || tmin !== tmin) tmin = tymin; + angleTo: function ( v ) { - if (tymax < tmax || tmax !== tmax) tmax = tymax; + var theta = this.dot( v ) / ( Math.sqrt( this.lengthSq() * v.lengthSq() ) ); - if (invdirz >= 0) { - tzmin = (box.min.z - origin.z) * invdirz; - tzmax = (box.max.z - origin.z) * invdirz; - } else { - tzmin = (box.max.z - origin.z) * invdirz; - tzmax = (box.min.z - origin.z) * invdirz; - } + // clamp, to handle numerical problems - if (tmin > tzmax || tzmin > tmax) return null; + return Math.acos( _Math.clamp( theta, - 1, 1 ) ); - if (tzmin > tmin || tmin !== tmin) tmin = tzmin; + }, - if (tzmax < tmax || tmax !== tmax) tmax = tzmax; + distanceTo: function ( v ) { - //return point closest to the ray (positive side) + return Math.sqrt( this.distanceToSquared( v ) ); - if (tmax < 0) return null; + }, - return this.at(tmin >= 0 ? tmin : tmax, target); - }, + distanceToSquared: function ( v ) { - intersectsBox: (function () { - var v = new Vector3(); + var dx = this.x - v.x, dy = this.y - v.y, dz = this.z - v.z; - return function intersectsBox(box) { - return this.intersectBox(box, v) !== null; - }; - })(), + return dx * dx + dy * dy + dz * dz; - intersectTriangle: (function () { - // Compute the offset origin, edges, and normal. - var diff = new Vector3(); - var edge1 = new Vector3(); - var edge2 = new Vector3(); - var normal = new Vector3(); + }, - return function intersectTriangle(a, b, c, backfaceCulling, target) { - // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteIntrRay3Triangle3.h + manhattanDistanceTo: function ( v ) { - edge1.subVectors(b, a); - edge2.subVectors(c, a); - normal.crossVectors(edge1, edge2); + return Math.abs( this.x - v.x ) + Math.abs( this.y - v.y ) + Math.abs( this.z - v.z ); - // Solve Q + t*D = b1*E1 + b2*E2 (Q = kDiff, D = ray direction, - // E1 = kEdge1, E2 = kEdge2, N = Cross(E1,E2)) by - // |Dot(D,N)|*b1 = sign(Dot(D,N))*Dot(D,Cross(Q,E2)) - // |Dot(D,N)|*b2 = sign(Dot(D,N))*Dot(D,Cross(E1,Q)) - // |Dot(D,N)|*t = -sign(Dot(D,N))*Dot(Q,N) - var DdN = this.direction.dot(normal); - var sign; + }, - if (DdN > 0) { - if (backfaceCulling) return null; - sign = 1; - } else if (DdN < 0) { - sign = -1; - DdN = -DdN; - } else { - return null; - } - - diff.subVectors(this.origin, a); - var DdQxE2 = sign * this.direction.dot(edge2.crossVectors(diff, edge2)); - - // b1 < 0, no intersection - if (DdQxE2 < 0) { - return null; - } - - var DdE1xQ = sign * this.direction.dot(edge1.cross(diff)); - - // b2 < 0, no intersection - if (DdE1xQ < 0) { - return null; - } - - // b1+b2 > 1, no intersection - if (DdQxE2 + DdE1xQ > DdN) { - return null; - } - - // Line intersects triangle, check if ray does. - var QdN = -sign * diff.dot(normal); - - // t < 0, no intersection - if (QdN < 0) { - return null; - } + setFromSpherical: function ( s ) { - // Ray intersects triangle. - return this.at(QdN / DdN, target); - }; - })(), - - applyMatrix4: function (matrix4) { - this.origin.applyMatrix4(matrix4); - this.direction.transformDirection(matrix4); - - return this; - }, - - equals: function (ray) { - return ( - ray.origin.equals(this.origin) && ray.direction.equals(this.direction) - ); - }, - }); - - /** - * @author bhouston / http://clara.io - */ - - function Line3(start, end) { - this.start = start !== undefined ? start : new Vector3(); - this.end = end !== undefined ? end : new Vector3(); - } - - Object.assign(Line3.prototype, { - set: function (start, end) { - this.start.copy(start); - this.end.copy(end); - - return this; - }, - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (line) { - this.start.copy(line.start); - this.end.copy(line.end); - - return this; - }, - - getCenter: function (target) { - if (target === undefined) { - console.warn("THREE.Line3: .getCenter() target is now required"); - target = new Vector3(); - } - - return target.addVectors(this.start, this.end).multiplyScalar(0.5); - }, - - delta: function (target) { - if (target === undefined) { - console.warn("THREE.Line3: .delta() target is now required"); - target = new Vector3(); - } - - return target.subVectors(this.end, this.start); - }, - - distanceSq: function () { - return this.start.distanceToSquared(this.end); - }, - - distance: function () { - return this.start.distanceTo(this.end); - }, - - at: function (t, target) { - if (target === undefined) { - console.warn("THREE.Line3: .at() target is now required"); - target = new Vector3(); - } - - return this.delta(target).multiplyScalar(t).add(this.start); - }, - - closestPointToPointParameter: (function () { - var startP = new Vector3(); - var startEnd = new Vector3(); - - return function closestPointToPointParameter(point, clampToLine) { - startP.subVectors(point, this.start); - startEnd.subVectors(this.end, this.start); - - var startEnd2 = startEnd.dot(startEnd); - var startEnd_startP = startEnd.dot(startP); - - var t = startEnd_startP / startEnd2; - - if (clampToLine) { - t = _Math.clamp(t, 0, 1); - } - - return t; - }; - })(), - - closestPointToPoint: function (point, clampToLine, target) { - var t = this.closestPointToPointParameter(point, clampToLine); - - if (target === undefined) { - console.warn( - "THREE.Line3: .closestPointToPoint() target is now required" - ); - target = new Vector3(); - } - - return this.delta(target).multiplyScalar(t).add(this.start); - }, - - applyMatrix4: function (matrix) { - this.start.applyMatrix4(matrix); - this.end.applyMatrix4(matrix); - - return this; - }, - - equals: function (line) { - return line.start.equals(this.start) && line.end.equals(this.end); - }, - }); - - /** - * @author bhouston / http://clara.io - * @author mrdoob / http://mrdoob.com/ - */ - - function Triangle(a, b, c) { - this.a = a !== undefined ? a : new Vector3(); - this.b = b !== undefined ? b : new Vector3(); - this.c = c !== undefined ? c : new Vector3(); - } - - Object.assign(Triangle, { - getNormal: (function () { - var v0 = new Vector3(); - - return function getNormal(a, b, c, target) { - if (target === undefined) { - console.warn("THREE.Triangle: .getNormal() target is now required"); - target = new Vector3(); - } - - target.subVectors(c, b); - v0.subVectors(a, b); - target.cross(v0); - - var targetLengthSq = target.lengthSq(); - if (targetLengthSq > 0) { - return target.multiplyScalar(1 / Math.sqrt(targetLengthSq)); - } - - return target.set(0, 0, 0); - }; - })(), - - // static/instance method to calculate barycentric coordinates - // based on: http://www.blackpawn.com/texts/pointinpoly/default.html - getBarycoord: (function () { - var v0 = new Vector3(); - var v1 = new Vector3(); - var v2 = new Vector3(); - - return function getBarycoord(point, a, b, c, target) { - v0.subVectors(c, a); - v1.subVectors(b, a); - v2.subVectors(point, a); - - var dot00 = v0.dot(v0); - var dot01 = v0.dot(v1); - var dot02 = v0.dot(v2); - var dot11 = v1.dot(v1); - var dot12 = v1.dot(v2); - - var denom = dot00 * dot11 - dot01 * dot01; - - if (target === undefined) { - console.warn( - "THREE.Triangle: .getBarycoord() target is now required" - ); - target = new Vector3(); - } - - // collinear or singular triangle - if (denom === 0) { - // arbitrary location outside of triangle? - // not sure if this is the best idea, maybe should be returning undefined - return target.set(-2, -1, -1); - } - - var invDenom = 1 / denom; - var u = (dot11 * dot02 - dot01 * dot12) * invDenom; - var v = (dot00 * dot12 - dot01 * dot02) * invDenom; - - // barycentric coordinates must always sum to 1 - return target.set(1 - u - v, v, u); - }; - })(), - - containsPoint: (function () { - var v1 = new Vector3(); - - return function containsPoint(point, a, b, c) { - Triangle.getBarycoord(point, a, b, c, v1); - - return v1.x >= 0 && v1.y >= 0 && v1.x + v1.y <= 1; - }; - })(), - }); - - Object.assign(Triangle.prototype, { - set: function (a, b, c) { - this.a.copy(a); - this.b.copy(b); - this.c.copy(c); - - return this; - }, - - setFromPointsAndIndices: function (points, i0, i1, i2) { - this.a.copy(points[i0]); - this.b.copy(points[i1]); - this.c.copy(points[i2]); - - return this; - }, - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (triangle) { - this.a.copy(triangle.a); - this.b.copy(triangle.b); - this.c.copy(triangle.c); - - return this; - }, - - getArea: (function () { - var v0 = new Vector3(); - var v1 = new Vector3(); - - return function getArea() { - v0.subVectors(this.c, this.b); - v1.subVectors(this.a, this.b); - - return v0.cross(v1).length() * 0.5; - }; - })(), - - getMidpoint: function (target) { - if (target === undefined) { - console.warn("THREE.Triangle: .getMidpoint() target is now required"); - target = new Vector3(); - } - - return target - .addVectors(this.a, this.b) - .add(this.c) - .multiplyScalar(1 / 3); - }, - - getNormal: function (target) { - return Triangle.getNormal(this.a, this.b, this.c, target); - }, - - getPlane: function (target) { - if (target === undefined) { - console.warn("THREE.Triangle: .getPlane() target is now required"); - target = new Vector3(); - } - - return target.setFromCoplanarPoints(this.a, this.b, this.c); - }, - - getBarycoord: function (point, target) { - return Triangle.getBarycoord(point, this.a, this.b, this.c, target); - }, - - containsPoint: function (point) { - return Triangle.containsPoint(point, this.a, this.b, this.c); - }, - - intersectsBox: function (box) { - return box.intersectsTriangle(this); - }, + var sinPhiRadius = Math.sin( s.phi ) * s.radius; - closestPointToPoint: (function () { - var plane = new Plane(); - var edgeList = [new Line3(), new Line3(), new Line3()]; - var projectedPoint = new Vector3(); - var closestPoint = new Vector3(); + this.x = sinPhiRadius * Math.sin( s.theta ); + this.y = Math.cos( s.phi ) * s.radius; + this.z = sinPhiRadius * Math.cos( s.theta ); - return function closestPointToPoint(point, target) { - if (target === undefined) { - console.warn( - "THREE.Triangle: .closestPointToPoint() target is now required" - ); - target = new Vector3(); - } + return this; - var minDistance = Infinity; + }, - // project the point onto the plane of the triangle - - plane.setFromCoplanarPoints(this.a, this.b, this.c); - plane.projectPoint(point, projectedPoint); + setFromCylindrical: function ( c ) { - // check if the projection lies within the triangle + this.x = c.radius * Math.sin( c.theta ); + this.y = c.y; + this.z = c.radius * Math.cos( c.theta ); - if (this.containsPoint(projectedPoint) === true) { - // if so, this is the closest point + return this; - target.copy(projectedPoint); - } else { - // if not, the point falls outside the triangle. the target is the closest point to the triangle's edges or vertices + }, - edgeList[0].set(this.a, this.b); - edgeList[1].set(this.b, this.c); - edgeList[2].set(this.c, this.a); + setFromMatrixPosition: function ( m ) { - for (var i = 0; i < edgeList.length; i++) { - edgeList[i].closestPointToPoint(projectedPoint, true, closestPoint); + var e = m.elements; - var distance = projectedPoint.distanceToSquared(closestPoint); + this.x = e[ 12 ]; + this.y = e[ 13 ]; + this.z = e[ 14 ]; - if (distance < minDistance) { - minDistance = distance; + return this; - target.copy(closestPoint); - } - } - } + }, - return target; - }; - })(), + setFromMatrixScale: function ( m ) { - equals: function (triangle) { - return ( - triangle.a.equals(this.a) && - triangle.b.equals(this.b) && - triangle.c.equals(this.c) - ); - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * @author mikael emtinger / http://gomo.se/ - * @author jonobr1 / http://jonobr1.com/ - */ - - function Mesh(geometry, material) { - Object3D.call(this); + var sx = this.setFromMatrixColumn( m, 0 ).length(); + var sy = this.setFromMatrixColumn( m, 1 ).length(); + var sz = this.setFromMatrixColumn( m, 2 ).length(); - this.type = "Mesh"; + this.x = sx; + this.y = sy; + this.z = sz; - this.geometry = geometry !== undefined ? geometry : new BufferGeometry(); - this.material = - material !== undefined - ? material - : new MeshBasicMaterial({ color: Math.random() * 0xffffff }); + return this; - this.drawMode = TrianglesDrawMode; + }, - this.updateMorphTargets(); - } + setFromMatrixColumn: function ( m, index ) { - Mesh.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Mesh, + return this.fromArray( m.elements, index * 4 ); - isMesh: true, + }, - setDrawMode: function (value) { - this.drawMode = value; - }, + equals: function ( v ) { - copy: function (source) { - Object3D.prototype.copy.call(this, source); + return ( ( v.x === this.x ) && ( v.y === this.y ) && ( v.z === this.z ) ); - this.drawMode = source.drawMode; + }, - if (source.morphTargetInfluences !== undefined) { - this.morphTargetInfluences = source.morphTargetInfluences.slice(); - } - - if (source.morphTargetDictionary !== undefined) { - this.morphTargetDictionary = Object.assign( - {}, - source.morphTargetDictionary - ); - } - - return this; - }, + fromArray: function ( array, offset ) { - updateMorphTargets: function () { - var geometry = this.geometry; - var m, ml, name; + if ( offset === undefined ) offset = 0; - if (geometry.isBufferGeometry) { - var morphAttributes = geometry.morphAttributes; - var keys = Object.keys(morphAttributes); + this.x = array[ offset ]; + this.y = array[ offset + 1 ]; + this.z = array[ offset + 2 ]; - if (keys.length > 0) { - var morphAttribute = morphAttributes[keys[0]]; - - if (morphAttribute !== undefined) { - this.morphTargetInfluences = []; - this.morphTargetDictionary = {}; - - for (m = 0, ml = morphAttribute.length; m < ml; m++) { - name = morphAttribute[m].name || String(m); - - this.morphTargetInfluences.push(0); - this.morphTargetDictionary[name] = m; - } - } - } - } else { - var morphTargets = geometry.morphTargets; - - if (morphTargets !== undefined && morphTargets.length > 0) { - this.morphTargetInfluences = []; - this.morphTargetDictionary = {}; - - for (m = 0, ml = morphTargets.length; m < ml; m++) { - name = morphTargets[m].name || String(m); - - this.morphTargetInfluences.push(0); - this.morphTargetDictionary[name] = m; - } - } - } - }, - - raycast: (function () { - var inverseMatrix = new Matrix4(); - var ray = new Ray(); - var sphere = new Sphere(); - - var vA = new Vector3(); - var vB = new Vector3(); - var vC = new Vector3(); - - var tempA = new Vector3(); - var tempB = new Vector3(); - var tempC = new Vector3(); - - var uvA = new Vector2(); - var uvB = new Vector2(); - var uvC = new Vector2(); - - var barycoord = new Vector3(); - - var intersectionPoint = new Vector3(); - var intersectionPointWorld = new Vector3(); - - function uvIntersection(point, p1, p2, p3, uv1, uv2, uv3) { - Triangle.getBarycoord(point, p1, p2, p3, barycoord); - - uv1.multiplyScalar(barycoord.x); - uv2.multiplyScalar(barycoord.y); - uv3.multiplyScalar(barycoord.z); - - uv1.add(uv2).add(uv3); - - return uv1.clone(); - } - - function checkIntersection( - object, - material, - raycaster, - ray, - pA, - pB, - pC, - point - ) { - var intersect; - - if (material.side === BackSide) { - intersect = ray.intersectTriangle(pC, pB, pA, true, point); - } else { - intersect = ray.intersectTriangle( - pA, - pB, - pC, - material.side !== DoubleSide, - point - ); - } - - if (intersect === null) return null; - - intersectionPointWorld.copy(point); - intersectionPointWorld.applyMatrix4(object.matrixWorld); - - var distance = raycaster.ray.origin.distanceTo(intersectionPointWorld); - - if (distance < raycaster.near || distance > raycaster.far) return null; - - return { - distance: distance, - point: intersectionPointWorld.clone(), - object: object, - }; - } - - function checkBufferGeometryIntersection( - object, - raycaster, - ray, - position, - uv, - a, - b, - c - ) { - vA.fromBufferAttribute(position, a); - vB.fromBufferAttribute(position, b); - vC.fromBufferAttribute(position, c); - - var intersection = checkIntersection( - object, - object.material, - raycaster, - ray, - vA, - vB, - vC, - intersectionPoint - ); - - if (intersection) { - if (uv) { - uvA.fromBufferAttribute(uv, a); - uvB.fromBufferAttribute(uv, b); - uvC.fromBufferAttribute(uv, c); - - intersection.uv = uvIntersection( - intersectionPoint, - vA, - vB, - vC, - uvA, - uvB, - uvC - ); - } - - var face = new Face3(a, b, c); - Triangle.getNormal(vA, vB, vC, face.normal); - - intersection.face = face; - intersection.faceIndex = a; - } - - return intersection; - } - - return function raycast(raycaster, intersects) { - var geometry = this.geometry; - var material = this.material; - var matrixWorld = this.matrixWorld; - - if (material === undefined) return; - - // Checking boundingSphere distance to ray - - if (geometry.boundingSphere === null) geometry.computeBoundingSphere(); - - sphere.copy(geometry.boundingSphere); - sphere.applyMatrix4(matrixWorld); - - if (raycaster.ray.intersectsSphere(sphere) === false) return; - - // - - inverseMatrix.getInverse(matrixWorld); - ray.copy(raycaster.ray).applyMatrix4(inverseMatrix); - - // Check boundingBox before continuing - - if (geometry.boundingBox !== null) { - if (ray.intersectsBox(geometry.boundingBox) === false) return; - } - - var intersection; - - if (geometry.isBufferGeometry) { - var a, b, c; - var index = geometry.index; - var position = geometry.attributes.position; - var uv = geometry.attributes.uv; - var i, l; - - if (index !== null) { - // indexed buffer geometry - - for (i = 0, l = index.count; i < l; i += 3) { - a = index.getX(i); - b = index.getX(i + 1); - c = index.getX(i + 2); - - intersection = checkBufferGeometryIntersection( - this, - raycaster, - ray, - position, - uv, - a, - b, - c - ); - - if (intersection) { - intersection.faceIndex = Math.floor(i / 3); // triangle number in indices buffer semantics - intersects.push(intersection); - } - } - } else if (position !== undefined) { - // non-indexed buffer geometry - - for (i = 0, l = position.count; i < l; i += 3) { - a = i; - b = i + 1; - c = i + 2; - - intersection = checkBufferGeometryIntersection( - this, - raycaster, - ray, - position, - uv, - a, - b, - c - ); - - if (intersection) intersects.push(intersection); - } - } - } else if (geometry.isGeometry) { - var fvA, fvB, fvC; - var isMultiMaterial = Array.isArray(material); - - var vertices = geometry.vertices; - var faces = geometry.faces; - var uvs; - - var faceVertexUvs = geometry.faceVertexUvs[0]; - if (faceVertexUvs.length > 0) uvs = faceVertexUvs; - - for (var f = 0, fl = faces.length; f < fl; f++) { - var face = faces[f]; - var faceMaterial = isMultiMaterial - ? material[face.materialIndex] - : material; - - if (faceMaterial === undefined) continue; - - fvA = vertices[face.a]; - fvB = vertices[face.b]; - fvC = vertices[face.c]; - - if (faceMaterial.morphTargets === true) { - var morphTargets = geometry.morphTargets; - var morphInfluences = this.morphTargetInfluences; - - vA.set(0, 0, 0); - vB.set(0, 0, 0); - vC.set(0, 0, 0); - - for (var t = 0, tl = morphTargets.length; t < tl; t++) { - var influence = morphInfluences[t]; - - if (influence === 0) continue; - - var targets = morphTargets[t].vertices; - - vA.addScaledVector( - tempA.subVectors(targets[face.a], fvA), - influence - ); - vB.addScaledVector( - tempB.subVectors(targets[face.b], fvB), - influence - ); - vC.addScaledVector( - tempC.subVectors(targets[face.c], fvC), - influence - ); - } - - vA.add(fvA); - vB.add(fvB); - vC.add(fvC); - - fvA = vA; - fvB = vB; - fvC = vC; - } - - intersection = checkIntersection( - this, - faceMaterial, - raycaster, - ray, - fvA, - fvB, - fvC, - intersectionPoint - ); - - if (intersection) { - if (uvs && uvs[f]) { - var uvs_f = uvs[f]; - uvA.copy(uvs_f[0]); - uvB.copy(uvs_f[1]); - uvC.copy(uvs_f[2]); - - intersection.uv = uvIntersection( - intersectionPoint, - fvA, - fvB, - fvC, - uvA, - uvB, - uvC - ); - } - - intersection.face = face; - intersection.faceIndex = f; - intersects.push(intersection); - } - } - } - }; - })(), - - clone: function () { - return new this.constructor(this.geometry, this.material).copy(this); - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebGLBackground(renderer, state, geometries, premultipliedAlpha) { - var clearColor = new Color(0x000000); - var clearAlpha = 0; - - var planeCamera, planeMesh; - var boxMesh; - - function render(renderList, scene, camera, forceClear) { - var background = scene.background; - - if (background === null) { - setClear(clearColor, clearAlpha); - } else if (background && background.isColor) { - setClear(background, 1); - forceClear = true; - } - - if (renderer.autoClear || forceClear) { - renderer.clear( - renderer.autoClearColor, - renderer.autoClearDepth, - renderer.autoClearStencil - ); - } - - if (background && background.isCubeTexture) { - if (boxMesh === undefined) { - boxMesh = new Mesh( - new BoxBufferGeometry(1, 1, 1), - new ShaderMaterial({ - uniforms: ShaderLib.cube.uniforms, - vertexShader: ShaderLib.cube.vertexShader, - fragmentShader: ShaderLib.cube.fragmentShader, - side: BackSide, - depthTest: true, - depthWrite: false, - fog: false, - }) - ); - - boxMesh.geometry.removeAttribute("normal"); - boxMesh.geometry.removeAttribute("uv"); - - boxMesh.onBeforeRender = function (renderer, scene, camera) { - this.matrixWorld.copyPosition(camera.matrixWorld); - }; - - geometries.update(boxMesh.geometry); - } - - boxMesh.material.uniforms.tCube.value = background; - - renderList.push(boxMesh, boxMesh.geometry, boxMesh.material, 0, null); - } else if (background && background.isTexture) { - if (planeCamera === undefined) { - planeCamera = new OrthographicCamera(-1, 1, 1, -1, 0, 1); - - planeMesh = new Mesh( - new PlaneBufferGeometry(2, 2), - new MeshBasicMaterial({ - depthTest: false, - depthWrite: false, - fog: false, - }) - ); - - geometries.update(planeMesh.geometry); - } - - planeMesh.material.map = background; - - // TODO Push this to renderList - - renderer.renderBufferDirect( - planeCamera, - null, - planeMesh.geometry, - planeMesh.material, - planeMesh, - null - ); - } - } - - function setClear(color, alpha) { - state.buffers.color.setClear( - color.r, - color.g, - color.b, - alpha, - premultipliedAlpha - ); - } - - return { - getClearColor: function () { - return clearColor; - }, - setClearColor: function (color, alpha) { - clearColor.set(color); - clearAlpha = alpha !== undefined ? alpha : 1; - setClear(clearColor, clearAlpha); - }, - getClearAlpha: function () { - return clearAlpha; - }, - setClearAlpha: function (alpha) { - clearAlpha = alpha; - setClear(clearColor, clearAlpha); - }, - render: render, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebGLBufferRenderer(gl, extensions, info) { - var mode; - - function setMode(value) { - mode = value; - } - - function render(start, count) { - gl.drawArrays(mode, start, count); - - info.update(count, mode); - } - - function renderInstances(geometry, start, count) { - var extension = extensions.get("ANGLE_instanced_arrays"); - - if (extension === null) { - console.error( - "THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays." - ); - return; - } - - var position = geometry.attributes.position; - - if (position.isInterleavedBufferAttribute) { - count = position.data.count; - - extension.drawArraysInstancedANGLE( - mode, - 0, - count, - geometry.maxInstancedCount - ); - } else { - extension.drawArraysInstancedANGLE( - mode, - start, - count, - geometry.maxInstancedCount - ); - } - - info.update(count, mode, geometry.maxInstancedCount); - } - - // - - this.setMode = setMode; - this.render = render; - this.renderInstances = renderInstances; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebGLCapabilities(gl, extensions, parameters) { - var maxAnisotropy; - - function getMaxAnisotropy() { - if (maxAnisotropy !== undefined) return maxAnisotropy; - - var extension = extensions.get("EXT_texture_filter_anisotropic"); - - if (extension !== null) { - maxAnisotropy = gl.getParameter( - extension.MAX_TEXTURE_MAX_ANISOTROPY_EXT - ); - } else { - maxAnisotropy = 0; - } - - return maxAnisotropy; - } - - function getMaxPrecision(precision) { - if (precision === "highp") { - if ( - gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT) - .precision > 0 && - gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT) - .precision > 0 - ) { - return "highp"; - } - - precision = "mediump"; - } - - if (precision === "mediump") { - if ( - gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT) - .precision > 0 && - gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT) - .precision > 0 - ) { - return "mediump"; - } - } - - return "lowp"; - } - - var precision = - parameters.precision !== undefined ? parameters.precision : "highp"; - var maxPrecision = getMaxPrecision(precision); - - if (maxPrecision !== precision) { - console.warn( - "THREE.WebGLRenderer:", - precision, - "not supported, using", - maxPrecision, - "instead." - ); - precision = maxPrecision; - } - - var logarithmicDepthBuffer = parameters.logarithmicDepthBuffer === true; - - var maxTextures = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS); - var maxVertexTextures = gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS); - var maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); - var maxCubemapSize = gl.getParameter(gl.MAX_CUBE_MAP_TEXTURE_SIZE); - - var maxAttributes = gl.getParameter(gl.MAX_VERTEX_ATTRIBS); - var maxVertexUniforms = gl.getParameter(gl.MAX_VERTEX_UNIFORM_VECTORS); - var maxVaryings = gl.getParameter(gl.MAX_VARYING_VECTORS); - var maxFragmentUniforms = gl.getParameter(gl.MAX_FRAGMENT_UNIFORM_VECTORS); - - var vertexTextures = maxVertexTextures > 0; - var floatFragmentTextures = !!extensions.get("OES_texture_float"); - var floatVertexTextures = vertexTextures && floatFragmentTextures; - - return { - getMaxAnisotropy: getMaxAnisotropy, - getMaxPrecision: getMaxPrecision, - - precision: precision, - logarithmicDepthBuffer: logarithmicDepthBuffer, - - maxTextures: maxTextures, - maxVertexTextures: maxVertexTextures, - maxTextureSize: maxTextureSize, - maxCubemapSize: maxCubemapSize, - - maxAttributes: maxAttributes, - maxVertexUniforms: maxVertexUniforms, - maxVaryings: maxVaryings, - maxFragmentUniforms: maxFragmentUniforms, - - vertexTextures: vertexTextures, - floatFragmentTextures: floatFragmentTextures, - floatVertexTextures: floatVertexTextures, - }; - } - - /** - * @author tschw - */ - - function WebGLClipping() { - var scope = this, - globalState = null, - numGlobalPlanes = 0, - localClippingEnabled = false, - renderingShadows = false, - plane = new Plane(), - viewNormalMatrix = new Matrix3(), - uniform = { value: null, needsUpdate: false }; - - this.uniform = uniform; - this.numPlanes = 0; - this.numIntersection = 0; - - this.init = function (planes, enableLocalClipping, camera) { - var enabled = - planes.length !== 0 || - enableLocalClipping || - // enable state of previous frame - the clipping code has to - // run another frame in order to reset the state: - numGlobalPlanes !== 0 || - localClippingEnabled; - - localClippingEnabled = enableLocalClipping; - - globalState = projectPlanes(planes, camera, 0); - numGlobalPlanes = planes.length; - - return enabled; - }; - - this.beginShadows = function () { - renderingShadows = true; - projectPlanes(null); - }; - - this.endShadows = function () { - renderingShadows = false; - resetGlobalState(); - }; - - this.setState = function ( - planes, - clipIntersection, - clipShadows, - camera, - cache, - fromCache - ) { - if ( - !localClippingEnabled || - planes === null || - planes.length === 0 || - (renderingShadows && !clipShadows) - ) { - // there's no local clipping - - if (renderingShadows) { - // there's no global clipping - - projectPlanes(null); - } else { - resetGlobalState(); - } - } else { - var nGlobal = renderingShadows ? 0 : numGlobalPlanes, - lGlobal = nGlobal * 4, - dstArray = cache.clippingState || null; - - uniform.value = dstArray; // ensure unique state - - dstArray = projectPlanes(planes, camera, lGlobal, fromCache); - - for (var i = 0; i !== lGlobal; ++i) { - dstArray[i] = globalState[i]; - } - - cache.clippingState = dstArray; - this.numIntersection = clipIntersection ? this.numPlanes : 0; - this.numPlanes += nGlobal; - } - }; - - function resetGlobalState() { - if (uniform.value !== globalState) { - uniform.value = globalState; - uniform.needsUpdate = numGlobalPlanes > 0; - } - - scope.numPlanes = numGlobalPlanes; - scope.numIntersection = 0; - } - - function projectPlanes(planes, camera, dstOffset, skipTransform) { - var nPlanes = planes !== null ? planes.length : 0, - dstArray = null; - - if (nPlanes !== 0) { - dstArray = uniform.value; - - if (skipTransform !== true || dstArray === null) { - var flatSize = dstOffset + nPlanes * 4, - viewMatrix = camera.matrixWorldInverse; - - viewNormalMatrix.getNormalMatrix(viewMatrix); - - if (dstArray === null || dstArray.length < flatSize) { - dstArray = new Float32Array(flatSize); - } - - for (var i = 0, i4 = dstOffset; i !== nPlanes; ++i, i4 += 4) { - plane.copy(planes[i]).applyMatrix4(viewMatrix, viewNormalMatrix); - - plane.normal.toArray(dstArray, i4); - dstArray[i4 + 3] = plane.constant; - } - } - - uniform.value = dstArray; - uniform.needsUpdate = true; - } - - scope.numPlanes = nPlanes; - - return dstArray; - } - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebGLExtensions(gl) { - var extensions = {}; - - return { - get: function (name) { - if (extensions[name] !== undefined) { - return extensions[name]; - } - - var extension; - - switch (name) { - case "WEBGL_depth_texture": - extension = - gl.getExtension("WEBGL_depth_texture") || - gl.getExtension("MOZ_WEBGL_depth_texture") || - gl.getExtension("WEBKIT_WEBGL_depth_texture"); - break; + return this; - case "EXT_texture_filter_anisotropic": - extension = - gl.getExtension("EXT_texture_filter_anisotropic") || - gl.getExtension("MOZ_EXT_texture_filter_anisotropic") || - gl.getExtension("WEBKIT_EXT_texture_filter_anisotropic"); - break; + }, - case "WEBGL_compressed_texture_s3tc": - extension = - gl.getExtension("WEBGL_compressed_texture_s3tc") || - gl.getExtension("MOZ_WEBGL_compressed_texture_s3tc") || - gl.getExtension("WEBKIT_WEBGL_compressed_texture_s3tc"); - break; + toArray: function ( array, offset ) { - case "WEBGL_compressed_texture_pvrtc": - extension = - gl.getExtension("WEBGL_compressed_texture_pvrtc") || - gl.getExtension("WEBKIT_WEBGL_compressed_texture_pvrtc"); - break; + if ( array === undefined ) array = []; + if ( offset === undefined ) offset = 0; - default: - extension = gl.getExtension(name); - } + array[ offset ] = this.x; + array[ offset + 1 ] = this.y; + array[ offset + 2 ] = this.z; - if (extension === null) { - console.warn( - "THREE.WebGLRenderer: " + name + " extension not supported." - ); - } + return array; - extensions[name] = extension; + }, - return extension; - }, - }; - } + fromBufferAttribute: function ( attribute, index, offset ) { - /** - * @author mrdoob / http://mrdoob.com/ - */ + if ( offset !== undefined ) { - function WebGLGeometries(gl, attributes, info) { - var geometries = {}; - var wireframeAttributes = {}; + console.warn( 'THREE.Vector3: offset has been removed from .fromBufferAttribute().' ); - function onGeometryDispose(event) { - var geometry = event.target; - var buffergeometry = geometries[geometry.id]; + } - if (buffergeometry.index !== null) { - attributes.remove(buffergeometry.index); - } + this.x = attribute.getX( index ); + this.y = attribute.getY( index ); + this.z = attribute.getZ( index ); - for (var name in buffergeometry.attributes) { - attributes.remove(buffergeometry.attributes[name]); - } + return this; - geometry.removeEventListener("dispose", onGeometryDispose); + } - delete geometries[geometry.id]; + } ); - // TODO Remove duplicate code + /** + * @author alteredq / http://alteredqualia.com/ + * @author WestLangley / http://github.com/WestLangley + * @author bhouston / http://clara.io + * @author tschw + */ - var attribute = wireframeAttributes[geometry.id]; + function Matrix3() { - if (attribute) { - attributes.remove(attribute); - delete wireframeAttributes[geometry.id]; - } + this.elements = [ - attribute = wireframeAttributes[buffergeometry.id]; + 1, 0, 0, + 0, 1, 0, + 0, 0, 1 - if (attribute) { - attributes.remove(attribute); - delete wireframeAttributes[buffergeometry.id]; - } + ]; - // + if ( arguments.length > 0 ) { - info.memory.geometries--; - } + console.error( 'THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.' ); - function get(object, geometry) { - var buffergeometry = geometries[geometry.id]; + } - if (buffergeometry) return buffergeometry; + } - geometry.addEventListener("dispose", onGeometryDispose); + Object.assign( Matrix3.prototype, { - if (geometry.isBufferGeometry) { - buffergeometry = geometry; - } else if (geometry.isGeometry) { - if (geometry._bufferGeometry === undefined) { - geometry._bufferGeometry = new BufferGeometry().setFromObject(object); - } + isMatrix3: true, - buffergeometry = geometry._bufferGeometry; - } + set: function ( n11, n12, n13, n21, n22, n23, n31, n32, n33 ) { - geometries[geometry.id] = buffergeometry; + var te = this.elements; - info.memory.geometries++; + te[ 0 ] = n11; te[ 1 ] = n21; te[ 2 ] = n31; + te[ 3 ] = n12; te[ 4 ] = n22; te[ 5 ] = n32; + te[ 6 ] = n13; te[ 7 ] = n23; te[ 8 ] = n33; - return buffergeometry; - } + return this; - function update(geometry) { - var index = geometry.index; - var geometryAttributes = geometry.attributes; + }, - if (index !== null) { - attributes.update(index, gl.ELEMENT_ARRAY_BUFFER); - } + identity: function () { - for (var name in geometryAttributes) { - attributes.update(geometryAttributes[name], gl.ARRAY_BUFFER); - } + this.set( - // morph targets + 1, 0, 0, + 0, 1, 0, + 0, 0, 1 - var morphAttributes = geometry.morphAttributes; + ); - for (var name in morphAttributes) { - var array = morphAttributes[name]; + return this; - for (var i = 0, l = array.length; i < l; i++) { - attributes.update(array[i], gl.ARRAY_BUFFER); - } - } - } + }, - function getWireframeAttribute(geometry) { - var attribute = wireframeAttributes[geometry.id]; + clone: function () { - if (attribute) return attribute; + return new this.constructor().fromArray( this.elements ); - var indices = []; + }, - var geometryIndex = geometry.index; - var geometryAttributes = geometry.attributes; + copy: function ( m ) { - // console.time( 'wireframe' ); + var te = this.elements; + var me = m.elements; - if (geometryIndex !== null) { - var array = geometryIndex.array; + te[ 0 ] = me[ 0 ]; te[ 1 ] = me[ 1 ]; te[ 2 ] = me[ 2 ]; + te[ 3 ] = me[ 3 ]; te[ 4 ] = me[ 4 ]; te[ 5 ] = me[ 5 ]; + te[ 6 ] = me[ 6 ]; te[ 7 ] = me[ 7 ]; te[ 8 ] = me[ 8 ]; - for (var i = 0, l = array.length; i < l; i += 3) { - var a = array[i + 0]; - var b = array[i + 1]; - var c = array[i + 2]; + return this; - indices.push(a, b, b, c, c, a); - } - } else { - var array = geometryAttributes.position.array; + }, - for (var i = 0, l = array.length / 3 - 1; i < l; i += 3) { - var a = i + 0; - var b = i + 1; - var c = i + 2; + setFromMatrix4: function ( m ) { - indices.push(a, b, b, c, c, a); - } - } + var me = m.elements; - // console.timeEnd( 'wireframe' ); + this.set( - attribute = new ( - arrayMax(indices) > 65535 - ? Uint32BufferAttribute - : Uint16BufferAttribute - )(indices, 1); + me[ 0 ], me[ 4 ], me[ 8 ], + me[ 1 ], me[ 5 ], me[ 9 ], + me[ 2 ], me[ 6 ], me[ 10 ] - attributes.update(attribute, gl.ELEMENT_ARRAY_BUFFER); + ); - wireframeAttributes[geometry.id] = attribute; + return this; - return attribute; - } + }, - return { - get: get, - update: update, + applyToBufferAttribute: function () { - getWireframeAttribute: getWireframeAttribute, - }; - } + var v1 = new Vector3(); - /** - * @author mrdoob / http://mrdoob.com/ - */ + return function applyToBufferAttribute( attribute ) { - function WebGLIndexedBufferRenderer(gl, extensions, info) { - var mode; + for ( var i = 0, l = attribute.count; i < l; i ++ ) { - function setMode(value) { - mode = value; - } + v1.x = attribute.getX( i ); + v1.y = attribute.getY( i ); + v1.z = attribute.getZ( i ); - var type, bytesPerElement; + v1.applyMatrix3( this ); - function setIndex(value) { - type = value.type; - bytesPerElement = value.bytesPerElement; - } + attribute.setXYZ( i, v1.x, v1.y, v1.z ); - function render(start, count) { - gl.drawElements(mode, count, type, start * bytesPerElement); + } - info.update(count, mode); - } - - function renderInstances(geometry, start, count) { - var extension = extensions.get("ANGLE_instanced_arrays"); - - if (extension === null) { - console.error( - "THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays." - ); - return; - } - - extension.drawElementsInstancedANGLE( - mode, - count, - type, - start * bytesPerElement, - geometry.maxInstancedCount - ); - - info.update(count, mode, geometry.maxInstancedCount); - } + return attribute; - // - - this.setMode = setMode; - this.setIndex = setIndex; - this.render = render; - this.renderInstances = renderInstances; - } - - /** - * @author Mugen87 / https://github.com/Mugen87 - */ - - function WebGLInfo(gl) { - var memory = { - geometries: 0, - textures: 0, - }; - - var render = { - frame: 0, - calls: 0, - triangles: 0, - points: 0, - lines: 0, - }; - - function update(count, mode, instanceCount) { - instanceCount = instanceCount || 1; - - render.calls++; + }; - switch (mode) { - case gl.TRIANGLES: - render.triangles += instanceCount * (count / 3); - break; - - case gl.TRIANGLE_STRIP: - case gl.TRIANGLE_FAN: - render.triangles += instanceCount * (count - 2); - break; + }(), - case gl.LINES: - render.lines += instanceCount * (count / 2); - break; + multiply: function ( m ) { - case gl.LINE_STRIP: - render.lines += instanceCount * (count - 1); - break; + return this.multiplyMatrices( this, m ); - case gl.LINE_LOOP: - render.lines += instanceCount * count; - break; - - case gl.POINTS: - render.points += instanceCount * count; - break; - - default: - console.error("THREE.WebGLInfo: Unknown draw mode:", mode); - break; - } - } - - function reset() { - render.frame++; - render.calls = 0; - render.triangles = 0; - render.points = 0; - render.lines = 0; - } - - return { - memory: memory, - render: render, - programs: null, - autoReset: true, - reset: reset, - update: update, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function absNumericalSort(a, b) { - return Math.abs(b[1]) - Math.abs(a[1]); - } + }, - function WebGLMorphtargets(gl) { - var influencesList = {}; - var morphInfluences = new Float32Array(8); + premultiply: function ( m ) { - function update(object, geometry, material, program) { - var objectInfluences = object.morphTargetInfluences; + return this.multiplyMatrices( m, this ); - var length = objectInfluences.length; + }, - var influences = influencesList[geometry.id]; + multiplyMatrices: function ( a, b ) { - if (influences === undefined) { - // initialise list + var ae = a.elements; + var be = b.elements; + var te = this.elements; - influences = []; + var a11 = ae[ 0 ], a12 = ae[ 3 ], a13 = ae[ 6 ]; + var a21 = ae[ 1 ], a22 = ae[ 4 ], a23 = ae[ 7 ]; + var a31 = ae[ 2 ], a32 = ae[ 5 ], a33 = ae[ 8 ]; - for (var i = 0; i < length; i++) { - influences[i] = [i, 0]; - } + var b11 = be[ 0 ], b12 = be[ 3 ], b13 = be[ 6 ]; + var b21 = be[ 1 ], b22 = be[ 4 ], b23 = be[ 7 ]; + var b31 = be[ 2 ], b32 = be[ 5 ], b33 = be[ 8 ]; - influencesList[geometry.id] = influences; - } + te[ 0 ] = a11 * b11 + a12 * b21 + a13 * b31; + te[ 3 ] = a11 * b12 + a12 * b22 + a13 * b32; + te[ 6 ] = a11 * b13 + a12 * b23 + a13 * b33; - var morphTargets = - material.morphTargets && geometry.morphAttributes.position; - var morphNormals = - material.morphNormals && geometry.morphAttributes.normal; + te[ 1 ] = a21 * b11 + a22 * b21 + a23 * b31; + te[ 4 ] = a21 * b12 + a22 * b22 + a23 * b32; + te[ 7 ] = a21 * b13 + a22 * b23 + a23 * b33; - // Remove current morphAttributes + te[ 2 ] = a31 * b11 + a32 * b21 + a33 * b31; + te[ 5 ] = a31 * b12 + a32 * b22 + a33 * b32; + te[ 8 ] = a31 * b13 + a32 * b23 + a33 * b33; - for (var i = 0; i < length; i++) { - var influence = influences[i]; + return this; - if (influence[1] !== 0) { - if (morphTargets) geometry.removeAttribute("morphTarget" + i); - if (morphNormals) geometry.removeAttribute("morphNormal" + i); - } - } - - // Collect influences - - for (var i = 0; i < length; i++) { - var influence = influences[i]; - - influence[0] = i; - influence[1] = objectInfluences[i]; - } - - influences.sort(absNumericalSort); - - // Add morphAttributes - - for (var i = 0; i < 8; i++) { - var influence = influences[i]; - - if (influence) { - var index = influence[0]; - var value = influence[1]; - - if (value) { - if (morphTargets) - geometry.addAttribute("morphTarget" + i, morphTargets[index]); - if (morphNormals) - geometry.addAttribute("morphNormal" + i, morphNormals[index]); - - morphInfluences[i] = value; - continue; - } - } - - morphInfluences[i] = 0; - } - - program - .getUniforms() - .setValue(gl, "morphTargetInfluences", morphInfluences); - } - - return { - update: update, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebGLObjects(geometries, info) { - var updateList = {}; - - function update(object) { - var frame = info.render.frame; - - var geometry = object.geometry; - var buffergeometry = geometries.get(object, geometry); - - // Update once per frame - - if (updateList[buffergeometry.id] !== frame) { - if (geometry.isGeometry) { - buffergeometry.updateFromObject(object); - } - - geometries.update(buffergeometry); - - updateList[buffergeometry.id] = frame; - } - - return buffergeometry; - } - - function dispose() { - updateList = {}; - } - - return { - update: update, - dispose: dispose, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function CubeTexture( - images, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy, - encoding - ) { - images = images !== undefined ? images : []; - mapping = mapping !== undefined ? mapping : CubeReflectionMapping; - - Texture.call( - this, - images, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy, - encoding - ); - - this.flipY = false; - } - - CubeTexture.prototype = Object.create(Texture.prototype); - CubeTexture.prototype.constructor = CubeTexture; - - CubeTexture.prototype.isCubeTexture = true; - - Object.defineProperty(CubeTexture.prototype, "images", { - get: function () { - return this.image; - }, - - set: function (value) { - this.image = value; - }, - }); - - /** - * @author tschw - * - * Uniforms of a program. - * Those form a tree structure with a special top-level container for the root, - * which you get by calling 'new WebGLUniforms( gl, program, renderer )'. - * - * - * Properties of inner nodes including the top-level container: - * - * .seq - array of nested uniforms - * .map - nested uniforms by name - * - * - * Methods of all nodes except the top-level container: - * - * .setValue( gl, value, [renderer] ) - * - * uploads a uniform value(s) - * the 'renderer' parameter is needed for sampler uniforms - * - * - * Static methods of the top-level container (renderer factorizations): - * - * .upload( gl, seq, values, renderer ) - * - * sets uniforms in 'seq' to 'values[id].value' - * - * .seqWithValue( seq, values ) : filteredSeq - * - * filters 'seq' entries with corresponding entry in values - * - * - * Methods of the top-level container (renderer factorizations): - * - * .setValue( gl, name, value ) - * - * sets uniform with name 'name' to 'value' - * - * .set( gl, obj, prop ) - * - * sets uniform from object and property with same name than uniform - * - * .setOptional( gl, obj, prop ) - * - * like .set for an optional property of the object - * - */ - - var emptyTexture = new Texture(); - var emptyCubeTexture = new CubeTexture(); - - // --- Base for inner nodes (including the root) --- - - function UniformContainer() { - this.seq = []; - this.map = {}; - } - - // --- Utilities --- - - // Array Caches (provide typed arrays for temporary by size) - - var arrayCacheF32 = []; - var arrayCacheI32 = []; - - // Float32Array caches used for uploading Matrix uniforms - - var mat4array = new Float32Array(16); - var mat3array = new Float32Array(9); - - // Flattening for arrays of vectors and matrices - - function flatten(array, nBlocks, blockSize) { - var firstElem = array[0]; - - if (firstElem <= 0 || firstElem > 0) return array; - // unoptimized: ! isNaN( firstElem ) - // see http://jacksondunstan.com/articles/983 - - var n = nBlocks * blockSize, - r = arrayCacheF32[n]; - - if (r === undefined) { - r = new Float32Array(n); - arrayCacheF32[n] = r; - } - - if (nBlocks !== 0) { - firstElem.toArray(r, 0); - - for (var i = 1, offset = 0; i !== nBlocks; ++i) { - offset += blockSize; - array[i].toArray(r, offset); - } - } - - return r; - } - - // Texture unit allocation - - function allocTexUnits(renderer, n) { - var r = arrayCacheI32[n]; - - if (r === undefined) { - r = new Int32Array(n); - arrayCacheI32[n] = r; - } - - for (var i = 0; i !== n; ++i) r[i] = renderer.allocTextureUnit(); - - return r; - } - - // --- Setters --- - - // Note: Defining these methods externally, because they come in a bunch - // and this way their names minify. - - // Single scalar - - function setValue1f(gl, v) { - gl.uniform1f(this.addr, v); - } - - function setValue1i(gl, v) { - gl.uniform1i(this.addr, v); - } - - // Single float vector (from flat array or THREE.VectorN) - - function setValue2fv(gl, v) { - if (v.x === undefined) { - gl.uniform2fv(this.addr, v); - } else { - gl.uniform2f(this.addr, v.x, v.y); - } - } - - function setValue3fv(gl, v) { - if (v.x !== undefined) { - gl.uniform3f(this.addr, v.x, v.y, v.z); - } else if (v.r !== undefined) { - gl.uniform3f(this.addr, v.r, v.g, v.b); - } else { - gl.uniform3fv(this.addr, v); - } - } - - function setValue4fv(gl, v) { - if (v.x === undefined) { - gl.uniform4fv(this.addr, v); - } else { - gl.uniform4f(this.addr, v.x, v.y, v.z, v.w); - } - } - - // Single matrix (from flat array or MatrixN) - - function setValue2fm(gl, v) { - gl.uniformMatrix2fv(this.addr, false, v.elements || v); - } - - function setValue3fm(gl, v) { - if (v.elements === undefined) { - gl.uniformMatrix3fv(this.addr, false, v); - } else { - mat3array.set(v.elements); - gl.uniformMatrix3fv(this.addr, false, mat3array); - } - } - - function setValue4fm(gl, v) { - if (v.elements === undefined) { - gl.uniformMatrix4fv(this.addr, false, v); - } else { - mat4array.set(v.elements); - gl.uniformMatrix4fv(this.addr, false, mat4array); - } - } - - // Single texture (2D / Cube) - - function setValueT1(gl, v, renderer) { - var unit = renderer.allocTextureUnit(); - gl.uniform1i(this.addr, unit); - renderer.setTexture2D(v || emptyTexture, unit); - } - - function setValueT6(gl, v, renderer) { - var unit = renderer.allocTextureUnit(); - gl.uniform1i(this.addr, unit); - renderer.setTextureCube(v || emptyCubeTexture, unit); - } - - // Integer / Boolean vectors or arrays thereof (always flat arrays) - - function setValue2iv(gl, v) { - gl.uniform2iv(this.addr, v); - } - - function setValue3iv(gl, v) { - gl.uniform3iv(this.addr, v); - } - - function setValue4iv(gl, v) { - gl.uniform4iv(this.addr, v); - } - - // Helper to pick the right setter for the singular case - - function getSingularSetter(type) { - switch (type) { - case 0x1406: - return setValue1f; // FLOAT - case 0x8b50: - return setValue2fv; // _VEC2 - case 0x8b51: - return setValue3fv; // _VEC3 - case 0x8b52: - return setValue4fv; // _VEC4 - - case 0x8b5a: - return setValue2fm; // _MAT2 - case 0x8b5b: - return setValue3fm; // _MAT3 - case 0x8b5c: - return setValue4fm; // _MAT4 - - case 0x8b5e: - case 0x8d66: - return setValueT1; // SAMPLER_2D, SAMPLER_EXTERNAL_OES - case 0x8b60: - return setValueT6; // SAMPLER_CUBE - - case 0x1404: - case 0x8b56: - return setValue1i; // INT, BOOL - case 0x8b53: - case 0x8b57: - return setValue2iv; // _VEC2 - case 0x8b54: - case 0x8b58: - return setValue3iv; // _VEC3 - case 0x8b55: - case 0x8b59: - return setValue4iv; // _VEC4 - } - } - - // Array of scalars - - function setValue1fv(gl, v) { - gl.uniform1fv(this.addr, v); - } - function setValue1iv(gl, v) { - gl.uniform1iv(this.addr, v); - } - - // Array of vectors (flat or from THREE classes) - - function setValueV2a(gl, v) { - gl.uniform2fv(this.addr, flatten(v, this.size, 2)); - } - - function setValueV3a(gl, v) { - gl.uniform3fv(this.addr, flatten(v, this.size, 3)); - } - - function setValueV4a(gl, v) { - gl.uniform4fv(this.addr, flatten(v, this.size, 4)); - } - - // Array of matrices (flat or from THREE clases) - - function setValueM2a(gl, v) { - gl.uniformMatrix2fv(this.addr, false, flatten(v, this.size, 4)); - } - - function setValueM3a(gl, v) { - gl.uniformMatrix3fv(this.addr, false, flatten(v, this.size, 9)); - } - - function setValueM4a(gl, v) { - gl.uniformMatrix4fv(this.addr, false, flatten(v, this.size, 16)); - } - - // Array of textures (2D / Cube) - - function setValueT1a(gl, v, renderer) { - var n = v.length, - units = allocTexUnits(renderer, n); - - gl.uniform1iv(this.addr, units); - - for (var i = 0; i !== n; ++i) { - renderer.setTexture2D(v[i] || emptyTexture, units[i]); - } - } - - function setValueT6a(gl, v, renderer) { - var n = v.length, - units = allocTexUnits(renderer, n); - - gl.uniform1iv(this.addr, units); - - for (var i = 0; i !== n; ++i) { - renderer.setTextureCube(v[i] || emptyCubeTexture, units[i]); - } - } - - // Helper to pick the right setter for a pure (bottom-level) array - - function getPureArraySetter(type) { - switch (type) { - case 0x1406: - return setValue1fv; // FLOAT - case 0x8b50: - return setValueV2a; // _VEC2 - case 0x8b51: - return setValueV3a; // _VEC3 - case 0x8b52: - return setValueV4a; // _VEC4 - - case 0x8b5a: - return setValueM2a; // _MAT2 - case 0x8b5b: - return setValueM3a; // _MAT3 - case 0x8b5c: - return setValueM4a; // _MAT4 - - case 0x8b5e: - return setValueT1a; // SAMPLER_2D - case 0x8b60: - return setValueT6a; // SAMPLER_CUBE - - case 0x1404: - case 0x8b56: - return setValue1iv; // INT, BOOL - case 0x8b53: - case 0x8b57: - return setValue2iv; // _VEC2 - case 0x8b54: - case 0x8b58: - return setValue3iv; // _VEC3 - case 0x8b55: - case 0x8b59: - return setValue4iv; // _VEC4 - } - } - - // --- Uniform Classes --- - - function SingleUniform(id, activeInfo, addr) { - this.id = id; - this.addr = addr; - this.setValue = getSingularSetter(activeInfo.type); - - // this.path = activeInfo.name; // DEBUG - } - - function PureArrayUniform(id, activeInfo, addr) { - this.id = id; - this.addr = addr; - this.size = activeInfo.size; - this.setValue = getPureArraySetter(activeInfo.type); - - // this.path = activeInfo.name; // DEBUG - } - - function StructuredUniform(id) { - this.id = id; - - UniformContainer.call(this); // mix-in - } - - StructuredUniform.prototype.setValue = function (gl, value) { - // Note: Don't need an extra 'renderer' parameter, since samplers - // are not allowed in structured uniforms. - - var seq = this.seq; - - for (var i = 0, n = seq.length; i !== n; ++i) { - var u = seq[i]; - u.setValue(gl, value[u.id]); - } - }; - - // --- Top-level --- - - // Parser - builds up the property tree from the path strings - - var RePathPart = /([\w\d_]+)(\])?(\[|\.)?/g; - - // extracts - // - the identifier (member name or array index) - // - followed by an optional right bracket (found when array index) - // - followed by an optional left bracket or dot (type of subscript) - // - // Note: These portions can be read in a non-overlapping fashion and - // allow straightforward parsing of the hierarchy that WebGL encodes - // in the uniform names. - - function addUniform(container, uniformObject) { - container.seq.push(uniformObject); - container.map[uniformObject.id] = uniformObject; - } - - function parseUniform(activeInfo, addr, container) { - var path = activeInfo.name, - pathLength = path.length; - - // reset RegExp object, because of the early exit of a previous run - RePathPart.lastIndex = 0; - - for (;;) { - var match = RePathPart.exec(path), - matchEnd = RePathPart.lastIndex, - id = match[1], - idIsIndex = match[2] === "]", - subscript = match[3]; - - if (idIsIndex) id = id | 0; // convert to integer - - if ( - subscript === undefined || - (subscript === "[" && matchEnd + 2 === pathLength) - ) { - // bare name or "pure" bottom-level array "[0]" suffix + }, - addUniform( - container, - subscript === undefined - ? new SingleUniform(id, activeInfo, addr) - : new PureArrayUniform(id, activeInfo, addr) - ); - - break; - } else { - // step into inner node / create it in case it doesn't exist + multiplyScalar: function ( s ) { - var map = container.map, - next = map[id]; + var te = this.elements; - if (next === undefined) { - next = new StructuredUniform(id); - addUniform(container, next); - } + te[ 0 ] *= s; te[ 3 ] *= s; te[ 6 ] *= s; + te[ 1 ] *= s; te[ 4 ] *= s; te[ 7 ] *= s; + te[ 2 ] *= s; te[ 5 ] *= s; te[ 8 ] *= s; - container = next; - } - } - } + return this; - // Root Container + }, - function WebGLUniforms(gl, program, renderer) { - UniformContainer.call(this); + determinant: function () { - this.renderer = renderer; + var te = this.elements; - var n = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS); + var a = te[ 0 ], b = te[ 1 ], c = te[ 2 ], + d = te[ 3 ], e = te[ 4 ], f = te[ 5 ], + g = te[ 6 ], h = te[ 7 ], i = te[ 8 ]; - for (var i = 0; i < n; ++i) { - var info = gl.getActiveUniform(program, i), - addr = gl.getUniformLocation(program, info.name); + return a * e * i - a * f * h - b * d * i + b * f * g + c * d * h - c * e * g; - parseUniform(info, addr, this); - } - } - - WebGLUniforms.prototype.setValue = function (gl, name, value) { - var u = this.map[name]; - - if (u !== undefined) u.setValue(gl, value, this.renderer); - }; - - WebGLUniforms.prototype.setOptional = function (gl, object, name) { - var v = object[name]; - - if (v !== undefined) this.setValue(gl, name, v); - }; - - // Static interface - - WebGLUniforms.upload = function (gl, seq, values, renderer) { - for (var i = 0, n = seq.length; i !== n; ++i) { - var u = seq[i], - v = values[u.id]; - - if (v.needsUpdate !== false) { - // note: always updating when .needsUpdate is undefined - u.setValue(gl, v.value, renderer); - } - } - }; - - WebGLUniforms.seqWithValue = function (seq, values) { - var r = []; - - for (var i = 0, n = seq.length; i !== n; ++i) { - var u = seq[i]; - if (u.id in values) r.push(u); - } - - return r; - }; - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function addLineNumbers(string) { - var lines = string.split("\n"); - - for (var i = 0; i < lines.length; i++) { - lines[i] = i + 1 + ": " + lines[i]; - } - - return lines.join("\n"); - } - - function WebGLShader(gl, type, string) { - var shader = gl.createShader(type); - - gl.shaderSource(shader, string); - gl.compileShader(shader); - - if (gl.getShaderParameter(shader, gl.COMPILE_STATUS) === false) { - console.error("THREE.WebGLShader: Shader couldn't compile."); - } - - if (gl.getShaderInfoLog(shader) !== "") { - console.warn( - "THREE.WebGLShader: gl.getShaderInfoLog()", - type === gl.VERTEX_SHADER ? "vertex" : "fragment", - gl.getShaderInfoLog(shader), - addLineNumbers(string) - ); - } - - // --enable-privileged-webgl-extension - // console.log( type, gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( shader ) ); - - return shader; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - var programIdCount = 0; - - function getEncodingComponents(encoding) { - switch (encoding) { - case LinearEncoding: - return ["Linear", "( value )"]; - case sRGBEncoding: - return ["sRGB", "( value )"]; - case RGBEEncoding: - return ["RGBE", "( value )"]; - case RGBM7Encoding: - return ["RGBM", "( value, 7.0 )"]; - case RGBM16Encoding: - return ["RGBM", "( value, 16.0 )"]; - case RGBDEncoding: - return ["RGBD", "( value, 256.0 )"]; - case GammaEncoding: - return ["Gamma", "( value, float( GAMMA_FACTOR ) )"]; - default: - throw new Error("unsupported encoding: " + encoding); - } - } - - function getTexelDecodingFunction(functionName, encoding) { - var components = getEncodingComponents(encoding); - return ( - "vec4 " + - functionName + - "( vec4 value ) { return " + - components[0] + - "ToLinear" + - components[1] + - "; }" - ); - } - - function getTexelEncodingFunction(functionName, encoding) { - var components = getEncodingComponents(encoding); - return ( - "vec4 " + - functionName + - "( vec4 value ) { return LinearTo" + - components[0] + - components[1] + - "; }" - ); - } - - function getToneMappingFunction(functionName, toneMapping) { - var toneMappingName; - - switch (toneMapping) { - case LinearToneMapping: - toneMappingName = "Linear"; - break; - - case ReinhardToneMapping: - toneMappingName = "Reinhard"; - break; - - case Uncharted2ToneMapping: - toneMappingName = "Uncharted2"; - break; - - case CineonToneMapping: - toneMappingName = "OptimizedCineon"; - break; - - default: - throw new Error("unsupported toneMapping: " + toneMapping); - } - - return ( - "vec3 " + - functionName + - "( vec3 color ) { return " + - toneMappingName + - "ToneMapping( color ); }" - ); - } - - function generateExtensions(extensions, parameters, rendererExtensions) { - extensions = extensions || {}; - - var chunks = [ - extensions.derivatives || - parameters.envMapCubeUV || - parameters.bumpMap || - parameters.normalMap || - parameters.flatShading - ? "#extension GL_OES_standard_derivatives : enable" - : "", - (extensions.fragDepth || parameters.logarithmicDepthBuffer) && - rendererExtensions.get("EXT_frag_depth") - ? "#extension GL_EXT_frag_depth : enable" - : "", - extensions.drawBuffers && rendererExtensions.get("WEBGL_draw_buffers") - ? "#extension GL_EXT_draw_buffers : require" - : "", - (extensions.shaderTextureLOD || parameters.envMap) && - rendererExtensions.get("EXT_shader_texture_lod") - ? "#extension GL_EXT_shader_texture_lod : enable" - : "", - ]; - - return chunks.filter(filterEmptyLine).join("\n"); - } - - function generateDefines(defines) { - var chunks = []; - - for (var name in defines) { - var value = defines[name]; - - if (value === false) continue; - - chunks.push("#define " + name + " " + value); - } - - return chunks.join("\n"); - } - - function fetchAttributeLocations(gl, program) { - var attributes = {}; - - var n = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES); - - for (var i = 0; i < n; i++) { - var info = gl.getActiveAttrib(program, i); - var name = info.name; - - // console.log( 'THREE.WebGLProgram: ACTIVE VERTEX ATTRIBUTE:', name, i ); - - attributes[name] = gl.getAttribLocation(program, name); - } - - return attributes; - } - - function filterEmptyLine(string) { - return string !== ""; - } - - function replaceLightNums(string, parameters) { - return string - .replace(/NUM_DIR_LIGHTS/g, parameters.numDirLights) - .replace(/NUM_SPOT_LIGHTS/g, parameters.numSpotLights) - .replace(/NUM_RECT_AREA_LIGHTS/g, parameters.numRectAreaLights) - .replace(/NUM_POINT_LIGHTS/g, parameters.numPointLights) - .replace(/NUM_HEMI_LIGHTS/g, parameters.numHemiLights); - } - - function replaceClippingPlaneNums(string, parameters) { - return string - .replace(/NUM_CLIPPING_PLANES/g, parameters.numClippingPlanes) - .replace( - /UNION_CLIPPING_PLANES/g, - parameters.numClippingPlanes - parameters.numClipIntersection - ); - } - - function parseIncludes(string) { - var pattern = /^[ \t]*#include +<([\w\d.]+)>/gm; - - function replace(match, include) { - var replace = ShaderChunk[include]; - - if (replace === undefined) { - throw new Error("Can not resolve #include <" + include + ">"); - } - - return parseIncludes(replace); - } - - return string.replace(pattern, replace); - } - - function unrollLoops(string) { - var pattern = - /#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g; - - function replace(match, start, end, snippet) { - var unroll = ""; - - for (var i = parseInt(start); i < parseInt(end); i++) { - unroll += snippet.replace(/\[ i \]/g, "[ " + i + " ]"); - } - - return unroll; - } - - return string.replace(pattern, replace); - } + }, - function WebGLProgram( - renderer, - extensions, - code, - material, - shader, - parameters - ) { - var gl = renderer.context; + getInverse: function ( matrix, throwOnDegenerate ) { - var defines = material.defines; + if ( matrix && matrix.isMatrix4 ) { - var vertexShader = shader.vertexShader; - var fragmentShader = shader.fragmentShader; + console.error( "THREE.Matrix3: .getInverse() no longer takes a Matrix4 argument." ); - var shadowMapTypeDefine = "SHADOWMAP_TYPE_BASIC"; + } - if (parameters.shadowMapType === PCFShadowMap) { - shadowMapTypeDefine = "SHADOWMAP_TYPE_PCF"; - } else if (parameters.shadowMapType === PCFSoftShadowMap) { - shadowMapTypeDefine = "SHADOWMAP_TYPE_PCF_SOFT"; - } + var me = matrix.elements, + te = this.elements, - var envMapTypeDefine = "ENVMAP_TYPE_CUBE"; - var envMapModeDefine = "ENVMAP_MODE_REFLECTION"; - var envMapBlendingDefine = "ENVMAP_BLENDING_MULTIPLY"; + n11 = me[ 0 ], n21 = me[ 1 ], n31 = me[ 2 ], + n12 = me[ 3 ], n22 = me[ 4 ], n32 = me[ 5 ], + n13 = me[ 6 ], n23 = me[ 7 ], n33 = me[ 8 ], - if (parameters.envMap) { - switch (material.envMap.mapping) { - case CubeReflectionMapping: - case CubeRefractionMapping: - envMapTypeDefine = "ENVMAP_TYPE_CUBE"; - break; - - case CubeUVReflectionMapping: - case CubeUVRefractionMapping: - envMapTypeDefine = "ENVMAP_TYPE_CUBE_UV"; - break; - - case EquirectangularReflectionMapping: - case EquirectangularRefractionMapping: - envMapTypeDefine = "ENVMAP_TYPE_EQUIREC"; - break; - - case SphericalReflectionMapping: - envMapTypeDefine = "ENVMAP_TYPE_SPHERE"; - break; - } - - switch (material.envMap.mapping) { - case CubeRefractionMapping: - case EquirectangularRefractionMapping: - envMapModeDefine = "ENVMAP_MODE_REFRACTION"; - break; - } - - switch (material.combine) { - case MultiplyOperation: - envMapBlendingDefine = "ENVMAP_BLENDING_MULTIPLY"; - break; - - case MixOperation: - envMapBlendingDefine = "ENVMAP_BLENDING_MIX"; - break; - - case AddOperation: - envMapBlendingDefine = "ENVMAP_BLENDING_ADD"; - break; - } - } - - var gammaFactorDefine = - renderer.gammaFactor > 0 ? renderer.gammaFactor : 1.0; - - // console.log( 'building new program ' ); - - // - - var customExtensions = generateExtensions( - material.extensions, - parameters, - extensions - ); - - var customDefines = generateDefines(defines); + t11 = n33 * n22 - n32 * n23, + t12 = n32 * n13 - n33 * n12, + t13 = n23 * n12 - n22 * n13, - // + det = n11 * t11 + n21 * t12 + n31 * t13; - var program = gl.createProgram(); + if ( det === 0 ) { - var prefixVertex, prefixFragment; - - if (material.isRawShaderMaterial) { - prefixVertex = [customDefines].filter(filterEmptyLine).join("\n"); + var msg = "THREE.Matrix3: .getInverse() can't invert matrix, determinant is 0"; - if (prefixVertex.length > 0) { - prefixVertex += "\n"; - } - - prefixFragment = [customExtensions, customDefines] - .filter(filterEmptyLine) - .join("\n"); + if ( throwOnDegenerate === true ) { - if (prefixFragment.length > 0) { - prefixFragment += "\n"; - } - } else { - prefixVertex = [ - "precision " + parameters.precision + " float;", - "precision " + parameters.precision + " int;", + throw new Error( msg ); - "#define SHADER_NAME " + shader.name, + } else { - customDefines, + console.warn( msg ); - parameters.supportsVertexTextures ? "#define VERTEX_TEXTURES" : "", + } - "#define GAMMA_FACTOR " + gammaFactorDefine, + return this.identity(); - "#define MAX_BONES " + parameters.maxBones, - parameters.useFog && parameters.fog ? "#define USE_FOG" : "", - parameters.useFog && parameters.fogExp ? "#define FOG_EXP2" : "", + } - parameters.map ? "#define USE_MAP" : "", - parameters.envMap ? "#define USE_ENVMAP" : "", - parameters.envMap ? "#define " + envMapModeDefine : "", - parameters.lightMap ? "#define USE_LIGHTMAP" : "", - parameters.aoMap ? "#define USE_AOMAP" : "", - parameters.emissiveMap ? "#define USE_EMISSIVEMAP" : "", - parameters.bumpMap ? "#define USE_BUMPMAP" : "", - parameters.normalMap ? "#define USE_NORMALMAP" : "", - parameters.displacementMap && parameters.supportsVertexTextures - ? "#define USE_DISPLACEMENTMAP" - : "", - parameters.specularMap ? "#define USE_SPECULARMAP" : "", - parameters.roughnessMap ? "#define USE_ROUGHNESSMAP" : "", - parameters.metalnessMap ? "#define USE_METALNESSMAP" : "", - parameters.alphaMap ? "#define USE_ALPHAMAP" : "", - parameters.vertexColors ? "#define USE_COLOR" : "", + var detInv = 1 / det; - parameters.flatShading ? "#define FLAT_SHADED" : "", + te[ 0 ] = t11 * detInv; + te[ 1 ] = ( n31 * n23 - n33 * n21 ) * detInv; + te[ 2 ] = ( n32 * n21 - n31 * n22 ) * detInv; - parameters.skinning ? "#define USE_SKINNING" : "", - parameters.useVertexTexture ? "#define BONE_TEXTURE" : "", + te[ 3 ] = t12 * detInv; + te[ 4 ] = ( n33 * n11 - n31 * n13 ) * detInv; + te[ 5 ] = ( n31 * n12 - n32 * n11 ) * detInv; - parameters.morphTargets ? "#define USE_MORPHTARGETS" : "", - parameters.morphNormals && parameters.flatShading === false - ? "#define USE_MORPHNORMALS" - : "", - parameters.doubleSided ? "#define DOUBLE_SIDED" : "", - parameters.flipSided ? "#define FLIP_SIDED" : "", + te[ 6 ] = t13 * detInv; + te[ 7 ] = ( n21 * n13 - n23 * n11 ) * detInv; + te[ 8 ] = ( n22 * n11 - n21 * n12 ) * detInv; - parameters.shadowMapEnabled ? "#define USE_SHADOWMAP" : "", - parameters.shadowMapEnabled ? "#define " + shadowMapTypeDefine : "", + return this; - parameters.sizeAttenuation ? "#define USE_SIZEATTENUATION" : "", + }, - parameters.logarithmicDepthBuffer ? "#define USE_LOGDEPTHBUF" : "", - parameters.logarithmicDepthBuffer && extensions.get("EXT_frag_depth") - ? "#define USE_LOGDEPTHBUF_EXT" - : "", + transpose: function () { - "uniform mat4 modelMatrix;", - "uniform mat4 modelViewMatrix;", - "uniform mat4 projectionMatrix;", - "uniform mat4 viewMatrix;", - "uniform mat3 normalMatrix;", - "uniform vec3 cameraPosition;", + var tmp, m = this.elements; - "attribute vec3 position;", - "attribute vec3 normal;", - "attribute vec2 uv;", + tmp = m[ 1 ]; m[ 1 ] = m[ 3 ]; m[ 3 ] = tmp; + tmp = m[ 2 ]; m[ 2 ] = m[ 6 ]; m[ 6 ] = tmp; + tmp = m[ 5 ]; m[ 5 ] = m[ 7 ]; m[ 7 ] = tmp; - "#ifdef USE_COLOR", + return this; - " attribute vec3 color;", + }, - "#endif", + getNormalMatrix: function ( matrix4 ) { - "#ifdef USE_MORPHTARGETS", + return this.setFromMatrix4( matrix4 ).getInverse( this ).transpose(); - " attribute vec3 morphTarget0;", - " attribute vec3 morphTarget1;", - " attribute vec3 morphTarget2;", - " attribute vec3 morphTarget3;", + }, - " #ifdef USE_MORPHNORMALS", + transposeIntoArray: function ( r ) { - " attribute vec3 morphNormal0;", - " attribute vec3 morphNormal1;", - " attribute vec3 morphNormal2;", - " attribute vec3 morphNormal3;", + var m = this.elements; - " #else", + r[ 0 ] = m[ 0 ]; + r[ 1 ] = m[ 3 ]; + r[ 2 ] = m[ 6 ]; + r[ 3 ] = m[ 1 ]; + r[ 4 ] = m[ 4 ]; + r[ 5 ] = m[ 7 ]; + r[ 6 ] = m[ 2 ]; + r[ 7 ] = m[ 5 ]; + r[ 8 ] = m[ 8 ]; - " attribute vec3 morphTarget4;", - " attribute vec3 morphTarget5;", - " attribute vec3 morphTarget6;", - " attribute vec3 morphTarget7;", + return this; - " #endif", + }, - "#endif", - - "#ifdef USE_SKINNING", - - " attribute vec4 skinIndex;", - " attribute vec4 skinWeight;", - - "#endif", - - "\n", - ] - .filter(filterEmptyLine) - .join("\n"); - - prefixFragment = [ - customExtensions, - - "precision " + parameters.precision + " float;", - "precision " + parameters.precision + " int;", - - "#define SHADER_NAME " + shader.name, - - customDefines, - - parameters.alphaTest ? "#define ALPHATEST " + parameters.alphaTest : "", - - "#define GAMMA_FACTOR " + gammaFactorDefine, - - parameters.useFog && parameters.fog ? "#define USE_FOG" : "", - parameters.useFog && parameters.fogExp ? "#define FOG_EXP2" : "", - - parameters.map ? "#define USE_MAP" : "", - parameters.envMap ? "#define USE_ENVMAP" : "", - parameters.envMap ? "#define " + envMapTypeDefine : "", - parameters.envMap ? "#define " + envMapModeDefine : "", - parameters.envMap ? "#define " + envMapBlendingDefine : "", - parameters.lightMap ? "#define USE_LIGHTMAP" : "", - parameters.aoMap ? "#define USE_AOMAP" : "", - parameters.emissiveMap ? "#define USE_EMISSIVEMAP" : "", - parameters.bumpMap ? "#define USE_BUMPMAP" : "", - parameters.normalMap ? "#define USE_NORMALMAP" : "", - parameters.specularMap ? "#define USE_SPECULARMAP" : "", - parameters.roughnessMap ? "#define USE_ROUGHNESSMAP" : "", - parameters.metalnessMap ? "#define USE_METALNESSMAP" : "", - parameters.alphaMap ? "#define USE_ALPHAMAP" : "", - parameters.vertexColors ? "#define USE_COLOR" : "", + setUvTransform: function ( tx, ty, sx, sy, rotation, cx, cy ) { - parameters.gradientMap ? "#define USE_GRADIENTMAP" : "", + var c = Math.cos( rotation ); + var s = Math.sin( rotation ); - parameters.flatShading ? "#define FLAT_SHADED" : "", + this.set( + sx * c, sx * s, - sx * ( c * cx + s * cy ) + cx + tx, + - sy * s, sy * c, - sy * ( - s * cx + c * cy ) + cy + ty, + 0, 0, 1 + ); - parameters.doubleSided ? "#define DOUBLE_SIDED" : "", - parameters.flipSided ? "#define FLIP_SIDED" : "", - - parameters.shadowMapEnabled ? "#define USE_SHADOWMAP" : "", - parameters.shadowMapEnabled ? "#define " + shadowMapTypeDefine : "", + }, - parameters.premultipliedAlpha ? "#define PREMULTIPLIED_ALPHA" : "", + scale: function ( sx, sy ) { - parameters.physicallyCorrectLights - ? "#define PHYSICALLY_CORRECT_LIGHTS" - : "", + var te = this.elements; - parameters.logarithmicDepthBuffer ? "#define USE_LOGDEPTHBUF" : "", - parameters.logarithmicDepthBuffer && extensions.get("EXT_frag_depth") - ? "#define USE_LOGDEPTHBUF_EXT" - : "", + te[ 0 ] *= sx; te[ 3 ] *= sx; te[ 6 ] *= sx; + te[ 1 ] *= sy; te[ 4 ] *= sy; te[ 7 ] *= sy; - parameters.envMap && extensions.get("EXT_shader_texture_lod") - ? "#define TEXTURE_LOD_EXT" - : "", + return this; - "uniform mat4 viewMatrix;", - "uniform vec3 cameraPosition;", + }, - parameters.toneMapping !== NoToneMapping ? "#define TONE_MAPPING" : "", - parameters.toneMapping !== NoToneMapping - ? ShaderChunk["tonemapping_pars_fragment"] - : "", // this code is required here because it is used by the toneMapping() function defined below - parameters.toneMapping !== NoToneMapping - ? getToneMappingFunction("toneMapping", parameters.toneMapping) - : "", - - parameters.dithering ? "#define DITHERING" : "", - - parameters.outputEncoding || - parameters.mapEncoding || - parameters.envMapEncoding || - parameters.emissiveMapEncoding - ? ShaderChunk["encodings_pars_fragment"] - : "", // this code is required here because it is used by the various encoding/decoding function defined below - parameters.mapEncoding - ? getTexelDecodingFunction("mapTexelToLinear", parameters.mapEncoding) - : "", - parameters.envMapEncoding - ? getTexelDecodingFunction( - "envMapTexelToLinear", - parameters.envMapEncoding - ) - : "", - parameters.emissiveMapEncoding - ? getTexelDecodingFunction( - "emissiveMapTexelToLinear", - parameters.emissiveMapEncoding - ) - : "", - parameters.outputEncoding - ? getTexelEncodingFunction( - "linearToOutputTexel", - parameters.outputEncoding - ) - : "", - - parameters.depthPacking - ? "#define DEPTH_PACKING " + material.depthPacking - : "", - - "\n", - ] - .filter(filterEmptyLine) - .join("\n"); - } - - vertexShader = parseIncludes(vertexShader); - vertexShader = replaceLightNums(vertexShader, parameters); - vertexShader = replaceClippingPlaneNums(vertexShader, parameters); - - fragmentShader = parseIncludes(fragmentShader); - fragmentShader = replaceLightNums(fragmentShader, parameters); - fragmentShader = replaceClippingPlaneNums(fragmentShader, parameters); - - vertexShader = unrollLoops(vertexShader); - fragmentShader = unrollLoops(fragmentShader); - - var vertexGlsl = prefixVertex + vertexShader; - var fragmentGlsl = prefixFragment + fragmentShader; - - // console.log( '*VERTEX*', vertexGlsl ); - // console.log( '*FRAGMENT*', fragmentGlsl ); - - var glVertexShader = WebGLShader(gl, gl.VERTEX_SHADER, vertexGlsl); - var glFragmentShader = WebGLShader(gl, gl.FRAGMENT_SHADER, fragmentGlsl); - - gl.attachShader(program, glVertexShader); - gl.attachShader(program, glFragmentShader); - - // Force a particular attribute to index 0. - - if (material.index0AttributeName !== undefined) { - gl.bindAttribLocation(program, 0, material.index0AttributeName); - } else if (parameters.morphTargets === true) { - // programs with morphTargets displace position out of attribute 0 - gl.bindAttribLocation(program, 0, "position"); - } - - gl.linkProgram(program); - - var programLog = gl.getProgramInfoLog(program).trim(); - var vertexLog = gl.getShaderInfoLog(glVertexShader).trim(); - var fragmentLog = gl.getShaderInfoLog(glFragmentShader).trim(); - - var runnable = true; - var haveDiagnostics = true; - - // console.log( '**VERTEX**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( glVertexShader ) ); - // console.log( '**FRAGMENT**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( glFragmentShader ) ); - - if (gl.getProgramParameter(program, gl.LINK_STATUS) === false) { - runnable = false; - - console.error( - "THREE.WebGLProgram: shader error: ", - gl.getError(), - "gl.VALIDATE_STATUS", - gl.getProgramParameter(program, gl.VALIDATE_STATUS), - "gl.getProgramInfoLog", - programLog, - vertexLog, - fragmentLog - ); - } else if (programLog !== "") { - console.warn("THREE.WebGLProgram: gl.getProgramInfoLog()", programLog); - } else if (vertexLog === "" || fragmentLog === "") { - haveDiagnostics = false; - } - - if (haveDiagnostics) { - this.diagnostics = { - runnable: runnable, - material: material, - - programLog: programLog, - - vertexShader: { - log: vertexLog, - prefix: prefixVertex, - }, - - fragmentShader: { - log: fragmentLog, - prefix: prefixFragment, - }, - }; - } - - // clean up - - gl.deleteShader(glVertexShader); - gl.deleteShader(glFragmentShader); - - // set up caching for uniform locations - - var cachedUniforms; - - this.getUniforms = function () { - if (cachedUniforms === undefined) { - cachedUniforms = new WebGLUniforms(gl, program, renderer); - } - - return cachedUniforms; - }; - - // set up caching for attribute locations - - var cachedAttributes; - - this.getAttributes = function () { - if (cachedAttributes === undefined) { - cachedAttributes = fetchAttributeLocations(gl, program); - } - - return cachedAttributes; - }; - - // free resource - - this.destroy = function () { - gl.deleteProgram(program); - this.program = undefined; - }; - - // DEPRECATED - - Object.defineProperties(this, { - uniforms: { - get: function () { - console.warn("THREE.WebGLProgram: .uniforms is now .getUniforms()."); - return this.getUniforms(); - }, - }, - - attributes: { - get: function () { - console.warn( - "THREE.WebGLProgram: .attributes is now .getAttributes()." - ); - return this.getAttributes(); - }, - }, - }); - - // - - this.name = shader.name; - this.id = programIdCount++; - this.code = code; - this.usedTimes = 1; - this.program = program; - this.vertexShader = glVertexShader; - this.fragmentShader = glFragmentShader; - - return this; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebGLPrograms(renderer, extensions, capabilities) { - var programs = []; - - var shaderIDs = { - MeshDepthMaterial: "depth", - MeshDistanceMaterial: "distanceRGBA", - MeshNormalMaterial: "normal", - MeshBasicMaterial: "basic", - MeshLambertMaterial: "lambert", - MeshPhongMaterial: "phong", - MeshToonMaterial: "phong", - MeshStandardMaterial: "physical", - MeshPhysicalMaterial: "physical", - LineBasicMaterial: "basic", - LineDashedMaterial: "dashed", - PointsMaterial: "points", - ShadowMaterial: "shadow", - }; - - var parameterNames = [ - "precision", - "supportsVertexTextures", - "map", - "mapEncoding", - "envMap", - "envMapMode", - "envMapEncoding", - "lightMap", - "aoMap", - "emissiveMap", - "emissiveMapEncoding", - "bumpMap", - "normalMap", - "displacementMap", - "specularMap", - "roughnessMap", - "metalnessMap", - "gradientMap", - "alphaMap", - "combine", - "vertexColors", - "fog", - "useFog", - "fogExp", - "flatShading", - "sizeAttenuation", - "logarithmicDepthBuffer", - "skinning", - "maxBones", - "useVertexTexture", - "morphTargets", - "morphNormals", - "maxMorphTargets", - "maxMorphNormals", - "premultipliedAlpha", - "numDirLights", - "numPointLights", - "numSpotLights", - "numHemiLights", - "numRectAreaLights", - "shadowMapEnabled", - "shadowMapType", - "toneMapping", - "physicallyCorrectLights", - "alphaTest", - "doubleSided", - "flipSided", - "numClippingPlanes", - "numClipIntersection", - "depthPacking", - "dithering", - ]; - - function allocateBones(object) { - var skeleton = object.skeleton; - var bones = skeleton.bones; - - if (capabilities.floatVertexTextures) { - return 1024; - } else { - // default for when object is not specified - // ( for example when prebuilding shader to be used with multiple objects ) - // - // - leave some extra space for other uniforms - // - limit here is ANGLE's 254 max uniform vectors - // (up to 54 should be safe) - - var nVertexUniforms = capabilities.maxVertexUniforms; - var nVertexMatrices = Math.floor((nVertexUniforms - 20) / 4); - - var maxBones = Math.min(nVertexMatrices, bones.length); - - if (maxBones < bones.length) { - console.warn( - "THREE.WebGLRenderer: Skeleton has " + - bones.length + - " bones. This GPU supports " + - maxBones + - "." - ); - return 0; - } - - return maxBones; - } - } - - function getTextureEncodingFromMap(map, gammaOverrideLinear) { - var encoding; - - if (!map) { - encoding = LinearEncoding; - } else if (map.isTexture) { - encoding = map.encoding; - } else if (map.isWebGLRenderTarget) { - console.warn( - "THREE.WebGLPrograms.getTextureEncodingFromMap: don't use render targets as textures. Use their .texture property instead." - ); - encoding = map.texture.encoding; - } - - // add backwards compatibility for WebGLRenderer.gammaInput/gammaOutput parameter, should probably be removed at some point. - if (encoding === LinearEncoding && gammaOverrideLinear) { - encoding = GammaEncoding; - } - - return encoding; - } - - this.getParameters = function ( - material, - lights, - shadows, - fog, - nClipPlanes, - nClipIntersection, - object - ) { - var shaderID = shaderIDs[material.type]; - - // heuristics to create shader parameters according to lights in the scene - // (not to blow over maxLights budget) - - var maxBones = object.isSkinnedMesh ? allocateBones(object) : 0; - var precision = capabilities.precision; - - if (material.precision !== null) { - precision = capabilities.getMaxPrecision(material.precision); - - if (precision !== material.precision) { - console.warn( - "THREE.WebGLProgram.getParameters:", - material.precision, - "not supported, using", - precision, - "instead." - ); - } - } - - var currentRenderTarget = renderer.getRenderTarget(); - - var parameters = { - shaderID: shaderID, - - precision: precision, - supportsVertexTextures: capabilities.vertexTextures, - outputEncoding: getTextureEncodingFromMap( - !currentRenderTarget ? null : currentRenderTarget.texture, - renderer.gammaOutput - ), - map: !!material.map, - mapEncoding: getTextureEncodingFromMap( - material.map, - renderer.gammaInput - ), - envMap: !!material.envMap, - envMapMode: material.envMap && material.envMap.mapping, - envMapEncoding: getTextureEncodingFromMap( - material.envMap, - renderer.gammaInput - ), - envMapCubeUV: - !!material.envMap && - (material.envMap.mapping === CubeUVReflectionMapping || - material.envMap.mapping === CubeUVRefractionMapping), - lightMap: !!material.lightMap, - aoMap: !!material.aoMap, - emissiveMap: !!material.emissiveMap, - emissiveMapEncoding: getTextureEncodingFromMap( - material.emissiveMap, - renderer.gammaInput - ), - bumpMap: !!material.bumpMap, - normalMap: !!material.normalMap, - displacementMap: !!material.displacementMap, - roughnessMap: !!material.roughnessMap, - metalnessMap: !!material.metalnessMap, - specularMap: !!material.specularMap, - alphaMap: !!material.alphaMap, - - gradientMap: !!material.gradientMap, - - combine: material.combine, - - vertexColors: material.vertexColors, - - fog: !!fog, - useFog: material.fog, - fogExp: fog && fog.isFogExp2, - - flatShading: material.flatShading, - - sizeAttenuation: material.sizeAttenuation, - logarithmicDepthBuffer: capabilities.logarithmicDepthBuffer, - - skinning: material.skinning && maxBones > 0, - maxBones: maxBones, - useVertexTexture: capabilities.floatVertexTextures, - - morphTargets: material.morphTargets, - morphNormals: material.morphNormals, - maxMorphTargets: renderer.maxMorphTargets, - maxMorphNormals: renderer.maxMorphNormals, - - numDirLights: lights.directional.length, - numPointLights: lights.point.length, - numSpotLights: lights.spot.length, - numRectAreaLights: lights.rectArea.length, - numHemiLights: lights.hemi.length, - - numClippingPlanes: nClipPlanes, - numClipIntersection: nClipIntersection, - - dithering: material.dithering, - - shadowMapEnabled: - renderer.shadowMap.enabled && - object.receiveShadow && - shadows.length > 0, - shadowMapType: renderer.shadowMap.type, - - toneMapping: renderer.toneMapping, - physicallyCorrectLights: renderer.physicallyCorrectLights, - - premultipliedAlpha: material.premultipliedAlpha, - - alphaTest: material.alphaTest, - doubleSided: material.side === DoubleSide, - flipSided: material.side === BackSide, - - depthPacking: - material.depthPacking !== undefined ? material.depthPacking : false, - }; - - return parameters; - }; - - this.getProgramCode = function (material, parameters) { - var array = []; - - if (parameters.shaderID) { - array.push(parameters.shaderID); - } else { - array.push(material.fragmentShader); - array.push(material.vertexShader); - } - - if (material.defines !== undefined) { - for (var name in material.defines) { - array.push(name); - array.push(material.defines[name]); - } - } - - for (var i = 0; i < parameterNames.length; i++) { - array.push(parameters[parameterNames[i]]); - } - - array.push(material.onBeforeCompile.toString()); - - array.push(renderer.gammaOutput); - - return array.join(); - }; - - this.acquireProgram = function (material, shader, parameters, code) { - var program; - - // Check if code has been already compiled - for (var p = 0, pl = programs.length; p < pl; p++) { - var programInfo = programs[p]; - - if (programInfo.code === code) { - program = programInfo; - ++program.usedTimes; - - break; - } - } - - if (program === undefined) { - program = new WebGLProgram( - renderer, - extensions, - code, - material, - shader, - parameters - ); - programs.push(program); - } - - return program; - }; - - this.releaseProgram = function (program) { - if (--program.usedTimes === 0) { - // Remove from unordered set - var i = programs.indexOf(program); - programs[i] = programs[programs.length - 1]; - programs.pop(); - - // Free WebGL resources - program.destroy(); - } - }; - - // Exposed for resource monitoring & error feedback via renderer.info: - this.programs = programs; - } - - /** - * @author fordacious / fordacious.github.io - */ - - function WebGLProperties() { - var properties = new WeakMap(); - - function get(object) { - var map = properties.get(object); - - if (map === undefined) { - map = {}; - properties.set(object, map); - } - - return map; - } - - function remove(object) { - properties.delete(object); - } - - function update(object, key, value) { - properties.get(object)[key] = value; - } - - function dispose() { - properties = new WeakMap(); - } - - return { - get: get, - remove: remove, - update: update, - dispose: dispose, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function painterSortStable(a, b) { - if (a.renderOrder !== b.renderOrder) { - return a.renderOrder - b.renderOrder; - } else if (a.program && b.program && a.program !== b.program) { - return a.program.id - b.program.id; - } else if (a.material.id !== b.material.id) { - return a.material.id - b.material.id; - } else if (a.z !== b.z) { - return a.z - b.z; - } else { - return a.id - b.id; - } - } - - function reversePainterSortStable(a, b) { - if (a.renderOrder !== b.renderOrder) { - return a.renderOrder - b.renderOrder; - } - if (a.z !== b.z) { - return b.z - a.z; - } else { - return a.id - b.id; - } - } - - function WebGLRenderList() { - var renderItems = []; - var renderItemsIndex = 0; - - var opaque = []; - var transparent = []; - - function init() { - renderItemsIndex = 0; - - opaque.length = 0; - transparent.length = 0; - } - - function push(object, geometry, material, z, group) { - var renderItem = renderItems[renderItemsIndex]; - - if (renderItem === undefined) { - renderItem = { - id: object.id, - object: object, - geometry: geometry, - material: material, - program: material.program, - renderOrder: object.renderOrder, - z: z, - group: group, - }; - - renderItems[renderItemsIndex] = renderItem; - } else { - renderItem.id = object.id; - renderItem.object = object; - renderItem.geometry = geometry; - renderItem.material = material; - renderItem.program = material.program; - renderItem.renderOrder = object.renderOrder; - renderItem.z = z; - renderItem.group = group; - } - - (material.transparent === true ? transparent : opaque).push(renderItem); - - renderItemsIndex++; - } - - function sort() { - if (opaque.length > 1) opaque.sort(painterSortStable); - if (transparent.length > 1) transparent.sort(reversePainterSortStable); - } - - return { - opaque: opaque, - transparent: transparent, - - init: init, - push: push, - - sort: sort, - }; - } - - function WebGLRenderLists() { - var lists = {}; - - function get(scene, camera) { - var hash = scene.id + "," + camera.id; - var list = lists[hash]; - - if (list === undefined) { - // console.log( 'THREE.WebGLRenderLists:', hash ); - - list = new WebGLRenderList(); - lists[hash] = list; - } - - return list; - } - - function dispose() { - lists = {}; - } - - return { - get: get, - dispose: dispose, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function UniformsCache() { - var lights = {}; - - return { - get: function (light) { - if (lights[light.id] !== undefined) { - return lights[light.id]; - } - - var uniforms; - - switch (light.type) { - case "DirectionalLight": - uniforms = { - direction: new Vector3(), - color: new Color(), - - shadow: false, - shadowBias: 0, - shadowRadius: 1, - shadowMapSize: new Vector2(), - }; - break; - - case "SpotLight": - uniforms = { - position: new Vector3(), - direction: new Vector3(), - color: new Color(), - distance: 0, - coneCos: 0, - penumbraCos: 0, - decay: 0, - - shadow: false, - shadowBias: 0, - shadowRadius: 1, - shadowMapSize: new Vector2(), - }; - break; - - case "PointLight": - uniforms = { - position: new Vector3(), - color: new Color(), - distance: 0, - decay: 0, - - shadow: false, - shadowBias: 0, - shadowRadius: 1, - shadowMapSize: new Vector2(), - shadowCameraNear: 1, - shadowCameraFar: 1000, - }; - break; - - case "HemisphereLight": - uniforms = { - direction: new Vector3(), - skyColor: new Color(), - groundColor: new Color(), - }; - break; - - case "RectAreaLight": - uniforms = { - color: new Color(), - position: new Vector3(), - halfWidth: new Vector3(), - halfHeight: new Vector3(), - // TODO (abelnation): set RectAreaLight shadow uniforms - }; - break; - } - - lights[light.id] = uniforms; - - return uniforms; - }, - }; - } - - var count = 0; - - function WebGLLights() { - var cache = new UniformsCache(); - - var state = { - id: count++, - - hash: "", - - ambient: [0, 0, 0], - directional: [], - directionalShadowMap: [], - directionalShadowMatrix: [], - spot: [], - spotShadowMap: [], - spotShadowMatrix: [], - rectArea: [], - point: [], - pointShadowMap: [], - pointShadowMatrix: [], - hemi: [], - }; - - var vector3 = new Vector3(); - var matrix4 = new Matrix4(); - var matrix42 = new Matrix4(); - - function setup(lights, shadows, camera) { - var r = 0, - g = 0, - b = 0; - - var directionalLength = 0; - var pointLength = 0; - var spotLength = 0; - var rectAreaLength = 0; - var hemiLength = 0; - - var viewMatrix = camera.matrixWorldInverse; - - for (var i = 0, l = lights.length; i < l; i++) { - var light = lights[i]; - - var color = light.color; - var intensity = light.intensity; - var distance = light.distance; - - var shadowMap = - light.shadow && light.shadow.map ? light.shadow.map.texture : null; - - if (light.isAmbientLight) { - r += color.r * intensity; - g += color.g * intensity; - b += color.b * intensity; - } else if (light.isDirectionalLight) { - var uniforms = cache.get(light); - - uniforms.color.copy(light.color).multiplyScalar(light.intensity); - uniforms.direction.setFromMatrixPosition(light.matrixWorld); - vector3.setFromMatrixPosition(light.target.matrixWorld); - uniforms.direction.sub(vector3); - uniforms.direction.transformDirection(viewMatrix); - - uniforms.shadow = light.castShadow; - - if (light.castShadow) { - var shadow = light.shadow; - - uniforms.shadowBias = shadow.bias; - uniforms.shadowRadius = shadow.radius; - uniforms.shadowMapSize = shadow.mapSize; - } - - state.directionalShadowMap[directionalLength] = shadowMap; - state.directionalShadowMatrix[directionalLength] = - light.shadow.matrix; - state.directional[directionalLength] = uniforms; - - directionalLength++; - } else if (light.isSpotLight) { - var uniforms = cache.get(light); - - uniforms.position.setFromMatrixPosition(light.matrixWorld); - uniforms.position.applyMatrix4(viewMatrix); + rotate: function ( theta ) { - uniforms.color.copy(color).multiplyScalar(intensity); - uniforms.distance = distance; + var c = Math.cos( theta ); + var s = Math.sin( theta ); - uniforms.direction.setFromMatrixPosition(light.matrixWorld); - vector3.setFromMatrixPosition(light.target.matrixWorld); - uniforms.direction.sub(vector3); - uniforms.direction.transformDirection(viewMatrix); + var te = this.elements; - uniforms.coneCos = Math.cos(light.angle); - uniforms.penumbraCos = Math.cos(light.angle * (1 - light.penumbra)); - uniforms.decay = light.distance === 0 ? 0.0 : light.decay; + var a11 = te[ 0 ], a12 = te[ 3 ], a13 = te[ 6 ]; + var a21 = te[ 1 ], a22 = te[ 4 ], a23 = te[ 7 ]; - uniforms.shadow = light.castShadow; + te[ 0 ] = c * a11 + s * a21; + te[ 3 ] = c * a12 + s * a22; + te[ 6 ] = c * a13 + s * a23; - if (light.castShadow) { - var shadow = light.shadow; - - uniforms.shadowBias = shadow.bias; - uniforms.shadowRadius = shadow.radius; - uniforms.shadowMapSize = shadow.mapSize; - } - - state.spotShadowMap[spotLength] = shadowMap; - state.spotShadowMatrix[spotLength] = light.shadow.matrix; - state.spot[spotLength] = uniforms; - - spotLength++; - } else if (light.isRectAreaLight) { - var uniforms = cache.get(light); - - // (a) intensity is the total visible light emitted - //uniforms.color.copy( color ).multiplyScalar( intensity / ( light.width * light.height * Math.PI ) ); - - // (b) intensity is the brightness of the light - uniforms.color.copy(color).multiplyScalar(intensity); - - uniforms.position.setFromMatrixPosition(light.matrixWorld); - uniforms.position.applyMatrix4(viewMatrix); - - // extract local rotation of light to derive width/height half vectors - matrix42.identity(); - matrix4.copy(light.matrixWorld); - matrix4.premultiply(viewMatrix); - matrix42.extractRotation(matrix4); - - uniforms.halfWidth.set(light.width * 0.5, 0.0, 0.0); - uniforms.halfHeight.set(0.0, light.height * 0.5, 0.0); - - uniforms.halfWidth.applyMatrix4(matrix42); - uniforms.halfHeight.applyMatrix4(matrix42); - - // TODO (abelnation): RectAreaLight distance? - // uniforms.distance = distance; - - state.rectArea[rectAreaLength] = uniforms; - - rectAreaLength++; - } else if (light.isPointLight) { - var uniforms = cache.get(light); - - uniforms.position.setFromMatrixPosition(light.matrixWorld); - uniforms.position.applyMatrix4(viewMatrix); - - uniforms.color.copy(light.color).multiplyScalar(light.intensity); - uniforms.distance = light.distance; - uniforms.decay = light.distance === 0 ? 0.0 : light.decay; - - uniforms.shadow = light.castShadow; - - if (light.castShadow) { - var shadow = light.shadow; - - uniforms.shadowBias = shadow.bias; - uniforms.shadowRadius = shadow.radius; - uniforms.shadowMapSize = shadow.mapSize; - uniforms.shadowCameraNear = shadow.camera.near; - uniforms.shadowCameraFar = shadow.camera.far; - } - - state.pointShadowMap[pointLength] = shadowMap; - state.pointShadowMatrix[pointLength] = light.shadow.matrix; - state.point[pointLength] = uniforms; - - pointLength++; - } else if (light.isHemisphereLight) { - var uniforms = cache.get(light); - - uniforms.direction.setFromMatrixPosition(light.matrixWorld); - uniforms.direction.transformDirection(viewMatrix); - uniforms.direction.normalize(); - - uniforms.skyColor.copy(light.color).multiplyScalar(intensity); - uniforms.groundColor - .copy(light.groundColor) - .multiplyScalar(intensity); - - state.hemi[hemiLength] = uniforms; - - hemiLength++; - } - } - - state.ambient[0] = r; - state.ambient[1] = g; - state.ambient[2] = b; - - state.directional.length = directionalLength; - state.spot.length = spotLength; - state.rectArea.length = rectAreaLength; - state.point.length = pointLength; - state.hemi.length = hemiLength; - - state.hash = - state.id + - "," + - directionalLength + - "," + - pointLength + - "," + - spotLength + - "," + - rectAreaLength + - "," + - hemiLength + - "," + - shadows.length; - } - - return { - setup: setup, - state: state, - }; - } - - /** - * @author Mugen87 / https://github.com/Mugen87 - */ - - function WebGLRenderState() { - var lights = new WebGLLights(); - - var lightsArray = []; - var shadowsArray = []; - var spritesArray = []; - - function init() { - lightsArray.length = 0; - shadowsArray.length = 0; - spritesArray.length = 0; - } - - function pushLight(light) { - lightsArray.push(light); - } - - function pushShadow(shadowLight) { - shadowsArray.push(shadowLight); - } - - function pushSprite(shadowLight) { - spritesArray.push(shadowLight); - } - - function setupLights(camera) { - lights.setup(lightsArray, shadowsArray, camera); - } - - var state = { - lightsArray: lightsArray, - shadowsArray: shadowsArray, - spritesArray: spritesArray, - - lights: lights, - }; - - return { - init: init, - state: state, - setupLights: setupLights, - - pushLight: pushLight, - pushShadow: pushShadow, - pushSprite: pushSprite, - }; - } - - function WebGLRenderStates() { - var renderStates = {}; - - function get(scene, camera) { - var hash = scene.id + "," + camera.id; - - var renderState = renderStates[hash]; - - if (renderState === undefined) { - renderState = new WebGLRenderState(); - renderStates[hash] = renderState; - } - - return renderState; - } - - function dispose() { - renderStates = {}; - } - - return { - get: get, - dispose: dispose, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * @author bhouston / https://clara.io - * @author WestLangley / http://github.com/WestLangley - * - * parameters = { - * - * opacity: , - * - * map: new THREE.Texture( ), - * - * alphaMap: new THREE.Texture( ), - * - * displacementMap: new THREE.Texture( ), - * displacementScale: , - * displacementBias: , - * - * wireframe: , - * wireframeLinewidth: - * } - */ - - function MeshDepthMaterial(parameters) { - Material.call(this); + te[ 1 ] = - s * a11 + c * a21; + te[ 4 ] = - s * a12 + c * a22; + te[ 7 ] = - s * a13 + c * a23; - this.type = "MeshDepthMaterial"; - - this.depthPacking = BasicDepthPacking; - - this.skinning = false; - this.morphTargets = false; + return this; - this.map = null; + }, - this.alphaMap = null; + translate: function ( tx, ty ) { - this.displacementMap = null; - this.displacementScale = 1; - this.displacementBias = 0; + var te = this.elements; - this.wireframe = false; - this.wireframeLinewidth = 1; + te[ 0 ] += tx * te[ 2 ]; te[ 3 ] += tx * te[ 5 ]; te[ 6 ] += tx * te[ 8 ]; + te[ 1 ] += ty * te[ 2 ]; te[ 4 ] += ty * te[ 5 ]; te[ 7 ] += ty * te[ 8 ]; - this.fog = false; - this.lights = false; + return this; - this.setValues(parameters); - } + }, - MeshDepthMaterial.prototype = Object.create(Material.prototype); - MeshDepthMaterial.prototype.constructor = MeshDepthMaterial; + equals: function ( matrix ) { - MeshDepthMaterial.prototype.isMeshDepthMaterial = true; + var te = this.elements; + var me = matrix.elements; - MeshDepthMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); + for ( var i = 0; i < 9; i ++ ) { - this.depthPacking = source.depthPacking; + if ( te[ i ] !== me[ i ] ) return false; - this.skinning = source.skinning; - this.morphTargets = source.morphTargets; + } - this.map = source.map; + return true; - this.alphaMap = source.alphaMap; + }, - this.displacementMap = source.displacementMap; - this.displacementScale = source.displacementScale; - this.displacementBias = source.displacementBias; + fromArray: function ( array, offset ) { - this.wireframe = source.wireframe; - this.wireframeLinewidth = source.wireframeLinewidth; + if ( offset === undefined ) offset = 0; - return this; - }; + for ( var i = 0; i < 9; i ++ ) { - /** - * @author WestLangley / http://github.com/WestLangley - * - * parameters = { - * - * referencePosition: , - * nearDistance: , - * farDistance: , - * - * skinning: , - * morphTargets: , - * - * map: new THREE.Texture( ), - * - * alphaMap: new THREE.Texture( ), - * - * displacementMap: new THREE.Texture( ), - * displacementScale: , - * displacementBias: - * - * } - */ - - function MeshDistanceMaterial(parameters) { - Material.call(this); - - this.type = "MeshDistanceMaterial"; - - this.referencePosition = new Vector3(); - this.nearDistance = 1; - this.farDistance = 1000; - - this.skinning = false; - this.morphTargets = false; - - this.map = null; + this.elements[ i ] = array[ i + offset ]; - this.alphaMap = null; + } - this.displacementMap = null; - this.displacementScale = 1; - this.displacementBias = 0; + return this; - this.fog = false; - this.lights = false; + }, - this.setValues(parameters); - } + toArray: function ( array, offset ) { - MeshDistanceMaterial.prototype = Object.create(Material.prototype); - MeshDistanceMaterial.prototype.constructor = MeshDistanceMaterial; + if ( array === undefined ) array = []; + if ( offset === undefined ) offset = 0; - MeshDistanceMaterial.prototype.isMeshDistanceMaterial = true; + var te = this.elements; - MeshDistanceMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); + array[ offset ] = te[ 0 ]; + array[ offset + 1 ] = te[ 1 ]; + array[ offset + 2 ] = te[ 2 ]; - this.referencePosition.copy(source.referencePosition); - this.nearDistance = source.nearDistance; - this.farDistance = source.farDistance; + array[ offset + 3 ] = te[ 3 ]; + array[ offset + 4 ] = te[ 4 ]; + array[ offset + 5 ] = te[ 5 ]; - this.skinning = source.skinning; - this.morphTargets = source.morphTargets; + array[ offset + 6 ] = te[ 6 ]; + array[ offset + 7 ] = te[ 7 ]; + array[ offset + 8 ] = te[ 8 ]; - this.map = source.map; + return array; - this.alphaMap = source.alphaMap; + } - this.displacementMap = source.displacementMap; - this.displacementScale = source.displacementScale; - this.displacementBias = source.displacementBias; + } ); - return this; - }; + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * @author szimek / https://github.com/szimek/ + */ - /** - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - */ + var textureId = 0; - function WebGLShadowMap(_renderer, _objects, maxTextureSize) { - var _frustum = new Frustum(), - _projScreenMatrix = new Matrix4(), - _shadowMapSize = new Vector2(), - _maxShadowMapSize = new Vector2(maxTextureSize, maxTextureSize), - _lookTarget = new Vector3(), - _lightPositionWorld = new Vector3(), - _MorphingFlag = 1, - _SkinningFlag = 2, - _NumberOfMaterialVariants = (_MorphingFlag | _SkinningFlag) + 1, - _depthMaterials = new Array(_NumberOfMaterialVariants), - _distanceMaterials = new Array(_NumberOfMaterialVariants), - _materialCache = {}; + function Texture( image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ) { - var shadowSide = { 0: BackSide, 1: FrontSide, 2: DoubleSide }; + Object.defineProperty( this, 'id', { value: textureId ++ } ); - var cubeDirections = [ - new Vector3(1, 0, 0), - new Vector3(-1, 0, 0), - new Vector3(0, 0, 1), - new Vector3(0, 0, -1), - new Vector3(0, 1, 0), - new Vector3(0, -1, 0), - ]; - - var cubeUps = [ - new Vector3(0, 1, 0), - new Vector3(0, 1, 0), - new Vector3(0, 1, 0), - new Vector3(0, 1, 0), - new Vector3(0, 0, 1), - new Vector3(0, 0, -1), - ]; + this.uuid = _Math.generateUUID(); - var cube2DViewPorts = [ - new Vector4(), - new Vector4(), - new Vector4(), - new Vector4(), - new Vector4(), - new Vector4(), - ]; + this.name = ''; - // init + this.image = image !== undefined ? image : Texture.DEFAULT_IMAGE; + this.mipmaps = []; - for (var i = 0; i !== _NumberOfMaterialVariants; ++i) { - var useMorphing = (i & _MorphingFlag) !== 0; - var useSkinning = (i & _SkinningFlag) !== 0; - - var depthMaterial = new MeshDepthMaterial({ - depthPacking: RGBADepthPacking, - - morphTargets: useMorphing, - skinning: useSkinning, - }); - - _depthMaterials[i] = depthMaterial; - - // - - var distanceMaterial = new MeshDistanceMaterial({ - morphTargets: useMorphing, - skinning: useSkinning, - }); - - _distanceMaterials[i] = distanceMaterial; - } - - // - - var scope = this; - - this.enabled = false; - - this.autoUpdate = true; - this.needsUpdate = false; - - this.type = PCFShadowMap; - - this.render = function (lights, scene, camera) { - if (scope.enabled === false) return; - if (scope.autoUpdate === false && scope.needsUpdate === false) return; - - if (lights.length === 0) return; - - // TODO Clean up (needed in case of contextlost) - var _gl = _renderer.context; - var _state = _renderer.state; - - // Set GL state for depth map. - _state.disable(_gl.BLEND); - _state.buffers.color.setClear(1, 1, 1, 1); - _state.buffers.depth.setTest(true); - _state.setScissorTest(false); - - // render depth map - - var faceCount; - - for (var i = 0, il = lights.length; i < il; i++) { - var light = lights[i]; - var shadow = light.shadow; - var isPointLight = light && light.isPointLight; - - if (shadow === undefined) { - console.warn("THREE.WebGLShadowMap:", light, "has no shadow."); - continue; - } - - var shadowCamera = shadow.camera; - - _shadowMapSize.copy(shadow.mapSize); - _shadowMapSize.min(_maxShadowMapSize); - - if (isPointLight) { - var vpWidth = _shadowMapSize.x; - var vpHeight = _shadowMapSize.y; - - // These viewports map a cube-map onto a 2D texture with the - // following orientation: - // - // xzXZ - // y Y - // - // X - Positive x direction - // x - Negative x direction - // Y - Positive y direction - // y - Negative y direction - // Z - Positive z direction - // z - Negative z direction - - // positive X - cube2DViewPorts[0].set(vpWidth * 2, vpHeight, vpWidth, vpHeight); - // negative X - cube2DViewPorts[1].set(0, vpHeight, vpWidth, vpHeight); - // positive Z - cube2DViewPorts[2].set(vpWidth * 3, vpHeight, vpWidth, vpHeight); - // negative Z - cube2DViewPorts[3].set(vpWidth, vpHeight, vpWidth, vpHeight); - // positive Y - cube2DViewPorts[4].set(vpWidth * 3, 0, vpWidth, vpHeight); - // negative Y - cube2DViewPorts[5].set(vpWidth, 0, vpWidth, vpHeight); - - _shadowMapSize.x *= 4.0; - _shadowMapSize.y *= 2.0; - } - - if (shadow.map === null) { - var pars = { - minFilter: NearestFilter, - magFilter: NearestFilter, - format: RGBAFormat, - }; - - shadow.map = new WebGLRenderTarget( - _shadowMapSize.x, - _shadowMapSize.y, - pars - ); - shadow.map.texture.name = light.name + ".shadowMap"; - - shadowCamera.updateProjectionMatrix(); - } - - if (shadow.isSpotLightShadow) { - shadow.update(light); - } - - var shadowMap = shadow.map; - var shadowMatrix = shadow.matrix; - - _lightPositionWorld.setFromMatrixPosition(light.matrixWorld); - shadowCamera.position.copy(_lightPositionWorld); - - if (isPointLight) { - faceCount = 6; - - // for point lights we set the shadow matrix to be a translation-only matrix - // equal to inverse of the light's position - - shadowMatrix.makeTranslation( - -_lightPositionWorld.x, - -_lightPositionWorld.y, - -_lightPositionWorld.z - ); - } else { - faceCount = 1; - - _lookTarget.setFromMatrixPosition(light.target.matrixWorld); - shadowCamera.lookAt(_lookTarget); - shadowCamera.updateMatrixWorld(); - - // compute shadow matrix - - shadowMatrix.set( - 0.5, - 0.0, - 0.0, - 0.5, - 0.0, - 0.5, - 0.0, - 0.5, - 0.0, - 0.0, - 0.5, - 0.5, - 0.0, - 0.0, - 0.0, - 1.0 - ); - - shadowMatrix.multiply(shadowCamera.projectionMatrix); - shadowMatrix.multiply(shadowCamera.matrixWorldInverse); - } - - _renderer.setRenderTarget(shadowMap); - _renderer.clear(); - - // render shadow map for each cube face (if omni-directional) or - // run a single pass if not - - for (var face = 0; face < faceCount; face++) { - if (isPointLight) { - _lookTarget.copy(shadowCamera.position); - _lookTarget.add(cubeDirections[face]); - shadowCamera.up.copy(cubeUps[face]); - shadowCamera.lookAt(_lookTarget); - shadowCamera.updateMatrixWorld(); - - var vpDimensions = cube2DViewPorts[face]; - _state.viewport(vpDimensions); - } - - // update camera matrices and frustum - - _projScreenMatrix.multiplyMatrices( - shadowCamera.projectionMatrix, - shadowCamera.matrixWorldInverse - ); - _frustum.setFromMatrix(_projScreenMatrix); - - // set object matrices & frustum culling - - renderObject(scene, camera, shadowCamera, isPointLight); - } - } - - scope.needsUpdate = false; - }; - - function getDepthMaterial( - object, - material, - isPointLight, - lightPositionWorld, - shadowCameraNear, - shadowCameraFar - ) { - var geometry = object.geometry; - - var result = null; - - var materialVariants = _depthMaterials; - var customMaterial = object.customDepthMaterial; - - if (isPointLight) { - materialVariants = _distanceMaterials; - customMaterial = object.customDistanceMaterial; - } - - if (!customMaterial) { - var useMorphing = false; - - if (material.morphTargets) { - if (geometry && geometry.isBufferGeometry) { - useMorphing = - geometry.morphAttributes && - geometry.morphAttributes.position && - geometry.morphAttributes.position.length > 0; - } else if (geometry && geometry.isGeometry) { - useMorphing = - geometry.morphTargets && geometry.morphTargets.length > 0; - } - } - - if (object.isSkinnedMesh && material.skinning === false) { - console.warn( - "THREE.WebGLShadowMap: THREE.SkinnedMesh with material.skinning set to false:", - object - ); - } - - var useSkinning = object.isSkinnedMesh && material.skinning; - - var variantIndex = 0; - - if (useMorphing) variantIndex |= _MorphingFlag; - if (useSkinning) variantIndex |= _SkinningFlag; - - result = materialVariants[variantIndex]; - } else { - result = customMaterial; - } - - if ( - _renderer.localClippingEnabled && - material.clipShadows === true && - material.clippingPlanes.length !== 0 - ) { - // in this case we need a unique material instance reflecting the - // appropriate state - - var keyA = result.uuid, - keyB = material.uuid; - - var materialsForVariant = _materialCache[keyA]; - - if (materialsForVariant === undefined) { - materialsForVariant = {}; - _materialCache[keyA] = materialsForVariant; - } - - var cachedMaterial = materialsForVariant[keyB]; - - if (cachedMaterial === undefined) { - cachedMaterial = result.clone(); - materialsForVariant[keyB] = cachedMaterial; - } - - result = cachedMaterial; - } - - result.visible = material.visible; - result.wireframe = material.wireframe; - - result.side = - material.shadowSide != null - ? material.shadowSide - : shadowSide[material.side]; - - result.clipShadows = material.clipShadows; - result.clippingPlanes = material.clippingPlanes; - result.clipIntersection = material.clipIntersection; - - result.wireframeLinewidth = material.wireframeLinewidth; - result.linewidth = material.linewidth; - - if (isPointLight && result.isMeshDistanceMaterial) { - result.referencePosition.copy(lightPositionWorld); - result.nearDistance = shadowCameraNear; - result.farDistance = shadowCameraFar; - } - - return result; - } - - function renderObject(object, camera, shadowCamera, isPointLight) { - if (object.visible === false) return; - - var visible = object.layers.test(camera.layers); - - if (visible && (object.isMesh || object.isLine || object.isPoints)) { - if ( - object.castShadow && - (!object.frustumCulled || _frustum.intersectsObject(object)) - ) { - object.modelViewMatrix.multiplyMatrices( - shadowCamera.matrixWorldInverse, - object.matrixWorld - ); - - var geometry = _objects.update(object); - var material = object.material; - - if (Array.isArray(material)) { - var groups = geometry.groups; - - for (var k = 0, kl = groups.length; k < kl; k++) { - var group = groups[k]; - var groupMaterial = material[group.materialIndex]; - - if (groupMaterial && groupMaterial.visible) { - var depthMaterial = getDepthMaterial( - object, - groupMaterial, - isPointLight, - _lightPositionWorld, - shadowCamera.near, - shadowCamera.far - ); - _renderer.renderBufferDirect( - shadowCamera, - null, - geometry, - depthMaterial, - object, - group - ); - } - } - } else if (material.visible) { - var depthMaterial = getDepthMaterial( - object, - material, - isPointLight, - _lightPositionWorld, - shadowCamera.near, - shadowCamera.far - ); - _renderer.renderBufferDirect( - shadowCamera, - null, - geometry, - depthMaterial, - object, - null - ); - } - } - } - - var children = object.children; - - for (var i = 0, l = children.length; i < l; i++) { - renderObject(children[i], camera, shadowCamera, isPointLight); - } - } - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function CanvasTexture( - canvas, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy - ) { - Texture.call( - this, - canvas, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy - ); - - this.needsUpdate = true; - } - - CanvasTexture.prototype = Object.create(Texture.prototype); - CanvasTexture.prototype.constructor = CanvasTexture; - - /** - * @author mikael emtinger / http://gomo.se/ - * @author alteredq / http://alteredqualia.com/ - */ - - function WebGLSpriteRenderer(renderer, gl, state, textures, capabilities) { - var vertexBuffer, elementBuffer; - var program, attributes, uniforms; - - var texture; - - // decompose matrixWorld - - var spritePosition = new Vector3(); - var spriteRotation = new Quaternion(); - var spriteScale = new Vector3(); - - function init() { - var vertices = new Float32Array([ - -0.5, -0.5, 0, 0, 0.5, -0.5, 1, 0, 0.5, 0.5, 1, 1, -0.5, 0.5, 0, 1, - ]); - - var faces = new Uint16Array([0, 1, 2, 0, 2, 3]); - - vertexBuffer = gl.createBuffer(); - elementBuffer = gl.createBuffer(); - - gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer); - gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW); - - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elementBuffer); - gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, faces, gl.STATIC_DRAW); - - program = createProgram(); - - attributes = { - position: gl.getAttribLocation(program, "position"), - uv: gl.getAttribLocation(program, "uv"), - }; - - uniforms = { - uvOffset: gl.getUniformLocation(program, "uvOffset"), - uvScale: gl.getUniformLocation(program, "uvScale"), - - rotation: gl.getUniformLocation(program, "rotation"), - center: gl.getUniformLocation(program, "center"), - scale: gl.getUniformLocation(program, "scale"), - - color: gl.getUniformLocation(program, "color"), - map: gl.getUniformLocation(program, "map"), - opacity: gl.getUniformLocation(program, "opacity"), - - modelViewMatrix: gl.getUniformLocation(program, "modelViewMatrix"), - projectionMatrix: gl.getUniformLocation(program, "projectionMatrix"), - - fogType: gl.getUniformLocation(program, "fogType"), - fogDensity: gl.getUniformLocation(program, "fogDensity"), - fogNear: gl.getUniformLocation(program, "fogNear"), - fogFar: gl.getUniformLocation(program, "fogFar"), - fogColor: gl.getUniformLocation(program, "fogColor"), - fogDepth: gl.getUniformLocation(program, "fogDepth"), - - alphaTest: gl.getUniformLocation(program, "alphaTest"), - }; - - var canvas = document.createElementNS( - "http://www.w3.org/1999/xhtml", - "canvas" - ); - canvas.width = 8; - canvas.height = 8; - - var context = canvas.getContext("2d"); - context.fillStyle = "white"; - context.fillRect(0, 0, 8, 8); - - texture = new CanvasTexture(canvas); - } - - this.render = function (sprites, scene, camera) { - if (sprites.length === 0) return; - - // setup gl - - if (program === undefined) { - init(); - } + this.mapping = mapping !== undefined ? mapping : Texture.DEFAULT_MAPPING; - state.useProgram(program); + this.wrapS = wrapS !== undefined ? wrapS : ClampToEdgeWrapping; + this.wrapT = wrapT !== undefined ? wrapT : ClampToEdgeWrapping; - state.initAttributes(); - state.enableAttribute(attributes.position); - state.enableAttribute(attributes.uv); - state.disableUnusedAttributes(); + this.magFilter = magFilter !== undefined ? magFilter : LinearFilter; + this.minFilter = minFilter !== undefined ? minFilter : LinearMipMapLinearFilter; - state.disable(gl.CULL_FACE); - state.enable(gl.BLEND); + this.anisotropy = anisotropy !== undefined ? anisotropy : 1; - gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer); - gl.vertexAttribPointer(attributes.position, 2, gl.FLOAT, false, 2 * 8, 0); - gl.vertexAttribPointer(attributes.uv, 2, gl.FLOAT, false, 2 * 8, 8); + this.format = format !== undefined ? format : RGBAFormat; + this.type = type !== undefined ? type : UnsignedByteType; - gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, elementBuffer); + this.offset = new Vector2( 0, 0 ); + this.repeat = new Vector2( 1, 1 ); + this.center = new Vector2( 0, 0 ); + this.rotation = 0; - gl.uniformMatrix4fv( - uniforms.projectionMatrix, - false, - camera.projectionMatrix.elements - ); + this.matrixAutoUpdate = true; + this.matrix = new Matrix3(); - state.activeTexture(gl.TEXTURE0); - gl.uniform1i(uniforms.map, 0); - - var oldFogType = 0; - var sceneFogType = 0; - var fog = scene.fog; - - if (fog) { - gl.uniform3f(uniforms.fogColor, fog.color.r, fog.color.g, fog.color.b); - - if (fog.isFog) { - gl.uniform1f(uniforms.fogNear, fog.near); - gl.uniform1f(uniforms.fogFar, fog.far); - - gl.uniform1i(uniforms.fogType, 1); - oldFogType = 1; - sceneFogType = 1; - } else if (fog.isFogExp2) { - gl.uniform1f(uniforms.fogDensity, fog.density); - - gl.uniform1i(uniforms.fogType, 2); - oldFogType = 2; - sceneFogType = 2; - } - } else { - gl.uniform1i(uniforms.fogType, 0); - oldFogType = 0; - sceneFogType = 0; - } - - // update positions and sort - - for (var i = 0, l = sprites.length; i < l; i++) { - var sprite = sprites[i]; - - sprite.modelViewMatrix.multiplyMatrices( - camera.matrixWorldInverse, - sprite.matrixWorld - ); - sprite.z = -sprite.modelViewMatrix.elements[14]; - } - - sprites.sort(painterSortStable); - - // render all sprites - - var scale = []; - var center = []; - - for (var i = 0, l = sprites.length; i < l; i++) { - var sprite = sprites[i]; - var material = sprite.material; - - if (material.visible === false) continue; - - sprite.onBeforeRender( - renderer, - scene, - camera, - undefined, - material, - undefined - ); - - gl.uniform1f(uniforms.alphaTest, material.alphaTest); - gl.uniformMatrix4fv( - uniforms.modelViewMatrix, - false, - sprite.modelViewMatrix.elements - ); - - sprite.matrixWorld.decompose( - spritePosition, - spriteRotation, - spriteScale - ); - - scale[0] = spriteScale.x; - scale[1] = spriteScale.y; - - center[0] = sprite.center.x - 0.5; - center[1] = sprite.center.y - 0.5; - - var fogType = 0; - - if (scene.fog && material.fog) { - fogType = sceneFogType; - } - - if (oldFogType !== fogType) { - gl.uniform1i(uniforms.fogType, fogType); - oldFogType = fogType; - } - - if (material.map !== null) { - gl.uniform2f( - uniforms.uvOffset, - material.map.offset.x, - material.map.offset.y - ); - gl.uniform2f( - uniforms.uvScale, - material.map.repeat.x, - material.map.repeat.y - ); - } else { - gl.uniform2f(uniforms.uvOffset, 0, 0); - gl.uniform2f(uniforms.uvScale, 1, 1); - } - - gl.uniform1f(uniforms.opacity, material.opacity); - gl.uniform3f( - uniforms.color, - material.color.r, - material.color.g, - material.color.b - ); - - gl.uniform1f(uniforms.rotation, material.rotation); - gl.uniform2fv(uniforms.center, center); - gl.uniform2fv(uniforms.scale, scale); - - state.setBlending( - material.blending, - material.blendEquation, - material.blendSrc, - material.blendDst, - material.blendEquationAlpha, - material.blendSrcAlpha, - material.blendDstAlpha, - material.premultipliedAlpha - ); - state.buffers.depth.setTest(material.depthTest); - state.buffers.depth.setMask(material.depthWrite); - state.buffers.color.setMask(material.colorWrite); - - textures.setTexture2D(material.map || texture, 0); + this.generateMipmaps = true; + this.premultiplyAlpha = false; + this.flipY = true; + this.unpackAlignment = 4; // valid values: 1, 2, 4, 8 (see http://www.khronos.org/opengles/sdk/docs/man/xhtml/glPixelStorei.xml) - gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0); + // Values of encoding !== THREE.LinearEncoding only supported on map, envMap and emissiveMap. + // + // Also changing the encoding after already used by a Material will not automatically make the Material + // update. You need to explicitly call Material.needsUpdate to trigger it to recompile. + this.encoding = encoding !== undefined ? encoding : LinearEncoding; - sprite.onAfterRender( - renderer, - scene, - camera, - undefined, - material, - undefined - ); - } + this.version = 0; + this.onUpdate = null; - // restore gl + } - state.enable(gl.CULL_FACE); + Texture.DEFAULT_IMAGE = undefined; + Texture.DEFAULT_MAPPING = UVMapping; - state.reset(); - }; + Texture.prototype = Object.assign( Object.create( EventDispatcher.prototype ), { - function createProgram() { - var program = gl.createProgram(); + constructor: Texture, - var vertexShader = gl.createShader(gl.VERTEX_SHADER); - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + isTexture: true, - gl.shaderSource( - vertexShader, - [ - "precision " + capabilities.precision + " float;", + updateMatrix: function () { - "#define SHADER_NAME " + "SpriteMaterial", + this.matrix.setUvTransform( this.offset.x, this.offset.y, this.repeat.x, this.repeat.y, this.rotation, this.center.x, this.center.y ); - "uniform mat4 modelViewMatrix;", - "uniform mat4 projectionMatrix;", - "uniform float rotation;", - "uniform vec2 center;", - "uniform vec2 scale;", - "uniform vec2 uvOffset;", - "uniform vec2 uvScale;", + }, - "attribute vec2 position;", - "attribute vec2 uv;", + clone: function () { - "varying vec2 vUV;", - "varying float fogDepth;", + return new this.constructor().copy( this ); - "void main() {", + }, - " vUV = uvOffset + uv * uvScale;", + copy: function ( source ) { - " vec2 alignedPosition = ( position - center ) * scale;", + this.name = source.name; - " vec2 rotatedPosition;", - " rotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;", - " rotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;", + this.image = source.image; + this.mipmaps = source.mipmaps.slice( 0 ); - " vec4 mvPosition;", + this.mapping = source.mapping; - " mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );", - " mvPosition.xy += rotatedPosition;", + this.wrapS = source.wrapS; + this.wrapT = source.wrapT; - " gl_Position = projectionMatrix * mvPosition;", + this.magFilter = source.magFilter; + this.minFilter = source.minFilter; - " fogDepth = - mvPosition.z;", + this.anisotropy = source.anisotropy; - "}", - ].join("\n") - ); + this.format = source.format; + this.type = source.type; - gl.shaderSource( - fragmentShader, - [ - "precision " + capabilities.precision + " float;", + this.offset.copy( source.offset ); + this.repeat.copy( source.repeat ); + this.center.copy( source.center ); + this.rotation = source.rotation; - "#define SHADER_NAME " + "SpriteMaterial", + this.matrixAutoUpdate = source.matrixAutoUpdate; + this.matrix.copy( source.matrix ); - "uniform vec3 color;", - "uniform sampler2D map;", - "uniform float opacity;", + this.generateMipmaps = source.generateMipmaps; + this.premultiplyAlpha = source.premultiplyAlpha; + this.flipY = source.flipY; + this.unpackAlignment = source.unpackAlignment; + this.encoding = source.encoding; - "uniform int fogType;", - "uniform vec3 fogColor;", - "uniform float fogDensity;", - "uniform float fogNear;", - "uniform float fogFar;", - "uniform float alphaTest;", + return this; - "varying vec2 vUV;", - "varying float fogDepth;", + }, - "void main() {", + toJSON: function ( meta ) { - " vec4 texture = texture2D( map, vUV );", + var isRootObject = ( meta === undefined || typeof meta === 'string' ); - " gl_FragColor = vec4( color * texture.xyz, texture.a * opacity );", + if ( ! isRootObject && meta.textures[ this.uuid ] !== undefined ) { - " if ( gl_FragColor.a < alphaTest ) discard;", + return meta.textures[ this.uuid ]; - " if ( fogType > 0 ) {", + } - " float fogFactor = 0.0;", + function getDataURL( image ) { - " if ( fogType == 1 ) {", + var canvas; - " fogFactor = smoothstep( fogNear, fogFar, fogDepth );", + if ( image instanceof HTMLCanvasElement ) { - " } else {", + canvas = image; - " const float LOG2 = 1.442695;", - " fogFactor = exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 );", - " fogFactor = 1.0 - clamp( fogFactor, 0.0, 1.0 );", + } else { - " }", + canvas = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' ); + canvas.width = image.width; + canvas.height = image.height; - " gl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );", + var context = canvas.getContext( '2d' ); - " }", + if ( image instanceof ImageData ) { - "}", - ].join("\n") - ); + context.putImageData( image, 0, 0 ); - gl.compileShader(vertexShader); - gl.compileShader(fragmentShader); + } else { - gl.attachShader(program, vertexShader); - gl.attachShader(program, fragmentShader); + context.drawImage( image, 0, 0, image.width, image.height ); - gl.linkProgram(program); + } - return program; - } + } - function painterSortStable(a, b) { - if (a.renderOrder !== b.renderOrder) { - return a.renderOrder - b.renderOrder; - } else if (a.z !== b.z) { - return b.z - a.z; - } else { - return b.id - a.id; - } - } - } + if ( canvas.width > 2048 || canvas.height > 2048 ) { - /** - * @author mrdoob / http://mrdoob.com/ - */ + return canvas.toDataURL( 'image/jpeg', 0.6 ); - function WebGLState(gl, extensions, utils) { - function ColorBuffer() { - var locked = false; + } else { - var color = new Vector4(); - var currentColorMask = null; - var currentColorClear = new Vector4(0, 0, 0, 0); + return canvas.toDataURL( 'image/png' ); - return { - setMask: function (colorMask) { - if (currentColorMask !== colorMask && !locked) { - gl.colorMask(colorMask, colorMask, colorMask, colorMask); - currentColorMask = colorMask; - } - }, + } - setLocked: function (lock) { - locked = lock; - }, + } - setClear: function (r, g, b, a, premultipliedAlpha) { - if (premultipliedAlpha === true) { - r *= a; - g *= a; - b *= a; - } - - color.set(r, g, b, a); - - if (currentColorClear.equals(color) === false) { - gl.clearColor(r, g, b, a); - currentColorClear.copy(color); - } - }, - - reset: function () { - locked = false; + var output = { - currentColorMask = null; - currentColorClear.set(-1, 0, 0, 0); // set to invalid state - }, - }; - } - - function DepthBuffer() { - var locked = false; - - var currentDepthMask = null; - var currentDepthFunc = null; - var currentDepthClear = null; - - return { - setTest: function (depthTest) { - if (depthTest) { - enable(gl.DEPTH_TEST); - } else { - disable(gl.DEPTH_TEST); - } - }, - - setMask: function (depthMask) { - if (currentDepthMask !== depthMask && !locked) { - gl.depthMask(depthMask); - currentDepthMask = depthMask; - } - }, - - setFunc: function (depthFunc) { - if (currentDepthFunc !== depthFunc) { - if (depthFunc) { - switch (depthFunc) { - case NeverDepth: - gl.depthFunc(gl.NEVER); - break; - - case AlwaysDepth: - gl.depthFunc(gl.ALWAYS); - break; - - case LessDepth: - gl.depthFunc(gl.LESS); - break; - - case LessEqualDepth: - gl.depthFunc(gl.LEQUAL); - break; - - case EqualDepth: - gl.depthFunc(gl.EQUAL); - break; - - case GreaterEqualDepth: - gl.depthFunc(gl.GEQUAL); - break; - - case GreaterDepth: - gl.depthFunc(gl.GREATER); - break; - - case NotEqualDepth: - gl.depthFunc(gl.NOTEQUAL); - break; - - default: - gl.depthFunc(gl.LEQUAL); - } - } else { - gl.depthFunc(gl.LEQUAL); - } - - currentDepthFunc = depthFunc; - } - }, - - setLocked: function (lock) { - locked = lock; - }, - - setClear: function (depth) { - if (currentDepthClear !== depth) { - gl.clearDepth(depth); - currentDepthClear = depth; - } - }, - - reset: function () { - locked = false; - - currentDepthMask = null; - currentDepthFunc = null; - currentDepthClear = null; - }, - }; - } - - function StencilBuffer() { - var locked = false; - - var currentStencilMask = null; - var currentStencilFunc = null; - var currentStencilRef = null; - var currentStencilFuncMask = null; - var currentStencilFail = null; - var currentStencilZFail = null; - var currentStencilZPass = null; - var currentStencilClear = null; - - return { - setTest: function (stencilTest) { - if (stencilTest) { - enable(gl.STENCIL_TEST); - } else { - disable(gl.STENCIL_TEST); - } - }, - - setMask: function (stencilMask) { - if (currentStencilMask !== stencilMask && !locked) { - gl.stencilMask(stencilMask); - currentStencilMask = stencilMask; - } - }, - - setFunc: function (stencilFunc, stencilRef, stencilMask) { - if ( - currentStencilFunc !== stencilFunc || - currentStencilRef !== stencilRef || - currentStencilFuncMask !== stencilMask - ) { - gl.stencilFunc(stencilFunc, stencilRef, stencilMask); - - currentStencilFunc = stencilFunc; - currentStencilRef = stencilRef; - currentStencilFuncMask = stencilMask; - } - }, - - setOp: function (stencilFail, stencilZFail, stencilZPass) { - if ( - currentStencilFail !== stencilFail || - currentStencilZFail !== stencilZFail || - currentStencilZPass !== stencilZPass - ) { - gl.stencilOp(stencilFail, stencilZFail, stencilZPass); - - currentStencilFail = stencilFail; - currentStencilZFail = stencilZFail; - currentStencilZPass = stencilZPass; - } - }, - - setLocked: function (lock) { - locked = lock; - }, - - setClear: function (stencil) { - if (currentStencilClear !== stencil) { - gl.clearStencil(stencil); - currentStencilClear = stencil; - } - }, - - reset: function () { - locked = false; - - currentStencilMask = null; - currentStencilFunc = null; - currentStencilRef = null; - currentStencilFuncMask = null; - currentStencilFail = null; - currentStencilZFail = null; - currentStencilZPass = null; - currentStencilClear = null; - }, - }; - } - - // - - var colorBuffer = new ColorBuffer(); - var depthBuffer = new DepthBuffer(); - var stencilBuffer = new StencilBuffer(); - - var maxVertexAttributes = gl.getParameter(gl.MAX_VERTEX_ATTRIBS); - var newAttributes = new Uint8Array(maxVertexAttributes); - var enabledAttributes = new Uint8Array(maxVertexAttributes); - var attributeDivisors = new Uint8Array(maxVertexAttributes); - - var capabilities = {}; - - var compressedTextureFormats = null; - - var currentProgram = null; - - var currentBlending = null; - var currentBlendEquation = null; - var currentBlendSrc = null; - var currentBlendDst = null; - var currentBlendEquationAlpha = null; - var currentBlendSrcAlpha = null; - var currentBlendDstAlpha = null; - var currentPremultipledAlpha = false; - - var currentFlipSided = null; - var currentCullFace = null; - - var currentLineWidth = null; - - var currentPolygonOffsetFactor = null; - var currentPolygonOffsetUnits = null; - - var maxTextures = gl.getParameter(gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS); - - var lineWidthAvailable = false; - var version = 0; - var glVersion = gl.getParameter(gl.VERSION); - - if (glVersion.indexOf("WebGL") !== -1) { - version = parseFloat(/^WebGL\ ([0-9])/.exec(glVersion)[1]); - lineWidthAvailable = version >= 1.0; - } else if (glVersion.indexOf("OpenGL ES") !== -1) { - version = parseFloat(/^OpenGL\ ES\ ([0-9])/.exec(glVersion)[1]); - lineWidthAvailable = version >= 2.0; - } - - var currentTextureSlot = null; - var currentBoundTextures = {}; - - var currentScissor = new Vector4(); - var currentViewport = new Vector4(); - - function createTexture(type, target, count) { - var data = new Uint8Array(4); // 4 is required to match default unpack alignment of 4. - var texture = gl.createTexture(); - - gl.bindTexture(type, texture); - gl.texParameteri(type, gl.TEXTURE_MIN_FILTER, gl.NEAREST); - gl.texParameteri(type, gl.TEXTURE_MAG_FILTER, gl.NEAREST); - - for (var i = 0; i < count; i++) { - gl.texImage2D( - target + i, - 0, - gl.RGBA, - 1, - 1, - 0, - gl.RGBA, - gl.UNSIGNED_BYTE, - data - ); - } - - return texture; - } - - var emptyTextures = {}; - emptyTextures[gl.TEXTURE_2D] = createTexture( - gl.TEXTURE_2D, - gl.TEXTURE_2D, - 1 - ); - emptyTextures[gl.TEXTURE_CUBE_MAP] = createTexture( - gl.TEXTURE_CUBE_MAP, - gl.TEXTURE_CUBE_MAP_POSITIVE_X, - 6 - ); - - // init - - colorBuffer.setClear(0, 0, 0, 1); - depthBuffer.setClear(1); - stencilBuffer.setClear(0); - - enable(gl.DEPTH_TEST); - depthBuffer.setFunc(LessEqualDepth); - - setFlipSided(false); - setCullFace(CullFaceBack); - enable(gl.CULL_FACE); - - enable(gl.BLEND); - setBlending(NormalBlending); - - // - - function initAttributes() { - for (var i = 0, l = newAttributes.length; i < l; i++) { - newAttributes[i] = 0; - } - } - - function enableAttribute(attribute) { - newAttributes[attribute] = 1; - - if (enabledAttributes[attribute] === 0) { - gl.enableVertexAttribArray(attribute); - enabledAttributes[attribute] = 1; - } - - if (attributeDivisors[attribute] !== 0) { - var extension = extensions.get("ANGLE_instanced_arrays"); - - extension.vertexAttribDivisorANGLE(attribute, 0); - attributeDivisors[attribute] = 0; - } - } - - function enableAttributeAndDivisor(attribute, meshPerAttribute) { - newAttributes[attribute] = 1; - - if (enabledAttributes[attribute] === 0) { - gl.enableVertexAttribArray(attribute); - enabledAttributes[attribute] = 1; - } - - if (attributeDivisors[attribute] !== meshPerAttribute) { - var extension = extensions.get("ANGLE_instanced_arrays"); - - extension.vertexAttribDivisorANGLE(attribute, meshPerAttribute); - attributeDivisors[attribute] = meshPerAttribute; - } - } - - function disableUnusedAttributes() { - for (var i = 0, l = enabledAttributes.length; i !== l; ++i) { - if (enabledAttributes[i] !== newAttributes[i]) { - gl.disableVertexAttribArray(i); - enabledAttributes[i] = 0; - } - } - } - - function enable(id) { - if (capabilities[id] !== true) { - gl.enable(id); - capabilities[id] = true; - } - } - - function disable(id) { - if (capabilities[id] !== false) { - gl.disable(id); - capabilities[id] = false; - } - } - - function getCompressedTextureFormats() { - if (compressedTextureFormats === null) { - compressedTextureFormats = []; - - if ( - extensions.get("WEBGL_compressed_texture_pvrtc") || - extensions.get("WEBGL_compressed_texture_s3tc") || - extensions.get("WEBGL_compressed_texture_etc1") || - extensions.get("WEBGL_compressed_texture_astc") - ) { - var formats = gl.getParameter(gl.COMPRESSED_TEXTURE_FORMATS); - - for (var i = 0; i < formats.length; i++) { - compressedTextureFormats.push(formats[i]); - } - } - } - - return compressedTextureFormats; - } - - function useProgram(program) { - if (currentProgram !== program) { - gl.useProgram(program); - - currentProgram = program; - - return true; - } - - return false; - } - - function setBlending( - blending, - blendEquation, - blendSrc, - blendDst, - blendEquationAlpha, - blendSrcAlpha, - blendDstAlpha, - premultipliedAlpha - ) { - if (blending !== NoBlending) { - enable(gl.BLEND); - } else { - disable(gl.BLEND); - } - - if (blending !== CustomBlending) { - if ( - blending !== currentBlending || - premultipliedAlpha !== currentPremultipledAlpha - ) { - switch (blending) { - case AdditiveBlending: - if (premultipliedAlpha) { - gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); - gl.blendFuncSeparate(gl.ONE, gl.ONE, gl.ONE, gl.ONE); - } else { - gl.blendEquation(gl.FUNC_ADD); - gl.blendFunc(gl.SRC_ALPHA, gl.ONE); - } - break; - - case SubtractiveBlending: - if (premultipliedAlpha) { - gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); - gl.blendFuncSeparate( - gl.ZERO, - gl.ZERO, - gl.ONE_MINUS_SRC_COLOR, - gl.ONE_MINUS_SRC_ALPHA - ); - } else { - gl.blendEquation(gl.FUNC_ADD); - gl.blendFunc(gl.ZERO, gl.ONE_MINUS_SRC_COLOR); - } - break; - - case MultiplyBlending: - if (premultipliedAlpha) { - gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); - gl.blendFuncSeparate( - gl.ZERO, - gl.SRC_COLOR, - gl.ZERO, - gl.SRC_ALPHA - ); - } else { - gl.blendEquation(gl.FUNC_ADD); - gl.blendFunc(gl.ZERO, gl.SRC_COLOR); - } - break; - - default: - if (premultipliedAlpha) { - gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); - gl.blendFuncSeparate( - gl.ONE, - gl.ONE_MINUS_SRC_ALPHA, - gl.ONE, - gl.ONE_MINUS_SRC_ALPHA - ); - } else { - gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); - gl.blendFuncSeparate( - gl.SRC_ALPHA, - gl.ONE_MINUS_SRC_ALPHA, - gl.ONE, - gl.ONE_MINUS_SRC_ALPHA - ); - } - } - } - - currentBlendEquation = null; - currentBlendSrc = null; - currentBlendDst = null; - currentBlendEquationAlpha = null; - currentBlendSrcAlpha = null; - currentBlendDstAlpha = null; - } else { - blendEquationAlpha = blendEquationAlpha || blendEquation; - blendSrcAlpha = blendSrcAlpha || blendSrc; - blendDstAlpha = blendDstAlpha || blendDst; - - if ( - blendEquation !== currentBlendEquation || - blendEquationAlpha !== currentBlendEquationAlpha - ) { - gl.blendEquationSeparate( - utils.convert(blendEquation), - utils.convert(blendEquationAlpha) - ); - - currentBlendEquation = blendEquation; - currentBlendEquationAlpha = blendEquationAlpha; - } - - if ( - blendSrc !== currentBlendSrc || - blendDst !== currentBlendDst || - blendSrcAlpha !== currentBlendSrcAlpha || - blendDstAlpha !== currentBlendDstAlpha - ) { - gl.blendFuncSeparate( - utils.convert(blendSrc), - utils.convert(blendDst), - utils.convert(blendSrcAlpha), - utils.convert(blendDstAlpha) - ); - - currentBlendSrc = blendSrc; - currentBlendDst = blendDst; - currentBlendSrcAlpha = blendSrcAlpha; - currentBlendDstAlpha = blendDstAlpha; - } - } - - currentBlending = blending; - currentPremultipledAlpha = premultipliedAlpha; - } - - function setMaterial(material, frontFaceCW) { - material.side === DoubleSide - ? disable(gl.CULL_FACE) - : enable(gl.CULL_FACE); - - var flipSided = material.side === BackSide; - if (frontFaceCW) flipSided = !flipSided; - - setFlipSided(flipSided); - - material.transparent === true - ? setBlending( - material.blending, - material.blendEquation, - material.blendSrc, - material.blendDst, - material.blendEquationAlpha, - material.blendSrcAlpha, - material.blendDstAlpha, - material.premultipliedAlpha - ) - : setBlending(NoBlending); - - depthBuffer.setFunc(material.depthFunc); - depthBuffer.setTest(material.depthTest); - depthBuffer.setMask(material.depthWrite); - colorBuffer.setMask(material.colorWrite); - - setPolygonOffset( - material.polygonOffset, - material.polygonOffsetFactor, - material.polygonOffsetUnits - ); - } - - // - - function setFlipSided(flipSided) { - if (currentFlipSided !== flipSided) { - if (flipSided) { - gl.frontFace(gl.CW); - } else { - gl.frontFace(gl.CCW); - } - - currentFlipSided = flipSided; - } - } - - function setCullFace(cullFace) { - if (cullFace !== CullFaceNone) { - enable(gl.CULL_FACE); - - if (cullFace !== currentCullFace) { - if (cullFace === CullFaceBack) { - gl.cullFace(gl.BACK); - } else if (cullFace === CullFaceFront) { - gl.cullFace(gl.FRONT); - } else { - gl.cullFace(gl.FRONT_AND_BACK); - } - } - } else { - disable(gl.CULL_FACE); - } - - currentCullFace = cullFace; - } - - function setLineWidth(width) { - if (width !== currentLineWidth) { - if (lineWidthAvailable) gl.lineWidth(width); - - currentLineWidth = width; - } - } - - function setPolygonOffset(polygonOffset, factor, units) { - if (polygonOffset) { - enable(gl.POLYGON_OFFSET_FILL); - - if ( - currentPolygonOffsetFactor !== factor || - currentPolygonOffsetUnits !== units - ) { - gl.polygonOffset(factor, units); - - currentPolygonOffsetFactor = factor; - currentPolygonOffsetUnits = units; - } - } else { - disable(gl.POLYGON_OFFSET_FILL); - } - } - - function setScissorTest(scissorTest) { - if (scissorTest) { - enable(gl.SCISSOR_TEST); - } else { - disable(gl.SCISSOR_TEST); - } - } - - // texture - - function activeTexture(webglSlot) { - if (webglSlot === undefined) webglSlot = gl.TEXTURE0 + maxTextures - 1; - - if (currentTextureSlot !== webglSlot) { - gl.activeTexture(webglSlot); - currentTextureSlot = webglSlot; - } - } - - function bindTexture(webglType, webglTexture) { - if (currentTextureSlot === null) { - activeTexture(); - } - - var boundTexture = currentBoundTextures[currentTextureSlot]; - - if (boundTexture === undefined) { - boundTexture = { type: undefined, texture: undefined }; - currentBoundTextures[currentTextureSlot] = boundTexture; - } - - if ( - boundTexture.type !== webglType || - boundTexture.texture !== webglTexture - ) { - gl.bindTexture(webglType, webglTexture || emptyTextures[webglType]); - - boundTexture.type = webglType; - boundTexture.texture = webglTexture; - } - } - - function compressedTexImage2D() { - try { - gl.compressedTexImage2D.apply(gl, arguments); - } catch (error) { - console.error("THREE.WebGLState:", error); - } - } - - function texImage2D() { - try { - gl.texImage2D.apply(gl, arguments); - } catch (error) { - console.error("THREE.WebGLState:", error); - } - } - - // - - function scissor(scissor) { - if (currentScissor.equals(scissor) === false) { - gl.scissor(scissor.x, scissor.y, scissor.z, scissor.w); - currentScissor.copy(scissor); - } - } - - function viewport(viewport) { - if (currentViewport.equals(viewport) === false) { - gl.viewport(viewport.x, viewport.y, viewport.z, viewport.w); - currentViewport.copy(viewport); - } - } - - // - - function reset() { - for (var i = 0; i < enabledAttributes.length; i++) { - if (enabledAttributes[i] === 1) { - gl.disableVertexAttribArray(i); - enabledAttributes[i] = 0; - } - } - - capabilities = {}; - - compressedTextureFormats = null; - - currentTextureSlot = null; - currentBoundTextures = {}; - - currentProgram = null; - - currentBlending = null; - - currentFlipSided = null; - currentCullFace = null; - - colorBuffer.reset(); - depthBuffer.reset(); - stencilBuffer.reset(); - } - - return { - buffers: { - color: colorBuffer, - depth: depthBuffer, - stencil: stencilBuffer, - }, - - initAttributes: initAttributes, - enableAttribute: enableAttribute, - enableAttributeAndDivisor: enableAttributeAndDivisor, - disableUnusedAttributes: disableUnusedAttributes, - enable: enable, - disable: disable, - getCompressedTextureFormats: getCompressedTextureFormats, - - useProgram: useProgram, - - setBlending: setBlending, - setMaterial: setMaterial, - - setFlipSided: setFlipSided, - setCullFace: setCullFace, - - setLineWidth: setLineWidth, - setPolygonOffset: setPolygonOffset, - - setScissorTest: setScissorTest, - - activeTexture: activeTexture, - bindTexture: bindTexture, - compressedTexImage2D: compressedTexImage2D, - texImage2D: texImage2D, - - scissor: scissor, - viewport: viewport, - - reset: reset, - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebGLTextures( - _gl, - extensions, - state, - properties, - capabilities, - utils, - info - ) { - var _isWebGL2 = - typeof WebGL2RenderingContext !== "undefined" && - _gl instanceof WebGL2RenderingContext; /* global WebGL2RenderingContext */ - var _videoTextures = {}; - var _canvas; - - // - - function clampToMaxSize(image, maxSize) { - if (image.width > maxSize || image.height > maxSize) { - if ("data" in image) { - console.warn( - "THREE.WebGLRenderer: image in DataTexture is too big (" + - image.width + - "x" + - image.height + - ")." - ); - return; - } - - // Warning: Scaling through the canvas will only work with images that use - // premultiplied alpha. - - var scale = maxSize / Math.max(image.width, image.height); - - var canvas = document.createElementNS( - "http://www.w3.org/1999/xhtml", - "canvas" - ); - canvas.width = Math.floor(image.width * scale); - canvas.height = Math.floor(image.height * scale); - - var context = canvas.getContext("2d"); - context.drawImage( - image, - 0, - 0, - image.width, - image.height, - 0, - 0, - canvas.width, - canvas.height - ); - - console.warn( - "THREE.WebGLRenderer: image is too big (" + - image.width + - "x" + - image.height + - "). Resized to " + - canvas.width + - "x" + - canvas.height, - image - ); - - return canvas; - } - - return image; - } - - function isPowerOfTwo(image) { - return ( - _Math.isPowerOfTwo(image.width) && _Math.isPowerOfTwo(image.height) - ); - } - - function makePowerOfTwo(image) { - if ( - image instanceof HTMLImageElement || - image instanceof HTMLCanvasElement || - image instanceof ImageBitmap - ) { - if (_canvas === undefined) - _canvas = document.createElementNS( - "http://www.w3.org/1999/xhtml", - "canvas" - ); - - _canvas.width = _Math.floorPowerOfTwo(image.width); - _canvas.height = _Math.floorPowerOfTwo(image.height); - - var context = _canvas.getContext("2d"); - context.drawImage(image, 0, 0, _canvas.width, _canvas.height); - - console.warn( - "THREE.WebGLRenderer: image is not power of two (" + - image.width + - "x" + - image.height + - "). Resized to " + - _canvas.width + - "x" + - _canvas.height, - image - ); - - return _canvas; - } - - return image; - } - - function textureNeedsPowerOfTwo(texture) { - return ( - texture.wrapS !== ClampToEdgeWrapping || - texture.wrapT !== ClampToEdgeWrapping || - (texture.minFilter !== NearestFilter && - texture.minFilter !== LinearFilter) - ); - } - - function textureNeedsGenerateMipmaps(texture, isPowerOfTwo) { - return ( - texture.generateMipmaps && - isPowerOfTwo && - texture.minFilter !== NearestFilter && - texture.minFilter !== LinearFilter - ); - } - - function generateMipmap(target, texture, width, height) { - _gl.generateMipmap(target); - - var textureProperties = properties.get(texture); - - // Note: Math.log( x ) * Math.LOG2E used instead of Math.log2( x ) which is not supported by IE11 - textureProperties.__maxMipLevel = - Math.log(Math.max(width, height)) * Math.LOG2E; - } - - // Fallback filters for non-power-of-2 textures - - function filterFallback(f) { - if ( - f === NearestFilter || - f === NearestMipMapNearestFilter || - f === NearestMipMapLinearFilter - ) { - return _gl.NEAREST; - } - - return _gl.LINEAR; - } - - // - - function onTextureDispose(event) { - var texture = event.target; - - texture.removeEventListener("dispose", onTextureDispose); - - deallocateTexture(texture); - - if (texture.isVideoTexture) { - delete _videoTextures[texture.id]; - } - - info.memory.textures--; - } - - function onRenderTargetDispose(event) { - var renderTarget = event.target; - - renderTarget.removeEventListener("dispose", onRenderTargetDispose); - - deallocateRenderTarget(renderTarget); - - info.memory.textures--; - } - - // - - function deallocateTexture(texture) { - var textureProperties = properties.get(texture); - - if (texture.image && textureProperties.__image__webglTextureCube) { - // cube texture - - _gl.deleteTexture(textureProperties.__image__webglTextureCube); - } else { - // 2D texture - - if (textureProperties.__webglInit === undefined) return; - - _gl.deleteTexture(textureProperties.__webglTexture); - } - - // remove all webgl properties - properties.remove(texture); - } - - function deallocateRenderTarget(renderTarget) { - var renderTargetProperties = properties.get(renderTarget); - var textureProperties = properties.get(renderTarget.texture); - - if (!renderTarget) return; - - if (textureProperties.__webglTexture !== undefined) { - _gl.deleteTexture(textureProperties.__webglTexture); - } - - if (renderTarget.depthTexture) { - renderTarget.depthTexture.dispose(); - } - - if (renderTarget.isWebGLRenderTargetCube) { - for (var i = 0; i < 6; i++) { - _gl.deleteFramebuffer(renderTargetProperties.__webglFramebuffer[i]); - if (renderTargetProperties.__webglDepthbuffer) - _gl.deleteRenderbuffer( - renderTargetProperties.__webglDepthbuffer[i] - ); - } - } else { - _gl.deleteFramebuffer(renderTargetProperties.__webglFramebuffer); - if (renderTargetProperties.__webglDepthbuffer) - _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthbuffer); - } - - properties.remove(renderTarget.texture); - properties.remove(renderTarget); - } - - // - - function setTexture2D(texture, slot) { - var textureProperties = properties.get(texture); - - if (texture.isVideoTexture) updateVideoTexture(texture); - - if ( - texture.version > 0 && - textureProperties.__version !== texture.version - ) { - var image = texture.image; - - if (image === undefined) { - console.warn( - "THREE.WebGLRenderer: Texture marked for update but image is undefined", - texture - ); - } else if (image.complete === false) { - console.warn( - "THREE.WebGLRenderer: Texture marked for update but image is incomplete", - texture - ); - } else { - uploadTexture(textureProperties, texture, slot); - return; - } - } - - state.activeTexture(_gl.TEXTURE0 + slot); - state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture); - } - - function setTextureCube(texture, slot) { - var textureProperties = properties.get(texture); - - if (texture.image.length === 6) { - if ( - texture.version > 0 && - textureProperties.__version !== texture.version - ) { - if (!textureProperties.__image__webglTextureCube) { - texture.addEventListener("dispose", onTextureDispose); - - textureProperties.__image__webglTextureCube = _gl.createTexture(); - - info.memory.textures++; - } - - state.activeTexture(_gl.TEXTURE0 + slot); - state.bindTexture( - _gl.TEXTURE_CUBE_MAP, - textureProperties.__image__webglTextureCube - ); - - _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY); - - var isCompressed = texture && texture.isCompressedTexture; - var isDataTexture = - texture.image[0] && texture.image[0].isDataTexture; - - var cubeImage = []; - - for (var i = 0; i < 6; i++) { - if (!isCompressed && !isDataTexture) { - cubeImage[i] = clampToMaxSize( - texture.image[i], - capabilities.maxCubemapSize - ); - } else { - cubeImage[i] = isDataTexture - ? texture.image[i].image - : texture.image[i]; - } - } - - var image = cubeImage[0], - isPowerOfTwoImage = isPowerOfTwo(image), - glFormat = utils.convert(texture.format), - glType = utils.convert(texture.type); - - setTextureParameters( - _gl.TEXTURE_CUBE_MAP, - texture, - isPowerOfTwoImage - ); - - for (var i = 0; i < 6; i++) { - if (!isCompressed) { - if (isDataTexture) { - state.texImage2D( - _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, - 0, - glFormat, - cubeImage[i].width, - cubeImage[i].height, - 0, - glFormat, - glType, - cubeImage[i].data - ); - } else { - state.texImage2D( - _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, - 0, - glFormat, - glFormat, - glType, - cubeImage[i] - ); - } - } else { - var mipmap, - mipmaps = cubeImage[i].mipmaps; - - for (var j = 0, jl = mipmaps.length; j < jl; j++) { - mipmap = mipmaps[j]; - - if ( - texture.format !== RGBAFormat && - texture.format !== RGBFormat - ) { - if ( - state.getCompressedTextureFormats().indexOf(glFormat) > -1 - ) { - state.compressedTexImage2D( - _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, - j, - glFormat, - mipmap.width, - mipmap.height, - 0, - mipmap.data - ); - } else { - console.warn( - "THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()" - ); - } - } else { - state.texImage2D( - _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, - j, - glFormat, - mipmap.width, - mipmap.height, - 0, - glFormat, - glType, - mipmap.data - ); - } - } - } - } - - if (!isCompressed) { - textureProperties.__maxMipLevel = 0; - } else { - textureProperties.__maxMipLevel = mipmaps.length - 1; - } - - if (textureNeedsGenerateMipmaps(texture, isPowerOfTwoImage)) { - // We assume images for cube map have the same size. - generateMipmap( - _gl.TEXTURE_CUBE_MAP, - texture, - image.width, - image.height - ); - } - - textureProperties.__version = texture.version; - - if (texture.onUpdate) texture.onUpdate(texture); - } else { - state.activeTexture(_gl.TEXTURE0 + slot); - state.bindTexture( - _gl.TEXTURE_CUBE_MAP, - textureProperties.__image__webglTextureCube - ); - } - } - } - - function setTextureCubeDynamic(texture, slot) { - state.activeTexture(_gl.TEXTURE0 + slot); - state.bindTexture( - _gl.TEXTURE_CUBE_MAP, - properties.get(texture).__webglTexture - ); - } - - function setTextureParameters(textureType, texture, isPowerOfTwoImage) { - var extension; - - if (isPowerOfTwoImage) { - _gl.texParameteri( - textureType, - _gl.TEXTURE_WRAP_S, - utils.convert(texture.wrapS) - ); - _gl.texParameteri( - textureType, - _gl.TEXTURE_WRAP_T, - utils.convert(texture.wrapT) - ); - - _gl.texParameteri( - textureType, - _gl.TEXTURE_MAG_FILTER, - utils.convert(texture.magFilter) - ); - _gl.texParameteri( - textureType, - _gl.TEXTURE_MIN_FILTER, - utils.convert(texture.minFilter) - ); - } else { - _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_S, _gl.CLAMP_TO_EDGE); - _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_T, _gl.CLAMP_TO_EDGE); - - if ( - texture.wrapS !== ClampToEdgeWrapping || - texture.wrapT !== ClampToEdgeWrapping - ) { - console.warn( - "THREE.WebGLRenderer: Texture is not power of two. Texture.wrapS and Texture.wrapT should be set to THREE.ClampToEdgeWrapping.", - texture - ); - } - - _gl.texParameteri( - textureType, - _gl.TEXTURE_MAG_FILTER, - filterFallback(texture.magFilter) - ); - _gl.texParameteri( - textureType, - _gl.TEXTURE_MIN_FILTER, - filterFallback(texture.minFilter) - ); - - if ( - texture.minFilter !== NearestFilter && - texture.minFilter !== LinearFilter - ) { - console.warn( - "THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter should be set to THREE.NearestFilter or THREE.LinearFilter.", - texture - ); - } - } - - extension = extensions.get("EXT_texture_filter_anisotropic"); - - if (extension) { - if ( - texture.type === FloatType && - extensions.get("OES_texture_float_linear") === null - ) - return; - if ( - texture.type === HalfFloatType && - extensions.get("OES_texture_half_float_linear") === null - ) - return; - - if ( - texture.anisotropy > 1 || - properties.get(texture).__currentAnisotropy - ) { - _gl.texParameterf( - textureType, - extension.TEXTURE_MAX_ANISOTROPY_EXT, - Math.min(texture.anisotropy, capabilities.getMaxAnisotropy()) - ); - properties.get(texture).__currentAnisotropy = texture.anisotropy; - } - } - } - - function uploadTexture(textureProperties, texture, slot) { - if (textureProperties.__webglInit === undefined) { - textureProperties.__webglInit = true; - - texture.addEventListener("dispose", onTextureDispose); - - textureProperties.__webglTexture = _gl.createTexture(); - - info.memory.textures++; - } - - state.activeTexture(_gl.TEXTURE0 + slot); - state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture); - - _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY); - _gl.pixelStorei( - _gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, - texture.premultiplyAlpha - ); - _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, texture.unpackAlignment); - - var image = clampToMaxSize(texture.image, capabilities.maxTextureSize); - - if (textureNeedsPowerOfTwo(texture) && isPowerOfTwo(image) === false) { - image = makePowerOfTwo(image); - } - - var isPowerOfTwoImage = isPowerOfTwo(image), - glFormat = utils.convert(texture.format), - glType = utils.convert(texture.type); - - setTextureParameters(_gl.TEXTURE_2D, texture, isPowerOfTwoImage); - - var mipmap, - mipmaps = texture.mipmaps; - - if (texture.isDepthTexture) { - // populate depth texture with dummy data - - var internalFormat = _gl.DEPTH_COMPONENT; - - if (texture.type === FloatType) { - if (!_isWebGL2) - throw new Error("Float Depth Texture only supported in WebGL2.0"); - internalFormat = _gl.DEPTH_COMPONENT32F; - } else if (_isWebGL2) { - // WebGL 2.0 requires signed internalformat for glTexImage2D - internalFormat = _gl.DEPTH_COMPONENT16; - } - - if ( - texture.format === DepthFormat && - internalFormat === _gl.DEPTH_COMPONENT - ) { - // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are - // DEPTH_COMPONENT and type is not UNSIGNED_SHORT or UNSIGNED_INT - // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) - if ( - texture.type !== UnsignedShortType && - texture.type !== UnsignedIntType - ) { - console.warn( - "THREE.WebGLRenderer: Use UnsignedShortType or UnsignedIntType for DepthFormat DepthTexture." - ); - - texture.type = UnsignedShortType; - glType = utils.convert(texture.type); - } - } - - // Depth stencil textures need the DEPTH_STENCIL internal format - // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) - if (texture.format === DepthStencilFormat) { - internalFormat = _gl.DEPTH_STENCIL; - - // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are - // DEPTH_STENCIL and type is not UNSIGNED_INT_24_8_WEBGL. - // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) - if (texture.type !== UnsignedInt248Type) { - console.warn( - "THREE.WebGLRenderer: Use UnsignedInt248Type for DepthStencilFormat DepthTexture." - ); - - texture.type = UnsignedInt248Type; - glType = utils.convert(texture.type); - } - } - - state.texImage2D( - _gl.TEXTURE_2D, - 0, - internalFormat, - image.width, - image.height, - 0, - glFormat, - glType, - null - ); - } else if (texture.isDataTexture) { - // use manually created mipmaps if available - // if there are no manual mipmaps - // set 0 level mipmap and then use GL to generate other mipmap levels - - if (mipmaps.length > 0 && isPowerOfTwoImage) { - for (var i = 0, il = mipmaps.length; i < il; i++) { - mipmap = mipmaps[i]; - state.texImage2D( - _gl.TEXTURE_2D, - i, - glFormat, - mipmap.width, - mipmap.height, - 0, - glFormat, - glType, - mipmap.data - ); - } - - texture.generateMipmaps = false; - textureProperties.__maxMipLevel = mipmaps.length - 1; - } else { - state.texImage2D( - _gl.TEXTURE_2D, - 0, - glFormat, - image.width, - image.height, - 0, - glFormat, - glType, - image.data - ); - textureProperties.__maxMipLevel = 0; - } - } else if (texture.isCompressedTexture) { - for (var i = 0, il = mipmaps.length; i < il; i++) { - mipmap = mipmaps[i]; - - if (texture.format !== RGBAFormat && texture.format !== RGBFormat) { - if (state.getCompressedTextureFormats().indexOf(glFormat) > -1) { - state.compressedTexImage2D( - _gl.TEXTURE_2D, - i, - glFormat, - mipmap.width, - mipmap.height, - 0, - mipmap.data - ); - } else { - console.warn( - "THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()" - ); - } - } else { - state.texImage2D( - _gl.TEXTURE_2D, - i, - glFormat, - mipmap.width, - mipmap.height, - 0, - glFormat, - glType, - mipmap.data - ); - } - } - - textureProperties.__maxMipLevel = mipmaps.length - 1; - } else { - // regular Texture (image, video, canvas) - - // use manually created mipmaps if available - // if there are no manual mipmaps - // set 0 level mipmap and then use GL to generate other mipmap levels - - if (mipmaps.length > 0 && isPowerOfTwoImage) { - for (var i = 0, il = mipmaps.length; i < il; i++) { - mipmap = mipmaps[i]; - state.texImage2D( - _gl.TEXTURE_2D, - i, - glFormat, - glFormat, - glType, - mipmap - ); - } - - texture.generateMipmaps = false; - textureProperties.__maxMipLevel = mipmaps.length - 1; - } else { - state.texImage2D( - _gl.TEXTURE_2D, - 0, - glFormat, - glFormat, - glType, - image - ); - textureProperties.__maxMipLevel = 0; - } - } - - if (textureNeedsGenerateMipmaps(texture, isPowerOfTwoImage)) { - generateMipmap(_gl.TEXTURE_2D, texture, image.width, image.height); - } - - textureProperties.__version = texture.version; - - if (texture.onUpdate) texture.onUpdate(texture); - } - - // Render targets - - // Setup storage for target texture and bind it to correct framebuffer - function setupFrameBufferTexture( - framebuffer, - renderTarget, - attachment, - textureTarget - ) { - var glFormat = utils.convert(renderTarget.texture.format); - var glType = utils.convert(renderTarget.texture.type); - state.texImage2D( - textureTarget, - 0, - glFormat, - renderTarget.width, - renderTarget.height, - 0, - glFormat, - glType, - null - ); - _gl.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer); - _gl.framebufferTexture2D( - _gl.FRAMEBUFFER, - attachment, - textureTarget, - properties.get(renderTarget.texture).__webglTexture, - 0 - ); - _gl.bindFramebuffer(_gl.FRAMEBUFFER, null); - } - - // Setup storage for internal depth/stencil buffers and bind to correct framebuffer - function setupRenderBufferStorage(renderbuffer, renderTarget) { - _gl.bindRenderbuffer(_gl.RENDERBUFFER, renderbuffer); - - if (renderTarget.depthBuffer && !renderTarget.stencilBuffer) { - _gl.renderbufferStorage( - _gl.RENDERBUFFER, - _gl.DEPTH_COMPONENT16, - renderTarget.width, - renderTarget.height - ); - _gl.framebufferRenderbuffer( - _gl.FRAMEBUFFER, - _gl.DEPTH_ATTACHMENT, - _gl.RENDERBUFFER, - renderbuffer - ); - } else if (renderTarget.depthBuffer && renderTarget.stencilBuffer) { - _gl.renderbufferStorage( - _gl.RENDERBUFFER, - _gl.DEPTH_STENCIL, - renderTarget.width, - renderTarget.height - ); - _gl.framebufferRenderbuffer( - _gl.FRAMEBUFFER, - _gl.DEPTH_STENCIL_ATTACHMENT, - _gl.RENDERBUFFER, - renderbuffer - ); - } else { - // FIXME: We don't support !depth !stencil - _gl.renderbufferStorage( - _gl.RENDERBUFFER, - _gl.RGBA4, - renderTarget.width, - renderTarget.height - ); - } - - _gl.bindRenderbuffer(_gl.RENDERBUFFER, null); - } - - // Setup resources for a Depth Texture for a FBO (needs an extension) - function setupDepthTexture(framebuffer, renderTarget) { - var isCube = renderTarget && renderTarget.isWebGLRenderTargetCube; - if (isCube) - throw new Error( - "Depth Texture with cube render targets is not supported" - ); - - _gl.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer); - - if ( - !(renderTarget.depthTexture && renderTarget.depthTexture.isDepthTexture) - ) { - throw new Error( - "renderTarget.depthTexture must be an instance of THREE.DepthTexture" - ); - } - - // upload an empty depth texture with framebuffer size - if ( - !properties.get(renderTarget.depthTexture).__webglTexture || - renderTarget.depthTexture.image.width !== renderTarget.width || - renderTarget.depthTexture.image.height !== renderTarget.height - ) { - renderTarget.depthTexture.image.width = renderTarget.width; - renderTarget.depthTexture.image.height = renderTarget.height; - renderTarget.depthTexture.needsUpdate = true; - } - - setTexture2D(renderTarget.depthTexture, 0); - - var webglDepthTexture = properties.get( - renderTarget.depthTexture - ).__webglTexture; - - if (renderTarget.depthTexture.format === DepthFormat) { - _gl.framebufferTexture2D( - _gl.FRAMEBUFFER, - _gl.DEPTH_ATTACHMENT, - _gl.TEXTURE_2D, - webglDepthTexture, - 0 - ); - } else if (renderTarget.depthTexture.format === DepthStencilFormat) { - _gl.framebufferTexture2D( - _gl.FRAMEBUFFER, - _gl.DEPTH_STENCIL_ATTACHMENT, - _gl.TEXTURE_2D, - webglDepthTexture, - 0 - ); - } else { - throw new Error("Unknown depthTexture format"); - } - } - - // Setup GL resources for a non-texture depth buffer - function setupDepthRenderbuffer(renderTarget) { - var renderTargetProperties = properties.get(renderTarget); - - var isCube = renderTarget.isWebGLRenderTargetCube === true; - - if (renderTarget.depthTexture) { - if (isCube) - throw new Error( - "target.depthTexture not supported in Cube render targets" - ); - - setupDepthTexture( - renderTargetProperties.__webglFramebuffer, - renderTarget - ); - } else { - if (isCube) { - renderTargetProperties.__webglDepthbuffer = []; - - for (var i = 0; i < 6; i++) { - _gl.bindFramebuffer( - _gl.FRAMEBUFFER, - renderTargetProperties.__webglFramebuffer[i] - ); - renderTargetProperties.__webglDepthbuffer[i] = - _gl.createRenderbuffer(); - setupRenderBufferStorage( - renderTargetProperties.__webglDepthbuffer[i], - renderTarget - ); - } - } else { - _gl.bindFramebuffer( - _gl.FRAMEBUFFER, - renderTargetProperties.__webglFramebuffer - ); - renderTargetProperties.__webglDepthbuffer = _gl.createRenderbuffer(); - setupRenderBufferStorage( - renderTargetProperties.__webglDepthbuffer, - renderTarget - ); - } - } - - _gl.bindFramebuffer(_gl.FRAMEBUFFER, null); - } - - // Set up GL resources for the render target - function setupRenderTarget(renderTarget) { - var renderTargetProperties = properties.get(renderTarget); - var textureProperties = properties.get(renderTarget.texture); - - renderTarget.addEventListener("dispose", onRenderTargetDispose); - - textureProperties.__webglTexture = _gl.createTexture(); - - info.memory.textures++; - - var isCube = renderTarget.isWebGLRenderTargetCube === true; - var isTargetPowerOfTwo = isPowerOfTwo(renderTarget); - - // Setup framebuffer - - if (isCube) { - renderTargetProperties.__webglFramebuffer = []; - - for (var i = 0; i < 6; i++) { - renderTargetProperties.__webglFramebuffer[i] = - _gl.createFramebuffer(); - } - } else { - renderTargetProperties.__webglFramebuffer = _gl.createFramebuffer(); - } - - // Setup color buffer - - if (isCube) { - state.bindTexture( - _gl.TEXTURE_CUBE_MAP, - textureProperties.__webglTexture - ); - setTextureParameters( - _gl.TEXTURE_CUBE_MAP, - renderTarget.texture, - isTargetPowerOfTwo - ); - - for (var i = 0; i < 6; i++) { - setupFrameBufferTexture( - renderTargetProperties.__webglFramebuffer[i], - renderTarget, - _gl.COLOR_ATTACHMENT0, - _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i - ); - } - - if ( - textureNeedsGenerateMipmaps(renderTarget.texture, isTargetPowerOfTwo) - ) { - generateMipmap( - _gl.TEXTURE_CUBE_MAP, - renderTarget.texture, - renderTarget.width, - renderTarget.height - ); - } - - state.bindTexture(_gl.TEXTURE_CUBE_MAP, null); - } else { - state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture); - setTextureParameters( - _gl.TEXTURE_2D, - renderTarget.texture, - isTargetPowerOfTwo - ); - setupFrameBufferTexture( - renderTargetProperties.__webglFramebuffer, - renderTarget, - _gl.COLOR_ATTACHMENT0, - _gl.TEXTURE_2D - ); - - if ( - textureNeedsGenerateMipmaps(renderTarget.texture, isTargetPowerOfTwo) - ) { - generateMipmap( - _gl.TEXTURE_2D, - renderTarget.texture, - renderTarget.width, - renderTarget.height - ); - } - - state.bindTexture(_gl.TEXTURE_2D, null); - } - - // Setup depth and stencil buffers - - if (renderTarget.depthBuffer) { - setupDepthRenderbuffer(renderTarget); - } - } - - function updateRenderTargetMipmap(renderTarget) { - var texture = renderTarget.texture; - var isTargetPowerOfTwo = isPowerOfTwo(renderTarget); - - if (textureNeedsGenerateMipmaps(texture, isTargetPowerOfTwo)) { - var target = renderTarget.isWebGLRenderTargetCube - ? _gl.TEXTURE_CUBE_MAP - : _gl.TEXTURE_2D; - var webglTexture = properties.get(texture).__webglTexture; - - state.bindTexture(target, webglTexture); - generateMipmap( - target, - texture, - renderTarget.width, - renderTarget.height - ); - state.bindTexture(target, null); - } - } - - function updateVideoTexture(texture) { - var id = texture.id; - var frame = info.render.frame; - - // Check the last frame we updated the VideoTexture - - if (_videoTextures[id] !== frame) { - _videoTextures[id] = frame; - texture.update(); - } - } - - this.setTexture2D = setTexture2D; - this.setTextureCube = setTextureCube; - this.setTextureCubeDynamic = setTextureCubeDynamic; - this.setupRenderTarget = setupRenderTarget; - this.updateRenderTargetMipmap = updateRenderTargetMipmap; - } - - /** - * @author thespite / http://www.twitter.com/thespite - */ - - function WebGLUtils(gl, extensions) { - function convert(p) { - var extension; - - if (p === RepeatWrapping) return gl.REPEAT; - if (p === ClampToEdgeWrapping) return gl.CLAMP_TO_EDGE; - if (p === MirroredRepeatWrapping) return gl.MIRRORED_REPEAT; - - if (p === NearestFilter) return gl.NEAREST; - if (p === NearestMipMapNearestFilter) return gl.NEAREST_MIPMAP_NEAREST; - if (p === NearestMipMapLinearFilter) return gl.NEAREST_MIPMAP_LINEAR; - - if (p === LinearFilter) return gl.LINEAR; - if (p === LinearMipMapNearestFilter) return gl.LINEAR_MIPMAP_NEAREST; - if (p === LinearMipMapLinearFilter) return gl.LINEAR_MIPMAP_LINEAR; - - if (p === UnsignedByteType) return gl.UNSIGNED_BYTE; - if (p === UnsignedShort4444Type) return gl.UNSIGNED_SHORT_4_4_4_4; - if (p === UnsignedShort5551Type) return gl.UNSIGNED_SHORT_5_5_5_1; - if (p === UnsignedShort565Type) return gl.UNSIGNED_SHORT_5_6_5; - - if (p === ByteType) return gl.BYTE; - if (p === ShortType) return gl.SHORT; - if (p === UnsignedShortType) return gl.UNSIGNED_SHORT; - if (p === IntType) return gl.INT; - if (p === UnsignedIntType) return gl.UNSIGNED_INT; - if (p === FloatType) return gl.FLOAT; - - if (p === HalfFloatType) { - extension = extensions.get("OES_texture_half_float"); - - if (extension !== null) return extension.HALF_FLOAT_OES; - } - - if (p === AlphaFormat) return gl.ALPHA; - if (p === RGBFormat) return gl.RGB; - if (p === RGBAFormat) return gl.RGBA; - if (p === LuminanceFormat) return gl.LUMINANCE; - if (p === LuminanceAlphaFormat) return gl.LUMINANCE_ALPHA; - if (p === DepthFormat) return gl.DEPTH_COMPONENT; - if (p === DepthStencilFormat) return gl.DEPTH_STENCIL; - - if (p === AddEquation) return gl.FUNC_ADD; - if (p === SubtractEquation) return gl.FUNC_SUBTRACT; - if (p === ReverseSubtractEquation) return gl.FUNC_REVERSE_SUBTRACT; - - if (p === ZeroFactor) return gl.ZERO; - if (p === OneFactor) return gl.ONE; - if (p === SrcColorFactor) return gl.SRC_COLOR; - if (p === OneMinusSrcColorFactor) return gl.ONE_MINUS_SRC_COLOR; - if (p === SrcAlphaFactor) return gl.SRC_ALPHA; - if (p === OneMinusSrcAlphaFactor) return gl.ONE_MINUS_SRC_ALPHA; - if (p === DstAlphaFactor) return gl.DST_ALPHA; - if (p === OneMinusDstAlphaFactor) return gl.ONE_MINUS_DST_ALPHA; - - if (p === DstColorFactor) return gl.DST_COLOR; - if (p === OneMinusDstColorFactor) return gl.ONE_MINUS_DST_COLOR; - if (p === SrcAlphaSaturateFactor) return gl.SRC_ALPHA_SATURATE; - - if ( - p === RGB_S3TC_DXT1_Format || - p === RGBA_S3TC_DXT1_Format || - p === RGBA_S3TC_DXT3_Format || - p === RGBA_S3TC_DXT5_Format - ) { - extension = extensions.get("WEBGL_compressed_texture_s3tc"); - - if (extension !== null) { - if (p === RGB_S3TC_DXT1_Format) - return extension.COMPRESSED_RGB_S3TC_DXT1_EXT; - if (p === RGBA_S3TC_DXT1_Format) - return extension.COMPRESSED_RGBA_S3TC_DXT1_EXT; - if (p === RGBA_S3TC_DXT3_Format) - return extension.COMPRESSED_RGBA_S3TC_DXT3_EXT; - if (p === RGBA_S3TC_DXT5_Format) - return extension.COMPRESSED_RGBA_S3TC_DXT5_EXT; - } - } - - if ( - p === RGB_PVRTC_4BPPV1_Format || - p === RGB_PVRTC_2BPPV1_Format || - p === RGBA_PVRTC_4BPPV1_Format || - p === RGBA_PVRTC_2BPPV1_Format - ) { - extension = extensions.get("WEBGL_compressed_texture_pvrtc"); - - if (extension !== null) { - if (p === RGB_PVRTC_4BPPV1_Format) - return extension.COMPRESSED_RGB_PVRTC_4BPPV1_IMG; - if (p === RGB_PVRTC_2BPPV1_Format) - return extension.COMPRESSED_RGB_PVRTC_2BPPV1_IMG; - if (p === RGBA_PVRTC_4BPPV1_Format) - return extension.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG; - if (p === RGBA_PVRTC_2BPPV1_Format) - return extension.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG; - } - } - - if (p === RGB_ETC1_Format) { - extension = extensions.get("WEBGL_compressed_texture_etc1"); - - if (extension !== null) return extension.COMPRESSED_RGB_ETC1_WEBGL; - } - - if ( - p === RGBA_ASTC_4x4_Format || - p === RGBA_ASTC_5x4_Format || - p === RGBA_ASTC_5x5_Format || - p === RGBA_ASTC_6x5_Format || - p === RGBA_ASTC_6x6_Format || - p === RGBA_ASTC_8x5_Format || - p === RGBA_ASTC_8x6_Format || - p === RGBA_ASTC_8x8_Format || - p === RGBA_ASTC_10x5_Format || - p === RGBA_ASTC_10x6_Format || - p === RGBA_ASTC_10x8_Format || - p === RGBA_ASTC_10x10_Format || - p === RGBA_ASTC_12x10_Format || - p === RGBA_ASTC_12x12_Format - ) { - extension = extensions.get("WEBGL_compressed_texture_astc"); - - if (extension !== null) { - return p; - } - } - - if (p === MinEquation || p === MaxEquation) { - extension = extensions.get("EXT_blend_minmax"); - - if (extension !== null) { - if (p === MinEquation) return extension.MIN_EXT; - if (p === MaxEquation) return extension.MAX_EXT; - } - } - - if (p === UnsignedInt248Type) { - extension = extensions.get("WEBGL_depth_texture"); - - if (extension !== null) return extension.UNSIGNED_INT_24_8_WEBGL; - } - - return 0; - } - - return { convert: convert }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - * @author greggman / http://games.greggman.com/ - * @author zz85 / http://www.lab4games.net/zz85/blog - * @author tschw - */ - - function PerspectiveCamera(fov, aspect, near, far) { - Camera.call(this); - - this.type = "PerspectiveCamera"; - - this.fov = fov !== undefined ? fov : 50; - this.zoom = 1; - - this.near = near !== undefined ? near : 0.1; - this.far = far !== undefined ? far : 2000; - this.focus = 10; - - this.aspect = aspect !== undefined ? aspect : 1; - this.view = null; - - this.filmGauge = 35; // width of the film (default in millimeters) - this.filmOffset = 0; // horizontal film offset (same unit as gauge) - - this.updateProjectionMatrix(); - } - - PerspectiveCamera.prototype = Object.assign(Object.create(Camera.prototype), { - constructor: PerspectiveCamera, - - isPerspectiveCamera: true, - - copy: function (source, recursive) { - Camera.prototype.copy.call(this, source, recursive); - - this.fov = source.fov; - this.zoom = source.zoom; - - this.near = source.near; - this.far = source.far; - this.focus = source.focus; - - this.aspect = source.aspect; - this.view = source.view === null ? null : Object.assign({}, source.view); - - this.filmGauge = source.filmGauge; - this.filmOffset = source.filmOffset; - - return this; - }, - - /** - * Sets the FOV by focal length in respect to the current .filmGauge. - * - * The default film gauge is 35, so that the focal length can be specified for - * a 35mm (full frame) camera. - * - * Values for focal length and film gauge must have the same unit. - */ - setFocalLength: function (focalLength) { - // see http://www.bobatkins.com/photography/technical/field_of_view.html - var vExtentSlope = (0.5 * this.getFilmHeight()) / focalLength; - - this.fov = _Math.RAD2DEG * 2 * Math.atan(vExtentSlope); - this.updateProjectionMatrix(); - }, - - /** - * Calculates the focal length from the current .fov and .filmGauge. - */ - getFocalLength: function () { - var vExtentSlope = Math.tan(_Math.DEG2RAD * 0.5 * this.fov); - - return (0.5 * this.getFilmHeight()) / vExtentSlope; - }, - - getEffectiveFOV: function () { - return ( - _Math.RAD2DEG * - 2 * - Math.atan(Math.tan(_Math.DEG2RAD * 0.5 * this.fov) / this.zoom) - ); - }, - - getFilmWidth: function () { - // film not completely covered in portrait format (aspect < 1) - return this.filmGauge * Math.min(this.aspect, 1); - }, - - getFilmHeight: function () { - // film not completely covered in landscape format (aspect > 1) - return this.filmGauge / Math.max(this.aspect, 1); - }, - - /** - * Sets an offset in a larger frustum. This is useful for multi-window or - * multi-monitor/multi-machine setups. - * - * For example, if you have 3x2 monitors and each monitor is 1920x1080 and - * the monitors are in grid like this - * - * +---+---+---+ - * | A | B | C | - * +---+---+---+ - * | D | E | F | - * +---+---+---+ - * - * then for each monitor you would call it like this - * - * var w = 1920; - * var h = 1080; - * var fullWidth = w * 3; - * var fullHeight = h * 2; - * - * --A-- - * camera.setOffset( fullWidth, fullHeight, w * 0, h * 0, w, h ); - * --B-- - * camera.setOffset( fullWidth, fullHeight, w * 1, h * 0, w, h ); - * --C-- - * camera.setOffset( fullWidth, fullHeight, w * 2, h * 0, w, h ); - * --D-- - * camera.setOffset( fullWidth, fullHeight, w * 0, h * 1, w, h ); - * --E-- - * camera.setOffset( fullWidth, fullHeight, w * 1, h * 1, w, h ); - * --F-- - * camera.setOffset( fullWidth, fullHeight, w * 2, h * 1, w, h ); - * - * Note there is no reason monitors have to be the same size or in a grid. - */ - setViewOffset: function (fullWidth, fullHeight, x, y, width, height) { - this.aspect = fullWidth / fullHeight; - - if (this.view === null) { - this.view = { - enabled: true, - fullWidth: 1, - fullHeight: 1, - offsetX: 0, - offsetY: 0, - width: 1, - height: 1, - }; - } - - this.view.enabled = true; - this.view.fullWidth = fullWidth; - this.view.fullHeight = fullHeight; - this.view.offsetX = x; - this.view.offsetY = y; - this.view.width = width; - this.view.height = height; - - this.updateProjectionMatrix(); - }, - - clearViewOffset: function () { - if (this.view !== null) { - this.view.enabled = false; - } - - this.updateProjectionMatrix(); - }, - - updateProjectionMatrix: function () { - var near = this.near, - top = (near * Math.tan(_Math.DEG2RAD * 0.5 * this.fov)) / this.zoom, - height = 2 * top, - width = this.aspect * height, - left = -0.5 * width, - view = this.view; - - if (this.view !== null && this.view.enabled) { - var fullWidth = view.fullWidth, - fullHeight = view.fullHeight; - - left += (view.offsetX * width) / fullWidth; - top -= (view.offsetY * height) / fullHeight; - width *= view.width / fullWidth; - height *= view.height / fullHeight; - } - - var skew = this.filmOffset; - if (skew !== 0) left += (near * skew) / this.getFilmWidth(); - - this.projectionMatrix.makePerspective( - left, - left + width, - top, - top - height, - near, - this.far - ); - }, - - toJSON: function (meta) { - var data = Object3D.prototype.toJSON.call(this, meta); - - data.object.fov = this.fov; - data.object.zoom = this.zoom; - - data.object.near = this.near; - data.object.far = this.far; - data.object.focus = this.focus; - - data.object.aspect = this.aspect; - - if (this.view !== null) data.object.view = Object.assign({}, this.view); - - data.object.filmGauge = this.filmGauge; - data.object.filmOffset = this.filmOffset; - - return data; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function ArrayCamera(array) { - PerspectiveCamera.call(this); - - this.cameras = array || []; - } - - ArrayCamera.prototype = Object.assign( - Object.create(PerspectiveCamera.prototype), - { - constructor: ArrayCamera, - - isArrayCamera: true, - } - ); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function WebVRManager(renderer) { - var scope = this; + metadata: { + version: 4.5, + type: 'Texture', + generator: 'Texture.toJSON' + }, - var device = null; - var frameData = null; + uuid: this.uuid, + name: this.name, - var poseTarget = null; - - var standingMatrix = new Matrix4(); - var standingMatrixInverse = new Matrix4(); + mapping: this.mapping, - if (typeof window !== "undefined" && "VRFrameData" in window) { - frameData = new window.VRFrameData(); - window.addEventListener( - "vrdisplaypresentchange", - onVRDisplayPresentChange, - false - ); - } - - var matrixWorldInverse = new Matrix4(); - var tempQuaternion = new Quaternion(); - var tempPosition = new Vector3(); + repeat: [ this.repeat.x, this.repeat.y ], + offset: [ this.offset.x, this.offset.y ], + center: [ this.center.x, this.center.y ], + rotation: this.rotation, - var cameraL = new PerspectiveCamera(); - cameraL.bounds = new Vector4(0.0, 0.0, 0.5, 1.0); - cameraL.layers.enable(1); + wrap: [ this.wrapS, this.wrapT ], - var cameraR = new PerspectiveCamera(); - cameraR.bounds = new Vector4(0.5, 0.0, 0.5, 1.0); - cameraR.layers.enable(2); + format: this.format, + minFilter: this.minFilter, + magFilter: this.magFilter, + anisotropy: this.anisotropy, - var cameraVR = new ArrayCamera([cameraL, cameraR]); - cameraVR.layers.enable(1); - cameraVR.layers.enable(2); + flipY: this.flipY - // + }; - function isPresenting() { - return device !== null && device.isPresenting === true; - } + if ( this.image !== undefined ) { - var currentSize, currentPixelRatio; + // TODO: Move to THREE.Image - function onVRDisplayPresentChange() { - if (isPresenting()) { - var eyeParameters = device.getEyeParameters("left"); - var renderWidth = eyeParameters.renderWidth; - var renderHeight = eyeParameters.renderHeight; + var image = this.image; - currentPixelRatio = renderer.getPixelRatio(); - currentSize = renderer.getSize(); + if ( image.uuid === undefined ) { - renderer.setDrawingBufferSize(renderWidth * 2, renderHeight, 1); - } else if (scope.enabled) { - renderer.setDrawingBufferSize( - currentSize.width, - currentSize.height, - currentPixelRatio - ); - } - } + image.uuid = _Math.generateUUID(); // UGH - // + } - this.enabled = false; - this.userHeight = 1.6; + if ( ! isRootObject && meta.images[ image.uuid ] === undefined ) { - this.getDevice = function () { - return device; - }; + meta.images[ image.uuid ] = { + uuid: image.uuid, + url: getDataURL( image ) + }; - this.setDevice = function (value) { - if (value !== undefined) device = value; - }; + } - this.setPoseTarget = function (object) { - if (object !== undefined) poseTarget = object; - }; + output.image = image.uuid; - this.getCamera = function (camera) { - if (device === null) return camera; + } - device.depthNear = camera.near; - device.depthFar = camera.far; + if ( ! isRootObject ) { - device.getFrameData(frameData); + meta.textures[ this.uuid ] = output; - // + } - var stageParameters = device.stageParameters; + return output; - if (stageParameters) { - standingMatrix.fromArray(stageParameters.sittingToStandingTransform); - } else { - standingMatrix.makeTranslation(0, scope.userHeight, 0); - } + }, - var pose = frameData.pose; - var poseObject = poseTarget !== null ? poseTarget : camera; + dispose: function () { - // We want to manipulate poseObject by its position and quaternion components since users may rely on them. - poseObject.matrix.copy(standingMatrix); - poseObject.matrix.decompose( - poseObject.position, - poseObject.quaternion, - poseObject.scale - ); + this.dispatchEvent( { type: 'dispose' } ); - if (pose.orientation !== null) { - tempQuaternion.fromArray(pose.orientation); - poseObject.quaternion.multiply(tempQuaternion); - } + }, - if (pose.position !== null) { - tempQuaternion.setFromRotationMatrix(standingMatrix); - tempPosition.fromArray(pose.position); - tempPosition.applyQuaternion(tempQuaternion); - poseObject.position.add(tempPosition); - } + transformUv: function ( uv ) { - poseObject.updateMatrixWorld(); + if ( this.mapping !== UVMapping ) return; - if (device.isPresenting === false) return camera; + uv.applyMatrix3( this.matrix ); - // + if ( uv.x < 0 || uv.x > 1 ) { - cameraL.near = camera.near; - cameraR.near = camera.near; + switch ( this.wrapS ) { - cameraL.far = camera.far; - cameraR.far = camera.far; + case RepeatWrapping: - cameraVR.matrixWorld.copy(camera.matrixWorld); - cameraVR.matrixWorldInverse.copy(camera.matrixWorldInverse); + uv.x = uv.x - Math.floor( uv.x ); + break; - cameraL.matrixWorldInverse.fromArray(frameData.leftViewMatrix); - cameraR.matrixWorldInverse.fromArray(frameData.rightViewMatrix); + case ClampToEdgeWrapping: - // TODO (mrdoob) Double check this code + uv.x = uv.x < 0 ? 0 : 1; + break; - standingMatrixInverse.getInverse(standingMatrix); + case MirroredRepeatWrapping: - cameraL.matrixWorldInverse.multiply(standingMatrixInverse); - cameraR.matrixWorldInverse.multiply(standingMatrixInverse); + if ( Math.abs( Math.floor( uv.x ) % 2 ) === 1 ) { - var parent = poseObject.parent; + uv.x = Math.ceil( uv.x ) - uv.x; - if (parent !== null) { - matrixWorldInverse.getInverse(parent.matrixWorld); + } else { - cameraL.matrixWorldInverse.multiply(matrixWorldInverse); - cameraR.matrixWorldInverse.multiply(matrixWorldInverse); - } + uv.x = uv.x - Math.floor( uv.x ); - // envMap and Mirror needs camera.matrixWorld + } + break; - cameraL.matrixWorld.getInverse(cameraL.matrixWorldInverse); - cameraR.matrixWorld.getInverse(cameraR.matrixWorldInverse); + } - cameraL.projectionMatrix.fromArray(frameData.leftProjectionMatrix); - cameraR.projectionMatrix.fromArray(frameData.rightProjectionMatrix); + } - // HACK (mrdoob) - // https://github.com/w3c/webvr/issues/203 + if ( uv.y < 0 || uv.y > 1 ) { - cameraVR.projectionMatrix.copy(cameraL.projectionMatrix); + switch ( this.wrapT ) { - // + case RepeatWrapping: - var layers = device.getLayers(); + uv.y = uv.y - Math.floor( uv.y ); + break; - if (layers.length) { - var layer = layers[0]; + case ClampToEdgeWrapping: - if (layer.leftBounds !== null && layer.leftBounds.length === 4) { - cameraL.bounds.fromArray(layer.leftBounds); - } + uv.y = uv.y < 0 ? 0 : 1; + break; - if (layer.rightBounds !== null && layer.rightBounds.length === 4) { - cameraR.bounds.fromArray(layer.rightBounds); - } - } + case MirroredRepeatWrapping: - return cameraVR; - }; + if ( Math.abs( Math.floor( uv.y ) % 2 ) === 1 ) { - this.getStandingMatrix = function () { - return standingMatrix; - }; + uv.y = Math.ceil( uv.y ) - uv.y; - this.submitFrame = function () { - if (isPresenting()) device.submitFrame(); - }; + } else { - this.dispose = function () { - if (typeof window !== "undefined") { - window.removeEventListener( - "vrdisplaypresentchange", - onVRDisplayPresentChange - ); - } - }; - } + uv.y = uv.y - Math.floor( uv.y ); - /** - * @author supereggbert / http://www.paulbrunt.co.uk/ - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * @author szimek / https://github.com/szimek/ - * @author tschw - */ + } + break; - function WebGLRenderer(parameters) { - console.log("THREE.WebGLRenderer", REVISION); + } - parameters = parameters || {}; + } - var _canvas = - parameters.canvas !== undefined - ? parameters.canvas - : document.createElementNS("http://www.w3.org/1999/xhtml", "canvas"), - _context = parameters.context !== undefined ? parameters.context : null, - _alpha = parameters.alpha !== undefined ? parameters.alpha : false, - _depth = parameters.depth !== undefined ? parameters.depth : true, - _stencil = parameters.stencil !== undefined ? parameters.stencil : true, - _antialias = - parameters.antialias !== undefined ? parameters.antialias : false, - _premultipliedAlpha = - parameters.premultipliedAlpha !== undefined - ? parameters.premultipliedAlpha - : true, - _preserveDrawingBuffer = - parameters.preserveDrawingBuffer !== undefined - ? parameters.preserveDrawingBuffer - : false, - _powerPreference = - parameters.powerPreference !== undefined - ? parameters.powerPreference - : "default"; + if ( this.flipY ) { - var currentRenderList = null; - var currentRenderState = null; + uv.y = 1 - uv.y; - // public properties + } - this.domElement = _canvas; - this.context = null; + } - // clearing + } ); - this.autoClear = true; - this.autoClearColor = true; - this.autoClearDepth = true; - this.autoClearStencil = true; + Object.defineProperty( Texture.prototype, "needsUpdate", { - // scene graph - - this.sortObjects = true; - - // user-defined clipping - - this.clippingPlanes = []; - this.localClippingEnabled = false; - - // physically based shading - - this.gammaFactor = 2.0; // for backwards compatibility - this.gammaInput = false; - this.gammaOutput = false; - - // physical lights - - this.physicallyCorrectLights = false; - - // tone mapping - - this.toneMapping = LinearToneMapping; - this.toneMappingExposure = 1.0; - this.toneMappingWhitePoint = 1.0; - - // morphs - - this.maxMorphTargets = 8; - this.maxMorphNormals = 4; - - // internal properties - - var _this = this, - _isContextLost = false, - // internal state cache - - _currentRenderTarget = null, - _currentFramebuffer = null, - _currentMaterialId = -1, - _currentGeometryProgram = "", - _currentCamera = null, - _currentArrayCamera = null, - _currentViewport = new Vector4(), - _currentScissor = new Vector4(), - _currentScissorTest = null, - // - - _usedTextureUnits = 0, - // - - _width = _canvas.width, - _height = _canvas.height, - _pixelRatio = 1, - _viewport = new Vector4(0, 0, _width, _height), - _scissor = new Vector4(0, 0, _width, _height), - _scissorTest = false, - // frustum - - _frustum = new Frustum(), - // clipping - - _clipping = new WebGLClipping(), - _clippingEnabled = false, - _localClippingEnabled = false, - // camera matrices cache - - _projScreenMatrix = new Matrix4(), - _vector3 = new Vector3(); - - function getTargetPixelRatio() { - return _currentRenderTarget === null ? _pixelRatio : 1; - } - - // initialize - - var _gl; - - try { - var contextAttributes = { - alpha: _alpha, - depth: _depth, - stencil: _stencil, - antialias: _antialias, - premultipliedAlpha: _premultipliedAlpha, - preserveDrawingBuffer: _preserveDrawingBuffer, - powerPreference: _powerPreference, - }; - - // event listeners must be registered before WebGL context is created, see #12753 - - _canvas.addEventListener("webglcontextlost", onContextLost, false); - _canvas.addEventListener("webglcontextrestored", onContextRestore, false); - - _gl = - _context || - _canvas.getContext("webgl", contextAttributes) || - _canvas.getContext("experimental-webgl", contextAttributes); - - if (_gl === null) { - if (_canvas.getContext("webgl") !== null) { - throw new Error( - "Error creating WebGL context with your selected attributes." - ); - } else { - throw new Error("Error creating WebGL context."); - } - } - - // Some experimental-webgl implementations do not have getShaderPrecisionFormat - - if (_gl.getShaderPrecisionFormat === undefined) { - _gl.getShaderPrecisionFormat = function () { - return { rangeMin: 1, rangeMax: 1, precision: 1 }; - }; - } - } catch (error) { - console.error("THREE.WebGLRenderer: " + error.message); - } - - var extensions, capabilities, state, info; - var properties, textures, attributes, geometries, objects; - var programCache, renderLists, renderStates; - - var background, morphtargets, bufferRenderer, indexedBufferRenderer; - var spriteRenderer; - - var utils; - - function initGLContext() { - extensions = new WebGLExtensions(_gl); - extensions.get("WEBGL_depth_texture"); - extensions.get("OES_texture_float"); - extensions.get("OES_texture_float_linear"); - extensions.get("OES_texture_half_float"); - extensions.get("OES_texture_half_float_linear"); - extensions.get("OES_standard_derivatives"); - extensions.get("OES_element_index_uint"); - extensions.get("ANGLE_instanced_arrays"); - - utils = new WebGLUtils(_gl, extensions); - - capabilities = new WebGLCapabilities(_gl, extensions, parameters); - - state = new WebGLState(_gl, extensions, utils); - state.scissor(_currentScissor.copy(_scissor).multiplyScalar(_pixelRatio)); - state.viewport( - _currentViewport.copy(_viewport).multiplyScalar(_pixelRatio) - ); - - info = new WebGLInfo(_gl); - properties = new WebGLProperties(); - textures = new WebGLTextures( - _gl, - extensions, - state, - properties, - capabilities, - utils, - info - ); - attributes = new WebGLAttributes(_gl); - geometries = new WebGLGeometries(_gl, attributes, info); - objects = new WebGLObjects(geometries, info); - morphtargets = new WebGLMorphtargets(_gl); - programCache = new WebGLPrograms(_this, extensions, capabilities); - renderLists = new WebGLRenderLists(); - renderStates = new WebGLRenderStates(); - - background = new WebGLBackground( - _this, - state, - geometries, - _premultipliedAlpha - ); - - bufferRenderer = new WebGLBufferRenderer(_gl, extensions, info); - indexedBufferRenderer = new WebGLIndexedBufferRenderer( - _gl, - extensions, - info - ); - - spriteRenderer = new WebGLSpriteRenderer( - _this, - _gl, - state, - textures, - capabilities - ); - - info.programs = programCache.programs; - - _this.context = _gl; - _this.capabilities = capabilities; - _this.extensions = extensions; - _this.properties = properties; - _this.renderLists = renderLists; - _this.state = state; - _this.info = info; - } - - initGLContext(); - - // vr - - var vr = new WebVRManager(_this); - - this.vr = vr; - - // shadow map - - var shadowMap = new WebGLShadowMap( - _this, - objects, - capabilities.maxTextureSize - ); - - this.shadowMap = shadowMap; - - // API - - this.getContext = function () { - return _gl; - }; - - this.getContextAttributes = function () { - return _gl.getContextAttributes(); - }; - - this.forceContextLoss = function () { - var extension = extensions.get("WEBGL_lose_context"); - if (extension) extension.loseContext(); - }; - - this.forceContextRestore = function () { - var extension = extensions.get("WEBGL_lose_context"); - if (extension) extension.restoreContext(); - }; - - this.getPixelRatio = function () { - return _pixelRatio; - }; - - this.setPixelRatio = function (value) { - if (value === undefined) return; - - _pixelRatio = value; - - this.setSize(_width, _height, false); - }; - - this.getSize = function () { - return { - width: _width, - height: _height, - }; - }; - - this.setSize = function (width, height, updateStyle) { - var device = vr.getDevice(); - - if (device && device.isPresenting) { - console.warn( - "THREE.WebGLRenderer: Can't change size while VR device is presenting." - ); - return; - } + set: function ( value ) { - _width = width; - _height = height; + if ( value === true ) this.version ++; - _canvas.width = width * _pixelRatio; - _canvas.height = height * _pixelRatio; + } - if (updateStyle !== false) { - _canvas.style.width = width + "px"; - _canvas.style.height = height + "px"; - } + } ); - this.setViewport(0, 0, width, height); - }; + /** + * @author supereggbert / http://www.paulbrunt.co.uk/ + * @author philogb / http://blog.thejit.org/ + * @author mikael emtinger / http://gomo.se/ + * @author egraether / http://egraether.com/ + * @author WestLangley / http://github.com/WestLangley + */ - this.getDrawingBufferSize = function () { - return { - width: _width * _pixelRatio, - height: _height * _pixelRatio, - }; - }; + function Vector4( x, y, z, w ) { - this.setDrawingBufferSize = function (width, height, pixelRatio) { - _width = width; - _height = height; + this.x = x || 0; + this.y = y || 0; + this.z = z || 0; + this.w = ( w !== undefined ) ? w : 1; - _pixelRatio = pixelRatio; + } - _canvas.width = width * pixelRatio; - _canvas.height = height * pixelRatio; + Object.assign( Vector4.prototype, { - this.setViewport(0, 0, width, height); - }; + isVector4: true, - this.getCurrentViewport = function () { - return _currentViewport; - }; + set: function ( x, y, z, w ) { - this.setViewport = function (x, y, width, height) { - _viewport.set(x, _height - y - height, width, height); - state.viewport( - _currentViewport.copy(_viewport).multiplyScalar(_pixelRatio) - ); - }; + this.x = x; + this.y = y; + this.z = z; + this.w = w; - this.setScissor = function (x, y, width, height) { - _scissor.set(x, _height - y - height, width, height); - state.scissor(_currentScissor.copy(_scissor).multiplyScalar(_pixelRatio)); - }; + return this; - this.setScissorTest = function (boolean) { - state.setScissorTest((_scissorTest = boolean)); - }; + }, - // Clearing + setScalar: function ( scalar ) { - this.getClearColor = function () { - return background.getClearColor(); - }; + this.x = scalar; + this.y = scalar; + this.z = scalar; + this.w = scalar; - this.setClearColor = function () { - background.setClearColor.apply(background, arguments); - }; + return this; - this.getClearAlpha = function () { - return background.getClearAlpha(); - }; + }, - this.setClearAlpha = function () { - background.setClearAlpha.apply(background, arguments); - }; + setX: function ( x ) { - this.clear = function (color, depth, stencil) { - var bits = 0; + this.x = x; - if (color === undefined || color) bits |= _gl.COLOR_BUFFER_BIT; - if (depth === undefined || depth) bits |= _gl.DEPTH_BUFFER_BIT; - if (stencil === undefined || stencil) bits |= _gl.STENCIL_BUFFER_BIT; + return this; - _gl.clear(bits); - }; + }, - this.clearColor = function () { - this.clear(true, false, false); - }; + setY: function ( y ) { - this.clearDepth = function () { - this.clear(false, true, false); - }; + this.y = y; - this.clearStencil = function () { - this.clear(false, false, true); - }; + return this; - this.clearTarget = function (renderTarget, color, depth, stencil) { - this.setRenderTarget(renderTarget); - this.clear(color, depth, stencil); - }; + }, - // + setZ: function ( z ) { - this.dispose = function () { - _canvas.removeEventListener("webglcontextlost", onContextLost, false); - _canvas.removeEventListener( - "webglcontextrestored", - onContextRestore, - false - ); + this.z = z; - renderLists.dispose(); - renderStates.dispose(); - properties.dispose(); - objects.dispose(); + return this; - vr.dispose(); + }, - stopAnimation(); - }; + setW: function ( w ) { - // Events + this.w = w; - function onContextLost(event) { - event.preventDefault(); + return this; - console.log("THREE.WebGLRenderer: Context Lost."); + }, - _isContextLost = true; - } + setComponent: function ( index, value ) { - function onContextRestore(/* event */) { - console.log("THREE.WebGLRenderer: Context Restored."); + switch ( index ) { - _isContextLost = false; + case 0: this.x = value; break; + case 1: this.y = value; break; + case 2: this.z = value; break; + case 3: this.w = value; break; + default: throw new Error( 'index is out of range: ' + index ); - initGLContext(); - } + } - function onMaterialDispose(event) { - var material = event.target; + return this; - material.removeEventListener("dispose", onMaterialDispose); + }, - deallocateMaterial(material); - } + getComponent: function ( index ) { - // Buffer deallocation + switch ( index ) { - function deallocateMaterial(material) { - releaseMaterialProgramReference(material); + case 0: return this.x; + case 1: return this.y; + case 2: return this.z; + case 3: return this.w; + default: throw new Error( 'index is out of range: ' + index ); - properties.remove(material); - } + } - function releaseMaterialProgramReference(material) { - var programInfo = properties.get(material).program; + }, - material.program = undefined; + clone: function () { - if (programInfo !== undefined) { - programCache.releaseProgram(programInfo); - } - } + return new this.constructor( this.x, this.y, this.z, this.w ); - // Buffer rendering + }, - function renderObjectImmediate(object, program, material) { - object.render(function (object) { - _this.renderBufferImmediate(object, program, material); - }); - } + copy: function ( v ) { - this.renderBufferImmediate = function (object, program, material) { - state.initAttributes(); + this.x = v.x; + this.y = v.y; + this.z = v.z; + this.w = ( v.w !== undefined ) ? v.w : 1; - var buffers = properties.get(object); - - if (object.hasPositions && !buffers.position) - buffers.position = _gl.createBuffer(); - if (object.hasNormals && !buffers.normal) - buffers.normal = _gl.createBuffer(); - if (object.hasUvs && !buffers.uv) buffers.uv = _gl.createBuffer(); - if (object.hasColors && !buffers.color) - buffers.color = _gl.createBuffer(); - - var programAttributes = program.getAttributes(); + return this; - if (object.hasPositions) { - _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.position); - _gl.bufferData( - _gl.ARRAY_BUFFER, - object.positionArray, - _gl.DYNAMIC_DRAW - ); - - state.enableAttribute(programAttributes.position); - _gl.vertexAttribPointer( - programAttributes.position, - 3, - _gl.FLOAT, - false, - 0, - 0 - ); - } - - if (object.hasNormals) { - _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.normal); + }, - if ( - !material.isMeshPhongMaterial && - !material.isMeshStandardMaterial && - !material.isMeshNormalMaterial && - material.flatShading === true - ) { - for (var i = 0, l = object.count * 3; i < l; i += 9) { - var array = object.normalArray; + add: function ( v, w ) { - var nx = (array[i + 0] + array[i + 3] + array[i + 6]) / 3; - var ny = (array[i + 1] + array[i + 4] + array[i + 7]) / 3; - var nz = (array[i + 2] + array[i + 5] + array[i + 8]) / 3; + if ( w !== undefined ) { - array[i + 0] = nx; - array[i + 1] = ny; - array[i + 2] = nz; - - array[i + 3] = nx; - array[i + 4] = ny; - array[i + 5] = nz; - - array[i + 6] = nx; - array[i + 7] = ny; - array[i + 8] = nz; - } - } - - _gl.bufferData(_gl.ARRAY_BUFFER, object.normalArray, _gl.DYNAMIC_DRAW); - - state.enableAttribute(programAttributes.normal); - - _gl.vertexAttribPointer( - programAttributes.normal, - 3, - _gl.FLOAT, - false, - 0, - 0 - ); - } - - if (object.hasUvs && material.map) { - _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.uv); - _gl.bufferData(_gl.ARRAY_BUFFER, object.uvArray, _gl.DYNAMIC_DRAW); - - state.enableAttribute(programAttributes.uv); - - _gl.vertexAttribPointer( - programAttributes.uv, - 2, - _gl.FLOAT, - false, - 0, - 0 - ); - } - - if (object.hasColors && material.vertexColors !== NoColors) { - _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.color); - _gl.bufferData(_gl.ARRAY_BUFFER, object.colorArray, _gl.DYNAMIC_DRAW); - - state.enableAttribute(programAttributes.color); - - _gl.vertexAttribPointer( - programAttributes.color, - 3, - _gl.FLOAT, - false, - 0, - 0 - ); - } - - state.disableUnusedAttributes(); - - _gl.drawArrays(_gl.TRIANGLES, 0, object.count); - - object.count = 0; - }; - - this.renderBufferDirect = function ( - camera, - fog, - geometry, - material, - object, - group - ) { - var frontFaceCW = object.isMesh && object.matrixWorld.determinant() < 0; - - state.setMaterial(material, frontFaceCW); - - var program = setProgram(camera, fog, material, object); - var geometryProgram = - geometry.id + "_" + program.id + "_" + (material.wireframe === true); - - var updateBuffers = false; - - if (geometryProgram !== _currentGeometryProgram) { - _currentGeometryProgram = geometryProgram; - updateBuffers = true; - } - - if (object.morphTargetInfluences) { - morphtargets.update(object, geometry, material, program); - - updateBuffers = true; - } - - // - - var index = geometry.index; - var position = geometry.attributes.position; - var rangeFactor = 1; - - if (material.wireframe === true) { - index = geometries.getWireframeAttribute(geometry); - rangeFactor = 2; - } - - var attribute; - var renderer = bufferRenderer; - - if (index !== null) { - attribute = attributes.get(index); - - renderer = indexedBufferRenderer; - renderer.setIndex(attribute); - } - - if (updateBuffers) { - setupVertexAttributes(material, program, geometry); - - if (index !== null) { - _gl.bindBuffer(_gl.ELEMENT_ARRAY_BUFFER, attribute.buffer); - } - } - - // - - var dataCount = Infinity; - - if (index !== null) { - dataCount = index.count; - } else if (position !== undefined) { - dataCount = position.count; - } - - var rangeStart = geometry.drawRange.start * rangeFactor; - var rangeCount = geometry.drawRange.count * rangeFactor; + console.warn( 'THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead.' ); + return this.addVectors( v, w ); - var groupStart = group !== null ? group.start * rangeFactor : 0; - var groupCount = group !== null ? group.count * rangeFactor : Infinity; + } - var drawStart = Math.max(rangeStart, groupStart); - var drawEnd = - Math.min(dataCount, rangeStart + rangeCount, groupStart + groupCount) - - 1; + this.x += v.x; + this.y += v.y; + this.z += v.z; + this.w += v.w; - var drawCount = Math.max(0, drawEnd - drawStart + 1); + return this; - if (drawCount === 0) return; + }, - // - - if (object.isMesh) { - if (material.wireframe === true) { - state.setLineWidth( - material.wireframeLinewidth * getTargetPixelRatio() - ); - renderer.setMode(_gl.LINES); - } else { - switch (object.drawMode) { - case TrianglesDrawMode: - renderer.setMode(_gl.TRIANGLES); - break; - - case TriangleStripDrawMode: - renderer.setMode(_gl.TRIANGLE_STRIP); - break; - - case TriangleFanDrawMode: - renderer.setMode(_gl.TRIANGLE_FAN); - break; - } - } - } else if (object.isLine) { - var lineWidth = material.linewidth; - - if (lineWidth === undefined) lineWidth = 1; // Not using Line*Material - - state.setLineWidth(lineWidth * getTargetPixelRatio()); - - if (object.isLineSegments) { - renderer.setMode(_gl.LINES); - } else if (object.isLineLoop) { - renderer.setMode(_gl.LINE_LOOP); - } else { - renderer.setMode(_gl.LINE_STRIP); - } - } else if (object.isPoints) { - renderer.setMode(_gl.POINTS); - } - - if (geometry && geometry.isInstancedBufferGeometry) { - if (geometry.maxInstancedCount > 0) { - renderer.renderInstances(geometry, drawStart, drawCount); - } - } else { - renderer.render(drawStart, drawCount); - } - }; - - function setupVertexAttributes(material, program, geometry) { - if (geometry && geometry.isInstancedBufferGeometry) { - if (extensions.get("ANGLE_instanced_arrays") === null) { - console.error( - "THREE.WebGLRenderer.setupVertexAttributes: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays." - ); - return; - } - } - - state.initAttributes(); - - var geometryAttributes = geometry.attributes; - - var programAttributes = program.getAttributes(); - - var materialDefaultAttributeValues = material.defaultAttributeValues; - - for (var name in programAttributes) { - var programAttribute = programAttributes[name]; - - if (programAttribute >= 0) { - var geometryAttribute = geometryAttributes[name]; - - if (geometryAttribute !== undefined) { - var normalized = geometryAttribute.normalized; - var size = geometryAttribute.itemSize; - - var attribute = attributes.get(geometryAttribute); - - // TODO Attribute may not be available on context restore - - if (attribute === undefined) continue; - - var buffer = attribute.buffer; - var type = attribute.type; - var bytesPerElement = attribute.bytesPerElement; - - if (geometryAttribute.isInterleavedBufferAttribute) { - var data = geometryAttribute.data; - var stride = data.stride; - var offset = geometryAttribute.offset; - - if (data && data.isInstancedInterleavedBuffer) { - state.enableAttributeAndDivisor( - programAttribute, - data.meshPerAttribute - ); - - if (geometry.maxInstancedCount === undefined) { - geometry.maxInstancedCount = - data.meshPerAttribute * data.count; - } - } else { - state.enableAttribute(programAttribute); - } - - _gl.bindBuffer(_gl.ARRAY_BUFFER, buffer); - _gl.vertexAttribPointer( - programAttribute, - size, - type, - normalized, - stride * bytesPerElement, - offset * bytesPerElement - ); - } else { - if (geometryAttribute.isInstancedBufferAttribute) { - state.enableAttributeAndDivisor( - programAttribute, - geometryAttribute.meshPerAttribute - ); - - if (geometry.maxInstancedCount === undefined) { - geometry.maxInstancedCount = - geometryAttribute.meshPerAttribute * - geometryAttribute.count; - } - } else { - state.enableAttribute(programAttribute); - } - - _gl.bindBuffer(_gl.ARRAY_BUFFER, buffer); - _gl.vertexAttribPointer( - programAttribute, - size, - type, - normalized, - 0, - 0 - ); - } - } else if (materialDefaultAttributeValues !== undefined) { - var value = materialDefaultAttributeValues[name]; - - if (value !== undefined) { - switch (value.length) { - case 2: - _gl.vertexAttrib2fv(programAttribute, value); - break; - - case 3: - _gl.vertexAttrib3fv(programAttribute, value); - break; - - case 4: - _gl.vertexAttrib4fv(programAttribute, value); - break; - - default: - _gl.vertexAttrib1fv(programAttribute, value); - } - } - } - } - } - - state.disableUnusedAttributes(); - } - - // Compile - - this.compile = function (scene, camera) { - currentRenderState = renderStates.get(scene, camera); - currentRenderState.init(); - - scene.traverse(function (object) { - if (object.isLight) { - currentRenderState.pushLight(object); - - if (object.castShadow) { - currentRenderState.pushShadow(object); - } - } - }); - - currentRenderState.setupLights(camera); - - scene.traverse(function (object) { - if (object.material) { - if (Array.isArray(object.material)) { - for (var i = 0; i < object.material.length; i++) { - initMaterial(object.material[i], scene.fog, object); - } - } else { - initMaterial(object.material, scene.fog, object); - } - } - }); - }; - - // Animation Loop - - var isAnimating = false; - var onAnimationFrame = null; - - function startAnimation() { - if (isAnimating) return; - - requestAnimationLoopFrame(); - - isAnimating = true; - } + addScalar: function ( s ) { - function stopAnimation() { - isAnimating = false; - } + this.x += s; + this.y += s; + this.z += s; + this.w += s; - function requestAnimationLoopFrame() { - var device = vr.getDevice(); + return this; - if (device && device.isPresenting) { - device.requestAnimationFrame(animationLoop); - } else { - window.requestAnimationFrame(animationLoop); - } - } + }, - function animationLoop(time) { - if (isAnimating === false) return; + addVectors: function ( a, b ) { - onAnimationFrame(time); + this.x = a.x + b.x; + this.y = a.y + b.y; + this.z = a.z + b.z; + this.w = a.w + b.w; - requestAnimationLoopFrame(); - } + return this; - this.animate = function (callback) { - onAnimationFrame = callback; - onAnimationFrame !== null ? startAnimation() : stopAnimation(); - }; + }, - // Rendering + addScaledVector: function ( v, s ) { - this.render = function (scene, camera, renderTarget, forceClear) { - if (!(camera && camera.isCamera)) { - console.error( - "THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera." - ); - return; - } + this.x += v.x * s; + this.y += v.y * s; + this.z += v.z * s; + this.w += v.w * s; - if (_isContextLost) return; + return this; - // reset caching for this frame + }, - _currentGeometryProgram = ""; - _currentMaterialId = -1; - _currentCamera = null; + sub: function ( v, w ) { - // update scene graph + if ( w !== undefined ) { - if (scene.autoUpdate === true) scene.updateMatrixWorld(); + console.warn( 'THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.' ); + return this.subVectors( v, w ); - // update camera matrices and frustum + } - if (camera.parent === null) camera.updateMatrixWorld(); + this.x -= v.x; + this.y -= v.y; + this.z -= v.z; + this.w -= v.w; - if (vr.enabled) { - camera = vr.getCamera(camera); - } + return this; - // + }, - currentRenderState = renderStates.get(scene, camera); - currentRenderState.init(); + subScalar: function ( s ) { - scene.onBeforeRender(_this, scene, camera, renderTarget); + this.x -= s; + this.y -= s; + this.z -= s; + this.w -= s; - _projScreenMatrix.multiplyMatrices( - camera.projectionMatrix, - camera.matrixWorldInverse - ); - _frustum.setFromMatrix(_projScreenMatrix); + return this; - _localClippingEnabled = this.localClippingEnabled; - _clippingEnabled = _clipping.init( - this.clippingPlanes, - _localClippingEnabled, - camera - ); + }, - currentRenderList = renderLists.get(scene, camera); - currentRenderList.init(); + subVectors: function ( a, b ) { - projectObject(scene, camera, _this.sortObjects); + this.x = a.x - b.x; + this.y = a.y - b.y; + this.z = a.z - b.z; + this.w = a.w - b.w; - if (_this.sortObjects === true) { - currentRenderList.sort(); - } + return this; - // + }, - if (_clippingEnabled) _clipping.beginShadows(); + multiplyScalar: function ( scalar ) { - var shadowsArray = currentRenderState.state.shadowsArray; + this.x *= scalar; + this.y *= scalar; + this.z *= scalar; + this.w *= scalar; - shadowMap.render(shadowsArray, scene, camera); + return this; - currentRenderState.setupLights(camera); + }, - if (_clippingEnabled) _clipping.endShadows(); + applyMatrix4: function ( m ) { - // + var x = this.x, y = this.y, z = this.z, w = this.w; + var e = m.elements; - if (this.info.autoReset) this.info.reset(); + this.x = e[ 0 ] * x + e[ 4 ] * y + e[ 8 ] * z + e[ 12 ] * w; + this.y = e[ 1 ] * x + e[ 5 ] * y + e[ 9 ] * z + e[ 13 ] * w; + this.z = e[ 2 ] * x + e[ 6 ] * y + e[ 10 ] * z + e[ 14 ] * w; + this.w = e[ 3 ] * x + e[ 7 ] * y + e[ 11 ] * z + e[ 15 ] * w; - if (renderTarget === undefined) { - renderTarget = null; - } + return this; - this.setRenderTarget(renderTarget); + }, - // + divideScalar: function ( scalar ) { - background.render(currentRenderList, scene, camera, forceClear); + return this.multiplyScalar( 1 / scalar ); - // render scene + }, - var opaqueObjects = currentRenderList.opaque; - var transparentObjects = currentRenderList.transparent; + setAxisAngleFromQuaternion: function ( q ) { - if (scene.overrideMaterial) { - var overrideMaterial = scene.overrideMaterial; + // http://www.euclideanspace.com/maths/geometry/rotations/conversions/quaternionToAngle/index.htm - if (opaqueObjects.length) - renderObjects(opaqueObjects, scene, camera, overrideMaterial); - if (transparentObjects.length) - renderObjects(transparentObjects, scene, camera, overrideMaterial); - } else { - // opaque pass (front-to-back order) + // q is assumed to be normalized - if (opaqueObjects.length) renderObjects(opaqueObjects, scene, camera); + this.w = 2 * Math.acos( q.w ); - // transparent pass (back-to-front order) + var s = Math.sqrt( 1 - q.w * q.w ); - if (transparentObjects.length) - renderObjects(transparentObjects, scene, camera); - } + if ( s < 0.0001 ) { - // custom renderers + this.x = 1; + this.y = 0; + this.z = 0; - var spritesArray = currentRenderState.state.spritesArray; + } else { - spriteRenderer.render(spritesArray, scene, camera); + this.x = q.x / s; + this.y = q.y / s; + this.z = q.z / s; - // Generate mipmap if we're using any kind of mipmap filtering + } - if (renderTarget) { - textures.updateRenderTargetMipmap(renderTarget); - } + return this; - // Ensure depth buffer writing is enabled so it can be cleared on next render + }, - state.buffers.depth.setTest(true); - state.buffers.depth.setMask(true); - state.buffers.color.setMask(true); + setAxisAngleFromRotationMatrix: function ( m ) { - state.setPolygonOffset(false); + // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToAngle/index.htm - scene.onAfterRender(_this, scene, camera); + // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) - if (vr.enabled) { - vr.submitFrame(); - } + var angle, x, y, z, // variables for result + epsilon = 0.01, // margin to allow for rounding errors + epsilon2 = 0.1, // margin to distinguish between 0 and 180 degrees - // _gl.finish(); + te = m.elements, - currentRenderList = null; - currentRenderState = null; - }; + m11 = te[ 0 ], m12 = te[ 4 ], m13 = te[ 8 ], + m21 = te[ 1 ], m22 = te[ 5 ], m23 = te[ 9 ], + m31 = te[ 2 ], m32 = te[ 6 ], m33 = te[ 10 ]; - /* - // TODO Duplicated code (Frustum) + if ( ( Math.abs( m12 - m21 ) < epsilon ) && + ( Math.abs( m13 - m31 ) < epsilon ) && + ( Math.abs( m23 - m32 ) < epsilon ) ) { - var _sphere = new Sphere(); + // singularity found + // first check for identity matrix which must have +1 for all terms + // in leading diagonal and zero in other terms - function isObjectViewable( object ) { + if ( ( Math.abs( m12 + m21 ) < epsilon2 ) && + ( Math.abs( m13 + m31 ) < epsilon2 ) && + ( Math.abs( m23 + m32 ) < epsilon2 ) && + ( Math.abs( m11 + m22 + m33 - 3 ) < epsilon2 ) ) { - var geometry = object.geometry; + // this singularity is identity matrix so angle = 0 - if ( geometry.boundingSphere === null ) - geometry.computeBoundingSphere(); + this.set( 1, 0, 0, 0 ); - _sphere.copy( geometry.boundingSphere ). - applyMatrix4( object.matrixWorld ); + return this; // zero angle, arbitrary axis - return isSphereViewable( _sphere ); + } - } + // otherwise this singularity is angle = 180 - function isSpriteViewable( sprite ) { + angle = Math.PI; - _sphere.center.set( 0, 0, 0 ); - _sphere.radius = 0.7071067811865476; - _sphere.applyMatrix4( sprite.matrixWorld ); + var xx = ( m11 + 1 ) / 2; + var yy = ( m22 + 1 ) / 2; + var zz = ( m33 + 1 ) / 2; + var xy = ( m12 + m21 ) / 4; + var xz = ( m13 + m31 ) / 4; + var yz = ( m23 + m32 ) / 4; - return isSphereViewable( _sphere ); + if ( ( xx > yy ) && ( xx > zz ) ) { - } + // m11 is the largest diagonal term - function isSphereViewable( sphere ) { + if ( xx < epsilon ) { - if ( ! _frustum.intersectsSphere( sphere ) ) return false; + x = 0; + y = 0.707106781; + z = 0.707106781; - var numPlanes = _clipping.numPlanes; + } else { - if ( numPlanes === 0 ) return true; + x = Math.sqrt( xx ); + y = xy / x; + z = xz / x; - var planes = _this.clippingPlanes, + } - center = sphere.center, - negRad = - sphere.radius, - i = 0; + } else if ( yy > zz ) { - do { + // m22 is the largest diagonal term - // out when deeper than radius in the negative halfspace - if ( planes[ i ].distanceToPoint( center ) < negRad ) return false; + if ( yy < epsilon ) { - } while ( ++ i !== numPlanes ); + x = 0.707106781; + y = 0; + z = 0.707106781; - return true; + } else { - } - */ + y = Math.sqrt( yy ); + x = xy / y; + z = yz / y; - function projectObject(object, camera, sortObjects) { - if (object.visible === false) return; + } - var visible = object.layers.test(camera.layers); + } else { - if (visible) { - if (object.isLight) { - currentRenderState.pushLight(object); + // m33 is the largest diagonal term so base result on this - if (object.castShadow) { - currentRenderState.pushShadow(object); - } - } else if (object.isSprite) { - if (!object.frustumCulled || _frustum.intersectsSprite(object)) { - currentRenderState.pushSprite(object); - } - } else if (object.isImmediateRenderObject) { - if (sortObjects) { - _vector3 - .setFromMatrixPosition(object.matrixWorld) - .applyMatrix4(_projScreenMatrix); - } + if ( zz < epsilon ) { - currentRenderList.push( - object, - null, - object.material, - _vector3.z, - null - ); - } else if (object.isMesh || object.isLine || object.isPoints) { - if (object.isSkinnedMesh) { - object.skeleton.update(); - } + x = 0.707106781; + y = 0.707106781; + z = 0; - if (!object.frustumCulled || _frustum.intersectsObject(object)) { - if (sortObjects) { - _vector3 - .setFromMatrixPosition(object.matrixWorld) - .applyMatrix4(_projScreenMatrix); - } - - var geometry = objects.update(object); - var material = object.material; + } else { - if (Array.isArray(material)) { - var groups = geometry.groups; + z = Math.sqrt( zz ); + x = xz / z; + y = yz / z; - for (var i = 0, l = groups.length; i < l; i++) { - var group = groups[i]; - var groupMaterial = material[group.materialIndex]; - - if (groupMaterial && groupMaterial.visible) { - currentRenderList.push( - object, - geometry, - groupMaterial, - _vector3.z, - group - ); - } - } - } else if (material.visible) { - currentRenderList.push( - object, - geometry, - material, - _vector3.z, - null - ); - } - } - } - } - - var children = object.children; - - for (var i = 0, l = children.length; i < l; i++) { - projectObject(children[i], camera, sortObjects); - } - } - - function renderObjects(renderList, scene, camera, overrideMaterial) { - for (var i = 0, l = renderList.length; i < l; i++) { - var renderItem = renderList[i]; - - var object = renderItem.object; - var geometry = renderItem.geometry; - var material = - overrideMaterial === undefined - ? renderItem.material - : overrideMaterial; - var group = renderItem.group; - - if (camera.isArrayCamera) { - _currentArrayCamera = camera; - - var cameras = camera.cameras; - - for (var j = 0, jl = cameras.length; j < jl; j++) { - var camera2 = cameras[j]; - - if (object.layers.test(camera2.layers)) { - var bounds = camera2.bounds; - - var x = bounds.x * _width; - var y = bounds.y * _height; - var width = bounds.z * _width; - var height = bounds.w * _height; - - state.viewport( - _currentViewport - .set(x, y, width, height) - .multiplyScalar(_pixelRatio) - ); - - renderObject(object, scene, camera2, geometry, material, group); - } - } - } else { - _currentArrayCamera = null; - - renderObject(object, scene, camera, geometry, material, group); - } - } - } - - function renderObject(object, scene, camera, geometry, material, group) { - object.onBeforeRender(_this, scene, camera, geometry, material, group); - currentRenderState = renderStates.get( - scene, - _currentArrayCamera || camera - ); - - object.modelViewMatrix.multiplyMatrices( - camera.matrixWorldInverse, - object.matrixWorld - ); - object.normalMatrix.getNormalMatrix(object.modelViewMatrix); - - if (object.isImmediateRenderObject) { - var frontFaceCW = object.isMesh && object.matrixWorld.determinant() < 0; - - state.setMaterial(material, frontFaceCW); - - var program = setProgram(camera, scene.fog, material, object); - - _currentGeometryProgram = ""; - - renderObjectImmediate(object, program, material); - } else { - _this.renderBufferDirect( - camera, - scene.fog, - geometry, - material, - object, - group - ); - } - - object.onAfterRender(_this, scene, camera, geometry, material, group); - currentRenderState = renderStates.get( - scene, - _currentArrayCamera || camera - ); - } - - function initMaterial(material, fog, object) { - var materialProperties = properties.get(material); - - var lights = currentRenderState.state.lights; - var shadowsArray = currentRenderState.state.shadowsArray; - - var parameters = programCache.getParameters( - material, - lights.state, - shadowsArray, - fog, - _clipping.numPlanes, - _clipping.numIntersection, - object - ); - - var code = programCache.getProgramCode(material, parameters); - - var program = materialProperties.program; - var programChange = true; - - if (program === undefined) { - // new material - material.addEventListener("dispose", onMaterialDispose); - } else if (program.code !== code) { - // changed glsl or parameters - releaseMaterialProgramReference(material); - } else if (materialProperties.lightsHash !== lights.state.hash) { - properties.update(material, "lightsHash", lights.state.hash); - programChange = false; - } else if (parameters.shaderID !== undefined) { - // same glsl and uniform list - return; - } else { - // only rebuild uniform list - programChange = false; - } - - if (programChange) { - if (parameters.shaderID) { - var shader = ShaderLib[parameters.shaderID]; - - materialProperties.shader = { - name: material.type, - uniforms: UniformsUtils.clone(shader.uniforms), - vertexShader: shader.vertexShader, - fragmentShader: shader.fragmentShader, - }; - } else { - materialProperties.shader = { - name: material.type, - uniforms: material.uniforms, - vertexShader: material.vertexShader, - fragmentShader: material.fragmentShader, - }; - } - - material.onBeforeCompile(materialProperties.shader, _this); - - program = programCache.acquireProgram( - material, - materialProperties.shader, - parameters, - code - ); - - materialProperties.program = program; - material.program = program; - } - - var programAttributes = program.getAttributes(); - - if (material.morphTargets) { - material.numSupportedMorphTargets = 0; - - for (var i = 0; i < _this.maxMorphTargets; i++) { - if (programAttributes["morphTarget" + i] >= 0) { - material.numSupportedMorphTargets++; - } - } - } - - if (material.morphNormals) { - material.numSupportedMorphNormals = 0; - - for (var i = 0; i < _this.maxMorphNormals; i++) { - if (programAttributes["morphNormal" + i] >= 0) { - material.numSupportedMorphNormals++; - } - } - } - - var uniforms = materialProperties.shader.uniforms; - - if ( - (!material.isShaderMaterial && !material.isRawShaderMaterial) || - material.clipping === true - ) { - materialProperties.numClippingPlanes = _clipping.numPlanes; - materialProperties.numIntersection = _clipping.numIntersection; - uniforms.clippingPlanes = _clipping.uniform; - } - - materialProperties.fog = fog; - - // store the light setup it was created for - - materialProperties.lightsHash = lights.state.hash; - - if (material.lights) { - // wire up the material to this renderer's lighting state - - uniforms.ambientLightColor.value = lights.state.ambient; - uniforms.directionalLights.value = lights.state.directional; - uniforms.spotLights.value = lights.state.spot; - uniforms.rectAreaLights.value = lights.state.rectArea; - uniforms.pointLights.value = lights.state.point; - uniforms.hemisphereLights.value = lights.state.hemi; - - uniforms.directionalShadowMap.value = lights.state.directionalShadowMap; - uniforms.directionalShadowMatrix.value = - lights.state.directionalShadowMatrix; - uniforms.spotShadowMap.value = lights.state.spotShadowMap; - uniforms.spotShadowMatrix.value = lights.state.spotShadowMatrix; - uniforms.pointShadowMap.value = lights.state.pointShadowMap; - uniforms.pointShadowMatrix.value = lights.state.pointShadowMatrix; - // TODO (abelnation): add area lights shadow info to uniforms - } - - var progUniforms = materialProperties.program.getUniforms(), - uniformsList = WebGLUniforms.seqWithValue(progUniforms.seq, uniforms); - - materialProperties.uniformsList = uniformsList; - } - - function setProgram(camera, fog, material, object) { - _usedTextureUnits = 0; - - var materialProperties = properties.get(material); - var lights = currentRenderState.state.lights; - - if (_clippingEnabled) { - if (_localClippingEnabled || camera !== _currentCamera) { - var useCache = - camera === _currentCamera && material.id === _currentMaterialId; - - // we might want to call this function with some ClippingGroup - // object instead of the material, once it becomes feasible - // (#8465, #8379) - _clipping.setState( - material.clippingPlanes, - material.clipIntersection, - material.clipShadows, - camera, - materialProperties, - useCache - ); - } - } - - if (material.needsUpdate === false) { - if (materialProperties.program === undefined) { - material.needsUpdate = true; - } else if (material.fog && materialProperties.fog !== fog) { - material.needsUpdate = true; - } else if ( - material.lights && - materialProperties.lightsHash !== lights.state.hash - ) { - material.needsUpdate = true; - } else if ( - materialProperties.numClippingPlanes !== undefined && - (materialProperties.numClippingPlanes !== _clipping.numPlanes || - materialProperties.numIntersection !== _clipping.numIntersection) - ) { - material.needsUpdate = true; - } - } - - if (material.needsUpdate) { - initMaterial(material, fog, object); - material.needsUpdate = false; - } - - var refreshProgram = false; - var refreshMaterial = false; - var refreshLights = false; - - var program = materialProperties.program, - p_uniforms = program.getUniforms(), - m_uniforms = materialProperties.shader.uniforms; - - if (state.useProgram(program.program)) { - refreshProgram = true; - refreshMaterial = true; - refreshLights = true; - } - - if (material.id !== _currentMaterialId) { - _currentMaterialId = material.id; - - refreshMaterial = true; - } - - if (refreshProgram || camera !== _currentCamera) { - p_uniforms.setValue(_gl, "projectionMatrix", camera.projectionMatrix); - - if (capabilities.logarithmicDepthBuffer) { - p_uniforms.setValue( - _gl, - "logDepthBufFC", - 2.0 / (Math.log(camera.far + 1.0) / Math.LN2) - ); - } - - // Avoid unneeded uniform updates per ArrayCamera's sub-camera - - if (_currentCamera !== (_currentArrayCamera || camera)) { - _currentCamera = _currentArrayCamera || camera; - - // lighting uniforms depend on the camera so enforce an update - // now, in case this material supports lights - or later, when - // the next material that does gets activated: - - refreshMaterial = true; // set to true on material change - refreshLights = true; // remains set until update done - } - - // load material specific uniforms - // (shader material also gets them for the sake of genericity) - - if ( - material.isShaderMaterial || - material.isMeshPhongMaterial || - material.isMeshStandardMaterial || - material.envMap - ) { - var uCamPos = p_uniforms.map.cameraPosition; - - if (uCamPos !== undefined) { - uCamPos.setValue( - _gl, - _vector3.setFromMatrixPosition(camera.matrixWorld) - ); - } - } - - if ( - material.isMeshPhongMaterial || - material.isMeshLambertMaterial || - material.isMeshBasicMaterial || - material.isMeshStandardMaterial || - material.isShaderMaterial || - material.skinning - ) { - p_uniforms.setValue(_gl, "viewMatrix", camera.matrixWorldInverse); - } - } - - // skinning uniforms must be set even if material didn't change - // auto-setting of texture unit for bone texture must go before other textures - // not sure why, but otherwise weird things happen - - if (material.skinning) { - p_uniforms.setOptional(_gl, object, "bindMatrix"); - p_uniforms.setOptional(_gl, object, "bindMatrixInverse"); - - var skeleton = object.skeleton; - - if (skeleton) { - var bones = skeleton.bones; - - if (capabilities.floatVertexTextures) { - if (skeleton.boneTexture === undefined) { - // layout (1 matrix = 4 pixels) - // RGBA RGBA RGBA RGBA (=> column1, column2, column3, column4) - // with 8x8 pixel texture max 16 bones * 4 pixels = (8 * 8) - // 16x16 pixel texture max 64 bones * 4 pixels = (16 * 16) - // 32x32 pixel texture max 256 bones * 4 pixels = (32 * 32) - // 64x64 pixel texture max 1024 bones * 4 pixels = (64 * 64) - - var size = Math.sqrt(bones.length * 4); // 4 pixels needed for 1 matrix - size = _Math.ceilPowerOfTwo(size); - size = Math.max(size, 4); - - var boneMatrices = new Float32Array(size * size * 4); // 4 floats per RGBA pixel - boneMatrices.set(skeleton.boneMatrices); // copy current values - - var boneTexture = new DataTexture( - boneMatrices, - size, - size, - RGBAFormat, - FloatType - ); - boneTexture.needsUpdate = true; - - skeleton.boneMatrices = boneMatrices; - skeleton.boneTexture = boneTexture; - skeleton.boneTextureSize = size; - } - - p_uniforms.setValue(_gl, "boneTexture", skeleton.boneTexture); - p_uniforms.setValue( - _gl, - "boneTextureSize", - skeleton.boneTextureSize - ); - } else { - p_uniforms.setOptional(_gl, skeleton, "boneMatrices"); - } - } - } - - if (refreshMaterial) { - p_uniforms.setValue( - _gl, - "toneMappingExposure", - _this.toneMappingExposure - ); - p_uniforms.setValue( - _gl, - "toneMappingWhitePoint", - _this.toneMappingWhitePoint - ); - - if (material.lights) { - // the current material requires lighting info - - // note: all lighting uniforms are always set correctly - // they simply reference the renderer's state for their - // values - // - // use the current material's .needsUpdate flags to set - // the GL state when required - - markUniformsLightsNeedsUpdate(m_uniforms, refreshLights); - } - - // refresh uniforms common to several materials - - if (fog && material.fog) { - refreshUniformsFog(m_uniforms, fog); - } - - if (material.isMeshBasicMaterial) { - refreshUniformsCommon(m_uniforms, material); - } else if (material.isMeshLambertMaterial) { - refreshUniformsCommon(m_uniforms, material); - refreshUniformsLambert(m_uniforms, material); - } else if (material.isMeshPhongMaterial) { - refreshUniformsCommon(m_uniforms, material); - - if (material.isMeshToonMaterial) { - refreshUniformsToon(m_uniforms, material); - } else { - refreshUniformsPhong(m_uniforms, material); - } - } else if (material.isMeshStandardMaterial) { - refreshUniformsCommon(m_uniforms, material); - - if (material.isMeshPhysicalMaterial) { - refreshUniformsPhysical(m_uniforms, material); - } else { - refreshUniformsStandard(m_uniforms, material); - } - } else if (material.isMeshDepthMaterial) { - refreshUniformsCommon(m_uniforms, material); - refreshUniformsDepth(m_uniforms, material); - } else if (material.isMeshDistanceMaterial) { - refreshUniformsCommon(m_uniforms, material); - refreshUniformsDistance(m_uniforms, material); - } else if (material.isMeshNormalMaterial) { - refreshUniformsCommon(m_uniforms, material); - refreshUniformsNormal(m_uniforms, material); - } else if (material.isLineBasicMaterial) { - refreshUniformsLine(m_uniforms, material); - - if (material.isLineDashedMaterial) { - refreshUniformsDash(m_uniforms, material); - } - } else if (material.isPointsMaterial) { - refreshUniformsPoints(m_uniforms, material); - } else if (material.isShadowMaterial) { - m_uniforms.color.value = material.color; - m_uniforms.opacity.value = material.opacity; - } - - // RectAreaLight Texture - // TODO (mrdoob): Find a nicer implementation - - if (m_uniforms.ltc_1 !== undefined) - m_uniforms.ltc_1.value = UniformsLib.LTC_1; - if (m_uniforms.ltc_2 !== undefined) - m_uniforms.ltc_2.value = UniformsLib.LTC_2; - - WebGLUniforms.upload( - _gl, - materialProperties.uniformsList, - m_uniforms, - _this - ); - } - - if (material.isShaderMaterial && material.uniformsNeedUpdate === true) { - WebGLUniforms.upload( - _gl, - materialProperties.uniformsList, - m_uniforms, - _this - ); - material.uniformsNeedUpdate = false; - } - - // common matrices - - p_uniforms.setValue(_gl, "modelViewMatrix", object.modelViewMatrix); - p_uniforms.setValue(_gl, "normalMatrix", object.normalMatrix); - p_uniforms.setValue(_gl, "modelMatrix", object.matrixWorld); - - return program; - } - - // Uniforms (refresh uniforms objects) - - function refreshUniformsCommon(uniforms, material) { - uniforms.opacity.value = material.opacity; - - if (material.color) { - uniforms.diffuse.value = material.color; - } - - if (material.emissive) { - uniforms.emissive.value - .copy(material.emissive) - .multiplyScalar(material.emissiveIntensity); - } - - if (material.map) { - uniforms.map.value = material.map; - } - - if (material.alphaMap) { - uniforms.alphaMap.value = material.alphaMap; - } - - if (material.specularMap) { - uniforms.specularMap.value = material.specularMap; - } - - if (material.envMap) { - uniforms.envMap.value = material.envMap; - - // don't flip CubeTexture envMaps, flip everything else: - // WebGLRenderTargetCube will be flipped for backwards compatibility - // WebGLRenderTargetCube.texture will be flipped because it's a Texture and NOT a CubeTexture - // this check must be handled differently, or removed entirely, if WebGLRenderTargetCube uses a CubeTexture in the future - uniforms.flipEnvMap.value = !( - material.envMap && material.envMap.isCubeTexture - ) - ? 1 - : -1; - - uniforms.reflectivity.value = material.reflectivity; - uniforms.refractionRatio.value = material.refractionRatio; - - uniforms.maxMipLevel.value = properties.get( - material.envMap - ).__maxMipLevel; - } - - if (material.lightMap) { - uniforms.lightMap.value = material.lightMap; - uniforms.lightMapIntensity.value = material.lightMapIntensity; - } - - if (material.aoMap) { - uniforms.aoMap.value = material.aoMap; - uniforms.aoMapIntensity.value = material.aoMapIntensity; - } - - // uv repeat and offset setting priorities - // 1. color map - // 2. specular map - // 3. normal map - // 4. bump map - // 5. alpha map - // 6. emissive map - - var uvScaleMap; - - if (material.map) { - uvScaleMap = material.map; - } else if (material.specularMap) { - uvScaleMap = material.specularMap; - } else if (material.displacementMap) { - uvScaleMap = material.displacementMap; - } else if (material.normalMap) { - uvScaleMap = material.normalMap; - } else if (material.bumpMap) { - uvScaleMap = material.bumpMap; - } else if (material.roughnessMap) { - uvScaleMap = material.roughnessMap; - } else if (material.metalnessMap) { - uvScaleMap = material.metalnessMap; - } else if (material.alphaMap) { - uvScaleMap = material.alphaMap; - } else if (material.emissiveMap) { - uvScaleMap = material.emissiveMap; - } - - if (uvScaleMap !== undefined) { - // backwards compatibility - if (uvScaleMap.isWebGLRenderTarget) { - uvScaleMap = uvScaleMap.texture; - } - - if (uvScaleMap.matrixAutoUpdate === true) { - uvScaleMap.updateMatrix(); - } - - uniforms.uvTransform.value.copy(uvScaleMap.matrix); - } - } - - function refreshUniformsLine(uniforms, material) { - uniforms.diffuse.value = material.color; - uniforms.opacity.value = material.opacity; - } - - function refreshUniformsDash(uniforms, material) { - uniforms.dashSize.value = material.dashSize; - uniforms.totalSize.value = material.dashSize + material.gapSize; - uniforms.scale.value = material.scale; - } - - function refreshUniformsPoints(uniforms, material) { - uniforms.diffuse.value = material.color; - uniforms.opacity.value = material.opacity; - uniforms.size.value = material.size * _pixelRatio; - uniforms.scale.value = _height * 0.5; - - uniforms.map.value = material.map; - - if (material.map !== null) { - if (material.map.matrixAutoUpdate === true) { - material.map.updateMatrix(); - } - - uniforms.uvTransform.value.copy(material.map.matrix); - } - } - - function refreshUniformsFog(uniforms, fog) { - uniforms.fogColor.value = fog.color; - - if (fog.isFog) { - uniforms.fogNear.value = fog.near; - uniforms.fogFar.value = fog.far; - } else if (fog.isFogExp2) { - uniforms.fogDensity.value = fog.density; - } - } - - function refreshUniformsLambert(uniforms, material) { - if (material.emissiveMap) { - uniforms.emissiveMap.value = material.emissiveMap; - } - } - - function refreshUniformsPhong(uniforms, material) { - uniforms.specular.value = material.specular; - uniforms.shininess.value = Math.max(material.shininess, 1e-4); // to prevent pow( 0.0, 0.0 ) - - if (material.emissiveMap) { - uniforms.emissiveMap.value = material.emissiveMap; - } - - if (material.bumpMap) { - uniforms.bumpMap.value = material.bumpMap; - uniforms.bumpScale.value = material.bumpScale; - } - - if (material.normalMap) { - uniforms.normalMap.value = material.normalMap; - uniforms.normalScale.value.copy(material.normalScale); - } - - if (material.displacementMap) { - uniforms.displacementMap.value = material.displacementMap; - uniforms.displacementScale.value = material.displacementScale; - uniforms.displacementBias.value = material.displacementBias; - } - } - - function refreshUniformsToon(uniforms, material) { - refreshUniformsPhong(uniforms, material); - - if (material.gradientMap) { - uniforms.gradientMap.value = material.gradientMap; - } - } - - function refreshUniformsStandard(uniforms, material) { - uniforms.roughness.value = material.roughness; - uniforms.metalness.value = material.metalness; - - if (material.roughnessMap) { - uniforms.roughnessMap.value = material.roughnessMap; - } - - if (material.metalnessMap) { - uniforms.metalnessMap.value = material.metalnessMap; - } - - if (material.emissiveMap) { - uniforms.emissiveMap.value = material.emissiveMap; - } - - if (material.bumpMap) { - uniforms.bumpMap.value = material.bumpMap; - uniforms.bumpScale.value = material.bumpScale; - } - - if (material.normalMap) { - uniforms.normalMap.value = material.normalMap; - uniforms.normalScale.value.copy(material.normalScale); - } - - if (material.displacementMap) { - uniforms.displacementMap.value = material.displacementMap; - uniforms.displacementScale.value = material.displacementScale; - uniforms.displacementBias.value = material.displacementBias; - } - - if (material.envMap) { - //uniforms.envMap.value = material.envMap; // part of uniforms common - uniforms.envMapIntensity.value = material.envMapIntensity; - } - } - - function refreshUniformsPhysical(uniforms, material) { - uniforms.clearCoat.value = material.clearCoat; - uniforms.clearCoatRoughness.value = material.clearCoatRoughness; - - refreshUniformsStandard(uniforms, material); - } - - function refreshUniformsDepth(uniforms, material) { - if (material.displacementMap) { - uniforms.displacementMap.value = material.displacementMap; - uniforms.displacementScale.value = material.displacementScale; - uniforms.displacementBias.value = material.displacementBias; - } - } - - function refreshUniformsDistance(uniforms, material) { - if (material.displacementMap) { - uniforms.displacementMap.value = material.displacementMap; - uniforms.displacementScale.value = material.displacementScale; - uniforms.displacementBias.value = material.displacementBias; - } - - uniforms.referencePosition.value.copy(material.referencePosition); - uniforms.nearDistance.value = material.nearDistance; - uniforms.farDistance.value = material.farDistance; - } - - function refreshUniformsNormal(uniforms, material) { - if (material.bumpMap) { - uniforms.bumpMap.value = material.bumpMap; - uniforms.bumpScale.value = material.bumpScale; - } - - if (material.normalMap) { - uniforms.normalMap.value = material.normalMap; - uniforms.normalScale.value.copy(material.normalScale); - } - - if (material.displacementMap) { - uniforms.displacementMap.value = material.displacementMap; - uniforms.displacementScale.value = material.displacementScale; - uniforms.displacementBias.value = material.displacementBias; - } - } - - // If uniforms are marked as clean, they don't need to be loaded to the GPU. - - function markUniformsLightsNeedsUpdate(uniforms, value) { - uniforms.ambientLightColor.needsUpdate = value; - - uniforms.directionalLights.needsUpdate = value; - uniforms.pointLights.needsUpdate = value; - uniforms.spotLights.needsUpdate = value; - uniforms.rectAreaLights.needsUpdate = value; - uniforms.hemisphereLights.needsUpdate = value; - } - - // Textures - - function allocTextureUnit() { - var textureUnit = _usedTextureUnits; - - if (textureUnit >= capabilities.maxTextures) { - console.warn( - "THREE.WebGLRenderer: Trying to use " + - textureUnit + - " texture units while this GPU supports only " + - capabilities.maxTextures - ); - } - - _usedTextureUnits += 1; - - return textureUnit; - } - - this.allocTextureUnit = allocTextureUnit; - - // this.setTexture2D = setTexture2D; - this.setTexture2D = (function () { - var warned = false; - - // backwards compatibility: peel texture.texture - return function setTexture2D(texture, slot) { - if (texture && texture.isWebGLRenderTarget) { - if (!warned) { - console.warn( - "THREE.WebGLRenderer.setTexture2D: don't use render targets as textures. Use their .texture property instead." - ); - warned = true; - } - - texture = texture.texture; - } - - textures.setTexture2D(texture, slot); - }; - })(); - - this.setTexture = (function () { - var warned = false; - - return function setTexture(texture, slot) { - if (!warned) { - console.warn( - "THREE.WebGLRenderer: .setTexture is deprecated, use setTexture2D instead." - ); - warned = true; - } - - textures.setTexture2D(texture, slot); - }; - })(); - - this.setTextureCube = (function () { - var warned = false; - - return function setTextureCube(texture, slot) { - // backwards compatibility: peel texture.texture - if (texture && texture.isWebGLRenderTargetCube) { - if (!warned) { - console.warn( - "THREE.WebGLRenderer.setTextureCube: don't use cube render targets as textures. Use their .texture property instead." - ); - warned = true; - } - - texture = texture.texture; - } - - // currently relying on the fact that WebGLRenderTargetCube.texture is a Texture and NOT a CubeTexture - // TODO: unify these code paths - if ( - (texture && texture.isCubeTexture) || - (Array.isArray(texture.image) && texture.image.length === 6) - ) { - // CompressedTexture can have Array in image :/ - - // this function alone should take care of cube textures - textures.setTextureCube(texture, slot); - } else { - // assumed: texture property of THREE.WebGLRenderTargetCube - - textures.setTextureCubeDynamic(texture, slot); - } - }; - })(); - - this.getRenderTarget = function () { - return _currentRenderTarget; - }; - - this.setRenderTarget = function (renderTarget) { - _currentRenderTarget = renderTarget; - - if ( - renderTarget && - properties.get(renderTarget).__webglFramebuffer === undefined - ) { - textures.setupRenderTarget(renderTarget); - } - - var framebuffer = null; - var isCube = false; - - if (renderTarget) { - var __webglFramebuffer = - properties.get(renderTarget).__webglFramebuffer; - - if (renderTarget.isWebGLRenderTargetCube) { - framebuffer = __webglFramebuffer[renderTarget.activeCubeFace]; - isCube = true; - } else { - framebuffer = __webglFramebuffer; - } - - _currentViewport.copy(renderTarget.viewport); - _currentScissor.copy(renderTarget.scissor); - _currentScissorTest = renderTarget.scissorTest; - } else { - _currentViewport.copy(_viewport).multiplyScalar(_pixelRatio); - _currentScissor.copy(_scissor).multiplyScalar(_pixelRatio); - _currentScissorTest = _scissorTest; - } - - if (_currentFramebuffer !== framebuffer) { - _gl.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer); - _currentFramebuffer = framebuffer; - } - - state.viewport(_currentViewport); - state.scissor(_currentScissor); - state.setScissorTest(_currentScissorTest); - - if (isCube) { - var textureProperties = properties.get(renderTarget.texture); - _gl.framebufferTexture2D( - _gl.FRAMEBUFFER, - _gl.COLOR_ATTACHMENT0, - _gl.TEXTURE_CUBE_MAP_POSITIVE_X + renderTarget.activeCubeFace, - textureProperties.__webglTexture, - renderTarget.activeMipMapLevel - ); - } - }; - - this.readRenderTargetPixels = function ( - renderTarget, - x, - y, - width, - height, - buffer - ) { - if (!(renderTarget && renderTarget.isWebGLRenderTarget)) { - console.error( - "THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget." - ); - return; - } - - var framebuffer = properties.get(renderTarget).__webglFramebuffer; - - if (framebuffer) { - var restore = false; - - if (framebuffer !== _currentFramebuffer) { - _gl.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer); - - restore = true; - } - - try { - var texture = renderTarget.texture; - var textureFormat = texture.format; - var textureType = texture.type; - - if ( - textureFormat !== RGBAFormat && - utils.convert(textureFormat) !== - _gl.getParameter(_gl.IMPLEMENTATION_COLOR_READ_FORMAT) - ) { - console.error( - "THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format." - ); - return; - } - - if ( - textureType !== UnsignedByteType && - utils.convert(textureType) !== - _gl.getParameter(_gl.IMPLEMENTATION_COLOR_READ_TYPE) && // IE11, Edge and Chrome Mac < 52 (#9513) - !( - textureType === FloatType && - (extensions.get("OES_texture_float") || - extensions.get("WEBGL_color_buffer_float")) - ) && // Chrome Mac >= 52 and Firefox - !( - textureType === HalfFloatType && - extensions.get("EXT_color_buffer_half_float") - ) - ) { - console.error( - "THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type." - ); - return; - } - - if ( - _gl.checkFramebufferStatus(_gl.FRAMEBUFFER) === - _gl.FRAMEBUFFER_COMPLETE - ) { - // the following if statement ensures valid read requests (no out-of-bounds pixels, see #8604) - - if ( - x >= 0 && - x <= renderTarget.width - width && - y >= 0 && - y <= renderTarget.height - height - ) { - _gl.readPixels( - x, - y, - width, - height, - utils.convert(textureFormat), - utils.convert(textureType), - buffer - ); - } - } else { - console.error( - "THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete." - ); - } - } finally { - if (restore) { - _gl.bindFramebuffer(_gl.FRAMEBUFFER, _currentFramebuffer); - } - } - } - }; - - this.copyFramebufferToTexture = function (position, texture, level) { - var width = texture.image.width; - var height = texture.image.height; - var glFormat = utils.convert(texture.format); - - this.setTexture2D(texture, 0); - - _gl.copyTexImage2D( - _gl.TEXTURE_2D, - level || 0, - glFormat, - position.x, - position.y, - width, - height, - 0 - ); - }; - - this.copyTextureToTexture = function ( - position, - srcTexture, - dstTexture, - level - ) { - var width = srcTexture.image.width; - var height = srcTexture.image.height; - var glFormat = utils.convert(dstTexture.format); - var glType = utils.convert(dstTexture.type); - var pixels = srcTexture.isDataTexture - ? srcTexture.image.data - : srcTexture.image; - - this.setTexture2D(dstTexture, 0); - - _gl.texSubImage2D( - _gl.TEXTURE_2D, - level || 0, - position.x, - position.y, - width, - height, - glFormat, - glType, - pixels - ); - }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - */ - - function FogExp2(color, density) { - this.name = ""; - - this.color = new Color(color); - this.density = density !== undefined ? density : 0.00025; - } - - FogExp2.prototype.isFogExp2 = true; - - FogExp2.prototype.clone = function () { - return new FogExp2(this.color.getHex(), this.density); - }; - - FogExp2.prototype.toJSON = function (/* meta */) { - return { - type: "FogExp2", - color: this.color.getHex(), - density: this.density, - }; - }; - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - */ - - function Fog(color, near, far) { - this.name = ""; - - this.color = new Color(color); - - this.near = near !== undefined ? near : 1; - this.far = far !== undefined ? far : 1000; - } - - Fog.prototype.isFog = true; - - Fog.prototype.clone = function () { - return new Fog(this.color.getHex(), this.near, this.far); - }; - - Fog.prototype.toJSON = function (/* meta */) { - return { - type: "Fog", - color: this.color.getHex(), - near: this.near, - far: this.far, - }; - }; - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function Scene() { - Object3D.call(this); - - this.type = "Scene"; - - this.background = null; - this.fog = null; - this.overrideMaterial = null; - - this.autoUpdate = true; // checked by the renderer - } - - Scene.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Scene, + } - copy: function (source, recursive) { - Object3D.prototype.copy.call(this, source, recursive); + } - if (source.background !== null) - this.background = source.background.clone(); - if (source.fog !== null) this.fog = source.fog.clone(); - if (source.overrideMaterial !== null) - this.overrideMaterial = source.overrideMaterial.clone(); + this.set( x, y, z, angle ); - this.autoUpdate = source.autoUpdate; - this.matrixAutoUpdate = source.matrixAutoUpdate; + return this; // return 180 deg rotation - return this; - }, + } - toJSON: function (meta) { - var data = Object3D.prototype.toJSON.call(this, meta); + // as we have reached here there are no singularities so we can handle normally - if (this.background !== null) - data.object.background = this.background.toJSON(meta); - if (this.fog !== null) data.object.fog = this.fog.toJSON(); + var s = Math.sqrt( ( m32 - m23 ) * ( m32 - m23 ) + + ( m13 - m31 ) * ( m13 - m31 ) + + ( m21 - m12 ) * ( m21 - m12 ) ); // used to normalize - return data; - }, - }); + if ( Math.abs( s ) < 0.001 ) s = 1; - /** - * @author alteredq / http://alteredqualia.com/ - * - * parameters = { - * color: , - * opacity: , - * map: new THREE.Texture( ), - * - * uvOffset: new THREE.Vector2(), - * uvScale: new THREE.Vector2() - * } - */ + // prevent divide by zero, should not happen if matrix is orthogonal and should be + // caught by singularity test above, but I've left it in just in case - function SpriteMaterial(parameters) { - Material.call(this); + this.x = ( m32 - m23 ) / s; + this.y = ( m13 - m31 ) / s; + this.z = ( m21 - m12 ) / s; + this.w = Math.acos( ( m11 + m22 + m33 - 1 ) / 2 ); - this.type = "SpriteMaterial"; + return this; - this.color = new Color(0xffffff); - this.map = null; + }, - this.rotation = 0; + min: function ( v ) { - this.fog = false; - this.lights = false; + this.x = Math.min( this.x, v.x ); + this.y = Math.min( this.y, v.y ); + this.z = Math.min( this.z, v.z ); + this.w = Math.min( this.w, v.w ); - this.setValues(parameters); - } + return this; - SpriteMaterial.prototype = Object.create(Material.prototype); - SpriteMaterial.prototype.constructor = SpriteMaterial; - SpriteMaterial.prototype.isSpriteMaterial = true; + }, - SpriteMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); + max: function ( v ) { - this.color.copy(source.color); - this.map = source.map; + this.x = Math.max( this.x, v.x ); + this.y = Math.max( this.y, v.y ); + this.z = Math.max( this.z, v.z ); + this.w = Math.max( this.w, v.w ); - this.rotation = source.rotation; + return this; - return this; - }; + }, - /** - * @author mikael emtinger / http://gomo.se/ - * @author alteredq / http://alteredqualia.com/ - */ + clamp: function ( min, max ) { - function Sprite(material) { - Object3D.call(this); + // assumes min < max, componentwise - this.type = "Sprite"; + this.x = Math.max( min.x, Math.min( max.x, this.x ) ); + this.y = Math.max( min.y, Math.min( max.y, this.y ) ); + this.z = Math.max( min.z, Math.min( max.z, this.z ) ); + this.w = Math.max( min.w, Math.min( max.w, this.w ) ); - this.material = material !== undefined ? material : new SpriteMaterial(); + return this; - this.center = new Vector2(0.5, 0.5); - } + }, - Sprite.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Sprite, + clampScalar: function () { - isSprite: true, + var min, max; - raycast: (function () { - var intersectPoint = new Vector3(); - var worldPosition = new Vector3(); - var worldScale = new Vector3(); + return function clampScalar( minVal, maxVal ) { - return function raycast(raycaster, intersects) { - worldPosition.setFromMatrixPosition(this.matrixWorld); - raycaster.ray.closestPointToPoint(worldPosition, intersectPoint); + if ( min === undefined ) { - worldScale.setFromMatrixScale(this.matrixWorld); - var guessSizeSq = (worldScale.x * worldScale.y) / 4; + min = new Vector4(); + max = new Vector4(); - if (worldPosition.distanceToSquared(intersectPoint) > guessSizeSq) - return; + } - var distance = raycaster.ray.origin.distanceTo(intersectPoint); + min.set( minVal, minVal, minVal, minVal ); + max.set( maxVal, maxVal, maxVal, maxVal ); - if (distance < raycaster.near || distance > raycaster.far) return; + return this.clamp( min, max ); - intersects.push({ - distance: distance, - point: intersectPoint.clone(), - face: null, - object: this, - }); - }; - })(), + }; - clone: function () { - return new this.constructor(this.material).copy(this); - }, + }(), - copy: function (source) { - Object3D.prototype.copy.call(this, source); + clampLength: function ( min, max ) { - if (source.center !== undefined) this.center.copy(source.center); + var length = this.length(); - return this; - }, - }); + return this.divideScalar( length || 1 ).multiplyScalar( Math.max( min, Math.min( max, length ) ) ); - /** - * @author mikael emtinger / http://gomo.se/ - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - */ + }, - function LOD() { - Object3D.call(this); + floor: function () { - this.type = "LOD"; + this.x = Math.floor( this.x ); + this.y = Math.floor( this.y ); + this.z = Math.floor( this.z ); + this.w = Math.floor( this.w ); - Object.defineProperties(this, { - levels: { - enumerable: true, - value: [], - }, - }); - } + return this; - LOD.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: LOD, + }, - copy: function (source) { - Object3D.prototype.copy.call(this, source, false); + ceil: function () { - var levels = source.levels; + this.x = Math.ceil( this.x ); + this.y = Math.ceil( this.y ); + this.z = Math.ceil( this.z ); + this.w = Math.ceil( this.w ); - for (var i = 0, l = levels.length; i < l; i++) { - var level = levels[i]; + return this; - this.addLevel(level.object.clone(), level.distance); - } + }, - return this; - }, + round: function () { - addLevel: function (object, distance) { - if (distance === undefined) distance = 0; + this.x = Math.round( this.x ); + this.y = Math.round( this.y ); + this.z = Math.round( this.z ); + this.w = Math.round( this.w ); - distance = Math.abs(distance); + return this; - var levels = this.levels; + }, - for (var l = 0; l < levels.length; l++) { - if (distance < levels[l].distance) { - break; - } - } + roundToZero: function () { - levels.splice(l, 0, { distance: distance, object: object }); + this.x = ( this.x < 0 ) ? Math.ceil( this.x ) : Math.floor( this.x ); + this.y = ( this.y < 0 ) ? Math.ceil( this.y ) : Math.floor( this.y ); + this.z = ( this.z < 0 ) ? Math.ceil( this.z ) : Math.floor( this.z ); + this.w = ( this.w < 0 ) ? Math.ceil( this.w ) : Math.floor( this.w ); - this.add(object); - }, + return this; - getObjectForDistance: function (distance) { - var levels = this.levels; + }, - for (var i = 1, l = levels.length; i < l; i++) { - if (distance < levels[i].distance) { - break; - } - } + negate: function () { - return levels[i - 1].object; - }, + this.x = - this.x; + this.y = - this.y; + this.z = - this.z; + this.w = - this.w; - raycast: (function () { - var matrixPosition = new Vector3(); + return this; - return function raycast(raycaster, intersects) { - matrixPosition.setFromMatrixPosition(this.matrixWorld); + }, - var distance = raycaster.ray.origin.distanceTo(matrixPosition); + dot: function ( v ) { - this.getObjectForDistance(distance).raycast(raycaster, intersects); - }; - })(), + return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w; - update: (function () { - var v1 = new Vector3(); - var v2 = new Vector3(); + }, - return function update(camera) { - var levels = this.levels; + lengthSq: function () { - if (levels.length > 1) { - v1.setFromMatrixPosition(camera.matrixWorld); - v2.setFromMatrixPosition(this.matrixWorld); + return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w; - var distance = v1.distanceTo(v2); + }, - levels[0].object.visible = true; + length: function () { - for (var i = 1, l = levels.length; i < l; i++) { - if (distance >= levels[i].distance) { - levels[i - 1].object.visible = false; - levels[i].object.visible = true; - } else { - break; - } - } + return Math.sqrt( this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w ); - for (; i < l; i++) { - levels[i].object.visible = false; - } - } - }; - })(), + }, - toJSON: function (meta) { - var data = Object3D.prototype.toJSON.call(this, meta); + manhattanLength: function () { - data.object.levels = []; + return Math.abs( this.x ) + Math.abs( this.y ) + Math.abs( this.z ) + Math.abs( this.w ); - var levels = this.levels; + }, - for (var i = 0, l = levels.length; i < l; i++) { - var level = levels[i]; + normalize: function () { - data.object.levels.push({ - object: level.object.uuid, - distance: level.distance, - }); - } + return this.divideScalar( this.length() || 1 ); - return data; - }, - }); + }, - /** - * @author mikael emtinger / http://gomo.se/ - * @author alteredq / http://alteredqualia.com/ - * @author michael guerrero / http://realitymeltdown.com - * @author ikerr / http://verold.com - */ + setLength: function ( length ) { - function Skeleton(bones, boneInverses) { - // copy the bone array + return this.normalize().multiplyScalar( length ); - bones = bones || []; + }, - this.bones = bones.slice(0); - this.boneMatrices = new Float32Array(this.bones.length * 16); + lerp: function ( v, alpha ) { - // use the supplied bone inverses or calculate the inverses + this.x += ( v.x - this.x ) * alpha; + this.y += ( v.y - this.y ) * alpha; + this.z += ( v.z - this.z ) * alpha; + this.w += ( v.w - this.w ) * alpha; - if (boneInverses === undefined) { - this.calculateInverses(); - } else { - if (this.bones.length === boneInverses.length) { - this.boneInverses = boneInverses.slice(0); - } else { - console.warn("THREE.Skeleton boneInverses is the wrong length."); + return this; - this.boneInverses = []; + }, - for (var i = 0, il = this.bones.length; i < il; i++) { - this.boneInverses.push(new Matrix4()); - } - } - } - } + lerpVectors: function ( v1, v2, alpha ) { - Object.assign(Skeleton.prototype, { - calculateInverses: function () { - this.boneInverses = []; + return this.subVectors( v2, v1 ).multiplyScalar( alpha ).add( v1 ); - for (var i = 0, il = this.bones.length; i < il; i++) { - var inverse = new Matrix4(); + }, - if (this.bones[i]) { - inverse.getInverse(this.bones[i].matrixWorld); - } + equals: function ( v ) { - this.boneInverses.push(inverse); - } - }, + return ( ( v.x === this.x ) && ( v.y === this.y ) && ( v.z === this.z ) && ( v.w === this.w ) ); - pose: function () { - var bone, i, il; + }, - // recover the bind-time world matrices + fromArray: function ( array, offset ) { - for (i = 0, il = this.bones.length; i < il; i++) { - bone = this.bones[i]; + if ( offset === undefined ) offset = 0; - if (bone) { - bone.matrixWorld.getInverse(this.boneInverses[i]); - } - } + this.x = array[ offset ]; + this.y = array[ offset + 1 ]; + this.z = array[ offset + 2 ]; + this.w = array[ offset + 3 ]; - // compute the local matrices, positions, rotations and scales + return this; - for (i = 0, il = this.bones.length; i < il; i++) { - bone = this.bones[i]; + }, - if (bone) { - if (bone.parent && bone.parent.isBone) { - bone.matrix.getInverse(bone.parent.matrixWorld); - bone.matrix.multiply(bone.matrixWorld); - } else { - bone.matrix.copy(bone.matrixWorld); - } + toArray: function ( array, offset ) { - bone.matrix.decompose(bone.position, bone.quaternion, bone.scale); - } - } - }, + if ( array === undefined ) array = []; + if ( offset === undefined ) offset = 0; - update: (function () { - var offsetMatrix = new Matrix4(); - var identityMatrix = new Matrix4(); + array[ offset ] = this.x; + array[ offset + 1 ] = this.y; + array[ offset + 2 ] = this.z; + array[ offset + 3 ] = this.w; - return function update() { - var bones = this.bones; - var boneInverses = this.boneInverses; - var boneMatrices = this.boneMatrices; - var boneTexture = this.boneTexture; + return array; - // flatten bone matrices to array + }, - for (var i = 0, il = bones.length; i < il; i++) { - // compute the offset between the current and the original transform + fromBufferAttribute: function ( attribute, index, offset ) { - var matrix = bones[i] ? bones[i].matrixWorld : identityMatrix; + if ( offset !== undefined ) { - offsetMatrix.multiplyMatrices(matrix, boneInverses[i]); - offsetMatrix.toArray(boneMatrices, i * 16); - } + console.warn( 'THREE.Vector4: offset has been removed from .fromBufferAttribute().' ); - if (boneTexture !== undefined) { - boneTexture.needsUpdate = true; - } - }; - })(), + } - clone: function () { - return new Skeleton(this.bones, this.boneInverses); - }, + this.x = attribute.getX( index ); + this.y = attribute.getY( index ); + this.z = attribute.getZ( index ); + this.w = attribute.getW( index ); - getBoneByName: function (name) { - for (var i = 0, il = this.bones.length; i < il; i++) { - var bone = this.bones[i]; + return this; - if (bone.name === name) { - return bone; - } - } + } - return undefined; - }, - }); + } ); - /** - * @author mikael emtinger / http://gomo.se/ - * @author alteredq / http://alteredqualia.com/ - * @author ikerr / http://verold.com - */ + /** + * @author szimek / https://github.com/szimek/ + * @author alteredq / http://alteredqualia.com/ + * @author Marius Kintel / https://github.com/kintel + */ - function Bone() { - Object3D.call(this); + /* + In options, we can specify: + * Texture parameters for an auto-generated target texture + * depthBuffer/stencilBuffer: Booleans to indicate if we should generate these buffers + */ + function WebGLRenderTarget( width, height, options ) { - this.type = "Bone"; - } + this.width = width; + this.height = height; - Bone.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Bone, + this.scissor = new Vector4( 0, 0, width, height ); + this.scissorTest = false; - isBone: true, - }); + this.viewport = new Vector4( 0, 0, width, height ); - /** - * @author mikael emtinger / http://gomo.se/ - * @author alteredq / http://alteredqualia.com/ - * @author ikerr / http://verold.com - */ + options = options || {}; - function SkinnedMesh(geometry, material) { - Mesh.call(this, geometry, material); + if ( options.minFilter === undefined ) options.minFilter = LinearFilter; - this.type = "SkinnedMesh"; + this.texture = new Texture( undefined, undefined, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding ); - this.bindMode = "attached"; - this.bindMatrix = new Matrix4(); - this.bindMatrixInverse = new Matrix4(); + this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : true; - var bones = this.initBones(); - var skeleton = new Skeleton(bones); + this.depthBuffer = options.depthBuffer !== undefined ? options.depthBuffer : true; + this.stencilBuffer = options.stencilBuffer !== undefined ? options.stencilBuffer : true; + this.depthTexture = options.depthTexture !== undefined ? options.depthTexture : null; - this.bind(skeleton, this.matrixWorld); + } - this.normalizeSkinWeights(); - } + WebGLRenderTarget.prototype = Object.assign( Object.create( EventDispatcher.prototype ), { - SkinnedMesh.prototype = Object.assign(Object.create(Mesh.prototype), { - constructor: SkinnedMesh, + constructor: WebGLRenderTarget, - isSkinnedMesh: true, + isWebGLRenderTarget: true, - initBones: function () { - var bones = [], - bone, - gbone; - var i, il; + setSize: function ( width, height ) { - if (this.geometry && this.geometry.bones !== undefined) { - // first, create array of 'Bone' objects from geometry data + if ( this.width !== width || this.height !== height ) { - for (i = 0, il = this.geometry.bones.length; i < il; i++) { - gbone = this.geometry.bones[i]; + this.width = width; + this.height = height; - // create new 'Bone' object + this.dispose(); - bone = new Bone(); - bones.push(bone); + } - // apply values + this.viewport.set( 0, 0, width, height ); + this.scissor.set( 0, 0, width, height ); - bone.name = gbone.name; - bone.position.fromArray(gbone.pos); - bone.quaternion.fromArray(gbone.rotq); - if (gbone.scl !== undefined) bone.scale.fromArray(gbone.scl); - } + }, - // second, create bone hierarchy + clone: function () { - for (i = 0, il = this.geometry.bones.length; i < il; i++) { - gbone = this.geometry.bones[i]; + return new this.constructor().copy( this ); - if ( - gbone.parent !== -1 && - gbone.parent !== null && - bones[gbone.parent] !== undefined - ) { - // subsequent bones in the hierarchy + }, - bones[gbone.parent].add(bones[i]); - } else { - // topmost bone, immediate child of the skinned mesh + copy: function ( source ) { - this.add(bones[i]); - } - } - } + this.width = source.width; + this.height = source.height; - // now the bones are part of the scene graph and children of the skinned mesh. - // let's update the corresponding matrices + this.viewport.copy( source.viewport ); - this.updateMatrixWorld(true); + this.texture = source.texture.clone(); - return bones; - }, + this.depthBuffer = source.depthBuffer; + this.stencilBuffer = source.stencilBuffer; + this.depthTexture = source.depthTexture; - bind: function (skeleton, bindMatrix) { - this.skeleton = skeleton; + return this; - if (bindMatrix === undefined) { - this.updateMatrixWorld(true); + }, - this.skeleton.calculateInverses(); + dispose: function () { - bindMatrix = this.matrixWorld; - } + this.dispatchEvent( { type: 'dispose' } ); - this.bindMatrix.copy(bindMatrix); - this.bindMatrixInverse.getInverse(bindMatrix); - }, + } - pose: function () { - this.skeleton.pose(); - }, + } ); - normalizeSkinWeights: function () { - var scale, i; + /** + * @author alteredq / http://alteredqualia.com + */ - if (this.geometry && this.geometry.isGeometry) { - for (i = 0; i < this.geometry.skinWeights.length; i++) { - var sw = this.geometry.skinWeights[i]; + function WebGLRenderTargetCube( width, height, options ) { - scale = 1.0 / sw.manhattanLength(); + WebGLRenderTarget.call( this, width, height, options ); - if (scale !== Infinity) { - sw.multiplyScalar(scale); - } else { - sw.set(1, 0, 0, 0); // do something reasonable - } - } - } else if (this.geometry && this.geometry.isBufferGeometry) { - var vec = new Vector4(); + this.activeCubeFace = 0; // PX 0, NX 1, PY 2, NY 3, PZ 4, NZ 5 + this.activeMipMapLevel = 0; - var skinWeight = this.geometry.attributes.skinWeight; + } - for (i = 0; i < skinWeight.count; i++) { - vec.x = skinWeight.getX(i); - vec.y = skinWeight.getY(i); - vec.z = skinWeight.getZ(i); - vec.w = skinWeight.getW(i); + WebGLRenderTargetCube.prototype = Object.create( WebGLRenderTarget.prototype ); + WebGLRenderTargetCube.prototype.constructor = WebGLRenderTargetCube; - scale = 1.0 / vec.manhattanLength(); + WebGLRenderTargetCube.prototype.isWebGLRenderTargetCube = true; - if (scale !== Infinity) { - vec.multiplyScalar(scale); - } else { - vec.set(1, 0, 0, 0); // do something reasonable - } + /** + * @author alteredq / http://alteredqualia.com/ + */ - skinWeight.setXYZW(i, vec.x, vec.y, vec.z, vec.w); - } - } - }, + function DataTexture( data, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding ) { - updateMatrixWorld: function (force) { - Mesh.prototype.updateMatrixWorld.call(this, force); + Texture.call( this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ); - if (this.bindMode === "attached") { - this.bindMatrixInverse.getInverse(this.matrixWorld); - } else if (this.bindMode === "detached") { - this.bindMatrixInverse.getInverse(this.bindMatrix); - } else { - console.warn( - "THREE.SkinnedMesh: Unrecognized bindMode: " + this.bindMode - ); - } - }, + this.image = { data: data, width: width, height: height }; - clone: function () { - return new this.constructor(this.geometry, this.material).copy(this); - }, - }); + this.magFilter = magFilter !== undefined ? magFilter : NearestFilter; + this.minFilter = minFilter !== undefined ? minFilter : NearestFilter; - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * - * parameters = { - * color: , - * opacity: , - * - * linewidth: , - * linecap: "round", - * linejoin: "round" - * } - */ + this.generateMipmaps = false; + this.flipY = false; + this.unpackAlignment = 1; - function LineBasicMaterial(parameters) { - Material.call(this); - - this.type = "LineBasicMaterial"; - - this.color = new Color(0xffffff); - - this.linewidth = 1; - this.linecap = "round"; - this.linejoin = "round"; - - this.lights = false; - - this.setValues(parameters); - } - - LineBasicMaterial.prototype = Object.create(Material.prototype); - LineBasicMaterial.prototype.constructor = LineBasicMaterial; - - LineBasicMaterial.prototype.isLineBasicMaterial = true; - - LineBasicMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); - - this.color.copy(source.color); - - this.linewidth = source.linewidth; - this.linecap = source.linecap; - this.linejoin = source.linejoin; - - return this; - }; - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function Line(geometry, material, mode) { - if (mode === 1) { - console.warn( - "THREE.Line: parameter THREE.LinePieces no longer supported. Created THREE.LineSegments instead." - ); - return new LineSegments(geometry, material); - } + } - Object3D.call(this); - - this.type = "Line"; - - this.geometry = geometry !== undefined ? geometry : new BufferGeometry(); - this.material = - material !== undefined - ? material - : new LineBasicMaterial({ color: Math.random() * 0xffffff }); - } + DataTexture.prototype = Object.create( Texture.prototype ); + DataTexture.prototype.constructor = DataTexture; - Line.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Line, - - isLine: true, - - computeLineDistances: (function () { - var start = new Vector3(); - var end = new Vector3(); + DataTexture.prototype.isDataTexture = true; - return function computeLineDistances() { - var geometry = this.geometry; + /** + * @author bhouston / http://clara.io + * @author WestLangley / http://github.com/WestLangley + */ - if (geometry.isBufferGeometry) { - // we assume non-indexed geometry + function Box3( min, max ) { - if (geometry.index === null) { - var positionAttribute = geometry.attributes.position; - var lineDistances = [0]; + this.min = ( min !== undefined ) ? min : new Vector3( + Infinity, + Infinity, + Infinity ); + this.max = ( max !== undefined ) ? max : new Vector3( - Infinity, - Infinity, - Infinity ); - for (var i = 1, l = positionAttribute.count; i < l; i++) { - start.fromBufferAttribute(positionAttribute, i - 1); - end.fromBufferAttribute(positionAttribute, i); + } - lineDistances[i] = lineDistances[i - 1]; - lineDistances[i] += start.distanceTo(end); - } + Object.assign( Box3.prototype, { - geometry.addAttribute( - "lineDistance", - new Float32BufferAttribute(lineDistances, 1) - ); - } else { - console.warn( - "THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry." - ); - } - } else if (geometry.isGeometry) { - var vertices = geometry.vertices; - var lineDistances = geometry.lineDistances; + isBox3: true, - lineDistances[0] = 0; + set: function ( min, max ) { - for (var i = 1, l = vertices.length; i < l; i++) { - lineDistances[i] = lineDistances[i - 1]; - lineDistances[i] += vertices[i - 1].distanceTo(vertices[i]); - } - } + this.min.copy( min ); + this.max.copy( max ); - return this; - }; - })(), + return this; - raycast: (function () { - var inverseMatrix = new Matrix4(); - var ray = new Ray(); - var sphere = new Sphere(); + }, - return function raycast(raycaster, intersects) { - var precision = raycaster.linePrecision; - var precisionSq = precision * precision; - - var geometry = this.geometry; - var matrixWorld = this.matrixWorld; - - // Checking boundingSphere distance to ray - - if (geometry.boundingSphere === null) geometry.computeBoundingSphere(); - - sphere.copy(geometry.boundingSphere); - sphere.applyMatrix4(matrixWorld); - - if (raycaster.ray.intersectsSphere(sphere) === false) return; - - // - - inverseMatrix.getInverse(matrixWorld); - ray.copy(raycaster.ray).applyMatrix4(inverseMatrix); - - var vStart = new Vector3(); - var vEnd = new Vector3(); - var interSegment = new Vector3(); - var interRay = new Vector3(); - var step = this && this.isLineSegments ? 2 : 1; - - if (geometry.isBufferGeometry) { - var index = geometry.index; - var attributes = geometry.attributes; - var positions = attributes.position.array; - - if (index !== null) { - var indices = index.array; - - for (var i = 0, l = indices.length - 1; i < l; i += step) { - var a = indices[i]; - var b = indices[i + 1]; - - vStart.fromArray(positions, a * 3); - vEnd.fromArray(positions, b * 3); - - var distSq = ray.distanceSqToSegment( - vStart, - vEnd, - interRay, - interSegment - ); - - if (distSq > precisionSq) continue; - - interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation - - var distance = raycaster.ray.origin.distanceTo(interRay); - - if (distance < raycaster.near || distance > raycaster.far) - continue; - - intersects.push({ - distance: distance, - // What do we want? intersection point on the ray or on the segment?? - // point: raycaster.ray.at( distance ), - point: interSegment.clone().applyMatrix4(this.matrixWorld), - index: i, - face: null, - faceIndex: null, - object: this, - }); - } - } else { - for (var i = 0, l = positions.length / 3 - 1; i < l; i += step) { - vStart.fromArray(positions, 3 * i); - vEnd.fromArray(positions, 3 * i + 3); - - var distSq = ray.distanceSqToSegment( - vStart, - vEnd, - interRay, - interSegment - ); - - if (distSq > precisionSq) continue; - - interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation - - var distance = raycaster.ray.origin.distanceTo(interRay); - - if (distance < raycaster.near || distance > raycaster.far) - continue; - - intersects.push({ - distance: distance, - // What do we want? intersection point on the ray or on the segment?? - // point: raycaster.ray.at( distance ), - point: interSegment.clone().applyMatrix4(this.matrixWorld), - index: i, - face: null, - faceIndex: null, - object: this, - }); - } - } - } else if (geometry.isGeometry) { - var vertices = geometry.vertices; - var nbVertices = vertices.length; - - for (var i = 0; i < nbVertices - 1; i += step) { - var distSq = ray.distanceSqToSegment( - vertices[i], - vertices[i + 1], - interRay, - interSegment - ); - - if (distSq > precisionSq) continue; - - interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation - - var distance = raycaster.ray.origin.distanceTo(interRay); - - if (distance < raycaster.near || distance > raycaster.far) continue; - - intersects.push({ - distance: distance, - // What do we want? intersection point on the ray or on the segment?? - // point: raycaster.ray.at( distance ), - point: interSegment.clone().applyMatrix4(this.matrixWorld), - index: i, - face: null, - faceIndex: null, - object: this, - }); - } - } - }; - })(), - - clone: function () { - return new this.constructor(this.geometry, this.material).copy(this); - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function LineSegments(geometry, material) { - Line.call(this, geometry, material); - - this.type = "LineSegments"; - } - - LineSegments.prototype = Object.assign(Object.create(Line.prototype), { - constructor: LineSegments, - - isLineSegments: true, - - computeLineDistances: (function () { - var start = new Vector3(); - var end = new Vector3(); - - return function computeLineDistances() { - var geometry = this.geometry; - - if (geometry.isBufferGeometry) { - // we assume non-indexed geometry - - if (geometry.index === null) { - var positionAttribute = geometry.attributes.position; - var lineDistances = []; - - for (var i = 0, l = positionAttribute.count; i < l; i += 2) { - start.fromBufferAttribute(positionAttribute, i); - end.fromBufferAttribute(positionAttribute, i + 1); - - lineDistances[i] = i === 0 ? 0 : lineDistances[i - 1]; - lineDistances[i + 1] = lineDistances[i] + start.distanceTo(end); - } + setFromArray: function ( array ) { - geometry.addAttribute( - "lineDistance", - new Float32BufferAttribute(lineDistances, 1) - ); - } else { - console.warn( - "THREE.LineSegments.computeLineDistances(): Computation only possible with non-indexed BufferGeometry." - ); - } - } else if (geometry.isGeometry) { - var vertices = geometry.vertices; - var lineDistances = geometry.lineDistances; - - for (var i = 0, l = vertices.length; i < l; i += 2) { - start.copy(vertices[i]); - end.copy(vertices[i + 1]); - - lineDistances[i] = i === 0 ? 0 : lineDistances[i - 1]; - lineDistances[i + 1] = lineDistances[i] + start.distanceTo(end); - } - } + var minX = + Infinity; + var minY = + Infinity; + var minZ = + Infinity; - return this; - }; - })(), - }); + var maxX = - Infinity; + var maxY = - Infinity; + var maxZ = - Infinity; - /** - * @author mgreter / http://github.com/mgreter - */ + for ( var i = 0, l = array.length; i < l; i += 3 ) { - function LineLoop(geometry, material) { - Line.call(this, geometry, material); + var x = array[ i ]; + var y = array[ i + 1 ]; + var z = array[ i + 2 ]; - this.type = "LineLoop"; - } + if ( x < minX ) minX = x; + if ( y < minY ) minY = y; + if ( z < minZ ) minZ = z; - LineLoop.prototype = Object.assign(Object.create(Line.prototype), { - constructor: LineLoop, + if ( x > maxX ) maxX = x; + if ( y > maxY ) maxY = y; + if ( z > maxZ ) maxZ = z; - isLineLoop: true, - }); + } - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * - * parameters = { - * color: , - * opacity: , - * map: new THREE.Texture( ), - * - * size: , - * sizeAttenuation: - * } - */ + this.min.set( minX, minY, minZ ); + this.max.set( maxX, maxY, maxZ ); - function PointsMaterial(parameters) { - Material.call(this); + return this; - this.type = "PointsMaterial"; + }, - this.color = new Color(0xffffff); + setFromBufferAttribute: function ( attribute ) { - this.map = null; + var minX = + Infinity; + var minY = + Infinity; + var minZ = + Infinity; - this.size = 1; - this.sizeAttenuation = true; + var maxX = - Infinity; + var maxY = - Infinity; + var maxZ = - Infinity; - this.lights = false; + for ( var i = 0, l = attribute.count; i < l; i ++ ) { - this.setValues(parameters); - } + var x = attribute.getX( i ); + var y = attribute.getY( i ); + var z = attribute.getZ( i ); - PointsMaterial.prototype = Object.create(Material.prototype); - PointsMaterial.prototype.constructor = PointsMaterial; + if ( x < minX ) minX = x; + if ( y < minY ) minY = y; + if ( z < minZ ) minZ = z; - PointsMaterial.prototype.isPointsMaterial = true; + if ( x > maxX ) maxX = x; + if ( y > maxY ) maxY = y; + if ( z > maxZ ) maxZ = z; - PointsMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); + } - this.color.copy(source.color); + this.min.set( minX, minY, minZ ); + this.max.set( maxX, maxY, maxZ ); - this.map = source.map; + return this; - this.size = source.size; - this.sizeAttenuation = source.sizeAttenuation; + }, - return this; - }; + setFromPoints: function ( points ) { - /** - * @author alteredq / http://alteredqualia.com/ - */ + this.makeEmpty(); - function Points(geometry, material) { - Object3D.call(this); + for ( var i = 0, il = points.length; i < il; i ++ ) { - this.type = "Points"; + this.expandByPoint( points[ i ] ); - this.geometry = geometry !== undefined ? geometry : new BufferGeometry(); - this.material = - material !== undefined - ? material - : new PointsMaterial({ color: Math.random() * 0xffffff }); - } + } - Points.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Points, + return this; - isPoints: true, + }, - raycast: (function () { - var inverseMatrix = new Matrix4(); - var ray = new Ray(); - var sphere = new Sphere(); + setFromCenterAndSize: function () { - return function raycast(raycaster, intersects) { - var object = this; - var geometry = this.geometry; - var matrixWorld = this.matrixWorld; - var threshold = raycaster.params.Points.threshold; + var v1 = new Vector3(); - // Checking boundingSphere distance to ray + return function setFromCenterAndSize( center, size ) { - if (geometry.boundingSphere === null) geometry.computeBoundingSphere(); + var halfSize = v1.copy( size ).multiplyScalar( 0.5 ); - sphere.copy(geometry.boundingSphere); - sphere.applyMatrix4(matrixWorld); - sphere.radius += threshold; + this.min.copy( center ).sub( halfSize ); + this.max.copy( center ).add( halfSize ); - if (raycaster.ray.intersectsSphere(sphere) === false) return; + return this; - // + }; - inverseMatrix.getInverse(matrixWorld); - ray.copy(raycaster.ray).applyMatrix4(inverseMatrix); + }(), - var localThreshold = - threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3); - var localThresholdSq = localThreshold * localThreshold; - var position = new Vector3(); - var intersectPoint = new Vector3(); - - function testPoint(point, index) { - var rayPointDistanceSq = ray.distanceSqToPoint(point); + setFromObject: function ( object ) { - if (rayPointDistanceSq < localThresholdSq) { - ray.closestPointToPoint(point, intersectPoint); - intersectPoint.applyMatrix4(matrixWorld); + this.makeEmpty(); - var distance = raycaster.ray.origin.distanceTo(intersectPoint); + return this.expandByObject( object ); - if (distance < raycaster.near || distance > raycaster.far) return; + }, - intersects.push({ - distance: distance, - distanceToRay: Math.sqrt(rayPointDistanceSq), - point: intersectPoint.clone(), - index: index, - face: null, - object: object, - }); - } - } + clone: function () { - if (geometry.isBufferGeometry) { - var index = geometry.index; - var attributes = geometry.attributes; - var positions = attributes.position.array; - - if (index !== null) { - var indices = index.array; - - for (var i = 0, il = indices.length; i < il; i++) { - var a = indices[i]; - - position.fromArray(positions, a * 3); - - testPoint(position, a); - } - } else { - for (var i = 0, l = positions.length / 3; i < l; i++) { - position.fromArray(positions, i * 3); - - testPoint(position, i); - } - } - } else { - var vertices = geometry.vertices; - - for (var i = 0, l = vertices.length; i < l; i++) { - testPoint(vertices[i], i); - } - } - }; - })(), - - clone: function () { - return new this.constructor(this.geometry, this.material).copy(this); - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function Group() { - Object3D.call(this); - - this.type = "Group"; - } - - Group.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Group, - - isGroup: true, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function VideoTexture( - video, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy - ) { - Texture.call( - this, - video, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy - ); - - this.generateMipmaps = false; - } - - VideoTexture.prototype = Object.assign(Object.create(Texture.prototype), { - constructor: VideoTexture, - - isVideoTexture: true, - - update: function () { - var video = this.image; - - if (video.readyState >= video.HAVE_CURRENT_DATA) { - this.needsUpdate = true; - } - }, - }); - - /** - * @author alteredq / http://alteredqualia.com/ - */ - - function CompressedTexture( - mipmaps, - width, - height, - format, - type, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - anisotropy, - encoding - ) { - Texture.call( - this, - null, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy, - encoding - ); - - this.image = { width: width, height: height }; - this.mipmaps = mipmaps; - - // no flipping for cube textures - // (also flipping doesn't work for compressed textures ) - - this.flipY = false; - - // can't generate mipmaps for compressed textures - // mips must be embedded in DDS files - - this.generateMipmaps = false; - } - - CompressedTexture.prototype = Object.create(Texture.prototype); - CompressedTexture.prototype.constructor = CompressedTexture; - - CompressedTexture.prototype.isCompressedTexture = true; - - /** - * @author Matt DesLauriers / @mattdesl - * @author atix / arthursilber.de - */ - - function DepthTexture( - width, - height, - type, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - anisotropy, - format - ) { - format = format !== undefined ? format : DepthFormat; - - if (format !== DepthFormat && format !== DepthStencilFormat) { - throw new Error( - "DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat" - ); - } - - if (type === undefined && format === DepthFormat) type = UnsignedShortType; - if (type === undefined && format === DepthStencilFormat) - type = UnsignedInt248Type; - - Texture.call( - this, - null, - mapping, - wrapS, - wrapT, - magFilter, - minFilter, - format, - type, - anisotropy - ); - - this.image = { width: width, height: height }; - - this.magFilter = magFilter !== undefined ? magFilter : NearestFilter; - this.minFilter = minFilter !== undefined ? minFilter : NearestFilter; - - this.flipY = false; - this.generateMipmaps = false; - } - - DepthTexture.prototype = Object.create(Texture.prototype); - DepthTexture.prototype.constructor = DepthTexture; - DepthTexture.prototype.isDepthTexture = true; - - /** - * @author mrdoob / http://mrdoob.com/ - * @author Mugen87 / https://github.com/Mugen87 - */ - - function WireframeGeometry(geometry) { - BufferGeometry.call(this); - - this.type = "WireframeGeometry"; - - // buffer - - var vertices = []; - - // helper variables - - var i, j, l, o, ol; - var edge = [0, 0], - edges = {}, - e, - edge1, - edge2; - var key, - keys = ["a", "b", "c"]; - var vertex; + return new this.constructor().copy( this ); - // different logic for Geometry and BufferGeometry + }, - if (geometry && geometry.isGeometry) { - // create a data structure that contains all edges without duplicates + copy: function ( box ) { - var faces = geometry.faces; - - for (i = 0, l = faces.length; i < l; i++) { - var face = faces[i]; - - for (j = 0; j < 3; j++) { - edge1 = face[keys[j]]; - edge2 = face[keys[(j + 1) % 3]]; - edge[0] = Math.min(edge1, edge2); // sorting prevents duplicates - edge[1] = Math.max(edge1, edge2); - - key = edge[0] + "," + edge[1]; - - if (edges[key] === undefined) { - edges[key] = { index1: edge[0], index2: edge[1] }; - } - } - } - - // generate vertices - - for (key in edges) { - e = edges[key]; - - vertex = geometry.vertices[e.index1]; - vertices.push(vertex.x, vertex.y, vertex.z); + this.min.copy( box.min ); + this.max.copy( box.max ); - vertex = geometry.vertices[e.index2]; - vertices.push(vertex.x, vertex.y, vertex.z); - } - } else if (geometry && geometry.isBufferGeometry) { - var position, indices, groups; - var group, start, count; - var index1, index2; + return this; - vertex = new Vector3(); + }, - if (geometry.index !== null) { - // indexed BufferGeometry + makeEmpty: function () { - position = geometry.attributes.position; - indices = geometry.index; - groups = geometry.groups; + this.min.x = this.min.y = this.min.z = + Infinity; + this.max.x = this.max.y = this.max.z = - Infinity; - if (groups.length === 0) { - groups = [{ start: 0, count: indices.count, materialIndex: 0 }]; - } + return this; - // create a data structure that contains all eges without duplicates + }, - for (o = 0, ol = groups.length; o < ol; ++o) { - group = groups[o]; + isEmpty: function () { - start = group.start; - count = group.count; + // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes - for (i = start, l = start + count; i < l; i += 3) { - for (j = 0; j < 3; j++) { - edge1 = indices.getX(i + j); - edge2 = indices.getX(i + ((j + 1) % 3)); - edge[0] = Math.min(edge1, edge2); // sorting prevents duplicates - edge[1] = Math.max(edge1, edge2); + return ( this.max.x < this.min.x ) || ( this.max.y < this.min.y ) || ( this.max.z < this.min.z ); - key = edge[0] + "," + edge[1]; + }, - if (edges[key] === undefined) { - edges[key] = { index1: edge[0], index2: edge[1] }; - } - } - } - } + getCenter: function ( target ) { - // generate vertices + if ( target === undefined ) { - for (key in edges) { - e = edges[key]; + console.warn( 'THREE.Box3: .getCenter() target is now required' ); + target = new Vector3(); - vertex.fromBufferAttribute(position, e.index1); - vertices.push(vertex.x, vertex.y, vertex.z); + } - vertex.fromBufferAttribute(position, e.index2); - vertices.push(vertex.x, vertex.y, vertex.z); - } - } else { - // non-indexed BufferGeometry + return this.isEmpty() ? target.set( 0, 0, 0 ) : target.addVectors( this.min, this.max ).multiplyScalar( 0.5 ); - position = geometry.attributes.position; + }, - for (i = 0, l = position.count / 3; i < l; i++) { - for (j = 0; j < 3; j++) { - // three edges per triangle, an edge is represented as (index1, index2) - // e.g. the first triangle has the following edges: (0,1),(1,2),(2,0) + getSize: function ( target ) { - index1 = 3 * i + j; - vertex.fromBufferAttribute(position, index1); - vertices.push(vertex.x, vertex.y, vertex.z); + if ( target === undefined ) { - index2 = 3 * i + ((j + 1) % 3); - vertex.fromBufferAttribute(position, index2); - vertices.push(vertex.x, vertex.y, vertex.z); - } - } - } - } + console.warn( 'THREE.Box3: .getSize() target is now required' ); + target = new Vector3(); - // build geometry + } - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - } + return this.isEmpty() ? target.set( 0, 0, 0 ) : target.subVectors( this.max, this.min ); - WireframeGeometry.prototype = Object.create(BufferGeometry.prototype); - WireframeGeometry.prototype.constructor = WireframeGeometry; + }, - /** - * @author zz85 / https://github.com/zz85 - * @author Mugen87 / https://github.com/Mugen87 - * - * Parametric Surfaces Geometry - * based on the brilliant article by @prideout http://prideout.net/blog/?p=44 - */ + expandByPoint: function ( point ) { - // ParametricGeometry + this.min.min( point ); + this.max.max( point ); - function ParametricGeometry(func, slices, stacks) { - Geometry.call(this); + return this; - this.type = "ParametricGeometry"; + }, - this.parameters = { - func: func, - slices: slices, - stacks: stacks, - }; + expandByVector: function ( vector ) { - this.fromBufferGeometry(new ParametricBufferGeometry(func, slices, stacks)); - this.mergeVertices(); - } + this.min.sub( vector ); + this.max.add( vector ); - ParametricGeometry.prototype = Object.create(Geometry.prototype); - ParametricGeometry.prototype.constructor = ParametricGeometry; + return this; - // ParametricBufferGeometry + }, - function ParametricBufferGeometry(func, slices, stacks) { - BufferGeometry.call(this); + expandByScalar: function ( scalar ) { - this.type = "ParametricBufferGeometry"; + this.min.addScalar( - scalar ); + this.max.addScalar( scalar ); - this.parameters = { - func: func, - slices: slices, - stacks: stacks, - }; + return this; - // buffers + }, - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; + expandByObject: function () { - var EPS = 0.00001; + // Computes the world-axis-aligned bounding box of an object (including its children), + // accounting for both the object's, and children's, world transforms - var normal = new Vector3(); + var scope, i, l; - var p0 = new Vector3(), - p1 = new Vector3(); - var pu = new Vector3(), - pv = new Vector3(); + var v1 = new Vector3(); - var i, j; + function traverse( node ) { - // generate vertices, normals and uvs + var geometry = node.geometry; - var sliceCount = slices + 1; + if ( geometry !== undefined ) { - for (i = 0; i <= stacks; i++) { - var v = i / stacks; + if ( geometry.isGeometry ) { - for (j = 0; j <= slices; j++) { - var u = j / slices; + var vertices = geometry.vertices; - // vertex + for ( i = 0, l = vertices.length; i < l; i ++ ) { - func(u, v, p0); - vertices.push(p0.x, p0.y, p0.z); + v1.copy( vertices[ i ] ); + v1.applyMatrix4( node.matrixWorld ); - // normal + scope.expandByPoint( v1 ); - // approximate tangent vectors via finite differences + } - if (u - EPS >= 0) { - func(u - EPS, v, p1); - pu.subVectors(p0, p1); - } else { - func(u + EPS, v, p1); - pu.subVectors(p1, p0); - } + } else if ( geometry.isBufferGeometry ) { - if (v - EPS >= 0) { - func(u, v - EPS, p1); - pv.subVectors(p0, p1); - } else { - func(u, v + EPS, p1); - pv.subVectors(p1, p0); - } + var attribute = geometry.attributes.position; - // cross product of tangent vectors returns surface normal + if ( attribute !== undefined ) { - normal.crossVectors(pu, pv).normalize(); - normals.push(normal.x, normal.y, normal.z); + for ( i = 0, l = attribute.count; i < l; i ++ ) { - // uv + v1.fromBufferAttribute( attribute, i ).applyMatrix4( node.matrixWorld ); - uvs.push(u, v); - } - } + scope.expandByPoint( v1 ); - // generate indices + } - for (i = 0; i < stacks; i++) { - for (j = 0; j < slices; j++) { - var a = i * sliceCount + j; - var b = i * sliceCount + j + 1; - var c = (i + 1) * sliceCount + j + 1; - var d = (i + 1) * sliceCount + j; + } - // faces one and two + } - indices.push(a, b, d); - indices.push(b, c, d); - } - } + } - // build geometry + } - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); - } + return function expandByObject( object ) { - ParametricBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - ParametricBufferGeometry.prototype.constructor = ParametricBufferGeometry; + scope = this; - /** - * @author clockworkgeek / https://github.com/clockworkgeek - * @author timothypratley / https://github.com/timothypratley - * @author WestLangley / http://github.com/WestLangley - * @author Mugen87 / https://github.com/Mugen87 - */ + object.updateMatrixWorld( true ); - // PolyhedronGeometry + object.traverse( traverse ); - function PolyhedronGeometry(vertices, indices, radius, detail) { - Geometry.call(this); + return this; - this.type = "PolyhedronGeometry"; + }; - this.parameters = { - vertices: vertices, - indices: indices, - radius: radius, - detail: detail, - }; + }(), - this.fromBufferGeometry( - new PolyhedronBufferGeometry(vertices, indices, radius, detail) - ); - this.mergeVertices(); - } + containsPoint: function ( point ) { - PolyhedronGeometry.prototype = Object.create(Geometry.prototype); - PolyhedronGeometry.prototype.constructor = PolyhedronGeometry; + return point.x < this.min.x || point.x > this.max.x || + point.y < this.min.y || point.y > this.max.y || + point.z < this.min.z || point.z > this.max.z ? false : true; - // PolyhedronBufferGeometry + }, - function PolyhedronBufferGeometry(vertices, indices, radius, detail) { - BufferGeometry.call(this); + containsBox: function ( box ) { - this.type = "PolyhedronBufferGeometry"; + return this.min.x <= box.min.x && box.max.x <= this.max.x && + this.min.y <= box.min.y && box.max.y <= this.max.y && + this.min.z <= box.min.z && box.max.z <= this.max.z; - this.parameters = { - vertices: vertices, - indices: indices, - radius: radius, - detail: detail, - }; + }, - radius = radius || 1; - detail = detail || 0; + getParameter: function ( point, target ) { - // default buffer data + // This can potentially have a divide by zero if the box + // has a size dimension of 0. - var vertexBuffer = []; - var uvBuffer = []; + if ( target === undefined ) { - // the subdivision creates the vertex buffer data + console.warn( 'THREE.Box3: .getParameter() target is now required' ); + target = new Vector3(); - subdivide(detail); + } - // all vertices should lie on a conceptual sphere with a given radius + return target.set( + ( point.x - this.min.x ) / ( this.max.x - this.min.x ), + ( point.y - this.min.y ) / ( this.max.y - this.min.y ), + ( point.z - this.min.z ) / ( this.max.z - this.min.z ) + ); - appplyRadius(radius); + }, - // finally, create the uv data + intersectsBox: function ( box ) { - generateUVs(); + // using 6 splitting planes to rule out intersections. + return box.max.x < this.min.x || box.min.x > this.max.x || + box.max.y < this.min.y || box.min.y > this.max.y || + box.max.z < this.min.z || box.min.z > this.max.z ? false : true; - // build non-indexed geometry + }, - this.addAttribute("position", new Float32BufferAttribute(vertexBuffer, 3)); - this.addAttribute( - "normal", - new Float32BufferAttribute(vertexBuffer.slice(), 3) - ); - this.addAttribute("uv", new Float32BufferAttribute(uvBuffer, 2)); + intersectsSphere: ( function () { - if (detail === 0) { - this.computeVertexNormals(); // flat normals - } else { - this.normalizeNormals(); // smooth normals - } + var closestPoint = new Vector3(); - // helper functions + return function intersectsSphere( sphere ) { - function subdivide(detail) { - var a = new Vector3(); - var b = new Vector3(); - var c = new Vector3(); + // Find the point on the AABB closest to the sphere center. + this.clampPoint( sphere.center, closestPoint ); - // iterate over all faces and apply a subdivison with the given detail value + // If that point is inside the sphere, the AABB and sphere intersect. + return closestPoint.distanceToSquared( sphere.center ) <= ( sphere.radius * sphere.radius ); - for (var i = 0; i < indices.length; i += 3) { - // get the vertices of the face + }; - getVertexByIndex(indices[i + 0], a); - getVertexByIndex(indices[i + 1], b); - getVertexByIndex(indices[i + 2], c); + } )(), - // perform subdivision + intersectsPlane: function ( plane ) { - subdivideFace(a, b, c, detail); - } - } + // We compute the minimum and maximum dot product values. If those values + // are on the same side (back or front) of the plane, then there is no intersection. - function subdivideFace(a, b, c, detail) { - var cols = Math.pow(2, detail); + var min, max; - // we use this multidimensional array as a data structure for creating the subdivision + if ( plane.normal.x > 0 ) { - var v = []; + min = plane.normal.x * this.min.x; + max = plane.normal.x * this.max.x; - var i, j; + } else { - // construct all of the vertices for this subdivision + min = plane.normal.x * this.max.x; + max = plane.normal.x * this.min.x; - for (i = 0; i <= cols; i++) { - v[i] = []; + } - var aj = a.clone().lerp(c, i / cols); - var bj = b.clone().lerp(c, i / cols); + if ( plane.normal.y > 0 ) { - var rows = cols - i; + min += plane.normal.y * this.min.y; + max += plane.normal.y * this.max.y; - for (j = 0; j <= rows; j++) { - if (j === 0 && i === cols) { - v[i][j] = aj; - } else { - v[i][j] = aj.clone().lerp(bj, j / rows); - } - } - } + } else { - // construct all of the faces + min += plane.normal.y * this.max.y; + max += plane.normal.y * this.min.y; - for (i = 0; i < cols; i++) { - for (j = 0; j < 2 * (cols - i) - 1; j++) { - var k = Math.floor(j / 2); + } - if (j % 2 === 0) { - pushVertex(v[i][k + 1]); - pushVertex(v[i + 1][k]); - pushVertex(v[i][k]); - } else { - pushVertex(v[i][k + 1]); - pushVertex(v[i + 1][k + 1]); - pushVertex(v[i + 1][k]); - } - } - } - } + if ( plane.normal.z > 0 ) { - function appplyRadius(radius) { - var vertex = new Vector3(); + min += plane.normal.z * this.min.z; + max += plane.normal.z * this.max.z; - // iterate over the entire buffer and apply the radius to each vertex + } else { - for (var i = 0; i < vertexBuffer.length; i += 3) { - vertex.x = vertexBuffer[i + 0]; - vertex.y = vertexBuffer[i + 1]; - vertex.z = vertexBuffer[i + 2]; + min += plane.normal.z * this.max.z; + max += plane.normal.z * this.min.z; - vertex.normalize().multiplyScalar(radius); + } - vertexBuffer[i + 0] = vertex.x; - vertexBuffer[i + 1] = vertex.y; - vertexBuffer[i + 2] = vertex.z; - } - } + return ( min <= plane.constant && max >= plane.constant ); - function generateUVs() { - var vertex = new Vector3(); + }, - for (var i = 0; i < vertexBuffer.length; i += 3) { - vertex.x = vertexBuffer[i + 0]; - vertex.y = vertexBuffer[i + 1]; - vertex.z = vertexBuffer[i + 2]; + intersectsTriangle: ( function () { - var u = azimuth(vertex) / 2 / Math.PI + 0.5; - var v = inclination(vertex) / Math.PI + 0.5; - uvBuffer.push(u, 1 - v); - } + // triangle centered vertices + var v0 = new Vector3(); + var v1 = new Vector3(); + var v2 = new Vector3(); - correctUVs(); + // triangle edge vectors + var f0 = new Vector3(); + var f1 = new Vector3(); + var f2 = new Vector3(); - correctSeam(); - } + var testAxis = new Vector3(); - function correctSeam() { - // handle case when face straddles the seam, see #3269 + var center = new Vector3(); + var extents = new Vector3(); - for (var i = 0; i < uvBuffer.length; i += 6) { - // uv data of a single face + var triangleNormal = new Vector3(); - var x0 = uvBuffer[i + 0]; - var x1 = uvBuffer[i + 2]; - var x2 = uvBuffer[i + 4]; + function satForAxes( axes ) { - var max = Math.max(x0, x1, x2); - var min = Math.min(x0, x1, x2); + var i, j; - // 0.9 is somewhat arbitrary + for ( i = 0, j = axes.length - 3; i <= j; i += 3 ) { - if (max > 0.9 && min < 0.1) { - if (x0 < 0.2) uvBuffer[i + 0] += 1; - if (x1 < 0.2) uvBuffer[i + 2] += 1; - if (x2 < 0.2) uvBuffer[i + 4] += 1; - } - } - } + testAxis.fromArray( axes, i ); + // project the aabb onto the seperating axis + var r = extents.x * Math.abs( testAxis.x ) + extents.y * Math.abs( testAxis.y ) + extents.z * Math.abs( testAxis.z ); + // project all 3 vertices of the triangle onto the seperating axis + var p0 = v0.dot( testAxis ); + var p1 = v1.dot( testAxis ); + var p2 = v2.dot( testAxis ); + // actual test, basically see if either of the most extreme of the triangle points intersects r + if ( Math.max( - Math.max( p0, p1, p2 ), Math.min( p0, p1, p2 ) ) > r ) { - function pushVertex(vertex) { - vertexBuffer.push(vertex.x, vertex.y, vertex.z); - } + // points of the projected triangle are outside the projected half-length of the aabb + // the axis is seperating and we can exit + return false; - function getVertexByIndex(index, vertex) { - var stride = index * 3; + } - vertex.x = vertices[stride + 0]; - vertex.y = vertices[stride + 1]; - vertex.z = vertices[stride + 2]; - } + } - function correctUVs() { - var a = new Vector3(); - var b = new Vector3(); - var c = new Vector3(); + return true; - var centroid = new Vector3(); + } - var uvA = new Vector2(); - var uvB = new Vector2(); - var uvC = new Vector2(); + return function intersectsTriangle( triangle ) { - for (var i = 0, j = 0; i < vertexBuffer.length; i += 9, j += 6) { - a.set(vertexBuffer[i + 0], vertexBuffer[i + 1], vertexBuffer[i + 2]); - b.set(vertexBuffer[i + 3], vertexBuffer[i + 4], vertexBuffer[i + 5]); - c.set(vertexBuffer[i + 6], vertexBuffer[i + 7], vertexBuffer[i + 8]); + if ( this.isEmpty() ) { - uvA.set(uvBuffer[j + 0], uvBuffer[j + 1]); - uvB.set(uvBuffer[j + 2], uvBuffer[j + 3]); - uvC.set(uvBuffer[j + 4], uvBuffer[j + 5]); + return false; - centroid.copy(a).add(b).add(c).divideScalar(3); + } - var azi = azimuth(centroid); + // compute box center and extents + this.getCenter( center ); + extents.subVectors( this.max, center ); - correctUV(uvA, j + 0, a, azi); - correctUV(uvB, j + 2, b, azi); - correctUV(uvC, j + 4, c, azi); - } - } + // translate triangle to aabb origin + v0.subVectors( triangle.a, center ); + v1.subVectors( triangle.b, center ); + v2.subVectors( triangle.c, center ); - function correctUV(uv, stride, vector, azimuth) { - if (azimuth < 0 && uv.x === 1) { - uvBuffer[stride] = uv.x - 1; - } + // compute edge vectors for triangle + f0.subVectors( v1, v0 ); + f1.subVectors( v2, v1 ); + f2.subVectors( v0, v2 ); - if (vector.x === 0 && vector.z === 0) { - uvBuffer[stride] = azimuth / 2 / Math.PI + 0.5; - } - } + // test against axes that are given by cross product combinations of the edges of the triangle and the edges of the aabb + // make an axis testing of each of the 3 sides of the aabb against each of the 3 sides of the triangle = 9 axis of separation + // axis_ij = u_i x f_j (u0, u1, u2 = face normals of aabb = x,y,z axes vectors since aabb is axis aligned) + var axes = [ + 0, - f0.z, f0.y, 0, - f1.z, f1.y, 0, - f2.z, f2.y, + f0.z, 0, - f0.x, f1.z, 0, - f1.x, f2.z, 0, - f2.x, + - f0.y, f0.x, 0, - f1.y, f1.x, 0, - f2.y, f2.x, 0 + ]; + if ( ! satForAxes( axes ) ) { - // Angle around the Y axis, counter-clockwise when looking from above. + return false; - function azimuth(vector) { - return Math.atan2(vector.z, -vector.x); - } + } - // Angle above the XZ plane. + // test 3 face normals from the aabb + axes = [ 1, 0, 0, 0, 1, 0, 0, 0, 1 ]; + if ( ! satForAxes( axes ) ) { - function inclination(vector) { - return Math.atan2( - -vector.y, - Math.sqrt(vector.x * vector.x + vector.z * vector.z) - ); - } - } + return false; - PolyhedronBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - PolyhedronBufferGeometry.prototype.constructor = PolyhedronBufferGeometry; + } - /** - * @author timothypratley / https://github.com/timothypratley - * @author Mugen87 / https://github.com/Mugen87 - */ + // finally testing the face normal of the triangle + // use already existing triangle edge vectors here + triangleNormal.crossVectors( f0, f1 ); + axes = [ triangleNormal.x, triangleNormal.y, triangleNormal.z ]; + return satForAxes( axes ); - // TetrahedronGeometry + }; - function TetrahedronGeometry(radius, detail) { - Geometry.call(this); + } )(), - this.type = "TetrahedronGeometry"; + clampPoint: function ( point, target ) { - this.parameters = { - radius: radius, - detail: detail, - }; + if ( target === undefined ) { - this.fromBufferGeometry(new TetrahedronBufferGeometry(radius, detail)); - this.mergeVertices(); - } + console.warn( 'THREE.Box3: .clampPoint() target is now required' ); + target = new Vector3(); - TetrahedronGeometry.prototype = Object.create(Geometry.prototype); - TetrahedronGeometry.prototype.constructor = TetrahedronGeometry; + } - // TetrahedronBufferGeometry + return target.copy( point ).clamp( this.min, this.max ); - function TetrahedronBufferGeometry(radius, detail) { - var vertices = [1, 1, 1, -1, -1, 1, -1, 1, -1, 1, -1, -1]; + }, - var indices = [2, 1, 0, 0, 3, 2, 1, 3, 0, 2, 3, 1]; + distanceToPoint: function () { - PolyhedronBufferGeometry.call(this, vertices, indices, radius, detail); + var v1 = new Vector3(); - this.type = "TetrahedronBufferGeometry"; + return function distanceToPoint( point ) { - this.parameters = { - radius: radius, - detail: detail, - }; - } + var clampedPoint = v1.copy( point ).clamp( this.min, this.max ); + return clampedPoint.sub( point ).length(); - TetrahedronBufferGeometry.prototype = Object.create( - PolyhedronBufferGeometry.prototype - ); - TetrahedronBufferGeometry.prototype.constructor = TetrahedronBufferGeometry; + }; - /** - * @author timothypratley / https://github.com/timothypratley - * @author Mugen87 / https://github.com/Mugen87 - */ + }(), - // OctahedronGeometry - - function OctahedronGeometry(radius, detail) { - Geometry.call(this); - - this.type = "OctahedronGeometry"; - - this.parameters = { - radius: radius, - detail: detail, - }; - - this.fromBufferGeometry(new OctahedronBufferGeometry(radius, detail)); - this.mergeVertices(); - } - - OctahedronGeometry.prototype = Object.create(Geometry.prototype); - OctahedronGeometry.prototype.constructor = OctahedronGeometry; - - // OctahedronBufferGeometry - - function OctahedronBufferGeometry(radius, detail) { - var vertices = [1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1]; - - var indices = [ - 0, 2, 4, 0, 4, 3, 0, 3, 5, 0, 5, 2, 1, 2, 5, 1, 5, 3, 1, 3, 4, 1, 4, 2, - ]; - - PolyhedronBufferGeometry.call(this, vertices, indices, radius, detail); - - this.type = "OctahedronBufferGeometry"; - - this.parameters = { - radius: radius, - detail: detail, - }; - } - - OctahedronBufferGeometry.prototype = Object.create( - PolyhedronBufferGeometry.prototype - ); - OctahedronBufferGeometry.prototype.constructor = OctahedronBufferGeometry; - - /** - * @author timothypratley / https://github.com/timothypratley - * @author Mugen87 / https://github.com/Mugen87 - */ - - // IcosahedronGeometry - - function IcosahedronGeometry(radius, detail) { - Geometry.call(this); - - this.type = "IcosahedronGeometry"; - - this.parameters = { - radius: radius, - detail: detail, - }; - - this.fromBufferGeometry(new IcosahedronBufferGeometry(radius, detail)); - this.mergeVertices(); - } - - IcosahedronGeometry.prototype = Object.create(Geometry.prototype); - IcosahedronGeometry.prototype.constructor = IcosahedronGeometry; - - // IcosahedronBufferGeometry - - function IcosahedronBufferGeometry(radius, detail) { - var t = (1 + Math.sqrt(5)) / 2; - - var vertices = [ - -1, - t, - 0, - 1, - t, - 0, - -1, - -t, - 0, - 1, - -t, - 0, - 0, - -1, - t, - 0, - 1, - t, - 0, - -1, - -t, - 0, - 1, - -t, - t, - 0, - -1, - t, - 0, - 1, - -t, - 0, - -1, - -t, - 0, - 1, - ]; - - var indices = [ - 0, 11, 5, 0, 5, 1, 0, 1, 7, 0, 7, 10, 0, 10, 11, 1, 5, 9, 5, 11, 4, 11, - 10, 2, 10, 7, 6, 7, 1, 8, 3, 9, 4, 3, 4, 2, 3, 2, 6, 3, 6, 8, 3, 8, 9, 4, - 9, 5, 2, 4, 11, 6, 2, 10, 8, 6, 7, 9, 8, 1, - ]; - - PolyhedronBufferGeometry.call(this, vertices, indices, radius, detail); - - this.type = "IcosahedronBufferGeometry"; - - this.parameters = { - radius: radius, - detail: detail, - }; - } - - IcosahedronBufferGeometry.prototype = Object.create( - PolyhedronBufferGeometry.prototype - ); - IcosahedronBufferGeometry.prototype.constructor = IcosahedronBufferGeometry; - - /** - * @author Abe Pazos / https://hamoid.com - * @author Mugen87 / https://github.com/Mugen87 - */ - - // DodecahedronGeometry - - function DodecahedronGeometry(radius, detail) { - Geometry.call(this); - - this.type = "DodecahedronGeometry"; - - this.parameters = { - radius: radius, - detail: detail, - }; - - this.fromBufferGeometry(new DodecahedronBufferGeometry(radius, detail)); - this.mergeVertices(); - } - - DodecahedronGeometry.prototype = Object.create(Geometry.prototype); - DodecahedronGeometry.prototype.constructor = DodecahedronGeometry; - - // DodecahedronBufferGeometry - - function DodecahedronBufferGeometry(radius, detail) { - var t = (1 + Math.sqrt(5)) / 2; - var r = 1 / t; - - var vertices = [ - // (±1, ±1, ±1) - -1, - -1, - -1, - -1, - -1, - 1, - -1, - 1, - -1, - -1, - 1, - 1, - 1, - -1, - -1, - 1, - -1, - 1, - 1, - 1, - -1, - 1, - 1, - 1, - - // (0, ±1/φ, ±φ) - 0, - -r, - -t, - 0, - -r, - t, - 0, - r, - -t, - 0, - r, - t, - - // (±1/φ, ±φ, 0) - -r, - -t, - 0, - -r, - t, - 0, - r, - -t, - 0, - r, - t, - 0, - - // (±φ, 0, ±1/φ) - -t, - 0, - -r, - t, - 0, - -r, - -t, - 0, - r, - t, - 0, - r, - ]; - - var indices = [ - 3, 11, 7, 3, 7, 15, 3, 15, 13, 7, 19, 17, 7, 17, 6, 7, 6, 15, 17, 4, 8, - 17, 8, 10, 17, 10, 6, 8, 0, 16, 8, 16, 2, 8, 2, 10, 0, 12, 1, 0, 1, 18, 0, - 18, 16, 6, 10, 2, 6, 2, 13, 6, 13, 15, 2, 16, 18, 2, 18, 3, 2, 3, 13, 18, - 1, 9, 18, 9, 11, 18, 11, 3, 4, 14, 12, 4, 12, 0, 4, 0, 8, 11, 9, 5, 11, 5, - 19, 11, 19, 7, 19, 5, 14, 19, 14, 4, 19, 4, 17, 1, 12, 14, 1, 14, 5, 1, 5, - 9, - ]; - - PolyhedronBufferGeometry.call(this, vertices, indices, radius, detail); - - this.type = "DodecahedronBufferGeometry"; - - this.parameters = { - radius: radius, - detail: detail, - }; - } - - DodecahedronBufferGeometry.prototype = Object.create( - PolyhedronBufferGeometry.prototype - ); - DodecahedronBufferGeometry.prototype.constructor = DodecahedronBufferGeometry; - - /** - * @author oosmoxiecode / https://github.com/oosmoxiecode - * @author WestLangley / https://github.com/WestLangley - * @author zz85 / https://github.com/zz85 - * @author miningold / https://github.com/miningold - * @author jonobr1 / https://github.com/jonobr1 - * @author Mugen87 / https://github.com/Mugen87 - * - */ - - // TubeGeometry - - function TubeGeometry( - path, - tubularSegments, - radius, - radialSegments, - closed, - taper - ) { - Geometry.call(this); - - this.type = "TubeGeometry"; - - this.parameters = { - path: path, - tubularSegments: tubularSegments, - radius: radius, - radialSegments: radialSegments, - closed: closed, - }; - - if (taper !== undefined) - console.warn("THREE.TubeGeometry: taper has been removed."); - - var bufferGeometry = new TubeBufferGeometry( - path, - tubularSegments, - radius, - radialSegments, - closed - ); - - // expose internals - - this.tangents = bufferGeometry.tangents; - this.normals = bufferGeometry.normals; - this.binormals = bufferGeometry.binormals; - - // create geometry - - this.fromBufferGeometry(bufferGeometry); - this.mergeVertices(); - } - - TubeGeometry.prototype = Object.create(Geometry.prototype); - TubeGeometry.prototype.constructor = TubeGeometry; + getBoundingSphere: function () { - // TubeBufferGeometry + var v1 = new Vector3(); - function TubeBufferGeometry( - path, - tubularSegments, - radius, - radialSegments, - closed - ) { - BufferGeometry.call(this); + return function getBoundingSphere( target ) { - this.type = "TubeBufferGeometry"; + if ( target === undefined ) { - this.parameters = { - path: path, - tubularSegments: tubularSegments, - radius: radius, - radialSegments: radialSegments, - closed: closed, - }; + console.warn( 'THREE.Box3: .getBoundingSphere() target is now required' ); + target = new Sphere(); - tubularSegments = tubularSegments || 64; - radius = radius || 1; - radialSegments = radialSegments || 8; - closed = closed || false; + } - var frames = path.computeFrenetFrames(tubularSegments, closed); + this.getCenter( target.center ); - // expose internals + target.radius = this.getSize( v1 ).length() * 0.5; - this.tangents = frames.tangents; - this.normals = frames.normals; - this.binormals = frames.binormals; + return target; - // helper variables + }; - var vertex = new Vector3(); - var normal = new Vector3(); - var uv = new Vector2(); - var P = new Vector3(); + }(), - var i, j; + intersect: function ( box ) { - // buffer + this.min.max( box.min ); + this.max.min( box.max ); - var vertices = []; - var normals = []; - var uvs = []; - var indices = []; + // ensure that if there is no overlap, the result is fully empty, not slightly empty with non-inf/+inf values that will cause subsequence intersects to erroneously return valid values. + if ( this.isEmpty() ) this.makeEmpty(); - // create buffer data + return this; - generateBufferData(); + }, - // build geometry + union: function ( box ) { - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); + this.min.min( box.min ); + this.max.max( box.max ); - // functions + return this; - function generateBufferData() { - for (i = 0; i < tubularSegments; i++) { - generateSegment(i); - } + }, - // if the geometry is not closed, generate the last row of vertices and normals - // at the regular position on the given path - // - // if the geometry is closed, duplicate the first row of vertices and normals (uvs will differ) + applyMatrix4: function ( matrix ) { - generateSegment(closed === false ? tubularSegments : 0); + // transform of empty box is an empty box. + if ( this.isEmpty( ) ) return this; - // uvs are generated in a separate function. - // this makes it easy compute correct values for closed geometries + var m = matrix.elements; - generateUVs(); + var xax = m[ 0 ] * this.min.x, xay = m[ 1 ] * this.min.x, xaz = m[ 2 ] * this.min.x; + var xbx = m[ 0 ] * this.max.x, xby = m[ 1 ] * this.max.x, xbz = m[ 2 ] * this.max.x; + var yax = m[ 4 ] * this.min.y, yay = m[ 5 ] * this.min.y, yaz = m[ 6 ] * this.min.y; + var ybx = m[ 4 ] * this.max.y, yby = m[ 5 ] * this.max.y, ybz = m[ 6 ] * this.max.y; + var zax = m[ 8 ] * this.min.z, zay = m[ 9 ] * this.min.z, zaz = m[ 10 ] * this.min.z; + var zbx = m[ 8 ] * this.max.z, zby = m[ 9 ] * this.max.z, zbz = m[ 10 ] * this.max.z; - // finally create faces + this.min.x = Math.min( xax, xbx ) + Math.min( yax, ybx ) + Math.min( zax, zbx ) + m[ 12 ]; + this.min.y = Math.min( xay, xby ) + Math.min( yay, yby ) + Math.min( zay, zby ) + m[ 13 ]; + this.min.z = Math.min( xaz, xbz ) + Math.min( yaz, ybz ) + Math.min( zaz, zbz ) + m[ 14 ]; + this.max.x = Math.max( xax, xbx ) + Math.max( yax, ybx ) + Math.max( zax, zbx ) + m[ 12 ]; + this.max.y = Math.max( xay, xby ) + Math.max( yay, yby ) + Math.max( zay, zby ) + m[ 13 ]; + this.max.z = Math.max( xaz, xbz ) + Math.max( yaz, ybz ) + Math.max( zaz, zbz ) + m[ 14 ]; - generateIndices(); - } + return this; - function generateSegment(i) { - // we use getPointAt to sample evenly distributed points from the given path + }, - P = path.getPointAt(i / tubularSegments, P); + translate: function ( offset ) { - // retrieve corresponding normal and binormal + this.min.add( offset ); + this.max.add( offset ); - var N = frames.normals[i]; - var B = frames.binormals[i]; + return this; - // generate normals and vertices for the current segment + }, - for (j = 0; j <= radialSegments; j++) { - var v = (j / radialSegments) * Math.PI * 2; + equals: function ( box ) { - var sin = Math.sin(v); - var cos = -Math.cos(v); + return box.min.equals( this.min ) && box.max.equals( this.max ); - // normal + } - normal.x = cos * N.x + sin * B.x; - normal.y = cos * N.y + sin * B.y; - normal.z = cos * N.z + sin * B.z; - normal.normalize(); + } ); - normals.push(normal.x, normal.y, normal.z); + /** + * @author bhouston / http://clara.io + * @author mrdoob / http://mrdoob.com/ + */ - // vertex + function Sphere( center, radius ) { - vertex.x = P.x + radius * normal.x; - vertex.y = P.y + radius * normal.y; - vertex.z = P.z + radius * normal.z; + this.center = ( center !== undefined ) ? center : new Vector3(); + this.radius = ( radius !== undefined ) ? radius : 0; - vertices.push(vertex.x, vertex.y, vertex.z); - } - } + } - function generateIndices() { - for (j = 1; j <= tubularSegments; j++) { - for (i = 1; i <= radialSegments; i++) { - var a = (radialSegments + 1) * (j - 1) + (i - 1); - var b = (radialSegments + 1) * j + (i - 1); - var c = (radialSegments + 1) * j + i; - var d = (radialSegments + 1) * (j - 1) + i; + Object.assign( Sphere.prototype, { - // faces - - indices.push(a, b, d); - indices.push(b, c, d); - } - } - } - - function generateUVs() { - for (i = 0; i <= tubularSegments; i++) { - for (j = 0; j <= radialSegments; j++) { - uv.x = i / tubularSegments; - uv.y = j / radialSegments; - - uvs.push(uv.x, uv.y); - } - } - } - } + set: function ( center, radius ) { - TubeBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - TubeBufferGeometry.prototype.constructor = TubeBufferGeometry; - - /** - * @author oosmoxiecode - * @author Mugen87 / https://github.com/Mugen87 - * - * based on http://www.blackpawn.com/texts/pqtorus/ - */ - - // TorusKnotGeometry - - function TorusKnotGeometry( - radius, - tube, - tubularSegments, - radialSegments, - p, - q, - heightScale - ) { - Geometry.call(this); + this.center.copy( center ); + this.radius = radius; - this.type = "TorusKnotGeometry"; + return this; - this.parameters = { - radius: radius, - tube: tube, - tubularSegments: tubularSegments, - radialSegments: radialSegments, - p: p, - q: q, - }; - - if (heightScale !== undefined) - console.warn( - "THREE.TorusKnotGeometry: heightScale has been deprecated. Use .scale( x, y, z ) instead." - ); - - this.fromBufferGeometry( - new TorusKnotBufferGeometry( - radius, - tube, - tubularSegments, - radialSegments, - p, - q - ) - ); - this.mergeVertices(); - } - - TorusKnotGeometry.prototype = Object.create(Geometry.prototype); - TorusKnotGeometry.prototype.constructor = TorusKnotGeometry; - - // TorusKnotBufferGeometry - - function TorusKnotBufferGeometry( - radius, - tube, - tubularSegments, - radialSegments, - p, - q - ) { - BufferGeometry.call(this); - - this.type = "TorusKnotBufferGeometry"; - - this.parameters = { - radius: radius, - tube: tube, - tubularSegments: tubularSegments, - radialSegments: radialSegments, - p: p, - q: q, - }; - - radius = radius || 1; - tube = tube || 0.4; - tubularSegments = Math.floor(tubularSegments) || 64; - radialSegments = Math.floor(radialSegments) || 8; - p = p || 2; - q = q || 3; - - // buffers + }, - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; + setFromPoints: function () { - // helper variables + var box = new Box3(); - var i, j; + return function setFromPoints( points, optionalCenter ) { - var vertex = new Vector3(); - var normal = new Vector3(); + var center = this.center; - var P1 = new Vector3(); - var P2 = new Vector3(); + if ( optionalCenter !== undefined ) { - var B = new Vector3(); - var T = new Vector3(); - var N = new Vector3(); + center.copy( optionalCenter ); - // generate vertices, normals and uvs + } else { - for (i = 0; i <= tubularSegments; ++i) { - // the radian "u" is used to calculate the position on the torus curve of the current tubular segement + box.setFromPoints( points ).getCenter( center ); - var u = (i / tubularSegments) * p * Math.PI * 2; + } - // now we calculate two points. P1 is our current position on the curve, P2 is a little farther ahead. - // these points are used to create a special "coordinate space", which is necessary to calculate the correct vertex positions + var maxRadiusSq = 0; - calculatePositionOnCurve(u, p, q, radius, P1); - calculatePositionOnCurve(u + 0.01, p, q, radius, P2); + for ( var i = 0, il = points.length; i < il; i ++ ) { - // calculate orthonormal basis + maxRadiusSq = Math.max( maxRadiusSq, center.distanceToSquared( points[ i ] ) ); - T.subVectors(P2, P1); - N.addVectors(P2, P1); - B.crossVectors(T, N); - N.crossVectors(B, T); + } - // normalize B, N. T can be ignored, we don't use it + this.radius = Math.sqrt( maxRadiusSq ); - B.normalize(); - N.normalize(); + return this; - for (j = 0; j <= radialSegments; ++j) { - // now calculate the vertices. they are nothing more than an extrusion of the torus curve. - // because we extrude a shape in the xy-plane, there is no need to calculate a z-value. + }; - var v = (j / radialSegments) * Math.PI * 2; - var cx = -tube * Math.cos(v); - var cy = tube * Math.sin(v); + }(), - // now calculate the final vertex position. - // first we orient the extrusion with our basis vectos, then we add it to the current position on the curve + clone: function () { - vertex.x = P1.x + (cx * N.x + cy * B.x); - vertex.y = P1.y + (cx * N.y + cy * B.y); - vertex.z = P1.z + (cx * N.z + cy * B.z); + return new this.constructor().copy( this ); - vertices.push(vertex.x, vertex.y, vertex.z); + }, - // normal (P1 is always the center/origin of the extrusion, thus we can use it to calculate the normal) + copy: function ( sphere ) { - normal.subVectors(vertex, P1).normalize(); + this.center.copy( sphere.center ); + this.radius = sphere.radius; - normals.push(normal.x, normal.y, normal.z); + return this; - // uv + }, - uvs.push(i / tubularSegments); - uvs.push(j / radialSegments); - } - } + empty: function () { - // generate indices + return ( this.radius <= 0 ); - for (j = 1; j <= tubularSegments; j++) { - for (i = 1; i <= radialSegments; i++) { - // indices + }, - var a = (radialSegments + 1) * (j - 1) + (i - 1); - var b = (radialSegments + 1) * j + (i - 1); - var c = (radialSegments + 1) * j + i; - var d = (radialSegments + 1) * (j - 1) + i; + containsPoint: function ( point ) { - // faces + return ( point.distanceToSquared( this.center ) <= ( this.radius * this.radius ) ); - indices.push(a, b, d); - indices.push(b, c, d); - } - } + }, - // build geometry + distanceToPoint: function ( point ) { - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); + return ( point.distanceTo( this.center ) - this.radius ); - // this function calculates the current position on the torus curve + }, - function calculatePositionOnCurve(u, p, q, radius, position) { - var cu = Math.cos(u); - var su = Math.sin(u); - var quOverP = (q / p) * u; - var cs = Math.cos(quOverP); + intersectsSphere: function ( sphere ) { - position.x = radius * (2 + cs) * 0.5 * cu; - position.y = radius * (2 + cs) * su * 0.5; - position.z = radius * Math.sin(quOverP) * 0.5; - } - } + var radiusSum = this.radius + sphere.radius; - TorusKnotBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - TorusKnotBufferGeometry.prototype.constructor = TorusKnotBufferGeometry; + return sphere.center.distanceToSquared( this.center ) <= ( radiusSum * radiusSum ); - /** - * @author oosmoxiecode - * @author mrdoob / http://mrdoob.com/ - * @author Mugen87 / https://github.com/Mugen87 - */ + }, - // TorusGeometry + intersectsBox: function ( box ) { - function TorusGeometry(radius, tube, radialSegments, tubularSegments, arc) { - Geometry.call(this); + return box.intersectsSphere( this ); - this.type = "TorusGeometry"; + }, - this.parameters = { - radius: radius, - tube: tube, - radialSegments: radialSegments, - tubularSegments: tubularSegments, - arc: arc, - }; + intersectsPlane: function ( plane ) { - this.fromBufferGeometry( - new TorusBufferGeometry( - radius, - tube, - radialSegments, - tubularSegments, - arc - ) - ); - this.mergeVertices(); - } + return Math.abs( plane.distanceToPoint( this.center ) ) <= this.radius; - TorusGeometry.prototype = Object.create(Geometry.prototype); - TorusGeometry.prototype.constructor = TorusGeometry; + }, - // TorusBufferGeometry + clampPoint: function ( point, target ) { - function TorusBufferGeometry( - radius, - tube, - radialSegments, - tubularSegments, - arc - ) { - BufferGeometry.call(this); + var deltaLengthSq = this.center.distanceToSquared( point ); - this.type = "TorusBufferGeometry"; + if ( target === undefined ) { - this.parameters = { - radius: radius, - tube: tube, - radialSegments: radialSegments, - tubularSegments: tubularSegments, - arc: arc, - }; + console.warn( 'THREE.Sphere: .clampPoint() target is now required' ); + target = new Vector3(); - radius = radius || 1; - tube = tube || 0.4; - radialSegments = Math.floor(radialSegments) || 8; - tubularSegments = Math.floor(tubularSegments) || 6; - arc = arc || Math.PI * 2; + } - // buffers + target.copy( point ); - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; + if ( deltaLengthSq > ( this.radius * this.radius ) ) { - // helper variables + target.sub( this.center ).normalize(); + target.multiplyScalar( this.radius ).add( this.center ); - var center = new Vector3(); - var vertex = new Vector3(); - var normal = new Vector3(); + } - var j, i; + return target; - // generate vertices, normals and uvs + }, - for (j = 0; j <= radialSegments; j++) { - for (i = 0; i <= tubularSegments; i++) { - var u = (i / tubularSegments) * arc; - var v = (j / radialSegments) * Math.PI * 2; + getBoundingBox: function ( target ) { - // vertex + if ( target === undefined ) { - vertex.x = (radius + tube * Math.cos(v)) * Math.cos(u); - vertex.y = (radius + tube * Math.cos(v)) * Math.sin(u); - vertex.z = tube * Math.sin(v); + console.warn( 'THREE.Sphere: .getBoundingBox() target is now required' ); + target = new Box3(); - vertices.push(vertex.x, vertex.y, vertex.z); + } - // normal + target.set( this.center, this.center ); + target.expandByScalar( this.radius ); - center.x = radius * Math.cos(u); - center.y = radius * Math.sin(u); - normal.subVectors(vertex, center).normalize(); + return target; - normals.push(normal.x, normal.y, normal.z); + }, - // uv + applyMatrix4: function ( matrix ) { - uvs.push(i / tubularSegments); - uvs.push(j / radialSegments); - } - } + this.center.applyMatrix4( matrix ); + this.radius = this.radius * matrix.getMaxScaleOnAxis(); - // generate indices + return this; - for (j = 1; j <= radialSegments; j++) { - for (i = 1; i <= tubularSegments; i++) { - // indices + }, - var a = (tubularSegments + 1) * j + i - 1; - var b = (tubularSegments + 1) * (j - 1) + i - 1; - var c = (tubularSegments + 1) * (j - 1) + i; - var d = (tubularSegments + 1) * j + i; + translate: function ( offset ) { - // faces + this.center.add( offset ); - indices.push(a, b, d); - indices.push(b, c, d); - } - } + return this; - // build geometry + }, - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); - } + equals: function ( sphere ) { - TorusBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - TorusBufferGeometry.prototype.constructor = TorusBufferGeometry; + return sphere.center.equals( this.center ) && ( sphere.radius === this.radius ); - /** - * @author Mugen87 / https://github.com/Mugen87 - * Port from https://github.com/mapbox/earcut (v2.1.2) - */ + } - var Earcut = { - triangulate: function (data, holeIndices, dim) { - dim = dim || 2; + } ); - var hasHoles = holeIndices && holeIndices.length, - outerLen = hasHoles ? holeIndices[0] * dim : data.length, - outerNode = linkedList(data, 0, outerLen, dim, true), - triangles = []; + /** + * @author bhouston / http://clara.io + */ - if (!outerNode) return triangles; + function Plane( normal, constant ) { - var minX, minY, maxX, maxY, x, y, invSize; + // normal is assumed to be normalized - if (hasHoles) - outerNode = eliminateHoles(data, holeIndices, outerNode, dim); + this.normal = ( normal !== undefined ) ? normal : new Vector3( 1, 0, 0 ); + this.constant = ( constant !== undefined ) ? constant : 0; - // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox + } - if (data.length > 80 * dim) { - minX = maxX = data[0]; - minY = maxY = data[1]; + Object.assign( Plane.prototype, { - for (var i = dim; i < outerLen; i += dim) { - x = data[i]; - y = data[i + 1]; - if (x < minX) minX = x; - if (y < minY) minY = y; - if (x > maxX) maxX = x; - if (y > maxY) maxY = y; - } + set: function ( normal, constant ) { - // minX, minY and invSize are later used to transform coords into integers for z-order calculation + this.normal.copy( normal ); + this.constant = constant; - invSize = Math.max(maxX - minX, maxY - minY); - invSize = invSize !== 0 ? 1 / invSize : 0; - } + return this; - earcutLinked(outerNode, triangles, dim, minX, minY, invSize); + }, - return triangles; - }, - }; + setComponents: function ( x, y, z, w ) { - // create a circular doubly linked list from polygon points in the specified winding order + this.normal.set( x, y, z ); + this.constant = w; - function linkedList(data, start, end, dim, clockwise) { - var i, last; + return this; - if (clockwise === signedArea(data, start, end, dim) > 0) { - for (i = start; i < end; i += dim) - last = insertNode(i, data[i], data[i + 1], last); - } else { - for (i = end - dim; i >= start; i -= dim) - last = insertNode(i, data[i], data[i + 1], last); - } + }, - if (last && equals(last, last.next)) { - removeNode(last); - last = last.next; - } + setFromNormalAndCoplanarPoint: function ( normal, point ) { - return last; - } + this.normal.copy( normal ); + this.constant = - point.dot( this.normal ); - // eliminate colinear or duplicate points + return this; - function filterPoints(start, end) { - if (!start) return start; - if (!end) end = start; + }, - var p = start, - again; + setFromCoplanarPoints: function () { - do { - again = false; + var v1 = new Vector3(); + var v2 = new Vector3(); - if (!p.steiner && (equals(p, p.next) || area(p.prev, p, p.next) === 0)) { - removeNode(p); - p = end = p.prev; - if (p === p.next) break; - again = true; - } else { - p = p.next; - } - } while (again || p !== end); + return function setFromCoplanarPoints( a, b, c ) { - return end; - } + var normal = v1.subVectors( c, b ).cross( v2.subVectors( a, b ) ).normalize(); - // main ear slicing loop which triangulates a polygon (given as a linked list) + // Q: should an error be thrown if normal is zero (e.g. degenerate plane)? - function earcutLinked(ear, triangles, dim, minX, minY, invSize, pass) { - if (!ear) return; + this.setFromNormalAndCoplanarPoint( normal, a ); - // interlink polygon nodes in z-order + return this; - if (!pass && invSize) indexCurve(ear, minX, minY, invSize); + }; - var stop = ear, - prev, - next; + }(), - // iterate through ears, slicing them one by one + clone: function () { - while (ear.prev !== ear.next) { - prev = ear.prev; - next = ear.next; + return new this.constructor().copy( this ); - if (invSize ? isEarHashed(ear, minX, minY, invSize) : isEar(ear)) { - // cut off the triangle - triangles.push(prev.i / dim); - triangles.push(ear.i / dim); - triangles.push(next.i / dim); + }, - removeNode(ear); + copy: function ( plane ) { - // skipping the next vertice leads to less sliver triangles - ear = next.next; - stop = next.next; + this.normal.copy( plane.normal ); + this.constant = plane.constant; - continue; - } + return this; - ear = next; + }, - // if we looped through the whole remaining polygon and can't find any more ears + normalize: function () { - if (ear === stop) { - // try filtering points and slicing again + // Note: will lead to a divide by zero if the plane is invalid. - if (!pass) { - earcutLinked( - filterPoints(ear), - triangles, - dim, - minX, - minY, - invSize, - 1 - ); + var inverseNormalLength = 1.0 / this.normal.length(); + this.normal.multiplyScalar( inverseNormalLength ); + this.constant *= inverseNormalLength; - // if this didn't work, try curing all small self-intersections locally - } else if (pass === 1) { - ear = cureLocalIntersections(ear, triangles, dim); - earcutLinked(ear, triangles, dim, minX, minY, invSize, 2); + return this; - // as a last resort, try splitting the remaining polygon into two - } else if (pass === 2) { - splitEarcut(ear, triangles, dim, minX, minY, invSize); - } + }, - break; - } - } - } + negate: function () { - // check whether a polygon node forms a valid ear with adjacent nodes + this.constant *= - 1; + this.normal.negate(); - function isEar(ear) { - var a = ear.prev, - b = ear, - c = ear.next; + return this; - if (area(a, b, c) >= 0) return false; // reflex, can't be an ear + }, - // now make sure we don't have other points inside the potential ear - var p = ear.next.next; + distanceToPoint: function ( point ) { - while (p !== ear.prev) { - if ( - pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && - area(p.prev, p, p.next) >= 0 - ) { - return false; - } + return this.normal.dot( point ) + this.constant; - p = p.next; - } + }, - return true; - } + distanceToSphere: function ( sphere ) { - function isEarHashed(ear, minX, minY, invSize) { - var a = ear.prev, - b = ear, - c = ear.next; + return this.distanceToPoint( sphere.center ) - sphere.radius; - if (area(a, b, c) >= 0) return false; // reflex, can't be an ear + }, - // triangle bbox; min & max are calculated like this for speed + projectPoint: function ( point, target ) { - var minTX = a.x < b.x ? (a.x < c.x ? a.x : c.x) : b.x < c.x ? b.x : c.x, - minTY = a.y < b.y ? (a.y < c.y ? a.y : c.y) : b.y < c.y ? b.y : c.y, - maxTX = a.x > b.x ? (a.x > c.x ? a.x : c.x) : b.x > c.x ? b.x : c.x, - maxTY = a.y > b.y ? (a.y > c.y ? a.y : c.y) : b.y > c.y ? b.y : c.y; + if ( target === undefined ) { - // z-order range for the current triangle bbox; + console.warn( 'THREE.Plane: .projectPoint() target is now required' ); + target = new Vector3(); - var minZ = zOrder(minTX, minTY, minX, minY, invSize), - maxZ = zOrder(maxTX, maxTY, minX, minY, invSize); + } - // first look for points inside the triangle in increasing z-order + return target.copy( this.normal ).multiplyScalar( - this.distanceToPoint( point ) ).add( point ); - var p = ear.nextZ; + }, - while (p && p.z <= maxZ) { - if ( - p !== ear.prev && - p !== ear.next && - pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && - area(p.prev, p, p.next) >= 0 - ) - return false; - p = p.nextZ; - } + intersectLine: function () { - // then look for points in decreasing z-order + var v1 = new Vector3(); - p = ear.prevZ; + return function intersectLine( line, target ) { - while (p && p.z >= minZ) { - if ( - p !== ear.prev && - p !== ear.next && - pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && - area(p.prev, p, p.next) >= 0 - ) - return false; + if ( target === undefined ) { - p = p.prevZ; - } + console.warn( 'THREE.Plane: .intersectLine() target is now required' ); + target = new Vector3(); - return true; - } + } - // go through all polygon nodes and cure small local self-intersections + var direction = line.delta( v1 ); - function cureLocalIntersections(start, triangles, dim) { - var p = start; + var denominator = this.normal.dot( direction ); - do { - var a = p.prev, - b = p.next.next; + if ( denominator === 0 ) { - if ( - !equals(a, b) && - intersects(a, p, p.next, b) && - locallyInside(a, b) && - locallyInside(b, a) - ) { - triangles.push(a.i / dim); - triangles.push(p.i / dim); - triangles.push(b.i / dim); + // line is coplanar, return origin + if ( this.distanceToPoint( line.start ) === 0 ) { - // remove two nodes involved + return target.copy( line.start ); - removeNode(p); - removeNode(p.next); + } - p = start = b; - } + // Unsure if this is the correct method to handle this case. + return undefined; - p = p.next; - } while (p !== start); + } - return p; - } + var t = - ( line.start.dot( this.normal ) + this.constant ) / denominator; - // try splitting polygon into two and triangulate them independently + if ( t < 0 || t > 1 ) { - function splitEarcut(start, triangles, dim, minX, minY, invSize) { - // look for a valid diagonal that divides the polygon into two + return undefined; - var a = start; + } - do { - var b = a.next.next; + return target.copy( direction ).multiplyScalar( t ).add( line.start ); - while (b !== a.prev) { - if (a.i !== b.i && isValidDiagonal(a, b)) { - // split the polygon in two by the diagonal + }; - var c = splitPolygon(a, b); + }(), - // filter colinear points around the cuts + intersectsLine: function ( line ) { - a = filterPoints(a, a.next); - c = filterPoints(c, c.next); + // Note: this tests if a line intersects the plane, not whether it (or its end-points) are coplanar with it. - // run earcut on each half + var startSign = this.distanceToPoint( line.start ); + var endSign = this.distanceToPoint( line.end ); - earcutLinked(a, triangles, dim, minX, minY, invSize); - earcutLinked(c, triangles, dim, minX, minY, invSize); - return; - } + return ( startSign < 0 && endSign > 0 ) || ( endSign < 0 && startSign > 0 ); - b = b.next; - } + }, - a = a.next; - } while (a !== start); - } + intersectsBox: function ( box ) { - // link every hole into the outer loop, producing a single-ring polygon without holes + return box.intersectsPlane( this ); - function eliminateHoles(data, holeIndices, outerNode, dim) { - var queue = [], - i, - len, - start, - end, - list; + }, - for (i = 0, len = holeIndices.length; i < len; i++) { - start = holeIndices[i] * dim; - end = i < len - 1 ? holeIndices[i + 1] * dim : data.length; - list = linkedList(data, start, end, dim, false); - if (list === list.next) list.steiner = true; - queue.push(getLeftmost(list)); - } + intersectsSphere: function ( sphere ) { - queue.sort(compareX); + return sphere.intersectsPlane( this ); - // process holes from left to right + }, - for (i = 0; i < queue.length; i++) { - eliminateHole(queue[i], outerNode); - outerNode = filterPoints(outerNode, outerNode.next); - } + coplanarPoint: function ( target ) { - return outerNode; - } + if ( target === undefined ) { - function compareX(a, b) { - return a.x - b.x; - } + console.warn( 'THREE.Plane: .coplanarPoint() target is now required' ); + target = new Vector3(); - // find a bridge between vertices that connects hole with an outer ring and and link it + } - function eliminateHole(hole, outerNode) { - outerNode = findHoleBridge(hole, outerNode); + return target.copy( this.normal ).multiplyScalar( - this.constant ); - if (outerNode) { - var b = splitPolygon(outerNode, hole); + }, - filterPoints(b, b.next); - } - } + applyMatrix4: function () { - // David Eberly's algorithm for finding a bridge between hole and outer polygon + var v1 = new Vector3(); + var m1 = new Matrix3(); - function findHoleBridge(hole, outerNode) { - var p = outerNode, - hx = hole.x, - hy = hole.y, - qx = -Infinity, - m; + return function applyMatrix4( matrix, optionalNormalMatrix ) { - // find a segment intersected by a ray from the hole's leftmost point to the left; - // segment's endpoint with lesser x will be potential connection point + var normalMatrix = optionalNormalMatrix || m1.getNormalMatrix( matrix ); - do { - if (hy <= p.y && hy >= p.next.y && p.next.y !== p.y) { - var x = p.x + ((hy - p.y) * (p.next.x - p.x)) / (p.next.y - p.y); + var referencePoint = this.coplanarPoint( v1 ).applyMatrix4( matrix ); - if (x <= hx && x > qx) { - qx = x; + var normal = this.normal.applyMatrix3( normalMatrix ).normalize(); - if (x === hx) { - if (hy === p.y) return p; - if (hy === p.next.y) return p.next; - } - - m = p.x < p.next.x ? p : p.next; - } - } - - p = p.next; - } while (p !== outerNode); - - if (!m) return null; - - if (hx === qx) return m.prev; // hole touches outer segment; pick lower endpoint - - // look for points inside the triangle of hole point, segment intersection and endpoint; - // if there are no points found, we have a valid connection; - // otherwise choose the point of the minimum angle with the ray as connection point - - var stop = m, - mx = m.x, - my = m.y, - tanMin = Infinity, - tan; - - p = m.next; - - while (p !== stop) { - if ( - hx >= p.x && - p.x >= mx && - hx !== p.x && - pointInTriangle( - hy < my ? hx : qx, - hy, - mx, - my, - hy < my ? qx : hx, - hy, - p.x, - p.y - ) - ) { - tan = Math.abs(hy - p.y) / (hx - p.x); // tangential - - if ( - (tan < tanMin || (tan === tanMin && p.x > m.x)) && - locallyInside(p, hole) - ) { - m = p; - tanMin = tan; - } - } - - p = p.next; - } - - return m; - } - - // interlink polygon nodes in z-order - - function indexCurve(start, minX, minY, invSize) { - var p = start; - - do { - if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, invSize); - p.prevZ = p.prev; - p.nextZ = p.next; - p = p.next; - } while (p !== start); - - p.prevZ.nextZ = null; - p.prevZ = null; - - sortLinked(p); - } - - // Simon Tatham's linked list merge sort algorithm - // http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html - - function sortLinked(list) { - var i, - p, - q, - e, - tail, - numMerges, - pSize, - qSize, - inSize = 1; - - do { - p = list; - list = null; - tail = null; - numMerges = 0; - - while (p) { - numMerges++; - q = p; - pSize = 0; - - for (i = 0; i < inSize; i++) { - pSize++; - q = q.nextZ; - if (!q) break; - } - - qSize = inSize; - - while (pSize > 0 || (qSize > 0 && q)) { - if (pSize !== 0 && (qSize === 0 || !q || p.z <= q.z)) { - e = p; - p = p.nextZ; - pSize--; - } else { - e = q; - q = q.nextZ; - qSize--; - } - - if (tail) tail.nextZ = e; - else list = e; - - e.prevZ = tail; - tail = e; - } - - p = q; - } - - tail.nextZ = null; - inSize *= 2; - } while (numMerges > 1); - - return list; - } - - // z-order of a point given coords and inverse of the longer side of data bbox - - function zOrder(x, y, minX, minY, invSize) { - // coords are transformed into non-negative 15-bit integer range - - x = 32767 * (x - minX) * invSize; - y = 32767 * (y - minY) * invSize; - - x = (x | (x << 8)) & 0x00ff00ff; - x = (x | (x << 4)) & 0x0f0f0f0f; - x = (x | (x << 2)) & 0x33333333; - x = (x | (x << 1)) & 0x55555555; - - y = (y | (y << 8)) & 0x00ff00ff; - y = (y | (y << 4)) & 0x0f0f0f0f; - y = (y | (y << 2)) & 0x33333333; - y = (y | (y << 1)) & 0x55555555; - - return x | (y << 1); - } - - // find the leftmost node of a polygon ring - - function getLeftmost(start) { - var p = start, - leftmost = start; - - do { - if (p.x < leftmost.x) leftmost = p; - p = p.next; - } while (p !== start); - - return leftmost; - } - - // check if a point lies within a convex triangle - - function pointInTriangle(ax, ay, bx, by, cx, cy, px, py) { - return ( - (cx - px) * (ay - py) - (ax - px) * (cy - py) >= 0 && - (ax - px) * (by - py) - (bx - px) * (ay - py) >= 0 && - (bx - px) * (cy - py) - (cx - px) * (by - py) >= 0 - ); - } - - // check if a diagonal between two polygon nodes is valid (lies in polygon interior) - - function isValidDiagonal(a, b) { - return ( - a.next.i !== b.i && - a.prev.i !== b.i && - !intersectsPolygon(a, b) && - locallyInside(a, b) && - locallyInside(b, a) && - middleInside(a, b) - ); - } - - // signed area of a triangle - - function area(p, q, r) { - return (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y); - } + this.constant = - referencePoint.dot( normal ); - // check if two points are equal - - function equals(p1, p2) { - return p1.x === p2.x && p1.y === p2.y; - } + return this; - // check if two segments intersect - - function intersects(p1, q1, p2, q2) { - if ( - (equals(p1, q1) && equals(p2, q2)) || - (equals(p1, q2) && equals(p2, q1)) - ) - return true; - - return ( - area(p1, q1, p2) > 0 !== area(p1, q1, q2) > 0 && - area(p2, q2, p1) > 0 !== area(p2, q2, q1) > 0 - ); - } + }; - // check if a polygon diagonal intersects any polygon segments - - function intersectsPolygon(a, b) { - var p = a; + }(), - do { - if ( - p.i !== a.i && - p.next.i !== a.i && - p.i !== b.i && - p.next.i !== b.i && - intersects(p, p.next, a, b) - ) { - return true; - } - - p = p.next; - } while (p !== a); - - return false; - } - - // check if a polygon diagonal is locally inside the polygon - - function locallyInside(a, b) { - return area(a.prev, a, a.next) < 0 - ? area(a, b, a.next) >= 0 && area(a, a.prev, b) >= 0 - : area(a, b, a.prev) < 0 || area(a, a.next, b) < 0; - } - - // check if the middle point of a polygon diagonal is inside the polygon - - function middleInside(a, b) { - var p = a, - inside = false, - px = (a.x + b.x) / 2, - py = (a.y + b.y) / 2; - - do { - if ( - p.y > py !== p.next.y > py && - p.next.y !== p.y && - px < ((p.next.x - p.x) * (py - p.y)) / (p.next.y - p.y) + p.x - ) { - inside = !inside; - } - - p = p.next; - } while (p !== a); - - return inside; - } - - // link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two; - // if one belongs to the outer ring and another to a hole, it merges it into a single ring - - function splitPolygon(a, b) { - var a2 = new Node(a.i, a.x, a.y), - b2 = new Node(b.i, b.x, b.y), - an = a.next, - bp = b.prev; - - a.next = b; - b.prev = a; - - a2.next = an; - an.prev = a2; + translate: function ( offset ) { - b2.next = a2; - a2.prev = b2; + this.constant -= offset.dot( this.normal ); - bp.next = b2; - b2.prev = bp; + return this; - return b2; - } + }, - // create a node and optionally link it with previous one (in a circular doubly linked list) + equals: function ( plane ) { - function insertNode(i, x, y, last) { - var p = new Node(i, x, y); + return plane.normal.equals( this.normal ) && ( plane.constant === this.constant ); - if (!last) { - p.prev = p; - p.next = p; - } else { - p.next = last.next; - p.prev = last; - last.next.prev = p; - last.next = p; - } + } - return p; - } + } ); - function removeNode(p) { - p.next.prev = p.prev; - p.prev.next = p.next; + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * @author bhouston / http://clara.io + */ - if (p.prevZ) p.prevZ.nextZ = p.nextZ; - if (p.nextZ) p.nextZ.prevZ = p.prevZ; - } + function Frustum( p0, p1, p2, p3, p4, p5 ) { - function Node(i, x, y) { - // vertice index in coordinates array - this.i = i; + this.planes = [ - // vertex coordinates - this.x = x; - this.y = y; + ( p0 !== undefined ) ? p0 : new Plane(), + ( p1 !== undefined ) ? p1 : new Plane(), + ( p2 !== undefined ) ? p2 : new Plane(), + ( p3 !== undefined ) ? p3 : new Plane(), + ( p4 !== undefined ) ? p4 : new Plane(), + ( p5 !== undefined ) ? p5 : new Plane() - // previous and next vertice nodes in a polygon ring - this.prev = null; - this.next = null; + ]; - // z-order curve value - this.z = null; + } - // previous and next nodes in z-order - this.prevZ = null; - this.nextZ = null; + Object.assign( Frustum.prototype, { - // indicates whether this is a steiner point - this.steiner = false; - } - - function signedArea(data, start, end, dim) { - var sum = 0; - - for (var i = start, j = end - dim; i < end; i += dim) { - sum += (data[j] - data[i]) * (data[i + 1] + data[j + 1]); - j = i; - } - - return sum; - } - - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - */ - - var ShapeUtils = { - // calculate area of the contour polygon + set: function ( p0, p1, p2, p3, p4, p5 ) { - area: function (contour) { - var n = contour.length; - var a = 0.0; + var planes = this.planes; - for (var p = n - 1, q = 0; q < n; p = q++) { - a += contour[p].x * contour[q].y - contour[q].x * contour[p].y; - } + planes[ 0 ].copy( p0 ); + planes[ 1 ].copy( p1 ); + planes[ 2 ].copy( p2 ); + planes[ 3 ].copy( p3 ); + planes[ 4 ].copy( p4 ); + planes[ 5 ].copy( p5 ); - return a * 0.5; - }, + return this; - isClockWise: function (pts) { - return ShapeUtils.area(pts) < 0; - }, + }, - triangulateShape: function (contour, holes) { - var vertices = []; // flat array of vertices like [ x0,y0, x1,y1, x2,y2, ... ] - var holeIndices = []; // array of hole indices - var faces = []; // final array of vertex indices like [ [ a,b,d ], [ b,c,d ] ] + clone: function () { - removeDupEndPts(contour); - addContour(vertices, contour); + return new this.constructor().copy( this ); - // + }, - var holeIndex = contour.length; + copy: function ( frustum ) { - holes.forEach(removeDupEndPts); + var planes = this.planes; - for (var i = 0; i < holes.length; i++) { - holeIndices.push(holeIndex); - holeIndex += holes[i].length; - addContour(vertices, holes[i]); - } + for ( var i = 0; i < 6; i ++ ) { - // + planes[ i ].copy( frustum.planes[ i ] ); - var triangles = Earcut.triangulate(vertices, holeIndices); + } - // + return this; - for (var i = 0; i < triangles.length; i += 3) { - faces.push(triangles.slice(i, i + 3)); - } + }, - return faces; - }, - }; + setFromMatrix: function ( m ) { - function removeDupEndPts(points) { - var l = points.length; + var planes = this.planes; + var me = m.elements; + var me0 = me[ 0 ], me1 = me[ 1 ], me2 = me[ 2 ], me3 = me[ 3 ]; + var me4 = me[ 4 ], me5 = me[ 5 ], me6 = me[ 6 ], me7 = me[ 7 ]; + var me8 = me[ 8 ], me9 = me[ 9 ], me10 = me[ 10 ], me11 = me[ 11 ]; + var me12 = me[ 12 ], me13 = me[ 13 ], me14 = me[ 14 ], me15 = me[ 15 ]; - if (l > 2 && points[l - 1].equals(points[0])) { - points.pop(); - } - } + planes[ 0 ].setComponents( me3 - me0, me7 - me4, me11 - me8, me15 - me12 ).normalize(); + planes[ 1 ].setComponents( me3 + me0, me7 + me4, me11 + me8, me15 + me12 ).normalize(); + planes[ 2 ].setComponents( me3 + me1, me7 + me5, me11 + me9, me15 + me13 ).normalize(); + planes[ 3 ].setComponents( me3 - me1, me7 - me5, me11 - me9, me15 - me13 ).normalize(); + planes[ 4 ].setComponents( me3 - me2, me7 - me6, me11 - me10, me15 - me14 ).normalize(); + planes[ 5 ].setComponents( me3 + me2, me7 + me6, me11 + me10, me15 + me14 ).normalize(); - function addContour(vertices, contour) { - for (var i = 0; i < contour.length; i++) { - vertices.push(contour[i].x); - vertices.push(contour[i].y); - } - } + return this; - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * - * Creates extruded geometry from a path shape. - * - * parameters = { - * - * curveSegments: , // number of points on the curves - * steps: , // number of points for z-side extrusions / used for subdividing segments of extrude spline too - * amount: , // Depth to extrude the shape - * - * bevelEnabled: , // turn on bevel - * bevelThickness: , // how deep into the original shape bevel goes - * bevelSize: , // how far from shape outline is bevel - * bevelSegments: , // number of bevel layers - * - * extrudePath: // curve to extrude shape along - * - * UVGenerator: // object that provides UV generator functions - * - * } - */ + }, - // ExtrudeGeometry + intersectsObject: function () { - function ExtrudeGeometry(shapes, options) { - Geometry.call(this); + var sphere = new Sphere(); - this.type = "ExtrudeGeometry"; + return function intersectsObject( object ) { - this.parameters = { - shapes: shapes, - options: options, - }; + var geometry = object.geometry; - this.fromBufferGeometry(new ExtrudeBufferGeometry(shapes, options)); - this.mergeVertices(); - } + if ( geometry.boundingSphere === null ) + geometry.computeBoundingSphere(); - ExtrudeGeometry.prototype = Object.create(Geometry.prototype); - ExtrudeGeometry.prototype.constructor = ExtrudeGeometry; + sphere.copy( geometry.boundingSphere ) + .applyMatrix4( object.matrixWorld ); - // ExtrudeBufferGeometry + return this.intersectsSphere( sphere ); - function ExtrudeBufferGeometry(shapes, options) { - BufferGeometry.call(this); + }; - this.type = "ExtrudeBufferGeometry"; + }(), - this.parameters = { - shapes: shapes, - options: options, - }; + intersectsSprite: function () { - shapes = Array.isArray(shapes) ? shapes : [shapes]; + var sphere = new Sphere(); - var scope = this; + return function intersectsSprite( sprite ) { - var verticesArray = []; - var uvArray = []; + sphere.center.set( 0, 0, 0 ); + sphere.radius = 0.7071067811865476; + sphere.applyMatrix4( sprite.matrixWorld ); - for (var i = 0, l = shapes.length; i < l; i++) { - var shape = shapes[i]; - addShape(shape, options); - } + return this.intersectsSphere( sphere ); - // build geometry + }; - this.addAttribute("position", new Float32BufferAttribute(verticesArray, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvArray, 2)); + }(), - this.computeVertexNormals(); + intersectsSphere: function ( sphere ) { - // functions + var planes = this.planes; + var center = sphere.center; + var negRadius = - sphere.radius; - function addShape(shape) { - var placeholder = []; + for ( var i = 0; i < 6; i ++ ) { - // options + var distance = planes[ i ].distanceToPoint( center ); - var curveSegments = - options.curveSegments !== undefined ? options.curveSegments : 12; - var steps = options.steps !== undefined ? options.steps : 1; - var amount = options.amount !== undefined ? options.amount : 100; + if ( distance < negRadius ) { - var bevelEnabled = - options.bevelEnabled !== undefined ? options.bevelEnabled : true; - var bevelThickness = - options.bevelThickness !== undefined ? options.bevelThickness : 6; - var bevelSize = - options.bevelSize !== undefined - ? options.bevelSize - : bevelThickness - 2; - var bevelSegments = - options.bevelSegments !== undefined ? options.bevelSegments : 3; + return false; - var extrudePath = options.extrudePath; + } - var uvgen = - options.UVGenerator !== undefined - ? options.UVGenerator - : WorldUVGenerator; + } - // + return true; - var extrudePts, - extrudeByPath = false; - var splineTube, binormal, normal, position2; + }, - if (extrudePath) { - extrudePts = extrudePath.getSpacedPoints(steps); + intersectsBox: function () { - extrudeByPath = true; - bevelEnabled = false; // bevels not supported for path extrusion + var p1 = new Vector3(), + p2 = new Vector3(); - // SETUP TNB variables + return function intersectsBox( box ) { - // TODO1 - have a .isClosed in spline? + var planes = this.planes; - splineTube = extrudePath.computeFrenetFrames(steps, false); + for ( var i = 0; i < 6; i ++ ) { - // console.log(splineTube, 'splineTube', splineTube.normals.length, 'steps', steps, 'extrudePts', extrudePts.length); + var plane = planes[ i ]; - binormal = new Vector3(); - normal = new Vector3(); - position2 = new Vector3(); - } + p1.x = plane.normal.x > 0 ? box.min.x : box.max.x; + p2.x = plane.normal.x > 0 ? box.max.x : box.min.x; + p1.y = plane.normal.y > 0 ? box.min.y : box.max.y; + p2.y = plane.normal.y > 0 ? box.max.y : box.min.y; + p1.z = plane.normal.z > 0 ? box.min.z : box.max.z; + p2.z = plane.normal.z > 0 ? box.max.z : box.min.z; - // Safeguards if bevels are not enabled + var d1 = plane.distanceToPoint( p1 ); + var d2 = plane.distanceToPoint( p2 ); - if (!bevelEnabled) { - bevelSegments = 0; - bevelThickness = 0; - bevelSize = 0; - } + // if both outside plane, no intersection - // Variables initialization + if ( d1 < 0 && d2 < 0 ) { - var ahole, h, hl; // looping of holes + return false; - var shapePoints = shape.extractPoints(curveSegments); + } - var vertices = shapePoints.shape; - var holes = shapePoints.holes; + } - var reverse = !ShapeUtils.isClockWise(vertices); + return true; - if (reverse) { - vertices = vertices.reverse(); + }; - // Maybe we should also check if holes are in the opposite direction, just to be safe ... + }(), - for (h = 0, hl = holes.length; h < hl; h++) { - ahole = holes[h]; + containsPoint: function ( point ) { - if (ShapeUtils.isClockWise(ahole)) { - holes[h] = ahole.reverse(); - } - } - } + var planes = this.planes; - var faces = ShapeUtils.triangulateShape(vertices, holes); + for ( var i = 0; i < 6; i ++ ) { - /* Vertices */ + if ( planes[ i ].distanceToPoint( point ) < 0 ) { - var contour = vertices; // vertices has all points but contour has only points of circumference + return false; - for (h = 0, hl = holes.length; h < hl; h++) { - ahole = holes[h]; + } - vertices = vertices.concat(ahole); - } + } - function scalePt2(pt, vec, size) { - if (!vec) console.error("THREE.ExtrudeGeometry: vec does not exist"); + return true; - return vec.clone().multiplyScalar(size).add(pt); - } + } - var b, - bs, - t, - z, - vert, - vlen = vertices.length, - face, - flen = faces.length; + } ); - // Find directions for point movement + var alphamap_fragment = "#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif\n"; - function getBevelVec(inPt, inPrev, inNext) { - // computes for inPt the corresponding point inPt' on a new contour - // shifted by 1 unit (length of normalized vector) to the left - // if we walk along contour clockwise, this new contour is outside the old one - // - // inPt' is the intersection of the two lines parallel to the two - // adjacent edges of inPt at a distance of 1 unit on the left side. + var alphamap_pars_fragment = "#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif\n"; - var v_trans_x, v_trans_y, shrink_by; // resulting translation vector for inPt + var alphatest_fragment = "#ifdef ALPHATEST\n\tif ( diffuseColor.a < ALPHATEST ) discard;\n#endif\n"; - // good reading for geometry algorithms (here: line-line intersection) - // http://geomalgorithms.com/a05-_intersect-1.html + var aomap_fragment = "#ifdef USE_AOMAP\n\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\n\treflectedLight.indirectDiffuse *= ambientOcclusion;\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.specularRoughness );\n\t#endif\n#endif\n"; - var v_prev_x = inPt.x - inPrev.x, - v_prev_y = inPt.y - inPrev.y; - var v_next_x = inNext.x - inPt.x, - v_next_y = inNext.y - inPt.y; + var aomap_pars_fragment = "#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif"; - var v_prev_lensq = v_prev_x * v_prev_x + v_prev_y * v_prev_y; + var begin_vertex = "\nvec3 transformed = vec3( position );\n"; - // check for collinear edges - var collinear0 = v_prev_x * v_next_y - v_prev_y * v_next_x; + var beginnormal_vertex = "\nvec3 objectNormal = vec3( normal );\n"; - if (Math.abs(collinear0) > Number.EPSILON) { - // not collinear + var bsdfs = "float punctualLightIntensityToIrradianceFactor( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n\tif( decayExponent > 0.0 ) {\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tfloat maxDistanceCutoffFactor = pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\treturn distanceFalloff * maxDistanceCutoffFactor;\n#else\n\t\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\n#endif\n\t}\n\treturn 1.0;\n}\nvec3 BRDF_Diffuse_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 specularColor, const in float dotLH ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\n\treturn ( 1.0 - specularColor ) * fresnel + specularColor;\n}\nfloat G_GGX_Smith( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gl = dotNL + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\tfloat gv = dotNV + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\treturn 1.0 / ( gl * gv );\n}\nfloat G_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}\nvec3 BRDF_Specular_GGX( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNL = saturate( dot( geometry.normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( G * 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}\nvec3 BRDF_Specular_GGX_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.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 AB = vec2( -1.04, 1.04 ) * a004 + r.zw;\n\treturn specularColor * AB.x + AB.y;\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_Specular_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\nfloat GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\n\treturn ( 2.0 / pow2( ggxRoughness + 0.0001 ) - 2.0 );\n}\nfloat BlinnExponentToGGXRoughness( const in float blinnExponent ) {\n\treturn sqrt( 2.0 / ( blinnExponent + 2.0 ) );\n}\n"; - // length of vectors for normalizing + var bumpmap_pars_fragment = "#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 );\n\t\tfDet *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif\n"; - var v_prev_len = Math.sqrt(v_prev_lensq); - var v_next_len = Math.sqrt(v_next_x * v_next_x + v_next_y * v_next_y); + var clipping_planes_fragment = "#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vViewPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vViewPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\tif ( clipped ) discard;\n\t#endif\n#endif\n"; - // shift adjacent points by unit vectors to the left + var clipping_planes_pars_fragment = "#if NUM_CLIPPING_PLANES > 0\n\t#if ! defined( PHYSICAL ) && ! defined( PHONG )\n\t\tvarying vec3 vViewPosition;\n\t#endif\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif\n"; - var ptPrevShift_x = inPrev.x - v_prev_y / v_prev_len; - var ptPrevShift_y = inPrev.y + v_prev_x / v_prev_len; + var clipping_planes_pars_vertex = "#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvarying vec3 vViewPosition;\n#endif\n"; - var ptNextShift_x = inNext.x - v_next_y / v_next_len; - var ptNextShift_y = inNext.y + v_next_x / v_next_len; + var clipping_planes_vertex = "#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n"; - // scaling factor for v_prev to intersection point + var color_fragment = "#ifdef USE_COLOR\n\tdiffuseColor.rgb *= vColor;\n#endif"; - var sf = - ((ptNextShift_x - ptPrevShift_x) * v_next_y - - (ptNextShift_y - ptPrevShift_y) * v_next_x) / - (v_prev_x * v_next_y - v_prev_y * v_next_x); + var color_pars_fragment = "#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif\n"; - // vector from inPt to intersection point + var color_pars_vertex = "#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif"; - v_trans_x = ptPrevShift_x + v_prev_x * sf - inPt.x; - v_trans_y = ptPrevShift_y + v_prev_y * sf - inPt.y; + var color_vertex = "#ifdef USE_COLOR\n\tvColor.xyz = color.xyz;\n#endif"; - // Don't normalize!, otherwise sharp corners become ugly - // but prevent crazy spikes - var v_trans_lensq = v_trans_x * v_trans_x + v_trans_y * v_trans_y; - if (v_trans_lensq <= 2) { - return new Vector2(v_trans_x, v_trans_y); - } else { - shrink_by = Math.sqrt(v_trans_lensq / 2); - } - } else { - // handle special case of collinear edges + var common = "#define PI 3.14159265359\n#define PI2 6.28318530718\n#define PI_HALF 1.5707963267949\n#define RECIPROCAL_PI 0.31830988618\n#define RECIPROCAL_PI2 0.15915494\n#define LOG2 1.442695\n#define EPSILON 1e-6\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#define whiteCompliment(a) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract(sin(sn) * c);\n}\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nvec3 projectOnPlane(in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\tfloat distance = dot( planeNormal, point - pointOnPlane );\n\treturn - distance * planeNormal + point;\n}\nfloat sideOfPlane( in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn sign( dot( point - pointOnPlane, planeNormal ) );\n}\nvec3 linePlaneIntersect( in vec3 pointOnLine, in vec3 lineDirection, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn lineDirection * ( dot( planeNormal, pointOnPlane - pointOnLine ) / dot( planeNormal, lineDirection ) ) + pointOnLine;\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\n"; - var direction_eq = false; // assumes: opposite - if (v_prev_x > Number.EPSILON) { - if (v_next_x > Number.EPSILON) { - direction_eq = true; - } - } else { - if (v_prev_x < -Number.EPSILON) { - if (v_next_x < -Number.EPSILON) { - direction_eq = true; - } - } else { - if (Math.sign(v_prev_y) === Math.sign(v_next_y)) { - direction_eq = true; - } - } - } - - if (direction_eq) { - // console.log("Warning: lines are a straight sequence"); - v_trans_x = -v_prev_y; - v_trans_y = v_prev_x; - shrink_by = Math.sqrt(v_prev_lensq); - } else { - // console.log("Warning: lines are a straight spike"); - v_trans_x = v_prev_x; - v_trans_y = v_prev_y; - shrink_by = Math.sqrt(v_prev_lensq / 2); - } - } - - return new Vector2(v_trans_x / shrink_by, v_trans_y / shrink_by); - } + var cube_uv_reflection_fragment = "#ifdef ENVMAP_TYPE_CUBE_UV\n#define cubeUV_textureSize (1024.0)\nint getFaceFromDirection(vec3 direction) {\n\tvec3 absDirection = abs(direction);\n\tint face = -1;\n\tif( absDirection.x > absDirection.z ) {\n\t\tif(absDirection.x > absDirection.y )\n\t\t\tface = direction.x > 0.0 ? 0 : 3;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\telse {\n\t\tif(absDirection.z > absDirection.y )\n\t\t\tface = direction.z > 0.0 ? 2 : 5;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\treturn face;\n}\n#define cubeUV_maxLods1 (log2(cubeUV_textureSize*0.25) - 1.0)\n#define cubeUV_rangeClamp (exp2((6.0 - 1.0) * 2.0))\nvec2 MipLevelInfo( vec3 vec, float roughnessLevel, float roughness ) {\n\tfloat scale = exp2(cubeUV_maxLods1 - roughnessLevel);\n\tfloat dxRoughness = dFdx(roughness);\n\tfloat dyRoughness = dFdy(roughness);\n\tvec3 dx = dFdx( vec * scale * dxRoughness );\n\tvec3 dy = dFdy( vec * scale * dyRoughness );\n\tfloat d = max( dot( dx, dx ), dot( dy, dy ) );\n\td = clamp(d, 1.0, cubeUV_rangeClamp);\n\tfloat mipLevel = 0.5 * log2(d);\n\treturn vec2(floor(mipLevel), fract(mipLevel));\n}\n#define cubeUV_maxLods2 (log2(cubeUV_textureSize*0.25) - 2.0)\n#define cubeUV_rcpTextureSize (1.0 / cubeUV_textureSize)\nvec2 getCubeUV(vec3 direction, float roughnessLevel, float mipLevel) {\n\tmipLevel = roughnessLevel > cubeUV_maxLods2 - 3.0 ? 0.0 : mipLevel;\n\tfloat a = 16.0 * cubeUV_rcpTextureSize;\n\tvec2 exp2_packed = exp2( vec2( roughnessLevel, mipLevel ) );\n\tvec2 rcp_exp2_packed = vec2( 1.0 ) / exp2_packed;\n\tfloat powScale = exp2_packed.x * exp2_packed.y;\n\tfloat scale = rcp_exp2_packed.x * rcp_exp2_packed.y * 0.25;\n\tfloat mipOffset = 0.75*(1.0 - rcp_exp2_packed.y) * rcp_exp2_packed.x;\n\tbool bRes = mipLevel == 0.0;\n\tscale = bRes && (scale < a) ? a : scale;\n\tvec3 r;\n\tvec2 offset;\n\tint face = getFaceFromDirection(direction);\n\tfloat rcpPowScale = 1.0 / powScale;\n\tif( face == 0) {\n\t\tr = vec3(direction.x, -direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 1) {\n\t\tr = vec3(direction.y, direction.x, direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 2) {\n\t\tr = vec3(direction.z, direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 3) {\n\t\tr = vec3(direction.x, direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse if( face == 4) {\n\t\tr = vec3(direction.y, direction.x, -direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse {\n\t\tr = vec3(direction.z, -direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\tr = normalize(r);\n\tfloat texelOffset = 0.5 * cubeUV_rcpTextureSize;\n\tvec2 s = ( r.yz / abs( r.x ) + vec2( 1.0 ) ) * 0.5;\n\tvec2 base = offset + vec2( texelOffset );\n\treturn base + s * ( scale - 2.0 * texelOffset );\n}\n#define cubeUV_maxLods3 (log2(cubeUV_textureSize*0.25) - 3.0)\nvec4 textureCubeUV(vec3 reflectedDirection, float roughness ) {\n\tfloat roughnessVal = roughness* cubeUV_maxLods3;\n\tfloat r1 = floor(roughnessVal);\n\tfloat r2 = r1 + 1.0;\n\tfloat t = fract(roughnessVal);\n\tvec2 mipInfo = MipLevelInfo(reflectedDirection, r1, roughness);\n\tfloat s = mipInfo.y;\n\tfloat level0 = mipInfo.x;\n\tfloat level1 = level0 + 1.0;\n\tlevel1 = level1 > 5.0 ? 5.0 : level1;\n\tlevel0 += min( floor( s + 0.5 ), 5.0 );\n\tvec2 uv_10 = getCubeUV(reflectedDirection, r1, level0);\n\tvec4 color10 = envMapTexelToLinear(texture2D(envMap, uv_10));\n\tvec2 uv_20 = getCubeUV(reflectedDirection, r2, level0);\n\tvec4 color20 = envMapTexelToLinear(texture2D(envMap, uv_20));\n\tvec4 result = mix(color10, color20, t);\n\treturn vec4(result.rgb, 1.0);\n}\n#endif\n"; - var contourMovements = []; + var defaultnormal_vertex = "vec3 transformedNormal = normalMatrix * objectNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n"; - for ( - var i = 0, il = contour.length, j = il - 1, k = i + 1; - i < il; - i++, j++, k++ - ) { - if (j === il) j = 0; - if (k === il) k = 0; + var displacementmap_pars_vertex = "#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif\n"; - // (j)---(i)---(k) - // console.log('i,j,k', i, j , k) + var displacementmap_vertex = "#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, uv ).x * displacementScale + displacementBias );\n#endif\n"; - contourMovements[i] = getBevelVec(contour[i], contour[j], contour[k]); - } + var emissivemap_fragment = "#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif\n"; - var holesMovements = [], - oneHoleMovements, - verticesMovements = contourMovements.concat(); + var emissivemap_pars_fragment = "#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif\n"; - for (h = 0, hl = holes.length; h < hl; h++) { - ahole = holes[h]; + var encodings_fragment = " gl_FragColor = linearToOutputTexel( gl_FragColor );\n"; - oneHoleMovements = []; + var encodings_pars_fragment = "\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( gammaFactor ) ), value.w );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( 1.0 / gammaFactor ) ), value.w );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.w );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.w );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.xyz * value.w * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = min( floor( D ) / 255.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = value.rgb * cLogLuvM;\n\tXp_Y_XYZp = max(Xp_Y_XYZp, vec3(1e-6, 1e-6, 1e-6));\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract(Le);\n\tvResult.z = (Le - (floor(vResult.w*255.0))/255.0)/255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2((Le - 127.0) / 2.0);\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = Xp_Y_XYZp.rgb * cLogLuvInverseM;\n\treturn vec4( max(vRGB, 0.0), 1.0 );\n}\n"; - for ( - i = 0, il = ahole.length, j = il - 1, k = i + 1; - i < il; - i++, j++, k++ - ) { - if (j === il) j = 0; - if (k === il) k = 0; + var envmap_fragment = "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvec3 cameraToVertex = normalize( vWorldPosition - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\tvec2 sampleUV;\n\t\treflectVec = normalize( reflectVec );\n\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\tvec4 envColor = texture2D( envMap, sampleUV );\n\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\treflectVec = normalize( reflectVec );\n\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0, 0.0, 1.0 ) );\n\t\tvec4 envColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\tenvColor = envMapTexelToLinear( envColor );\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif\n"; - // (j)---(i)---(k) - oneHoleMovements[i] = getBevelVec(ahole[i], ahole[j], ahole[k]); - } - - holesMovements.push(oneHoleMovements); - verticesMovements = verticesMovements.concat(oneHoleMovements); - } - - // Loop bevelSegments, 1 for the front, 1 for the back - - for (b = 0; b < bevelSegments; b++) { - //for ( b = bevelSegments; b > 0; b -- ) { - - t = b / bevelSegments; - z = bevelThickness * Math.cos((t * Math.PI) / 2); - bs = bevelSize * Math.sin((t * Math.PI) / 2); - - // contract shape - - for (i = 0, il = contour.length; i < il; i++) { - vert = scalePt2(contour[i], contourMovements[i], bs); - - v(vert.x, vert.y, -z); - } - - // expand holes - - for (h = 0, hl = holes.length; h < hl; h++) { - ahole = holes[h]; - oneHoleMovements = holesMovements[h]; - - for (i = 0, il = ahole.length; i < il; i++) { - vert = scalePt2(ahole[i], oneHoleMovements[i], bs); + var envmap_pars_fragment = "#if defined( USE_ENVMAP ) || defined( PHYSICAL )\n\tuniform float reflectivity;\n\tuniform float envMapIntensity;\n#endif\n#ifdef USE_ENVMAP\n\t#if ! defined( PHYSICAL ) && ( defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) )\n\t\tvarying vec3 vWorldPosition;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) || defined( PHYSICAL )\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif\n"; - v(vert.x, vert.y, -z); - } - } - } + var envmap_pars_vertex = "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif\n"; - bs = bevelSize; + var envmap_vertex = "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif\n"; - // Back facing vertices + var fog_vertex = "\n#ifdef USE_FOG\nfogDepth = -mvPosition.z;\n#endif"; - for (i = 0; i < vlen; i++) { - vert = bevelEnabled - ? scalePt2(vertices[i], verticesMovements[i], bs) - : vertices[i]; + var fog_pars_vertex = "#ifdef USE_FOG\n varying float fogDepth;\n#endif\n"; - if (!extrudeByPath) { - v(vert.x, vert.y, 0); - } else { - // v( vert.x, vert.y + extrudePts[ 0 ].y, extrudePts[ 0 ].x ); + var fog_fragment = "#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = whiteCompliment( exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 ) );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, fogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif\n"; - normal.copy(splineTube.normals[0]).multiplyScalar(vert.x); - binormal.copy(splineTube.binormals[0]).multiplyScalar(vert.y); + var fog_pars_fragment = "#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float fogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif\n"; - position2.copy(extrudePts[0]).add(normal).add(binormal); + var gradientmap_pars_fragment = "#ifdef TOON\n\tuniform sampler2D gradientMap;\n\tvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\t\tfloat dotNL = dot( normal, lightDirection );\n\t\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t\t#ifdef USE_GRADIENTMAP\n\t\t\treturn texture2D( gradientMap, coord ).rgb;\n\t\t#else\n\t\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t\t#endif\n\t}\n#endif\n"; - v(position2.x, position2.y, position2.z); - } - } + var lightmap_fragment = "#ifdef USE_LIGHTMAP\n\treflectedLight.indirectDiffuse += PI * texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n#endif\n"; - // Add stepped vertices... - // Including front facing vertices + var lightmap_pars_fragment = "#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif"; - var s; + var lights_lambert_vertex = "vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointDirectLightIrradiance( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotDirectLightIrradiance( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalDirectLightIrradiance( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvLightFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n#endif\n"; - for (s = 1; s <= steps; s++) { - for (i = 0; i < vlen; i++) { - vert = bevelEnabled - ? scalePt2(vertices[i], verticesMovements[i], bs) - : vertices[i]; + var lights_pars_begin = "uniform vec3 ambientLightColor;\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treturn irradiance;\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalDirectLightIrradiance( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tdirectLight.color = directionalLight.color;\n\t\tdirectLight.direction = directionalLight.direction;\n\t\tdirectLight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t\tfloat shadowCameraNear;\n\t\tfloat shadowCameraFar;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointDirectLightIrradiance( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tdirectLight.color = pointLight.color;\n\t\tdirectLight.color *= punctualLightIntensityToIrradianceFactor( lightDistance, pointLight.distance, pointLight.decay );\n\t\tdirectLight.visible = ( directLight.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotDirectLightIrradiance( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tfloat angleCos = dot( directLight.direction, spotLight.direction );\n\t\tif ( angleCos > spotLight.coneCos ) {\n\t\t\tfloat spotEffect = smoothstep( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\t\tdirectLight.color = spotLight.color;\n\t\t\tdirectLight.color *= spotEffect * punctualLightIntensityToIrradianceFactor( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tdirectLight.visible = true;\n\t\t} else {\n\t\t\tdirectLight.color = vec3( 0.0 );\n\t\t\tdirectLight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tirradiance *= PI;\n\t\t#endif\n\t\treturn irradiance;\n\t}\n#endif\n"; - if (!extrudeByPath) { - v(vert.x, vert.y, (amount / steps) * s); - } else { - // v( vert.x, vert.y + extrudePts[ s - 1 ].y, extrudePts[ s - 1 ].x ); + var lights_pars_maps = "#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\tvec3 getLightProbeIndirectIrradiance( const in GeometricContext geometry, const in int maxMIPLevel ) {\n\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\tvec4 envMapColor = textureCubeUV( queryVec, 1.0 );\n\t\t#else\n\t\t\tvec4 envMapColor = vec4( 0.0 );\n\t\t#endif\n\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t}\n\tfloat getSpecularMIPLevel( const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\tfloat maxMIPLevelScalar = float( maxMIPLevel );\n\t\tfloat desiredMIPLevel = maxMIPLevelScalar + 0.79248 - 0.5 * log2( pow2( blinnShininessExponent ) + 1.0 );\n\t\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\n\t}\n\tvec3 getLightProbeIndirectRadiance( const in GeometricContext geometry, const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( -geometry.viewDir, geometry.normal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( -geometry.viewDir, geometry.normal, refractionRatio );\n\t\t#endif\n\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\tfloat specularMIPLevel = getSpecularMIPLevel( blinnShininessExponent, maxMIPLevel );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\tvec4 envMapColor = textureCubeUV(queryReflectVec, BlinnExponentToGGXRoughness(blinnShininessExponent));\n\t\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\t\tvec2 sampleUV;\n\t\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, sampleUV, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, sampleUV, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0,0.0,1.0 ) );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#endif\n\t\treturn envMapColor.rgb * envMapIntensity;\n\t}\n#endif\n"; - normal.copy(splineTube.normals[s]).multiplyScalar(vert.x); - binormal.copy(splineTube.binormals[s]).multiplyScalar(vert.y); + var lights_phong_fragment = "BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;\n"; - position2.copy(extrudePts[s]).add(normal).add(binormal); + var lights_phong_pars_fragment = "varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct BlinnPhongMaterial {\n\tvec3\tdiffuseColor;\n\tvec3\tspecularColor;\n\tfloat\tspecularShininess;\n\tfloat\tspecularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifdef TOON\n\t\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\t#else\n\t\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\t\tvec3 irradiance = dotNL * directLight.color;\n\t#endif\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_Specular_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)\n"; - v(position2.x, position2.y, position2.z); - } - } - } + var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nmaterial.specularRoughness = clamp( roughnessFactor, 0.04, 1.0 );\n#ifdef STANDARD\n\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.clearCoat = saturate( clearCoat );\tmaterial.clearCoatRoughness = clamp( clearCoatRoughness, 0.04, 1.0 );\n#endif\n"; - // Add bevel segments planes + var lights_physical_pars_fragment = "struct PhysicalMaterial {\n\tvec3\tdiffuseColor;\n\tfloat\tspecularRoughness;\n\tvec3\tspecularColor;\n\t#ifndef STANDARD\n\t\tfloat clearCoat;\n\t\tfloat clearCoatRoughness;\n\t#endif\n};\n#define MAXIMUM_SPECULAR_COEFFICIENT 0.16\n#define DEFAULT_SPECULAR_COEFFICIENT 0.04\nfloat clearCoatDHRApprox( const in float roughness, const in float dotNL ) {\n\treturn DEFAULT_SPECULAR_COEFFICIENT + ( 1.0 - DEFAULT_SPECULAR_COEFFICIENT ) * ( pow( 1.0 - dotNL, 5.0 ) * pow( 1.0 - roughness, 2.0 ) );\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\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.specularRoughness;\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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\t#ifndef STANDARD\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.directSpecular += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry, material.specularColor, material.specularRoughness );\n\treflectedLight.directDiffuse += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\t#ifndef STANDARD\n\t\treflectedLight.directSpecular += irradiance * material.clearCoat * BRDF_Specular_GGX( directLight, geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 clearCoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifndef STANDARD\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\tfloat dotNL = dotNV;\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.indirectSpecular += ( 1.0 - clearCoatDHR ) * radiance * BRDF_Specular_GGX_Environment( geometry, material.specularColor, material.specularRoughness );\n\t#ifndef STANDARD\n\t\treflectedLight.indirectSpecular += clearCoatRadiance * material.clearCoat * BRDF_Specular_GGX_Environment( geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\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\n#define Material_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.specularRoughness )\n#define Material_ClearCoat_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.clearCoatRoughness )\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}\n"; - //for ( b = 1; b <= bevelSegments; b ++ ) { - for (b = bevelSegments - 1; b >= 0; b--) { - t = b / bevelSegments; - z = bevelThickness * Math.cos((t * Math.PI) / 2); - bs = bevelSize * Math.sin((t * Math.PI) / 2); + var lights_fragment_begin = "\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = normalize( vViewPosition );\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( pointLight.shadow, directLight.visible ) ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( spotLight.shadow, directLight.visible ) ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( directionalLight.shadow, directLight.visible ) ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearCoatRadiance = vec3( 0.0 );\n#endif\n"; - // contract shape + var lights_fragment_maps = "#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec3 lightMapIrradiance = texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tirradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getLightProbeIndirectRadiance( geometry, Material_BlinnShininessExponent( material ), maxMipLevel );\n\t#ifndef STANDARD\n\t\tclearCoatRadiance += getLightProbeIndirectRadiance( geometry, Material_ClearCoat_BlinnShininessExponent( material ), maxMipLevel );\n\t#endif\n#endif\n"; - for (i = 0, il = contour.length; i < il; i++) { - vert = scalePt2(contour[i], contourMovements[i], bs); - v(vert.x, vert.y, amount + z); - } + var lights_fragment_end = "#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, clearCoatRadiance, geometry, material, reflectedLight );\n#endif\n"; - // expand holes + var logdepthbuf_fragment = "#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif"; - for (h = 0, hl = holes.length; h < hl; h++) { - ahole = holes[h]; - oneHoleMovements = holesMovements[h]; + var logdepthbuf_pars_fragment = "#ifdef USE_LOGDEPTHBUF\n\tuniform float logDepthBufFC;\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n#endif\n"; - for (i = 0, il = ahole.length; i < il; i++) { - vert = scalePt2(ahole[i], oneHoleMovements[i], bs); + var logdepthbuf_pars_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n\tuniform float logDepthBufFC;\n#endif"; - if (!extrudeByPath) { - v(vert.x, vert.y, amount + z); - } else { - v( - vert.x, - vert.y + extrudePts[steps - 1].y, - extrudePts[steps - 1].x + z - ); - } - } - } - } + var logdepthbuf_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t#else\n\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\tgl_Position.z *= gl_Position.w;\n\t#endif\n#endif\n"; - /* Faces */ + var map_fragment = "#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif\n"; - // Top and bottom faces + var map_pars_fragment = "#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n"; - buildLidFaces(); + var map_particle_fragment = "#ifdef USE_MAP\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n"; - // Sides faces + var map_particle_pars_fragment = "#ifdef USE_MAP\n\tuniform mat3 uvTransform;\n\tuniform sampler2D map;\n#endif\n"; - buildSideFaces(); + var metalnessmap_fragment = "float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif\n"; - ///// Internal functions + var metalnessmap_pars_fragment = "#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif"; - function buildLidFaces() { - var start = verticesArray.length / 3; + var morphnormal_vertex = "#ifdef USE_MORPHNORMALS\n\tobjectNormal += ( morphNormal0 - normal ) * morphTargetInfluences[ 0 ];\n\tobjectNormal += ( morphNormal1 - normal ) * morphTargetInfluences[ 1 ];\n\tobjectNormal += ( morphNormal2 - normal ) * morphTargetInfluences[ 2 ];\n\tobjectNormal += ( morphNormal3 - normal ) * morphTargetInfluences[ 3 ];\n#endif\n"; - if (bevelEnabled) { - var layer = 0; // steps + 1 - var offset = vlen * layer; + var morphtarget_pars_vertex = "#ifdef USE_MORPHTARGETS\n\t#ifndef USE_MORPHNORMALS\n\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif"; - // Bottom faces + var morphtarget_vertex = "#ifdef USE_MORPHTARGETS\n\ttransformed += ( morphTarget0 - position ) * morphTargetInfluences[ 0 ];\n\ttransformed += ( morphTarget1 - position ) * morphTargetInfluences[ 1 ];\n\ttransformed += ( morphTarget2 - position ) * morphTargetInfluences[ 2 ];\n\ttransformed += ( morphTarget3 - position ) * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\ttransformed += ( morphTarget4 - position ) * morphTargetInfluences[ 4 ];\n\ttransformed += ( morphTarget5 - position ) * morphTargetInfluences[ 5 ];\n\ttransformed += ( morphTarget6 - position ) * morphTargetInfluences[ 6 ];\n\ttransformed += ( morphTarget7 - position ) * morphTargetInfluences[ 7 ];\n\t#endif\n#endif\n"; - for (i = 0; i < flen; i++) { - face = faces[i]; - f3(face[2] + offset, face[1] + offset, face[0] + offset); - } + var normal_fragment_begin = "#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n#endif\n"; - layer = steps + bevelSegments * 2; - offset = vlen * layer; + var normal_fragment_maps = "#ifdef USE_NORMALMAP\n\tnormal = perturbNormal2Arb( -vViewPosition, normal );\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\n#endif\n"; - // Top faces + var normalmap_pars_fragment = "#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tfloat scale = sign( st1.t * st0.s - st0.t * st1.s );\n\t\tvec3 S = normalize( ( q0 * st1.t - q1 * st0.t ) * scale );\n\t\tvec3 T = normalize( ( - q0 * st1.s + q1 * st0.s ) * scale );\n\t\tvec3 N = normalize( surf_norm );\n\t\tmat3 tsn = mat3( S, T, N );\n\t\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t\tmapN.xy *= normalScale;\n\t\tmapN.xy *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\treturn normalize( tsn * mapN );\n\t}\n#endif\n"; - for (i = 0; i < flen; i++) { - face = faces[i]; - f3(face[0] + offset, face[1] + offset, face[2] + offset); - } - } else { - // Bottom faces - - for (i = 0; i < flen; i++) { - face = faces[i]; - f3(face[2], face[1], face[0]); - } - - // Top faces - - for (i = 0; i < flen; i++) { - face = faces[i]; - f3( - face[0] + vlen * steps, - face[1] + vlen * steps, - face[2] + vlen * steps - ); - } - } - - scope.addGroup(start, verticesArray.length / 3 - start, 0); - } - - // Create faces for the z-sides of the shape - - function buildSideFaces() { - var start = verticesArray.length / 3; - var layeroffset = 0; - sidewalls(contour, layeroffset); - layeroffset += contour.length; - - for (h = 0, hl = holes.length; h < hl; h++) { - ahole = holes[h]; - sidewalls(ahole, layeroffset); - - //, true - layeroffset += ahole.length; - } - - scope.addGroup(start, verticesArray.length / 3 - start, 1); - } - - function sidewalls(contour, layeroffset) { - var j, k; - i = contour.length; - - while (--i >= 0) { - j = i; - k = i - 1; - if (k < 0) k = contour.length - 1; - - //console.log('b', i,j, i-1, k,vertices.length); - - var s = 0, - sl = steps + bevelSegments * 2; - - for (s = 0; s < sl; s++) { - var slen1 = vlen * s; - var slen2 = vlen * (s + 1); - - var a = layeroffset + j + slen1, - b = layeroffset + k + slen1, - c = layeroffset + k + slen2, - d = layeroffset + j + slen2; - - f4(a, b, c, d); - } - } - } - - function v(x, y, z) { - placeholder.push(x); - placeholder.push(y); - placeholder.push(z); - } - - function f3(a, b, c) { - addVertex(a); - addVertex(b); - addVertex(c); - - var nextIndex = verticesArray.length / 3; - var uvs = uvgen.generateTopUV( - scope, - verticesArray, - nextIndex - 3, - nextIndex - 2, - nextIndex - 1 - ); - - addUV(uvs[0]); - addUV(uvs[1]); - addUV(uvs[2]); - } - - function f4(a, b, c, d) { - addVertex(a); - addVertex(b); - addVertex(d); - - addVertex(b); - addVertex(c); - addVertex(d); - - var nextIndex = verticesArray.length / 3; - var uvs = uvgen.generateSideWallUV( - scope, - verticesArray, - nextIndex - 6, - nextIndex - 3, - nextIndex - 2, - nextIndex - 1 - ); - - addUV(uvs[0]); - addUV(uvs[1]); - addUV(uvs[3]); - - addUV(uvs[1]); - addUV(uvs[2]); - addUV(uvs[3]); - } - - function addVertex(index) { - verticesArray.push(placeholder[index * 3 + 0]); - verticesArray.push(placeholder[index * 3 + 1]); - verticesArray.push(placeholder[index * 3 + 2]); - } - - function addUV(vector2) { - uvArray.push(vector2.x); - uvArray.push(vector2.y); - } - } - } - - ExtrudeBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - ExtrudeBufferGeometry.prototype.constructor = ExtrudeBufferGeometry; - - var WorldUVGenerator = { - generateTopUV: function (geometry, vertices, indexA, indexB, indexC) { - var a_x = vertices[indexA * 3]; - var a_y = vertices[indexA * 3 + 1]; - var b_x = vertices[indexB * 3]; - var b_y = vertices[indexB * 3 + 1]; - var c_x = vertices[indexC * 3]; - var c_y = vertices[indexC * 3 + 1]; - - return [ - new Vector2(a_x, a_y), - new Vector2(b_x, b_y), - new Vector2(c_x, c_y), - ]; - }, - - generateSideWallUV: function ( - geometry, - vertices, - indexA, - indexB, - indexC, - indexD - ) { - var a_x = vertices[indexA * 3]; - var a_y = vertices[indexA * 3 + 1]; - var a_z = vertices[indexA * 3 + 2]; - var b_x = vertices[indexB * 3]; - var b_y = vertices[indexB * 3 + 1]; - var b_z = vertices[indexB * 3 + 2]; - var c_x = vertices[indexC * 3]; - var c_y = vertices[indexC * 3 + 1]; - var c_z = vertices[indexC * 3 + 2]; - var d_x = vertices[indexD * 3]; - var d_y = vertices[indexD * 3 + 1]; - var d_z = vertices[indexD * 3 + 2]; - - if (Math.abs(a_y - b_y) < 0.01) { - return [ - new Vector2(a_x, 1 - a_z), - new Vector2(b_x, 1 - b_z), - new Vector2(c_x, 1 - c_z), - new Vector2(d_x, 1 - d_z), - ]; - } else { - return [ - new Vector2(a_y, 1 - a_z), - new Vector2(b_y, 1 - b_z), - new Vector2(c_y, 1 - c_z), - new Vector2(d_y, 1 - d_z), - ]; - } - }, - }; - - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * @author alteredq / http://alteredqualia.com/ - * - * Text = 3D Text - * - * parameters = { - * font: , // font - * - * size: , // size of the text - * height: , // thickness to extrude text - * curveSegments: , // number of points on the curves - * - * bevelEnabled: , // turn on bevel - * bevelThickness: , // how deep into text bevel goes - * bevelSize: // how far from text outline is bevel - * } - */ - - // TextGeometry - - function TextGeometry(text, parameters) { - Geometry.call(this); - - this.type = "TextGeometry"; - - this.parameters = { - text: text, - parameters: parameters, - }; - - this.fromBufferGeometry(new TextBufferGeometry(text, parameters)); - this.mergeVertices(); - } - - TextGeometry.prototype = Object.create(Geometry.prototype); - TextGeometry.prototype.constructor = TextGeometry; - - // TextBufferGeometry - - function TextBufferGeometry(text, parameters) { - parameters = parameters || {}; - - var font = parameters.font; - - if (!(font && font.isFont)) { - console.error( - "THREE.TextGeometry: font parameter is not an instance of THREE.Font." - ); - return new Geometry(); - } - - var shapes = font.generateShapes( - text, - parameters.size, - parameters.curveSegments - ); - - // translate parameters to ExtrudeGeometry API - - parameters.amount = - parameters.height !== undefined ? parameters.height : 50; - - // defaults - - if (parameters.bevelThickness === undefined) parameters.bevelThickness = 10; - if (parameters.bevelSize === undefined) parameters.bevelSize = 8; - if (parameters.bevelEnabled === undefined) parameters.bevelEnabled = false; - - ExtrudeBufferGeometry.call(this, shapes, parameters); - - this.type = "TextBufferGeometry"; - } - - TextBufferGeometry.prototype = Object.create(ExtrudeBufferGeometry.prototype); - TextBufferGeometry.prototype.constructor = TextBufferGeometry; - - /** - * @author mrdoob / http://mrdoob.com/ - * @author benaadams / https://twitter.com/ben_a_adams - * @author Mugen87 / https://github.com/Mugen87 - */ - - // SphereGeometry - - function SphereGeometry( - radius, - widthSegments, - heightSegments, - phiStart, - phiLength, - thetaStart, - thetaLength - ) { - Geometry.call(this); - - this.type = "SphereGeometry"; - - this.parameters = { - radius: radius, - widthSegments: widthSegments, - heightSegments: heightSegments, - phiStart: phiStart, - phiLength: phiLength, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; - - this.fromBufferGeometry( - new SphereBufferGeometry( - radius, - widthSegments, - heightSegments, - phiStart, - phiLength, - thetaStart, - thetaLength - ) - ); - this.mergeVertices(); - } + var packing = "vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn (( near + viewZ ) * far ) / (( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}\n"; - SphereGeometry.prototype = Object.create(Geometry.prototype); - SphereGeometry.prototype.constructor = SphereGeometry; + var premultiplied_alpha_fragment = "#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif\n"; - // SphereBufferGeometry + var project_vertex = "vec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );\ngl_Position = projectionMatrix * mvPosition;\n"; - function SphereBufferGeometry( - radius, - widthSegments, - heightSegments, - phiStart, - phiLength, - thetaStart, - thetaLength - ) { - BufferGeometry.call(this); + var dithering_fragment = "#if defined( DITHERING )\n gl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif\n"; - this.type = "SphereBufferGeometry"; + var dithering_pars_fragment = "#if defined( DITHERING )\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif\n"; - this.parameters = { - radius: radius, - widthSegments: widthSegments, - heightSegments: heightSegments, - phiStart: phiStart, - phiLength: phiLength, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; + var roughnessmap_fragment = "float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif\n"; - radius = radius || 1; + var roughnessmap_pars_fragment = "#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif"; - widthSegments = Math.max(3, Math.floor(widthSegments) || 8); - heightSegments = Math.max(2, Math.floor(heightSegments) || 6); + var shadowmap_pars_fragment = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tfloat texture2DShadowLerp( sampler2D depths, vec2 size, vec2 uv, float compare ) {\n\t\tconst vec2 offset = vec2( 0.0, 1.0 );\n\t\tvec2 texelSize = vec2( 1.0 ) / size;\n\t\tvec2 centroidUV = floor( uv * size + 0.5 ) / size;\n\t\tfloat lb = texture2DCompare( depths, centroidUV + texelSize * offset.xx, compare );\n\t\tfloat lt = texture2DCompare( depths, centroidUV + texelSize * offset.xy, compare );\n\t\tfloat rb = texture2DCompare( depths, centroidUV + texelSize * offset.yx, compare );\n\t\tfloat rt = texture2DCompare( depths, centroidUV + texelSize * offset.yy, compare );\n\t\tvec2 f = fract( uv * size + 0.5 );\n\t\tfloat a = mix( lb, lt, f.y );\n\t\tfloat b = mix( rb, rt, f.y );\n\t\tfloat c = mix( a, b, f.x );\n\t\treturn c;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif\n"; - phiStart = phiStart !== undefined ? phiStart : 0; - phiLength = phiLength !== undefined ? phiLength : Math.PI * 2; + var shadowmap_pars_vertex = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n#endif\n"; - thetaStart = thetaStart !== undefined ? thetaStart : 0; - thetaLength = thetaLength !== undefined ? thetaLength : Math.PI; - - var thetaEnd = thetaStart + thetaLength; + var shadowmap_vertex = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n#endif\n"; - var ix, iy; - - var index = 0; - var grid = []; - - var vertex = new Vector3(); - var normal = new Vector3(); - - // buffers - - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; - - // generate vertices, normals and uvs - - for (iy = 0; iy <= heightSegments; iy++) { - var verticesRow = []; - - var v = iy / heightSegments; - - for (ix = 0; ix <= widthSegments; ix++) { - var u = ix / widthSegments; - - // vertex - - vertex.x = - -radius * - Math.cos(phiStart + u * phiLength) * - Math.sin(thetaStart + v * thetaLength); - vertex.y = radius * Math.cos(thetaStart + v * thetaLength); - vertex.z = - radius * - Math.sin(phiStart + u * phiLength) * - Math.sin(thetaStart + v * thetaLength); - - vertices.push(vertex.x, vertex.y, vertex.z); - - // normal - - normal.set(vertex.x, vertex.y, vertex.z).normalize(); - normals.push(normal.x, normal.y, normal.z); - - // uv - - uvs.push(u, 1 - v); - - verticesRow.push(index++); - } - - grid.push(verticesRow); - } - - // indices - - for (iy = 0; iy < heightSegments; iy++) { - for (ix = 0; ix < widthSegments; ix++) { - var a = grid[iy][ix + 1]; - var b = grid[iy][ix]; - var c = grid[iy + 1][ix]; - var d = grid[iy + 1][ix + 1]; - - if (iy !== 0 || thetaStart > 0) indices.push(a, b, d); - if (iy !== heightSegments - 1 || thetaEnd < Math.PI) - indices.push(b, c, d); - } - } - - // build geometry - - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); - } + var shadowmask_pars_fragment = "float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tshadow *= bool( directionalLight.shadow ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tshadow *= bool( spotLight.shadow ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tshadow *= bool( pointLight.shadow ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#endif\n\t#endif\n\treturn shadow;\n}\n"; - SphereBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - SphereBufferGeometry.prototype.constructor = SphereBufferGeometry; + var skinbase_vertex = "#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif"; - /** - * @author Kaleb Murphy - * @author Mugen87 / https://github.com/Mugen87 - */ + var skinning_pars_vertex = "#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif\n"; - // RingGeometry + var skinning_vertex = "#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif\n"; - function RingGeometry( - innerRadius, - outerRadius, - thetaSegments, - phiSegments, - thetaStart, - thetaLength - ) { - Geometry.call(this); + var skinnormal_vertex = "#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n#endif\n"; - this.type = "RingGeometry"; + var specularmap_fragment = "float specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.r;\n#else\n\tspecularStrength = 1.0;\n#endif"; - this.parameters = { - innerRadius: innerRadius, - outerRadius: outerRadius, - thetaSegments: thetaSegments, - phiSegments: phiSegments, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; + var specularmap_pars_fragment = "#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif"; - this.fromBufferGeometry( - new RingBufferGeometry( - innerRadius, - outerRadius, - thetaSegments, - phiSegments, - thetaStart, - thetaLength - ) - ); - this.mergeVertices(); - } + var tonemapping_fragment = "#if defined( TONE_MAPPING )\n gl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif\n"; - RingGeometry.prototype = Object.create(Geometry.prototype); - RingGeometry.prototype.constructor = RingGeometry; + var tonemapping_pars_fragment = "#ifndef saturate\n\t#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nuniform float toneMappingWhitePoint;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\n#define Uncharted2Helper( x ) max( ( ( x * ( 0.15 * x + 0.10 * 0.50 ) + 0.20 * 0.02 ) / ( x * ( 0.15 * x + 0.50 ) + 0.20 * 0.30 ) ) - 0.02 / 0.30, vec3( 0.0 ) )\nvec3 Uncharted2ToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( Uncharted2Helper( color ) / Uncharted2Helper( vec3( toneMappingWhitePoint ) ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\n"; - // RingBufferGeometry + var uv_pars_fragment = "#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n#endif"; - function RingBufferGeometry( - innerRadius, - outerRadius, - thetaSegments, - phiSegments, - thetaStart, - thetaLength - ) { - BufferGeometry.call(this); + var uv_pars_vertex = "#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n\tuniform mat3 uvTransform;\n#endif\n"; - this.type = "RingBufferGeometry"; + var uv_vertex = "#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif"; - this.parameters = { - innerRadius: innerRadius, - outerRadius: outerRadius, - thetaSegments: thetaSegments, - phiSegments: phiSegments, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; + var uv2_pars_fragment = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif"; - innerRadius = innerRadius || 0.5; - outerRadius = outerRadius || 1; + var uv2_pars_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n#endif"; - thetaStart = thetaStart !== undefined ? thetaStart : 0; - thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2; + var uv2_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = uv2;\n#endif"; - thetaSegments = - thetaSegments !== undefined ? Math.max(3, thetaSegments) : 8; - phiSegments = phiSegments !== undefined ? Math.max(1, phiSegments) : 1; + var worldpos_vertex = "#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n\tvec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\n#endif\n"; - // buffers + var cube_frag = "uniform samplerCube tCube;\nuniform float tFlip;\nuniform float opacity;\nvarying vec3 vWorldPosition;\nvoid main() {\n\tgl_FragColor = textureCube( tCube, vec3( tFlip * vWorldPosition.x, vWorldPosition.yz ) );\n\tgl_FragColor.a *= opacity;\n}\n"; - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; + var cube_vert = "varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n\tgl_Position.z = gl_Position.w;\n}\n"; - // some helper variables + var depth_frag = "#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - gl_FragCoord.z ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( gl_FragCoord.z );\n\t#endif\n}\n"; - var segment; - var radius = innerRadius; - var radiusStep = (outerRadius - innerRadius) / phiSegments; - var vertex = new Vector3(); - var uv = new Vector2(); - var j, i; + var depth_vert = "#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - // generate vertices, normals and uvs + var distanceRGBA_frag = "#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main () {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include \n\t#include \n\t#include \n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}\n"; - for (j = 0; j <= phiSegments; j++) { - for (i = 0; i <= thetaSegments; i++) { - // values are generate from the inside of the ring to the outside + var distanceRGBA_vert = "#define DISTANCE\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvWorldPosition = worldPosition.xyz;\n}\n"; - segment = thetaStart + (i / thetaSegments) * thetaLength; + var equirect_frag = "uniform sampler2D tEquirect;\nvarying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvec3 direction = normalize( vWorldPosition );\n\tvec2 sampleUV;\n\tsampleUV.y = asin( clamp( direction.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\tsampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;\n\tgl_FragColor = texture2D( tEquirect, sampleUV );\n}\n"; - // vertex + var equirect_vert = "varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n}\n"; - vertex.x = radius * Math.cos(segment); - vertex.y = radius * Math.sin(segment); + var linedashed_frag = "uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - vertices.push(vertex.x, vertex.y, vertex.z); + var linedashed_vert = "uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvLineDistance = scale * lineDistance;\n\tvec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include \n\t#include \n\t#include \n}\n"; - // normal + var meshbasic_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\treflectedLight.indirectDiffuse += texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include \n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - normals.push(0, 0, 1); + var meshbasic_vert = "#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_ENVMAP\n\t#include \n\t#include \n\t#include \n\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - // uv + var meshlambert_frag = "uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\treflectedLight.indirectDiffuse = getAmbientLightIrradiance( ambientLightColor );\n\t#include \n\treflectedLight.indirectDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - uv.x = (vertex.x / outerRadius + 1) / 2; - uv.y = (vertex.y / outerRadius + 1) / 2; + var meshlambert_vert = "#define LAMBERT\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - uvs.push(uv.x, uv.y); - } + var meshphong_frag = "#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - // increase the radius for next row of vertices + var meshphong_vert = "#define PHONG\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - radius += radiusStep; - } + var meshphysical_frag = "#define PHYSICAL\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifndef STANDARD\n\tuniform float clearCoat;\n\tuniform float clearCoatRoughness;\n#endif\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - // indices + var meshphysical_vert = "#define PHYSICAL\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n}\n"; - for (j = 0; j < phiSegments; j++) { - var thetaSegmentLevel = j * (thetaSegments + 1); + var normal_frag = "#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}\n"; - for (i = 0; i < thetaSegments; i++) { - segment = i + thetaSegmentLevel; + var normal_vert = "#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}\n"; - var a = segment; - var b = segment + thetaSegments + 1; - var c = segment + thetaSegments + 2; - var d = segment + 1; + var points_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - // faces + var points_vert = "uniform float size;\nuniform float scale;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_SIZEATTENUATION\n\t\tgl_PointSize = size * ( scale / - mvPosition.z );\n\t#else\n\t\tgl_PointSize = size;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - indices.push(a, b, d); - indices.push(b, c, d); - } - } + var shadow_frag = "uniform vec3 color;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include \n}\n"; - // build geometry + var shadow_vert = "#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"; - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); - } + var ShaderChunk = { + alphamap_fragment: alphamap_fragment, + alphamap_pars_fragment: alphamap_pars_fragment, + alphatest_fragment: alphatest_fragment, + aomap_fragment: aomap_fragment, + aomap_pars_fragment: aomap_pars_fragment, + begin_vertex: begin_vertex, + beginnormal_vertex: beginnormal_vertex, + bsdfs: bsdfs, + bumpmap_pars_fragment: bumpmap_pars_fragment, + clipping_planes_fragment: clipping_planes_fragment, + clipping_planes_pars_fragment: clipping_planes_pars_fragment, + clipping_planes_pars_vertex: clipping_planes_pars_vertex, + clipping_planes_vertex: clipping_planes_vertex, + color_fragment: color_fragment, + color_pars_fragment: color_pars_fragment, + color_pars_vertex: color_pars_vertex, + color_vertex: color_vertex, + common: common, + cube_uv_reflection_fragment: cube_uv_reflection_fragment, + defaultnormal_vertex: defaultnormal_vertex, + displacementmap_pars_vertex: displacementmap_pars_vertex, + displacementmap_vertex: displacementmap_vertex, + emissivemap_fragment: emissivemap_fragment, + emissivemap_pars_fragment: emissivemap_pars_fragment, + encodings_fragment: encodings_fragment, + encodings_pars_fragment: encodings_pars_fragment, + envmap_fragment: envmap_fragment, + envmap_pars_fragment: envmap_pars_fragment, + envmap_pars_vertex: envmap_pars_vertex, + envmap_vertex: envmap_vertex, + fog_vertex: fog_vertex, + fog_pars_vertex: fog_pars_vertex, + fog_fragment: fog_fragment, + fog_pars_fragment: fog_pars_fragment, + gradientmap_pars_fragment: gradientmap_pars_fragment, + lightmap_fragment: lightmap_fragment, + lightmap_pars_fragment: lightmap_pars_fragment, + lights_lambert_vertex: lights_lambert_vertex, + lights_pars_begin: lights_pars_begin, + lights_pars_maps: lights_pars_maps, + lights_phong_fragment: lights_phong_fragment, + lights_phong_pars_fragment: lights_phong_pars_fragment, + lights_physical_fragment: lights_physical_fragment, + lights_physical_pars_fragment: lights_physical_pars_fragment, + lights_fragment_begin: lights_fragment_begin, + lights_fragment_maps: lights_fragment_maps, + lights_fragment_end: lights_fragment_end, + logdepthbuf_fragment: logdepthbuf_fragment, + logdepthbuf_pars_fragment: logdepthbuf_pars_fragment, + logdepthbuf_pars_vertex: logdepthbuf_pars_vertex, + logdepthbuf_vertex: logdepthbuf_vertex, + map_fragment: map_fragment, + map_pars_fragment: map_pars_fragment, + map_particle_fragment: map_particle_fragment, + map_particle_pars_fragment: map_particle_pars_fragment, + metalnessmap_fragment: metalnessmap_fragment, + metalnessmap_pars_fragment: metalnessmap_pars_fragment, + morphnormal_vertex: morphnormal_vertex, + morphtarget_pars_vertex: morphtarget_pars_vertex, + morphtarget_vertex: morphtarget_vertex, + normal_fragment_begin: normal_fragment_begin, + normal_fragment_maps: normal_fragment_maps, + normalmap_pars_fragment: normalmap_pars_fragment, + packing: packing, + premultiplied_alpha_fragment: premultiplied_alpha_fragment, + project_vertex: project_vertex, + dithering_fragment: dithering_fragment, + dithering_pars_fragment: dithering_pars_fragment, + roughnessmap_fragment: roughnessmap_fragment, + roughnessmap_pars_fragment: roughnessmap_pars_fragment, + shadowmap_pars_fragment: shadowmap_pars_fragment, + shadowmap_pars_vertex: shadowmap_pars_vertex, + shadowmap_vertex: shadowmap_vertex, + shadowmask_pars_fragment: shadowmask_pars_fragment, + skinbase_vertex: skinbase_vertex, + skinning_pars_vertex: skinning_pars_vertex, + skinning_vertex: skinning_vertex, + skinnormal_vertex: skinnormal_vertex, + specularmap_fragment: specularmap_fragment, + specularmap_pars_fragment: specularmap_pars_fragment, + tonemapping_fragment: tonemapping_fragment, + tonemapping_pars_fragment: tonemapping_pars_fragment, + uv_pars_fragment: uv_pars_fragment, + uv_pars_vertex: uv_pars_vertex, + uv_vertex: uv_vertex, + uv2_pars_fragment: uv2_pars_fragment, + uv2_pars_vertex: uv2_pars_vertex, + uv2_vertex: uv2_vertex, + worldpos_vertex: worldpos_vertex, + + cube_frag: cube_frag, + cube_vert: cube_vert, + depth_frag: depth_frag, + depth_vert: depth_vert, + distanceRGBA_frag: distanceRGBA_frag, + distanceRGBA_vert: distanceRGBA_vert, + equirect_frag: equirect_frag, + equirect_vert: equirect_vert, + linedashed_frag: linedashed_frag, + linedashed_vert: linedashed_vert, + meshbasic_frag: meshbasic_frag, + meshbasic_vert: meshbasic_vert, + meshlambert_frag: meshlambert_frag, + meshlambert_vert: meshlambert_vert, + meshphong_frag: meshphong_frag, + meshphong_vert: meshphong_vert, + meshphysical_frag: meshphysical_frag, + meshphysical_vert: meshphysical_vert, + normal_frag: normal_frag, + normal_vert: normal_vert, + points_frag: points_frag, + points_vert: points_vert, + shadow_frag: shadow_frag, + shadow_vert: shadow_vert + }; + + /** + * Uniform Utilities + */ + + var UniformsUtils = { + + merge: function ( uniforms ) { + + var merged = {}; + + for ( var u = 0; u < uniforms.length; u ++ ) { + + var tmp = this.clone( uniforms[ u ] ); + + for ( var p in tmp ) { + + merged[ p ] = tmp[ p ]; + + } + + } + + return merged; + + }, + + clone: function ( uniforms_src ) { - RingBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - RingBufferGeometry.prototype.constructor = RingBufferGeometry; + var uniforms_dst = {}; - /** - * @author astrodud / http://astrodud.isgreat.org/ - * @author zz85 / https://github.com/zz85 - * @author bhouston / http://clara.io - * @author Mugen87 / https://github.com/Mugen87 - */ + for ( var u in uniforms_src ) { - // LatheGeometry + uniforms_dst[ u ] = {}; - function LatheGeometry(points, segments, phiStart, phiLength) { - Geometry.call(this); + for ( var p in uniforms_src[ u ] ) { - this.type = "LatheGeometry"; + var parameter_src = uniforms_src[ u ][ p ]; - this.parameters = { - points: points, - segments: segments, - phiStart: phiStart, - phiLength: phiLength, - }; + if ( parameter_src && ( parameter_src.isColor || + parameter_src.isMatrix3 || parameter_src.isMatrix4 || + parameter_src.isVector2 || parameter_src.isVector3 || parameter_src.isVector4 || + parameter_src.isTexture ) ) { - this.fromBufferGeometry( - new LatheBufferGeometry(points, segments, phiStart, phiLength) - ); - this.mergeVertices(); - } + uniforms_dst[ u ][ p ] = parameter_src.clone(); - LatheGeometry.prototype = Object.create(Geometry.prototype); - LatheGeometry.prototype.constructor = LatheGeometry; + } else if ( Array.isArray( parameter_src ) ) { - // LatheBufferGeometry + uniforms_dst[ u ][ p ] = parameter_src.slice(); - function LatheBufferGeometry(points, segments, phiStart, phiLength) { - BufferGeometry.call(this); + } else { - this.type = "LatheBufferGeometry"; + uniforms_dst[ u ][ p ] = parameter_src; - this.parameters = { - points: points, - segments: segments, - phiStart: phiStart, - phiLength: phiLength, - }; + } - segments = Math.floor(segments) || 12; - phiStart = phiStart || 0; - phiLength = phiLength || Math.PI * 2; + } - // clamp phiLength so it's in range of [ 0, 2PI ] + } - phiLength = _Math.clamp(phiLength, 0, Math.PI * 2); + return uniforms_dst; - // buffers + } - var indices = []; - var vertices = []; - var uvs = []; + }; - // helper variables + /** + * @author mrdoob / http://mrdoob.com/ + */ - var base; - var inverseSegments = 1.0 / segments; - var vertex = new Vector3(); - var uv = new Vector2(); - var i, j; + var ColorKeywords = { 'aliceblue': 0xF0F8FF, 'antiquewhite': 0xFAEBD7, 'aqua': 0x00FFFF, 'aquamarine': 0x7FFFD4, 'azure': 0xF0FFFF, + 'beige': 0xF5F5DC, 'bisque': 0xFFE4C4, 'black': 0x000000, 'blanchedalmond': 0xFFEBCD, 'blue': 0x0000FF, 'blueviolet': 0x8A2BE2, + 'brown': 0xA52A2A, 'burlywood': 0xDEB887, 'cadetblue': 0x5F9EA0, 'chartreuse': 0x7FFF00, 'chocolate': 0xD2691E, 'coral': 0xFF7F50, + 'cornflowerblue': 0x6495ED, 'cornsilk': 0xFFF8DC, 'crimson': 0xDC143C, 'cyan': 0x00FFFF, 'darkblue': 0x00008B, 'darkcyan': 0x008B8B, + 'darkgoldenrod': 0xB8860B, 'darkgray': 0xA9A9A9, 'darkgreen': 0x006400, 'darkgrey': 0xA9A9A9, 'darkkhaki': 0xBDB76B, 'darkmagenta': 0x8B008B, + 'darkolivegreen': 0x556B2F, 'darkorange': 0xFF8C00, 'darkorchid': 0x9932CC, 'darkred': 0x8B0000, 'darksalmon': 0xE9967A, 'darkseagreen': 0x8FBC8F, + 'darkslateblue': 0x483D8B, 'darkslategray': 0x2F4F4F, 'darkslategrey': 0x2F4F4F, 'darkturquoise': 0x00CED1, 'darkviolet': 0x9400D3, + 'deeppink': 0xFF1493, 'deepskyblue': 0x00BFFF, 'dimgray': 0x696969, 'dimgrey': 0x696969, 'dodgerblue': 0x1E90FF, 'firebrick': 0xB22222, + 'floralwhite': 0xFFFAF0, 'forestgreen': 0x228B22, 'fuchsia': 0xFF00FF, 'gainsboro': 0xDCDCDC, 'ghostwhite': 0xF8F8FF, 'gold': 0xFFD700, + 'goldenrod': 0xDAA520, 'gray': 0x808080, 'green': 0x008000, 'greenyellow': 0xADFF2F, 'grey': 0x808080, 'honeydew': 0xF0FFF0, 'hotpink': 0xFF69B4, + 'indianred': 0xCD5C5C, 'indigo': 0x4B0082, 'ivory': 0xFFFFF0, 'khaki': 0xF0E68C, 'lavender': 0xE6E6FA, 'lavenderblush': 0xFFF0F5, 'lawngreen': 0x7CFC00, + 'lemonchiffon': 0xFFFACD, 'lightblue': 0xADD8E6, 'lightcoral': 0xF08080, 'lightcyan': 0xE0FFFF, 'lightgoldenrodyellow': 0xFAFAD2, 'lightgray': 0xD3D3D3, + 'lightgreen': 0x90EE90, 'lightgrey': 0xD3D3D3, 'lightpink': 0xFFB6C1, 'lightsalmon': 0xFFA07A, 'lightseagreen': 0x20B2AA, 'lightskyblue': 0x87CEFA, + 'lightslategray': 0x778899, 'lightslategrey': 0x778899, 'lightsteelblue': 0xB0C4DE, 'lightyellow': 0xFFFFE0, 'lime': 0x00FF00, 'limegreen': 0x32CD32, + 'linen': 0xFAF0E6, 'magenta': 0xFF00FF, 'maroon': 0x800000, 'mediumaquamarine': 0x66CDAA, 'mediumblue': 0x0000CD, 'mediumorchid': 0xBA55D3, + 'mediumpurple': 0x9370DB, 'mediumseagreen': 0x3CB371, 'mediumslateblue': 0x7B68EE, 'mediumspringgreen': 0x00FA9A, 'mediumturquoise': 0x48D1CC, + 'mediumvioletred': 0xC71585, 'midnightblue': 0x191970, 'mintcream': 0xF5FFFA, 'mistyrose': 0xFFE4E1, 'moccasin': 0xFFE4B5, 'navajowhite': 0xFFDEAD, + 'navy': 0x000080, 'oldlace': 0xFDF5E6, 'olive': 0x808000, 'olivedrab': 0x6B8E23, 'orange': 0xFFA500, 'orangered': 0xFF4500, 'orchid': 0xDA70D6, + 'palegoldenrod': 0xEEE8AA, 'palegreen': 0x98FB98, 'paleturquoise': 0xAFEEEE, 'palevioletred': 0xDB7093, 'papayawhip': 0xFFEFD5, 'peachpuff': 0xFFDAB9, + 'peru': 0xCD853F, 'pink': 0xFFC0CB, 'plum': 0xDDA0DD, 'powderblue': 0xB0E0E6, 'purple': 0x800080, 'rebeccapurple': 0x663399, 'red': 0xFF0000, 'rosybrown': 0xBC8F8F, + 'royalblue': 0x4169E1, 'saddlebrown': 0x8B4513, 'salmon': 0xFA8072, 'sandybrown': 0xF4A460, 'seagreen': 0x2E8B57, 'seashell': 0xFFF5EE, + 'sienna': 0xA0522D, 'silver': 0xC0C0C0, 'skyblue': 0x87CEEB, 'slateblue': 0x6A5ACD, 'slategray': 0x708090, 'slategrey': 0x708090, 'snow': 0xFFFAFA, + 'springgreen': 0x00FF7F, 'steelblue': 0x4682B4, 'tan': 0xD2B48C, 'teal': 0x008080, 'thistle': 0xD8BFD8, 'tomato': 0xFF6347, 'turquoise': 0x40E0D0, + 'violet': 0xEE82EE, 'wheat': 0xF5DEB3, 'white': 0xFFFFFF, 'whitesmoke': 0xF5F5F5, 'yellow': 0xFFFF00, 'yellowgreen': 0x9ACD32 }; - // generate vertices and uvs + function Color( r, g, b ) { - for (i = 0; i <= segments; i++) { - var phi = phiStart + i * inverseSegments * phiLength; + if ( g === undefined && b === undefined ) { - var sin = Math.sin(phi); - var cos = Math.cos(phi); + // r is THREE.Color, hex or string + return this.set( r ); - for (j = 0; j <= points.length - 1; j++) { - // vertex + } - vertex.x = points[j].x * sin; - vertex.y = points[j].y; - vertex.z = points[j].x * cos; + return this.setRGB( r, g, b ); - vertices.push(vertex.x, vertex.y, vertex.z); + } - // uv + Object.assign( Color.prototype, { - uv.x = i / segments; - uv.y = j / (points.length - 1); + isColor: true, - uvs.push(uv.x, uv.y); - } - } + r: 1, g: 1, b: 1, - // indices + set: function ( value ) { - for (i = 0; i < segments; i++) { - for (j = 0; j < points.length - 1; j++) { - base = j + i * points.length; + if ( value && value.isColor ) { - var a = base; - var b = base + points.length; - var c = base + points.length + 1; - var d = base + 1; + this.copy( value ); - // faces + } else if ( typeof value === 'number' ) { - indices.push(a, b, d); - indices.push(b, c, d); - } - } + this.setHex( value ); - // build geometry + } else if ( typeof value === 'string' ) { - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); + this.setStyle( value ); - // generate normals + } - this.computeVertexNormals(); + return this; - // if the geometry is closed, we need to average the normals along the seam. - // because the corresponding vertices are identical (but still have different UVs). + }, - if (phiLength === Math.PI * 2) { - var normals = this.attributes.normal.array; - var n1 = new Vector3(); - var n2 = new Vector3(); - var n = new Vector3(); + setScalar: function ( scalar ) { - // this is the buffer offset for the last line of vertices + this.r = scalar; + this.g = scalar; + this.b = scalar; - base = segments * points.length * 3; + return this; - for (i = 0, j = 0; i < points.length; i++, j += 3) { - // select the normal of the vertex in the first line + }, - n1.x = normals[j + 0]; - n1.y = normals[j + 1]; - n1.z = normals[j + 2]; + setHex: function ( hex ) { - // select the normal of the vertex in the last line + hex = Math.floor( hex ); - n2.x = normals[base + j + 0]; - n2.y = normals[base + j + 1]; - n2.z = normals[base + j + 2]; + this.r = ( hex >> 16 & 255 ) / 255; + this.g = ( hex >> 8 & 255 ) / 255; + this.b = ( hex & 255 ) / 255; - // average normals + return this; - n.addVectors(n1, n2).normalize(); + }, - // assign the new values to both normals + setRGB: function ( r, g, b ) { - normals[j + 0] = normals[base + j + 0] = n.x; - normals[j + 1] = normals[base + j + 1] = n.y; - normals[j + 2] = normals[base + j + 2] = n.z; - } - } - } + this.r = r; + this.g = g; + this.b = b; - LatheBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - LatheBufferGeometry.prototype.constructor = LatheBufferGeometry; + return this; - /** - * @author jonobr1 / http://jonobr1.com - * @author Mugen87 / https://github.com/Mugen87 - */ + }, - // ShapeGeometry + setHSL: function () { - function ShapeGeometry(shapes, curveSegments) { - Geometry.call(this); + function hue2rgb( p, q, t ) { - this.type = "ShapeGeometry"; + if ( t < 0 ) t += 1; + if ( t > 1 ) t -= 1; + if ( t < 1 / 6 ) return p + ( q - p ) * 6 * t; + if ( t < 1 / 2 ) return q; + if ( t < 2 / 3 ) return p + ( q - p ) * 6 * ( 2 / 3 - t ); + return p; - if (typeof curveSegments === "object") { - console.warn("THREE.ShapeGeometry: Options parameter has been removed."); + } - curveSegments = curveSegments.curveSegments; - } + return function setHSL( h, s, l ) { - this.parameters = { - shapes: shapes, - curveSegments: curveSegments, - }; + // h,s,l ranges are in 0.0 - 1.0 + h = _Math.euclideanModulo( h, 1 ); + s = _Math.clamp( s, 0, 1 ); + l = _Math.clamp( l, 0, 1 ); - this.fromBufferGeometry(new ShapeBufferGeometry(shapes, curveSegments)); - this.mergeVertices(); - } + if ( s === 0 ) { - ShapeGeometry.prototype = Object.create(Geometry.prototype); - ShapeGeometry.prototype.constructor = ShapeGeometry; + this.r = this.g = this.b = l; - ShapeGeometry.prototype.toJSON = function () { - var data = Geometry.prototype.toJSON.call(this); + } else { - var shapes = this.parameters.shapes; + var p = l <= 0.5 ? l * ( 1 + s ) : l + s - ( l * s ); + var q = ( 2 * l ) - p; - return toJSON(shapes, data); - }; + this.r = hue2rgb( q, p, h + 1 / 3 ); + this.g = hue2rgb( q, p, h ); + this.b = hue2rgb( q, p, h - 1 / 3 ); - // ShapeBufferGeometry + } - function ShapeBufferGeometry(shapes, curveSegments) { - BufferGeometry.call(this); + return this; - this.type = "ShapeBufferGeometry"; + }; - this.parameters = { - shapes: shapes, - curveSegments: curveSegments, - }; + }(), - curveSegments = curveSegments || 12; + setStyle: function ( style ) { - // buffers + function handleAlpha( string ) { - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; + if ( string === undefined ) return; - // helper variables + if ( parseFloat( string ) < 1 ) { - var groupStart = 0; - var groupCount = 0; + console.warn( 'THREE.Color: Alpha component of ' + style + ' will be ignored.' ); - // allow single and array values for "shapes" parameter + } - if (Array.isArray(shapes) === false) { - addShape(shapes); - } else { - for (var i = 0; i < shapes.length; i++) { - addShape(shapes[i]); + } - this.addGroup(groupStart, groupCount, i); // enables MultiMaterial support - groupStart += groupCount; - groupCount = 0; - } - } + var m; - // build geometry + if ( m = /^((?:rgb|hsl)a?)\(\s*([^\)]*)\)/.exec( style ) ) { - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); + // rgb / hsl - // helper functions + var color; + var name = m[ 1 ]; + var components = m[ 2 ]; - function addShape(shape) { - var i, l, shapeHole; + switch ( name ) { - var indexOffset = vertices.length / 3; - var points = shape.extractPoints(curveSegments); + case 'rgb': + case 'rgba': - var shapeVertices = points.shape; - var shapeHoles = points.holes; + if ( color = /^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec( components ) ) { - // check direction of vertices + // rgb(255,0,0) rgba(255,0,0,0.5) + this.r = Math.min( 255, parseInt( color[ 1 ], 10 ) ) / 255; + this.g = Math.min( 255, parseInt( color[ 2 ], 10 ) ) / 255; + this.b = Math.min( 255, parseInt( color[ 3 ], 10 ) ) / 255; - if (ShapeUtils.isClockWise(shapeVertices) === false) { - shapeVertices = shapeVertices.reverse(); + handleAlpha( color[ 5 ] ); - // also check if holes are in the opposite direction + return this; - for (i = 0, l = shapeHoles.length; i < l; i++) { - shapeHole = shapeHoles[i]; + } - if (ShapeUtils.isClockWise(shapeHole) === true) { - shapeHoles[i] = shapeHole.reverse(); - } - } - } + if ( color = /^(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec( components ) ) { - var faces = ShapeUtils.triangulateShape(shapeVertices, shapeHoles); + // rgb(100%,0%,0%) rgba(100%,0%,0%,0.5) + this.r = Math.min( 100, parseInt( color[ 1 ], 10 ) ) / 100; + this.g = Math.min( 100, parseInt( color[ 2 ], 10 ) ) / 100; + this.b = Math.min( 100, parseInt( color[ 3 ], 10 ) ) / 100; - // join vertices of inner and outer paths to a single array + handleAlpha( color[ 5 ] ); - for (i = 0, l = shapeHoles.length; i < l; i++) { - shapeHole = shapeHoles[i]; - shapeVertices = shapeVertices.concat(shapeHole); - } + return this; - // vertices, normals, uvs + } - for (i = 0, l = shapeVertices.length; i < l; i++) { - var vertex = shapeVertices[i]; + break; - vertices.push(vertex.x, vertex.y, 0); - normals.push(0, 0, 1); - uvs.push(vertex.x, vertex.y); // world uvs - } + case 'hsl': + case 'hsla': - // incides + if ( color = /^([0-9]*\.?[0-9]+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec( components ) ) { - for (i = 0, l = faces.length; i < l; i++) { - var face = faces[i]; + // hsl(120,50%,50%) hsla(120,50%,50%,0.5) + var h = parseFloat( color[ 1 ] ) / 360; + var s = parseInt( color[ 2 ], 10 ) / 100; + var l = parseInt( color[ 3 ], 10 ) / 100; - var a = face[0] + indexOffset; - var b = face[1] + indexOffset; - var c = face[2] + indexOffset; + handleAlpha( color[ 5 ] ); - indices.push(a, b, c); - groupCount += 3; - } - } - } + return this.setHSL( h, s, l ); - ShapeBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - ShapeBufferGeometry.prototype.constructor = ShapeBufferGeometry; + } - ShapeBufferGeometry.prototype.toJSON = function () { - var data = BufferGeometry.prototype.toJSON.call(this); + break; - var shapes = this.parameters.shapes; + } - return toJSON(shapes, data); - }; + } else if ( m = /^\#([A-Fa-f0-9]+)$/.exec( style ) ) { - // + // hex color - function toJSON(shapes, data) { - data.shapes = []; + var hex = m[ 1 ]; + var size = hex.length; - if (Array.isArray(shapes)) { - for (var i = 0, l = shapes.length; i < l; i++) { - var shape = shapes[i]; + if ( size === 3 ) { - data.shapes.push(shape.uuid); - } - } else { - data.shapes.push(shapes.uuid); - } + // #ff0 + this.r = parseInt( hex.charAt( 0 ) + hex.charAt( 0 ), 16 ) / 255; + this.g = parseInt( hex.charAt( 1 ) + hex.charAt( 1 ), 16 ) / 255; + this.b = parseInt( hex.charAt( 2 ) + hex.charAt( 2 ), 16 ) / 255; - return data; - } + return this; - /** - * @author WestLangley / http://github.com/WestLangley - * @author Mugen87 / https://github.com/Mugen87 - */ + } else if ( size === 6 ) { - function EdgesGeometry(geometry, thresholdAngle) { - BufferGeometry.call(this); + // #ff0000 + this.r = parseInt( hex.charAt( 0 ) + hex.charAt( 1 ), 16 ) / 255; + this.g = parseInt( hex.charAt( 2 ) + hex.charAt( 3 ), 16 ) / 255; + this.b = parseInt( hex.charAt( 4 ) + hex.charAt( 5 ), 16 ) / 255; - this.type = "EdgesGeometry"; + return this; - this.parameters = { - thresholdAngle: thresholdAngle, - }; + } - thresholdAngle = thresholdAngle !== undefined ? thresholdAngle : 1; + } - // buffer + if ( style && style.length > 0 ) { - var vertices = []; + // color keywords + var hex = ColorKeywords[ style ]; - // helper variables + if ( hex !== undefined ) { - var thresholdDot = Math.cos(_Math.DEG2RAD * thresholdAngle); - var edge = [0, 0], - edges = {}, - edge1, - edge2; - var key, - keys = ["a", "b", "c"]; + // red + this.setHex( hex ); - // prepare source geometry + } else { - var geometry2; + // unknown color + console.warn( 'THREE.Color: Unknown color ' + style ); - if (geometry.isBufferGeometry) { - geometry2 = new Geometry(); - geometry2.fromBufferGeometry(geometry); - } else { - geometry2 = geometry.clone(); - } + } - geometry2.mergeVertices(); - geometry2.computeFaceNormals(); - - var sourceVertices = geometry2.vertices; - var faces = geometry2.faces; - - // now create a data structure where each entry represents an edge with its adjoining faces - - for (var i = 0, l = faces.length; i < l; i++) { - var face = faces[i]; - - for (var j = 0; j < 3; j++) { - edge1 = face[keys[j]]; - edge2 = face[keys[(j + 1) % 3]]; - edge[0] = Math.min(edge1, edge2); - edge[1] = Math.max(edge1, edge2); - - key = edge[0] + "," + edge[1]; - - if (edges[key] === undefined) { - edges[key] = { - index1: edge[0], - index2: edge[1], - face1: i, - face2: undefined, - }; - } else { - edges[key].face2 = i; - } - } - } - - // generate vertices - - for (key in edges) { - var e = edges[key]; - - // an edge is only rendered if the angle (in degrees) between the face normals of the adjoining faces exceeds this value. default = 1 degree. - - if ( - e.face2 === undefined || - faces[e.face1].normal.dot(faces[e.face2].normal) <= thresholdDot - ) { - var vertex = sourceVertices[e.index1]; - vertices.push(vertex.x, vertex.y, vertex.z); - - vertex = sourceVertices[e.index2]; - vertices.push(vertex.x, vertex.y, vertex.z); - } - } - - // build geometry - - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - } - - EdgesGeometry.prototype = Object.create(BufferGeometry.prototype); - EdgesGeometry.prototype.constructor = EdgesGeometry; - - /** - * @author mrdoob / http://mrdoob.com/ - * @author Mugen87 / https://github.com/Mugen87 - */ - - // CylinderGeometry - - function CylinderGeometry( - radiusTop, - radiusBottom, - height, - radialSegments, - heightSegments, - openEnded, - thetaStart, - thetaLength - ) { - Geometry.call(this); - - this.type = "CylinderGeometry"; - - this.parameters = { - radiusTop: radiusTop, - radiusBottom: radiusBottom, - height: height, - radialSegments: radialSegments, - heightSegments: heightSegments, - openEnded: openEnded, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; - - this.fromBufferGeometry( - new CylinderBufferGeometry( - radiusTop, - radiusBottom, - height, - radialSegments, - heightSegments, - openEnded, - thetaStart, - thetaLength - ) - ); - this.mergeVertices(); - } - - CylinderGeometry.prototype = Object.create(Geometry.prototype); - CylinderGeometry.prototype.constructor = CylinderGeometry; - - // CylinderBufferGeometry - - function CylinderBufferGeometry( - radiusTop, - radiusBottom, - height, - radialSegments, - heightSegments, - openEnded, - thetaStart, - thetaLength - ) { - BufferGeometry.call(this); - - this.type = "CylinderBufferGeometry"; + } - this.parameters = { - radiusTop: radiusTop, - radiusBottom: radiusBottom, - height: height, - radialSegments: radialSegments, - heightSegments: heightSegments, - openEnded: openEnded, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; + return this; - var scope = this; + }, - radiusTop = radiusTop !== undefined ? radiusTop : 1; - radiusBottom = radiusBottom !== undefined ? radiusBottom : 1; - height = height || 1; + clone: function () { - radialSegments = Math.floor(radialSegments) || 8; - heightSegments = Math.floor(heightSegments) || 1; + return new this.constructor( this.r, this.g, this.b ); - openEnded = openEnded !== undefined ? openEnded : false; - thetaStart = thetaStart !== undefined ? thetaStart : 0.0; - thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2; + }, - // buffers + copy: function ( color ) { - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; + this.r = color.r; + this.g = color.g; + this.b = color.b; - // helper variables + return this; - var index = 0; - var indexArray = []; - var halfHeight = height / 2; - var groupStart = 0; + }, - // generate geometry + copyGammaToLinear: function ( color, gammaFactor ) { - generateTorso(); + if ( gammaFactor === undefined ) gammaFactor = 2.0; - if (openEnded === false) { - if (radiusTop > 0) generateCap(true); - if (radiusBottom > 0) generateCap(false); - } + this.r = Math.pow( color.r, gammaFactor ); + this.g = Math.pow( color.g, gammaFactor ); + this.b = Math.pow( color.b, gammaFactor ); - // build geometry + return this; - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); + }, - function generateTorso() { - var x, y; - var normal = new Vector3(); - var vertex = new Vector3(); + copyLinearToGamma: function ( color, gammaFactor ) { - var groupCount = 0; + if ( gammaFactor === undefined ) gammaFactor = 2.0; - // this will be used to calculate the normal - var slope = (radiusBottom - radiusTop) / height; + var safeInverse = ( gammaFactor > 0 ) ? ( 1.0 / gammaFactor ) : 1.0; - // generate vertices, normals and uvs + this.r = Math.pow( color.r, safeInverse ); + this.g = Math.pow( color.g, safeInverse ); + this.b = Math.pow( color.b, safeInverse ); - for (y = 0; y <= heightSegments; y++) { - var indexRow = []; + return this; - var v = y / heightSegments; + }, - // calculate the radius of the current row + convertGammaToLinear: function ( gammaFactor ) { - var radius = v * (radiusBottom - radiusTop) + radiusTop; + this.copyGammaToLinear( this, gammaFactor ); - for (x = 0; x <= radialSegments; x++) { - var u = x / radialSegments; + return this; - var theta = u * thetaLength + thetaStart; + }, - var sinTheta = Math.sin(theta); - var cosTheta = Math.cos(theta); + convertLinearToGamma: function ( gammaFactor ) { - // vertex + this.copyLinearToGamma( this, gammaFactor ); - vertex.x = radius * sinTheta; - vertex.y = -v * height + halfHeight; - vertex.z = radius * cosTheta; - vertices.push(vertex.x, vertex.y, vertex.z); + return this; - // normal + }, - normal.set(sinTheta, slope, cosTheta).normalize(); - normals.push(normal.x, normal.y, normal.z); + getHex: function () { - // uv + return ( this.r * 255 ) << 16 ^ ( this.g * 255 ) << 8 ^ ( this.b * 255 ) << 0; - uvs.push(u, 1 - v); + }, - // save index of vertex in respective row + getHexString: function () { - indexRow.push(index++); - } + return ( '000000' + this.getHex().toString( 16 ) ).slice( - 6 ); - // now save vertices of the row in our index array + }, - indexArray.push(indexRow); - } + getHSL: function ( target ) { - // generate indices + // h,s,l ranges are in 0.0 - 1.0 - for (x = 0; x < radialSegments; x++) { - for (y = 0; y < heightSegments; y++) { - // we use the index array to access the correct indices + if ( target === undefined ) { - var a = indexArray[y][x]; - var b = indexArray[y + 1][x]; - var c = indexArray[y + 1][x + 1]; - var d = indexArray[y][x + 1]; + console.warn( 'THREE.Color: .getHSL() target is now required' ); + target = { h: 0, s: 0, l: 0 }; - // faces + } - indices.push(a, b, d); - indices.push(b, c, d); + var r = this.r, g = this.g, b = this.b; - // update group counter + var max = Math.max( r, g, b ); + var min = Math.min( r, g, b ); - groupCount += 6; - } - } + var hue, saturation; + var lightness = ( min + max ) / 2.0; - // add a group to the geometry. this will ensure multi material support + if ( min === max ) { - scope.addGroup(groupStart, groupCount, 0); + hue = 0; + saturation = 0; - // calculate new start value for groups + } else { - groupStart += groupCount; - } + var delta = max - min; - function generateCap(top) { - var x, centerIndexStart, centerIndexEnd; + saturation = lightness <= 0.5 ? delta / ( max + min ) : delta / ( 2 - max - min ); - var uv = new Vector2(); - var vertex = new Vector3(); + switch ( max ) { - var groupCount = 0; + case r: hue = ( g - b ) / delta + ( g < b ? 6 : 0 ); break; + case g: hue = ( b - r ) / delta + 2; break; + case b: hue = ( r - g ) / delta + 4; break; - var radius = top === true ? radiusTop : radiusBottom; - var sign = top === true ? 1 : -1; + } - // save the index of the first center vertex - centerIndexStart = index; + hue /= 6; - // first we generate the center vertex data of the cap. - // because the geometry needs one set of uvs per face, - // we must generate a center vertex per face/segment + } - for (x = 1; x <= radialSegments; x++) { - // vertex + target.h = hue; + target.s = saturation; + target.l = lightness; - vertices.push(0, halfHeight * sign, 0); + return target; - // normal + }, - normals.push(0, sign, 0); + getStyle: function () { - // uv + return 'rgb(' + ( ( this.r * 255 ) | 0 ) + ',' + ( ( this.g * 255 ) | 0 ) + ',' + ( ( this.b * 255 ) | 0 ) + ')'; - uvs.push(0.5, 0.5); + }, - // increase index + offsetHSL: function () { - index++; - } + var hsl = {}; - // save the index of the last center vertex + return function ( h, s, l ) { - centerIndexEnd = index; + this.getHSL( hsl ); - // now we generate the surrounding vertices, normals and uvs + hsl.h += h; hsl.s += s; hsl.l += l; - for (x = 0; x <= radialSegments; x++) { - var u = x / radialSegments; - var theta = u * thetaLength + thetaStart; + this.setHSL( hsl.h, hsl.s, hsl.l ); - var cosTheta = Math.cos(theta); - var sinTheta = Math.sin(theta); + return this; - // vertex + }; - vertex.x = radius * sinTheta; - vertex.y = halfHeight * sign; - vertex.z = radius * cosTheta; - vertices.push(vertex.x, vertex.y, vertex.z); + }(), - // normal + add: function ( color ) { - normals.push(0, sign, 0); + this.r += color.r; + this.g += color.g; + this.b += color.b; - // uv + return this; - uv.x = cosTheta * 0.5 + 0.5; - uv.y = sinTheta * 0.5 * sign + 0.5; - uvs.push(uv.x, uv.y); + }, - // increase index + addColors: function ( color1, color2 ) { - index++; - } + this.r = color1.r + color2.r; + this.g = color1.g + color2.g; + this.b = color1.b + color2.b; - // generate indices + return this; - for (x = 0; x < radialSegments; x++) { - var c = centerIndexStart + x; - var i = centerIndexEnd + x; + }, - if (top === true) { - // face top + addScalar: function ( s ) { - indices.push(i, i + 1, c); - } else { - // face bottom + this.r += s; + this.g += s; + this.b += s; - indices.push(i + 1, i, c); - } + return this; - groupCount += 3; - } + }, - // add a group to the geometry. this will ensure multi material support + sub: function ( color ) { - scope.addGroup(groupStart, groupCount, top === true ? 1 : 2); + this.r = Math.max( 0, this.r - color.r ); + this.g = Math.max( 0, this.g - color.g ); + this.b = Math.max( 0, this.b - color.b ); - // calculate new start value for groups + return this; - groupStart += groupCount; - } - } + }, - CylinderBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - CylinderBufferGeometry.prototype.constructor = CylinderBufferGeometry; + multiply: function ( color ) { - /** - * @author abelnation / http://github.com/abelnation - */ + this.r *= color.r; + this.g *= color.g; + this.b *= color.b; - // ConeGeometry + return this; - function ConeGeometry( - radius, - height, - radialSegments, - heightSegments, - openEnded, - thetaStart, - thetaLength - ) { - CylinderGeometry.call( - this, - 0, - radius, - height, - radialSegments, - heightSegments, - openEnded, - thetaStart, - thetaLength - ); - - this.type = "ConeGeometry"; - - this.parameters = { - radius: radius, - height: height, - radialSegments: radialSegments, - heightSegments: heightSegments, - openEnded: openEnded, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; - } - - ConeGeometry.prototype = Object.create(CylinderGeometry.prototype); - ConeGeometry.prototype.constructor = ConeGeometry; - - // ConeBufferGeometry - - function ConeBufferGeometry( - radius, - height, - radialSegments, - heightSegments, - openEnded, - thetaStart, - thetaLength - ) { - CylinderBufferGeometry.call( - this, - 0, - radius, - height, - radialSegments, - heightSegments, - openEnded, - thetaStart, - thetaLength - ); - - this.type = "ConeBufferGeometry"; - - this.parameters = { - radius: radius, - height: height, - radialSegments: radialSegments, - heightSegments: heightSegments, - openEnded: openEnded, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; - } - - ConeBufferGeometry.prototype = Object.create( - CylinderBufferGeometry.prototype - ); - ConeBufferGeometry.prototype.constructor = ConeBufferGeometry; - - /** - * @author benaadams / https://twitter.com/ben_a_adams - * @author Mugen87 / https://github.com/Mugen87 - * @author hughes - */ - - // CircleGeometry - - function CircleGeometry(radius, segments, thetaStart, thetaLength) { - Geometry.call(this); - - this.type = "CircleGeometry"; - - this.parameters = { - radius: radius, - segments: segments, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; - - this.fromBufferGeometry( - new CircleBufferGeometry(radius, segments, thetaStart, thetaLength) - ); - this.mergeVertices(); - } - - CircleGeometry.prototype = Object.create(Geometry.prototype); - CircleGeometry.prototype.constructor = CircleGeometry; - - // CircleBufferGeometry - - function CircleBufferGeometry(radius, segments, thetaStart, thetaLength) { - BufferGeometry.call(this); - - this.type = "CircleBufferGeometry"; - - this.parameters = { - radius: radius, - segments: segments, - thetaStart: thetaStart, - thetaLength: thetaLength, - }; - - radius = radius || 1; - segments = segments !== undefined ? Math.max(3, segments) : 8; - - thetaStart = thetaStart !== undefined ? thetaStart : 0; - thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2; - - // buffers - - var indices = []; - var vertices = []; - var normals = []; - var uvs = []; - - // helper variables - - var i, s; - var vertex = new Vector3(); - var uv = new Vector2(); - - // center point - - vertices.push(0, 0, 0); - normals.push(0, 0, 1); - uvs.push(0.5, 0.5); - - for (s = 0, i = 3; s <= segments; s++, i += 3) { - var segment = thetaStart + (s / segments) * thetaLength; - - // vertex - - vertex.x = radius * Math.cos(segment); - vertex.y = radius * Math.sin(segment); - - vertices.push(vertex.x, vertex.y, vertex.z); - - // normal - - normals.push(0, 0, 1); - - // uvs - - uv.x = (vertices[i] / radius + 1) / 2; - uv.y = (vertices[i + 1] / radius + 1) / 2; - - uvs.push(uv.x, uv.y); - } - - // indices - - for (i = 1; i <= segments; i++) { - indices.push(i, i + 1, 0); - } - - // build geometry - - this.setIndex(indices); - this.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - this.addAttribute("normal", new Float32BufferAttribute(normals, 3)); - this.addAttribute("uv", new Float32BufferAttribute(uvs, 2)); - } - - CircleBufferGeometry.prototype = Object.create(BufferGeometry.prototype); - CircleBufferGeometry.prototype.constructor = CircleBufferGeometry; - - var Geometries = Object.freeze({ - WireframeGeometry: WireframeGeometry, - ParametricGeometry: ParametricGeometry, - ParametricBufferGeometry: ParametricBufferGeometry, - TetrahedronGeometry: TetrahedronGeometry, - TetrahedronBufferGeometry: TetrahedronBufferGeometry, - OctahedronGeometry: OctahedronGeometry, - OctahedronBufferGeometry: OctahedronBufferGeometry, - IcosahedronGeometry: IcosahedronGeometry, - IcosahedronBufferGeometry: IcosahedronBufferGeometry, - DodecahedronGeometry: DodecahedronGeometry, - DodecahedronBufferGeometry: DodecahedronBufferGeometry, - PolyhedronGeometry: PolyhedronGeometry, - PolyhedronBufferGeometry: PolyhedronBufferGeometry, - TubeGeometry: TubeGeometry, - TubeBufferGeometry: TubeBufferGeometry, - TorusKnotGeometry: TorusKnotGeometry, - TorusKnotBufferGeometry: TorusKnotBufferGeometry, - TorusGeometry: TorusGeometry, - TorusBufferGeometry: TorusBufferGeometry, - TextGeometry: TextGeometry, - TextBufferGeometry: TextBufferGeometry, - SphereGeometry: SphereGeometry, - SphereBufferGeometry: SphereBufferGeometry, - RingGeometry: RingGeometry, - RingBufferGeometry: RingBufferGeometry, - PlaneGeometry: PlaneGeometry, - PlaneBufferGeometry: PlaneBufferGeometry, - LatheGeometry: LatheGeometry, - LatheBufferGeometry: LatheBufferGeometry, - ShapeGeometry: ShapeGeometry, - ShapeBufferGeometry: ShapeBufferGeometry, - ExtrudeGeometry: ExtrudeGeometry, - ExtrudeBufferGeometry: ExtrudeBufferGeometry, - EdgesGeometry: EdgesGeometry, - ConeGeometry: ConeGeometry, - ConeBufferGeometry: ConeBufferGeometry, - CylinderGeometry: CylinderGeometry, - CylinderBufferGeometry: CylinderBufferGeometry, - CircleGeometry: CircleGeometry, - CircleBufferGeometry: CircleBufferGeometry, - BoxGeometry: BoxGeometry, - BoxBufferGeometry: BoxBufferGeometry, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * - * parameters = { - * color: - * } - */ - - function ShadowMaterial(parameters) { - Material.call(this); - - this.type = "ShadowMaterial"; - - this.color = new Color(0x000000); - this.transparent = true; - - this.setValues(parameters); - } - - ShadowMaterial.prototype = Object.create(Material.prototype); - ShadowMaterial.prototype.constructor = ShadowMaterial; - - ShadowMaterial.prototype.isShadowMaterial = true; - - ShadowMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); - - this.color.copy(source.color); - - return this; - }; - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function RawShaderMaterial(parameters) { - ShaderMaterial.call(this, parameters); - - this.type = "RawShaderMaterial"; - } - - RawShaderMaterial.prototype = Object.create(ShaderMaterial.prototype); - RawShaderMaterial.prototype.constructor = RawShaderMaterial; - - RawShaderMaterial.prototype.isRawShaderMaterial = true; - - /** - * @author WestLangley / http://github.com/WestLangley - * - * parameters = { - * color: , - * roughness: , - * metalness: , - * opacity: , - * - * map: new THREE.Texture( ), - * - * lightMap: new THREE.Texture( ), - * lightMapIntensity: - * - * aoMap: new THREE.Texture( ), - * aoMapIntensity: - * - * emissive: , - * emissiveIntensity: - * emissiveMap: new THREE.Texture( ), - * - * bumpMap: new THREE.Texture( ), - * bumpScale: , - * - * normalMap: new THREE.Texture( ), - * normalScale: , - * - * displacementMap: new THREE.Texture( ), - * displacementScale: , - * displacementBias: , - * - * roughnessMap: new THREE.Texture( ), - * - * metalnessMap: new THREE.Texture( ), - * - * alphaMap: new THREE.Texture( ), - * - * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), - * envMapIntensity: - * - * refractionRatio: , - * - * wireframe: , - * wireframeLinewidth: , - * - * skinning: , - * morphTargets: , - * morphNormals: - * } - */ + }, - function MeshStandardMaterial(parameters) { - Material.call(this); + multiplyScalar: function ( s ) { - this.defines = { STANDARD: "" }; + this.r *= s; + this.g *= s; + this.b *= s; - this.type = "MeshStandardMaterial"; + return this; - this.color = new Color(0xffffff); // diffuse - this.roughness = 0.5; - this.metalness = 0.5; + }, - this.map = null; + lerp: function ( color, alpha ) { - this.lightMap = null; - this.lightMapIntensity = 1.0; + this.r += ( color.r - this.r ) * alpha; + this.g += ( color.g - this.g ) * alpha; + this.b += ( color.b - this.b ) * alpha; - this.aoMap = null; - this.aoMapIntensity = 1.0; + return this; - this.emissive = new Color(0x000000); - this.emissiveIntensity = 1.0; - this.emissiveMap = null; + }, - this.bumpMap = null; - this.bumpScale = 1; + equals: function ( c ) { - this.normalMap = null; - this.normalScale = new Vector2(1, 1); + return ( c.r === this.r ) && ( c.g === this.g ) && ( c.b === this.b ); - this.displacementMap = null; - this.displacementScale = 1; - this.displacementBias = 0; + }, - this.roughnessMap = null; + fromArray: function ( array, offset ) { - this.metalnessMap = null; + if ( offset === undefined ) offset = 0; - this.alphaMap = null; + this.r = array[ offset ]; + this.g = array[ offset + 1 ]; + this.b = array[ offset + 2 ]; - this.envMap = null; - this.envMapIntensity = 1.0; + return this; - this.refractionRatio = 0.98; + }, - this.wireframe = false; - this.wireframeLinewidth = 1; - this.wireframeLinecap = "round"; - this.wireframeLinejoin = "round"; + toArray: function ( array, offset ) { - this.skinning = false; - this.morphTargets = false; - this.morphNormals = false; + if ( array === undefined ) array = []; + if ( offset === undefined ) offset = 0; - this.setValues(parameters); - } + array[ offset ] = this.r; + array[ offset + 1 ] = this.g; + array[ offset + 2 ] = this.b; - MeshStandardMaterial.prototype = Object.create(Material.prototype); - MeshStandardMaterial.prototype.constructor = MeshStandardMaterial; + return array; - MeshStandardMaterial.prototype.isMeshStandardMaterial = true; + }, - MeshStandardMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); + toJSON: function () { - this.defines = { STANDARD: "" }; + return this.getHex(); - this.color.copy(source.color); - this.roughness = source.roughness; - this.metalness = source.metalness; + } - this.map = source.map; + } ); - this.lightMap = source.lightMap; - this.lightMapIntensity = source.lightMapIntensity; + /** + * Uniforms library for shared webgl shaders + */ - this.aoMap = source.aoMap; - this.aoMapIntensity = source.aoMapIntensity; + var UniformsLib = { - this.emissive.copy(source.emissive); - this.emissiveMap = source.emissiveMap; - this.emissiveIntensity = source.emissiveIntensity; + common: { - this.bumpMap = source.bumpMap; - this.bumpScale = source.bumpScale; + diffuse: { value: new Color( 0xeeeeee ) }, + opacity: { value: 1.0 }, - this.normalMap = source.normalMap; - this.normalScale.copy(source.normalScale); + map: { value: null }, + uvTransform: { value: new Matrix3() }, - this.displacementMap = source.displacementMap; - this.displacementScale = source.displacementScale; - this.displacementBias = source.displacementBias; + alphaMap: { value: null }, - this.roughnessMap = source.roughnessMap; + }, - this.metalnessMap = source.metalnessMap; + specularmap: { - this.alphaMap = source.alphaMap; + specularMap: { value: null }, - this.envMap = source.envMap; - this.envMapIntensity = source.envMapIntensity; + }, - this.refractionRatio = source.refractionRatio; + envmap: { - this.wireframe = source.wireframe; - this.wireframeLinewidth = source.wireframeLinewidth; - this.wireframeLinecap = source.wireframeLinecap; - this.wireframeLinejoin = source.wireframeLinejoin; + envMap: { value: null }, + flipEnvMap: { value: - 1 }, + reflectivity: { value: 1.0 }, + refractionRatio: { value: 0.98 }, + maxMipLevel: { value: 0 } - this.skinning = source.skinning; - this.morphTargets = source.morphTargets; - this.morphNormals = source.morphNormals; + }, - return this; - }; + aomap: { - /** - * @author WestLangley / http://github.com/WestLangley - * - * parameters = { - * reflectivity: - * } - */ + aoMap: { value: null }, + aoMapIntensity: { value: 1 } - function MeshPhysicalMaterial(parameters) { - MeshStandardMaterial.call(this); + }, - this.defines = { PHYSICAL: "" }; + lightmap: { - this.type = "MeshPhysicalMaterial"; + lightMap: { value: null }, + lightMapIntensity: { value: 1 } - this.reflectivity = 0.5; // maps to F0 = 0.04 + }, - this.clearCoat = 0.0; - this.clearCoatRoughness = 0.0; + emissivemap: { - this.setValues(parameters); - } + emissiveMap: { value: null } - MeshPhysicalMaterial.prototype = Object.create( - MeshStandardMaterial.prototype - ); - MeshPhysicalMaterial.prototype.constructor = MeshPhysicalMaterial; + }, - MeshPhysicalMaterial.prototype.isMeshPhysicalMaterial = true; + bumpmap: { - MeshPhysicalMaterial.prototype.copy = function (source) { - MeshStandardMaterial.prototype.copy.call(this, source); + bumpMap: { value: null }, + bumpScale: { value: 1 } - this.defines = { PHYSICAL: "" }; + }, - this.reflectivity = source.reflectivity; + normalmap: { - this.clearCoat = source.clearCoat; - this.clearCoatRoughness = source.clearCoatRoughness; + normalMap: { value: null }, + normalScale: { value: new Vector2( 1, 1 ) } - return this; - }; + }, - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * - * parameters = { - * color: , - * specular: , - * shininess: , - * opacity: , - * - * map: new THREE.Texture( ), - * - * lightMap: new THREE.Texture( ), - * lightMapIntensity: - * - * aoMap: new THREE.Texture( ), - * aoMapIntensity: - * - * emissive: , - * emissiveIntensity: - * emissiveMap: new THREE.Texture( ), - * - * bumpMap: new THREE.Texture( ), - * bumpScale: , - * - * normalMap: new THREE.Texture( ), - * normalScale: , - * - * displacementMap: new THREE.Texture( ), - * displacementScale: , - * displacementBias: , - * - * specularMap: new THREE.Texture( ), - * - * alphaMap: new THREE.Texture( ), - * - * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), - * combine: THREE.Multiply, - * reflectivity: , - * refractionRatio: , - * - * wireframe: , - * wireframeLinewidth: , - * - * skinning: , - * morphTargets: , - * morphNormals: - * } - */ - - function MeshPhongMaterial(parameters) { - Material.call(this); - - this.type = "MeshPhongMaterial"; - - this.color = new Color(0xffffff); // diffuse - this.specular = new Color(0x111111); - this.shininess = 30; - - this.map = null; - - this.lightMap = null; - this.lightMapIntensity = 1.0; - - this.aoMap = null; - this.aoMapIntensity = 1.0; - - this.emissive = new Color(0x000000); - this.emissiveIntensity = 1.0; - this.emissiveMap = null; - - this.bumpMap = null; - this.bumpScale = 1; - - this.normalMap = null; - this.normalScale = new Vector2(1, 1); - - this.displacementMap = null; - this.displacementScale = 1; - this.displacementBias = 0; - - this.specularMap = null; - - this.alphaMap = null; + displacementmap: { - this.envMap = null; - this.combine = MultiplyOperation; - this.reflectivity = 1; - this.refractionRatio = 0.98; + displacementMap: { value: null }, + displacementScale: { value: 1 }, + displacementBias: { value: 0 } - this.wireframe = false; - this.wireframeLinewidth = 1; - this.wireframeLinecap = "round"; - this.wireframeLinejoin = "round"; - - this.skinning = false; - this.morphTargets = false; - this.morphNormals = false; - - this.setValues(parameters); - } - - MeshPhongMaterial.prototype = Object.create(Material.prototype); - MeshPhongMaterial.prototype.constructor = MeshPhongMaterial; - - MeshPhongMaterial.prototype.isMeshPhongMaterial = true; - - MeshPhongMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); - - this.color.copy(source.color); - this.specular.copy(source.specular); - this.shininess = source.shininess; - - this.map = source.map; - - this.lightMap = source.lightMap; - this.lightMapIntensity = source.lightMapIntensity; - - this.aoMap = source.aoMap; - this.aoMapIntensity = source.aoMapIntensity; - - this.emissive.copy(source.emissive); - this.emissiveMap = source.emissiveMap; - this.emissiveIntensity = source.emissiveIntensity; - - this.bumpMap = source.bumpMap; - this.bumpScale = source.bumpScale; + }, - this.normalMap = source.normalMap; - this.normalScale.copy(source.normalScale); + roughnessmap: { - this.displacementMap = source.displacementMap; - this.displacementScale = source.displacementScale; - this.displacementBias = source.displacementBias; + roughnessMap: { value: null } - this.specularMap = source.specularMap; + }, - this.alphaMap = source.alphaMap; + metalnessmap: { - this.envMap = source.envMap; - this.combine = source.combine; - this.reflectivity = source.reflectivity; - this.refractionRatio = source.refractionRatio; + metalnessMap: { value: null } - this.wireframe = source.wireframe; - this.wireframeLinewidth = source.wireframeLinewidth; - this.wireframeLinecap = source.wireframeLinecap; - this.wireframeLinejoin = source.wireframeLinejoin; + }, - this.skinning = source.skinning; - this.morphTargets = source.morphTargets; - this.morphNormals = source.morphNormals; + gradientmap: { - return this; - }; + gradientMap: { value: null } - /** - * @author takahirox / http://github.com/takahirox - * - * parameters = { - * gradientMap: new THREE.Texture( ) - * } - */ + }, - function MeshToonMaterial(parameters) { - MeshPhongMaterial.call(this); + fog: { - this.defines = { TOON: "" }; + fogDensity: { value: 0.00025 }, + fogNear: { value: 1 }, + fogFar: { value: 2000 }, + fogColor: { value: new Color( 0xffffff ) } - this.type = "MeshToonMaterial"; + }, - this.gradientMap = null; + lights: { - this.setValues(parameters); - } + ambientLightColor: { value: [] }, - MeshToonMaterial.prototype = Object.create(MeshPhongMaterial.prototype); - MeshToonMaterial.prototype.constructor = MeshToonMaterial; + directionalLights: { value: [], properties: { + direction: {}, + color: {}, - MeshToonMaterial.prototype.isMeshToonMaterial = true; + shadow: {}, + shadowBias: {}, + shadowRadius: {}, + shadowMapSize: {} + } }, - MeshToonMaterial.prototype.copy = function (source) { - MeshPhongMaterial.prototype.copy.call(this, source); + directionalShadowMap: { value: [] }, + directionalShadowMatrix: { value: [] }, - this.gradientMap = source.gradientMap; + spotLights: { value: [], properties: { + color: {}, + position: {}, + direction: {}, + distance: {}, + coneCos: {}, + penumbraCos: {}, + decay: {}, - return this; - }; + shadow: {}, + shadowBias: {}, + shadowRadius: {}, + shadowMapSize: {} + } }, - /** - * @author mrdoob / http://mrdoob.com/ - * @author WestLangley / http://github.com/WestLangley - * - * parameters = { - * opacity: , - * - * bumpMap: new THREE.Texture( ), - * bumpScale: , - * - * normalMap: new THREE.Texture( ), - * normalScale: , - * - * displacementMap: new THREE.Texture( ), - * displacementScale: , - * displacementBias: , - * - * wireframe: , - * wireframeLinewidth: - * - * skinning: , - * morphTargets: , - * morphNormals: - * } - */ - - function MeshNormalMaterial(parameters) { - Material.call(this); - - this.type = "MeshNormalMaterial"; - - this.bumpMap = null; - this.bumpScale = 1; - - this.normalMap = null; - this.normalScale = new Vector2(1, 1); - - this.displacementMap = null; - this.displacementScale = 1; - this.displacementBias = 0; - - this.wireframe = false; - this.wireframeLinewidth = 1; - - this.fog = false; - this.lights = false; - - this.skinning = false; - this.morphTargets = false; - this.morphNormals = false; - - this.setValues(parameters); - } - - MeshNormalMaterial.prototype = Object.create(Material.prototype); - MeshNormalMaterial.prototype.constructor = MeshNormalMaterial; - - MeshNormalMaterial.prototype.isMeshNormalMaterial = true; - - MeshNormalMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); - - this.bumpMap = source.bumpMap; - this.bumpScale = source.bumpScale; - - this.normalMap = source.normalMap; - this.normalScale.copy(source.normalScale); - - this.displacementMap = source.displacementMap; - this.displacementScale = source.displacementScale; - this.displacementBias = source.displacementBias; - - this.wireframe = source.wireframe; - this.wireframeLinewidth = source.wireframeLinewidth; + spotShadowMap: { value: [] }, + spotShadowMatrix: { value: [] }, - this.skinning = source.skinning; - this.morphTargets = source.morphTargets; - this.morphNormals = source.morphNormals; - - return this; - }; - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - * - * parameters = { - * color: , - * opacity: , - * - * map: new THREE.Texture( ), - * - * lightMap: new THREE.Texture( ), - * lightMapIntensity: - * - * aoMap: new THREE.Texture( ), - * aoMapIntensity: - * - * emissive: , - * emissiveIntensity: - * emissiveMap: new THREE.Texture( ), - * - * specularMap: new THREE.Texture( ), - * - * alphaMap: new THREE.Texture( ), - * - * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), - * combine: THREE.Multiply, - * reflectivity: , - * refractionRatio: , - * - * wireframe: , - * wireframeLinewidth: , - * - * skinning: , - * morphTargets: , - * morphNormals: - * } - */ - - function MeshLambertMaterial(parameters) { - Material.call(this); + pointLights: { value: [], properties: { + color: {}, + position: {}, + decay: {}, + distance: {}, - this.type = "MeshLambertMaterial"; + shadow: {}, + shadowBias: {}, + shadowRadius: {}, + shadowMapSize: {}, + shadowCameraNear: {}, + shadowCameraFar: {} + } }, - this.color = new Color(0xffffff); // diffuse + pointShadowMap: { value: [] }, + pointShadowMatrix: { value: [] }, - this.map = null; + hemisphereLights: { value: [], properties: { + direction: {}, + skyColor: {}, + groundColor: {} + } }, - this.lightMap = null; - this.lightMapIntensity = 1.0; - - this.aoMap = null; - this.aoMapIntensity = 1.0; + // TODO (abelnation): RectAreaLight BRDF data needs to be moved from example to main src + rectAreaLights: { value: [], properties: { + color: {}, + position: {}, + width: {}, + height: {} + } } + + }, + + points: { + + diffuse: { value: new Color( 0xeeeeee ) }, + opacity: { value: 1.0 }, + size: { value: 1.0 }, + scale: { value: 1.0 }, + map: { value: null }, + uvTransform: { value: new Matrix3() } + + } + + }; + + /** + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + * @author mikael emtinger / http://gomo.se/ + */ + + var ShaderLib = { + + basic: { + + uniforms: UniformsUtils.merge( [ + UniformsLib.common, + UniformsLib.specularmap, + UniformsLib.envmap, + UniformsLib.aomap, + UniformsLib.lightmap, + UniformsLib.fog + ] ), + + vertexShader: ShaderChunk.meshbasic_vert, + fragmentShader: ShaderChunk.meshbasic_frag + + }, + + lambert: { + + uniforms: UniformsUtils.merge( [ + UniformsLib.common, + UniformsLib.specularmap, + UniformsLib.envmap, + UniformsLib.aomap, + UniformsLib.lightmap, + UniformsLib.emissivemap, + UniformsLib.fog, + UniformsLib.lights, + { + emissive: { value: new Color( 0x000000 ) } + } + ] ), + + vertexShader: ShaderChunk.meshlambert_vert, + fragmentShader: ShaderChunk.meshlambert_frag + + }, + + phong: { + + uniforms: UniformsUtils.merge( [ + UniformsLib.common, + UniformsLib.specularmap, + UniformsLib.envmap, + UniformsLib.aomap, + UniformsLib.lightmap, + UniformsLib.emissivemap, + UniformsLib.bumpmap, + UniformsLib.normalmap, + UniformsLib.displacementmap, + UniformsLib.gradientmap, + UniformsLib.fog, + UniformsLib.lights, + { + emissive: { value: new Color( 0x000000 ) }, + specular: { value: new Color( 0x111111 ) }, + shininess: { value: 30 } + } + ] ), + + vertexShader: ShaderChunk.meshphong_vert, + fragmentShader: ShaderChunk.meshphong_frag + + }, + + standard: { + + uniforms: UniformsUtils.merge( [ + UniformsLib.common, + UniformsLib.envmap, + UniformsLib.aomap, + UniformsLib.lightmap, + UniformsLib.emissivemap, + UniformsLib.bumpmap, + UniformsLib.normalmap, + UniformsLib.displacementmap, + UniformsLib.roughnessmap, + UniformsLib.metalnessmap, + UniformsLib.fog, + UniformsLib.lights, + { + emissive: { value: new Color( 0x000000 ) }, + roughness: { value: 0.5 }, + metalness: { value: 0.5 }, + envMapIntensity: { value: 1 } // temporary + } + ] ), + + vertexShader: ShaderChunk.meshphysical_vert, + fragmentShader: ShaderChunk.meshphysical_frag + + }, + + points: { + + uniforms: UniformsUtils.merge( [ + UniformsLib.points, + UniformsLib.fog + ] ), + + vertexShader: ShaderChunk.points_vert, + fragmentShader: ShaderChunk.points_frag + + }, + + dashed: { + + uniforms: UniformsUtils.merge( [ + UniformsLib.common, + UniformsLib.fog, + { + scale: { value: 1 }, + dashSize: { value: 1 }, + totalSize: { value: 2 } + } + ] ), + + vertexShader: ShaderChunk.linedashed_vert, + fragmentShader: ShaderChunk.linedashed_frag + + }, + + depth: { + + uniforms: UniformsUtils.merge( [ + UniformsLib.common, + UniformsLib.displacementmap + ] ), + + vertexShader: ShaderChunk.depth_vert, + fragmentShader: ShaderChunk.depth_frag + + }, + + normal: { - this.emissive = new Color(0x000000); - this.emissiveIntensity = 1.0; - this.emissiveMap = null; + uniforms: UniformsUtils.merge( [ + UniformsLib.common, + UniformsLib.bumpmap, + UniformsLib.normalmap, + UniformsLib.displacementmap, + { + opacity: { value: 1.0 } + } + ] ), - this.specularMap = null; + vertexShader: ShaderChunk.normal_vert, + fragmentShader: ShaderChunk.normal_frag - this.alphaMap = null; + }, - this.envMap = null; - this.combine = MultiplyOperation; - this.reflectivity = 1; - this.refractionRatio = 0.98; - - this.wireframe = false; - this.wireframeLinewidth = 1; - this.wireframeLinecap = "round"; - this.wireframeLinejoin = "round"; - - this.skinning = false; - this.morphTargets = false; - this.morphNormals = false; - - this.setValues(parameters); - } - - MeshLambertMaterial.prototype = Object.create(Material.prototype); - MeshLambertMaterial.prototype.constructor = MeshLambertMaterial; - - MeshLambertMaterial.prototype.isMeshLambertMaterial = true; - - MeshLambertMaterial.prototype.copy = function (source) { - Material.prototype.copy.call(this, source); - - this.color.copy(source.color); - - this.map = source.map; - - this.lightMap = source.lightMap; - this.lightMapIntensity = source.lightMapIntensity; - - this.aoMap = source.aoMap; - this.aoMapIntensity = source.aoMapIntensity; - - this.emissive.copy(source.emissive); - this.emissiveMap = source.emissiveMap; - this.emissiveIntensity = source.emissiveIntensity; - - this.specularMap = source.specularMap; - - this.alphaMap = source.alphaMap; - - this.envMap = source.envMap; - this.combine = source.combine; - this.reflectivity = source.reflectivity; - this.refractionRatio = source.refractionRatio; - - this.wireframe = source.wireframe; - this.wireframeLinewidth = source.wireframeLinewidth; - this.wireframeLinecap = source.wireframeLinecap; - this.wireframeLinejoin = source.wireframeLinejoin; - - this.skinning = source.skinning; - this.morphTargets = source.morphTargets; - this.morphNormals = source.morphNormals; + /* ------------------------------------------------------------------------- + // Cube map shader + ------------------------------------------------------------------------- */ - return this; - }; + cube: { - /** - * @author alteredq / http://alteredqualia.com/ - * - * parameters = { - * color: , - * opacity: , - * - * linewidth: , - * - * scale: , - * dashSize: , - * gapSize: - * } - */ + uniforms: { + tCube: { value: null }, + tFlip: { value: - 1 }, + opacity: { value: 1.0 } + }, - function LineDashedMaterial(parameters) { - LineBasicMaterial.call(this); + vertexShader: ShaderChunk.cube_vert, + fragmentShader: ShaderChunk.cube_frag - this.type = "LineDashedMaterial"; + }, - this.scale = 1; - this.dashSize = 3; - this.gapSize = 1; + equirect: { - this.setValues(parameters); - } + uniforms: { + tEquirect: { value: null }, + }, - LineDashedMaterial.prototype = Object.create(LineBasicMaterial.prototype); - LineDashedMaterial.prototype.constructor = LineDashedMaterial; + vertexShader: ShaderChunk.equirect_vert, + fragmentShader: ShaderChunk.equirect_frag - LineDashedMaterial.prototype.isLineDashedMaterial = true; + }, - LineDashedMaterial.prototype.copy = function (source) { - LineBasicMaterial.prototype.copy.call(this, source); + distanceRGBA: { - this.scale = source.scale; - this.dashSize = source.dashSize; - this.gapSize = source.gapSize; + uniforms: UniformsUtils.merge( [ + UniformsLib.common, + UniformsLib.displacementmap, + { + referencePosition: { value: new Vector3() }, + nearDistance: { value: 1 }, + farDistance: { value: 1000 } + } + ] ), - return this; - }; + vertexShader: ShaderChunk.distanceRGBA_vert, + fragmentShader: ShaderChunk.distanceRGBA_frag - var Materials = Object.freeze({ - ShadowMaterial: ShadowMaterial, - SpriteMaterial: SpriteMaterial, - RawShaderMaterial: RawShaderMaterial, - ShaderMaterial: ShaderMaterial, - PointsMaterial: PointsMaterial, - MeshPhysicalMaterial: MeshPhysicalMaterial, - MeshStandardMaterial: MeshStandardMaterial, - MeshPhongMaterial: MeshPhongMaterial, - MeshToonMaterial: MeshToonMaterial, - MeshNormalMaterial: MeshNormalMaterial, - MeshLambertMaterial: MeshLambertMaterial, - MeshDepthMaterial: MeshDepthMaterial, - MeshDistanceMaterial: MeshDistanceMaterial, - MeshBasicMaterial: MeshBasicMaterial, - LineDashedMaterial: LineDashedMaterial, - LineBasicMaterial: LineBasicMaterial, - Material: Material, - }); + }, - /** - * @author mrdoob / http://mrdoob.com/ - */ - - var Cache = { - enabled: false, + shadow: { - files: {}, - - add: function (key, file) { - if (this.enabled === false) return; - - // console.log( 'THREE.Cache', 'Adding key:', key ); - - this.files[key] = file; - }, + uniforms: UniformsUtils.merge( [ + UniformsLib.lights, + UniformsLib.fog, + { + color: { value: new Color( 0x00000 ) }, + opacity: { value: 1.0 } + }, + ] ), - get: function (key) { - if (this.enabled === false) return; - - // console.log( 'THREE.Cache', 'Checking key:', key ); - - return this.files[key]; - }, + vertexShader: ShaderChunk.shadow_vert, + fragmentShader: ShaderChunk.shadow_frag - remove: function (key) { - delete this.files[key]; - }, + } - clear: function () { - this.files = {}; - }, - }; + }; - /** - * @author mrdoob / http://mrdoob.com/ - */ + ShaderLib.physical = { - function LoadingManager(onLoad, onProgress, onError) { - var scope = this; + uniforms: UniformsUtils.merge( [ + ShaderLib.standard.uniforms, + { + clearCoat: { value: 0 }, + clearCoatRoughness: { value: 0 } + } + ] ), - var isLoading = false; - var itemsLoaded = 0; - var itemsTotal = 0; - var urlModifier = undefined; + vertexShader: ShaderChunk.meshphysical_vert, + fragmentShader: ShaderChunk.meshphysical_frag - this.onStart = undefined; - this.onLoad = onLoad; - this.onProgress = onProgress; - this.onError = onError; + }; - this.itemStart = function (url) { - itemsTotal++; + /** + * @author mrdoob / http://mrdoob.com/ + */ - if (isLoading === false) { - if (scope.onStart !== undefined) { - scope.onStart(url, itemsLoaded, itemsTotal); - } - } + function WebGLAnimation() { - isLoading = true; - }; + var context = null; + var isAnimating = false; + var animationLoop = null; - this.itemEnd = function (url) { - itemsLoaded++; + function onAnimationFrame( time, frame ) { - if (scope.onProgress !== undefined) { - scope.onProgress(url, itemsLoaded, itemsTotal); - } + if ( isAnimating === false ) return; - if (itemsLoaded === itemsTotal) { - isLoading = false; + animationLoop( time, frame ); - if (scope.onLoad !== undefined) { - scope.onLoad(); - } - } - }; + context.requestAnimationFrame( onAnimationFrame ); - this.itemError = function (url) { - if (scope.onError !== undefined) { - scope.onError(url); - } - }; + } - this.resolveURL = function (url) { - if (urlModifier) { - return urlModifier(url); - } + return { - return url; - }; + start: function () { - this.setURLModifier = function (transform) { - urlModifier = transform; - return this; - }; - } + if ( isAnimating === true ) return; + if ( animationLoop === null ) return; - var DefaultLoadingManager = new LoadingManager(); + context.requestAnimationFrame( onAnimationFrame ); - /** - * @author mrdoob / http://mrdoob.com/ - */ + isAnimating = true; - var loading = {}; + }, - function FileLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - } + stop: function () { - Object.assign(FileLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - if (url === undefined) url = ""; + isAnimating = false; - if (this.path !== undefined) url = this.path + url; + }, - url = this.manager.resolveURL(url); + setAnimationLoop: function ( callback ) { - var scope = this; + animationLoop = callback; - var cached = Cache.get(url); + }, - if (cached !== undefined) { - scope.manager.itemStart(url); + setContext: function ( value ) { - setTimeout(function () { - if (onLoad) onLoad(cached); + context = value; - scope.manager.itemEnd(url); - }, 0); + } - return cached; - } + }; - // Check if request is duplicate + } - if (loading[url] !== undefined) { - loading[url].push({ - onLoad: onLoad, - onProgress: onProgress, - onError: onError, - }); + /** + * @author mrdoob / http://mrdoob.com/ + */ - return; - } + function WebGLAttributes( gl ) { - // Check for data: URI - var dataUriRegex = /^data:(.*?)(;base64)?,(.*)$/; - var dataUriRegexResult = url.match(dataUriRegex); + var buffers = new WeakMap(); - // Safari can not handle Data URIs through XMLHttpRequest so process manually - if (dataUriRegexResult) { - var mimeType = dataUriRegexResult[1]; - var isBase64 = !!dataUriRegexResult[2]; - var data = dataUriRegexResult[3]; + function createBuffer( attribute, bufferType ) { - data = window.decodeURIComponent(data); + var array = attribute.array; + var usage = attribute.dynamic ? gl.DYNAMIC_DRAW : gl.STATIC_DRAW; - if (isBase64) data = window.atob(data); + var buffer = gl.createBuffer(); - try { - var response; - var responseType = (this.responseType || "").toLowerCase(); + gl.bindBuffer( bufferType, buffer ); + gl.bufferData( bufferType, array, usage ); - switch (responseType) { - case "arraybuffer": - case "blob": - var view = new Uint8Array(data.length); + attribute.onUploadCallback(); - for (var i = 0; i < data.length; i++) { - view[i] = data.charCodeAt(i); - } + var type = gl.FLOAT; - if (responseType === "blob") { - response = new Blob([view.buffer], { type: mimeType }); - } else { - response = view.buffer; - } + if ( array instanceof Float32Array ) { - break; + type = gl.FLOAT; - case "document": - var parser = new DOMParser(); - response = parser.parseFromString(data, mimeType); + } else if ( array instanceof Float64Array ) { - break; + console.warn( 'THREE.WebGLAttributes: Unsupported data buffer format: Float64Array.' ); - case "json": - response = JSON.parse(data); + } else if ( array instanceof Uint16Array ) { - break; + type = gl.UNSIGNED_SHORT; - default: - // 'text' or other + } else if ( array instanceof Int16Array ) { - response = data; + type = gl.SHORT; - break; - } + } else if ( array instanceof Uint32Array ) { - // Wait for next browser tick like standard XMLHttpRequest event dispatching does - window.setTimeout(function () { - if (onLoad) onLoad(response); + type = gl.UNSIGNED_INT; - scope.manager.itemEnd(url); - }, 0); - } catch (error) { - // Wait for next browser tick like standard XMLHttpRequest event dispatching does - window.setTimeout(function () { - if (onError) onError(error); + } else if ( array instanceof Int32Array ) { - scope.manager.itemEnd(url); - scope.manager.itemError(url); - }, 0); - } - } else { - // Initialise array for duplicate requests + type = gl.INT; - loading[url] = []; + } else if ( array instanceof Int8Array ) { - loading[url].push({ - onLoad: onLoad, - onProgress: onProgress, - onError: onError, - }); + type = gl.BYTE; - var request = new XMLHttpRequest(); + } else if ( array instanceof Uint8Array ) { - request.open("GET", url, true); + type = gl.UNSIGNED_BYTE; - request.addEventListener( - "load", - function (event) { - var response = this.response; - - Cache.add(url, response); - - var callbacks = loading[url]; - - delete loading[url]; + } - if (this.status === 200) { - for (var i = 0, il = callbacks.length; i < il; i++) { - var callback = callbacks[i]; - if (callback.onLoad) callback.onLoad(response); - } - - scope.manager.itemEnd(url); - } else if (this.status === 0) { - // Some browsers return HTTP Status 0 when using non-http protocol - // e.g. 'file://' or 'data://'. Handle as success. - - console.warn("THREE.FileLoader: HTTP Status 0 received."); - - for (var i = 0, il = callbacks.length; i < il; i++) { - var callback = callbacks[i]; - if (callback.onLoad) callback.onLoad(response); - } - - scope.manager.itemEnd(url); - } else { - for (var i = 0, il = callbacks.length; i < il; i++) { - var callback = callbacks[i]; - if (callback.onError) callback.onError(event); - } - - scope.manager.itemEnd(url); - scope.manager.itemError(url); - } - }, - false - ); - - request.addEventListener( - "progress", - function (event) { - var callbacks = loading[url]; + return { + buffer: buffer, + type: type, + bytesPerElement: array.BYTES_PER_ELEMENT, + version: attribute.version + }; - for (var i = 0, il = callbacks.length; i < il; i++) { - var callback = callbacks[i]; - if (callback.onProgress) callback.onProgress(event); - } - }, - false - ); - - request.addEventListener( - "error", - function (event) { - var callbacks = loading[url]; - - delete loading[url]; - - for (var i = 0, il = callbacks.length; i < il; i++) { - var callback = callbacks[i]; - if (callback.onError) callback.onError(event); - } - - scope.manager.itemEnd(url); - scope.manager.itemError(url); - }, - false - ); - - if (this.responseType !== undefined) - request.responseType = this.responseType; - if (this.withCredentials !== undefined) - request.withCredentials = this.withCredentials; - - if (request.overrideMimeType) - request.overrideMimeType( - this.mimeType !== undefined ? this.mimeType : "text/plain" - ); - - for (var header in this.requestHeader) { - request.setRequestHeader(header, this.requestHeader[header]); - } - - request.send(null); - } - - scope.manager.itemStart(url); - - return request; - }, - - setPath: function (value) { - this.path = value; - return this; - }, - - setResponseType: function (value) { - this.responseType = value; - return this; - }, - - setWithCredentials: function (value) { - this.withCredentials = value; - return this; - }, - - setMimeType: function (value) { - this.mimeType = value; - return this; - }, - - setRequestHeader: function (value) { - this.requestHeader = value; - return this; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * - * Abstract Base class to block based textures loader (dds, pvr, ...) - */ - - function CompressedTextureLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - - // override in sub classes - this._parser = null; - } - - Object.assign(CompressedTextureLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - var scope = this; - - var images = []; - - var texture = new CompressedTexture(); - texture.image = images; - - var loader = new FileLoader(this.manager); - loader.setPath(this.path); - loader.setResponseType("arraybuffer"); - - function loadTexture(i) { - loader.load( - url[i], - function (buffer) { - var texDatas = scope._parser(buffer, true); - - images[i] = { - width: texDatas.width, - height: texDatas.height, - format: texDatas.format, - mipmaps: texDatas.mipmaps, - }; - - loaded += 1; - - if (loaded === 6) { - if (texDatas.mipmapCount === 1) texture.minFilter = LinearFilter; - - texture.format = texDatas.format; - texture.needsUpdate = true; - - if (onLoad) onLoad(texture); - } - }, - onProgress, - onError - ); - } - - if (Array.isArray(url)) { - var loaded = 0; - - for (var i = 0, il = url.length; i < il; ++i) { - loadTexture(i); - } - } else { - // compressed cubemap texture stored in a single DDS file - - loader.load( - url, - function (buffer) { - var texDatas = scope._parser(buffer, true); - - if (texDatas.isCubemap) { - var faces = texDatas.mipmaps.length / texDatas.mipmapCount; - - for (var f = 0; f < faces; f++) { - images[f] = { mipmaps: [] }; - - for (var i = 0; i < texDatas.mipmapCount; i++) { - images[f].mipmaps.push( - texDatas.mipmaps[f * texDatas.mipmapCount + i] - ); - images[f].format = texDatas.format; - images[f].width = texDatas.width; - images[f].height = texDatas.height; - } - } - } else { - texture.image.width = texDatas.width; - texture.image.height = texDatas.height; - texture.mipmaps = texDatas.mipmaps; - } - - if (texDatas.mipmapCount === 1) { - texture.minFilter = LinearFilter; - } - - texture.format = texDatas.format; - texture.needsUpdate = true; - - if (onLoad) onLoad(texture); - }, - onProgress, - onError - ); - } - - return texture; - }, - - setPath: function (value) { - this.path = value; - return this; - }, - }); - - /** - * @author Nikos M. / https://github.com/foo123/ - * - * Abstract Base class to load generic binary textures formats (rgbe, hdr, ...) - */ - - function DataTextureLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - - // override in sub classes - this._parser = null; - } - - Object.assign(DataTextureLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - var scope = this; - - var texture = new DataTexture(); - - var loader = new FileLoader(this.manager); - loader.setResponseType("arraybuffer"); - - loader.load( - url, - function (buffer) { - var texData = scope._parser(buffer); - - if (!texData) return; - - if (undefined !== texData.image) { - texture.image = texData.image; - } else if (undefined !== texData.data) { - texture.image.width = texData.width; - texture.image.height = texData.height; - texture.image.data = texData.data; - } - - texture.wrapS = - undefined !== texData.wrapS ? texData.wrapS : ClampToEdgeWrapping; - texture.wrapT = - undefined !== texData.wrapT ? texData.wrapT : ClampToEdgeWrapping; - - texture.magFilter = - undefined !== texData.magFilter ? texData.magFilter : LinearFilter; - texture.minFilter = - undefined !== texData.minFilter - ? texData.minFilter - : LinearMipMapLinearFilter; - - texture.anisotropy = - undefined !== texData.anisotropy ? texData.anisotropy : 1; - - if (undefined !== texData.format) { - texture.format = texData.format; - } - if (undefined !== texData.type) { - texture.type = texData.type; - } + } - if (undefined !== texData.mipmaps) { - texture.mipmaps = texData.mipmaps; - } - - if (1 === texData.mipmapCount) { - texture.minFilter = LinearFilter; - } + function updateBuffer( buffer, attribute, bufferType ) { - texture.needsUpdate = true; + var array = attribute.array; + var updateRange = attribute.updateRange; - if (onLoad) onLoad(texture, texData); - }, - onProgress, - onError - ); + gl.bindBuffer( bufferType, buffer ); - return texture; - }, - }); + if ( attribute.dynamic === false ) { - /** - * @author mrdoob / http://mrdoob.com/ - */ + gl.bufferData( bufferType, array, gl.STATIC_DRAW ); - function ImageLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - } + } else if ( updateRange.count === - 1 ) { - Object.assign(ImageLoader.prototype, { - crossOrigin: "Anonymous", + // Not using update ranges - load: function (url, onLoad, onProgress, onError) { - if (url === undefined) url = ""; + gl.bufferSubData( bufferType, 0, array ); - if (this.path !== undefined) url = this.path + url; + } else if ( updateRange.count === 0 ) { - url = this.manager.resolveURL(url); + console.error( 'THREE.WebGLObjects.updateBuffer: dynamic THREE.BufferAttribute marked as needsUpdate but updateRange.count is 0, ensure you are using set methods or updating manually.' ); - var scope = this; + } else { - var cached = Cache.get(url); + gl.bufferSubData( bufferType, updateRange.offset * array.BYTES_PER_ELEMENT, + array.subarray( updateRange.offset, updateRange.offset + updateRange.count ) ); - if (cached !== undefined) { - scope.manager.itemStart(url); + updateRange.count = - 1; // reset range - setTimeout(function () { - if (onLoad) onLoad(cached); + } - scope.manager.itemEnd(url); - }, 0); + } - return cached; - } + // - var image = document.createElementNS( - "http://www.w3.org/1999/xhtml", - "img" - ); + function get( attribute ) { - image.addEventListener( - "load", - function () { - Cache.add(url, this); + if ( attribute.isInterleavedBufferAttribute ) attribute = attribute.data; - if (onLoad) onLoad(this); + return buffers.get( attribute ); - scope.manager.itemEnd(url); - }, - false - ); + } - /* - image.addEventListener( 'progress', function ( event ) { + function remove( attribute ) { - if ( onProgress ) onProgress( event ); + if ( attribute.isInterleavedBufferAttribute ) attribute = attribute.data; - }, false ); - */ + var data = buffers.get( attribute ); - image.addEventListener( - "error", - function (event) { - if (onError) onError(event); + if ( data ) { - scope.manager.itemEnd(url); - scope.manager.itemError(url); - }, - false - ); + gl.deleteBuffer( data.buffer ); - if (url.substr(0, 5) !== "data:") { - if (this.crossOrigin !== undefined) - image.crossOrigin = this.crossOrigin; - } + buffers.delete( attribute ); - scope.manager.itemStart(url); + } - image.src = url; + } - return image; - }, + function update( attribute, bufferType ) { - setCrossOrigin: function (value) { - this.crossOrigin = value; - return this; - }, + if ( attribute.isInterleavedBufferAttribute ) attribute = attribute.data; - setPath: function (value) { - this.path = value; - return this; - }, - }); + var data = buffers.get( attribute ); - /** - * @author mrdoob / http://mrdoob.com/ - */ + if ( data === undefined ) { - function CubeTextureLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - } + buffers.set( attribute, createBuffer( attribute, bufferType ) ); - Object.assign(CubeTextureLoader.prototype, { - crossOrigin: "Anonymous", + } else if ( data.version < attribute.version ) { - load: function (urls, onLoad, onProgress, onError) { - var texture = new CubeTexture(); + updateBuffer( data.buffer, attribute, bufferType ); - var loader = new ImageLoader(this.manager); - loader.setCrossOrigin(this.crossOrigin); - loader.setPath(this.path); + data.version = attribute.version; - var loaded = 0; + } - function loadTexture(i) { - loader.load( - urls[i], - function (image) { - texture.images[i] = image; - - loaded++; - - if (loaded === 6) { - texture.needsUpdate = true; - - if (onLoad) onLoad(texture); - } - }, - undefined, - onError - ); - } - - for (var i = 0; i < urls.length; ++i) { - loadTexture(i); - } - - return texture; - }, - - setCrossOrigin: function (value) { - this.crossOrigin = value; - return this; - }, - - setPath: function (value) { - this.path = value; - return this; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function TextureLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - } - - Object.assign(TextureLoader.prototype, { - crossOrigin: "Anonymous", - - load: function (url, onLoad, onProgress, onError) { - var texture = new Texture(); - - var loader = new ImageLoader(this.manager); - loader.setCrossOrigin(this.crossOrigin); - loader.setPath(this.path); - - loader.load( - url, - function (image) { - texture.image = image; - - // JPEGs can't have an alpha channel, so memory can be saved by storing them as RGB. - var isJPEG = - url.search(/\.(jpg|jpeg)$/) > 0 || - url.search(/^data\:image\/jpeg/) === 0; - - texture.format = isJPEG ? RGBFormat : RGBAFormat; - texture.needsUpdate = true; - - if (onLoad !== undefined) { - onLoad(texture); - } - }, - onProgress, - onError - ); - - return texture; - }, - - setCrossOrigin: function (value) { - this.crossOrigin = value; - return this; - }, - - setPath: function (value) { - this.path = value; - return this; - }, - }); - - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * Extensible curve object - * - * Some common of curve methods: - * .getPoint( t, optionalTarget ), .getTangent( t ) - * .getPointAt( u, optionalTarget ), .getTangentAt( u ) - * .getPoints(), .getSpacedPoints() - * .getLength() - * .updateArcLengths() - * - * This following curves inherit from THREE.Curve: - * - * -- 2D curves -- - * THREE.ArcCurve - * THREE.CubicBezierCurve - * THREE.EllipseCurve - * THREE.LineCurve - * THREE.QuadraticBezierCurve - * THREE.SplineCurve - * - * -- 3D curves -- - * THREE.CatmullRomCurve3 - * THREE.CubicBezierCurve3 - * THREE.LineCurve3 - * THREE.QuadraticBezierCurve3 - * - * A series of curves can be represented as a THREE.CurvePath. - * - **/ - - /************************************************************** - * Abstract Curve base class - **************************************************************/ - - function Curve() { - this.type = "Curve"; - - this.arcLengthDivisions = 200; - } - - Object.assign(Curve.prototype, { - // Virtual base class method to overwrite and implement in subclasses - // - t [0 .. 1] - - getPoint: function (/* t, optionalTarget */) { - console.warn("THREE.Curve: .getPoint() not implemented."); - return null; - }, - - // Get point at relative position in curve according to arc length - // - u [0 .. 1] - - getPointAt: function (u, optionalTarget) { - var t = this.getUtoTmapping(u); - return this.getPoint(t, optionalTarget); - }, - - // Get sequence of points using getPoint( t ) - - getPoints: function (divisions) { - if (divisions === undefined) divisions = 5; - - var points = []; - - for (var d = 0; d <= divisions; d++) { - points.push(this.getPoint(d / divisions)); - } - - return points; - }, - - // Get sequence of points using getPointAt( u ) - - getSpacedPoints: function (divisions) { - if (divisions === undefined) divisions = 5; - - var points = []; - - for (var d = 0; d <= divisions; d++) { - points.push(this.getPointAt(d / divisions)); - } - - return points; - }, + } - // Get total curve arc length + return { - getLength: function () { - var lengths = this.getLengths(); - return lengths[lengths.length - 1]; - }, + get: get, + remove: remove, + update: update - // Get list of cumulative segment lengths + }; - getLengths: function (divisions) { - if (divisions === undefined) divisions = this.arcLengthDivisions; + } - if ( - this.cacheArcLengths && - this.cacheArcLengths.length === divisions + 1 && - !this.needsUpdate - ) { - return this.cacheArcLengths; - } + /** + * @author mrdoob / http://mrdoob.com/ + * @author WestLangley / http://github.com/WestLangley + * @author bhouston / http://clara.io + */ - this.needsUpdate = false; + function Euler( x, y, z, order ) { - var cache = []; - var current, - last = this.getPoint(0); - var p, - sum = 0; + this._x = x || 0; + this._y = y || 0; + this._z = z || 0; + this._order = order || Euler.DefaultOrder; - cache.push(0); + } - for (p = 1; p <= divisions; p++) { - current = this.getPoint(p / divisions); - sum += current.distanceTo(last); - cache.push(sum); - last = current; - } + Euler.RotationOrders = [ 'XYZ', 'YZX', 'ZXY', 'XZY', 'YXZ', 'ZYX' ]; - this.cacheArcLengths = cache; + Euler.DefaultOrder = 'XYZ'; - return cache; // { sums: cache, sum: sum }; Sum is in the last element. - }, + Object.defineProperties( Euler.prototype, { - updateArcLengths: function () { - this.needsUpdate = true; - this.getLengths(); - }, + x: { - // Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equidistant + get: function () { - getUtoTmapping: function (u, distance) { - var arcLengths = this.getLengths(); + return this._x; - var i = 0, - il = arcLengths.length; + }, - var targetArcLength; // The targeted u distance value to get + set: function ( value ) { - if (distance) { - targetArcLength = distance; - } else { - targetArcLength = u * arcLengths[il - 1]; - } + this._x = value; + this.onChangeCallback(); - // binary search for the index with largest value smaller than target u distance + } - var low = 0, - high = il - 1, - comparison; + }, - while (low <= high) { - i = Math.floor(low + (high - low) / 2); // less likely to overflow, though probably not issue here, JS doesn't really have integers, all numbers are floats + y: { - comparison = arcLengths[i] - targetArcLength; + get: function () { - if (comparison < 0) { - low = i + 1; - } else if (comparison > 0) { - high = i - 1; - } else { - high = i; - break; + return this._y; - // DONE - } - } + }, - i = high; + set: function ( value ) { - if (arcLengths[i] === targetArcLength) { - return i / (il - 1); - } + this._y = value; + this.onChangeCallback(); - // we could get finer grain at lengths, or use simple interpolation between two points + } - var lengthBefore = arcLengths[i]; - var lengthAfter = arcLengths[i + 1]; + }, - var segmentLength = lengthAfter - lengthBefore; + z: { - // determine where we are between the 'before' and 'after' points + get: function () { - var segmentFraction = (targetArcLength - lengthBefore) / segmentLength; + return this._z; - // add that fractional amount to t + }, - var t = (i + segmentFraction) / (il - 1); + set: function ( value ) { - return t; - }, + this._z = value; + this.onChangeCallback(); - // Returns a unit vector tangent at t - // In case any sub curve does not implement its tangent derivation, - // 2 points a small delta apart will be used to find its gradient - // which seems to give a reasonable approximation + } - getTangent: function (t) { - var delta = 0.0001; - var t1 = t - delta; - var t2 = t + delta; + }, - // Capping in case of danger + order: { - if (t1 < 0) t1 = 0; - if (t2 > 1) t2 = 1; + get: function () { - var pt1 = this.getPoint(t1); - var pt2 = this.getPoint(t2); + return this._order; - var vec = pt2.clone().sub(pt1); - return vec.normalize(); - }, + }, - getTangentAt: function (u) { - var t = this.getUtoTmapping(u); - return this.getTangent(t); - }, + set: function ( value ) { - computeFrenetFrames: function (segments, closed) { - // see http://www.cs.indiana.edu/pub/techreports/TR425.pdf + this._order = value; + this.onChangeCallback(); - var normal = new Vector3(); + } - var tangents = []; - var normals = []; - var binormals = []; + } - var vec = new Vector3(); - var mat = new Matrix4(); + } ); - var i, u, theta; + Object.assign( Euler.prototype, { - // compute the tangent vectors for each segment on the curve + isEuler: true, - for (i = 0; i <= segments; i++) { - u = i / segments; + set: function ( x, y, z, order ) { - tangents[i] = this.getTangentAt(u); - tangents[i].normalize(); - } + this._x = x; + this._y = y; + this._z = z; + this._order = order || this._order; - // select an initial normal vector perpendicular to the first tangent vector, - // and in the direction of the minimum tangent xyz component + this.onChangeCallback(); - normals[0] = new Vector3(); - binormals[0] = new Vector3(); - var min = Number.MAX_VALUE; - var tx = Math.abs(tangents[0].x); - var ty = Math.abs(tangents[0].y); - var tz = Math.abs(tangents[0].z); + return this; - if (tx <= min) { - min = tx; - normal.set(1, 0, 0); - } + }, - if (ty <= min) { - min = ty; - normal.set(0, 1, 0); - } + clone: function () { - if (tz <= min) { - normal.set(0, 0, 1); - } + return new this.constructor( this._x, this._y, this._z, this._order ); - vec.crossVectors(tangents[0], normal).normalize(); + }, - normals[0].crossVectors(tangents[0], vec); - binormals[0].crossVectors(tangents[0], normals[0]); + copy: function ( euler ) { - // compute the slowly-varying normal and binormal vectors for each segment on the curve + this._x = euler._x; + this._y = euler._y; + this._z = euler._z; + this._order = euler._order; - for (i = 1; i <= segments; i++) { - normals[i] = normals[i - 1].clone(); + this.onChangeCallback(); - binormals[i] = binormals[i - 1].clone(); + return this; - vec.crossVectors(tangents[i - 1], tangents[i]); + }, - if (vec.length() > Number.EPSILON) { - vec.normalize(); + setFromRotationMatrix: function ( m, order, update ) { - theta = Math.acos( - _Math.clamp(tangents[i - 1].dot(tangents[i]), -1, 1) - ); // clamp for floating pt errors + var clamp = _Math.clamp; - normals[i].applyMatrix4(mat.makeRotationAxis(vec, theta)); - } + // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) - binormals[i].crossVectors(tangents[i], normals[i]); - } + var te = m.elements; + var m11 = te[ 0 ], m12 = te[ 4 ], m13 = te[ 8 ]; + var m21 = te[ 1 ], m22 = te[ 5 ], m23 = te[ 9 ]; + var m31 = te[ 2 ], m32 = te[ 6 ], m33 = te[ 10 ]; - // if the curve is closed, postprocess the vectors so the first and last normal vectors are the same + order = order || this._order; - if (closed === true) { - theta = Math.acos( - _Math.clamp(normals[0].dot(normals[segments]), -1, 1) - ); - theta /= segments; + if ( order === 'XYZ' ) { - if ( - tangents[0].dot(vec.crossVectors(normals[0], normals[segments])) > 0 - ) { - theta = -theta; - } + this._y = Math.asin( clamp( m13, - 1, 1 ) ); - for (i = 1; i <= segments; i++) { - // twist a little... - normals[i].applyMatrix4(mat.makeRotationAxis(tangents[i], theta * i)); - binormals[i].crossVectors(tangents[i], normals[i]); - } - } + if ( Math.abs( m13 ) < 0.99999 ) { - return { - tangents: tangents, - normals: normals, - binormals: binormals, - }; - }, + this._x = Math.atan2( - m23, m33 ); + this._z = Math.atan2( - m12, m11 ); - clone: function () { - return new this.constructor().copy(this); - }, + } else { - copy: function (source) { - this.arcLengthDivisions = source.arcLengthDivisions; + this._x = Math.atan2( m32, m22 ); + this._z = 0; - return this; - }, + } - toJSON: function () { - var data = { - metadata: { - version: 4.5, - type: "Curve", - generator: "Curve.toJSON", - }, - }; + } else if ( order === 'YXZ' ) { - data.arcLengthDivisions = this.arcLengthDivisions; - data.type = this.type; + this._x = Math.asin( - clamp( m23, - 1, 1 ) ); - return data; - }, + if ( Math.abs( m23 ) < 0.99999 ) { - fromJSON: function (json) { - this.arcLengthDivisions = json.arcLengthDivisions; + this._y = Math.atan2( m13, m33 ); + this._z = Math.atan2( m21, m22 ); - return this; - }, - }); + } else { - function EllipseCurve( - aX, - aY, - xRadius, - yRadius, - aStartAngle, - aEndAngle, - aClockwise, - aRotation - ) { - Curve.call(this); + this._y = Math.atan2( - m31, m11 ); + this._z = 0; - this.type = "EllipseCurve"; + } - this.aX = aX || 0; - this.aY = aY || 0; + } else if ( order === 'ZXY' ) { - this.xRadius = xRadius || 1; - this.yRadius = yRadius || 1; + this._x = Math.asin( clamp( m32, - 1, 1 ) ); - this.aStartAngle = aStartAngle || 0; - this.aEndAngle = aEndAngle || 2 * Math.PI; + if ( Math.abs( m32 ) < 0.99999 ) { - this.aClockwise = aClockwise || false; + this._y = Math.atan2( - m31, m33 ); + this._z = Math.atan2( - m12, m22 ); - this.aRotation = aRotation || 0; - } + } else { - EllipseCurve.prototype = Object.create(Curve.prototype); - EllipseCurve.prototype.constructor = EllipseCurve; + this._y = 0; + this._z = Math.atan2( m21, m11 ); - EllipseCurve.prototype.isEllipseCurve = true; + } - EllipseCurve.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector2(); + } else if ( order === 'ZYX' ) { - var twoPi = Math.PI * 2; - var deltaAngle = this.aEndAngle - this.aStartAngle; - var samePoints = Math.abs(deltaAngle) < Number.EPSILON; + this._y = Math.asin( - clamp( m31, - 1, 1 ) ); - // ensures that deltaAngle is 0 .. 2 PI - while (deltaAngle < 0) deltaAngle += twoPi; - while (deltaAngle > twoPi) deltaAngle -= twoPi; + if ( Math.abs( m31 ) < 0.99999 ) { - if (deltaAngle < Number.EPSILON) { - if (samePoints) { - deltaAngle = 0; - } else { - deltaAngle = twoPi; - } - } + this._x = Math.atan2( m32, m33 ); + this._z = Math.atan2( m21, m11 ); - if (this.aClockwise === true && !samePoints) { - if (deltaAngle === twoPi) { - deltaAngle = -twoPi; - } else { - deltaAngle = deltaAngle - twoPi; - } - } + } else { - var angle = this.aStartAngle + t * deltaAngle; - var x = this.aX + this.xRadius * Math.cos(angle); - var y = this.aY + this.yRadius * Math.sin(angle); + this._x = 0; + this._z = Math.atan2( - m12, m22 ); - if (this.aRotation !== 0) { - var cos = Math.cos(this.aRotation); - var sin = Math.sin(this.aRotation); + } - var tx = x - this.aX; - var ty = y - this.aY; + } else if ( order === 'YZX' ) { - // Rotate the point about the center of the ellipse. - x = tx * cos - ty * sin + this.aX; - y = tx * sin + ty * cos + this.aY; - } + this._z = Math.asin( clamp( m21, - 1, 1 ) ); - return point.set(x, y); - }; + if ( Math.abs( m21 ) < 0.99999 ) { - EllipseCurve.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); + this._x = Math.atan2( - m23, m22 ); + this._y = Math.atan2( - m31, m11 ); - this.aX = source.aX; - this.aY = source.aY; + } else { - this.xRadius = source.xRadius; - this.yRadius = source.yRadius; + this._x = 0; + this._y = Math.atan2( m13, m33 ); - this.aStartAngle = source.aStartAngle; - this.aEndAngle = source.aEndAngle; + } - this.aClockwise = source.aClockwise; + } else if ( order === 'XZY' ) { - this.aRotation = source.aRotation; + this._z = Math.asin( - clamp( m12, - 1, 1 ) ); - return this; - }; + if ( Math.abs( m12 ) < 0.99999 ) { - EllipseCurve.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); - - data.aX = this.aX; - data.aY = this.aY; + this._x = Math.atan2( m32, m22 ); + this._y = Math.atan2( m13, m11 ); - data.xRadius = this.xRadius; - data.yRadius = this.yRadius; + } else { - data.aStartAngle = this.aStartAngle; - data.aEndAngle = this.aEndAngle; + this._x = Math.atan2( - m23, m33 ); + this._y = 0; - data.aClockwise = this.aClockwise; + } - data.aRotation = this.aRotation; + } else { - return data; - }; + console.warn( 'THREE.Euler: .setFromRotationMatrix() given unsupported order: ' + order ); - EllipseCurve.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); + } - this.aX = json.aX; - this.aY = json.aY; + this._order = order; - this.xRadius = json.xRadius; - this.yRadius = json.yRadius; - - this.aStartAngle = json.aStartAngle; - this.aEndAngle = json.aEndAngle; - - this.aClockwise = json.aClockwise; - - this.aRotation = json.aRotation; - - return this; - }; - - function ArcCurve(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) { - EllipseCurve.call( - this, - aX, - aY, - aRadius, - aRadius, - aStartAngle, - aEndAngle, - aClockwise - ); - - this.type = "ArcCurve"; - } + if ( update !== false ) this.onChangeCallback(); - ArcCurve.prototype = Object.create(EllipseCurve.prototype); - ArcCurve.prototype.constructor = ArcCurve; + return this; - ArcCurve.prototype.isArcCurve = true; + }, - /** - * @author zz85 https://github.com/zz85 - * - * Centripetal CatmullRom Curve - which is useful for avoiding - * cusps and self-intersections in non-uniform catmull rom curves. - * http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf - * - * curve.type accepts centripetal(default), chordal and catmullrom - * curve.tension is used for catmullrom which defaults to 0.5 - */ + setFromQuaternion: function () { - /* - Based on an optimized c++ solution in - - http://stackoverflow.com/questions/9489736/catmull-rom-curve-with-no-cusps-and-no-self-intersections/ - - http://ideone.com/NoEbVM - - This CubicPoly class could be used for reusing some variables and calculations, - but for three.js curve use, it could be possible inlined and flatten into a single function call - which can be placed in CurveUtils. - */ + var matrix = new Matrix4(); - function CubicPoly() { - var c0 = 0, - c1 = 0, - c2 = 0, - c3 = 0; - - /* - * Compute coefficients for a cubic polynomial - * p(s) = c0 + c1*s + c2*s^2 + c3*s^3 - * such that - * p(0) = x0, p(1) = x1 - * and - * p'(0) = t0, p'(1) = t1. - */ - function init(x0, x1, t0, t1) { - c0 = x0; - c1 = t0; - c2 = -3 * x0 + 3 * x1 - 2 * t0 - t1; - c3 = 2 * x0 - 2 * x1 + t0 + t1; - } - - return { - initCatmullRom: function (x0, x1, x2, x3, tension) { - init(x1, x2, tension * (x2 - x0), tension * (x3 - x1)); - }, - - initNonuniformCatmullRom: function (x0, x1, x2, x3, dt0, dt1, dt2) { - // compute tangents when parameterized in [t1,t2] - var t1 = (x1 - x0) / dt0 - (x2 - x0) / (dt0 + dt1) + (x2 - x1) / dt1; - var t2 = (x2 - x1) / dt1 - (x3 - x1) / (dt1 + dt2) + (x3 - x2) / dt2; - - // rescale tangents for parametrization in [0,1] - t1 *= dt1; - t2 *= dt1; - - init(x1, x2, t1, t2); - }, - - calc: function (t) { - var t2 = t * t; - var t3 = t2 * t; - return c0 + c1 * t + c2 * t2 + c3 * t3; - }, - }; - } - - // - - var tmp = new Vector3(); - var px = new CubicPoly(); - var py = new CubicPoly(); - var pz = new CubicPoly(); - - function CatmullRomCurve3(points, closed, curveType, tension) { - Curve.call(this); - - this.type = "CatmullRomCurve3"; - - this.points = points || []; - this.closed = closed || false; - this.curveType = curveType || "centripetal"; - this.tension = tension || 0.5; - } - - CatmullRomCurve3.prototype = Object.create(Curve.prototype); - CatmullRomCurve3.prototype.constructor = CatmullRomCurve3; - - CatmullRomCurve3.prototype.isCatmullRomCurve3 = true; - - CatmullRomCurve3.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector3(); - - var points = this.points; - var l = points.length; - - var p = (l - (this.closed ? 0 : 1)) * t; - var intPoint = Math.floor(p); - var weight = p - intPoint; - - if (this.closed) { - intPoint += - intPoint > 0 ? 0 : (Math.floor(Math.abs(intPoint) / l) + 1) * l; - } else if (weight === 0 && intPoint === l - 1) { - intPoint = l - 2; - weight = 1; - } - - var p0, p1, p2, p3; // 4 points - - if (this.closed || intPoint > 0) { - p0 = points[(intPoint - 1) % l]; - } else { - // extrapolate first point - tmp.subVectors(points[0], points[1]).add(points[0]); - p0 = tmp; - } - - p1 = points[intPoint % l]; - p2 = points[(intPoint + 1) % l]; - - if (this.closed || intPoint + 2 < l) { - p3 = points[(intPoint + 2) % l]; - } else { - // extrapolate last point - tmp.subVectors(points[l - 1], points[l - 2]).add(points[l - 1]); - p3 = tmp; - } - - if (this.curveType === "centripetal" || this.curveType === "chordal") { - // init Centripetal / Chordal Catmull-Rom - var pow = this.curveType === "chordal" ? 0.5 : 0.25; - var dt0 = Math.pow(p0.distanceToSquared(p1), pow); - var dt1 = Math.pow(p1.distanceToSquared(p2), pow); - var dt2 = Math.pow(p2.distanceToSquared(p3), pow); - - // safety check for repeated points - if (dt1 < 1e-4) dt1 = 1.0; - if (dt0 < 1e-4) dt0 = dt1; - if (dt2 < 1e-4) dt2 = dt1; - - px.initNonuniformCatmullRom(p0.x, p1.x, p2.x, p3.x, dt0, dt1, dt2); - py.initNonuniformCatmullRom(p0.y, p1.y, p2.y, p3.y, dt0, dt1, dt2); - pz.initNonuniformCatmullRom(p0.z, p1.z, p2.z, p3.z, dt0, dt1, dt2); - } else if (this.curveType === "catmullrom") { - px.initCatmullRom(p0.x, p1.x, p2.x, p3.x, this.tension); - py.initCatmullRom(p0.y, p1.y, p2.y, p3.y, this.tension); - pz.initCatmullRom(p0.z, p1.z, p2.z, p3.z, this.tension); - } - - point.set(px.calc(weight), py.calc(weight), pz.calc(weight)); - - return point; - }; - - CatmullRomCurve3.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); - - this.points = []; - - for (var i = 0, l = source.points.length; i < l; i++) { - var point = source.points[i]; - - this.points.push(point.clone()); - } - - this.closed = source.closed; - this.curveType = source.curveType; - this.tension = source.tension; - - return this; - }; - - CatmullRomCurve3.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); - - data.points = []; - - for (var i = 0, l = this.points.length; i < l; i++) { - var point = this.points[i]; - data.points.push(point.toArray()); - } - - data.closed = this.closed; - data.curveType = this.curveType; - data.tension = this.tension; - - return data; - }; - - CatmullRomCurve3.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); - - this.points = []; - - for (var i = 0, l = json.points.length; i < l; i++) { - var point = json.points[i]; - this.points.push(new Vector3().fromArray(point)); - } - - this.closed = json.closed; - this.curveType = json.curveType; - this.tension = json.tension; - - return this; - }; - - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * - * Bezier Curves formulas obtained from - * http://en.wikipedia.org/wiki/Bézier_curve - */ - - function CatmullRom(t, p0, p1, p2, p3) { - var v0 = (p2 - p0) * 0.5; - var v1 = (p3 - p1) * 0.5; - var t2 = t * t; - var t3 = t * t2; - return ( - (2 * p1 - 2 * p2 + v0 + v1) * t3 + - (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + - v0 * t + - p1 - ); - } - - // - - function QuadraticBezierP0(t, p) { - var k = 1 - t; - return k * k * p; - } - - function QuadraticBezierP1(t, p) { - return 2 * (1 - t) * t * p; - } - - function QuadraticBezierP2(t, p) { - return t * t * p; - } - - function QuadraticBezier(t, p0, p1, p2) { - return ( - QuadraticBezierP0(t, p0) + - QuadraticBezierP1(t, p1) + - QuadraticBezierP2(t, p2) - ); - } + return function setFromQuaternion( q, order, update ) { - // + matrix.makeRotationFromQuaternion( q ); - function CubicBezierP0(t, p) { - var k = 1 - t; - return k * k * k * p; - } + return this.setFromRotationMatrix( matrix, order, update ); - function CubicBezierP1(t, p) { - var k = 1 - t; - return 3 * k * k * t * p; - } + }; - function CubicBezierP2(t, p) { - return 3 * (1 - t) * t * t * p; - } + }(), - function CubicBezierP3(t, p) { - return t * t * t * p; - } + setFromVector3: function ( v, order ) { - function CubicBezier(t, p0, p1, p2, p3) { - return ( - CubicBezierP0(t, p0) + - CubicBezierP1(t, p1) + - CubicBezierP2(t, p2) + - CubicBezierP3(t, p3) - ); - } - - function CubicBezierCurve(v0, v1, v2, v3) { - Curve.call(this); - - this.type = "CubicBezierCurve"; - - this.v0 = v0 || new Vector2(); - this.v1 = v1 || new Vector2(); - this.v2 = v2 || new Vector2(); - this.v3 = v3 || new Vector2(); - } - - CubicBezierCurve.prototype = Object.create(Curve.prototype); - CubicBezierCurve.prototype.constructor = CubicBezierCurve; - - CubicBezierCurve.prototype.isCubicBezierCurve = true; - - CubicBezierCurve.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector2(); - - var v0 = this.v0, - v1 = this.v1, - v2 = this.v2, - v3 = this.v3; - - point.set( - CubicBezier(t, v0.x, v1.x, v2.x, v3.x), - CubicBezier(t, v0.y, v1.y, v2.y, v3.y) - ); - - return point; - }; - - CubicBezierCurve.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); + return this.set( v.x, v.y, v.z, order || this._order ); - this.v0.copy(source.v0); - this.v1.copy(source.v1); - this.v2.copy(source.v2); - this.v3.copy(source.v3); + }, - return this; - }; + reorder: function () { - CubicBezierCurve.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); + // WARNING: this discards revolution information -bhouston - data.v0 = this.v0.toArray(); - data.v1 = this.v1.toArray(); - data.v2 = this.v2.toArray(); - data.v3 = this.v3.toArray(); + var q = new Quaternion(); - return data; - }; + return function reorder( newOrder ) { - CubicBezierCurve.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); + q.setFromEuler( this ); - this.v0.fromArray(json.v0); - this.v1.fromArray(json.v1); - this.v2.fromArray(json.v2); - this.v3.fromArray(json.v3); + return this.setFromQuaternion( q, newOrder ); - return this; - }; + }; - function CubicBezierCurve3(v0, v1, v2, v3) { - Curve.call(this); + }(), - this.type = "CubicBezierCurve3"; + equals: function ( euler ) { - this.v0 = v0 || new Vector3(); - this.v1 = v1 || new Vector3(); - this.v2 = v2 || new Vector3(); - this.v3 = v3 || new Vector3(); - } + return ( euler._x === this._x ) && ( euler._y === this._y ) && ( euler._z === this._z ) && ( euler._order === this._order ); - CubicBezierCurve3.prototype = Object.create(Curve.prototype); - CubicBezierCurve3.prototype.constructor = CubicBezierCurve3; + }, - CubicBezierCurve3.prototype.isCubicBezierCurve3 = true; + fromArray: function ( array ) { - CubicBezierCurve3.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector3(); + this._x = array[ 0 ]; + this._y = array[ 1 ]; + this._z = array[ 2 ]; + if ( array[ 3 ] !== undefined ) this._order = array[ 3 ]; - var v0 = this.v0, - v1 = this.v1, - v2 = this.v2, - v3 = this.v3; + this.onChangeCallback(); - point.set( - CubicBezier(t, v0.x, v1.x, v2.x, v3.x), - CubicBezier(t, v0.y, v1.y, v2.y, v3.y), - CubicBezier(t, v0.z, v1.z, v2.z, v3.z) - ); + return this; - return point; - }; + }, - CubicBezierCurve3.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); + toArray: function ( array, offset ) { - this.v0.copy(source.v0); - this.v1.copy(source.v1); - this.v2.copy(source.v2); - this.v3.copy(source.v3); + if ( array === undefined ) array = []; + if ( offset === undefined ) offset = 0; - return this; - }; + array[ offset ] = this._x; + array[ offset + 1 ] = this._y; + array[ offset + 2 ] = this._z; + array[ offset + 3 ] = this._order; - CubicBezierCurve3.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); + return array; - data.v0 = this.v0.toArray(); - data.v1 = this.v1.toArray(); - data.v2 = this.v2.toArray(); - data.v3 = this.v3.toArray(); + }, - return data; - }; + toVector3: function ( optionalResult ) { - CubicBezierCurve3.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); + if ( optionalResult ) { - this.v0.fromArray(json.v0); - this.v1.fromArray(json.v1); - this.v2.fromArray(json.v2); - this.v3.fromArray(json.v3); + return optionalResult.set( this._x, this._y, this._z ); - return this; - }; + } else { - function LineCurve(v1, v2) { - Curve.call(this); + return new Vector3( this._x, this._y, this._z ); - this.type = "LineCurve"; + } - this.v1 = v1 || new Vector2(); - this.v2 = v2 || new Vector2(); - } + }, - LineCurve.prototype = Object.create(Curve.prototype); - LineCurve.prototype.constructor = LineCurve; + onChange: function ( callback ) { - LineCurve.prototype.isLineCurve = true; + this.onChangeCallback = callback; - LineCurve.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector2(); + return this; - if (t === 1) { - point.copy(this.v2); - } else { - point.copy(this.v2).sub(this.v1); - point.multiplyScalar(t).add(this.v1); - } + }, - return point; - }; + onChangeCallback: function () {} - // Line curve is linear, so we can overwrite default getPointAt + } ); - LineCurve.prototype.getPointAt = function (u, optionalTarget) { - return this.getPoint(u, optionalTarget); - }; + /** + * @author mrdoob / http://mrdoob.com/ + */ - LineCurve.prototype.getTangent = function (/* t */) { - var tangent = this.v2.clone().sub(this.v1); + function Layers() { - return tangent.normalize(); - }; + this.mask = 1 | 0; - LineCurve.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); + } - this.v1.copy(source.v1); - this.v2.copy(source.v2); + Object.assign( Layers.prototype, { - return this; - }; + set: function ( channel ) { - LineCurve.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); + this.mask = 1 << channel | 0; - data.v1 = this.v1.toArray(); - data.v2 = this.v2.toArray(); + }, - return data; - }; + enable: function ( channel ) { - LineCurve.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); + this.mask |= 1 << channel | 0; - this.v1.fromArray(json.v1); - this.v2.fromArray(json.v2); + }, - return this; - }; + toggle: function ( channel ) { - function LineCurve3(v1, v2) { - Curve.call(this); + this.mask ^= 1 << channel | 0; - this.type = "LineCurve3"; + }, - this.v1 = v1 || new Vector3(); - this.v2 = v2 || new Vector3(); - } + disable: function ( channel ) { - LineCurve3.prototype = Object.create(Curve.prototype); - LineCurve3.prototype.constructor = LineCurve3; + this.mask &= ~ ( 1 << channel | 0 ); - LineCurve3.prototype.isLineCurve3 = true; + }, - LineCurve3.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector3(); + test: function ( layers ) { - if (t === 1) { - point.copy(this.v2); - } else { - point.copy(this.v2).sub(this.v1); - point.multiplyScalar(t).add(this.v1); - } + return ( this.mask & layers.mask ) !== 0; - return point; - }; + } - // Line curve is linear, so we can overwrite default getPointAt + } ); - LineCurve3.prototype.getPointAt = function (u, optionalTarget) { - return this.getPoint(u, optionalTarget); - }; + /** + * @author mrdoob / http://mrdoob.com/ + * @author mikael emtinger / http://gomo.se/ + * @author alteredq / http://alteredqualia.com/ + * @author WestLangley / http://github.com/WestLangley + * @author elephantatwork / www.elephantatwork.ch + */ - LineCurve3.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); + var object3DId = 0; - this.v1.copy(source.v1); - this.v2.copy(source.v2); + function Object3D() { - return this; - }; + Object.defineProperty( this, 'id', { value: object3DId ++ } ); - LineCurve3.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); + this.uuid = _Math.generateUUID(); - data.v1 = this.v1.toArray(); - data.v2 = this.v2.toArray(); + this.name = ''; + this.type = 'Object3D'; - return data; - }; + this.parent = null; + this.children = []; - LineCurve3.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); + this.up = Object3D.DefaultUp.clone(); - this.v1.fromArray(json.v1); - this.v2.fromArray(json.v2); + var position = new Vector3(); + var rotation = new Euler(); + var quaternion = new Quaternion(); + var scale = new Vector3( 1, 1, 1 ); - return this; - }; + function onRotationChange() { - function QuadraticBezierCurve(v0, v1, v2) { - Curve.call(this); + quaternion.setFromEuler( rotation, false ); - this.type = "QuadraticBezierCurve"; + } - this.v0 = v0 || new Vector2(); - this.v1 = v1 || new Vector2(); - this.v2 = v2 || new Vector2(); - } + function onQuaternionChange() { - QuadraticBezierCurve.prototype = Object.create(Curve.prototype); - QuadraticBezierCurve.prototype.constructor = QuadraticBezierCurve; + rotation.setFromQuaternion( quaternion, undefined, false ); - QuadraticBezierCurve.prototype.isQuadraticBezierCurve = true; + } - QuadraticBezierCurve.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector2(); + rotation.onChange( onRotationChange ); + quaternion.onChange( onQuaternionChange ); - var v0 = this.v0, - v1 = this.v1, - v2 = this.v2; + Object.defineProperties( this, { + position: { + enumerable: true, + value: position + }, + rotation: { + enumerable: true, + value: rotation + }, + quaternion: { + enumerable: true, + value: quaternion + }, + scale: { + enumerable: true, + value: scale + }, + modelViewMatrix: { + value: new Matrix4() + }, + normalMatrix: { + value: new Matrix3() + } + } ); - point.set( - QuadraticBezier(t, v0.x, v1.x, v2.x), - QuadraticBezier(t, v0.y, v1.y, v2.y) - ); + this.matrix = new Matrix4(); + this.matrixWorld = new Matrix4(); - return point; - }; + this.matrixAutoUpdate = Object3D.DefaultMatrixAutoUpdate; + this.matrixWorldNeedsUpdate = false; - QuadraticBezierCurve.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); + this.layers = new Layers(); + this.visible = true; - this.v0.copy(source.v0); - this.v1.copy(source.v1); - this.v2.copy(source.v2); + this.castShadow = false; + this.receiveShadow = false; - return this; - }; + this.frustumCulled = true; + this.renderOrder = 0; - QuadraticBezierCurve.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); + this.userData = {}; - data.v0 = this.v0.toArray(); - data.v1 = this.v1.toArray(); - data.v2 = this.v2.toArray(); + } - return data; - }; + Object3D.DefaultUp = new Vector3( 0, 1, 0 ); + Object3D.DefaultMatrixAutoUpdate = true; - QuadraticBezierCurve.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); + Object3D.prototype = Object.assign( Object.create( EventDispatcher.prototype ), { - this.v0.fromArray(json.v0); - this.v1.fromArray(json.v1); - this.v2.fromArray(json.v2); + constructor: Object3D, - return this; - }; + isObject3D: true, - function QuadraticBezierCurve3(v0, v1, v2) { - Curve.call(this); + onBeforeRender: function () {}, + onAfterRender: function () {}, - this.type = "QuadraticBezierCurve3"; + applyMatrix: function ( matrix ) { - this.v0 = v0 || new Vector3(); - this.v1 = v1 || new Vector3(); - this.v2 = v2 || new Vector3(); - } + this.matrix.multiplyMatrices( matrix, this.matrix ); - QuadraticBezierCurve3.prototype = Object.create(Curve.prototype); - QuadraticBezierCurve3.prototype.constructor = QuadraticBezierCurve3; + this.matrix.decompose( this.position, this.quaternion, this.scale ); - QuadraticBezierCurve3.prototype.isQuadraticBezierCurve3 = true; + }, - QuadraticBezierCurve3.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector3(); + applyQuaternion: function ( q ) { - var v0 = this.v0, - v1 = this.v1, - v2 = this.v2; + this.quaternion.premultiply( q ); - point.set( - QuadraticBezier(t, v0.x, v1.x, v2.x), - QuadraticBezier(t, v0.y, v1.y, v2.y), - QuadraticBezier(t, v0.z, v1.z, v2.z) - ); + return this; - return point; - }; + }, - QuadraticBezierCurve3.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); + setRotationFromAxisAngle: function ( axis, angle ) { - this.v0.copy(source.v0); - this.v1.copy(source.v1); - this.v2.copy(source.v2); + // assumes axis is normalized - return this; - }; + this.quaternion.setFromAxisAngle( axis, angle ); - QuadraticBezierCurve3.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); + }, - data.v0 = this.v0.toArray(); - data.v1 = this.v1.toArray(); - data.v2 = this.v2.toArray(); + setRotationFromEuler: function ( euler ) { - return data; - }; + this.quaternion.setFromEuler( euler, true ); - QuadraticBezierCurve3.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); + }, - this.v0.fromArray(json.v0); - this.v1.fromArray(json.v1); - this.v2.fromArray(json.v2); + setRotationFromMatrix: function ( m ) { - return this; - }; + // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) - function SplineCurve(points /* array of Vector2 */) { - Curve.call(this); + this.quaternion.setFromRotationMatrix( m ); - this.type = "SplineCurve"; + }, - this.points = points || []; - } + setRotationFromQuaternion: function ( q ) { - SplineCurve.prototype = Object.create(Curve.prototype); - SplineCurve.prototype.constructor = SplineCurve; + // assumes q is normalized - SplineCurve.prototype.isSplineCurve = true; + this.quaternion.copy( q ); - SplineCurve.prototype.getPoint = function (t, optionalTarget) { - var point = optionalTarget || new Vector2(); + }, - var points = this.points; - var p = (points.length - 1) * t; + rotateOnAxis: function () { - var intPoint = Math.floor(p); - var weight = p - intPoint; + // rotate object on axis in object space + // axis is assumed to be normalized - var p0 = points[intPoint === 0 ? intPoint : intPoint - 1]; - var p1 = points[intPoint]; - var p2 = - points[intPoint > points.length - 2 ? points.length - 1 : intPoint + 1]; - var p3 = - points[intPoint > points.length - 3 ? points.length - 1 : intPoint + 2]; + var q1 = new Quaternion(); - point.set( - CatmullRom(weight, p0.x, p1.x, p2.x, p3.x), - CatmullRom(weight, p0.y, p1.y, p2.y, p3.y) - ); + return function rotateOnAxis( axis, angle ) { - return point; - }; + q1.setFromAxisAngle( axis, angle ); - SplineCurve.prototype.copy = function (source) { - Curve.prototype.copy.call(this, source); + this.quaternion.multiply( q1 ); - this.points = []; + return this; - for (var i = 0, l = source.points.length; i < l; i++) { - var point = source.points[i]; + }; - this.points.push(point.clone()); - } + }(), - return this; - }; + rotateOnWorldAxis: function () { - SplineCurve.prototype.toJSON = function () { - var data = Curve.prototype.toJSON.call(this); + // rotate object on axis in world space + // axis is assumed to be normalized + // method assumes no rotated parent - data.points = []; + var q1 = new Quaternion(); - for (var i = 0, l = this.points.length; i < l; i++) { - var point = this.points[i]; - data.points.push(point.toArray()); - } + return function rotateOnWorldAxis( axis, angle ) { - return data; - }; + q1.setFromAxisAngle( axis, angle ); - SplineCurve.prototype.fromJSON = function (json) { - Curve.prototype.fromJSON.call(this, json); + this.quaternion.premultiply( q1 ); - this.points = []; + return this; - for (var i = 0, l = json.points.length; i < l; i++) { - var point = json.points[i]; - this.points.push(new Vector2().fromArray(point)); - } + }; - return this; - }; + }(), - var Curves = Object.freeze({ - ArcCurve: ArcCurve, - CatmullRomCurve3: CatmullRomCurve3, - CubicBezierCurve: CubicBezierCurve, - CubicBezierCurve3: CubicBezierCurve3, - EllipseCurve: EllipseCurve, - LineCurve: LineCurve, - LineCurve3: LineCurve3, - QuadraticBezierCurve: QuadraticBezierCurve, - QuadraticBezierCurve3: QuadraticBezierCurve3, - SplineCurve: SplineCurve, - }); + rotateX: function () { - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * - **/ + var v1 = new Vector3( 1, 0, 0 ); - /************************************************************** - * Curved Path - a curve path is simply a array of connected - * curves, but retains the api of a curve - **************************************************************/ + return function rotateX( angle ) { - function CurvePath() { - Curve.call(this); + return this.rotateOnAxis( v1, angle ); - this.type = "CurvePath"; + }; - this.curves = []; - this.autoClose = false; // Automatically closes the path - } + }(), - CurvePath.prototype = Object.assign(Object.create(Curve.prototype), { - constructor: CurvePath, + rotateY: function () { - add: function (curve) { - this.curves.push(curve); - }, + var v1 = new Vector3( 0, 1, 0 ); - closePath: function () { - // Add a line curve if start and end of lines are not connected - var startPoint = this.curves[0].getPoint(0); - var endPoint = this.curves[this.curves.length - 1].getPoint(1); + return function rotateY( angle ) { - if (!startPoint.equals(endPoint)) { - this.curves.push(new LineCurve(endPoint, startPoint)); - } - }, + return this.rotateOnAxis( v1, angle ); - // To get accurate point with reference to - // entire path distance at time t, - // following has to be done: + }; - // 1. Length of each sub path have to be known - // 2. Locate and identify type of curve - // 3. Get t for the curve - // 4. Return curve.getPointAt(t') + }(), - getPoint: function (t) { - var d = t * this.getLength(); - var curveLengths = this.getCurveLengths(); - var i = 0; + rotateZ: function () { - // To think about boundaries points. + var v1 = new Vector3( 0, 0, 1 ); - while (i < curveLengths.length) { - if (curveLengths[i] >= d) { - var diff = curveLengths[i] - d; - var curve = this.curves[i]; + return function rotateZ( angle ) { - var segmentLength = curve.getLength(); - var u = segmentLength === 0 ? 0 : 1 - diff / segmentLength; + return this.rotateOnAxis( v1, angle ); - return curve.getPointAt(u); - } + }; - i++; - } + }(), - return null; - - // loop where sum != 0, sum > d , sum+1 1 && - !points[points.length - 1].equals(points[0]) - ) { - points.push(points[0]); - } + return this.translateOnAxis( v1, distance ); - return points; - }, + }; - copy: function (source) { - Curve.prototype.copy.call(this, source); + }(), - this.curves = []; + localToWorld: function ( vector ) { - for (var i = 0, l = source.curves.length; i < l; i++) { - var curve = source.curves[i]; + return vector.applyMatrix4( this.matrixWorld ); - this.curves.push(curve.clone()); - } + }, - this.autoClose = source.autoClose; + worldToLocal: function () { - return this; - }, + var m1 = new Matrix4(); - toJSON: function () { - var data = Curve.prototype.toJSON.call(this); + return function worldToLocal( vector ) { - data.autoClose = this.autoClose; - data.curves = []; + return vector.applyMatrix4( m1.getInverse( this.matrixWorld ) ); - for (var i = 0, l = this.curves.length; i < l; i++) { - var curve = this.curves[i]; - data.curves.push(curve.toJSON()); - } + }; - return data; - }, + }(), - fromJSON: function (json) { - Curve.prototype.fromJSON.call(this, json); + lookAt: function () { - this.autoClose = json.autoClose; - this.curves = []; + // This method does not support objects with rotated and/or translated parent(s) - for (var i = 0, l = json.curves.length; i < l; i++) { - var curve = json.curves[i]; - this.curves.push(new Curves[curve.type]().fromJSON(curve)); - } + var m1 = new Matrix4(); + var vector = new Vector3(); - return this; - }, - }); + return function lookAt( x, y, z ) { - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * Creates free form 2d path using series of points, lines or curves. - **/ - - function Path(points) { - CurvePath.call(this); - - this.type = "Path"; - - this.currentPoint = new Vector2(); - - if (points) { - this.setFromPoints(points); - } - } - - Path.prototype = Object.assign(Object.create(CurvePath.prototype), { - constructor: Path, - - setFromPoints: function (points) { - this.moveTo(points[0].x, points[0].y); - - for (var i = 1, l = points.length; i < l; i++) { - this.lineTo(points[i].x, points[i].y); - } - }, - - moveTo: function (x, y) { - this.currentPoint.set(x, y); // TODO consider referencing vectors instead of copying? - }, - - lineTo: function (x, y) { - var curve = new LineCurve(this.currentPoint.clone(), new Vector2(x, y)); - this.curves.push(curve); - - this.currentPoint.set(x, y); - }, - - quadraticCurveTo: function (aCPx, aCPy, aX, aY) { - var curve = new QuadraticBezierCurve( - this.currentPoint.clone(), - new Vector2(aCPx, aCPy), - new Vector2(aX, aY) - ); - - this.curves.push(curve); - - this.currentPoint.set(aX, aY); - }, - - bezierCurveTo: function (aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) { - var curve = new CubicBezierCurve( - this.currentPoint.clone(), - new Vector2(aCP1x, aCP1y), - new Vector2(aCP2x, aCP2y), - new Vector2(aX, aY) - ); - - this.curves.push(curve); - - this.currentPoint.set(aX, aY); - }, - - splineThru: function (pts /*Array of Vector*/) { - var npts = [this.currentPoint.clone()].concat(pts); - - var curve = new SplineCurve(npts); - this.curves.push(curve); - - this.currentPoint.copy(pts[pts.length - 1]); - }, - - arc: function (aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) { - var x0 = this.currentPoint.x; - var y0 = this.currentPoint.y; - - this.absarc( - aX + x0, - aY + y0, - aRadius, - aStartAngle, - aEndAngle, - aClockwise - ); - }, - - absarc: function (aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) { - this.absellipse( - aX, - aY, - aRadius, - aRadius, - aStartAngle, - aEndAngle, - aClockwise - ); - }, - - ellipse: function ( - aX, - aY, - xRadius, - yRadius, - aStartAngle, - aEndAngle, - aClockwise, - aRotation - ) { - var x0 = this.currentPoint.x; - var y0 = this.currentPoint.y; - - this.absellipse( - aX + x0, - aY + y0, - xRadius, - yRadius, - aStartAngle, - aEndAngle, - aClockwise, - aRotation - ); - }, - - absellipse: function ( - aX, - aY, - xRadius, - yRadius, - aStartAngle, - aEndAngle, - aClockwise, - aRotation - ) { - var curve = new EllipseCurve( - aX, - aY, - xRadius, - yRadius, - aStartAngle, - aEndAngle, - aClockwise, - aRotation - ); - - if (this.curves.length > 0) { - // if a previous curve is present, attempt to join - var firstPoint = curve.getPoint(0); - - if (!firstPoint.equals(this.currentPoint)) { - this.lineTo(firstPoint.x, firstPoint.y); - } - } - - this.curves.push(curve); - - var lastPoint = curve.getPoint(1); - this.currentPoint.copy(lastPoint); - }, - - copy: function (source) { - CurvePath.prototype.copy.call(this, source); - - this.currentPoint.copy(source.currentPoint); - - return this; - }, - - toJSON: function () { - var data = CurvePath.prototype.toJSON.call(this); - - data.currentPoint = this.currentPoint.toArray(); - - return data; - }, - - fromJSON: function (json) { - CurvePath.prototype.fromJSON.call(this, json); - - this.currentPoint.fromArray(json.currentPoint); - - return this; - }, - }); - - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * Defines a 2d shape plane using paths. - **/ - - // STEP 1 Create a path. - // STEP 2 Turn path into shape. - // STEP 3 ExtrudeGeometry takes in Shape/Shapes - // STEP 3a - Extract points from each shape, turn to vertices - // STEP 3b - Triangulate each shape, add faces. + if ( x.isVector3 ) { - function Shape(points) { - Path.call(this, points); + vector.copy( x ); - this.uuid = _Math.generateUUID(); + } else { - this.type = "Shape"; + vector.set( x, y, z ); - this.holes = []; - } + } - Shape.prototype = Object.assign(Object.create(Path.prototype), { - constructor: Shape, + if ( this.isCamera ) { - getPointsHoles: function (divisions) { - var holesPts = []; + m1.lookAt( this.position, vector, this.up ); - for (var i = 0, l = this.holes.length; i < l; i++) { - holesPts[i] = this.holes[i].getPoints(divisions); - } + } else { - return holesPts; - }, + m1.lookAt( vector, this.position, this.up ); - // get points of shape and holes (keypoints based on segments parameter) + } - extractPoints: function (divisions) { - return { - shape: this.getPoints(divisions), - holes: this.getPointsHoles(divisions), - }; - }, + this.quaternion.setFromRotationMatrix( m1 ); - copy: function (source) { - Path.prototype.copy.call(this, source); + }; - this.holes = []; + }(), - for (var i = 0, l = source.holes.length; i < l; i++) { - var hole = source.holes[i]; + add: function ( object ) { - this.holes.push(hole.clone()); - } + if ( arguments.length > 1 ) { - return this; - }, + for ( var i = 0; i < arguments.length; i ++ ) { - toJSON: function () { - var data = Path.prototype.toJSON.call(this); + this.add( arguments[ i ] ); - data.uuid = this.uuid; - data.holes = []; + } - for (var i = 0, l = this.holes.length; i < l; i++) { - var hole = this.holes[i]; - data.holes.push(hole.toJSON()); - } + return this; - return data; - }, + } - fromJSON: function (json) { - Path.prototype.fromJSON.call(this, json); + if ( object === this ) { - this.uuid = json.uuid; - this.holes = []; + console.error( "THREE.Object3D.add: object can't be added as a child of itself.", object ); + return this; - for (var i = 0, l = json.holes.length; i < l; i++) { - var hole = json.holes[i]; - this.holes.push(new Path().fromJSON(hole)); - } + } - return this; - }, - }); + if ( ( object && object.isObject3D ) ) { - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - */ + if ( object.parent !== null ) { - function Light(color, intensity) { - Object3D.call(this); + object.parent.remove( object ); - this.type = "Light"; + } - this.color = new Color(color); - this.intensity = intensity !== undefined ? intensity : 1; + object.parent = this; + object.dispatchEvent( { type: 'added' } ); - this.receiveShadow = undefined; - } + this.children.push( object ); - Light.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Light, + } else { - isLight: true, + console.error( "THREE.Object3D.add: object not an instance of THREE.Object3D.", object ); - copy: function (source) { - Object3D.prototype.copy.call(this, source); + } - this.color.copy(source.color); - this.intensity = source.intensity; + return this; - return this; - }, + }, - toJSON: function (meta) { - var data = Object3D.prototype.toJSON.call(this, meta); + remove: function ( object ) { - data.object.color = this.color.getHex(); - data.object.intensity = this.intensity; + if ( arguments.length > 1 ) { - if (this.groundColor !== undefined) - data.object.groundColor = this.groundColor.getHex(); + for ( var i = 0; i < arguments.length; i ++ ) { - if (this.distance !== undefined) data.object.distance = this.distance; - if (this.angle !== undefined) data.object.angle = this.angle; - if (this.decay !== undefined) data.object.decay = this.decay; - if (this.penumbra !== undefined) data.object.penumbra = this.penumbra; + this.remove( arguments[ i ] ); - if (this.shadow !== undefined) data.object.shadow = this.shadow.toJSON(); + } - return data; - }, - }); + return this; - /** - * @author alteredq / http://alteredqualia.com/ - */ + } - function HemisphereLight(skyColor, groundColor, intensity) { - Light.call(this, skyColor, intensity); + var index = this.children.indexOf( object ); - this.type = "HemisphereLight"; + if ( index !== - 1 ) { - this.castShadow = undefined; + object.parent = null; - this.position.copy(Object3D.DefaultUp); - this.updateMatrix(); + object.dispatchEvent( { type: 'removed' } ); - this.groundColor = new Color(groundColor); - } + this.children.splice( index, 1 ); - HemisphereLight.prototype = Object.assign(Object.create(Light.prototype), { - constructor: HemisphereLight, + } - isHemisphereLight: true, + return this; - copy: function (source) { - Light.prototype.copy.call(this, source); + }, - this.groundColor.copy(source.groundColor); + getObjectById: function ( id ) { - return this; - }, - }); + return this.getObjectByProperty( 'id', id ); - /** - * @author mrdoob / http://mrdoob.com/ - */ + }, - function LightShadow(camera) { - this.camera = camera; + getObjectByName: function ( name ) { - this.bias = 0; - this.radius = 1; + return this.getObjectByProperty( 'name', name ); - this.mapSize = new Vector2(512, 512); + }, - this.map = null; - this.matrix = new Matrix4(); - } + getObjectByProperty: function ( name, value ) { - Object.assign(LightShadow.prototype, { - copy: function (source) { - this.camera = source.camera.clone(); + if ( this[ name ] === value ) return this; - this.bias = source.bias; - this.radius = source.radius; + for ( var i = 0, l = this.children.length; i < l; i ++ ) { - this.mapSize.copy(source.mapSize); + var child = this.children[ i ]; + var object = child.getObjectByProperty( name, value ); - return this; - }, + if ( object !== undefined ) { - clone: function () { - return new this.constructor().copy(this); - }, + return object; - toJSON: function () { - var object = {}; + } - if (this.bias !== 0) object.bias = this.bias; - if (this.radius !== 1) object.radius = this.radius; - if (this.mapSize.x !== 512 || this.mapSize.y !== 512) - object.mapSize = this.mapSize.toArray(); + } - object.camera = this.camera.toJSON(false).object; - delete object.camera.matrix; + return undefined; - return object; - }, - }); + }, - /** - * @author mrdoob / http://mrdoob.com/ - */ + getWorldPosition: function ( target ) { - function SpotLightShadow() { - LightShadow.call(this, new PerspectiveCamera(50, 1, 0.5, 500)); - } + if ( target === undefined ) { - SpotLightShadow.prototype = Object.assign( - Object.create(LightShadow.prototype), - { - constructor: SpotLightShadow, + console.warn( 'THREE.Object3D: .getWorldPosition() target is now required' ); + target = new Vector3(); - isSpotLightShadow: true, + } - update: function (light) { - var camera = this.camera; + this.updateMatrixWorld( true ); - var fov = _Math.RAD2DEG * 2 * light.angle; - var aspect = this.mapSize.width / this.mapSize.height; - var far = light.distance || camera.far; + return target.setFromMatrixPosition( this.matrixWorld ); - if ( - fov !== camera.fov || - aspect !== camera.aspect || - far !== camera.far - ) { - camera.fov = fov; - camera.aspect = aspect; - camera.far = far; - camera.updateProjectionMatrix(); - } - }, - } - ); + }, - /** - * @author alteredq / http://alteredqualia.com/ - */ + getWorldQuaternion: function () { - function SpotLight(color, intensity, distance, angle, penumbra, decay) { - Light.call(this, color, intensity); + var position = new Vector3(); + var scale = new Vector3(); - this.type = "SpotLight"; + return function getWorldQuaternion( target ) { - this.position.copy(Object3D.DefaultUp); - this.updateMatrix(); + if ( target === undefined ) { - this.target = new Object3D(); + console.warn( 'THREE.Object3D: .getWorldQuaternion() target is now required' ); + target = new Quaternion(); - Object.defineProperty(this, "power", { - get: function () { - // intensity = power per solid angle. - // ref: equation (17) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf - return this.intensity * Math.PI; - }, - set: function (power) { - // intensity = power per solid angle. - // ref: equation (17) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf - this.intensity = power / Math.PI; - }, - }); + } - this.distance = distance !== undefined ? distance : 0; - this.angle = angle !== undefined ? angle : Math.PI / 3; - this.penumbra = penumbra !== undefined ? penumbra : 0; - this.decay = decay !== undefined ? decay : 1; // for physically correct lights, should be 2. + this.updateMatrixWorld( true ); - this.shadow = new SpotLightShadow(); - } + this.matrixWorld.decompose( position, target, scale ); - SpotLight.prototype = Object.assign(Object.create(Light.prototype), { - constructor: SpotLight, + return target; - isSpotLight: true, + }; - copy: function (source) { - Light.prototype.copy.call(this, source); + }(), - this.distance = source.distance; - this.angle = source.angle; - this.penumbra = source.penumbra; - this.decay = source.decay; + getWorldScale: function () { - this.target = source.target.clone(); + var position = new Vector3(); + var quaternion = new Quaternion(); - this.shadow = source.shadow.clone(); + return function getWorldScale( target ) { - return this; - }, - }); + if ( target === undefined ) { - /** - * @author mrdoob / http://mrdoob.com/ - */ + console.warn( 'THREE.Object3D: .getWorldScale() target is now required' ); + target = new Vector3(); - function PointLight(color, intensity, distance, decay) { - Light.call(this, color, intensity); + } - this.type = "PointLight"; + this.updateMatrixWorld( true ); - Object.defineProperty(this, "power", { - get: function () { - // intensity = power per solid angle. - // ref: equation (15) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf - return this.intensity * 4 * Math.PI; - }, - set: function (power) { - // intensity = power per solid angle. - // ref: equation (15) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf - this.intensity = power / (4 * Math.PI); - }, - }); + this.matrixWorld.decompose( position, quaternion, target ); - this.distance = distance !== undefined ? distance : 0; - this.decay = decay !== undefined ? decay : 1; // for physically correct lights, should be 2. + return target; - this.shadow = new LightShadow(new PerspectiveCamera(90, 1, 0.5, 500)); - } + }; - PointLight.prototype = Object.assign(Object.create(Light.prototype), { - constructor: PointLight, + }(), - isPointLight: true, + getWorldDirection: function () { - copy: function (source) { - Light.prototype.copy.call(this, source); + var quaternion = new Quaternion(); - this.distance = source.distance; - this.decay = source.decay; + return function getWorldDirection( target ) { - this.shadow = source.shadow.clone(); + if ( target === undefined ) { - return this; - }, - }); + console.warn( 'THREE.Object3D: .getWorldDirection() target is now required' ); + target = new Vector3(); - /** - * @author mrdoob / http://mrdoob.com/ - */ + } - function DirectionalLightShadow() { - LightShadow.call(this, new OrthographicCamera(-5, 5, 5, -5, 0.5, 500)); - } + this.getWorldQuaternion( quaternion ); - DirectionalLightShadow.prototype = Object.assign( - Object.create(LightShadow.prototype), - { - constructor: DirectionalLightShadow, - } - ); + return target.set( 0, 0, 1 ).applyQuaternion( quaternion ); - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - */ + }; - function DirectionalLight(color, intensity) { - Light.call(this, color, intensity); + }(), - this.type = "DirectionalLight"; + raycast: function () {}, - this.position.copy(Object3D.DefaultUp); - this.updateMatrix(); + traverse: function ( callback ) { - this.target = new Object3D(); + callback( this ); - this.shadow = new DirectionalLightShadow(); - } + var children = this.children; - DirectionalLight.prototype = Object.assign(Object.create(Light.prototype), { - constructor: DirectionalLight, + for ( var i = 0, l = children.length; i < l; i ++ ) { - isDirectionalLight: true, + children[ i ].traverse( callback ); - copy: function (source) { - Light.prototype.copy.call(this, source); + } - this.target = source.target.clone(); + }, - this.shadow = source.shadow.clone(); + traverseVisible: function ( callback ) { - return this; - }, - }); + if ( this.visible === false ) return; - /** - * @author mrdoob / http://mrdoob.com/ - */ + callback( this ); - function AmbientLight(color, intensity) { - Light.call(this, color, intensity); + var children = this.children; - this.type = "AmbientLight"; + for ( var i = 0, l = children.length; i < l; i ++ ) { - this.castShadow = undefined; - } + children[ i ].traverseVisible( callback ); - AmbientLight.prototype = Object.assign(Object.create(Light.prototype), { - constructor: AmbientLight, + } - isAmbientLight: true, - }); + }, - /** - * @author abelnation / http://github.com/abelnation - */ + traverseAncestors: function ( callback ) { - function RectAreaLight(color, intensity, width, height) { - Light.call(this, color, intensity); + var parent = this.parent; - this.type = "RectAreaLight"; + if ( parent !== null ) { - this.width = width !== undefined ? width : 10; - this.height = height !== undefined ? height : 10; - } + callback( parent ); - RectAreaLight.prototype = Object.assign(Object.create(Light.prototype), { - constructor: RectAreaLight, + parent.traverseAncestors( callback ); - isRectAreaLight: true, + } - copy: function (source) { - Light.prototype.copy.call(this, source); + }, - this.width = source.width; - this.height = source.height; + updateMatrix: function () { - return this; - }, + this.matrix.compose( this.position, this.quaternion, this.scale ); - toJSON: function (meta) { - var data = Light.prototype.toJSON.call(this, meta); - - data.object.width = this.width; - data.object.height = this.height; + this.matrixWorldNeedsUpdate = true; - return data; - }, - }); - - /** - * - * A Track that interpolates Strings - * - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function StringKeyframeTrack(name, times, values, interpolation) { - KeyframeTrack.call(this, name, times, values, interpolation); - } - - StringKeyframeTrack.prototype = Object.assign( - Object.create(KeyframeTrack.prototype), - { - constructor: StringKeyframeTrack, - - ValueTypeName: "string", - ValueBufferType: Array, - - DefaultInterpolation: InterpolateDiscrete, - - InterpolantFactoryMethodLinear: undefined, - - InterpolantFactoryMethodSmooth: undefined, - } - ); - - /** - * - * A Track of Boolean keyframe values. - * - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function BooleanKeyframeTrack(name, times, values) { - KeyframeTrack.call(this, name, times, values); - } - - BooleanKeyframeTrack.prototype = Object.assign( - Object.create(KeyframeTrack.prototype), - { - constructor: BooleanKeyframeTrack, - - ValueTypeName: "bool", - ValueBufferType: Array, - - DefaultInterpolation: InterpolateDiscrete, - - InterpolantFactoryMethodLinear: undefined, - InterpolantFactoryMethodSmooth: undefined, - - // Note: Actually this track could have a optimized / compressed - // representation of a single value and a custom interpolant that - // computes "firstValue ^ isOdd( index )". - } - ); - - /** - * Abstract base class of interpolants over parametric samples. - * - * The parameter domain is one dimensional, typically the time or a path - * along a curve defined by the data. - * - * The sample values can have any dimensionality and derived classes may - * apply special interpretations to the data. - * - * This class provides the interval seek in a Template Method, deferring - * the actual interpolation to derived classes. - * - * Time complexity is O(1) for linear access crossing at most two points - * and O(log N) for random access, where N is the number of positions. - * - * References: - * - * http://www.oodesign.com/template-method-pattern.html - * - * @author tschw - */ - - function Interpolant( - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ) { - this.parameterPositions = parameterPositions; - this._cachedIndex = 0; - - this.resultBuffer = - resultBuffer !== undefined - ? resultBuffer - : new sampleValues.constructor(sampleSize); - this.sampleValues = sampleValues; - this.valueSize = sampleSize; - } - - Object.assign(Interpolant.prototype, { - evaluate: function (t) { - var pp = this.parameterPositions, - i1 = this._cachedIndex, - t1 = pp[i1], - t0 = pp[i1 - 1]; - - validate_interval: { - seek: { - var right; - - linear_scan: { - //- See http://jsperf.com/comparison-to-undefined/3 - //- slower code: - //- - //- if ( t >= t1 || t1 === undefined ) { - forward_scan: if (!(t < t1)) { - for (var giveUpAt = i1 + 2; ; ) { - if (t1 === undefined) { - if (t < t0) break forward_scan; - - // after end - - i1 = pp.length; - this._cachedIndex = i1; - return this.afterEnd_(i1 - 1, t, t0); - } - - if (i1 === giveUpAt) break; // this loop - - t0 = t1; - t1 = pp[++i1]; - - if (t < t1) { - // we have arrived at the sought interval - break seek; - } - } - - // prepare binary search on the right side of the index - right = pp.length; - break linear_scan; - } - - //- slower code: - //- if ( t < t0 || t0 === undefined ) { - if (!(t >= t0)) { - // looping? - - var t1global = pp[1]; - - if (t < t1global) { - i1 = 2; // + 1, using the scan for the details - t0 = t1global; - } - - // linear reverse scan - - for (var giveUpAt = i1 - 2; ; ) { - if (t0 === undefined) { - // before start - - this._cachedIndex = 0; - return this.beforeStart_(0, t, t1); - } - - if (i1 === giveUpAt) break; // this loop - - t1 = t0; - t0 = pp[--i1 - 1]; - - if (t >= t0) { - // we have arrived at the sought interval - break seek; - } - } - - // prepare binary search on the left side of the index - right = i1; - i1 = 0; - break linear_scan; - } - - // the interval is valid - - break validate_interval; - } // linear scan - - // binary search - - while (i1 < right) { - var mid = (i1 + right) >>> 1; - - if (t < pp[mid]) { - right = mid; - } else { - i1 = mid + 1; - } - } - - t1 = pp[i1]; - t0 = pp[i1 - 1]; - - // check boundary cases, again - - if (t0 === undefined) { - this._cachedIndex = 0; - return this.beforeStart_(0, t, t1); - } - - if (t1 === undefined) { - i1 = pp.length; - this._cachedIndex = i1; - return this.afterEnd_(i1 - 1, t0, t); - } - } // seek - - this._cachedIndex = i1; - - this.intervalChanged_(i1, t0, t1); - } // validate_interval - - return this.interpolate_(i1, t0, t, t1); - }, - - settings: null, // optional, subclass-specific settings structure - // Note: The indirection allows central control of many interpolants. - - // --- Protected interface - - DefaultSettings_: {}, - - getSettings_: function () { - return this.settings || this.DefaultSettings_; - }, - - copySampleValue_: function (index) { - // copies a sample value to the result buffer - - var result = this.resultBuffer, - values = this.sampleValues, - stride = this.valueSize, - offset = index * stride; - - for (var i = 0; i !== stride; ++i) { - result[i] = values[offset + i]; - } - - return result; - }, - - // Template methods for derived classes: - - interpolate_: function (/* i1, t0, t, t1 */) { - throw new Error("call to abstract method"); - // implementations shall return this.resultBuffer - }, - - intervalChanged_: function (/* i1, t0, t1 */) { - // empty - }, - }); - - //!\ DECLARE ALIAS AFTER assign prototype ! - Object.assign(Interpolant.prototype, { - //( 0, t, t0 ), returns this.resultBuffer - beforeStart_: Interpolant.prototype.copySampleValue_, - - //( N-1, tN-1, t ), returns this.resultBuffer - afterEnd_: Interpolant.prototype.copySampleValue_, - }); - - /** - * Spherical linear unit quaternion interpolant. - * - * @author tschw - */ - - function QuaternionLinearInterpolant( - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ) { - Interpolant.call( - this, - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ); - } - - QuaternionLinearInterpolant.prototype = Object.assign( - Object.create(Interpolant.prototype), - { - constructor: QuaternionLinearInterpolant, - - interpolate_: function (i1, t0, t, t1) { - var result = this.resultBuffer, - values = this.sampleValues, - stride = this.valueSize, - offset = i1 * stride, - alpha = (t - t0) / (t1 - t0); - - for (var end = offset + stride; offset !== end; offset += 4) { - Quaternion.slerpFlat( - result, - 0, - values, - offset - stride, - values, - offset, - alpha - ); - } - - return result; - }, - } - ); - - /** - * - * A Track of quaternion keyframe values. - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function QuaternionKeyframeTrack(name, times, values, interpolation) { - KeyframeTrack.call(this, name, times, values, interpolation); - } - - QuaternionKeyframeTrack.prototype = Object.assign( - Object.create(KeyframeTrack.prototype), - { - constructor: QuaternionKeyframeTrack, - - ValueTypeName: "quaternion", - - // ValueBufferType is inherited - - DefaultInterpolation: InterpolateLinear, - - InterpolantFactoryMethodLinear: function (result) { - return new QuaternionLinearInterpolant( - this.times, - this.values, - this.getValueSize(), - result - ); - }, - - InterpolantFactoryMethodSmooth: undefined, // not yet implemented - } - ); - - /** - * - * A Track of keyframe values that represent color. - * - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function ColorKeyframeTrack(name, times, values, interpolation) { - KeyframeTrack.call(this, name, times, values, interpolation); - } - - ColorKeyframeTrack.prototype = Object.assign( - Object.create(KeyframeTrack.prototype), - { - constructor: ColorKeyframeTrack, - - ValueTypeName: "color", - - // ValueBufferType is inherited - - // DefaultInterpolation is inherited - - // Note: Very basic implementation and nothing special yet. - // However, this is the place for color space parameterization. - } - ); - - /** - * - * A Track of numeric keyframe values. - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function NumberKeyframeTrack(name, times, values, interpolation) { - KeyframeTrack.call(this, name, times, values, interpolation); - } - - NumberKeyframeTrack.prototype = Object.assign( - Object.create(KeyframeTrack.prototype), - { - constructor: NumberKeyframeTrack, - - ValueTypeName: "number", - - // ValueBufferType is inherited - - // DefaultInterpolation is inherited - } - ); - - /** - * Fast and simple cubic spline interpolant. - * - * It was derived from a Hermitian construction setting the first derivative - * at each sample position to the linear slope between neighboring positions - * over their parameter interval. - * - * @author tschw - */ - - function CubicInterpolant( - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ) { - Interpolant.call( - this, - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ); - - this._weightPrev = -0; - this._offsetPrev = -0; - this._weightNext = -0; - this._offsetNext = -0; - } - - CubicInterpolant.prototype = Object.assign( - Object.create(Interpolant.prototype), - { - constructor: CubicInterpolant, - - DefaultSettings_: { - endingStart: ZeroCurvatureEnding, - endingEnd: ZeroCurvatureEnding, - }, - - intervalChanged_: function (i1, t0, t1) { - var pp = this.parameterPositions, - iPrev = i1 - 2, - iNext = i1 + 1, - tPrev = pp[iPrev], - tNext = pp[iNext]; - - if (tPrev === undefined) { - switch (this.getSettings_().endingStart) { - case ZeroSlopeEnding: - // f'(t0) = 0 - iPrev = i1; - tPrev = 2 * t0 - t1; - - break; - - case WrapAroundEnding: - // use the other end of the curve - iPrev = pp.length - 2; - tPrev = t0 + pp[iPrev] - pp[iPrev + 1]; - - break; - - default: - // ZeroCurvatureEnding - - // f''(t0) = 0 a.k.a. Natural Spline - iPrev = i1; - tPrev = t1; - } - } - - if (tNext === undefined) { - switch (this.getSettings_().endingEnd) { - case ZeroSlopeEnding: - // f'(tN) = 0 - iNext = i1; - tNext = 2 * t1 - t0; - - break; - - case WrapAroundEnding: - // use the other end of the curve - iNext = 1; - tNext = t1 + pp[1] - pp[0]; - - break; - - default: - // ZeroCurvatureEnding - - // f''(tN) = 0, a.k.a. Natural Spline - iNext = i1 - 1; - tNext = t0; - } - } - - var halfDt = (t1 - t0) * 0.5, - stride = this.valueSize; - - this._weightPrev = halfDt / (t0 - tPrev); - this._weightNext = halfDt / (tNext - t1); - this._offsetPrev = iPrev * stride; - this._offsetNext = iNext * stride; - }, - - interpolate_: function (i1, t0, t, t1) { - var result = this.resultBuffer, - values = this.sampleValues, - stride = this.valueSize, - o1 = i1 * stride, - o0 = o1 - stride, - oP = this._offsetPrev, - oN = this._offsetNext, - wP = this._weightPrev, - wN = this._weightNext, - p = (t - t0) / (t1 - t0), - pp = p * p, - ppp = pp * p; - - // evaluate polynomials - - var sP = -wP * ppp + 2 * wP * pp - wP * p; - var s0 = (1 + wP) * ppp + (-1.5 - 2 * wP) * pp + (-0.5 + wP) * p + 1; - var s1 = (-1 - wN) * ppp + (1.5 + wN) * pp + 0.5 * p; - var sN = wN * ppp - wN * pp; - - // combine data linearly - - for (var i = 0; i !== stride; ++i) { - result[i] = - sP * values[oP + i] + - s0 * values[o0 + i] + - s1 * values[o1 + i] + - sN * values[oN + i]; - } - - return result; - }, - } - ); - - /** - * @author tschw - */ - - function LinearInterpolant( - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ) { - Interpolant.call( - this, - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ); - } - - LinearInterpolant.prototype = Object.assign( - Object.create(Interpolant.prototype), - { - constructor: LinearInterpolant, - - interpolate_: function (i1, t0, t, t1) { - var result = this.resultBuffer, - values = this.sampleValues, - stride = this.valueSize, - offset1 = i1 * stride, - offset0 = offset1 - stride, - weight1 = (t - t0) / (t1 - t0), - weight0 = 1 - weight1; - - for (var i = 0; i !== stride; ++i) { - result[i] = - values[offset0 + i] * weight0 + values[offset1 + i] * weight1; - } - - return result; - }, - } - ); - - /** - * - * Interpolant that evaluates to the sample value at the position preceeding - * the parameter. - * - * @author tschw - */ - - function DiscreteInterpolant( - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ) { - Interpolant.call( - this, - parameterPositions, - sampleValues, - sampleSize, - resultBuffer - ); - } - - DiscreteInterpolant.prototype = Object.assign( - Object.create(Interpolant.prototype), - { - constructor: DiscreteInterpolant, - - interpolate_: function (i1 /*, t0, t, t1 */) { - return this.copySampleValue_(i1 - 1); - }, - } - ); - - /** - * @author tschw - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - */ - - var AnimationUtils = { - // same as Array.prototype.slice, but also works on typed arrays - arraySlice: function (array, from, to) { - if (AnimationUtils.isTypedArray(array)) { - // in ios9 array.subarray(from, undefined) will return empty array - // but array.subarray(from) or array.subarray(from, len) is correct - return new array.constructor( - array.subarray(from, to !== undefined ? to : array.length) - ); - } - - return array.slice(from, to); - }, - - // converts an array to a specific type - convertArray: function (array, type, forceClone) { - if ( - !array || // let 'undefined' and 'null' pass - (!forceClone && array.constructor === type) - ) - return array; - - if (typeof type.BYTES_PER_ELEMENT === "number") { - return new type(array); // create typed array - } - - return Array.prototype.slice.call(array); // create Array - }, - - isTypedArray: function (object) { - return ArrayBuffer.isView(object) && !(object instanceof DataView); - }, - - // returns an array by which times and values can be sorted - getKeyframeOrder: function (times) { - function compareTime(i, j) { - return times[i] - times[j]; - } - - var n = times.length; - var result = new Array(n); - for (var i = 0; i !== n; ++i) result[i] = i; - - result.sort(compareTime); - - return result; - }, - - // uses the array previously returned by 'getKeyframeOrder' to sort data - sortedArray: function (values, stride, order) { - var nValues = values.length; - var result = new values.constructor(nValues); - - for (var i = 0, dstOffset = 0; dstOffset !== nValues; ++i) { - var srcOffset = order[i] * stride; - - for (var j = 0; j !== stride; ++j) { - result[dstOffset++] = values[srcOffset + j]; - } - } - - return result; - }, - - // function for parsing AOS keyframe formats - flattenJSON: function (jsonKeys, times, values, valuePropertyName) { - var i = 1, - key = jsonKeys[0]; - - while (key !== undefined && key[valuePropertyName] === undefined) { - key = jsonKeys[i++]; - } - - if (key === undefined) return; // no data - - var value = key[valuePropertyName]; - if (value === undefined) return; // no data - - if (Array.isArray(value)) { - do { - value = key[valuePropertyName]; - - if (value !== undefined) { - times.push(key.time); - values.push.apply(values, value); // push all elements - } - - key = jsonKeys[i++]; - } while (key !== undefined); - } else if (value.toArray !== undefined) { - // ...assume THREE.Math-ish - - do { - value = key[valuePropertyName]; - - if (value !== undefined) { - times.push(key.time); - value.toArray(values, values.length); - } - - key = jsonKeys[i++]; - } while (key !== undefined); - } else { - // otherwise push as-is - - do { - value = key[valuePropertyName]; - - if (value !== undefined) { - times.push(key.time); - values.push(value); - } - - key = jsonKeys[i++]; - } while (key !== undefined); - } - }, - }; - - /** - * - * A timed sequence of keyframes for a specific property. - * - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function KeyframeTrack(name, times, values, interpolation) { - if (name === undefined) - throw new Error("THREE.KeyframeTrack: track name is undefined"); - if (times === undefined || times.length === 0) - throw new Error( - "THREE.KeyframeTrack: no keyframes in track named " + name - ); - - this.name = name; - - this.times = AnimationUtils.convertArray(times, this.TimeBufferType); - this.values = AnimationUtils.convertArray(values, this.ValueBufferType); - - this.setInterpolation(interpolation || this.DefaultInterpolation); - - this.validate(); - this.optimize(); - } - - // Static methods: - - Object.assign(KeyframeTrack, { - // Serialization (in static context, because of constructor invocation - // and automatic invocation of .toJSON): - - parse: function (json) { - if (json.type === undefined) { - throw new Error( - "THREE.KeyframeTrack: track type undefined, can not parse" - ); - } - - var trackType = KeyframeTrack._getTrackTypeForValueTypeName(json.type); - - if (json.times === undefined) { - var times = [], - values = []; - - AnimationUtils.flattenJSON(json.keys, times, values, "value"); - - json.times = times; - json.values = values; - } - - // derived classes can define a static parse method - if (trackType.parse !== undefined) { - return trackType.parse(json); - } else { - // by default, we assume a constructor compatible with the base - return new trackType( - json.name, - json.times, - json.values, - json.interpolation - ); - } - }, - - toJSON: function (track) { - var trackType = track.constructor; - - var json; - - // derived classes can define a static toJSON method - if (trackType.toJSON !== undefined) { - json = trackType.toJSON(track); - } else { - // by default, we assume the data can be serialized as-is - json = { - name: track.name, - times: AnimationUtils.convertArray(track.times, Array), - values: AnimationUtils.convertArray(track.values, Array), - }; - - var interpolation = track.getInterpolation(); - - if (interpolation !== track.DefaultInterpolation) { - json.interpolation = interpolation; - } - } - - json.type = track.ValueTypeName; // mandatory - - return json; - }, - - _getTrackTypeForValueTypeName: function (typeName) { - switch (typeName.toLowerCase()) { - case "scalar": - case "double": - case "float": - case "number": - case "integer": - return NumberKeyframeTrack; - - case "vector": - case "vector2": - case "vector3": - case "vector4": - return VectorKeyframeTrack; - - case "color": - return ColorKeyframeTrack; - - case "quaternion": - return QuaternionKeyframeTrack; - - case "bool": - case "boolean": - return BooleanKeyframeTrack; - - case "string": - return StringKeyframeTrack; - } - - throw new Error("THREE.KeyframeTrack: Unsupported typeName: " + typeName); - }, - }); - - Object.assign(KeyframeTrack.prototype, { - constructor: KeyframeTrack, - - TimeBufferType: Float32Array, - - ValueBufferType: Float32Array, - - DefaultInterpolation: InterpolateLinear, - - InterpolantFactoryMethodDiscrete: function (result) { - return new DiscreteInterpolant( - this.times, - this.values, - this.getValueSize(), - result - ); - }, - - InterpolantFactoryMethodLinear: function (result) { - return new LinearInterpolant( - this.times, - this.values, - this.getValueSize(), - result - ); - }, - - InterpolantFactoryMethodSmooth: function (result) { - return new CubicInterpolant( - this.times, - this.values, - this.getValueSize(), - result - ); - }, - - setInterpolation: function (interpolation) { - var factoryMethod; - - switch (interpolation) { - case InterpolateDiscrete: - factoryMethod = this.InterpolantFactoryMethodDiscrete; - - break; - - case InterpolateLinear: - factoryMethod = this.InterpolantFactoryMethodLinear; - - break; - - case InterpolateSmooth: - factoryMethod = this.InterpolantFactoryMethodSmooth; - - break; - } - - if (factoryMethod === undefined) { - var message = - "unsupported interpolation for " + - this.ValueTypeName + - " keyframe track named " + - this.name; - - if (this.createInterpolant === undefined) { - // fall back to default, unless the default itself is messed up - if (interpolation !== this.DefaultInterpolation) { - this.setInterpolation(this.DefaultInterpolation); - } else { - throw new Error(message); // fatal, in this case - } - } - - console.warn("THREE.KeyframeTrack:", message); - return; - } - - this.createInterpolant = factoryMethod; - }, - - getInterpolation: function () { - switch (this.createInterpolant) { - case this.InterpolantFactoryMethodDiscrete: - return InterpolateDiscrete; - - case this.InterpolantFactoryMethodLinear: - return InterpolateLinear; - - case this.InterpolantFactoryMethodSmooth: - return InterpolateSmooth; - } - }, - - getValueSize: function () { - return this.values.length / this.times.length; - }, - - // move all keyframes either forwards or backwards in time - shift: function (timeOffset) { - if (timeOffset !== 0.0) { - var times = this.times; - - for (var i = 0, n = times.length; i !== n; ++i) { - times[i] += timeOffset; - } - } - - return this; - }, - - // scale all keyframe times by a factor (useful for frame <-> seconds conversions) - scale: function (timeScale) { - if (timeScale !== 1.0) { - var times = this.times; - - for (var i = 0, n = times.length; i !== n; ++i) { - times[i] *= timeScale; - } - } - - return this; - }, - - // removes keyframes before and after animation without changing any values within the range [startTime, endTime]. - // IMPORTANT: We do not shift around keys to the start of the track time, because for interpolated keys this will change their values - trim: function (startTime, endTime) { - var times = this.times, - nKeys = times.length, - from = 0, - to = nKeys - 1; - - while (from !== nKeys && times[from] < startTime) { - ++from; - } - - while (to !== -1 && times[to] > endTime) { - --to; - } - - ++to; // inclusive -> exclusive bound - - if (from !== 0 || to !== nKeys) { - // empty tracks are forbidden, so keep at least one keyframe - if (from >= to) (to = Math.max(to, 1)), (from = to - 1); - - var stride = this.getValueSize(); - this.times = AnimationUtils.arraySlice(times, from, to); - this.values = AnimationUtils.arraySlice( - this.values, - from * stride, - to * stride - ); - } - - return this; - }, - - // ensure we do not get a GarbageInGarbageOut situation, make sure tracks are at least minimally viable - validate: function () { - var valid = true; - - var valueSize = this.getValueSize(); - if (valueSize - Math.floor(valueSize) !== 0) { - console.error( - "THREE.KeyframeTrack: Invalid value size in track.", - this - ); - valid = false; - } - - var times = this.times, - values = this.values, - nKeys = times.length; - - if (nKeys === 0) { - console.error("THREE.KeyframeTrack: Track is empty.", this); - valid = false; - } - - var prevTime = null; - - for (var i = 0; i !== nKeys; i++) { - var currTime = times[i]; - - if (typeof currTime === "number" && isNaN(currTime)) { - console.error( - "THREE.KeyframeTrack: Time is not a valid number.", - this, - i, - currTime - ); - valid = false; - break; - } - - if (prevTime !== null && prevTime > currTime) { - console.error( - "THREE.KeyframeTrack: Out of order keys.", - this, - i, - currTime, - prevTime - ); - valid = false; - break; - } - - prevTime = currTime; - } - - if (values !== undefined) { - if (AnimationUtils.isTypedArray(values)) { - for (var i = 0, n = values.length; i !== n; ++i) { - var value = values[i]; - - if (isNaN(value)) { - console.error( - "THREE.KeyframeTrack: Value is not a valid number.", - this, - i, - value - ); - valid = false; - break; - } - } - } - } - - return valid; - }, - - // removes equivalent sequential keys as common in morph target sequences - // (0,0,0,0,1,1,1,0,0,0,0,0,0,0) --> (0,0,1,1,0,0) - optimize: function () { - var times = this.times, - values = this.values, - stride = this.getValueSize(), - smoothInterpolation = this.getInterpolation() === InterpolateSmooth, - writeIndex = 1, - lastIndex = times.length - 1; - - for (var i = 1; i < lastIndex; ++i) { - var keep = false; - - var time = times[i]; - var timeNext = times[i + 1]; - - // remove adjacent keyframes scheduled at the same time - - if (time !== timeNext && (i !== 1 || time !== time[0])) { - if (!smoothInterpolation) { - // remove unnecessary keyframes same as their neighbors - - var offset = i * stride, - offsetP = offset - stride, - offsetN = offset + stride; - - for (var j = 0; j !== stride; ++j) { - var value = values[offset + j]; - - if ( - value !== values[offsetP + j] || - value !== values[offsetN + j] - ) { - keep = true; - break; - } - } - } else { - keep = true; - } - } - - // in-place compaction - - if (keep) { - if (i !== writeIndex) { - times[writeIndex] = times[i]; - - var readOffset = i * stride, - writeOffset = writeIndex * stride; - - for (var j = 0; j !== stride; ++j) { - values[writeOffset + j] = values[readOffset + j]; - } - } - - ++writeIndex; - } - } - - // flush last keyframe (compaction looks ahead) - - if (lastIndex > 0) { - times[writeIndex] = times[lastIndex]; - - for ( - var readOffset = lastIndex * stride, - writeOffset = writeIndex * stride, - j = 0; - j !== stride; - ++j - ) { - values[writeOffset + j] = values[readOffset + j]; - } - - ++writeIndex; - } - - if (writeIndex !== times.length) { - this.times = AnimationUtils.arraySlice(times, 0, writeIndex); - this.values = AnimationUtils.arraySlice(values, 0, writeIndex * stride); - } - - return this; - }, - }); - - /** - * - * A Track of vectored keyframe values. - * - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function VectorKeyframeTrack(name, times, values, interpolation) { - KeyframeTrack.call(this, name, times, values, interpolation); - } - - VectorKeyframeTrack.prototype = Object.assign( - Object.create(KeyframeTrack.prototype), - { - constructor: VectorKeyframeTrack, - - ValueTypeName: "vector", - - // ValueBufferType is inherited - - // DefaultInterpolation is inherited - } - ); - - /** - * - * Reusable set of Tracks that represent an animation. - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - */ - - function AnimationClip(name, duration, tracks) { - this.name = name; - this.tracks = tracks; - this.duration = duration !== undefined ? duration : -1; - - this.uuid = _Math.generateUUID(); - - // this means it should figure out its duration by scanning the tracks - if (this.duration < 0) { - this.resetDuration(); - } - - this.optimize(); - } - - Object.assign(AnimationClip, { - parse: function (json) { - var tracks = [], - jsonTracks = json.tracks, - frameTime = 1.0 / (json.fps || 1.0); - - for (var i = 0, n = jsonTracks.length; i !== n; ++i) { - tracks.push(KeyframeTrack.parse(jsonTracks[i]).scale(frameTime)); - } - - return new AnimationClip(json.name, json.duration, tracks); - }, - - toJSON: function (clip) { - var tracks = [], - clipTracks = clip.tracks; - - var json = { - name: clip.name, - duration: clip.duration, - tracks: tracks, - }; - - for (var i = 0, n = clipTracks.length; i !== n; ++i) { - tracks.push(KeyframeTrack.toJSON(clipTracks[i])); - } - - return json; - }, - - CreateFromMorphTargetSequence: function ( - name, - morphTargetSequence, - fps, - noLoop - ) { - var numMorphTargets = morphTargetSequence.length; - var tracks = []; - - for (var i = 0; i < numMorphTargets; i++) { - var times = []; - var values = []; - - times.push( - (i + numMorphTargets - 1) % numMorphTargets, - i, - (i + 1) % numMorphTargets - ); - - values.push(0, 1, 0); - - var order = AnimationUtils.getKeyframeOrder(times); - times = AnimationUtils.sortedArray(times, 1, order); - values = AnimationUtils.sortedArray(values, 1, order); - - // if there is a key at the first frame, duplicate it as the - // last frame as well for perfect loop. - if (!noLoop && times[0] === 0) { - times.push(numMorphTargets); - values.push(values[0]); - } - - tracks.push( - new NumberKeyframeTrack( - ".morphTargetInfluences[" + morphTargetSequence[i].name + "]", - times, - values - ).scale(1.0 / fps) - ); - } - - return new AnimationClip(name, -1, tracks); - }, - - findByName: function (objectOrClipArray, name) { - var clipArray = objectOrClipArray; - - if (!Array.isArray(objectOrClipArray)) { - var o = objectOrClipArray; - clipArray = (o.geometry && o.geometry.animations) || o.animations; - } - - for (var i = 0; i < clipArray.length; i++) { - if (clipArray[i].name === name) { - return clipArray[i]; - } - } - - return null; - }, - - CreateClipsFromMorphTargetSequences: function (morphTargets, fps, noLoop) { - var animationToMorphTargets = {}; - - // tested with https://regex101.com/ on trick sequences - // such flamingo_flyA_003, flamingo_run1_003, crdeath0059 - var pattern = /^([\w-]*?)([\d]+)$/; - - // sort morph target names into animation groups based - // patterns like Walk_001, Walk_002, Run_001, Run_002 - for (var i = 0, il = morphTargets.length; i < il; i++) { - var morphTarget = morphTargets[i]; - var parts = morphTarget.name.match(pattern); - - if (parts && parts.length > 1) { - var name = parts[1]; - - var animationMorphTargets = animationToMorphTargets[name]; - if (!animationMorphTargets) { - animationToMorphTargets[name] = animationMorphTargets = []; - } - - animationMorphTargets.push(morphTarget); - } - } - - var clips = []; - - for (var name in animationToMorphTargets) { - clips.push( - AnimationClip.CreateFromMorphTargetSequence( - name, - animationToMorphTargets[name], - fps, - noLoop - ) - ); - } - - return clips; - }, - - // parse the animation.hierarchy format - parseAnimation: function (animation, bones) { - if (!animation) { - console.error("THREE.AnimationClip: No animation in JSONLoader data."); - return null; - } - - var addNonemptyTrack = function ( - trackType, - trackName, - animationKeys, - propertyName, - destTracks - ) { - // only return track if there are actually keys. - if (animationKeys.length !== 0) { - var times = []; - var values = []; - - AnimationUtils.flattenJSON( - animationKeys, - times, - values, - propertyName - ); - - // empty keys are filtered out, so check again - if (times.length !== 0) { - destTracks.push(new trackType(trackName, times, values)); - } - } - }; - - var tracks = []; - - var clipName = animation.name || "default"; - // automatic length determination in AnimationClip. - var duration = animation.length || -1; - var fps = animation.fps || 30; - - var hierarchyTracks = animation.hierarchy || []; - - for (var h = 0; h < hierarchyTracks.length; h++) { - var animationKeys = hierarchyTracks[h].keys; - - // skip empty tracks - if (!animationKeys || animationKeys.length === 0) continue; - - // process morph targets - if (animationKeys[0].morphTargets) { - // figure out all morph targets used in this track - var morphTargetNames = {}; - - for (var k = 0; k < animationKeys.length; k++) { - if (animationKeys[k].morphTargets) { - for (var m = 0; m < animationKeys[k].morphTargets.length; m++) { - morphTargetNames[animationKeys[k].morphTargets[m]] = -1; - } - } - } - - // create a track for each morph target with all zero - // morphTargetInfluences except for the keys in which - // the morphTarget is named. - for (var morphTargetName in morphTargetNames) { - var times = []; - var values = []; - - for (var m = 0; m !== animationKeys[k].morphTargets.length; ++m) { - var animationKey = animationKeys[k]; - - times.push(animationKey.time); - values.push(animationKey.morphTarget === morphTargetName ? 1 : 0); - } - - tracks.push( - new NumberKeyframeTrack( - ".morphTargetInfluence[" + morphTargetName + "]", - times, - values - ) - ); - } - - duration = morphTargetNames.length * (fps || 1.0); - } else { - // ...assume skeletal animation - - var boneName = ".bones[" + bones[h].name + "]"; - - addNonemptyTrack( - VectorKeyframeTrack, - boneName + ".position", - animationKeys, - "pos", - tracks - ); - - addNonemptyTrack( - QuaternionKeyframeTrack, - boneName + ".quaternion", - animationKeys, - "rot", - tracks - ); - - addNonemptyTrack( - VectorKeyframeTrack, - boneName + ".scale", - animationKeys, - "scl", - tracks - ); - } - } - - if (tracks.length === 0) { - return null; - } - - var clip = new AnimationClip(clipName, duration, tracks); - - return clip; - }, - }); - - Object.assign(AnimationClip.prototype, { - resetDuration: function () { - var tracks = this.tracks, - duration = 0; - - for (var i = 0, n = tracks.length; i !== n; ++i) { - var track = this.tracks[i]; - - duration = Math.max(duration, track.times[track.times.length - 1]); - } - - this.duration = duration; - }, - - trim: function () { - for (var i = 0; i < this.tracks.length; i++) { - this.tracks[i].trim(0, this.duration); - } - - return this; - }, - - optimize: function () { - for (var i = 0; i < this.tracks.length; i++) { - this.tracks[i].optimize(); - } - - return this; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function MaterialLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - this.textures = {}; - } - - Object.assign(MaterialLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - var scope = this; - - var loader = new FileLoader(scope.manager); - loader.load( - url, - function (text) { - onLoad(scope.parse(JSON.parse(text))); - }, - onProgress, - onError - ); - }, - - setTextures: function (value) { - this.textures = value; - }, - - parse: function (json) { - var textures = this.textures; - - function getTexture(name) { - if (textures[name] === undefined) { - console.warn("THREE.MaterialLoader: Undefined texture", name); - } - - return textures[name]; - } - - var material = new Materials[json.type](); - - if (json.uuid !== undefined) material.uuid = json.uuid; - if (json.name !== undefined) material.name = json.name; - if (json.color !== undefined) material.color.setHex(json.color); - if (json.roughness !== undefined) material.roughness = json.roughness; - if (json.metalness !== undefined) material.metalness = json.metalness; - if (json.emissive !== undefined) material.emissive.setHex(json.emissive); - if (json.specular !== undefined) material.specular.setHex(json.specular); - if (json.shininess !== undefined) material.shininess = json.shininess; - if (json.clearCoat !== undefined) material.clearCoat = json.clearCoat; - if (json.clearCoatRoughness !== undefined) - material.clearCoatRoughness = json.clearCoatRoughness; - if (json.uniforms !== undefined) material.uniforms = json.uniforms; - if (json.vertexShader !== undefined) - material.vertexShader = json.vertexShader; - if (json.fragmentShader !== undefined) - material.fragmentShader = json.fragmentShader; - if (json.vertexColors !== undefined) - material.vertexColors = json.vertexColors; - if (json.fog !== undefined) material.fog = json.fog; - if (json.flatShading !== undefined) - material.flatShading = json.flatShading; - if (json.blending !== undefined) material.blending = json.blending; - if (json.side !== undefined) material.side = json.side; - if (json.opacity !== undefined) material.opacity = json.opacity; - if (json.transparent !== undefined) - material.transparent = json.transparent; - if (json.alphaTest !== undefined) material.alphaTest = json.alphaTest; - if (json.depthTest !== undefined) material.depthTest = json.depthTest; - if (json.depthWrite !== undefined) material.depthWrite = json.depthWrite; - if (json.colorWrite !== undefined) material.colorWrite = json.colorWrite; - if (json.wireframe !== undefined) material.wireframe = json.wireframe; - if (json.wireframeLinewidth !== undefined) - material.wireframeLinewidth = json.wireframeLinewidth; - if (json.wireframeLinecap !== undefined) - material.wireframeLinecap = json.wireframeLinecap; - if (json.wireframeLinejoin !== undefined) - material.wireframeLinejoin = json.wireframeLinejoin; - - if (json.rotation !== undefined) material.rotation = json.rotation; - - if (json.linewidth !== 1) material.linewidth = json.linewidth; - if (json.dashSize !== undefined) material.dashSize = json.dashSize; - if (json.gapSize !== undefined) material.gapSize = json.gapSize; - if (json.scale !== undefined) material.scale = json.scale; - - if (json.polygonOffset !== undefined) - material.polygonOffset = json.polygonOffset; - if (json.polygonOffsetFactor !== undefined) - material.polygonOffsetFactor = json.polygonOffsetFactor; - if (json.polygonOffsetUnits !== undefined) - material.polygonOffsetUnits = json.polygonOffsetUnits; - - if (json.skinning !== undefined) material.skinning = json.skinning; - if (json.morphTargets !== undefined) - material.morphTargets = json.morphTargets; - if (json.dithering !== undefined) material.dithering = json.dithering; - - if (json.visible !== undefined) material.visible = json.visible; - if (json.userData !== undefined) material.userData = json.userData; - - // Deprecated - - if (json.shading !== undefined) material.flatShading = json.shading === 1; // THREE.FlatShading - - // for PointsMaterial - - if (json.size !== undefined) material.size = json.size; - if (json.sizeAttenuation !== undefined) - material.sizeAttenuation = json.sizeAttenuation; - - // maps - - if (json.map !== undefined) material.map = getTexture(json.map); - - if (json.alphaMap !== undefined) { - material.alphaMap = getTexture(json.alphaMap); - material.transparent = true; - } - - if (json.bumpMap !== undefined) - material.bumpMap = getTexture(json.bumpMap); - if (json.bumpScale !== undefined) material.bumpScale = json.bumpScale; - - if (json.normalMap !== undefined) - material.normalMap = getTexture(json.normalMap); - if (json.normalScale !== undefined) { - var normalScale = json.normalScale; - - if (Array.isArray(normalScale) === false) { - // Blender exporter used to export a scalar. See #7459 - - normalScale = [normalScale, normalScale]; - } - - material.normalScale = new Vector2().fromArray(normalScale); - } - - if (json.displacementMap !== undefined) - material.displacementMap = getTexture(json.displacementMap); - if (json.displacementScale !== undefined) - material.displacementScale = json.displacementScale; - if (json.displacementBias !== undefined) - material.displacementBias = json.displacementBias; - - if (json.roughnessMap !== undefined) - material.roughnessMap = getTexture(json.roughnessMap); - if (json.metalnessMap !== undefined) - material.metalnessMap = getTexture(json.metalnessMap); - - if (json.emissiveMap !== undefined) - material.emissiveMap = getTexture(json.emissiveMap); - if (json.emissiveIntensity !== undefined) - material.emissiveIntensity = json.emissiveIntensity; - - if (json.specularMap !== undefined) - material.specularMap = getTexture(json.specularMap); - - if (json.envMap !== undefined) material.envMap = getTexture(json.envMap); - - if (json.reflectivity !== undefined) - material.reflectivity = json.reflectivity; - - if (json.lightMap !== undefined) - material.lightMap = getTexture(json.lightMap); - if (json.lightMapIntensity !== undefined) - material.lightMapIntensity = json.lightMapIntensity; - - if (json.aoMap !== undefined) material.aoMap = getTexture(json.aoMap); - if (json.aoMapIntensity !== undefined) - material.aoMapIntensity = json.aoMapIntensity; - - if (json.gradientMap !== undefined) - material.gradientMap = getTexture(json.gradientMap); - - return material; - }, - }); + }, - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function BufferGeometryLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - } - - Object.assign(BufferGeometryLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - var scope = this; + updateMatrixWorld: function ( force ) { - var loader = new FileLoader(scope.manager); - loader.load( - url, - function (text) { - onLoad(scope.parse(JSON.parse(text))); - }, - onProgress, - onError - ); - }, + if ( this.matrixAutoUpdate ) this.updateMatrix(); - parse: function (json) { - var geometry = new BufferGeometry(); + if ( this.matrixWorldNeedsUpdate || force ) { - var index = json.data.index; + if ( this.parent === null ) { - if (index !== undefined) { - var typedArray = new TYPED_ARRAYS[index.type](index.array); - geometry.setIndex(new BufferAttribute(typedArray, 1)); - } + this.matrixWorld.copy( this.matrix ); - var attributes = json.data.attributes; + } else { - for (var key in attributes) { - var attribute = attributes[key]; - var typedArray = new TYPED_ARRAYS[attribute.type](attribute.array); + this.matrixWorld.multiplyMatrices( this.parent.matrixWorld, this.matrix ); - geometry.addAttribute( - key, - new BufferAttribute( - typedArray, - attribute.itemSize, - attribute.normalized - ) - ); - } - - var groups = json.data.groups || json.data.drawcalls || json.data.offsets; - - if (groups !== undefined) { - for (var i = 0, n = groups.length; i !== n; ++i) { - var group = groups[i]; - - geometry.addGroup(group.start, group.count, group.materialIndex); - } - } - - var boundingSphere = json.data.boundingSphere; - - if (boundingSphere !== undefined) { - var center = new Vector3(); + } - if (boundingSphere.center !== undefined) { - center.fromArray(boundingSphere.center); - } - - geometry.boundingSphere = new Sphere(center, boundingSphere.radius); - } + this.matrixWorldNeedsUpdate = false; - return geometry; - }, - }); + force = true; - var TYPED_ARRAYS = { - Int8Array: Int8Array, - Uint8Array: Uint8Array, - // Workaround for IE11 pre KB2929437. See #11440 - Uint8ClampedArray: - typeof Uint8ClampedArray !== "undefined" ? Uint8ClampedArray : Uint8Array, - Int16Array: Int16Array, - Uint16Array: Uint16Array, - Int32Array: Int32Array, - Uint32Array: Uint32Array, - Float32Array: Float32Array, - Float64Array: Float64Array, - }; + } - /** - * @author alteredq / http://alteredqualia.com/ - */ + // update children - function Loader() {} + var children = this.children; - Loader.Handlers = { - handlers: [], + for ( var i = 0, l = children.length; i < l; i ++ ) { - add: function (regex, loader) { - this.handlers.push(regex, loader); - }, + children[ i ].updateMatrixWorld( force ); - get: function (file) { - var handlers = this.handlers; + } - for (var i = 0, l = handlers.length; i < l; i += 2) { - var regex = handlers[i]; - var loader = handlers[i + 1]; + }, - if (regex.test(file)) { - return loader; - } - } + toJSON: function ( meta ) { - return null; - }, - }; + // meta is a string when called from JSON.stringify + var isRootObject = ( meta === undefined || typeof meta === 'string' ); - Object.assign(Loader.prototype, { - crossOrigin: undefined, + var output = {}; - onLoadStart: function () {}, + // meta is a hash used to collect geometries, materials. + // not providing it implies that this is the root object + // being serialized. + if ( isRootObject ) { - onLoadProgress: function () {}, - - onLoadComplete: function () {}, - - initMaterials: function (materials, texturePath, crossOrigin) { - var array = []; - - for (var i = 0; i < materials.length; ++i) { - array[i] = this.createMaterial(materials[i], texturePath, crossOrigin); - } - - return array; - }, - - createMaterial: (function () { - var BlendingMode = { - NoBlending: NoBlending, - NormalBlending: NormalBlending, - AdditiveBlending: AdditiveBlending, - SubtractiveBlending: SubtractiveBlending, - MultiplyBlending: MultiplyBlending, - CustomBlending: CustomBlending, - }; - - var color = new Color(); - var textureLoader = new TextureLoader(); - var materialLoader = new MaterialLoader(); - - return function createMaterial(m, texturePath, crossOrigin) { - // convert from old material format - - var textures = {}; - - function loadTexture(path, repeat, offset, wrap, anisotropy) { - var fullPath = texturePath + path; - var loader = Loader.Handlers.get(fullPath); - - var texture; - - if (loader !== null) { - texture = loader.load(fullPath); - } else { - textureLoader.setCrossOrigin(crossOrigin); - texture = textureLoader.load(fullPath); - } - - if (repeat !== undefined) { - texture.repeat.fromArray(repeat); - - if (repeat[0] !== 1) texture.wrapS = RepeatWrapping; - if (repeat[1] !== 1) texture.wrapT = RepeatWrapping; - } - - if (offset !== undefined) { - texture.offset.fromArray(offset); - } - - if (wrap !== undefined) { - if (wrap[0] === "repeat") texture.wrapS = RepeatWrapping; - if (wrap[0] === "mirror") texture.wrapS = MirroredRepeatWrapping; - - if (wrap[1] === "repeat") texture.wrapT = RepeatWrapping; - if (wrap[1] === "mirror") texture.wrapT = MirroredRepeatWrapping; - } - - if (anisotropy !== undefined) { - texture.anisotropy = anisotropy; - } - - var uuid = _Math.generateUUID(); - - textures[uuid] = texture; - - return uuid; - } - - // - - var json = { - uuid: _Math.generateUUID(), - type: "MeshLambertMaterial", - }; - - for (var name in m) { - var value = m[name]; - - switch (name) { - case "DbgColor": - case "DbgIndex": - case "opticalDensity": - case "illumination": - break; - case "DbgName": - json.name = value; - break; - case "blending": - json.blending = BlendingMode[value]; - break; - case "colorAmbient": - case "mapAmbient": - console.warn( - "THREE.Loader.createMaterial:", - name, - "is no longer supported." - ); - break; - case "colorDiffuse": - json.color = color.fromArray(value).getHex(); - break; - case "colorSpecular": - json.specular = color.fromArray(value).getHex(); - break; - case "colorEmissive": - json.emissive = color.fromArray(value).getHex(); - break; - case "specularCoef": - json.shininess = value; - break; - case "shading": - if (value.toLowerCase() === "basic") - json.type = "MeshBasicMaterial"; - if (value.toLowerCase() === "phong") - json.type = "MeshPhongMaterial"; - if (value.toLowerCase() === "standard") - json.type = "MeshStandardMaterial"; - break; - case "mapDiffuse": - json.map = loadTexture( - value, - m.mapDiffuseRepeat, - m.mapDiffuseOffset, - m.mapDiffuseWrap, - m.mapDiffuseAnisotropy - ); - break; - case "mapDiffuseRepeat": - case "mapDiffuseOffset": - case "mapDiffuseWrap": - case "mapDiffuseAnisotropy": - break; - case "mapEmissive": - json.emissiveMap = loadTexture( - value, - m.mapEmissiveRepeat, - m.mapEmissiveOffset, - m.mapEmissiveWrap, - m.mapEmissiveAnisotropy - ); - break; - case "mapEmissiveRepeat": - case "mapEmissiveOffset": - case "mapEmissiveWrap": - case "mapEmissiveAnisotropy": - break; - case "mapLight": - json.lightMap = loadTexture( - value, - m.mapLightRepeat, - m.mapLightOffset, - m.mapLightWrap, - m.mapLightAnisotropy - ); - break; - case "mapLightRepeat": - case "mapLightOffset": - case "mapLightWrap": - case "mapLightAnisotropy": - break; - case "mapAO": - json.aoMap = loadTexture( - value, - m.mapAORepeat, - m.mapAOOffset, - m.mapAOWrap, - m.mapAOAnisotropy - ); - break; - case "mapAORepeat": - case "mapAOOffset": - case "mapAOWrap": - case "mapAOAnisotropy": - break; - case "mapBump": - json.bumpMap = loadTexture( - value, - m.mapBumpRepeat, - m.mapBumpOffset, - m.mapBumpWrap, - m.mapBumpAnisotropy - ); - break; - case "mapBumpScale": - json.bumpScale = value; - break; - case "mapBumpRepeat": - case "mapBumpOffset": - case "mapBumpWrap": - case "mapBumpAnisotropy": - break; - case "mapNormal": - json.normalMap = loadTexture( - value, - m.mapNormalRepeat, - m.mapNormalOffset, - m.mapNormalWrap, - m.mapNormalAnisotropy - ); - break; - case "mapNormalFactor": - json.normalScale = value; - break; - case "mapNormalRepeat": - case "mapNormalOffset": - case "mapNormalWrap": - case "mapNormalAnisotropy": - break; - case "mapSpecular": - json.specularMap = loadTexture( - value, - m.mapSpecularRepeat, - m.mapSpecularOffset, - m.mapSpecularWrap, - m.mapSpecularAnisotropy - ); - break; - case "mapSpecularRepeat": - case "mapSpecularOffset": - case "mapSpecularWrap": - case "mapSpecularAnisotropy": - break; - case "mapMetalness": - json.metalnessMap = loadTexture( - value, - m.mapMetalnessRepeat, - m.mapMetalnessOffset, - m.mapMetalnessWrap, - m.mapMetalnessAnisotropy - ); - break; - case "mapMetalnessRepeat": - case "mapMetalnessOffset": - case "mapMetalnessWrap": - case "mapMetalnessAnisotropy": - break; - case "mapRoughness": - json.roughnessMap = loadTexture( - value, - m.mapRoughnessRepeat, - m.mapRoughnessOffset, - m.mapRoughnessWrap, - m.mapRoughnessAnisotropy - ); - break; - case "mapRoughnessRepeat": - case "mapRoughnessOffset": - case "mapRoughnessWrap": - case "mapRoughnessAnisotropy": - break; - case "mapAlpha": - json.alphaMap = loadTexture( - value, - m.mapAlphaRepeat, - m.mapAlphaOffset, - m.mapAlphaWrap, - m.mapAlphaAnisotropy - ); - break; - case "mapAlphaRepeat": - case "mapAlphaOffset": - case "mapAlphaWrap": - case "mapAlphaAnisotropy": - break; - case "flipSided": - json.side = BackSide; - break; - case "doubleSided": - json.side = DoubleSide; - break; - case "transparency": - console.warn( - "THREE.Loader.createMaterial: transparency has been renamed to opacity" - ); - json.opacity = value; - break; - case "depthTest": - case "depthWrite": - case "colorWrite": - case "opacity": - case "reflectivity": - case "transparent": - case "visible": - case "wireframe": - json[name] = value; - break; - case "vertexColors": - if (value === true) json.vertexColors = VertexColors; - if (value === "face") json.vertexColors = FaceColors; - break; - default: - console.error( - "THREE.Loader.createMaterial: Unsupported", - name, - value - ); - break; - } - } - - if (json.type === "MeshBasicMaterial") delete json.emissive; - if (json.type !== "MeshPhongMaterial") delete json.specular; - - if (json.opacity < 1) json.transparent = true; - - materialLoader.setTextures(textures); - - return materialLoader.parse(json); - }; - })(), - }); - - /** - * @author Don McCurdy / https://www.donmccurdy.com - */ - - var LoaderUtils = { - decodeText: function (array) { - if (typeof TextDecoder !== "undefined") { - return new TextDecoder().decode(array); - } - - // Avoid the String.fromCharCode.apply(null, array) shortcut, which - // throws a "maximum call stack size exceeded" error for large arrays. - - var s = ""; - - for (var i = 0, il = array.length; i < il; i++) { - // Implicitly assumes little-endian. - s += String.fromCharCode(array[i]); - } - - // Merges multi-byte utf-8 characters. - return decodeURIComponent(escape(s)); - }, - - extractUrlBase: function (url) { - var index = url.lastIndexOf("/"); - - if (index === -1) return "./"; - - return url.substr(0, index + 1); - }, - }; - - /** - * @author mrdoob / http://mrdoob.com/ - * @author alteredq / http://alteredqualia.com/ - */ - - function JSONLoader(manager) { - if (typeof manager === "boolean") { - console.warn( - "THREE.JSONLoader: showStatus parameter has been removed from constructor." - ); - manager = undefined; - } - - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - - this.withCredentials = false; - } - - Object.assign(JSONLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - var scope = this; - - var texturePath = - this.texturePath && typeof this.texturePath === "string" - ? this.texturePath - : LoaderUtils.extractUrlBase(url); - - var loader = new FileLoader(this.manager); - loader.setWithCredentials(this.withCredentials); - loader.load( - url, - function (text) { - var json = JSON.parse(text); - var metadata = json.metadata; - - if (metadata !== undefined) { - var type = metadata.type; - - if (type !== undefined) { - if (type.toLowerCase() === "object") { - console.error( - "THREE.JSONLoader: " + - url + - " should be loaded with THREE.ObjectLoader instead." - ); - return; - } - } - } - - var object = scope.parse(json, texturePath); - onLoad(object.geometry, object.materials); - }, - onProgress, - onError - ); - }, - - setTexturePath: function (value) { - this.texturePath = value; - }, - - parse: (function () { - function parseModel(json, geometry) { - function isBitSet(value, position) { - return value & (1 << position); - } - - var i, - j, - fi, - offset, - zLength, - colorIndex, - normalIndex, - uvIndex, - materialIndex, - type, - isQuad, - hasMaterial, - hasFaceVertexUv, - hasFaceNormal, - hasFaceVertexNormal, - hasFaceColor, - hasFaceVertexColor, - vertex, - face, - faceA, - faceB, - hex, - normal, - uvLayer, - uv, - u, - v, - faces = json.faces, - vertices = json.vertices, - normals = json.normals, - colors = json.colors, - scale = json.scale, - nUvLayers = 0; - - if (json.uvs !== undefined) { - // disregard empty arrays - - for (i = 0; i < json.uvs.length; i++) { - if (json.uvs[i].length) nUvLayers++; - } - - for (i = 0; i < nUvLayers; i++) { - geometry.faceVertexUvs[i] = []; - } - } - - offset = 0; - zLength = vertices.length; - - while (offset < zLength) { - vertex = new Vector3(); - - vertex.x = vertices[offset++] * scale; - vertex.y = vertices[offset++] * scale; - vertex.z = vertices[offset++] * scale; - - geometry.vertices.push(vertex); - } - - offset = 0; - zLength = faces.length; - - while (offset < zLength) { - type = faces[offset++]; - - isQuad = isBitSet(type, 0); - hasMaterial = isBitSet(type, 1); - hasFaceVertexUv = isBitSet(type, 3); - hasFaceNormal = isBitSet(type, 4); - hasFaceVertexNormal = isBitSet(type, 5); - hasFaceColor = isBitSet(type, 6); - hasFaceVertexColor = isBitSet(type, 7); - - // console.log("type", type, "bits", isQuad, hasMaterial, hasFaceVertexUv, hasFaceNormal, hasFaceVertexNormal, hasFaceColor, hasFaceVertexColor); - - if (isQuad) { - faceA = new Face3(); - faceA.a = faces[offset]; - faceA.b = faces[offset + 1]; - faceA.c = faces[offset + 3]; - - faceB = new Face3(); - faceB.a = faces[offset + 1]; - faceB.b = faces[offset + 2]; - faceB.c = faces[offset + 3]; - - offset += 4; - - if (hasMaterial) { - materialIndex = faces[offset++]; - faceA.materialIndex = materialIndex; - faceB.materialIndex = materialIndex; - } - - // to get face <=> uv index correspondence - - fi = geometry.faces.length; - - if (hasFaceVertexUv) { - for (i = 0; i < nUvLayers; i++) { - uvLayer = json.uvs[i]; - - geometry.faceVertexUvs[i][fi] = []; - geometry.faceVertexUvs[i][fi + 1] = []; - - for (j = 0; j < 4; j++) { - uvIndex = faces[offset++]; - - u = uvLayer[uvIndex * 2]; - v = uvLayer[uvIndex * 2 + 1]; - - uv = new Vector2(u, v); - - if (j !== 2) geometry.faceVertexUvs[i][fi].push(uv); - if (j !== 0) geometry.faceVertexUvs[i][fi + 1].push(uv); - } - } - } - - if (hasFaceNormal) { - normalIndex = faces[offset++] * 3; - - faceA.normal.set( - normals[normalIndex++], - normals[normalIndex++], - normals[normalIndex] - ); - - faceB.normal.copy(faceA.normal); - } + // initialize meta obj + meta = { + geometries: {}, + materials: {}, + textures: {}, + images: {}, + shapes: {} + }; - if (hasFaceVertexNormal) { - for (i = 0; i < 4; i++) { - normalIndex = faces[offset++] * 3; - - normal = new Vector3( - normals[normalIndex++], - normals[normalIndex++], - normals[normalIndex] - ); + output.metadata = { + version: 4.5, + type: 'Object', + generator: 'Object3D.toJSON' + }; - if (i !== 2) faceA.vertexNormals.push(normal); - if (i !== 0) faceB.vertexNormals.push(normal); - } - } + } - if (hasFaceColor) { - colorIndex = faces[offset++]; - hex = colors[colorIndex]; - - faceA.color.setHex(hex); - faceB.color.setHex(hex); - } - - if (hasFaceVertexColor) { - for (i = 0; i < 4; i++) { - colorIndex = faces[offset++]; - hex = colors[colorIndex]; - - if (i !== 2) faceA.vertexColors.push(new Color(hex)); - if (i !== 0) faceB.vertexColors.push(new Color(hex)); - } - } - - geometry.faces.push(faceA); - geometry.faces.push(faceB); - } else { - face = new Face3(); - face.a = faces[offset++]; - face.b = faces[offset++]; - face.c = faces[offset++]; - - if (hasMaterial) { - materialIndex = faces[offset++]; - face.materialIndex = materialIndex; - } - - // to get face <=> uv index correspondence - - fi = geometry.faces.length; - - if (hasFaceVertexUv) { - for (i = 0; i < nUvLayers; i++) { - uvLayer = json.uvs[i]; - - geometry.faceVertexUvs[i][fi] = []; - - for (j = 0; j < 3; j++) { - uvIndex = faces[offset++]; - - u = uvLayer[uvIndex * 2]; - v = uvLayer[uvIndex * 2 + 1]; - - uv = new Vector2(u, v); - - geometry.faceVertexUvs[i][fi].push(uv); - } - } - } - - if (hasFaceNormal) { - normalIndex = faces[offset++] * 3; - - face.normal.set( - normals[normalIndex++], - normals[normalIndex++], - normals[normalIndex] - ); - } - - if (hasFaceVertexNormal) { - for (i = 0; i < 3; i++) { - normalIndex = faces[offset++] * 3; - - normal = new Vector3( - normals[normalIndex++], - normals[normalIndex++], - normals[normalIndex] - ); - - face.vertexNormals.push(normal); - } - } - - if (hasFaceColor) { - colorIndex = faces[offset++]; - face.color.setHex(colors[colorIndex]); - } - - if (hasFaceVertexColor) { - for (i = 0; i < 3; i++) { - colorIndex = faces[offset++]; - face.vertexColors.push(new Color(colors[colorIndex])); - } - } - - geometry.faces.push(face); - } - } - } - - function parseSkin(json, geometry) { - var influencesPerVertex = - json.influencesPerVertex !== undefined ? json.influencesPerVertex : 2; - - if (json.skinWeights) { - for ( - var i = 0, l = json.skinWeights.length; - i < l; - i += influencesPerVertex - ) { - var x = json.skinWeights[i]; - var y = influencesPerVertex > 1 ? json.skinWeights[i + 1] : 0; - var z = influencesPerVertex > 2 ? json.skinWeights[i + 2] : 0; - var w = influencesPerVertex > 3 ? json.skinWeights[i + 3] : 0; - - geometry.skinWeights.push(new Vector4(x, y, z, w)); - } - } - - if (json.skinIndices) { - for ( - var i = 0, l = json.skinIndices.length; - i < l; - i += influencesPerVertex - ) { - var a = json.skinIndices[i]; - var b = influencesPerVertex > 1 ? json.skinIndices[i + 1] : 0; - var c = influencesPerVertex > 2 ? json.skinIndices[i + 2] : 0; - var d = influencesPerVertex > 3 ? json.skinIndices[i + 3] : 0; - - geometry.skinIndices.push(new Vector4(a, b, c, d)); - } - } - - geometry.bones = json.bones; - - if ( - geometry.bones && - geometry.bones.length > 0 && - (geometry.skinWeights.length !== geometry.skinIndices.length || - geometry.skinIndices.length !== geometry.vertices.length) - ) { - console.warn( - "When skinning, number of vertices (" + - geometry.vertices.length + - "), skinIndices (" + - geometry.skinIndices.length + - "), and skinWeights (" + - geometry.skinWeights.length + - ") should match." - ); - } - } - - function parseMorphing(json, geometry) { - var scale = json.scale; - - if (json.morphTargets !== undefined) { - for (var i = 0, l = json.morphTargets.length; i < l; i++) { - geometry.morphTargets[i] = {}; - geometry.morphTargets[i].name = json.morphTargets[i].name; - geometry.morphTargets[i].vertices = []; - - var dstVertices = geometry.morphTargets[i].vertices; - var srcVertices = json.morphTargets[i].vertices; - - for (var v = 0, vl = srcVertices.length; v < vl; v += 3) { - var vertex = new Vector3(); - vertex.x = srcVertices[v] * scale; - vertex.y = srcVertices[v + 1] * scale; - vertex.z = srcVertices[v + 2] * scale; - - dstVertices.push(vertex); - } - } - } - - if (json.morphColors !== undefined && json.morphColors.length > 0) { - console.warn( - 'THREE.JSONLoader: "morphColors" no longer supported. Using them as face colors.' - ); - - var faces = geometry.faces; - var morphColors = json.morphColors[0].colors; - - for (var i = 0, l = faces.length; i < l; i++) { - faces[i].color.fromArray(morphColors, i * 3); - } - } - } - - function parseAnimations(json, geometry) { - var outputAnimations = []; - - // parse old style Bone/Hierarchy animations - var animations = []; - - if (json.animation !== undefined) { - animations.push(json.animation); - } - - if (json.animations !== undefined) { - if (json.animations.length) { - animations = animations.concat(json.animations); - } else { - animations.push(json.animations); - } - } - - for (var i = 0; i < animations.length; i++) { - var clip = AnimationClip.parseAnimation( - animations[i], - geometry.bones - ); - if (clip) outputAnimations.push(clip); - } - - // parse implicit morph animations - if (geometry.morphTargets) { - // TODO: Figure out what an appropraite FPS is for morph target animations -- defaulting to 10, but really it is completely arbitrary. - var morphAnimationClips = - AnimationClip.CreateClipsFromMorphTargetSequences( - geometry.morphTargets, - 10 - ); - outputAnimations = outputAnimations.concat(morphAnimationClips); - } - - if (outputAnimations.length > 0) geometry.animations = outputAnimations; - } - - return function parse(json, texturePath) { - if (json.data !== undefined) { - // Geometry 4.0 spec - json = json.data; - } - - if (json.scale !== undefined) { - json.scale = 1.0 / json.scale; - } else { - json.scale = 1.0; - } - - var geometry = new Geometry(); - - parseModel(json, geometry); - parseSkin(json, geometry); - parseMorphing(json, geometry); - parseAnimations(json, geometry); - - geometry.computeFaceNormals(); - geometry.computeBoundingSphere(); - - if (json.materials === undefined || json.materials.length === 0) { - return { geometry: geometry }; - } else { - var materials = Loader.prototype.initMaterials( - json.materials, - texturePath, - this.crossOrigin - ); - - return { geometry: geometry, materials: materials }; - } - }; - })(), - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function ObjectLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - this.texturePath = ""; - } - - Object.assign(ObjectLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - if (this.texturePath === "") { - this.texturePath = url.substring(0, url.lastIndexOf("/") + 1); - } - - var scope = this; - - var loader = new FileLoader(scope.manager); - loader.load( - url, - function (text) { - var json = null; - - try { - json = JSON.parse(text); - } catch (error) { - if (onError !== undefined) onError(error); - - console.error( - "THREE:ObjectLoader: Can't parse " + url + ".", - error.message - ); - - return; - } - - var metadata = json.metadata; - - if ( - metadata === undefined || - metadata.type === undefined || - metadata.type.toLowerCase() === "geometry" - ) { - console.error( - "THREE.ObjectLoader: Can't load " + - url + - ". Use THREE.JSONLoader instead." - ); - return; - } - - scope.parse(json, onLoad); - }, - onProgress, - onError - ); - }, - - setTexturePath: function (value) { - this.texturePath = value; - }, - - setCrossOrigin: function (value) { - this.crossOrigin = value; - }, - - parse: function (json, onLoad) { - var shapes = this.parseShape(json.shapes); - var geometries = this.parseGeometries(json.geometries, shapes); - - var images = this.parseImages(json.images, function () { - if (onLoad !== undefined) onLoad(object); - }); - - var textures = this.parseTextures(json.textures, images); - var materials = this.parseMaterials(json.materials, textures); - - var object = this.parseObject(json.object, geometries, materials); - - if (json.animations) { - object.animations = this.parseAnimations(json.animations); - } - - if (json.images === undefined || json.images.length === 0) { - if (onLoad !== undefined) onLoad(object); - } - - return object; - }, - - parseShape: function (json) { - var shapes = {}; - - if (json !== undefined) { - for (var i = 0, l = json.length; i < l; i++) { - var shape = new Shape().fromJSON(json[i]); - - shapes[shape.uuid] = shape; - } - } - - return shapes; - }, - - parseGeometries: function (json, shapes) { - var geometries = {}; - - if (json !== undefined) { - var geometryLoader = new JSONLoader(); - var bufferGeometryLoader = new BufferGeometryLoader(); - - for (var i = 0, l = json.length; i < l; i++) { - var geometry; - var data = json[i]; - - switch (data.type) { - case "PlaneGeometry": - case "PlaneBufferGeometry": - geometry = new Geometries[data.type]( - data.width, - data.height, - data.widthSegments, - data.heightSegments - ); - - break; - - case "BoxGeometry": - case "BoxBufferGeometry": - case "CubeGeometry": // backwards compatible - geometry = new Geometries[data.type]( - data.width, - data.height, - data.depth, - data.widthSegments, - data.heightSegments, - data.depthSegments - ); - - break; - - case "CircleGeometry": - case "CircleBufferGeometry": - geometry = new Geometries[data.type]( - data.radius, - data.segments, - data.thetaStart, - data.thetaLength - ); - - break; - - case "CylinderGeometry": - case "CylinderBufferGeometry": - geometry = new Geometries[data.type]( - data.radiusTop, - data.radiusBottom, - data.height, - data.radialSegments, - data.heightSegments, - data.openEnded, - data.thetaStart, - data.thetaLength - ); - - break; - - case "ConeGeometry": - case "ConeBufferGeometry": - geometry = new Geometries[data.type]( - data.radius, - data.height, - data.radialSegments, - data.heightSegments, - data.openEnded, - data.thetaStart, - data.thetaLength - ); - - break; - - case "SphereGeometry": - case "SphereBufferGeometry": - geometry = new Geometries[data.type]( - data.radius, - data.widthSegments, - data.heightSegments, - data.phiStart, - data.phiLength, - data.thetaStart, - data.thetaLength - ); - - break; - - case "DodecahedronGeometry": - case "DodecahedronBufferGeometry": - case "IcosahedronGeometry": - case "IcosahedronBufferGeometry": - case "OctahedronGeometry": - case "OctahedronBufferGeometry": - case "TetrahedronGeometry": - case "TetrahedronBufferGeometry": - geometry = new Geometries[data.type](data.radius, data.detail); - - break; - - case "RingGeometry": - case "RingBufferGeometry": - geometry = new Geometries[data.type]( - data.innerRadius, - data.outerRadius, - data.thetaSegments, - data.phiSegments, - data.thetaStart, - data.thetaLength - ); - - break; - - case "TorusGeometry": - case "TorusBufferGeometry": - geometry = new Geometries[data.type]( - data.radius, - data.tube, - data.radialSegments, - data.tubularSegments, - data.arc - ); - - break; - - case "TorusKnotGeometry": - case "TorusKnotBufferGeometry": - geometry = new Geometries[data.type]( - data.radius, - data.tube, - data.tubularSegments, - data.radialSegments, - data.p, - data.q - ); - - break; - - case "LatheGeometry": - case "LatheBufferGeometry": - geometry = new Geometries[data.type]( - data.points, - data.segments, - data.phiStart, - data.phiLength - ); - - break; - - case "PolyhedronGeometry": - case "PolyhedronBufferGeometry": - geometry = new Geometries[data.type]( - data.vertices, - data.indices, - data.radius, - data.details - ); - - break; - - case "ShapeGeometry": - case "ShapeBufferGeometry": - var geometryShapes = []; - - for (var j = 0, jl = data.shapes.length; j < jl; j++) { - var shape = shapes[data.shapes[j]]; - - geometryShapes.push(shape); - } - - geometry = new Geometries[data.type]( - geometryShapes, - data.curveSegments - ); - - break; - - case "BufferGeometry": - geometry = bufferGeometryLoader.parse(data); - - break; - - case "Geometry": - geometry = geometryLoader.parse(data, this.texturePath).geometry; - - break; - - default: - console.warn( - 'THREE.ObjectLoader: Unsupported geometry type "' + - data.type + - '"' - ); - - continue; - } - - geometry.uuid = data.uuid; - - if (data.name !== undefined) geometry.name = data.name; - - geometries[data.uuid] = geometry; - } - } - - return geometries; - }, + // standard Object3D serialization - parseMaterials: function (json, textures) { - var materials = {}; + var object = {}; - if (json !== undefined) { - var loader = new MaterialLoader(); - loader.setTextures(textures); - - for (var i = 0, l = json.length; i < l; i++) { - var data = json[i]; + object.uuid = this.uuid; + object.type = this.type; - if (data.type === "MultiMaterial") { - // Deprecated + if ( this.name !== '' ) object.name = this.name; + if ( this.castShadow === true ) object.castShadow = true; + if ( this.receiveShadow === true ) object.receiveShadow = true; + if ( this.visible === false ) object.visible = false; + if ( this.frustumCulled === false ) object.frustumCulled = false; + if ( this.renderOrder !== 0 ) object.renderOrder = this.renderOrder; + if ( JSON.stringify( this.userData ) !== '{}' ) object.userData = this.userData; - var array = []; + object.matrix = this.matrix.toArray(); - for (var j = 0; j < data.materials.length; j++) { - array.push(loader.parse(data.materials[j])); - } + if ( this.matrixAutoUpdate === false ) object.matrixAutoUpdate = false; - materials[data.uuid] = array; - } else { - materials[data.uuid] = loader.parse(data); - } - } - } + // - return materials; - }, + function serialize( library, element ) { - parseAnimations: function (json) { - var animations = []; + if ( library[ element.uuid ] === undefined ) { - for (var i = 0; i < json.length; i++) { - var clip = AnimationClip.parse(json[i]); + library[ element.uuid ] = element.toJSON( meta ); - animations.push(clip); - } + } - return animations; - }, + return element.uuid; - parseImages: function (json, onLoad) { - var scope = this; - var images = {}; + } - function loadImage(url) { - scope.manager.itemStart(url); + if ( this.geometry !== undefined ) { - return loader.load( - url, - function () { - scope.manager.itemEnd(url); - }, - undefined, - function () { - scope.manager.itemEnd(url); - scope.manager.itemError(url); - } - ); - } + object.geometry = serialize( meta.geometries, this.geometry ); - if (json !== undefined && json.length > 0) { - var manager = new LoadingManager(onLoad); + var parameters = this.geometry.parameters; - var loader = new ImageLoader(manager); - loader.setCrossOrigin(this.crossOrigin); + if ( parameters !== undefined && parameters.shapes !== undefined ) { - for (var i = 0, l = json.length; i < l; i++) { - var image = json[i]; - var path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test(image.url) - ? image.url - : scope.texturePath + image.url; + var shapes = parameters.shapes; - images[image.uuid] = loadImage(path); - } - } + if ( Array.isArray( shapes ) ) { - return images; - }, + for ( var i = 0, l = shapes.length; i < l; i ++ ) { - parseTextures: function (json, images) { - function parseConstant(value, type) { - if (typeof value === "number") return value; + var shape = shapes[ i ]; - console.warn( - "THREE.ObjectLoader.parseTexture: Constant should be in numeric form.", - value - ); + serialize( meta.shapes, shape ); - return type[value]; - } + } - var textures = {}; + } else { - if (json !== undefined) { - for (var i = 0, l = json.length; i < l; i++) { - var data = json[i]; + serialize( meta.shapes, shapes ); - if (data.image === undefined) { - console.warn( - 'THREE.ObjectLoader: No "image" specified for', - data.uuid - ); - } + } - if (images[data.image] === undefined) { - console.warn("THREE.ObjectLoader: Undefined image", data.image); - } + } - var texture = new Texture(images[data.image]); - texture.needsUpdate = true; + } - texture.uuid = data.uuid; + if ( this.material !== undefined ) { - if (data.name !== undefined) texture.name = data.name; - - if (data.mapping !== undefined) - texture.mapping = parseConstant(data.mapping, TEXTURE_MAPPING); - - if (data.offset !== undefined) texture.offset.fromArray(data.offset); - if (data.repeat !== undefined) texture.repeat.fromArray(data.repeat); - if (data.center !== undefined) texture.center.fromArray(data.center); - if (data.rotation !== undefined) texture.rotation = data.rotation; + if ( Array.isArray( this.material ) ) { - if (data.wrap !== undefined) { - texture.wrapS = parseConstant(data.wrap[0], TEXTURE_WRAPPING); - texture.wrapT = parseConstant(data.wrap[1], TEXTURE_WRAPPING); - } - - if (data.format !== undefined) texture.format = data.format; - - if (data.minFilter !== undefined) - texture.minFilter = parseConstant(data.minFilter, TEXTURE_FILTER); - if (data.magFilter !== undefined) - texture.magFilter = parseConstant(data.magFilter, TEXTURE_FILTER); - if (data.anisotropy !== undefined) - texture.anisotropy = data.anisotropy; - - if (data.flipY !== undefined) texture.flipY = data.flipY; - - textures[data.uuid] = texture; - } - } - - return textures; - }, - - parseObject: function (data, geometries, materials) { - var object; - - function getGeometry(name) { - if (geometries[name] === undefined) { - console.warn("THREE.ObjectLoader: Undefined geometry", name); - } - - return geometries[name]; - } + var uuids = []; - function getMaterial(name) { - if (name === undefined) return undefined; + for ( var i = 0, l = this.material.length; i < l; i ++ ) { - if (Array.isArray(name)) { - var array = []; + uuids.push( serialize( meta.materials, this.material[ i ] ) ); - for (var i = 0, l = name.length; i < l; i++) { - var uuid = name[i]; + } - if (materials[uuid] === undefined) { - console.warn("THREE.ObjectLoader: Undefined material", uuid); - } + object.material = uuids; - array.push(materials[uuid]); - } - - return array; - } - - if (materials[name] === undefined) { - console.warn("THREE.ObjectLoader: Undefined material", name); - } - - return materials[name]; - } - - switch (data.type) { - case "Scene": - object = new Scene(); - - if (data.background !== undefined) { - if (Number.isInteger(data.background)) { - object.background = new Color(data.background); - } - } - - if (data.fog !== undefined) { - if (data.fog.type === "Fog") { - object.fog = new Fog(data.fog.color, data.fog.near, data.fog.far); - } else if (data.fog.type === "FogExp2") { - object.fog = new FogExp2(data.fog.color, data.fog.density); - } - } - - break; - - case "PerspectiveCamera": - object = new PerspectiveCamera( - data.fov, - data.aspect, - data.near, - data.far - ); + } else { - if (data.focus !== undefined) object.focus = data.focus; - if (data.zoom !== undefined) object.zoom = data.zoom; - if (data.filmGauge !== undefined) object.filmGauge = data.filmGauge; - if (data.filmOffset !== undefined) - object.filmOffset = data.filmOffset; - if (data.view !== undefined) - object.view = Object.assign({}, data.view); - - break; - - case "OrthographicCamera": - object = new OrthographicCamera( - data.left, - data.right, - data.top, - data.bottom, - data.near, - data.far - ); - - if (data.zoom !== undefined) object.zoom = data.zoom; - if (data.view !== undefined) - object.view = Object.assign({}, data.view); - - break; - - case "AmbientLight": - object = new AmbientLight(data.color, data.intensity); - - break; - - case "DirectionalLight": - object = new DirectionalLight(data.color, data.intensity); - - break; - - case "PointLight": - object = new PointLight( - data.color, - data.intensity, - data.distance, - data.decay - ); - - break; - - case "RectAreaLight": - object = new RectAreaLight( - data.color, - data.intensity, - data.width, - data.height - ); + object.material = serialize( meta.materials, this.material ); - break; - - case "SpotLight": - object = new SpotLight( - data.color, - data.intensity, - data.distance, - data.angle, - data.penumbra, - data.decay - ); - - break; - - case "HemisphereLight": - object = new HemisphereLight( - data.color, - data.groundColor, - data.intensity - ); - - break; - - case "SkinnedMesh": - console.warn( - "THREE.ObjectLoader.parseObject() does not support SkinnedMesh yet." - ); - - case "Mesh": - var geometry = getGeometry(data.geometry); - var material = getMaterial(data.material); - - if (geometry.bones && geometry.bones.length > 0) { - object = new SkinnedMesh(geometry, material); - } else { - object = new Mesh(geometry, material); - } - - break; - - case "LOD": - object = new LOD(); - - break; - - case "Line": - object = new Line( - getGeometry(data.geometry), - getMaterial(data.material), - data.mode - ); - - break; - - case "LineLoop": - object = new LineLoop( - getGeometry(data.geometry), - getMaterial(data.material) - ); - - break; - - case "LineSegments": - object = new LineSegments( - getGeometry(data.geometry), - getMaterial(data.material) - ); - - break; - - case "PointCloud": - case "Points": - object = new Points( - getGeometry(data.geometry), - getMaterial(data.material) - ); - - break; - - case "Sprite": - object = new Sprite(getMaterial(data.material)); - - break; - - case "Group": - object = new Group(); - - break; - - default: - object = new Object3D(); - } - - object.uuid = data.uuid; - - if (data.name !== undefined) object.name = data.name; - - if (data.matrix !== undefined) { - object.matrix.fromArray(data.matrix); - - if (data.matrixAutoUpdate !== undefined) - object.matrixAutoUpdate = data.matrixAutoUpdate; - if (object.matrixAutoUpdate) - object.matrix.decompose( - object.position, - object.quaternion, - object.scale - ); - } else { - if (data.position !== undefined) - object.position.fromArray(data.position); - if (data.rotation !== undefined) - object.rotation.fromArray(data.rotation); - if (data.quaternion !== undefined) - object.quaternion.fromArray(data.quaternion); - if (data.scale !== undefined) object.scale.fromArray(data.scale); - } - - if (data.castShadow !== undefined) object.castShadow = data.castShadow; - if (data.receiveShadow !== undefined) - object.receiveShadow = data.receiveShadow; - - if (data.shadow) { - if (data.shadow.bias !== undefined) - object.shadow.bias = data.shadow.bias; - if (data.shadow.radius !== undefined) - object.shadow.radius = data.shadow.radius; - if (data.shadow.mapSize !== undefined) - object.shadow.mapSize.fromArray(data.shadow.mapSize); - if (data.shadow.camera !== undefined) - object.shadow.camera = this.parseObject(data.shadow.camera); - } - - if (data.visible !== undefined) object.visible = data.visible; - if (data.frustumCulled !== undefined) - object.frustumCulled = data.frustumCulled; - if (data.renderOrder !== undefined) object.renderOrder = data.renderOrder; - if (data.userData !== undefined) object.userData = data.userData; - - if (data.children !== undefined) { - var children = data.children; - - for (var i = 0; i < children.length; i++) { - object.add(this.parseObject(children[i], geometries, materials)); - } - } - - if (data.type === "LOD") { - var levels = data.levels; - - for (var l = 0; l < levels.length; l++) { - var level = levels[l]; - var child = object.getObjectByProperty("uuid", level.object); - - if (child !== undefined) { - object.addLevel(child, level.distance); - } - } - } - - return object; - }, - }); - - var TEXTURE_MAPPING = { - UVMapping: UVMapping, - CubeReflectionMapping: CubeReflectionMapping, - CubeRefractionMapping: CubeRefractionMapping, - EquirectangularReflectionMapping: EquirectangularReflectionMapping, - EquirectangularRefractionMapping: EquirectangularRefractionMapping, - SphericalReflectionMapping: SphericalReflectionMapping, - CubeUVReflectionMapping: CubeUVReflectionMapping, - CubeUVRefractionMapping: CubeUVRefractionMapping, - }; - - var TEXTURE_WRAPPING = { - RepeatWrapping: RepeatWrapping, - ClampToEdgeWrapping: ClampToEdgeWrapping, - MirroredRepeatWrapping: MirroredRepeatWrapping, - }; - - var TEXTURE_FILTER = { - NearestFilter: NearestFilter, - NearestMipMapNearestFilter: NearestMipMapNearestFilter, - NearestMipMapLinearFilter: NearestMipMapLinearFilter, - LinearFilter: LinearFilter, - LinearMipMapNearestFilter: LinearMipMapNearestFilter, - LinearMipMapLinearFilter: LinearMipMapLinearFilter, - }; - - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * minimal class for proxing functions to Path. Replaces old "extractSubpaths()" - **/ - - function ShapePath() { - this.type = "ShapePath"; - - this.color = new Color(); - - this.subPaths = []; - this.currentPath = null; - } - - Object.assign(ShapePath.prototype, { - moveTo: function (x, y) { - this.currentPath = new Path(); - this.subPaths.push(this.currentPath); - this.currentPath.moveTo(x, y); - }, - - lineTo: function (x, y) { - this.currentPath.lineTo(x, y); - }, - - quadraticCurveTo: function (aCPx, aCPy, aX, aY) { - this.currentPath.quadraticCurveTo(aCPx, aCPy, aX, aY); - }, - - bezierCurveTo: function (aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) { - this.currentPath.bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY); - }, - - splineThru: function (pts) { - this.currentPath.splineThru(pts); - }, - - toShapes: function (isCCW, noHoles) { - function toShapesNoHoles(inSubpaths) { - var shapes = []; - - for (var i = 0, l = inSubpaths.length; i < l; i++) { - var tmpPath = inSubpaths[i]; - - var tmpShape = new Shape(); - tmpShape.curves = tmpPath.curves; - - shapes.push(tmpShape); - } - - return shapes; - } - - function isPointInsidePolygon(inPt, inPolygon) { - var polyLen = inPolygon.length; - - // inPt on polygon contour => immediate success or - // toggling of inside/outside at every single! intersection point of an edge - // with the horizontal line through inPt, left of inPt - // not counting lowerY endpoints of edges and whole edges on that line - var inside = false; - for (var p = polyLen - 1, q = 0; q < polyLen; p = q++) { - var edgeLowPt = inPolygon[p]; - var edgeHighPt = inPolygon[q]; - - var edgeDx = edgeHighPt.x - edgeLowPt.x; - var edgeDy = edgeHighPt.y - edgeLowPt.y; - - if (Math.abs(edgeDy) > Number.EPSILON) { - // not parallel - if (edgeDy < 0) { - edgeLowPt = inPolygon[q]; - edgeDx = -edgeDx; - edgeHighPt = inPolygon[p]; - edgeDy = -edgeDy; - } - if (inPt.y < edgeLowPt.y || inPt.y > edgeHighPt.y) continue; - - if (inPt.y === edgeLowPt.y) { - if (inPt.x === edgeLowPt.x) return true; // inPt is on contour ? - // continue; // no intersection or edgeLowPt => doesn't count !!! - } else { - var perpEdge = - edgeDy * (inPt.x - edgeLowPt.x) - - edgeDx * (inPt.y - edgeLowPt.y); - if (perpEdge === 0) return true; // inPt is on contour ? - if (perpEdge < 0) continue; - inside = !inside; // true intersection left of inPt - } - } else { - // parallel or collinear - if (inPt.y !== edgeLowPt.y) continue; // parallel - // edge lies on the same horizontal line as inPt - if ( - (edgeHighPt.x <= inPt.x && inPt.x <= edgeLowPt.x) || - (edgeLowPt.x <= inPt.x && inPt.x <= edgeHighPt.x) - ) - return true; // inPt: Point on contour ! - // continue; - } - } - - return inside; - } - - var isClockWise = ShapeUtils.isClockWise; - - var subPaths = this.subPaths; - if (subPaths.length === 0) return []; - - if (noHoles === true) return toShapesNoHoles(subPaths); - - var solid, - tmpPath, - tmpShape, - shapes = []; - - if (subPaths.length === 1) { - tmpPath = subPaths[0]; - tmpShape = new Shape(); - tmpShape.curves = tmpPath.curves; - shapes.push(tmpShape); - return shapes; - } - - var holesFirst = !isClockWise(subPaths[0].getPoints()); - holesFirst = isCCW ? !holesFirst : holesFirst; - - // console.log("Holes first", holesFirst); - - var betterShapeHoles = []; - var newShapes = []; - var newShapeHoles = []; - var mainIdx = 0; - var tmpPoints; - - newShapes[mainIdx] = undefined; - newShapeHoles[mainIdx] = []; - - for (var i = 0, l = subPaths.length; i < l; i++) { - tmpPath = subPaths[i]; - tmpPoints = tmpPath.getPoints(); - solid = isClockWise(tmpPoints); - solid = isCCW ? !solid : solid; - - if (solid) { - if (!holesFirst && newShapes[mainIdx]) mainIdx++; - - newShapes[mainIdx] = { s: new Shape(), p: tmpPoints }; - newShapes[mainIdx].s.curves = tmpPath.curves; - - if (holesFirst) mainIdx++; - newShapeHoles[mainIdx] = []; - - //console.log('cw', i); - } else { - newShapeHoles[mainIdx].push({ h: tmpPath, p: tmpPoints[0] }); - - //console.log('ccw', i); - } - } - - // only Holes? -> probably all Shapes with wrong orientation - if (!newShapes[0]) return toShapesNoHoles(subPaths); - - if (newShapes.length > 1) { - var ambiguous = false; - var toChange = []; - - for (var sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx++) { - betterShapeHoles[sIdx] = []; - } - - for (var sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx++) { - var sho = newShapeHoles[sIdx]; - - for (var hIdx = 0; hIdx < sho.length; hIdx++) { - var ho = sho[hIdx]; - var hole_unassigned = true; - - for (var s2Idx = 0; s2Idx < newShapes.length; s2Idx++) { - if (isPointInsidePolygon(ho.p, newShapes[s2Idx].p)) { - if (sIdx !== s2Idx) - toChange.push({ froms: sIdx, tos: s2Idx, hole: hIdx }); - if (hole_unassigned) { - hole_unassigned = false; - betterShapeHoles[s2Idx].push(ho); - } else { - ambiguous = true; - } - } - } - if (hole_unassigned) { - betterShapeHoles[sIdx].push(ho); - } - } - } - // console.log("ambiguous: ", ambiguous); - if (toChange.length > 0) { - // console.log("to change: ", toChange); - if (!ambiguous) newShapeHoles = betterShapeHoles; - } - } - - var tmpHoles; - - for (var i = 0, il = newShapes.length; i < il; i++) { - tmpShape = newShapes[i].s; - shapes.push(tmpShape); - tmpHoles = newShapeHoles[i]; - - for (var j = 0, jl = tmpHoles.length; j < jl; j++) { - tmpShape.holes.push(tmpHoles[j].h); - } - } - - //console.log("shape", shapes); - - return shapes; - }, - }); + } - /** - * @author zz85 / http://www.lab4games.net/zz85/blog - * @author mrdoob / http://mrdoob.com/ - */ + } - function Font(data) { - this.type = "Font"; - - this.data = data; - } - - Object.assign(Font.prototype, { - isFont: true, + // - generateShapes: function (text, size, divisions) { - if (size === undefined) size = 100; - if (divisions === undefined) divisions = 4; - - var shapes = []; - var paths = createPaths(text, size, divisions, this.data); + if ( this.children.length > 0 ) { - for (var p = 0, pl = paths.length; p < pl; p++) { - Array.prototype.push.apply(shapes, paths[p].toShapes()); - } + object.children = []; - return shapes; - }, - }); + for ( var i = 0; i < this.children.length; i ++ ) { - function createPaths(text, size, divisions, data) { - var chars = String(text).split(""); - var scale = size / data.resolution; - var line_height = - (data.boundingBox.yMax - - data.boundingBox.yMin + - data.underlineThickness) * - scale; - - var paths = []; - - var offsetX = 0, - offsetY = 0; - - for (var i = 0; i < chars.length; i++) { - var char = chars[i]; - - if (char === "\n") { - offsetX = 0; - offsetY -= line_height; - } else { - var ret = createPath(char, divisions, scale, offsetX, offsetY, data); - offsetX += ret.offsetX; - paths.push(ret.path); - } - } - - return paths; - } - - function createPath(char, divisions, scale, offsetX, offsetY, data) { - var glyph = data.glyphs[char] || data.glyphs["?"]; - - if (!glyph) return; - - var path = new ShapePath(); - - var x, y, cpx, cpy, cpx1, cpy1, cpx2, cpy2; - - if (glyph.o) { - var outline = - glyph._cachedOutline || (glyph._cachedOutline = glyph.o.split(" ")); - - for (var i = 0, l = outline.length; i < l; ) { - var action = outline[i++]; + object.children.push( this.children[ i ].toJSON( meta ).object ); - switch (action) { - case "m": // moveTo - x = outline[i++] * scale + offsetX; - y = outline[i++] * scale + offsetY; + } - path.moveTo(x, y); + } - break; + if ( isRootObject ) { - case "l": // lineTo - x = outline[i++] * scale + offsetX; - y = outline[i++] * scale + offsetY; + var geometries = extractFromCache( meta.geometries ); + var materials = extractFromCache( meta.materials ); + var textures = extractFromCache( meta.textures ); + var images = extractFromCache( meta.images ); + var shapes = extractFromCache( meta.shapes ); - path.lineTo(x, y); + if ( geometries.length > 0 ) output.geometries = geometries; + if ( materials.length > 0 ) output.materials = materials; + if ( textures.length > 0 ) output.textures = textures; + if ( images.length > 0 ) output.images = images; + if ( shapes.length > 0 ) output.shapes = shapes; - break; + } - case "q": // quadraticCurveTo - cpx = outline[i++] * scale + offsetX; - cpy = outline[i++] * scale + offsetY; - cpx1 = outline[i++] * scale + offsetX; - cpy1 = outline[i++] * scale + offsetY; + output.object = object; - path.quadraticCurveTo(cpx1, cpy1, cpx, cpy); + return output; - break; - - case "b": // bezierCurveTo - cpx = outline[i++] * scale + offsetX; - cpy = outline[i++] * scale + offsetY; - cpx1 = outline[i++] * scale + offsetX; - cpy1 = outline[i++] * scale + offsetY; - cpx2 = outline[i++] * scale + offsetX; - cpy2 = outline[i++] * scale + offsetY; - - path.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, cpx, cpy); - - break; - } - } - } - - return { offsetX: glyph.ha * scale, path: path }; - } - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function FontLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - } - - Object.assign(FontLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - var scope = this; - - var loader = new FileLoader(this.manager); - loader.setPath(this.path); - loader.load( - url, - function (text) { - var json; - - try { - json = JSON.parse(text); - } catch (e) { - console.warn( - "THREE.FontLoader: typeface.js support is being deprecated. Use typeface.json instead." - ); - json = JSON.parse(text.substring(65, text.length - 2)); - } - - var font = scope.parse(json); - - if (onLoad) onLoad(font); - }, - onProgress, - onError - ); - }, - - parse: function (json) { - return new Font(json); - }, - - setPath: function (value) { - this.path = value; - return this; - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - var context; - - var AudioContext = { - getContext: function () { - if (context === undefined) { - context = new (window.AudioContext || window.webkitAudioContext)(); - } - - return context; - }, - - setContext: function (value) { - context = value; - }, - }; - - /** - * @author Reece Aaron Lecrivain / http://reecenotes.com/ - */ - - function AudioLoader(manager) { - this.manager = manager !== undefined ? manager : DefaultLoadingManager; - } - - Object.assign(AudioLoader.prototype, { - load: function (url, onLoad, onProgress, onError) { - var loader = new FileLoader(this.manager); - loader.setResponseType("arraybuffer"); - loader.load( - url, - function (buffer) { - var context = AudioContext.getContext(); - - context.decodeAudioData(buffer, function (audioBuffer) { - onLoad(audioBuffer); - }); - }, - onProgress, - onError - ); - }, - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function StereoCamera() { - this.type = "StereoCamera"; - - this.aspect = 1; - - this.eyeSep = 0.064; - - this.cameraL = new PerspectiveCamera(); - this.cameraL.layers.enable(1); - this.cameraL.matrixAutoUpdate = false; - - this.cameraR = new PerspectiveCamera(); - this.cameraR.layers.enable(2); - this.cameraR.matrixAutoUpdate = false; - } - - Object.assign(StereoCamera.prototype, { - update: (function () { - var instance, focus, fov, aspect, near, far, zoom, eyeSep; - - var eyeRight = new Matrix4(); - var eyeLeft = new Matrix4(); - - return function update(camera) { - var needsUpdate = - instance !== this || - focus !== camera.focus || - fov !== camera.fov || - aspect !== camera.aspect * this.aspect || - near !== camera.near || - far !== camera.far || - zoom !== camera.zoom || - eyeSep !== this.eyeSep; - - if (needsUpdate) { - instance = this; - focus = camera.focus; - fov = camera.fov; - aspect = camera.aspect * this.aspect; - near = camera.near; - far = camera.far; - zoom = camera.zoom; - - // Off-axis stereoscopic effect based on - // http://paulbourke.net/stereographics/stereorender/ - - var projectionMatrix = camera.projectionMatrix.clone(); - eyeSep = this.eyeSep / 2; - var eyeSepOnProjection = (eyeSep * near) / focus; - var ymax = (near * Math.tan(_Math.DEG2RAD * fov * 0.5)) / zoom; - var xmin, xmax; - - // translate xOffset - - eyeLeft.elements[12] = -eyeSep; - eyeRight.elements[12] = eyeSep; - - // for left eye - - xmin = -ymax * aspect + eyeSepOnProjection; - xmax = ymax * aspect + eyeSepOnProjection; - - projectionMatrix.elements[0] = (2 * near) / (xmax - xmin); - projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin); - - this.cameraL.projectionMatrix.copy(projectionMatrix); - - // for right eye - - xmin = -ymax * aspect - eyeSepOnProjection; - xmax = ymax * aspect - eyeSepOnProjection; - - projectionMatrix.elements[0] = (2 * near) / (xmax - xmin); - projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin); - - this.cameraR.projectionMatrix.copy(projectionMatrix); - } - - this.cameraL.matrixWorld.copy(camera.matrixWorld).multiply(eyeLeft); - this.cameraR.matrixWorld.copy(camera.matrixWorld).multiply(eyeRight); - }; - })(), - }); + // extract data from the cache hash + // remove metadata on each item + // and return as array + function extractFromCache( cache ) { - /** - * Camera for rendering cube maps - * - renders scene into axis-aligned cube - * - * @author alteredq / http://alteredqualia.com/ - */ + var values = []; + for ( var key in cache ) { - function CubeCamera(near, far, cubeResolution) { - Object3D.call(this); + var data = cache[ key ]; + delete data.metadata; + values.push( data ); - this.type = "CubeCamera"; + } + return values; - var fov = 90, - aspect = 1; + } - var cameraPX = new PerspectiveCamera(fov, aspect, near, far); - cameraPX.up.set(0, -1, 0); - cameraPX.lookAt(new Vector3(1, 0, 0)); - this.add(cameraPX); + }, - var cameraNX = new PerspectiveCamera(fov, aspect, near, far); - cameraNX.up.set(0, -1, 0); - cameraNX.lookAt(new Vector3(-1, 0, 0)); - this.add(cameraNX); + clone: function ( recursive ) { - var cameraPY = new PerspectiveCamera(fov, aspect, near, far); - cameraPY.up.set(0, 0, 1); - cameraPY.lookAt(new Vector3(0, 1, 0)); - this.add(cameraPY); + return new this.constructor().copy( this, recursive ); - var cameraNY = new PerspectiveCamera(fov, aspect, near, far); - cameraNY.up.set(0, 0, -1); - cameraNY.lookAt(new Vector3(0, -1, 0)); - this.add(cameraNY); + }, - var cameraPZ = new PerspectiveCamera(fov, aspect, near, far); - cameraPZ.up.set(0, -1, 0); - cameraPZ.lookAt(new Vector3(0, 0, 1)); - this.add(cameraPZ); + copy: function ( source, recursive ) { - var cameraNZ = new PerspectiveCamera(fov, aspect, near, far); - cameraNZ.up.set(0, -1, 0); - cameraNZ.lookAt(new Vector3(0, 0, -1)); - this.add(cameraNZ); + if ( recursive === undefined ) recursive = true; - var options = { - format: RGBFormat, - magFilter: LinearFilter, - minFilter: LinearFilter, - }; + this.name = source.name; - this.renderTarget = new WebGLRenderTargetCube( - cubeResolution, - cubeResolution, - options - ); - this.renderTarget.texture.name = "CubeCamera"; + this.up.copy( source.up ); - this.update = function (renderer, scene) { - if (this.parent === null) this.updateMatrixWorld(); + this.position.copy( source.position ); + this.quaternion.copy( source.quaternion ); + this.scale.copy( source.scale ); - var renderTarget = this.renderTarget; - var generateMipmaps = renderTarget.texture.generateMipmaps; + this.matrix.copy( source.matrix ); + this.matrixWorld.copy( source.matrixWorld ); - renderTarget.texture.generateMipmaps = false; + this.matrixAutoUpdate = source.matrixAutoUpdate; + this.matrixWorldNeedsUpdate = source.matrixWorldNeedsUpdate; - renderTarget.activeCubeFace = 0; - renderer.render(scene, cameraPX, renderTarget); + this.layers.mask = source.layers.mask; + this.visible = source.visible; - renderTarget.activeCubeFace = 1; - renderer.render(scene, cameraNX, renderTarget); + this.castShadow = source.castShadow; + this.receiveShadow = source.receiveShadow; - renderTarget.activeCubeFace = 2; - renderer.render(scene, cameraPY, renderTarget); + this.frustumCulled = source.frustumCulled; + this.renderOrder = source.renderOrder; - renderTarget.activeCubeFace = 3; - renderer.render(scene, cameraNY, renderTarget); + this.userData = JSON.parse( JSON.stringify( source.userData ) ); - renderTarget.activeCubeFace = 4; - renderer.render(scene, cameraPZ, renderTarget); + if ( recursive === true ) { - renderTarget.texture.generateMipmaps = generateMipmaps; + for ( var i = 0; i < source.children.length; i ++ ) { - renderTarget.activeCubeFace = 5; - renderer.render(scene, cameraNZ, renderTarget); + var child = source.children[ i ]; + this.add( child.clone() ); - renderer.setRenderTarget(null); - }; + } - this.clear = function (renderer, color, depth, stencil) { - var renderTarget = this.renderTarget; + } - for (var i = 0; i < 6; i++) { - renderTarget.activeCubeFace = i; - renderer.setRenderTarget(renderTarget); - - renderer.clear(color, depth, stencil); - } - - renderer.setRenderTarget(null); - }; - } - - CubeCamera.prototype = Object.create(Object3D.prototype); - CubeCamera.prototype.constructor = CubeCamera; - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function AudioListener() { - Object3D.call(this); - - this.type = "AudioListener"; - - this.context = AudioContext.getContext(); - - this.gain = this.context.createGain(); - this.gain.connect(this.context.destination); - - this.filter = null; - } - - AudioListener.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: AudioListener, - - getInput: function () { - return this.gain; - }, - - removeFilter: function () { - if (this.filter !== null) { - this.gain.disconnect(this.filter); - this.filter.disconnect(this.context.destination); - this.gain.connect(this.context.destination); - this.filter = null; - } - }, - - getFilter: function () { - return this.filter; - }, - - setFilter: function (value) { - if (this.filter !== null) { - this.gain.disconnect(this.filter); - this.filter.disconnect(this.context.destination); - } else { - this.gain.disconnect(this.context.destination); - } - - this.filter = value; - this.gain.connect(this.filter); - this.filter.connect(this.context.destination); - }, - - getMasterVolume: function () { - return this.gain.gain.value; - }, - - setMasterVolume: function (value) { - this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01); - }, - - updateMatrixWorld: (function () { - var position = new Vector3(); - var quaternion = new Quaternion(); - var scale = new Vector3(); - - var orientation = new Vector3(); - - return function updateMatrixWorld(force) { - Object3D.prototype.updateMatrixWorld.call(this, force); - - var listener = this.context.listener; - var up = this.up; - - this.matrixWorld.decompose(position, quaternion, scale); - - orientation.set(0, 0, -1).applyQuaternion(quaternion); - - if (listener.positionX) { - listener.positionX.setValueAtTime( - position.x, - this.context.currentTime - ); - listener.positionY.setValueAtTime( - position.y, - this.context.currentTime - ); - listener.positionZ.setValueAtTime( - position.z, - this.context.currentTime - ); - listener.forwardX.setValueAtTime( - orientation.x, - this.context.currentTime - ); - listener.forwardY.setValueAtTime( - orientation.y, - this.context.currentTime - ); - listener.forwardZ.setValueAtTime( - orientation.z, - this.context.currentTime - ); - listener.upX.setValueAtTime(up.x, this.context.currentTime); - listener.upY.setValueAtTime(up.y, this.context.currentTime); - listener.upZ.setValueAtTime(up.z, this.context.currentTime); - } else { - listener.setPosition(position.x, position.y, position.z); - listener.setOrientation( - orientation.x, - orientation.y, - orientation.z, - up.x, - up.y, - up.z - ); - } - }; - })(), - }); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author Reece Aaron Lecrivain / http://reecenotes.com/ - */ - - function Audio(listener) { - Object3D.call(this); - - this.type = "Audio"; - - this.context = listener.context; - - this.gain = this.context.createGain(); - this.gain.connect(listener.getInput()); - - this.autoplay = false; - - this.buffer = null; - this.loop = false; - this.startTime = 0; - this.offset = 0; - this.playbackRate = 1; - this.isPlaying = false; - this.hasPlaybackControl = true; - this.sourceType = "empty"; - - this.filters = []; - } - - Audio.prototype = Object.assign(Object.create(Object3D.prototype), { - constructor: Audio, - - getOutput: function () { - return this.gain; - }, - - setNodeSource: function (audioNode) { - this.hasPlaybackControl = false; - this.sourceType = "audioNode"; - this.source = audioNode; - this.connect(); - - return this; - }, - - setBuffer: function (audioBuffer) { - this.buffer = audioBuffer; - this.sourceType = "buffer"; - - if (this.autoplay) this.play(); - - return this; - }, - - play: function () { - if (this.isPlaying === true) { - console.warn("THREE.Audio: Audio is already playing."); - return; - } - - if (this.hasPlaybackControl === false) { - console.warn("THREE.Audio: this Audio has no playback control."); - return; - } - - var source = this.context.createBufferSource(); - - source.buffer = this.buffer; - source.loop = this.loop; - source.onended = this.onEnded.bind(this); - source.playbackRate.setValueAtTime(this.playbackRate, this.startTime); - this.startTime = this.context.currentTime; - source.start(this.startTime, this.offset); - - this.isPlaying = true; - - this.source = source; - - return this.connect(); - }, - - pause: function () { - if (this.hasPlaybackControl === false) { - console.warn("THREE.Audio: this Audio has no playback control."); - return; - } - - if (this.isPlaying === true) { - this.source.stop(); - this.offset += - (this.context.currentTime - this.startTime) * this.playbackRate; - this.isPlaying = false; - } - - return this; - }, - - stop: function () { - if (this.hasPlaybackControl === false) { - console.warn("THREE.Audio: this Audio has no playback control."); - return; - } + return this; - this.source.stop(); - this.offset = 0; - this.isPlaying = false; - - return this; - }, - - connect: function () { - if (this.filters.length > 0) { - this.source.connect(this.filters[0]); - - for (var i = 1, l = this.filters.length; i < l; i++) { - this.filters[i - 1].connect(this.filters[i]); - } - - this.filters[this.filters.length - 1].connect(this.getOutput()); - } else { - this.source.connect(this.getOutput()); - } - - return this; - }, + } - disconnect: function () { - if (this.filters.length > 0) { - this.source.disconnect(this.filters[0]); - - for (var i = 1, l = this.filters.length; i < l; i++) { - this.filters[i - 1].disconnect(this.filters[i]); - } - - this.filters[this.filters.length - 1].disconnect(this.getOutput()); - } else { - this.source.disconnect(this.getOutput()); - } - - return this; - }, + } ); - getFilters: function () { - return this.filters; - }, - - setFilters: function (value) { - if (!value) value = []; + /** + * @author mrdoob / http://mrdoob.com/ + * @author mikael emtinger / http://gomo.se/ + * @author WestLangley / http://github.com/WestLangley + */ - if (this.isPlaying === true) { - this.disconnect(); - this.filters = value; - this.connect(); - } else { - this.filters = value; - } - - return this; - }, + function Camera() { - getFilter: function () { - return this.getFilters()[0]; - }, + Object3D.call( this ); - setFilter: function (filter) { - return this.setFilters(filter ? [filter] : []); - }, - - setPlaybackRate: function (value) { - if (this.hasPlaybackControl === false) { - console.warn("THREE.Audio: this Audio has no playback control."); - return; - } + this.type = 'Camera'; - this.playbackRate = value; + this.matrixWorldInverse = new Matrix4(); + this.projectionMatrix = new Matrix4(); - if (this.isPlaying === true) { - this.source.playbackRate.setValueAtTime( - this.playbackRate, - this.context.currentTime - ); - } - - return this; - }, + } - getPlaybackRate: function () { - return this.playbackRate; - }, + Camera.prototype = Object.assign( Object.create( Object3D.prototype ), { - onEnded: function () { - this.isPlaying = false; - }, + constructor: Camera, - getLoop: function () { - if (this.hasPlaybackControl === false) { - console.warn("THREE.Audio: this Audio has no playback control."); - return false; - } + isCamera: true, - return this.loop; - }, + copy: function ( source, recursive ) { - setLoop: function (value) { - if (this.hasPlaybackControl === false) { - console.warn("THREE.Audio: this Audio has no playback control."); - return; - } + Object3D.prototype.copy.call( this, source, recursive ); - this.loop = value; + this.matrixWorldInverse.copy( source.matrixWorldInverse ); + this.projectionMatrix.copy( source.projectionMatrix ); - if (this.isPlaying === true) { - this.source.loop = this.loop; - } + return this; - return this; - }, + }, - getVolume: function () { - return this.gain.gain.value; - }, + getWorldDirection: function () { - setVolume: function (value) { - this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01); + var quaternion = new Quaternion(); - return this; - }, - }); + return function getWorldDirection( target ) { - /** - * @author mrdoob / http://mrdoob.com/ - */ + if ( target === undefined ) { - function PositionalAudio(listener) { - Audio.call(this, listener); + console.warn( 'THREE.Camera: .getWorldDirection() target is now required' ); + target = new Vector3(); - this.panner = this.context.createPanner(); - this.panner.connect(this.gain); - } + } - PositionalAudio.prototype = Object.assign(Object.create(Audio.prototype), { - constructor: PositionalAudio, + this.getWorldQuaternion( quaternion ); - getOutput: function () { - return this.panner; - }, + return target.set( 0, 0, - 1 ).applyQuaternion( quaternion ); - getRefDistance: function () { - return this.panner.refDistance; - }, - - setRefDistance: function (value) { - this.panner.refDistance = value; - }, + }; - getRolloffFactor: function () { - return this.panner.rolloffFactor; - }, + }(), - setRolloffFactor: function (value) { - this.panner.rolloffFactor = value; - }, - - getDistanceModel: function () { - return this.panner.distanceModel; - }, - - setDistanceModel: function (value) { - this.panner.distanceModel = value; - }, - - getMaxDistance: function () { - return this.panner.maxDistance; - }, - - setMaxDistance: function (value) { - this.panner.maxDistance = value; - }, - - updateMatrixWorld: (function () { - var position = new Vector3(); + updateMatrixWorld: function ( force ) { - return function updateMatrixWorld(force) { - Object3D.prototype.updateMatrixWorld.call(this, force); - - position.setFromMatrixPosition(this.matrixWorld); - - this.panner.setPosition(position.x, position.y, position.z); - }; - })(), - }); - - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function AudioAnalyser(audio, fftSize) { - this.analyser = audio.context.createAnalyser(); - this.analyser.fftSize = fftSize !== undefined ? fftSize : 2048; + Object3D.prototype.updateMatrixWorld.call( this, force ); - this.data = new Uint8Array(this.analyser.frequencyBinCount); - - audio.getOutput().connect(this.analyser); - } - - Object.assign(AudioAnalyser.prototype, { - getFrequencyData: function () { - this.analyser.getByteFrequencyData(this.data); + this.matrixWorldInverse.getInverse( this.matrixWorld ); - return this.data; - }, - - getAverageFrequency: function () { - var value = 0, - data = this.getFrequencyData(); - - for (var i = 0; i < data.length; i++) { - value += data[i]; - } - - return value / data.length; - }, - }); - - /** - * - * Buffered scene graph property that allows weighted accumulation. - * - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function PropertyMixer(binding, typeName, valueSize) { - this.binding = binding; - this.valueSize = valueSize; - - var bufferType = Float64Array, - mixFunction; - - switch (typeName) { - case "quaternion": - mixFunction = this._slerp; - break; - - case "string": - case "bool": - bufferType = Array; - mixFunction = this._select; - break; - - default: - mixFunction = this._lerp; - } - - this.buffer = new bufferType(valueSize * 4); - // layout: [ incoming | accu0 | accu1 | orig ] - // - // interpolators can use .buffer as their .result - // the data then goes to 'incoming' - // - // 'accu0' and 'accu1' are used frame-interleaved for - // the cumulative result and are compared to detect - // changes - // - // 'orig' stores the original state of the property - - this._mixBufferRegion = mixFunction; - - this.cumulativeWeight = 0; - - this.useCount = 0; - this.referenceCount = 0; - } - - Object.assign(PropertyMixer.prototype, { - // accumulate data in the 'incoming' region into 'accu' - accumulate: function (accuIndex, weight) { - // note: happily accumulating nothing when weight = 0, the caller knows - // the weight and shouldn't have made the call in the first place - - var buffer = this.buffer, - stride = this.valueSize, - offset = accuIndex * stride + stride, - currentWeight = this.cumulativeWeight; - - if (currentWeight === 0) { - // accuN := incoming * weight - - for (var i = 0; i !== stride; ++i) { - buffer[offset + i] = buffer[i]; - } - - currentWeight = weight; - } else { - // accuN := accuN + incoming * weight - - currentWeight += weight; - var mix = weight / currentWeight; - this._mixBufferRegion(buffer, offset, 0, mix, stride); - } - - this.cumulativeWeight = currentWeight; - }, - - // apply the state of 'accu' to the binding when accus differ - apply: function (accuIndex) { - var stride = this.valueSize, - buffer = this.buffer, - offset = accuIndex * stride + stride, - weight = this.cumulativeWeight, - binding = this.binding; - - this.cumulativeWeight = 0; - - if (weight < 1) { - // accuN := accuN + original * ( 1 - cumulativeWeight ) - - var originalValueOffset = stride * 3; - - this._mixBufferRegion( - buffer, - offset, - originalValueOffset, - 1 - weight, - stride - ); - } - - for (var i = stride, e = stride + stride; i !== e; ++i) { - if (buffer[i] !== buffer[i + stride]) { - // value has changed -> update scene graph - - binding.setValue(buffer, offset); - break; - } - } - }, - - // remember the state of the bound property and copy it to both accus - saveOriginalState: function () { - var binding = this.binding; - - var buffer = this.buffer, - stride = this.valueSize, - originalValueOffset = stride * 3; - - binding.getValue(buffer, originalValueOffset); - - // accu[0..1] := orig -- initially detect changes against the original - for (var i = stride, e = originalValueOffset; i !== e; ++i) { - buffer[i] = buffer[originalValueOffset + (i % stride)]; - } - - this.cumulativeWeight = 0; - }, - - // apply the state previously taken via 'saveOriginalState' to the binding - restoreOriginalState: function () { - var originalValueOffset = this.valueSize * 3; - this.binding.setValue(this.buffer, originalValueOffset); - }, - - // mix functions - - _select: function (buffer, dstOffset, srcOffset, t, stride) { - if (t >= 0.5) { - for (var i = 0; i !== stride; ++i) { - buffer[dstOffset + i] = buffer[srcOffset + i]; - } - } - }, - - _slerp: function (buffer, dstOffset, srcOffset, t) { - Quaternion.slerpFlat( - buffer, - dstOffset, - buffer, - dstOffset, - buffer, - srcOffset, - t - ); - }, - - _lerp: function (buffer, dstOffset, srcOffset, t, stride) { - var s = 1 - t; - - for (var i = 0; i !== stride; ++i) { - var j = dstOffset + i; - - buffer[j] = buffer[j] * s + buffer[srcOffset + i] * t; - } - }, - }); - - /** - * - * A reference to a real property in the scene graph. - * - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - // Characters [].:/ are reserved for track binding syntax. - var RESERVED_CHARS_RE = "\\[\\]\\.:\\/"; - - function Composite(targetGroup, path, optionalParsedPath) { - var parsedPath = optionalParsedPath || PropertyBinding.parseTrackName(path); - - this._targetGroup = targetGroup; - this._bindings = targetGroup.subscribe_(path, parsedPath); - } - - Object.assign(Composite.prototype, { - getValue: function (array, offset) { - this.bind(); // bind all binding - - var firstValidIndex = this._targetGroup.nCachedObjects_, - binding = this._bindings[firstValidIndex]; - - // and only call .getValue on the first - if (binding !== undefined) binding.getValue(array, offset); - }, - - setValue: function (array, offset) { - var bindings = this._bindings; - - for ( - var i = this._targetGroup.nCachedObjects_, n = bindings.length; - i !== n; - ++i - ) { - bindings[i].setValue(array, offset); - } - }, - - bind: function () { - var bindings = this._bindings; - - for ( - var i = this._targetGroup.nCachedObjects_, n = bindings.length; - i !== n; - ++i - ) { - bindings[i].bind(); - } - }, - - unbind: function () { - var bindings = this._bindings; - - for ( - var i = this._targetGroup.nCachedObjects_, n = bindings.length; - i !== n; - ++i - ) { - bindings[i].unbind(); - } - }, - }); - - function PropertyBinding(rootNode, path, parsedPath) { - this.path = path; - this.parsedPath = parsedPath || PropertyBinding.parseTrackName(path); - - this.node = - PropertyBinding.findNode(rootNode, this.parsedPath.nodeName) || rootNode; - - this.rootNode = rootNode; - } - - Object.assign(PropertyBinding, { - Composite: Composite, - - create: function (root, path, parsedPath) { - if (!(root && root.isAnimationObjectGroup)) { - return new PropertyBinding(root, path, parsedPath); - } else { - return new PropertyBinding.Composite(root, path, parsedPath); - } - }, - - /** - * Replaces spaces with underscores and removes unsupported characters from - * node names, to ensure compatibility with parseTrackName(). - * - * @param {string} name Node name to be sanitized. - * @return {string} - */ - sanitizeNodeName: (function () { - var reservedRe = new RegExp("[" + RESERVED_CHARS_RE + "]", "g"); - - return function sanitizeNodeName(name) { - return name.replace(/\s/g, "_").replace(reservedRe, ""); - }; - })(), - - parseTrackName: (function () { - // Attempts to allow node names from any language. ES5's `\w` regexp matches - // only latin characters, and the unicode \p{L} is not yet supported. So - // instead, we exclude reserved characters and match everything else. - var wordChar = "[^" + RESERVED_CHARS_RE + "]"; - var wordCharOrDot = "[^" + RESERVED_CHARS_RE.replace("\\.", "") + "]"; - - // Parent directories, delimited by '/' or ':'. Currently unused, but must - // be matched to parse the rest of the track name. - var directoryRe = /((?:WC+[\/:])*)/.source.replace("WC", wordChar); - - // Target node. May contain word characters (a-zA-Z0-9_) and '.' or '-'. - var nodeRe = /(WCOD+)?/.source.replace("WCOD", wordCharOrDot); - - // Object on target node, and accessor. May not contain reserved - // characters. Accessor may contain any character except closing bracket. - var objectRe = /(?:\.(WC+)(?:\[(.+)\])?)?/.source.replace("WC", wordChar); - - // Property and accessor. May not contain reserved characters. Accessor may - // contain any non-bracket characters. - var propertyRe = /\.(WC+)(?:\[(.+)\])?/.source.replace("WC", wordChar); - - var trackRe = new RegExp( - "" + "^" + directoryRe + nodeRe + objectRe + propertyRe + "$" - ); - - var supportedObjectNames = ["material", "materials", "bones"]; - - return function parseTrackName(trackName) { - var matches = trackRe.exec(trackName); - - if (!matches) { - throw new Error( - "PropertyBinding: Cannot parse trackName: " + trackName - ); - } - - var results = { - // directoryName: matches[ 1 ], // (tschw) currently unused - nodeName: matches[2], - objectName: matches[3], - objectIndex: matches[4], - propertyName: matches[5], // required - propertyIndex: matches[6], - }; - - var lastDot = results.nodeName && results.nodeName.lastIndexOf("."); - - if (lastDot !== undefined && lastDot !== -1) { - var objectName = results.nodeName.substring(lastDot + 1); - - // Object names must be checked against a whitelist. Otherwise, there - // is no way to parse 'foo.bar.baz': 'baz' must be a property, but - // 'bar' could be the objectName, or part of a nodeName (which can - // include '.' characters). - if (supportedObjectNames.indexOf(objectName) !== -1) { - results.nodeName = results.nodeName.substring(0, lastDot); - results.objectName = objectName; - } - } - - if ( - results.propertyName === null || - results.propertyName.length === 0 - ) { - throw new Error( - "PropertyBinding: can not parse propertyName from trackName: " + - trackName - ); - } - - return results; - }; - })(), - - findNode: function (root, nodeName) { - if ( - !nodeName || - nodeName === "" || - nodeName === "root" || - nodeName === "." || - nodeName === -1 || - nodeName === root.name || - nodeName === root.uuid - ) { - return root; - } - - // search into skeleton bones. - if (root.skeleton) { - var bone = root.skeleton.getBoneByName(nodeName); - - if (bone !== undefined) { - return bone; - } - } - - // search into node subtree. - if (root.children) { - var searchNodeSubtree = function (children) { - for (var i = 0; i < children.length; i++) { - var childNode = children[i]; - - if (childNode.name === nodeName || childNode.uuid === nodeName) { - return childNode; - } - - var result = searchNodeSubtree(childNode.children); - - if (result) return result; - } - - return null; - }; - - var subTreeNode = searchNodeSubtree(root.children); - - if (subTreeNode) { - return subTreeNode; - } - } - - return null; - }, - }); - - Object.assign(PropertyBinding.prototype, { - // prototype, continued - - // these are used to "bind" a nonexistent property - _getValue_unavailable: function () {}, - _setValue_unavailable: function () {}, - - BindingType: { - Direct: 0, - EntireArray: 1, - ArrayElement: 2, - HasFromToArray: 3, - }, - - Versioning: { - None: 0, - NeedsUpdate: 1, - MatrixWorldNeedsUpdate: 2, - }, - - GetterByBindingType: [ - function getValue_direct(buffer, offset) { - buffer[offset] = this.node[this.propertyName]; - }, - - function getValue_array(buffer, offset) { - var source = this.resolvedProperty; - - for (var i = 0, n = source.length; i !== n; ++i) { - buffer[offset++] = source[i]; - } - }, - - function getValue_arrayElement(buffer, offset) { - buffer[offset] = this.resolvedProperty[this.propertyIndex]; - }, - - function getValue_toArray(buffer, offset) { - this.resolvedProperty.toArray(buffer, offset); - }, - ], - - SetterByBindingTypeAndVersioning: [ - [ - // Direct - - function setValue_direct(buffer, offset) { - this.targetObject[this.propertyName] = buffer[offset]; - }, - - function setValue_direct_setNeedsUpdate(buffer, offset) { - this.targetObject[this.propertyName] = buffer[offset]; - this.targetObject.needsUpdate = true; - }, - - function setValue_direct_setMatrixWorldNeedsUpdate(buffer, offset) { - this.targetObject[this.propertyName] = buffer[offset]; - this.targetObject.matrixWorldNeedsUpdate = true; - }, - ], - [ - // EntireArray - - function setValue_array(buffer, offset) { - var dest = this.resolvedProperty; - - for (var i = 0, n = dest.length; i !== n; ++i) { - dest[i] = buffer[offset++]; - } - }, - - function setValue_array_setNeedsUpdate(buffer, offset) { - var dest = this.resolvedProperty; - - for (var i = 0, n = dest.length; i !== n; ++i) { - dest[i] = buffer[offset++]; - } - - this.targetObject.needsUpdate = true; - }, - - function setValue_array_setMatrixWorldNeedsUpdate(buffer, offset) { - var dest = this.resolvedProperty; - - for (var i = 0, n = dest.length; i !== n; ++i) { - dest[i] = buffer[offset++]; - } - - this.targetObject.matrixWorldNeedsUpdate = true; - }, - ], - [ - // ArrayElement - - function setValue_arrayElement(buffer, offset) { - this.resolvedProperty[this.propertyIndex] = buffer[offset]; - }, - - function setValue_arrayElement_setNeedsUpdate(buffer, offset) { - this.resolvedProperty[this.propertyIndex] = buffer[offset]; - this.targetObject.needsUpdate = true; - }, - - function setValue_arrayElement_setMatrixWorldNeedsUpdate( - buffer, - offset - ) { - this.resolvedProperty[this.propertyIndex] = buffer[offset]; - this.targetObject.matrixWorldNeedsUpdate = true; - }, - ], - [ - // HasToFromArray - - function setValue_fromArray(buffer, offset) { - this.resolvedProperty.fromArray(buffer, offset); - }, - - function setValue_fromArray_setNeedsUpdate(buffer, offset) { - this.resolvedProperty.fromArray(buffer, offset); - this.targetObject.needsUpdate = true; - }, - - function setValue_fromArray_setMatrixWorldNeedsUpdate(buffer, offset) { - this.resolvedProperty.fromArray(buffer, offset); - this.targetObject.matrixWorldNeedsUpdate = true; - }, - ], - ], - - getValue: function getValue_unbound(targetArray, offset) { - this.bind(); - this.getValue(targetArray, offset); - - // Note: This class uses a State pattern on a per-method basis: - // 'bind' sets 'this.getValue' / 'setValue' and shadows the - // prototype version of these methods with one that represents - // the bound state. When the property is not found, the methods - // become no-ops. - }, - - setValue: function getValue_unbound(sourceArray, offset) { - this.bind(); - this.setValue(sourceArray, offset); - }, - - // create getter / setter pair for a property in the scene graph - bind: function () { - var targetObject = this.node, - parsedPath = this.parsedPath, - objectName = parsedPath.objectName, - propertyName = parsedPath.propertyName, - propertyIndex = parsedPath.propertyIndex; - - if (!targetObject) { - targetObject = - PropertyBinding.findNode(this.rootNode, parsedPath.nodeName) || - this.rootNode; - - this.node = targetObject; - } - - // set fail state so we can just 'return' on error - this.getValue = this._getValue_unavailable; - this.setValue = this._setValue_unavailable; - - // ensure there is a value node - if (!targetObject) { - console.error( - "THREE.PropertyBinding: Trying to update node for track: " + - this.path + - " but it wasn't found." - ); - return; - } - - if (objectName) { - var objectIndex = parsedPath.objectIndex; - - // special cases were we need to reach deeper into the hierarchy to get the face materials.... - switch (objectName) { - case "materials": - if (!targetObject.material) { - console.error( - "THREE.PropertyBinding: Can not bind to material as node does not have a material.", - this - ); - return; - } - - if (!targetObject.material.materials) { - console.error( - "THREE.PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.", - this - ); - return; - } - - targetObject = targetObject.material.materials; - - break; - - case "bones": - if (!targetObject.skeleton) { - console.error( - "THREE.PropertyBinding: Can not bind to bones as node does not have a skeleton.", - this - ); - return; - } - - // potential future optimization: skip this if propertyIndex is already an integer - // and convert the integer string to a true integer. - - targetObject = targetObject.skeleton.bones; - - // support resolving morphTarget names into indices. - for (var i = 0; i < targetObject.length; i++) { - if (targetObject[i].name === objectIndex) { - objectIndex = i; - break; - } - } - - break; - - default: - if (targetObject[objectName] === undefined) { - console.error( - "THREE.PropertyBinding: Can not bind to objectName of node undefined.", - this - ); - return; - } - - targetObject = targetObject[objectName]; - } - - if (objectIndex !== undefined) { - if (targetObject[objectIndex] === undefined) { - console.error( - "THREE.PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.", - this, - targetObject - ); - return; - } - - targetObject = targetObject[objectIndex]; - } - } - - // resolve property - var nodeProperty = targetObject[propertyName]; - - if (nodeProperty === undefined) { - var nodeName = parsedPath.nodeName; - - console.error( - "THREE.PropertyBinding: Trying to update property for track: " + - nodeName + - "." + - propertyName + - " but it wasn't found.", - targetObject - ); - return; - } - - // determine versioning scheme - var versioning = this.Versioning.None; - - if (targetObject.needsUpdate !== undefined) { - // material - - versioning = this.Versioning.NeedsUpdate; - this.targetObject = targetObject; - } else if (targetObject.matrixWorldNeedsUpdate !== undefined) { - // node transform - - versioning = this.Versioning.MatrixWorldNeedsUpdate; - this.targetObject = targetObject; - } - - // determine how the property gets bound - var bindingType = this.BindingType.Direct; - - if (propertyIndex !== undefined) { - // access a sub element of the property array (only primitives are supported right now) - - if (propertyName === "morphTargetInfluences") { - // potential optimization, skip this if propertyIndex is already an integer, and convert the integer string to a true integer. - - // support resolving morphTarget names into indices. - if (!targetObject.geometry) { - console.error( - "THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.", - this - ); - return; - } - - if (targetObject.geometry.isBufferGeometry) { - if (!targetObject.geometry.morphAttributes) { - console.error( - "THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.", - this - ); - return; - } - - for ( - var i = 0; - i < this.node.geometry.morphAttributes.position.length; - i++ - ) { - if ( - targetObject.geometry.morphAttributes.position[i].name === - propertyIndex - ) { - propertyIndex = i; - break; - } - } - } else { - if (!targetObject.geometry.morphTargets) { - console.error( - "THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphTargets.", - this - ); - return; - } - - for (var i = 0; i < this.node.geometry.morphTargets.length; i++) { - if ( - targetObject.geometry.morphTargets[i].name === propertyIndex - ) { - propertyIndex = i; - break; - } - } - } - } - - bindingType = this.BindingType.ArrayElement; - - this.resolvedProperty = nodeProperty; - this.propertyIndex = propertyIndex; - } else if ( - nodeProperty.fromArray !== undefined && - nodeProperty.toArray !== undefined - ) { - // must use copy for Object3D.Euler/Quaternion - - bindingType = this.BindingType.HasFromToArray; - - this.resolvedProperty = nodeProperty; - } else if (Array.isArray(nodeProperty)) { - bindingType = this.BindingType.EntireArray; - - this.resolvedProperty = nodeProperty; - } else { - this.propertyName = propertyName; - } - - // select getter / setter - this.getValue = this.GetterByBindingType[bindingType]; - this.setValue = - this.SetterByBindingTypeAndVersioning[bindingType][versioning]; - }, - - unbind: function () { - this.node = null; - - // back to the prototype version of getValue / setValue - // note: avoiding to mutate the shape of 'this' via 'delete' - this.getValue = this._getValue_unbound; - this.setValue = this._setValue_unbound; - }, - }); - - //!\ DECLARE ALIAS AFTER assign prototype ! - Object.assign(PropertyBinding.prototype, { - // initial state of these methods that calls 'bind' - _getValue_unbound: PropertyBinding.prototype.getValue, - _setValue_unbound: PropertyBinding.prototype.setValue, - }); - - /** - * - * A group of objects that receives a shared animation state. - * - * Usage: - * - * - Add objects you would otherwise pass as 'root' to the - * constructor or the .clipAction method of AnimationMixer. - * - * - Instead pass this object as 'root'. - * - * - You can also add and remove objects later when the mixer - * is running. - * - * Note: - * - * Objects of this class appear as one object to the mixer, - * so cache control of the individual objects must be done - * on the group. - * - * Limitation: - * - * - The animated properties must be compatible among the - * all objects in the group. - * - * - A single property can either be controlled through a - * target group or directly, but not both. - * - * @author tschw - */ - - function AnimationObjectGroup() { - this.uuid = _Math.generateUUID(); - - // cached objects followed by the active ones - this._objects = Array.prototype.slice.call(arguments); - - this.nCachedObjects_ = 0; // threshold - // note: read by PropertyBinding.Composite - - var indices = {}; - this._indicesByUUID = indices; // for bookkeeping - - for (var i = 0, n = arguments.length; i !== n; ++i) { - indices[arguments[i].uuid] = i; - } - - this._paths = []; // inside: string - this._parsedPaths = []; // inside: { we don't care, here } - this._bindings = []; // inside: Array< PropertyBinding > - this._bindingsIndicesByPath = {}; // inside: indices in these arrays - - var scope = this; - - this.stats = { - objects: { - get total() { - return scope._objects.length; - }, - get inUse() { - return this.total - scope.nCachedObjects_; - }, - }, - get bindingsPerObject() { - return scope._bindings.length; - }, - }; - } - - Object.assign(AnimationObjectGroup.prototype, { - isAnimationObjectGroup: true, - - add: function () { - var objects = this._objects, - nObjects = objects.length, - nCachedObjects = this.nCachedObjects_, - indicesByUUID = this._indicesByUUID, - paths = this._paths, - parsedPaths = this._parsedPaths, - bindings = this._bindings, - nBindings = bindings.length, - knownObject = undefined; - - for (var i = 0, n = arguments.length; i !== n; ++i) { - var object = arguments[i], - uuid = object.uuid, - index = indicesByUUID[uuid]; - - if (index === undefined) { - // unknown object -> add it to the ACTIVE region - - index = nObjects++; - indicesByUUID[uuid] = index; - objects.push(object); - - // accounting is done, now do the same for all bindings - - for (var j = 0, m = nBindings; j !== m; ++j) { - bindings[j].push( - new PropertyBinding(object, paths[j], parsedPaths[j]) - ); - } - } else if (index < nCachedObjects) { - knownObject = objects[index]; - - // move existing object to the ACTIVE region - - var firstActiveIndex = --nCachedObjects, - lastCachedObject = objects[firstActiveIndex]; - - indicesByUUID[lastCachedObject.uuid] = index; - objects[index] = lastCachedObject; - - indicesByUUID[uuid] = firstActiveIndex; - objects[firstActiveIndex] = object; - - // accounting is done, now do the same for all bindings - - for (var j = 0, m = nBindings; j !== m; ++j) { - var bindingsForPath = bindings[j], - lastCached = bindingsForPath[firstActiveIndex], - binding = bindingsForPath[index]; - - bindingsForPath[index] = lastCached; - - if (binding === undefined) { - // since we do not bother to create new bindings - // for objects that are cached, the binding may - // or may not exist - - binding = new PropertyBinding(object, paths[j], parsedPaths[j]); - } - - bindingsForPath[firstActiveIndex] = binding; - } - } else if (objects[index] !== knownObject) { - console.error( - "THREE.AnimationObjectGroup: Different objects with the same UUID " + - "detected. Clean the caches or recreate your infrastructure when reloading scenes." - ); - } // else the object is already where we want it to be - } // for arguments - - this.nCachedObjects_ = nCachedObjects; - }, - - remove: function () { - var objects = this._objects, - nCachedObjects = this.nCachedObjects_, - indicesByUUID = this._indicesByUUID, - bindings = this._bindings, - nBindings = bindings.length; - - for (var i = 0, n = arguments.length; i !== n; ++i) { - var object = arguments[i], - uuid = object.uuid, - index = indicesByUUID[uuid]; - - if (index !== undefined && index >= nCachedObjects) { - // move existing object into the CACHED region - - var lastCachedIndex = nCachedObjects++, - firstActiveObject = objects[lastCachedIndex]; - - indicesByUUID[firstActiveObject.uuid] = index; - objects[index] = firstActiveObject; - - indicesByUUID[uuid] = lastCachedIndex; - objects[lastCachedIndex] = object; - - // accounting is done, now do the same for all bindings - - for (var j = 0, m = nBindings; j !== m; ++j) { - var bindingsForPath = bindings[j], - firstActive = bindingsForPath[lastCachedIndex], - binding = bindingsForPath[index]; - - bindingsForPath[index] = firstActive; - bindingsForPath[lastCachedIndex] = binding; - } - } - } // for arguments + }, - this.nCachedObjects_ = nCachedObjects; - }, + clone: function () { - // remove & forget - uncache: function () { - var objects = this._objects, - nObjects = objects.length, - nCachedObjects = this.nCachedObjects_, - indicesByUUID = this._indicesByUUID, - bindings = this._bindings, - nBindings = bindings.length; + return new this.constructor().copy( this ); - for (var i = 0, n = arguments.length; i !== n; ++i) { - var object = arguments[i], - uuid = object.uuid, - index = indicesByUUID[uuid]; + } - if (index !== undefined) { - delete indicesByUUID[uuid]; + } ); - if (index < nCachedObjects) { - // object is cached, shrink the CACHED region + /** + * @author alteredq / http://alteredqualia.com/ + * @author arose / http://github.com/arose + */ - var firstActiveIndex = --nCachedObjects, - lastCachedObject = objects[firstActiveIndex], - lastIndex = --nObjects, - lastObject = objects[lastIndex]; + function OrthographicCamera( left, right, top, bottom, near, far ) { - // last cached object takes this object's place - indicesByUUID[lastCachedObject.uuid] = index; - objects[index] = lastCachedObject; + Camera.call( this ); - // last object goes to the activated slot and pop - indicesByUUID[lastObject.uuid] = firstActiveIndex; - objects[firstActiveIndex] = lastObject; - objects.pop(); - - // accounting is done, now do the same for all bindings - - for (var j = 0, m = nBindings; j !== m; ++j) { - var bindingsForPath = bindings[j], - lastCached = bindingsForPath[firstActiveIndex], - last = bindingsForPath[lastIndex]; - - bindingsForPath[index] = lastCached; - bindingsForPath[firstActiveIndex] = last; - bindingsForPath.pop(); - } - } else { - // object is active, just swap with the last and pop - - var lastIndex = --nObjects, - lastObject = objects[lastIndex]; - - indicesByUUID[lastObject.uuid] = index; - objects[index] = lastObject; - objects.pop(); - - // accounting is done, now do the same for all bindings - - for (var j = 0, m = nBindings; j !== m; ++j) { - var bindingsForPath = bindings[j]; - - bindingsForPath[index] = bindingsForPath[lastIndex]; - bindingsForPath.pop(); - } - } // cached or active - } // if object is known - } // for arguments - - this.nCachedObjects_ = nCachedObjects; - }, - - // Internal interface used by befriended PropertyBinding.Composite: + this.type = 'OrthographicCamera'; - subscribe_: function (path, parsedPath) { - // returns an array of bindings for the given path that is changed - // according to the contained objects in the group - - var indicesByPath = this._bindingsIndicesByPath, - index = indicesByPath[path], - bindings = this._bindings; - - if (index !== undefined) return bindings[index]; - - var paths = this._paths, - parsedPaths = this._parsedPaths, - objects = this._objects, - nObjects = objects.length, - nCachedObjects = this.nCachedObjects_, - bindingsForPath = new Array(nObjects); - - index = bindings.length; - - indicesByPath[path] = index; - - paths.push(path); - parsedPaths.push(parsedPath); - bindings.push(bindingsForPath); + this.zoom = 1; + this.view = null; - for (var i = nCachedObjects, n = objects.length; i !== n; ++i) { - var object = objects[i]; - bindingsForPath[i] = new PropertyBinding(object, path, parsedPath); - } + this.left = left; + this.right = right; + this.top = top; + this.bottom = bottom; - return bindingsForPath; - }, + this.near = ( near !== undefined ) ? near : 0.1; + this.far = ( far !== undefined ) ? far : 2000; - unsubscribe_: function (path) { - // tells the group to forget about a property path and no longer - // update the array previously obtained with 'subscribe_' + this.updateProjectionMatrix(); - var indicesByPath = this._bindingsIndicesByPath, - index = indicesByPath[path]; + } - if (index !== undefined) { - var paths = this._paths, - parsedPaths = this._parsedPaths, - bindings = this._bindings, - lastBindingsIndex = bindings.length - 1, - lastBindings = bindings[lastBindingsIndex], - lastBindingsPath = path[lastBindingsIndex]; + OrthographicCamera.prototype = Object.assign( Object.create( Camera.prototype ), { - indicesByPath[lastBindingsPath] = index; + constructor: OrthographicCamera, - bindings[index] = lastBindings; - bindings.pop(); + isOrthographicCamera: true, - parsedPaths[index] = parsedPaths[lastBindingsIndex]; - parsedPaths.pop(); + copy: function ( source, recursive ) { - paths[index] = paths[lastBindingsIndex]; - paths.pop(); - } - }, - }); + Camera.prototype.copy.call( this, source, recursive ); - /** - * - * Action provided by AnimationMixer for scheduling clip playback on specific - * objects. - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - * - */ + this.left = source.left; + this.right = source.right; + this.top = source.top; + this.bottom = source.bottom; + this.near = source.near; + this.far = source.far; - function AnimationAction(mixer, clip, localRoot) { - this._mixer = mixer; - this._clip = clip; - this._localRoot = localRoot || null; + this.zoom = source.zoom; + this.view = source.view === null ? null : Object.assign( {}, source.view ); - var tracks = clip.tracks, - nTracks = tracks.length, - interpolants = new Array(nTracks); + return this; - var interpolantSettings = { - endingStart: ZeroCurvatureEnding, - endingEnd: ZeroCurvatureEnding, - }; + }, - for (var i = 0; i !== nTracks; ++i) { - var interpolant = tracks[i].createInterpolant(null); - interpolants[i] = interpolant; - interpolant.settings = interpolantSettings; - } + setViewOffset: function ( fullWidth, fullHeight, x, y, width, height ) { - this._interpolantSettings = interpolantSettings; + if ( this.view === null ) { - this._interpolants = interpolants; // bound by the mixer + this.view = { + enabled: true, + fullWidth: 1, + fullHeight: 1, + offsetX: 0, + offsetY: 0, + width: 1, + height: 1 + }; - // inside: PropertyMixer (managed by the mixer) - this._propertyBindings = new Array(nTracks); + } - this._cacheIndex = null; // for the memory manager - this._byClipCacheIndex = null; // for the memory manager + this.view.enabled = true; + this.view.fullWidth = fullWidth; + this.view.fullHeight = fullHeight; + this.view.offsetX = x; + this.view.offsetY = y; + this.view.width = width; + this.view.height = height; - this._timeScaleInterpolant = null; - this._weightInterpolant = null; + this.updateProjectionMatrix(); - this.loop = LoopRepeat; - this._loopCount = -1; + }, - // global mixer time when the action is to be started - // it's set back to 'null' upon start of the action - this._startTime = null; + clearViewOffset: function () { - // scaled local time of the action - // gets clamped or wrapped to 0..clip.duration according to loop - this.time = 0; + if ( this.view !== null ) { - this.timeScale = 1; - this._effectiveTimeScale = 1; + this.view.enabled = false; - this.weight = 1; - this._effectiveWeight = 1; + } - this.repetitions = Infinity; // no. of repetitions when looping + this.updateProjectionMatrix(); - this.paused = false; // true -> zero effective time scale - this.enabled = true; // false -> zero effective weight + }, - this.clampWhenFinished = false; // keep feeding the last frame? + updateProjectionMatrix: function () { - this.zeroSlopeAtStart = true; // for smooth interpolation w/o separate - this.zeroSlopeAtEnd = true; // clips for start, loop and end - } + var dx = ( this.right - this.left ) / ( 2 * this.zoom ); + var dy = ( this.top - this.bottom ) / ( 2 * this.zoom ); + var cx = ( this.right + this.left ) / 2; + var cy = ( this.top + this.bottom ) / 2; - Object.assign(AnimationAction.prototype, { - // State & Scheduling + var left = cx - dx; + var right = cx + dx; + var top = cy + dy; + var bottom = cy - dy; - play: function () { - this._mixer._activateAction(this); + if ( this.view !== null && this.view.enabled ) { - return this; - }, + var zoomW = this.zoom / ( this.view.width / this.view.fullWidth ); + var zoomH = this.zoom / ( this.view.height / this.view.fullHeight ); + var scaleW = ( this.right - this.left ) / this.view.width; + var scaleH = ( this.top - this.bottom ) / this.view.height; - stop: function () { - this._mixer._deactivateAction(this); + left += scaleW * ( this.view.offsetX / zoomW ); + right = left + scaleW * ( this.view.width / zoomW ); + top -= scaleH * ( this.view.offsetY / zoomH ); + bottom = top - scaleH * ( this.view.height / zoomH ); - return this.reset(); - }, + } - reset: function () { - this.paused = false; - this.enabled = true; + this.projectionMatrix.makeOrthographic( left, right, top, bottom, this.near, this.far ); - this.time = 0; // restart clip - this._loopCount = -1; // forget previous loops - this._startTime = null; // forget scheduling + }, - return this.stopFading().stopWarping(); - }, + toJSON: function ( meta ) { - isRunning: function () { - return ( - this.enabled && - !this.paused && - this.timeScale !== 0 && - this._startTime === null && - this._mixer._isActiveAction(this) - ); - }, + var data = Object3D.prototype.toJSON.call( this, meta ); - // return true when play has been called - isScheduled: function () { - return this._mixer._isActiveAction(this); - }, + data.object.zoom = this.zoom; + data.object.left = this.left; + data.object.right = this.right; + data.object.top = this.top; + data.object.bottom = this.bottom; + data.object.near = this.near; + data.object.far = this.far; - startAt: function (time) { - this._startTime = time; + if ( this.view !== null ) data.object.view = Object.assign( {}, this.view ); - return this; - }, + return data; - setLoop: function (mode, repetitions) { - this.loop = mode; - this.repetitions = repetitions; + } - return this; - }, + } ); - // Weight + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + */ - // set the weight stopping any scheduled fading - // although .enabled = false yields an effective weight of zero, this - // method does *not* change .enabled, because it would be confusing - setEffectiveWeight: function (weight) { - this.weight = weight; + function Face3( a, b, c, normal, color, materialIndex ) { - // note: same logic as when updated at runtime - this._effectiveWeight = this.enabled ? weight : 0; + this.a = a; + this.b = b; + this.c = c; - return this.stopFading(); - }, + this.normal = ( normal && normal.isVector3 ) ? normal : new Vector3(); + this.vertexNormals = Array.isArray( normal ) ? normal : []; - // return the weight considering fading and .enabled - getEffectiveWeight: function () { - return this._effectiveWeight; - }, + this.color = ( color && color.isColor ) ? color : new Color(); + this.vertexColors = Array.isArray( color ) ? color : []; - fadeIn: function (duration) { - return this._scheduleFading(duration, 0, 1); - }, + this.materialIndex = materialIndex !== undefined ? materialIndex : 0; - fadeOut: function (duration) { - return this._scheduleFading(duration, 1, 0); - }, + } - crossFadeFrom: function (fadeOutAction, duration, warp) { - fadeOutAction.fadeOut(duration); - this.fadeIn(duration); + Object.assign( Face3.prototype, { - if (warp) { - var fadeInDuration = this._clip.duration, - fadeOutDuration = fadeOutAction._clip.duration, - startEndRatio = fadeOutDuration / fadeInDuration, - endStartRatio = fadeInDuration / fadeOutDuration; + clone: function () { - fadeOutAction.warp(1.0, startEndRatio, duration); - this.warp(endStartRatio, 1.0, duration); - } + return new this.constructor().copy( this ); - return this; - }, + }, - crossFadeTo: function (fadeInAction, duration, warp) { - return fadeInAction.crossFadeFrom(this, duration, warp); - }, + copy: function ( source ) { - stopFading: function () { - var weightInterpolant = this._weightInterpolant; + this.a = source.a; + this.b = source.b; + this.c = source.c; - if (weightInterpolant !== null) { - this._weightInterpolant = null; - this._mixer._takeBackControlInterpolant(weightInterpolant); - } + this.normal.copy( source.normal ); + this.color.copy( source.color ); - return this; - }, + this.materialIndex = source.materialIndex; - // Time Scale Control + for ( var i = 0, il = source.vertexNormals.length; i < il; i ++ ) { - // set the time scale stopping any scheduled warping - // although .paused = true yields an effective time scale of zero, this - // method does *not* change .paused, because it would be confusing - setEffectiveTimeScale: function (timeScale) { - this.timeScale = timeScale; - this._effectiveTimeScale = this.paused ? 0 : timeScale; + this.vertexNormals[ i ] = source.vertexNormals[ i ].clone(); - return this.stopWarping(); - }, + } - // return the time scale considering warping and .paused - getEffectiveTimeScale: function () { - return this._effectiveTimeScale; - }, + for ( var i = 0, il = source.vertexColors.length; i < il; i ++ ) { - setDuration: function (duration) { - this.timeScale = this._clip.duration / duration; + this.vertexColors[ i ] = source.vertexColors[ i ].clone(); - return this.stopWarping(); - }, + } - syncWith: function (action) { - this.time = action.time; - this.timeScale = action.timeScale; + return this; - return this.stopWarping(); - }, + } - halt: function (duration) { - return this.warp(this._effectiveTimeScale, 0, duration); - }, + } ); - warp: function (startTimeScale, endTimeScale, duration) { - var mixer = this._mixer, - now = mixer.time, - interpolant = this._timeScaleInterpolant, - timeScale = this.timeScale; + /** + * @author mrdoob / http://mrdoob.com/ + * @author kile / http://kile.stravaganza.org/ + * @author alteredq / http://alteredqualia.com/ + * @author mikael emtinger / http://gomo.se/ + * @author zz85 / http://www.lab4games.net/zz85/blog + * @author bhouston / http://clara.io + */ - if (interpolant === null) { - interpolant = mixer._lendControlInterpolant(); - this._timeScaleInterpolant = interpolant; - } + var geometryId = 0; // Geometry uses even numbers as Id - var times = interpolant.parameterPositions, - values = interpolant.sampleValues; + function Geometry() { - times[0] = now; - times[1] = now + duration; + Object.defineProperty( this, 'id', { value: geometryId += 2 } ); - values[0] = startTimeScale / timeScale; - values[1] = endTimeScale / timeScale; + this.uuid = _Math.generateUUID(); - return this; - }, + this.name = ''; + this.type = 'Geometry'; - stopWarping: function () { - var timeScaleInterpolant = this._timeScaleInterpolant; + this.vertices = []; + this.colors = []; + this.faces = []; + this.faceVertexUvs = [[]]; - if (timeScaleInterpolant !== null) { - this._timeScaleInterpolant = null; - this._mixer._takeBackControlInterpolant(timeScaleInterpolant); - } + this.morphTargets = []; + this.morphNormals = []; - return this; - }, + this.skinWeights = []; + this.skinIndices = []; - // Object Accessors + this.lineDistances = []; - getMixer: function () { - return this._mixer; - }, + this.boundingBox = null; + this.boundingSphere = null; - getClip: function () { - return this._clip; - }, + // update flags - getRoot: function () { - return this._localRoot || this._mixer._root; - }, + this.elementsNeedUpdate = false; + this.verticesNeedUpdate = false; + this.uvsNeedUpdate = false; + this.normalsNeedUpdate = false; + this.colorsNeedUpdate = false; + this.lineDistancesNeedUpdate = false; + this.groupsNeedUpdate = false; - // Interna + } - _update: function (time, deltaTime, timeDirection, accuIndex) { - // called by the mixer + Geometry.prototype = Object.assign( Object.create( EventDispatcher.prototype ), { - if (!this.enabled) { - // call ._updateWeight() to update ._effectiveWeight + constructor: Geometry, - this._updateWeight(time); - return; - } + isGeometry: true, - var startTime = this._startTime; + applyMatrix: function ( matrix ) { - if (startTime !== null) { - // check for scheduled start of action + var normalMatrix = new Matrix3().getNormalMatrix( matrix ); - var timeRunning = (time - startTime) * timeDirection; - if (timeRunning < 0 || timeDirection === 0) { - return; // yet to come / don't decide when delta = 0 - } + for ( var i = 0, il = this.vertices.length; i < il; i ++ ) { - // start + var vertex = this.vertices[ i ]; + vertex.applyMatrix4( matrix ); - this._startTime = null; // unschedule - deltaTime = timeDirection * timeRunning; - } + } - // apply time scale and advance time + for ( var i = 0, il = this.faces.length; i < il; i ++ ) { - deltaTime *= this._updateTimeScale(time); - var clipTime = this._updateTime(deltaTime); + var face = this.faces[ i ]; + face.normal.applyMatrix3( normalMatrix ).normalize(); - // note: _updateTime may disable the action resulting in - // an effective weight of 0 + for ( var j = 0, jl = face.vertexNormals.length; j < jl; j ++ ) { - var weight = this._updateWeight(time); + face.vertexNormals[ j ].applyMatrix3( normalMatrix ).normalize(); - if (weight > 0) { - var interpolants = this._interpolants; - var propertyMixers = this._propertyBindings; + } - for (var j = 0, m = interpolants.length; j !== m; ++j) { - interpolants[j].evaluate(clipTime); - propertyMixers[j].accumulate(accuIndex, weight); - } - } - }, + } - _updateWeight: function (time) { - var weight = 0; + if ( this.boundingBox !== null ) { - if (this.enabled) { - weight = this.weight; - var interpolant = this._weightInterpolant; + this.computeBoundingBox(); - if (interpolant !== null) { - var interpolantValue = interpolant.evaluate(time)[0]; + } - weight *= interpolantValue; + if ( this.boundingSphere !== null ) { - if (time > interpolant.parameterPositions[1]) { - this.stopFading(); + this.computeBoundingSphere(); - if (interpolantValue === 0) { - // faded out, disable - this.enabled = false; - } - } - } - } + } - this._effectiveWeight = weight; - return weight; - }, + this.verticesNeedUpdate = true; + this.normalsNeedUpdate = true; - _updateTimeScale: function (time) { - var timeScale = 0; + return this; - if (!this.paused) { - timeScale = this.timeScale; + }, - var interpolant = this._timeScaleInterpolant; + rotateX: function () { - if (interpolant !== null) { - var interpolantValue = interpolant.evaluate(time)[0]; + // rotate geometry around world x-axis - timeScale *= interpolantValue; + var m1 = new Matrix4(); - if (time > interpolant.parameterPositions[1]) { - this.stopWarping(); + return function rotateX( angle ) { - if (timeScale === 0) { - // motion has halted, pause - this.paused = true; - } else { - // warp done - apply final time scale - this.timeScale = timeScale; - } - } - } - } + m1.makeRotationX( angle ); - this._effectiveTimeScale = timeScale; - return timeScale; - }, + this.applyMatrix( m1 ); - _updateTime: function (deltaTime) { - var time = this.time + deltaTime; + return this; - if (deltaTime === 0) return time; + }; - var duration = this._clip.duration, - loop = this.loop, - loopCount = this._loopCount; + }(), - if (loop === LoopOnce) { - if (loopCount === -1) { - // just started + rotateY: function () { - this._loopCount = 0; - this._setEndings(true, true, false); - } + // rotate geometry around world y-axis - handle_stop: { - if (time >= duration) { - time = duration; - } else if (time < 0) { - time = 0; - } else break handle_stop; + var m1 = new Matrix4(); - if (this.clampWhenFinished) this.paused = true; - else this.enabled = false; - - this._mixer.dispatchEvent({ - type: "finished", - action: this, - direction: deltaTime < 0 ? -1 : 1, - }); - } - } else { - // repetitive Repeat or PingPong - - var pingPong = loop === LoopPingPong; - - if (loopCount === -1) { - // just started - - if (deltaTime >= 0) { - loopCount = 0; - - this._setEndings(true, this.repetitions === 0, pingPong); - } else { - // when looping in reverse direction, the initial - // transition through zero counts as a repetition, - // so leave loopCount at -1 - - this._setEndings(this.repetitions === 0, true, pingPong); - } - } - - if (time >= duration || time < 0) { - // wrap around - - var loopDelta = Math.floor(time / duration); // signed - time -= duration * loopDelta; - - loopCount += Math.abs(loopDelta); - - var pending = this.repetitions - loopCount; - - if (pending <= 0) { - // have to stop (switch state, clamp time, fire event) - - if (this.clampWhenFinished) this.paused = true; - else this.enabled = false; - - time = deltaTime > 0 ? duration : 0; - - this._mixer.dispatchEvent({ - type: "finished", - action: this, - direction: deltaTime > 0 ? 1 : -1, - }); - } else { - // keep running - - if (pending === 1) { - // entering the last round - - var atStart = deltaTime < 0; - this._setEndings(atStart, !atStart, pingPong); - } else { - this._setEndings(false, false, pingPong); - } - - this._loopCount = loopCount; - - this._mixer.dispatchEvent({ - type: "loop", - action: this, - loopDelta: loopDelta, - }); - } - } - - if (pingPong && (loopCount & 1) === 1) { - // invert time for the "pong round" - - this.time = time; - return duration - time; - } - } - - this.time = time; - return time; - }, - - _setEndings: function (atStart, atEnd, pingPong) { - var settings = this._interpolantSettings; - - if (pingPong) { - settings.endingStart = ZeroSlopeEnding; - settings.endingEnd = ZeroSlopeEnding; - } else { - // assuming for LoopOnce atStart == atEnd == true - - if (atStart) { - settings.endingStart = this.zeroSlopeAtStart - ? ZeroSlopeEnding - : ZeroCurvatureEnding; - } else { - settings.endingStart = WrapAroundEnding; - } - - if (atEnd) { - settings.endingEnd = this.zeroSlopeAtEnd - ? ZeroSlopeEnding - : ZeroCurvatureEnding; - } else { - settings.endingEnd = WrapAroundEnding; - } - } - }, - - _scheduleFading: function (duration, weightNow, weightThen) { - var mixer = this._mixer, - now = mixer.time, - interpolant = this._weightInterpolant; - - if (interpolant === null) { - interpolant = mixer._lendControlInterpolant(); - this._weightInterpolant = interpolant; - } - - var times = interpolant.parameterPositions, - values = interpolant.sampleValues; - - times[0] = now; - values[0] = weightNow; - times[1] = now + duration; - values[1] = weightThen; - - return this; - }, - }); - - /** - * - * Player for AnimationClips. - * - * - * @author Ben Houston / http://clara.io/ - * @author David Sarno / http://lighthaus.us/ - * @author tschw - */ - - function AnimationMixer(root) { - this._root = root; - this._initMemoryManager(); - this._accuIndex = 0; - - this.time = 0; - - this.timeScale = 1.0; - } - - AnimationMixer.prototype = Object.assign( - Object.create(EventDispatcher.prototype), - { - constructor: AnimationMixer, - - _bindAction: function (action, prototypeAction) { - var root = action._localRoot || this._root, - tracks = action._clip.tracks, - nTracks = tracks.length, - bindings = action._propertyBindings, - interpolants = action._interpolants, - rootUuid = root.uuid, - bindingsByRoot = this._bindingsByRootAndName, - bindingsByName = bindingsByRoot[rootUuid]; - - if (bindingsByName === undefined) { - bindingsByName = {}; - bindingsByRoot[rootUuid] = bindingsByName; - } - - for (var i = 0; i !== nTracks; ++i) { - var track = tracks[i], - trackName = track.name, - binding = bindingsByName[trackName]; - - if (binding !== undefined) { - bindings[i] = binding; - } else { - binding = bindings[i]; - - if (binding !== undefined) { - // existing binding, make sure the cache knows - - if (binding._cacheIndex === null) { - ++binding.referenceCount; - this._addInactiveBinding(binding, rootUuid, trackName); - } - - continue; - } - - var path = - prototypeAction && - prototypeAction._propertyBindings[i].binding.parsedPath; - - binding = new PropertyMixer( - PropertyBinding.create(root, trackName, path), - track.ValueTypeName, - track.getValueSize() - ); - - ++binding.referenceCount; - this._addInactiveBinding(binding, rootUuid, trackName); - - bindings[i] = binding; - } - - interpolants[i].resultBuffer = binding.buffer; - } - }, - - _activateAction: function (action) { - if (!this._isActiveAction(action)) { - if (action._cacheIndex === null) { - // this action has been forgotten by the cache, but the user - // appears to be still using it -> rebind - - var rootUuid = (action._localRoot || this._root).uuid, - clipUuid = action._clip.uuid, - actionsForClip = this._actionsByClip[clipUuid]; - - this._bindAction( - action, - actionsForClip && actionsForClip.knownActions[0] - ); - - this._addInactiveAction(action, clipUuid, rootUuid); - } - - var bindings = action._propertyBindings; - - // increment reference counts / sort out state - for (var i = 0, n = bindings.length; i !== n; ++i) { - var binding = bindings[i]; - - if (binding.useCount++ === 0) { - this._lendBinding(binding); - binding.saveOriginalState(); - } - } - - this._lendAction(action); - } - }, - - _deactivateAction: function (action) { - if (this._isActiveAction(action)) { - var bindings = action._propertyBindings; - - // decrement reference counts / sort out state - for (var i = 0, n = bindings.length; i !== n; ++i) { - var binding = bindings[i]; - - if (--binding.useCount === 0) { - binding.restoreOriginalState(); - this._takeBackBinding(binding); - } - } - - this._takeBackAction(action); - } - }, - - // Memory manager - - _initMemoryManager: function () { - this._actions = []; // 'nActiveActions' followed by inactive ones - this._nActiveActions = 0; - - this._actionsByClip = {}; - // inside: - // { - // knownActions: Array< AnimationAction > - used as prototypes - // actionByRoot: AnimationAction - lookup - // } - - this._bindings = []; // 'nActiveBindings' followed by inactive ones - this._nActiveBindings = 0; - - this._bindingsByRootAndName = {}; // inside: Map< name, PropertyMixer > - - this._controlInterpolants = []; // same game as above - this._nActiveControlInterpolants = 0; - - var scope = this; - - this.stats = { - actions: { - get total() { - return scope._actions.length; - }, - get inUse() { - return scope._nActiveActions; - }, - }, - bindings: { - get total() { - return scope._bindings.length; - }, - get inUse() { - return scope._nActiveBindings; - }, - }, - controlInterpolants: { - get total() { - return scope._controlInterpolants.length; - }, - get inUse() { - return scope._nActiveControlInterpolants; - }, - }, - }; - }, - - // Memory management for AnimationAction objects - - _isActiveAction: function (action) { - var index = action._cacheIndex; - return index !== null && index < this._nActiveActions; - }, - - _addInactiveAction: function (action, clipUuid, rootUuid) { - var actions = this._actions, - actionsByClip = this._actionsByClip, - actionsForClip = actionsByClip[clipUuid]; - - if (actionsForClip === undefined) { - actionsForClip = { - knownActions: [action], - actionByRoot: {}, - }; - - action._byClipCacheIndex = 0; - - actionsByClip[clipUuid] = actionsForClip; - } else { - var knownActions = actionsForClip.knownActions; - - action._byClipCacheIndex = knownActions.length; - knownActions.push(action); - } - - action._cacheIndex = actions.length; - actions.push(action); - - actionsForClip.actionByRoot[rootUuid] = action; - }, - - _removeInactiveAction: function (action) { - var actions = this._actions, - lastInactiveAction = actions[actions.length - 1], - cacheIndex = action._cacheIndex; - - lastInactiveAction._cacheIndex = cacheIndex; - actions[cacheIndex] = lastInactiveAction; - actions.pop(); - - action._cacheIndex = null; - - var clipUuid = action._clip.uuid, - actionsByClip = this._actionsByClip, - actionsForClip = actionsByClip[clipUuid], - knownActionsForClip = actionsForClip.knownActions, - lastKnownAction = knownActionsForClip[knownActionsForClip.length - 1], - byClipCacheIndex = action._byClipCacheIndex; - - lastKnownAction._byClipCacheIndex = byClipCacheIndex; - knownActionsForClip[byClipCacheIndex] = lastKnownAction; - knownActionsForClip.pop(); - - action._byClipCacheIndex = null; - - var actionByRoot = actionsForClip.actionByRoot, - rootUuid = (action._localRoot || this._root).uuid; - - delete actionByRoot[rootUuid]; - - if (knownActionsForClip.length === 0) { - delete actionsByClip[clipUuid]; - } - - this._removeInactiveBindingsForAction(action); - }, - - _removeInactiveBindingsForAction: function (action) { - var bindings = action._propertyBindings; - for (var i = 0, n = bindings.length; i !== n; ++i) { - var binding = bindings[i]; - - if (--binding.referenceCount === 0) { - this._removeInactiveBinding(binding); - } - } - }, - - _lendAction: function (action) { - // [ active actions | inactive actions ] - // [ active actions >| inactive actions ] - // s a - // <-swap-> - // a s - - var actions = this._actions, - prevIndex = action._cacheIndex, - lastActiveIndex = this._nActiveActions++, - firstInactiveAction = actions[lastActiveIndex]; - - action._cacheIndex = lastActiveIndex; - actions[lastActiveIndex] = action; - - firstInactiveAction._cacheIndex = prevIndex; - actions[prevIndex] = firstInactiveAction; - }, - - _takeBackAction: function (action) { - // [ active actions | inactive actions ] - // [ active actions |< inactive actions ] - // a s - // <-swap-> - // s a - - var actions = this._actions, - prevIndex = action._cacheIndex, - firstInactiveIndex = --this._nActiveActions, - lastActiveAction = actions[firstInactiveIndex]; - - action._cacheIndex = firstInactiveIndex; - actions[firstInactiveIndex] = action; - - lastActiveAction._cacheIndex = prevIndex; - actions[prevIndex] = lastActiveAction; - }, - - // Memory management for PropertyMixer objects - - _addInactiveBinding: function (binding, rootUuid, trackName) { - var bindingsByRoot = this._bindingsByRootAndName, - bindingByName = bindingsByRoot[rootUuid], - bindings = this._bindings; - - if (bindingByName === undefined) { - bindingByName = {}; - bindingsByRoot[rootUuid] = bindingByName; - } - - bindingByName[trackName] = binding; - - binding._cacheIndex = bindings.length; - bindings.push(binding); - }, - - _removeInactiveBinding: function (binding) { - var bindings = this._bindings, - propBinding = binding.binding, - rootUuid = propBinding.rootNode.uuid, - trackName = propBinding.path, - bindingsByRoot = this._bindingsByRootAndName, - bindingByName = bindingsByRoot[rootUuid], - lastInactiveBinding = bindings[bindings.length - 1], - cacheIndex = binding._cacheIndex; - - lastInactiveBinding._cacheIndex = cacheIndex; - bindings[cacheIndex] = lastInactiveBinding; - bindings.pop(); - - delete bindingByName[trackName]; - - remove_empty_map: { - for (var _ in bindingByName) break remove_empty_map; // eslint-disable-line no-unused-vars - - delete bindingsByRoot[rootUuid]; - } - }, - - _lendBinding: function (binding) { - var bindings = this._bindings, - prevIndex = binding._cacheIndex, - lastActiveIndex = this._nActiveBindings++, - firstInactiveBinding = bindings[lastActiveIndex]; - - binding._cacheIndex = lastActiveIndex; - bindings[lastActiveIndex] = binding; - - firstInactiveBinding._cacheIndex = prevIndex; - bindings[prevIndex] = firstInactiveBinding; - }, - - _takeBackBinding: function (binding) { - var bindings = this._bindings, - prevIndex = binding._cacheIndex, - firstInactiveIndex = --this._nActiveBindings, - lastActiveBinding = bindings[firstInactiveIndex]; - - binding._cacheIndex = firstInactiveIndex; - bindings[firstInactiveIndex] = binding; - - lastActiveBinding._cacheIndex = prevIndex; - bindings[prevIndex] = lastActiveBinding; - }, - - // Memory management of Interpolants for weight and time scale - - _lendControlInterpolant: function () { - var interpolants = this._controlInterpolants, - lastActiveIndex = this._nActiveControlInterpolants++, - interpolant = interpolants[lastActiveIndex]; - - if (interpolant === undefined) { - interpolant = new LinearInterpolant( - new Float32Array(2), - new Float32Array(2), - 1, - this._controlInterpolantsResultBuffer - ); - - interpolant.__cacheIndex = lastActiveIndex; - interpolants[lastActiveIndex] = interpolant; - } - - return interpolant; - }, - - _takeBackControlInterpolant: function (interpolant) { - var interpolants = this._controlInterpolants, - prevIndex = interpolant.__cacheIndex, - firstInactiveIndex = --this._nActiveControlInterpolants, - lastActiveInterpolant = interpolants[firstInactiveIndex]; - - interpolant.__cacheIndex = firstInactiveIndex; - interpolants[firstInactiveIndex] = interpolant; - - lastActiveInterpolant.__cacheIndex = prevIndex; - interpolants[prevIndex] = lastActiveInterpolant; - }, - - _controlInterpolantsResultBuffer: new Float32Array(1), - - // return an action for a clip optionally using a custom root target - // object (this method allocates a lot of dynamic memory in case a - // previously unknown clip/root combination is specified) - clipAction: function (clip, optionalRoot) { - var root = optionalRoot || this._root, - rootUuid = root.uuid, - clipObject = - typeof clip === "string" - ? AnimationClip.findByName(root, clip) - : clip, - clipUuid = clipObject !== null ? clipObject.uuid : clip, - actionsForClip = this._actionsByClip[clipUuid], - prototypeAction = null; - - if (actionsForClip !== undefined) { - var existingAction = actionsForClip.actionByRoot[rootUuid]; - - if (existingAction !== undefined) { - return existingAction; - } - - // we know the clip, so we don't have to parse all - // the bindings again but can just copy - prototypeAction = actionsForClip.knownActions[0]; - - // also, take the clip from the prototype action - if (clipObject === null) clipObject = prototypeAction._clip; - } - - // clip must be known when specified via string - if (clipObject === null) return null; - - // allocate all resources required to run it - var newAction = new AnimationAction(this, clipObject, optionalRoot); - - this._bindAction(newAction, prototypeAction); - - // and make the action known to the memory manager - this._addInactiveAction(newAction, clipUuid, rootUuid); - - return newAction; - }, + return function rotateY( angle ) { - // get an existing action - existingAction: function (clip, optionalRoot) { - var root = optionalRoot || this._root, - rootUuid = root.uuid, - clipObject = - typeof clip === "string" - ? AnimationClip.findByName(root, clip) - : clip, - clipUuid = clipObject ? clipObject.uuid : clip, - actionsForClip = this._actionsByClip[clipUuid]; + m1.makeRotationY( angle ); - if (actionsForClip !== undefined) { - return actionsForClip.actionByRoot[rootUuid] || null; - } + this.applyMatrix( m1 ); - return null; - }, - - // deactivates all previously scheduled actions - stopAllAction: function () { - var actions = this._actions, - nActions = this._nActiveActions, - bindings = this._bindings, - nBindings = this._nActiveBindings; - - this._nActiveActions = 0; - this._nActiveBindings = 0; - - for (var i = 0; i !== nActions; ++i) { - actions[i].reset(); - } - - for (var i = 0; i !== nBindings; ++i) { - bindings[i].useCount = 0; - } - - return this; - }, - - // advance the time and update apply the animation - update: function (deltaTime) { - deltaTime *= this.timeScale; - - var actions = this._actions, - nActions = this._nActiveActions, - time = (this.time += deltaTime), - timeDirection = Math.sign(deltaTime), - accuIndex = (this._accuIndex ^= 1); - - // run active actions - - for (var i = 0; i !== nActions; ++i) { - var action = actions[i]; - - action._update(time, deltaTime, timeDirection, accuIndex); - } - - // update scene graph - - var bindings = this._bindings, - nBindings = this._nActiveBindings; - - for (var i = 0; i !== nBindings; ++i) { - bindings[i].apply(accuIndex); - } - - return this; - }, - - // return this mixer's root target object - getRoot: function () { - return this._root; - }, - - // free all resources specific to a particular clip - uncacheClip: function (clip) { - var actions = this._actions, - clipUuid = clip.uuid, - actionsByClip = this._actionsByClip, - actionsForClip = actionsByClip[clipUuid]; - - if (actionsForClip !== undefined) { - // note: just calling _removeInactiveAction would mess up the - // iteration state and also require updating the state we can - // just throw away + return this; - var actionsToRemove = actionsForClip.knownActions; - - for (var i = 0, n = actionsToRemove.length; i !== n; ++i) { - var action = actionsToRemove[i]; + }; - this._deactivateAction(action); - - var cacheIndex = action._cacheIndex, - lastInactiveAction = actions[actions.length - 1]; - - action._cacheIndex = null; - action._byClipCacheIndex = null; - - lastInactiveAction._cacheIndex = cacheIndex; - actions[cacheIndex] = lastInactiveAction; - actions.pop(); - - this._removeInactiveBindingsForAction(action); - } - - delete actionsByClip[clipUuid]; - } - }, - - // free all resources specific to a particular root target object - uncacheRoot: function (root) { - var rootUuid = root.uuid, - actionsByClip = this._actionsByClip; - - for (var clipUuid in actionsByClip) { - var actionByRoot = actionsByClip[clipUuid].actionByRoot, - action = actionByRoot[rootUuid]; - - if (action !== undefined) { - this._deactivateAction(action); - this._removeInactiveAction(action); - } - } - - var bindingsByRoot = this._bindingsByRootAndName, - bindingByName = bindingsByRoot[rootUuid]; - - if (bindingByName !== undefined) { - for (var trackName in bindingByName) { - var binding = bindingByName[trackName]; - binding.restoreOriginalState(); - this._removeInactiveBinding(binding); - } - } - }, - - // remove a targeted clip from the cache - uncacheAction: function (clip, optionalRoot) { - var action = this.existingAction(clip, optionalRoot); - - if (action !== null) { - this._deactivateAction(action); - this._removeInactiveAction(action); - } - }, - } - ); + }(), - /** - * @author mrdoob / http://mrdoob.com/ - */ - - function Uniform(value) { - if (typeof value === "string") { - console.warn("THREE.Uniform: Type parameter is no longer needed."); - value = arguments[1]; - } - - this.value = value; - } - - Uniform.prototype.clone = function () { - return new Uniform( - this.value.clone === undefined ? this.value : this.value.clone() - ); - }; - - /** - * @author benaadams / https://twitter.com/ben_a_adams - */ - - function InstancedBufferGeometry() { - BufferGeometry.call(this); - - this.type = "InstancedBufferGeometry"; - this.maxInstancedCount = undefined; - } - - InstancedBufferGeometry.prototype = Object.assign( - Object.create(BufferGeometry.prototype), - { - constructor: InstancedBufferGeometry, + rotateZ: function () { - isInstancedBufferGeometry: true, + // rotate geometry around world z-axis - copy: function (source) { - BufferGeometry.prototype.copy.call(this, source); - - this.maxInstancedCount = source.maxInstancedCount; + var m1 = new Matrix4(); - return this; - }, - - clone: function () { - return new this.constructor().copy(this); - }, - } - ); - - /** - * @author benaadams / https://twitter.com/ben_a_adams - */ - - function InterleavedBufferAttribute( - interleavedBuffer, - itemSize, - offset, - normalized - ) { - this.data = interleavedBuffer; - this.itemSize = itemSize; - this.offset = offset; - - this.normalized = normalized === true; - } - - Object.defineProperties(InterleavedBufferAttribute.prototype, { - count: { - get: function () { - return this.data.count; - }, - }, - - array: { - get: function () { - return this.data.array; - }, - }, - }); + return function rotateZ( angle ) { - Object.assign(InterleavedBufferAttribute.prototype, { - isInterleavedBufferAttribute: true, + m1.makeRotationZ( angle ); - setX: function (index, x) { - this.data.array[index * this.data.stride + this.offset] = x; + this.applyMatrix( m1 ); - return this; - }, + return this; - setY: function (index, y) { - this.data.array[index * this.data.stride + this.offset + 1] = y; + }; - return this; - }, + }(), - setZ: function (index, z) { - this.data.array[index * this.data.stride + this.offset + 2] = z; + translate: function () { - return this; - }, + // translate geometry - setW: function (index, w) { - this.data.array[index * this.data.stride + this.offset + 3] = w; + var m1 = new Matrix4(); - return this; - }, + return function translate( x, y, z ) { - getX: function (index) { - return this.data.array[index * this.data.stride + this.offset]; - }, + m1.makeTranslation( x, y, z ); - getY: function (index) { - return this.data.array[index * this.data.stride + this.offset + 1]; - }, + this.applyMatrix( m1 ); - getZ: function (index) { - return this.data.array[index * this.data.stride + this.offset + 2]; - }, + return this; - getW: function (index) { - return this.data.array[index * this.data.stride + this.offset + 3]; - }, + }; - setXY: function (index, x, y) { - index = index * this.data.stride + this.offset; + }(), - this.data.array[index + 0] = x; - this.data.array[index + 1] = y; + scale: function () { - return this; - }, + // scale geometry - setXYZ: function (index, x, y, z) { - index = index * this.data.stride + this.offset; + var m1 = new Matrix4(); - this.data.array[index + 0] = x; - this.data.array[index + 1] = y; - this.data.array[index + 2] = z; + return function scale( x, y, z ) { - return this; - }, + m1.makeScale( x, y, z ); - setXYZW: function (index, x, y, z, w) { - index = index * this.data.stride + this.offset; + this.applyMatrix( m1 ); - this.data.array[index + 0] = x; - this.data.array[index + 1] = y; - this.data.array[index + 2] = z; - this.data.array[index + 3] = w; + return this; - return this; - }, - }); + }; - /** - * @author benaadams / https://twitter.com/ben_a_adams - */ + }(), - function InterleavedBuffer(array, stride) { - this.array = array; - this.stride = stride; - this.count = array !== undefined ? array.length / stride : 0; + lookAt: function () { - this.dynamic = false; - this.updateRange = { offset: 0, count: -1 }; + var obj = new Object3D(); - this.version = 0; - } + return function lookAt( vector ) { - Object.defineProperty(InterleavedBuffer.prototype, "needsUpdate", { - set: function (value) { - if (value === true) this.version++; - }, - }); + obj.lookAt( vector ); - Object.assign(InterleavedBuffer.prototype, { - isInterleavedBuffer: true, + obj.updateMatrix(); - onUploadCallback: function () {}, + this.applyMatrix( obj.matrix ); - setArray: function (array) { - if (Array.isArray(array)) { - throw new TypeError( - "THREE.BufferAttribute: array should be a Typed Array." - ); - } + }; - this.count = array !== undefined ? array.length / this.stride : 0; - this.array = array; + }(), - return this; - }, + fromBufferGeometry: function ( geometry ) { - setDynamic: function (value) { - this.dynamic = value; + var scope = this; - return this; - }, + var indices = geometry.index !== null ? geometry.index.array : undefined; + var attributes = geometry.attributes; - copy: function (source) { - this.array = new source.array.constructor(source.array); - this.count = source.count; - this.stride = source.stride; - this.dynamic = source.dynamic; + var positions = attributes.position.array; + var normals = attributes.normal !== undefined ? attributes.normal.array : undefined; + var colors = attributes.color !== undefined ? attributes.color.array : undefined; + var uvs = attributes.uv !== undefined ? attributes.uv.array : undefined; + var uvs2 = attributes.uv2 !== undefined ? attributes.uv2.array : undefined; - return this; - }, + if ( uvs2 !== undefined ) this.faceVertexUvs[ 1 ] = []; - copyAt: function (index1, attribute, index2) { - index1 *= this.stride; - index2 *= attribute.stride; + var tempNormals = []; + var tempUVs = []; + var tempUVs2 = []; - for (var i = 0, l = this.stride; i < l; i++) { - this.array[index1 + i] = attribute.array[index2 + i]; - } + for ( var i = 0, j = 0; i < positions.length; i += 3, j += 2 ) { - return this; - }, + scope.vertices.push( new Vector3( positions[ i ], positions[ i + 1 ], positions[ i + 2 ] ) ); - set: function (value, offset) { - if (offset === undefined) offset = 0; + if ( normals !== undefined ) { - this.array.set(value, offset); + tempNormals.push( new Vector3( normals[ i ], normals[ i + 1 ], normals[ i + 2 ] ) ); - return this; - }, + } - clone: function () { - return new this.constructor().copy(this); - }, + if ( colors !== undefined ) { - onUpload: function (callback) { - this.onUploadCallback = callback; + scope.colors.push( new Color( colors[ i ], colors[ i + 1 ], colors[ i + 2 ] ) ); - return this; - }, - }); + } - /** - * @author benaadams / https://twitter.com/ben_a_adams - */ + if ( uvs !== undefined ) { - function InstancedInterleavedBuffer(array, stride, meshPerAttribute) { - InterleavedBuffer.call(this, array, stride); + tempUVs.push( new Vector2( uvs[ j ], uvs[ j + 1 ] ) ); - this.meshPerAttribute = meshPerAttribute || 1; - } + } - InstancedInterleavedBuffer.prototype = Object.assign( - Object.create(InterleavedBuffer.prototype), - { - constructor: InstancedInterleavedBuffer, + if ( uvs2 !== undefined ) { - isInstancedInterleavedBuffer: true, + tempUVs2.push( new Vector2( uvs2[ j ], uvs2[ j + 1 ] ) ); - copy: function (source) { - InterleavedBuffer.prototype.copy.call(this, source); + } - this.meshPerAttribute = source.meshPerAttribute; + } - return this; - }, - } - ); + function addFace( a, b, c, materialIndex ) { - /** - * @author benaadams / https://twitter.com/ben_a_adams - */ - - function InstancedBufferAttribute(array, itemSize, meshPerAttribute) { - BufferAttribute.call(this, array, itemSize); - - this.meshPerAttribute = meshPerAttribute || 1; - } - - InstancedBufferAttribute.prototype = Object.assign( - Object.create(BufferAttribute.prototype), - { - constructor: InstancedBufferAttribute, - - isInstancedBufferAttribute: true, - - copy: function (source) { - BufferAttribute.prototype.copy.call(this, source); + var vertexNormals = normals !== undefined ? [ tempNormals[ a ].clone(), tempNormals[ b ].clone(), tempNormals[ c ].clone() ] : []; + var vertexColors = colors !== undefined ? [ scope.colors[ a ].clone(), scope.colors[ b ].clone(), scope.colors[ c ].clone() ] : []; - this.meshPerAttribute = source.meshPerAttribute; + var face = new Face3( a, b, c, vertexNormals, vertexColors, materialIndex ); - return this; - }, - } - ); - - /** - * @author mrdoob / http://mrdoob.com/ - * @author bhouston / http://clara.io/ - * @author stephomi / http://stephaneginier.com/ - */ - - function Raycaster(origin, direction, near, far) { - this.ray = new Ray(origin, direction); - // direction is assumed to be normalized (for accurate distance calculations) - - this.near = near || 0; - this.far = far || Infinity; + scope.faces.push( face ); - this.params = { - Mesh: {}, - Line: {}, - LOD: {}, - Points: { threshold: 1 }, - Sprite: {}, - }; - - Object.defineProperties(this.params, { - PointCloud: { - get: function () { - console.warn( - "THREE.Raycaster: params.PointCloud has been renamed to params.Points." - ); - return this.Points; - }, - }, - }); - } - - function ascSort(a, b) { - return a.distance - b.distance; - } - - function intersectObject(object, raycaster, intersects, recursive) { - if (object.visible === false) return; - - object.raycast(raycaster, intersects); - - if (recursive === true) { - var children = object.children; - - for (var i = 0, l = children.length; i < l; i++) { - intersectObject(children[i], raycaster, intersects, true); - } - } - } - - Object.assign(Raycaster.prototype, { - linePrecision: 1, - - set: function (origin, direction) { - // direction is assumed to be normalized (for accurate distance calculations) - - this.ray.set(origin, direction); - }, - - setFromCamera: function (coords, camera) { - if (camera && camera.isPerspectiveCamera) { - this.ray.origin.setFromMatrixPosition(camera.matrixWorld); - this.ray.direction - .set(coords.x, coords.y, 0.5) - .unproject(camera) - .sub(this.ray.origin) - .normalize(); - } else if (camera && camera.isOrthographicCamera) { - this.ray.origin - .set( - coords.x, - coords.y, - (camera.near + camera.far) / (camera.near - camera.far) - ) - .unproject(camera); // set origin in plane of camera - this.ray.direction.set(0, 0, -1).transformDirection(camera.matrixWorld); - } else { - console.error("THREE.Raycaster: Unsupported camera type."); - } - }, - - intersectObject: function (object, recursive, optionalTarget) { - var intersects = optionalTarget || []; - - intersectObject(object, this, intersects, recursive); - - intersects.sort(ascSort); - - return intersects; - }, - - intersectObjects: function (objects, recursive, optionalTarget) { - var intersects = optionalTarget || []; - - if (Array.isArray(objects) === false) { - console.warn( - "THREE.Raycaster.intersectObjects: objects is not an Array." - ); - return intersects; - } - - for (var i = 0, l = objects.length; i < l; i++) { - intersectObject(objects[i], this, intersects, recursive); - } - - intersects.sort(ascSort); - - return intersects; - }, - }); - - /** - * @author alteredq / http://alteredqualia.com/ - */ - - function Clock(autoStart) { - this.autoStart = autoStart !== undefined ? autoStart : true; - - this.startTime = 0; - this.oldTime = 0; - this.elapsedTime = 0; - - this.running = false; - } - - Object.assign(Clock.prototype, { - start: function () { - this.startTime = ( - typeof performance === "undefined" ? Date : performance - ).now(); // see #10732 - - this.oldTime = this.startTime; - this.elapsedTime = 0; - this.running = true; - }, - - stop: function () { - this.getElapsedTime(); - this.running = false; - this.autoStart = false; - }, - - getElapsedTime: function () { - this.getDelta(); - return this.elapsedTime; - }, - - getDelta: function () { - var diff = 0; - - if (this.autoStart && !this.running) { - this.start(); - return 0; - } - - if (this.running) { - var newTime = ( - typeof performance === "undefined" ? Date : performance - ).now(); - - diff = (newTime - this.oldTime) / 1000; - this.oldTime = newTime; - - this.elapsedTime += diff; - } - - return diff; - }, - }); - - /** - * @author bhouston / http://clara.io - * @author WestLangley / http://github.com/WestLangley - * - * Ref: https://en.wikipedia.org/wiki/Spherical_coordinate_system - * - * The poles (phi) are at the positive and negative y axis. - * The equator starts at positive z. - */ - - function Spherical(radius, phi, theta) { - this.radius = radius !== undefined ? radius : 1.0; - this.phi = phi !== undefined ? phi : 0; // up / down towards top and bottom pole - this.theta = theta !== undefined ? theta : 0; // around the equator of the sphere - - return this; - } - - Object.assign(Spherical.prototype, { - set: function (radius, phi, theta) { - this.radius = radius; - this.phi = phi; - this.theta = theta; - - return this; - }, - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (other) { - this.radius = other.radius; - this.phi = other.phi; - this.theta = other.theta; - - return this; - }, - - // restrict phi to be betwee EPS and PI-EPS - makeSafe: function () { - var EPS = 0.000001; - this.phi = Math.max(EPS, Math.min(Math.PI - EPS, this.phi)); - - return this; - }, - - setFromVector3: function (vec3) { - this.radius = vec3.length(); - - if (this.radius === 0) { - this.theta = 0; - this.phi = 0; - } else { - this.theta = Math.atan2(vec3.x, vec3.z); // equator angle around y-up axis - this.phi = Math.acos(_Math.clamp(vec3.y / this.radius, -1, 1)); // polar angle - } - - return this; - }, - }); - - /** - * @author Mugen87 / https://github.com/Mugen87 - * - * Ref: https://en.wikipedia.org/wiki/Cylindrical_coordinate_system - * - */ - - function Cylindrical(radius, theta, y) { - this.radius = radius !== undefined ? radius : 1.0; // distance from the origin to a point in the x-z plane - this.theta = theta !== undefined ? theta : 0; // counterclockwise angle in the x-z plane measured in radians from the positive z-axis - this.y = y !== undefined ? y : 0; // height above the x-z plane - - return this; - } - - Object.assign(Cylindrical.prototype, { - set: function (radius, theta, y) { - this.radius = radius; - this.theta = theta; - this.y = y; - - return this; - }, - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (other) { - this.radius = other.radius; - this.theta = other.theta; - this.y = other.y; - - return this; - }, - - setFromVector3: function (vec3) { - this.radius = Math.sqrt(vec3.x * vec3.x + vec3.z * vec3.z); - this.theta = Math.atan2(vec3.x, vec3.z); - this.y = vec3.y; - - return this; - }, - }); - - /** - * @author bhouston / http://clara.io - */ - - function Box2(min, max) { - this.min = min !== undefined ? min : new Vector2(+Infinity, +Infinity); - this.max = max !== undefined ? max : new Vector2(-Infinity, -Infinity); - } - - Object.assign(Box2.prototype, { - set: function (min, max) { - this.min.copy(min); - this.max.copy(max); - - return this; - }, - - setFromPoints: function (points) { - this.makeEmpty(); - - for (var i = 0, il = points.length; i < il; i++) { - this.expandByPoint(points[i]); - } - - return this; - }, - - setFromCenterAndSize: (function () { - var v1 = new Vector2(); - - return function setFromCenterAndSize(center, size) { - var halfSize = v1.copy(size).multiplyScalar(0.5); - this.min.copy(center).sub(halfSize); - this.max.copy(center).add(halfSize); - - return this; - }; - })(), - - clone: function () { - return new this.constructor().copy(this); - }, - - copy: function (box) { - this.min.copy(box.min); - this.max.copy(box.max); - - return this; - }, - - makeEmpty: function () { - this.min.x = this.min.y = +Infinity; - this.max.x = this.max.y = -Infinity; - - return this; - }, - - isEmpty: function () { - // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes - - return this.max.x < this.min.x || this.max.y < this.min.y; - }, - - getCenter: function (target) { - if (target === undefined) { - console.warn("THREE.Box2: .getCenter() target is now required"); - target = new Vector2(); - } - - return this.isEmpty() - ? target.set(0, 0) - : target.addVectors(this.min, this.max).multiplyScalar(0.5); - }, - - getSize: function (target) { - if (target === undefined) { - console.warn("THREE.Box2: .getSize() target is now required"); - target = new Vector2(); - } - - return this.isEmpty() - ? target.set(0, 0) - : target.subVectors(this.max, this.min); - }, - - expandByPoint: function (point) { - this.min.min(point); - this.max.max(point); - - return this; - }, - - expandByVector: function (vector) { - this.min.sub(vector); - this.max.add(vector); - - return this; - }, - - expandByScalar: function (scalar) { - this.min.addScalar(-scalar); - this.max.addScalar(scalar); - - return this; - }, - - containsPoint: function (point) { - return point.x < this.min.x || - point.x > this.max.x || - point.y < this.min.y || - point.y > this.max.y - ? false - : true; - }, - - containsBox: function (box) { - return ( - this.min.x <= box.min.x && - box.max.x <= this.max.x && - this.min.y <= box.min.y && - box.max.y <= this.max.y - ); - }, + if ( uvs !== undefined ) { - getParameter: function (point, target) { - // This can potentially have a divide by zero if the box - // has a size dimension of 0. + scope.faceVertexUvs[ 0 ].push( [ tempUVs[ a ].clone(), tempUVs[ b ].clone(), tempUVs[ c ].clone() ] ); - if (target === undefined) { - console.warn("THREE.Box2: .getParameter() target is now required"); - target = new Vector2(); - } + } - return target.set( - (point.x - this.min.x) / (this.max.x - this.min.x), - (point.y - this.min.y) / (this.max.y - this.min.y) - ); - }, + if ( uvs2 !== undefined ) { - intersectsBox: function (box) { - // using 4 splitting planes to rule out intersections + scope.faceVertexUvs[ 1 ].push( [ tempUVs2[ a ].clone(), tempUVs2[ b ].clone(), tempUVs2[ c ].clone() ] ); - return box.max.x < this.min.x || - box.min.x > this.max.x || - box.max.y < this.min.y || - box.min.y > this.max.y - ? false - : true; - }, + } - clampPoint: function (point, target) { - if (target === undefined) { - console.warn("THREE.Box2: .clampPoint() target is now required"); - target = new Vector2(); - } + } - return target.copy(point).clamp(this.min, this.max); - }, + var groups = geometry.groups; - distanceToPoint: (function () { - var v1 = new Vector2(); + if ( groups.length > 0 ) { - return function distanceToPoint(point) { - var clampedPoint = v1.copy(point).clamp(this.min, this.max); - return clampedPoint.sub(point).length(); - }; - })(), + for ( var i = 0; i < groups.length; i ++ ) { - intersect: function (box) { - this.min.max(box.min); - this.max.min(box.max); + var group = groups[ i ]; - return this; - }, + var start = group.start; + var count = group.count; - union: function (box) { - this.min.min(box.min); - this.max.max(box.max); + for ( var j = start, jl = start + count; j < jl; j += 3 ) { - return this; - }, + if ( indices !== undefined ) { - translate: function (offset) { - this.min.add(offset); - this.max.add(offset); + addFace( indices[ j ], indices[ j + 1 ], indices[ j + 2 ], group.materialIndex ); - return this; - }, + } else { - equals: function (box) { - return box.min.equals(this.min) && box.max.equals(this.max); - }, - }); + addFace( j, j + 1, j + 2, group.materialIndex ); - /** - * @author alteredq / http://alteredqualia.com/ - */ + } - function ImmediateRenderObject(material) { - Object3D.call(this); + } - this.material = material; - this.render = function (/* renderCallback */) {}; - } + } - ImmediateRenderObject.prototype = Object.create(Object3D.prototype); - ImmediateRenderObject.prototype.constructor = ImmediateRenderObject; + } else { - ImmediateRenderObject.prototype.isImmediateRenderObject = true; + if ( indices !== undefined ) { - /** - * @author mrdoob / http://mrdoob.com/ - * @author WestLangley / http://github.com/WestLangley - */ + for ( var i = 0; i < indices.length; i += 3 ) { - function VertexNormalsHelper(object, size, hex, linewidth) { - this.object = object; + addFace( indices[ i ], indices[ i + 1 ], indices[ i + 2 ] ); - this.size = size !== undefined ? size : 1; + } - var color = hex !== undefined ? hex : 0xff0000; + } else { - var width = linewidth !== undefined ? linewidth : 1; + for ( var i = 0; i < positions.length / 3; i += 3 ) { - // + addFace( i, i + 1, i + 2 ); - var nNormals = 0; + } - var objGeometry = this.object.geometry; + } - if (objGeometry && objGeometry.isGeometry) { - nNormals = objGeometry.faces.length * 3; - } else if (objGeometry && objGeometry.isBufferGeometry) { - nNormals = objGeometry.attributes.normal.count; - } + } - // + this.computeFaceNormals(); - var geometry = new BufferGeometry(); + if ( geometry.boundingBox !== null ) { - var positions = new Float32BufferAttribute(nNormals * 2 * 3, 3); + this.boundingBox = geometry.boundingBox.clone(); - geometry.addAttribute("position", positions); + } - LineSegments.call( - this, - geometry, - new LineBasicMaterial({ color: color, linewidth: width }) - ); + if ( geometry.boundingSphere !== null ) { - // + this.boundingSphere = geometry.boundingSphere.clone(); - this.matrixAutoUpdate = false; + } - this.update(); - } + return this; - VertexNormalsHelper.prototype = Object.create(LineSegments.prototype); - VertexNormalsHelper.prototype.constructor = VertexNormalsHelper; + }, - VertexNormalsHelper.prototype.update = (function () { - var v1 = new Vector3(); - var v2 = new Vector3(); - var normalMatrix = new Matrix3(); + center: function () { - return function update() { - var keys = ["a", "b", "c"]; + var offset = new Vector3(); - this.object.updateMatrixWorld(true); + return function center() { - normalMatrix.getNormalMatrix(this.object.matrixWorld); + this.computeBoundingBox(); - var matrixWorld = this.object.matrixWorld; + this.boundingBox.getCenter( offset ).negate(); - var position = this.geometry.attributes.position; + this.translate( offset.x, offset.y, offset.z ); - // + return this; - var objGeometry = this.object.geometry; + }; - if (objGeometry && objGeometry.isGeometry) { - var vertices = objGeometry.vertices; + }(), - var faces = objGeometry.faces; + normalize: function () { - var idx = 0; + this.computeBoundingSphere(); - for (var i = 0, l = faces.length; i < l; i++) { - var face = faces[i]; + var center = this.boundingSphere.center; + var radius = this.boundingSphere.radius; - for (var j = 0, jl = face.vertexNormals.length; j < jl; j++) { - var vertex = vertices[face[keys[j]]]; + var s = radius === 0 ? 1 : 1.0 / radius; - var normal = face.vertexNormals[j]; + var matrix = new Matrix4(); + matrix.set( + s, 0, 0, - s * center.x, + 0, s, 0, - s * center.y, + 0, 0, s, - s * center.z, + 0, 0, 0, 1 + ); - v1.copy(vertex).applyMatrix4(matrixWorld); + this.applyMatrix( matrix ); - v2.copy(normal) - .applyMatrix3(normalMatrix) - .normalize() - .multiplyScalar(this.size) - .add(v1); + return this; - position.setXYZ(idx, v1.x, v1.y, v1.z); + }, - idx = idx + 1; + computeFaceNormals: function () { - position.setXYZ(idx, v2.x, v2.y, v2.z); + var cb = new Vector3(), ab = new Vector3(); - idx = idx + 1; - } - } - } else if (objGeometry && objGeometry.isBufferGeometry) { - var objPos = objGeometry.attributes.position; + for ( var f = 0, fl = this.faces.length; f < fl; f ++ ) { - var objNorm = objGeometry.attributes.normal; + var face = this.faces[ f ]; - var idx = 0; + var vA = this.vertices[ face.a ]; + var vB = this.vertices[ face.b ]; + var vC = this.vertices[ face.c ]; - // for simplicity, ignore index and drawcalls, and render every normal + cb.subVectors( vC, vB ); + ab.subVectors( vA, vB ); + cb.cross( ab ); - for (var j = 0, jl = objPos.count; j < jl; j++) { - v1.set(objPos.getX(j), objPos.getY(j), objPos.getZ(j)).applyMatrix4( - matrixWorld - ); + cb.normalize(); - v2.set(objNorm.getX(j), objNorm.getY(j), objNorm.getZ(j)); + face.normal.copy( cb ); - v2.applyMatrix3(normalMatrix) - .normalize() - .multiplyScalar(this.size) - .add(v1); + } - position.setXYZ(idx, v1.x, v1.y, v1.z); + }, - idx = idx + 1; + computeVertexNormals: function ( areaWeighted ) { - position.setXYZ(idx, v2.x, v2.y, v2.z); + if ( areaWeighted === undefined ) areaWeighted = true; - idx = idx + 1; - } - } + var v, vl, f, fl, face, vertices; - position.needsUpdate = true; - }; - })(); + vertices = new Array( this.vertices.length ); - /** - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - * @author WestLangley / http://github.com/WestLangley - */ + for ( v = 0, vl = this.vertices.length; v < vl; v ++ ) { - function SpotLightHelper(light, color) { - Object3D.call(this); + vertices[ v ] = new Vector3(); - this.light = light; - this.light.updateMatrixWorld(); + } - this.matrix = light.matrixWorld; - this.matrixAutoUpdate = false; + if ( areaWeighted ) { - this.color = color; + // vertex normals weighted by triangle areas + // http://www.iquilezles.org/www/articles/normals/normals.htm - var geometry = new BufferGeometry(); + var vA, vB, vC; + var cb = new Vector3(), ab = new Vector3(); - var positions = [ - 0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 0, 0, -1, 0, 1, 0, 0, 0, 0, 1, 1, - 0, 0, 0, 0, -1, 1, - ]; + for ( f = 0, fl = this.faces.length; f < fl; f ++ ) { - for (var i = 0, j = 1, l = 32; i < l; i++, j++) { - var p1 = (i / l) * Math.PI * 2; - var p2 = (j / l) * Math.PI * 2; + face = this.faces[ f ]; - positions.push( - Math.cos(p1), - Math.sin(p1), - 1, - Math.cos(p2), - Math.sin(p2), - 1 - ); - } + vA = this.vertices[ face.a ]; + vB = this.vertices[ face.b ]; + vC = this.vertices[ face.c ]; - geometry.addAttribute("position", new Float32BufferAttribute(positions, 3)); + cb.subVectors( vC, vB ); + ab.subVectors( vA, vB ); + cb.cross( ab ); - var material = new LineBasicMaterial({ fog: false }); + vertices[ face.a ].add( cb ); + vertices[ face.b ].add( cb ); + vertices[ face.c ].add( cb ); - this.cone = new LineSegments(geometry, material); - this.add(this.cone); + } - this.update(); - } + } else { - SpotLightHelper.prototype = Object.create(Object3D.prototype); - SpotLightHelper.prototype.constructor = SpotLightHelper; + this.computeFaceNormals(); - SpotLightHelper.prototype.dispose = function () { - this.cone.geometry.dispose(); - this.cone.material.dispose(); - }; + for ( f = 0, fl = this.faces.length; f < fl; f ++ ) { - SpotLightHelper.prototype.update = (function () { - var vector = new Vector3(); - var vector2 = new Vector3(); + face = this.faces[ f ]; - return function update() { - this.light.updateMatrixWorld(); + vertices[ face.a ].add( face.normal ); + vertices[ face.b ].add( face.normal ); + vertices[ face.c ].add( face.normal ); - var coneLength = this.light.distance ? this.light.distance : 1000; - var coneWidth = coneLength * Math.tan(this.light.angle); + } - this.cone.scale.set(coneWidth, coneWidth, coneLength); + } - vector.setFromMatrixPosition(this.light.matrixWorld); - vector2.setFromMatrixPosition(this.light.target.matrixWorld); + for ( v = 0, vl = this.vertices.length; v < vl; v ++ ) { - this.cone.lookAt(vector2.sub(vector)); + vertices[ v ].normalize(); - if (this.color !== undefined) { - this.cone.material.color.set(this.color); - } else { - this.cone.material.color.copy(this.light.color); - } - }; - })(); + } - /** - * @author Sean Griffin / http://twitter.com/sgrif - * @author Michael Guerrero / http://realitymeltdown.com - * @author mrdoob / http://mrdoob.com/ - * @author ikerr / http://verold.com - * @author Mugen87 / https://github.com/Mugen87 - */ + for ( f = 0, fl = this.faces.length; f < fl; f ++ ) { - function getBoneList(object) { - var boneList = []; + face = this.faces[ f ]; - if (object && object.isBone) { - boneList.push(object); - } + var vertexNormals = face.vertexNormals; - for (var i = 0; i < object.children.length; i++) { - boneList.push.apply(boneList, getBoneList(object.children[i])); - } + if ( vertexNormals.length === 3 ) { - return boneList; - } + vertexNormals[ 0 ].copy( vertices[ face.a ] ); + vertexNormals[ 1 ].copy( vertices[ face.b ] ); + vertexNormals[ 2 ].copy( vertices[ face.c ] ); - function SkeletonHelper(object) { - var bones = getBoneList(object); + } else { - var geometry = new BufferGeometry(); + vertexNormals[ 0 ] = vertices[ face.a ].clone(); + vertexNormals[ 1 ] = vertices[ face.b ].clone(); + vertexNormals[ 2 ] = vertices[ face.c ].clone(); - var vertices = []; - var colors = []; + } - var color1 = new Color(0, 0, 1); - var color2 = new Color(0, 1, 0); + } - for (var i = 0; i < bones.length; i++) { - var bone = bones[i]; + if ( this.faces.length > 0 ) { - if (bone.parent && bone.parent.isBone) { - vertices.push(0, 0, 0); - vertices.push(0, 0, 0); - colors.push(color1.r, color1.g, color1.b); - colors.push(color2.r, color2.g, color2.b); - } - } + this.normalsNeedUpdate = true; - geometry.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - geometry.addAttribute("color", new Float32BufferAttribute(colors, 3)); + } - var material = new LineBasicMaterial({ - vertexColors: VertexColors, - depthTest: false, - depthWrite: false, - transparent: true, - }); + }, - LineSegments.call(this, geometry, material); + computeFlatVertexNormals: function () { - this.root = object; - this.bones = bones; + var f, fl, face; - this.matrix = object.matrixWorld; - this.matrixAutoUpdate = false; - } + this.computeFaceNormals(); - SkeletonHelper.prototype = Object.create(LineSegments.prototype); - SkeletonHelper.prototype.constructor = SkeletonHelper; + for ( f = 0, fl = this.faces.length; f < fl; f ++ ) { - SkeletonHelper.prototype.updateMatrixWorld = (function () { - var vector = new Vector3(); + face = this.faces[ f ]; - var boneMatrix = new Matrix4(); - var matrixWorldInv = new Matrix4(); + var vertexNormals = face.vertexNormals; - return function updateMatrixWorld(force) { - var bones = this.bones; + if ( vertexNormals.length === 3 ) { - var geometry = this.geometry; - var position = geometry.getAttribute("position"); + vertexNormals[ 0 ].copy( face.normal ); + vertexNormals[ 1 ].copy( face.normal ); + vertexNormals[ 2 ].copy( face.normal ); - matrixWorldInv.getInverse(this.root.matrixWorld); + } else { - for (var i = 0, j = 0; i < bones.length; i++) { - var bone = bones[i]; + vertexNormals[ 0 ] = face.normal.clone(); + vertexNormals[ 1 ] = face.normal.clone(); + vertexNormals[ 2 ] = face.normal.clone(); - if (bone.parent && bone.parent.isBone) { - boneMatrix.multiplyMatrices(matrixWorldInv, bone.matrixWorld); - vector.setFromMatrixPosition(boneMatrix); - position.setXYZ(j, vector.x, vector.y, vector.z); + } - boneMatrix.multiplyMatrices(matrixWorldInv, bone.parent.matrixWorld); - vector.setFromMatrixPosition(boneMatrix); - position.setXYZ(j + 1, vector.x, vector.y, vector.z); + } - j += 2; - } - } + if ( this.faces.length > 0 ) { - geometry.getAttribute("position").needsUpdate = true; + this.normalsNeedUpdate = true; - Object3D.prototype.updateMatrixWorld.call(this, force); - }; - })(); + } - /** - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - */ + }, - function PointLightHelper(light, sphereSize, color) { - this.light = light; - this.light.updateMatrixWorld(); + computeMorphNormals: function () { - this.color = color; + var i, il, f, fl, face; - var geometry = new SphereBufferGeometry(sphereSize, 4, 2); - var material = new MeshBasicMaterial({ wireframe: true, fog: false }); + // save original normals + // - create temp variables on first access + // otherwise just copy (for faster repeated calls) - Mesh.call(this, geometry, material); + for ( f = 0, fl = this.faces.length; f < fl; f ++ ) { - this.matrix = this.light.matrixWorld; - this.matrixAutoUpdate = false; + face = this.faces[ f ]; - this.update(); + if ( ! face.__originalFaceNormal ) { - /* - var distanceGeometry = new THREE.IcosahedronGeometry( 1, 2 ); - var distanceMaterial = new THREE.MeshBasicMaterial( { color: hexColor, fog: false, wireframe: true, opacity: 0.1, transparent: true } ); + face.__originalFaceNormal = face.normal.clone(); - this.lightSphere = new THREE.Mesh( bulbGeometry, bulbMaterial ); - this.lightDistance = new THREE.Mesh( distanceGeometry, distanceMaterial ); + } else { - var d = light.distance; + face.__originalFaceNormal.copy( face.normal ); - if ( d === 0.0 ) { + } - this.lightDistance.visible = false; + if ( ! face.__originalVertexNormals ) face.__originalVertexNormals = []; - } else { + for ( i = 0, il = face.vertexNormals.length; i < il; i ++ ) { - this.lightDistance.scale.set( d, d, d ); + if ( ! face.__originalVertexNormals[ i ] ) { - } + face.__originalVertexNormals[ i ] = face.vertexNormals[ i ].clone(); - this.add( this.lightDistance ); - */ - } + } else { - PointLightHelper.prototype = Object.create(Mesh.prototype); - PointLightHelper.prototype.constructor = PointLightHelper; + face.__originalVertexNormals[ i ].copy( face.vertexNormals[ i ] ); - PointLightHelper.prototype.dispose = function () { - this.geometry.dispose(); - this.material.dispose(); - }; + } - PointLightHelper.prototype.update = function () { - if (this.color !== undefined) { - this.material.color.set(this.color); - } else { - this.material.color.copy(this.light.color); - } + } - /* - var d = this.light.distance; + } - if ( d === 0.0 ) { + // use temp geometry to compute face and vertex normals for each morph - this.lightDistance.visible = false; + var tmpGeo = new Geometry(); + tmpGeo.faces = this.faces; - } else { + for ( i = 0, il = this.morphTargets.length; i < il; i ++ ) { - this.lightDistance.visible = true; - this.lightDistance.scale.set( d, d, d ); + // create on first access - } - */ - }; + if ( ! this.morphNormals[ i ] ) { - /** - * @author abelnation / http://github.com/abelnation - * @author Mugen87 / http://github.com/Mugen87 - * @author WestLangley / http://github.com/WestLangley - */ + this.morphNormals[ i ] = {}; + this.morphNormals[ i ].faceNormals = []; + this.morphNormals[ i ].vertexNormals = []; - function RectAreaLightHelper(light, color) { - Object3D.call(this); + var dstNormalsFace = this.morphNormals[ i ].faceNormals; + var dstNormalsVertex = this.morphNormals[ i ].vertexNormals; - this.light = light; - this.light.updateMatrixWorld(); + var faceNormal, vertexNormals; - this.matrix = light.matrixWorld; - this.matrixAutoUpdate = false; + for ( f = 0, fl = this.faces.length; f < fl; f ++ ) { - this.color = color; + faceNormal = new Vector3(); + vertexNormals = { a: new Vector3(), b: new Vector3(), c: new Vector3() }; - var material = new LineBasicMaterial({ fog: false }); + dstNormalsFace.push( faceNormal ); + dstNormalsVertex.push( vertexNormals ); - var geometry = new BufferGeometry(); + } - geometry.addAttribute( - "position", - new BufferAttribute(new Float32Array(5 * 3), 3) - ); + } - this.line = new Line(geometry, material); - this.add(this.line); + var morphNormals = this.morphNormals[ i ]; - this.update(); - } + // set vertices to morph target - RectAreaLightHelper.prototype = Object.create(Object3D.prototype); - RectAreaLightHelper.prototype.constructor = RectAreaLightHelper; + tmpGeo.vertices = this.morphTargets[ i ].vertices; - RectAreaLightHelper.prototype.dispose = function () { - this.children[0].geometry.dispose(); - this.children[0].material.dispose(); - }; + // compute morph normals - RectAreaLightHelper.prototype.update = function () { - // calculate new dimensions of the helper + tmpGeo.computeFaceNormals(); + tmpGeo.computeVertexNormals(); - var hx = this.light.width * 0.5; - var hy = this.light.height * 0.5; + // store morph normals - var position = this.line.geometry.attributes.position; - var array = position.array; + var faceNormal, vertexNormals; - // update vertices + for ( f = 0, fl = this.faces.length; f < fl; f ++ ) { - array[0] = hx; - array[1] = -hy; - array[2] = 0; - array[3] = hx; - array[4] = hy; - array[5] = 0; - array[6] = -hx; - array[7] = hy; - array[8] = 0; - array[9] = -hx; - array[10] = -hy; - array[11] = 0; - array[12] = hx; - array[13] = -hy; - array[14] = 0; + face = this.faces[ f ]; - position.needsUpdate = true; + faceNormal = morphNormals.faceNormals[ f ]; + vertexNormals = morphNormals.vertexNormals[ f ]; - if (this.color !== undefined) { - this.line.material.color.set(this.color); - } else { - this.line.material.color.copy(this.light.color); - } - }; + faceNormal.copy( face.normal ); - /** - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - * @author Mugen87 / https://github.com/Mugen87 - */ + vertexNormals.a.copy( face.vertexNormals[ 0 ] ); + vertexNormals.b.copy( face.vertexNormals[ 1 ] ); + vertexNormals.c.copy( face.vertexNormals[ 2 ] ); - function HemisphereLightHelper(light, size, color) { - Object3D.call(this); + } - this.light = light; - this.light.updateMatrixWorld(); + } - this.matrix = light.matrixWorld; - this.matrixAutoUpdate = false; + // restore original normals - this.color = color; + for ( f = 0, fl = this.faces.length; f < fl; f ++ ) { - var geometry = new OctahedronBufferGeometry(size); - geometry.rotateY(Math.PI * 0.5); + face = this.faces[ f ]; - this.material = new MeshBasicMaterial({ wireframe: true, fog: false }); - if (this.color === undefined) this.material.vertexColors = VertexColors; + face.normal = face.__originalFaceNormal; + face.vertexNormals = face.__originalVertexNormals; - var position = geometry.getAttribute("position"); - var colors = new Float32Array(position.count * 3); + } - geometry.addAttribute("color", new BufferAttribute(colors, 3)); + }, - this.add(new Mesh(geometry, this.material)); + computeBoundingBox: function () { - this.update(); - } + if ( this.boundingBox === null ) { - HemisphereLightHelper.prototype = Object.create(Object3D.prototype); - HemisphereLightHelper.prototype.constructor = HemisphereLightHelper; + this.boundingBox = new Box3(); - HemisphereLightHelper.prototype.dispose = function () { - this.children[0].geometry.dispose(); - this.children[0].material.dispose(); - }; + } - HemisphereLightHelper.prototype.update = (function () { - var vector = new Vector3(); - - var color1 = new Color(); - var color2 = new Color(); + this.boundingBox.setFromPoints( this.vertices ); - return function update() { - var mesh = this.children[0]; + }, - if (this.color !== undefined) { - this.material.color.set(this.color); - } else { - var colors = mesh.geometry.getAttribute("color"); + computeBoundingSphere: function () { - color1.copy(this.light.color); - color2.copy(this.light.groundColor); + if ( this.boundingSphere === null ) { - for (var i = 0, l = colors.count; i < l; i++) { - var color = i < l / 2 ? color1 : color2; + this.boundingSphere = new Sphere(); - colors.setXYZ(i, color.r, color.g, color.b); - } + } - colors.needsUpdate = true; - } + this.boundingSphere.setFromPoints( this.vertices ); - mesh.lookAt( - vector.setFromMatrixPosition(this.light.matrixWorld).negate() - ); - }; - })(); + }, - /** - * @author mrdoob / http://mrdoob.com/ - */ + merge: function ( geometry, matrix, materialIndexOffset ) { - function GridHelper(size, divisions, color1, color2) { - size = size || 10; - divisions = divisions || 10; - color1 = new Color(color1 !== undefined ? color1 : 0x444444); - color2 = new Color(color2 !== undefined ? color2 : 0x888888); + if ( ! ( geometry && geometry.isGeometry ) ) { - var center = divisions / 2; - var step = size / divisions; - var halfSize = size / 2; + console.error( 'THREE.Geometry.merge(): geometry not an instance of THREE.Geometry.', geometry ); + return; - var vertices = [], - colors = []; + } - for (var i = 0, j = 0, k = -halfSize; i <= divisions; i++, k += step) { - vertices.push(-halfSize, 0, k, halfSize, 0, k); - vertices.push(k, 0, -halfSize, k, 0, halfSize); + var normalMatrix, + vertexOffset = this.vertices.length, + vertices1 = this.vertices, + vertices2 = geometry.vertices, + faces1 = this.faces, + faces2 = geometry.faces, + uvs1 = this.faceVertexUvs[ 0 ], + uvs2 = geometry.faceVertexUvs[ 0 ], + colors1 = this.colors, + colors2 = geometry.colors; - var color = i === center ? color1 : color2; + if ( materialIndexOffset === undefined ) materialIndexOffset = 0; - color.toArray(colors, j); - j += 3; - color.toArray(colors, j); - j += 3; - color.toArray(colors, j); - j += 3; - color.toArray(colors, j); - j += 3; - } + if ( matrix !== undefined ) { - var geometry = new BufferGeometry(); - geometry.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - geometry.addAttribute("color", new Float32BufferAttribute(colors, 3)); + normalMatrix = new Matrix3().getNormalMatrix( matrix ); - var material = new LineBasicMaterial({ vertexColors: VertexColors }); + } - LineSegments.call(this, geometry, material); - } + // vertices - GridHelper.prototype = Object.create(LineSegments.prototype); - GridHelper.prototype.constructor = GridHelper; + for ( var i = 0, il = vertices2.length; i < il; i ++ ) { - /** - * @author mrdoob / http://mrdoob.com/ - * @author Mugen87 / http://github.com/Mugen87 - * @author Hectate / http://www.github.com/Hectate - */ + var vertex = vertices2[ i ]; - function PolarGridHelper( - radius, - radials, - circles, - divisions, - color1, - color2 - ) { - radius = radius || 10; - radials = radials || 16; - circles = circles || 8; - divisions = divisions || 64; - color1 = new Color(color1 !== undefined ? color1 : 0x444444); - color2 = new Color(color2 !== undefined ? color2 : 0x888888); + var vertexCopy = vertex.clone(); - var vertices = []; - var colors = []; + if ( matrix !== undefined ) vertexCopy.applyMatrix4( matrix ); - var x, z; - var v, i, j, r, color; + vertices1.push( vertexCopy ); - // create the radials + } - for (i = 0; i <= radials; i++) { - v = (i / radials) * (Math.PI * 2); + // colors - x = Math.sin(v) * radius; - z = Math.cos(v) * radius; + for ( var i = 0, il = colors2.length; i < il; i ++ ) { - vertices.push(0, 0, 0); - vertices.push(x, 0, z); + colors1.push( colors2[ i ].clone() ); - color = i & 1 ? color1 : color2; + } - colors.push(color.r, color.g, color.b); - colors.push(color.r, color.g, color.b); - } + // faces - // create the circles + for ( i = 0, il = faces2.length; i < il; i ++ ) { - for (i = 0; i <= circles; i++) { - color = i & 1 ? color1 : color2; + var face = faces2[ i ], faceCopy, normal, color, + faceVertexNormals = face.vertexNormals, + faceVertexColors = face.vertexColors; - r = radius - (radius / circles) * i; + faceCopy = new Face3( face.a + vertexOffset, face.b + vertexOffset, face.c + vertexOffset ); + faceCopy.normal.copy( face.normal ); - for (j = 0; j < divisions; j++) { - // first vertex + if ( normalMatrix !== undefined ) { - v = (j / divisions) * (Math.PI * 2); + faceCopy.normal.applyMatrix3( normalMatrix ).normalize(); - x = Math.sin(v) * r; - z = Math.cos(v) * r; + } - vertices.push(x, 0, z); - colors.push(color.r, color.g, color.b); + for ( var j = 0, jl = faceVertexNormals.length; j < jl; j ++ ) { - // second vertex + normal = faceVertexNormals[ j ].clone(); - v = ((j + 1) / divisions) * (Math.PI * 2); + if ( normalMatrix !== undefined ) { - x = Math.sin(v) * r; - z = Math.cos(v) * r; + normal.applyMatrix3( normalMatrix ).normalize(); - vertices.push(x, 0, z); - colors.push(color.r, color.g, color.b); - } - } + } - var geometry = new BufferGeometry(); - geometry.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - geometry.addAttribute("color", new Float32BufferAttribute(colors, 3)); + faceCopy.vertexNormals.push( normal ); - var material = new LineBasicMaterial({ vertexColors: VertexColors }); + } - LineSegments.call(this, geometry, material); - } + faceCopy.color.copy( face.color ); - PolarGridHelper.prototype = Object.create(LineSegments.prototype); - PolarGridHelper.prototype.constructor = PolarGridHelper; + for ( var j = 0, jl = faceVertexColors.length; j < jl; j ++ ) { - /** - * @author mrdoob / http://mrdoob.com/ - * @author WestLangley / http://github.com/WestLangley - */ + color = faceVertexColors[ j ]; + faceCopy.vertexColors.push( color.clone() ); - function FaceNormalsHelper(object, size, hex, linewidth) { - // FaceNormalsHelper only supports THREE.Geometry + } - this.object = object; + faceCopy.materialIndex = face.materialIndex + materialIndexOffset; - this.size = size !== undefined ? size : 1; + faces1.push( faceCopy ); - var color = hex !== undefined ? hex : 0xffff00; + } - var width = linewidth !== undefined ? linewidth : 1; + // uvs - // + for ( i = 0, il = uvs2.length; i < il; i ++ ) { - var nNormals = 0; + var uv = uvs2[ i ], uvCopy = []; - var objGeometry = this.object.geometry; + if ( uv === undefined ) { - if (objGeometry && objGeometry.isGeometry) { - nNormals = objGeometry.faces.length; - } else { - console.warn( - "THREE.FaceNormalsHelper: only THREE.Geometry is supported. Use THREE.VertexNormalsHelper, instead." - ); - } + continue; - // + } - var geometry = new BufferGeometry(); + for ( var j = 0, jl = uv.length; j < jl; j ++ ) { - var positions = new Float32BufferAttribute(nNormals * 2 * 3, 3); + uvCopy.push( uv[ j ].clone() ); - geometry.addAttribute("position", positions); + } - LineSegments.call( - this, - geometry, - new LineBasicMaterial({ color: color, linewidth: width }) - ); + uvs1.push( uvCopy ); - // + } - this.matrixAutoUpdate = false; - this.update(); - } + }, - FaceNormalsHelper.prototype = Object.create(LineSegments.prototype); - FaceNormalsHelper.prototype.constructor = FaceNormalsHelper; + mergeMesh: function ( mesh ) { - FaceNormalsHelper.prototype.update = (function () { - var v1 = new Vector3(); - var v2 = new Vector3(); - var normalMatrix = new Matrix3(); + if ( ! ( mesh && mesh.isMesh ) ) { - return function update() { - this.object.updateMatrixWorld(true); + console.error( 'THREE.Geometry.mergeMesh(): mesh not an instance of THREE.Mesh.', mesh ); + return; - normalMatrix.getNormalMatrix(this.object.matrixWorld); + } - var matrixWorld = this.object.matrixWorld; + if ( mesh.matrixAutoUpdate ) mesh.updateMatrix(); - var position = this.geometry.attributes.position; + this.merge( mesh.geometry, mesh.matrix ); - // + }, - var objGeometry = this.object.geometry; + /* + * Checks for duplicate vertices with hashmap. + * Duplicated vertices are removed + * and faces' vertices are updated. + */ - var vertices = objGeometry.vertices; + mergeVertices: function () { - var faces = objGeometry.faces; + var verticesMap = {}; // Hashmap for looking up vertices by position coordinates (and making sure they are unique) + var unique = [], changes = []; - var idx = 0; + var v, key; + var precisionPoints = 4; // number of decimal points, e.g. 4 for epsilon of 0.0001 + var precision = Math.pow( 10, precisionPoints ); + var i, il, face; + var indices, j, jl; - for (var i = 0, l = faces.length; i < l; i++) { - var face = faces[i]; + for ( i = 0, il = this.vertices.length; i < il; i ++ ) { - var normal = face.normal; + v = this.vertices[ i ]; + key = Math.round( v.x * precision ) + '_' + Math.round( v.y * precision ) + '_' + Math.round( v.z * precision ); - v1.copy(vertices[face.a]) - .add(vertices[face.b]) - .add(vertices[face.c]) - .divideScalar(3) - .applyMatrix4(matrixWorld); + if ( verticesMap[ key ] === undefined ) { - v2.copy(normal) - .applyMatrix3(normalMatrix) - .normalize() - .multiplyScalar(this.size) - .add(v1); + verticesMap[ key ] = i; + unique.push( this.vertices[ i ] ); + changes[ i ] = unique.length - 1; - position.setXYZ(idx, v1.x, v1.y, v1.z); + } else { - idx = idx + 1; + //console.log('Duplicate vertex found. ', i, ' could be using ', verticesMap[key]); + changes[ i ] = changes[ verticesMap[ key ] ]; - position.setXYZ(idx, v2.x, v2.y, v2.z); + } - idx = idx + 1; - } + } - position.needsUpdate = true; - }; - })(); - /** - * @author alteredq / http://alteredqualia.com/ - * @author mrdoob / http://mrdoob.com/ - * @author WestLangley / http://github.com/WestLangley - */ + // if faces are completely degenerate after merging vertices, we + // have to remove them from the geometry. + var faceIndicesToRemove = []; - function DirectionalLightHelper(light, size, color) { - Object3D.call(this); + for ( i = 0, il = this.faces.length; i < il; i ++ ) { - this.light = light; - this.light.updateMatrixWorld(); + face = this.faces[ i ]; - this.matrix = light.matrixWorld; - this.matrixAutoUpdate = false; + face.a = changes[ face.a ]; + face.b = changes[ face.b ]; + face.c = changes[ face.c ]; - this.color = color; + indices = [ face.a, face.b, face.c ]; - if (size === undefined) size = 1; + // if any duplicate vertices are found in a Face3 + // we have to remove the face as nothing can be saved + for ( var n = 0; n < 3; n ++ ) { - var geometry = new BufferGeometry(); - geometry.addAttribute( - "position", - new Float32BufferAttribute( - [ - -size, - size, - 0, - size, - size, - 0, - size, - -size, - 0, - -size, - -size, - 0, - -size, - size, - 0, - ], - 3 - ) - ); + if ( indices[ n ] === indices[ ( n + 1 ) % 3 ] ) { - var material = new LineBasicMaterial({ fog: false }); + faceIndicesToRemove.push( i ); + break; - this.lightPlane = new Line(geometry, material); - this.add(this.lightPlane); + } - geometry = new BufferGeometry(); - geometry.addAttribute( - "position", - new Float32BufferAttribute([0, 0, 0, 0, 0, 1], 3) - ); + } - this.targetLine = new Line(geometry, material); - this.add(this.targetLine); + } - this.update(); - } - - DirectionalLightHelper.prototype = Object.create(Object3D.prototype); - DirectionalLightHelper.prototype.constructor = DirectionalLightHelper; - - DirectionalLightHelper.prototype.dispose = function () { - this.lightPlane.geometry.dispose(); - this.lightPlane.material.dispose(); - this.targetLine.geometry.dispose(); - this.targetLine.material.dispose(); - }; - - DirectionalLightHelper.prototype.update = (function () { - var v1 = new Vector3(); - var v2 = new Vector3(); - var v3 = new Vector3(); - - return function update() { - v1.setFromMatrixPosition(this.light.matrixWorld); - v2.setFromMatrixPosition(this.light.target.matrixWorld); - v3.subVectors(v2, v1); - - this.lightPlane.lookAt(v3); - - if (this.color !== undefined) { - this.lightPlane.material.color.set(this.color); - this.targetLine.material.color.set(this.color); - } else { - this.lightPlane.material.color.copy(this.light.color); - this.targetLine.material.color.copy(this.light.color); - } - - this.targetLine.lookAt(v3); - this.targetLine.scale.z = v3.length(); - }; - })(); - - /** - * @author alteredq / http://alteredqualia.com/ - * @author Mugen87 / https://github.com/Mugen87 - * - * - shows frustum, line of sight and up of the camera - * - suitable for fast updates - * - based on frustum visualization in lightgl.js shadowmap example - * http://evanw.github.com/lightgl.js/tests/shadowmap.html - */ + for ( i = faceIndicesToRemove.length - 1; i >= 0; i -- ) { - function CameraHelper(camera) { - var geometry = new BufferGeometry(); - var material = new LineBasicMaterial({ - color: 0xffffff, - vertexColors: FaceColors, - }); - - var vertices = []; - var colors = []; - - var pointMap = {}; - - // colors - - var colorFrustum = new Color(0xffaa00); - var colorCone = new Color(0xff0000); - var colorUp = new Color(0x00aaff); - var colorTarget = new Color(0xffffff); - var colorCross = new Color(0x333333); + var idx = faceIndicesToRemove[ i ]; - // near + this.faces.splice( idx, 1 ); - addLine("n1", "n2", colorFrustum); - addLine("n2", "n4", colorFrustum); - addLine("n4", "n3", colorFrustum); - addLine("n3", "n1", colorFrustum); + for ( j = 0, jl = this.faceVertexUvs.length; j < jl; j ++ ) { - // far + this.faceVertexUvs[ j ].splice( idx, 1 ); - addLine("f1", "f2", colorFrustum); - addLine("f2", "f4", colorFrustum); - addLine("f4", "f3", colorFrustum); - addLine("f3", "f1", colorFrustum); + } - // sides + } - addLine("n1", "f1", colorFrustum); - addLine("n2", "f2", colorFrustum); - addLine("n3", "f3", colorFrustum); - addLine("n4", "f4", colorFrustum); + // Use unique set of vertices - // cone + var diff = this.vertices.length - unique.length; + this.vertices = unique; + return diff; - addLine("p", "n1", colorCone); - addLine("p", "n2", colorCone); - addLine("p", "n3", colorCone); - addLine("p", "n4", colorCone); + }, - // up + setFromPoints: function ( points ) { - addLine("u1", "u2", colorUp); - addLine("u2", "u3", colorUp); - addLine("u3", "u1", colorUp); + this.vertices = []; - // target + for ( var i = 0, l = points.length; i < l; i ++ ) { - addLine("c", "t", colorTarget); - addLine("p", "c", colorCross); + var point = points[ i ]; + this.vertices.push( new Vector3( point.x, point.y, point.z || 0 ) ); - // cross + } - addLine("cn1", "cn2", colorCross); - addLine("cn3", "cn4", colorCross); + return this; - addLine("cf1", "cf2", colorCross); - addLine("cf3", "cf4", colorCross); + }, - function addLine(a, b, color) { - addPoint(a, color); - addPoint(b, color); - } + sortFacesByMaterialIndex: function () { - function addPoint(id, color) { - vertices.push(0, 0, 0); - colors.push(color.r, color.g, color.b); + var faces = this.faces; + var length = faces.length; - if (pointMap[id] === undefined) { - pointMap[id] = []; - } + // tag faces - pointMap[id].push(vertices.length / 3 - 1); - } + for ( var i = 0; i < length; i ++ ) { - geometry.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - geometry.addAttribute("color", new Float32BufferAttribute(colors, 3)); + faces[ i ]._id = i; - LineSegments.call(this, geometry, material); + } - this.camera = camera; - if (this.camera.updateProjectionMatrix) - this.camera.updateProjectionMatrix(); + // sort faces - this.matrix = camera.matrixWorld; - this.matrixAutoUpdate = false; + function materialIndexSort( a, b ) { - this.pointMap = pointMap; + return a.materialIndex - b.materialIndex; - this.update(); - } + } - CameraHelper.prototype = Object.create(LineSegments.prototype); - CameraHelper.prototype.constructor = CameraHelper; + faces.sort( materialIndexSort ); - CameraHelper.prototype.update = (function () { - var geometry, pointMap; + // sort uvs - var vector = new Vector3(); - var camera = new Camera(); + var uvs1 = this.faceVertexUvs[ 0 ]; + var uvs2 = this.faceVertexUvs[ 1 ]; - function setPoint(point, x, y, z) { - vector.set(x, y, z).unproject(camera); + var newUvs1, newUvs2; - var points = pointMap[point]; + if ( uvs1 && uvs1.length === length ) newUvs1 = []; + if ( uvs2 && uvs2.length === length ) newUvs2 = []; - if (points !== undefined) { - var position = geometry.getAttribute("position"); + for ( var i = 0; i < length; i ++ ) { - for (var i = 0, l = points.length; i < l; i++) { - position.setXYZ(points[i], vector.x, vector.y, vector.z); - } - } - } + var id = faces[ i ]._id; - return function update() { - geometry = this.geometry; - pointMap = this.pointMap; + if ( newUvs1 ) newUvs1.push( uvs1[ id ] ); + if ( newUvs2 ) newUvs2.push( uvs2[ id ] ); - var w = 1, - h = 1; + } - // we need just camera projection matrix - // world matrix must be identity + if ( newUvs1 ) this.faceVertexUvs[ 0 ] = newUvs1; + if ( newUvs2 ) this.faceVertexUvs[ 1 ] = newUvs2; - camera.projectionMatrix.copy(this.camera.projectionMatrix); + }, - // center / target + toJSON: function () { - setPoint("c", 0, 0, -1); - setPoint("t", 0, 0, 1); + var data = { + metadata: { + version: 4.5, + type: 'Geometry', + generator: 'Geometry.toJSON' + } + }; - // near + // standard Geometry serialization - setPoint("n1", -w, -h, -1); - setPoint("n2", w, -h, -1); - setPoint("n3", -w, h, -1); - setPoint("n4", w, h, -1); + data.uuid = this.uuid; + data.type = this.type; + if ( this.name !== '' ) data.name = this.name; - // far + if ( this.parameters !== undefined ) { - setPoint("f1", -w, -h, 1); - setPoint("f2", w, -h, 1); - setPoint("f3", -w, h, 1); - setPoint("f4", w, h, 1); + var parameters = this.parameters; - // up + for ( var key in parameters ) { - setPoint("u1", w * 0.7, h * 1.1, -1); - setPoint("u2", -w * 0.7, h * 1.1, -1); - setPoint("u3", 0, h * 2, -1); + if ( parameters[ key ] !== undefined ) data[ key ] = parameters[ key ]; - // cross + } - setPoint("cf1", -w, 0, 1); - setPoint("cf2", w, 0, 1); - setPoint("cf3", 0, -h, 1); - setPoint("cf4", 0, h, 1); + return data; - setPoint("cn1", -w, 0, -1); - setPoint("cn2", w, 0, -1); - setPoint("cn3", 0, -h, -1); - setPoint("cn4", 0, h, -1); + } - geometry.getAttribute("position").needsUpdate = true; - }; - })(); + var vertices = []; - /** - * @author mrdoob / http://mrdoob.com/ - * @author Mugen87 / http://github.com/Mugen87 - */ + for ( var i = 0; i < this.vertices.length; i ++ ) { - function BoxHelper(object, color) { - this.object = object; + var vertex = this.vertices[ i ]; + vertices.push( vertex.x, vertex.y, vertex.z ); - if (color === undefined) color = 0xffff00; + } - var indices = new Uint16Array([ - 0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7, - ]); - var positions = new Float32Array(8 * 3); + var faces = []; + var normals = []; + var normalsHash = {}; + var colors = []; + var colorsHash = {}; + var uvs = []; + var uvsHash = {}; - var geometry = new BufferGeometry(); - geometry.setIndex(new BufferAttribute(indices, 1)); - geometry.addAttribute("position", new BufferAttribute(positions, 3)); + for ( var i = 0; i < this.faces.length; i ++ ) { - LineSegments.call(this, geometry, new LineBasicMaterial({ color: color })); + var face = this.faces[ i ]; - this.matrixAutoUpdate = false; + var hasMaterial = true; + var hasFaceUv = false; // deprecated + var hasFaceVertexUv = this.faceVertexUvs[ 0 ][ i ] !== undefined; + var hasFaceNormal = face.normal.length() > 0; + var hasFaceVertexNormal = face.vertexNormals.length > 0; + var hasFaceColor = face.color.r !== 1 || face.color.g !== 1 || face.color.b !== 1; + var hasFaceVertexColor = face.vertexColors.length > 0; - this.update(); - } + var faceType = 0; - BoxHelper.prototype = Object.create(LineSegments.prototype); - BoxHelper.prototype.constructor = BoxHelper; + faceType = setBit( faceType, 0, 0 ); // isQuad + faceType = setBit( faceType, 1, hasMaterial ); + faceType = setBit( faceType, 2, hasFaceUv ); + faceType = setBit( faceType, 3, hasFaceVertexUv ); + faceType = setBit( faceType, 4, hasFaceNormal ); + faceType = setBit( faceType, 5, hasFaceVertexNormal ); + faceType = setBit( faceType, 6, hasFaceColor ); + faceType = setBit( faceType, 7, hasFaceVertexColor ); - BoxHelper.prototype.update = (function () { - var box = new Box3(); + faces.push( faceType ); + faces.push( face.a, face.b, face.c ); + faces.push( face.materialIndex ); - return function update(object) { - if (object !== undefined) { - console.warn("THREE.BoxHelper: .update() has no longer arguments."); - } + if ( hasFaceVertexUv ) { - if (this.object !== undefined) { - box.setFromObject(this.object); - } + var faceVertexUvs = this.faceVertexUvs[ 0 ][ i ]; - if (box.isEmpty()) return; + faces.push( + getUvIndex( faceVertexUvs[ 0 ] ), + getUvIndex( faceVertexUvs[ 1 ] ), + getUvIndex( faceVertexUvs[ 2 ] ) + ); - var min = box.min; - var max = box.max; + } - /* - 5____4 - 1/___0/| - | 6__|_7 - 2/___3/ + if ( hasFaceNormal ) { - 0: max.x, max.y, max.z - 1: min.x, max.y, max.z - 2: min.x, min.y, max.z - 3: max.x, min.y, max.z - 4: max.x, max.y, min.z - 5: min.x, max.y, min.z - 6: min.x, min.y, min.z - 7: max.x, min.y, min.z - */ + faces.push( getNormalIndex( face.normal ) ); - var position = this.geometry.attributes.position; - var array = position.array; + } - array[0] = max.x; - array[1] = max.y; - array[2] = max.z; - array[3] = min.x; - array[4] = max.y; - array[5] = max.z; - array[6] = min.x; - array[7] = min.y; - array[8] = max.z; - array[9] = max.x; - array[10] = min.y; - array[11] = max.z; - array[12] = max.x; - array[13] = max.y; - array[14] = min.z; - array[15] = min.x; - array[16] = max.y; - array[17] = min.z; - array[18] = min.x; - array[19] = min.y; - array[20] = min.z; - array[21] = max.x; - array[22] = min.y; - array[23] = min.z; + if ( hasFaceVertexNormal ) { - position.needsUpdate = true; + var vertexNormals = face.vertexNormals; - this.geometry.computeBoundingSphere(); - }; - })(); + faces.push( + getNormalIndex( vertexNormals[ 0 ] ), + getNormalIndex( vertexNormals[ 1 ] ), + getNormalIndex( vertexNormals[ 2 ] ) + ); - BoxHelper.prototype.setFromObject = function (object) { - this.object = object; - this.update(); + } - return this; - }; + if ( hasFaceColor ) { - /** - * @author WestLangley / http://github.com/WestLangley - */ + faces.push( getColorIndex( face.color ) ); - function Box3Helper(box, hex) { - this.type = "Box3Helper"; + } - this.box = box; + if ( hasFaceVertexColor ) { - var color = hex !== undefined ? hex : 0xffff00; + var vertexColors = face.vertexColors; - var indices = new Uint16Array([ - 0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7, - ]); + faces.push( + getColorIndex( vertexColors[ 0 ] ), + getColorIndex( vertexColors[ 1 ] ), + getColorIndex( vertexColors[ 2 ] ) + ); - var positions = [ - 1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, -1, -1, 1, -1, -1, -1, -1, - 1, -1, -1, - ]; + } - var geometry = new BufferGeometry(); + } - geometry.setIndex(new BufferAttribute(indices, 1)); + function setBit( value, position, enabled ) { - geometry.addAttribute("position", new Float32BufferAttribute(positions, 3)); + return enabled ? value | ( 1 << position ) : value & ( ~ ( 1 << position ) ); - LineSegments.call(this, geometry, new LineBasicMaterial({ color: color })); - - this.geometry.computeBoundingSphere(); - } - - Box3Helper.prototype = Object.create(LineSegments.prototype); - Box3Helper.prototype.constructor = Box3Helper; + } - Box3Helper.prototype.updateMatrixWorld = function (force) { - var box = this.box; + function getNormalIndex( normal ) { - if (box.isEmpty()) return; + var hash = normal.x.toString() + normal.y.toString() + normal.z.toString(); - box.getCenter(this.position); - - box.getSize(this.scale); + if ( normalsHash[ hash ] !== undefined ) { - this.scale.multiplyScalar(0.5); - - Object3D.prototype.updateMatrixWorld.call(this, force); - }; - - /** - * @author WestLangley / http://github.com/WestLangley - */ - - function PlaneHelper(plane, size, hex) { - this.type = "PlaneHelper"; + return normalsHash[ hash ]; - this.plane = plane; + } - this.size = size === undefined ? 1 : size; + normalsHash[ hash ] = normals.length / 3; + normals.push( normal.x, normal.y, normal.z ); - var color = hex !== undefined ? hex : 0xffff00; + return normalsHash[ hash ]; - var positions = [ - 1, -1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, - 1, 1, 0, 0, 1, 0, 0, 0, - ]; + } - var geometry = new BufferGeometry(); - geometry.addAttribute("position", new Float32BufferAttribute(positions, 3)); - geometry.computeBoundingSphere(); + function getColorIndex( color ) { - Line.call(this, geometry, new LineBasicMaterial({ color: color })); + var hash = color.r.toString() + color.g.toString() + color.b.toString(); - // + if ( colorsHash[ hash ] !== undefined ) { - var positions2 = [ - 1, 1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, -1, 1, 1, -1, 1, - ]; + return colorsHash[ hash ]; - var geometry2 = new BufferGeometry(); - geometry2.addAttribute( - "position", - new Float32BufferAttribute(positions2, 3) - ); - geometry2.computeBoundingSphere(); + } - this.add( - new Mesh( - geometry2, - new MeshBasicMaterial({ - color: color, - opacity: 0.2, - transparent: true, - depthWrite: false, - }) - ) - ); - } + colorsHash[ hash ] = colors.length; + colors.push( color.getHex() ); - PlaneHelper.prototype = Object.create(Line.prototype); - PlaneHelper.prototype.constructor = PlaneHelper; + return colorsHash[ hash ]; - PlaneHelper.prototype.updateMatrixWorld = function (force) { - var scale = -this.plane.constant; + } - if (Math.abs(scale) < 1e-8) scale = 1e-8; // sign does not matter + function getUvIndex( uv ) { - this.scale.set(0.5 * this.size, 0.5 * this.size, scale); + var hash = uv.x.toString() + uv.y.toString(); - this.lookAt(this.plane.normal); + if ( uvsHash[ hash ] !== undefined ) { - Object3D.prototype.updateMatrixWorld.call(this, force); - }; + return uvsHash[ hash ]; - /** - * @author WestLangley / http://github.com/WestLangley - * @author zz85 / http://github.com/zz85 - * @author bhouston / http://clara.io - * - * Creates an arrow for visualizing directions - * - * Parameters: - * dir - Vector3 - * origin - Vector3 - * length - Number - * color - color in hex value - * headLength - Number - * headWidth - Number - */ - - var lineGeometry; - var coneGeometry; - - function ArrowHelper(dir, origin, length, color, headLength, headWidth) { - // dir is assumed to be normalized - - Object3D.call(this); - - if (color === undefined) color = 0xffff00; - if (length === undefined) length = 1; - if (headLength === undefined) headLength = 0.2 * length; - if (headWidth === undefined) headWidth = 0.2 * headLength; - - if (lineGeometry === undefined) { - lineGeometry = new BufferGeometry(); - lineGeometry.addAttribute( - "position", - new Float32BufferAttribute([0, 0, 0, 0, 1, 0], 3) - ); - - coneGeometry = new CylinderBufferGeometry(0, 0.5, 1, 5, 1); - coneGeometry.translate(0, -0.5, 0); - } - - this.position.copy(origin); - - this.line = new Line(lineGeometry, new LineBasicMaterial({ color: color })); - this.line.matrixAutoUpdate = false; - this.add(this.line); - - this.cone = new Mesh(coneGeometry, new MeshBasicMaterial({ color: color })); - this.cone.matrixAutoUpdate = false; - this.add(this.cone); - - this.setDirection(dir); - this.setLength(length, headLength, headWidth); - } - - ArrowHelper.prototype = Object.create(Object3D.prototype); - ArrowHelper.prototype.constructor = ArrowHelper; - - ArrowHelper.prototype.setDirection = (function () { - var axis = new Vector3(); - var radians; - - return function setDirection(dir) { - // dir is assumed to be normalized - - if (dir.y > 0.99999) { - this.quaternion.set(0, 0, 0, 1); - } else if (dir.y < -0.99999) { - this.quaternion.set(1, 0, 0, 0); - } else { - axis.set(dir.z, 0, -dir.x).normalize(); - - radians = Math.acos(dir.y); - - this.quaternion.setFromAxisAngle(axis, radians); - } - }; - })(); - - ArrowHelper.prototype.setLength = function (length, headLength, headWidth) { - if (headLength === undefined) headLength = 0.2 * length; - if (headWidth === undefined) headWidth = 0.2 * headLength; - - this.line.scale.set(1, Math.max(0, length - headLength), 1); - this.line.updateMatrix(); - - this.cone.scale.set(headWidth, headLength, headWidth); - this.cone.position.y = length; - this.cone.updateMatrix(); - }; - - ArrowHelper.prototype.setColor = function (color) { - this.line.material.color.copy(color); - this.cone.material.color.copy(color); - }; - - /** - * @author sroucheray / http://sroucheray.org/ - * @author mrdoob / http://mrdoob.com/ - */ - - function AxesHelper(size) { - size = size || 1; - - var vertices = [ - 0, - 0, - 0, - size, - 0, - 0, - 0, - 0, - 0, - 0, - size, - 0, - 0, - 0, - 0, - 0, - 0, - size, - ]; - - var colors = [1, 0, 0, 1, 0.6, 0, 0, 1, 0, 0.6, 1, 0, 0, 0, 1, 0, 0.6, 1]; - - var geometry = new BufferGeometry(); - geometry.addAttribute("position", new Float32BufferAttribute(vertices, 3)); - geometry.addAttribute("color", new Float32BufferAttribute(colors, 3)); - - var material = new LineBasicMaterial({ vertexColors: VertexColors }); - - LineSegments.call(this, geometry, material); - } - - AxesHelper.prototype = Object.create(LineSegments.prototype); - AxesHelper.prototype.constructor = AxesHelper; - - // - - Curve.create = function (construct, getPoint) { - console.log("THREE.Curve.create() has been deprecated"); - - construct.prototype = Object.create(Curve.prototype); - construct.prototype.constructor = construct; - construct.prototype.getPoint = getPoint; - - return construct; - }; - - // - - Object.assign(CurvePath.prototype, { - createPointsGeometry: function (divisions) { - console.warn( - "THREE.CurvePath: .createPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead." - ); - - // generate geometry from path points (for Line or Points objects) - - var pts = this.getPoints(divisions); - return this.createGeometry(pts); - }, - - createSpacedPointsGeometry: function (divisions) { - console.warn( - "THREE.CurvePath: .createSpacedPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead." - ); - - // generate geometry from equidistant sampling along the path - - var pts = this.getSpacedPoints(divisions); - return this.createGeometry(pts); - }, - - createGeometry: function (points) { - console.warn( - "THREE.CurvePath: .createGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead." - ); - - var geometry = new Geometry(); - - for (var i = 0, l = points.length; i < l; i++) { - var point = points[i]; - geometry.vertices.push(new Vector3(point.x, point.y, point.z || 0)); - } - - return geometry; - }, - }); - - // - - Object.assign(Path.prototype, { - fromPoints: function (points) { - console.warn( - "THREE.Path: .fromPoints() has been renamed to .setFromPoints()." - ); - this.setFromPoints(points); - }, - }); - - // - - function Spline(points) { - console.warn( - "THREE.Spline has been removed. Use THREE.CatmullRomCurve3 instead." - ); - - CatmullRomCurve3.call(this, points); - this.type = "catmullrom"; - } - - Spline.prototype = Object.create(CatmullRomCurve3.prototype); - - Object.assign(Spline.prototype, { - initFromArray: function (/* a */) { - console.error("THREE.Spline: .initFromArray() has been removed."); - }, - getControlPointsArray: function (/* optionalTarget */) { - console.error("THREE.Spline: .getControlPointsArray() has been removed."); - }, - reparametrizeByArcLength: function (/* samplingCoef */) { - console.error( - "THREE.Spline: .reparametrizeByArcLength() has been removed." - ); - }, - }); - - GridHelper.prototype.setColors = function () { - console.error( - "THREE.GridHelper: setColors() has been deprecated, pass them in the constructor instead." - ); - }; - - SkeletonHelper.prototype.update = function () { - console.error( - "THREE.SkeletonHelper: update() no longer needs to be called." - ); - }; - - // - - Object.assign(Loader.prototype, { - extractUrlBase: function (url) { - console.warn( - "THREE.Loader: .extractUrlBase() has been deprecated. Use THREE.LoaderUtils.extractUrlBase() instead." - ); - return LoaderUtils.extractUrlBase(url); - }, - }); - - // - - Object.assign(Box2.prototype, { - center: function (optionalTarget) { - console.warn("THREE.Box2: .center() has been renamed to .getCenter()."); - return this.getCenter(optionalTarget); - }, - empty: function () { - console.warn("THREE.Box2: .empty() has been renamed to .isEmpty()."); - return this.isEmpty(); - }, - isIntersectionBox: function (box) { - console.warn( - "THREE.Box2: .isIntersectionBox() has been renamed to .intersectsBox()." - ); - return this.intersectsBox(box); - }, - size: function (optionalTarget) { - console.warn("THREE.Box2: .size() has been renamed to .getSize()."); - return this.getSize(optionalTarget); - }, - }); - - Object.assign(Box3.prototype, { - center: function (optionalTarget) { - console.warn("THREE.Box3: .center() has been renamed to .getCenter()."); - return this.getCenter(optionalTarget); - }, - empty: function () { - console.warn("THREE.Box3: .empty() has been renamed to .isEmpty()."); - return this.isEmpty(); - }, - isIntersectionBox: function (box) { - console.warn( - "THREE.Box3: .isIntersectionBox() has been renamed to .intersectsBox()." - ); - return this.intersectsBox(box); - }, - isIntersectionSphere: function (sphere) { - console.warn( - "THREE.Box3: .isIntersectionSphere() has been renamed to .intersectsSphere()." - ); - return this.intersectsSphere(sphere); - }, - size: function (optionalTarget) { - console.warn("THREE.Box3: .size() has been renamed to .getSize()."); - return this.getSize(optionalTarget); - }, - }); - - Line3.prototype.center = function (optionalTarget) { - console.warn("THREE.Line3: .center() has been renamed to .getCenter()."); - return this.getCenter(optionalTarget); - }; - - Object.assign(_Math, { - random16: function () { - console.warn( - "THREE.Math: .random16() has been deprecated. Use Math.random() instead." - ); - return Math.random(); - }, - - nearestPowerOfTwo: function (value) { - console.warn( - "THREE.Math: .nearestPowerOfTwo() has been renamed to .floorPowerOfTwo()." - ); - return _Math.floorPowerOfTwo(value); - }, - - nextPowerOfTwo: function (value) { - console.warn( - "THREE.Math: .nextPowerOfTwo() has been renamed to .ceilPowerOfTwo()." - ); - return _Math.ceilPowerOfTwo(value); - }, - }); - - Object.assign(Matrix3.prototype, { - flattenToArrayOffset: function (array, offset) { - console.warn( - "THREE.Matrix3: .flattenToArrayOffset() has been deprecated. Use .toArray() instead." - ); - return this.toArray(array, offset); - }, - multiplyVector3: function (vector) { - console.warn( - "THREE.Matrix3: .multiplyVector3() has been removed. Use vector.applyMatrix3( matrix ) instead." - ); - return vector.applyMatrix3(this); - }, - multiplyVector3Array: function (/* a */) { - console.error("THREE.Matrix3: .multiplyVector3Array() has been removed."); - }, - applyToBuffer: function (buffer /*, offset, length */) { - console.warn( - "THREE.Matrix3: .applyToBuffer() has been removed. Use matrix.applyToBufferAttribute( attribute ) instead." - ); - return this.applyToBufferAttribute(buffer); - }, - applyToVector3Array: function (/* array, offset, length */) { - console.error("THREE.Matrix3: .applyToVector3Array() has been removed."); - }, - }); - - Object.assign(Matrix4.prototype, { - extractPosition: function (m) { - console.warn( - "THREE.Matrix4: .extractPosition() has been renamed to .copyPosition()." - ); - return this.copyPosition(m); - }, - flattenToArrayOffset: function (array, offset) { - console.warn( - "THREE.Matrix4: .flattenToArrayOffset() has been deprecated. Use .toArray() instead." - ); - return this.toArray(array, offset); - }, - getPosition: (function () { - var v1; - - return function getPosition() { - if (v1 === undefined) v1 = new Vector3(); - console.warn( - "THREE.Matrix4: .getPosition() has been removed. Use Vector3.setFromMatrixPosition( matrix ) instead." - ); - return v1.setFromMatrixColumn(this, 3); - }; - })(), - setRotationFromQuaternion: function (q) { - console.warn( - "THREE.Matrix4: .setRotationFromQuaternion() has been renamed to .makeRotationFromQuaternion()." - ); - return this.makeRotationFromQuaternion(q); - }, - multiplyToArray: function () { - console.warn("THREE.Matrix4: .multiplyToArray() has been removed."); - }, - multiplyVector3: function (vector) { - console.warn( - "THREE.Matrix4: .multiplyVector3() has been removed. Use vector.applyMatrix4( matrix ) instead." - ); - return vector.applyMatrix4(this); - }, - multiplyVector4: function (vector) { - console.warn( - "THREE.Matrix4: .multiplyVector4() has been removed. Use vector.applyMatrix4( matrix ) instead." - ); - return vector.applyMatrix4(this); - }, - multiplyVector3Array: function (/* a */) { - console.error("THREE.Matrix4: .multiplyVector3Array() has been removed."); - }, - rotateAxis: function (v) { - console.warn( - "THREE.Matrix4: .rotateAxis() has been removed. Use Vector3.transformDirection( matrix ) instead." - ); - v.transformDirection(this); - }, - crossVector: function (vector) { - console.warn( - "THREE.Matrix4: .crossVector() has been removed. Use vector.applyMatrix4( matrix ) instead." - ); - return vector.applyMatrix4(this); - }, - translate: function () { - console.error("THREE.Matrix4: .translate() has been removed."); - }, - rotateX: function () { - console.error("THREE.Matrix4: .rotateX() has been removed."); - }, - rotateY: function () { - console.error("THREE.Matrix4: .rotateY() has been removed."); - }, - rotateZ: function () { - console.error("THREE.Matrix4: .rotateZ() has been removed."); - }, - rotateByAxis: function () { - console.error("THREE.Matrix4: .rotateByAxis() has been removed."); - }, - applyToBuffer: function (buffer /*, offset, length */) { - console.warn( - "THREE.Matrix4: .applyToBuffer() has been removed. Use matrix.applyToBufferAttribute( attribute ) instead." - ); - return this.applyToBufferAttribute(buffer); - }, - applyToVector3Array: function (/* array, offset, length */) { - console.error("THREE.Matrix4: .applyToVector3Array() has been removed."); - }, - makeFrustum: function (left, right, bottom, top, near, far) { - console.warn( - "THREE.Matrix4: .makeFrustum() has been removed. Use .makePerspective( left, right, top, bottom, near, far ) instead." - ); - return this.makePerspective(left, right, top, bottom, near, far); - }, - }); - - Plane.prototype.isIntersectionLine = function (line) { - console.warn( - "THREE.Plane: .isIntersectionLine() has been renamed to .intersectsLine()." - ); - return this.intersectsLine(line); - }; - - Quaternion.prototype.multiplyVector3 = function (vector) { - console.warn( - "THREE.Quaternion: .multiplyVector3() has been removed. Use is now vector.applyQuaternion( quaternion ) instead." - ); - return vector.applyQuaternion(this); - }; - - Object.assign(Ray.prototype, { - isIntersectionBox: function (box) { - console.warn( - "THREE.Ray: .isIntersectionBox() has been renamed to .intersectsBox()." - ); - return this.intersectsBox(box); - }, - isIntersectionPlane: function (plane) { - console.warn( - "THREE.Ray: .isIntersectionPlane() has been renamed to .intersectsPlane()." - ); - return this.intersectsPlane(plane); - }, - isIntersectionSphere: function (sphere) { - console.warn( - "THREE.Ray: .isIntersectionSphere() has been renamed to .intersectsSphere()." - ); - return this.intersectsSphere(sphere); - }, - }); - - Object.assign(Triangle.prototype, { - area: function () { - console.warn("THREE.Triangle: .area() has been renamed to .getArea()."); - return this.getArea(); - }, - barycoordFromPoint: function (point, target) { - console.warn( - "THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord()." - ); - return this.getBarycoord(point, target); - }, - midpoint: function (target) { - console.warn( - "THREE.Triangle: .midpoint() has been renamed to .getMidpoint()." - ); - return this.getMidpoint(target); - }, - normal: function (target) { - console.warn( - "THREE.Triangle: .normal() has been renamed to .getNormal()." - ); - return this.getNormal(target); - }, - plane: function (target) { - console.warn("THREE.Triangle: .plane() has been renamed to .getPlane()."); - return this.getPlane(target); - }, - }); - - Object.assign(Triangle, { - barycoordFromPoint: function (point, a, b, c, target) { - console.warn( - "THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord()." - ); - return Triangle.getBarycoord(point, a, b, c, target); - }, - normal: function (a, b, c, target) { - console.warn( - "THREE.Triangle: .normal() has been renamed to .getNormal()." - ); - return Triangle.getNormal(a, b, c, target); - }, - }); - - Object.assign(Shape.prototype, { - extractAllPoints: function (divisions) { - console.warn( - "THREE.Shape: .extractAllPoints() has been removed. Use .extractPoints() instead." - ); - return this.extractPoints(divisions); - }, - extrude: function (options) { - console.warn( - "THREE.Shape: .extrude() has been removed. Use ExtrudeGeometry() instead." - ); - return new ExtrudeGeometry(this, options); - }, - makeGeometry: function (options) { - console.warn( - "THREE.Shape: .makeGeometry() has been removed. Use ShapeGeometry() instead." - ); - return new ShapeGeometry(this, options); - }, - }); - - Object.assign(Vector2.prototype, { - fromAttribute: function (attribute, index, offset) { - console.warn( - "THREE.Vector2: .fromAttribute() has been renamed to .fromBufferAttribute()." - ); - return this.fromBufferAttribute(attribute, index, offset); - }, - distanceToManhattan: function (v) { - console.warn( - "THREE.Vector2: .distanceToManhattan() has been renamed to .manhattanDistanceTo()." - ); - return this.manhattanDistanceTo(v); - }, - lengthManhattan: function () { - console.warn( - "THREE.Vector2: .lengthManhattan() has been renamed to .manhattanLength()." - ); - return this.manhattanLength(); - }, - }); - - Object.assign(Vector3.prototype, { - setEulerFromRotationMatrix: function () { - console.error( - "THREE.Vector3: .setEulerFromRotationMatrix() has been removed. Use Euler.setFromRotationMatrix() instead." - ); - }, - setEulerFromQuaternion: function () { - console.error( - "THREE.Vector3: .setEulerFromQuaternion() has been removed. Use Euler.setFromQuaternion() instead." - ); - }, - getPositionFromMatrix: function (m) { - console.warn( - "THREE.Vector3: .getPositionFromMatrix() has been renamed to .setFromMatrixPosition()." - ); - return this.setFromMatrixPosition(m); - }, - getScaleFromMatrix: function (m) { - console.warn( - "THREE.Vector3: .getScaleFromMatrix() has been renamed to .setFromMatrixScale()." - ); - return this.setFromMatrixScale(m); - }, - getColumnFromMatrix: function (index, matrix) { - console.warn( - "THREE.Vector3: .getColumnFromMatrix() has been renamed to .setFromMatrixColumn()." - ); - return this.setFromMatrixColumn(matrix, index); - }, - applyProjection: function (m) { - console.warn( - "THREE.Vector3: .applyProjection() has been removed. Use .applyMatrix4( m ) instead." - ); - return this.applyMatrix4(m); - }, - fromAttribute: function (attribute, index, offset) { - console.warn( - "THREE.Vector3: .fromAttribute() has been renamed to .fromBufferAttribute()." - ); - return this.fromBufferAttribute(attribute, index, offset); - }, - distanceToManhattan: function (v) { - console.warn( - "THREE.Vector3: .distanceToManhattan() has been renamed to .manhattanDistanceTo()." - ); - return this.manhattanDistanceTo(v); - }, - lengthManhattan: function () { - console.warn( - "THREE.Vector3: .lengthManhattan() has been renamed to .manhattanLength()." - ); - return this.manhattanLength(); - }, - }); - - Object.assign(Vector4.prototype, { - fromAttribute: function (attribute, index, offset) { - console.warn( - "THREE.Vector4: .fromAttribute() has been renamed to .fromBufferAttribute()." - ); - return this.fromBufferAttribute(attribute, index, offset); - }, - lengthManhattan: function () { - console.warn( - "THREE.Vector4: .lengthManhattan() has been renamed to .manhattanLength()." - ); - return this.manhattanLength(); - }, - }); - - // - - Object.assign(Geometry.prototype, { - computeTangents: function () { - console.error("THREE.Geometry: .computeTangents() has been removed."); - }, - computeLineDistances: function () { - console.error( - "THREE.Geometry: .computeLineDistances() has been removed. Use THREE.Line.computeLineDistances() instead." - ); - }, - }); - - Object.assign(Object3D.prototype, { - getChildByName: function (name) { - console.warn( - "THREE.Object3D: .getChildByName() has been renamed to .getObjectByName()." - ); - return this.getObjectByName(name); - }, - renderDepth: function () { - console.warn( - "THREE.Object3D: .renderDepth has been removed. Use .renderOrder, instead." - ); - }, - translate: function (distance, axis) { - console.warn( - "THREE.Object3D: .translate() has been removed. Use .translateOnAxis( axis, distance ) instead." - ); - return this.translateOnAxis(axis, distance); - }, - getWorldRotation: function () { - console.error( - "THREE.Object3D: .getWorldRotation() has been removed. Use THREE.Object3D.getWorldQuaternion( target ) instead." - ); - }, - }); - - Object.defineProperties(Object3D.prototype, { - eulerOrder: { - get: function () { - console.warn("THREE.Object3D: .eulerOrder is now .rotation.order."); - return this.rotation.order; - }, - set: function (value) { - console.warn("THREE.Object3D: .eulerOrder is now .rotation.order."); - this.rotation.order = value; - }, - }, - useQuaternion: { - get: function () { - console.warn( - "THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default." - ); - }, - set: function () { - console.warn( - "THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default." - ); - }, - }, - }); - - Object.defineProperties(LOD.prototype, { - objects: { - get: function () { - console.warn("THREE.LOD: .objects has been renamed to .levels."); - return this.levels; - }, - }, - }); - - Object.defineProperty(Skeleton.prototype, "useVertexTexture", { - get: function () { - console.warn("THREE.Skeleton: useVertexTexture has been removed."); - }, - set: function () { - console.warn("THREE.Skeleton: useVertexTexture has been removed."); - }, - }); - - Object.defineProperty(Curve.prototype, "__arcLengthDivisions", { - get: function () { - console.warn( - "THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions." - ); - return this.arcLengthDivisions; - }, - set: function (value) { - console.warn( - "THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions." - ); - this.arcLengthDivisions = value; - }, - }); - - // - - PerspectiveCamera.prototype.setLens = function (focalLength, filmGauge) { - console.warn( - "THREE.PerspectiveCamera.setLens is deprecated. " + - "Use .setFocalLength and .filmGauge for a photographic setup." - ); - - if (filmGauge !== undefined) this.filmGauge = filmGauge; - this.setFocalLength(focalLength); - }; - - // - - Object.defineProperties(Light.prototype, { - onlyShadow: { - set: function () { - console.warn("THREE.Light: .onlyShadow has been removed."); - }, - }, - shadowCameraFov: { - set: function (value) { - console.warn( - "THREE.Light: .shadowCameraFov is now .shadow.camera.fov." - ); - this.shadow.camera.fov = value; - }, - }, - shadowCameraLeft: { - set: function (value) { - console.warn( - "THREE.Light: .shadowCameraLeft is now .shadow.camera.left." - ); - this.shadow.camera.left = value; - }, - }, - shadowCameraRight: { - set: function (value) { - console.warn( - "THREE.Light: .shadowCameraRight is now .shadow.camera.right." - ); - this.shadow.camera.right = value; - }, - }, - shadowCameraTop: { - set: function (value) { - console.warn( - "THREE.Light: .shadowCameraTop is now .shadow.camera.top." - ); - this.shadow.camera.top = value; - }, - }, - shadowCameraBottom: { - set: function (value) { - console.warn( - "THREE.Light: .shadowCameraBottom is now .shadow.camera.bottom." - ); - this.shadow.camera.bottom = value; - }, - }, - shadowCameraNear: { - set: function (value) { - console.warn( - "THREE.Light: .shadowCameraNear is now .shadow.camera.near." - ); - this.shadow.camera.near = value; - }, - }, - shadowCameraFar: { - set: function (value) { - console.warn( - "THREE.Light: .shadowCameraFar is now .shadow.camera.far." - ); - this.shadow.camera.far = value; - }, - }, - shadowCameraVisible: { - set: function () { - console.warn( - "THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( light.shadow.camera ) instead." - ); - }, - }, - shadowBias: { - set: function (value) { - console.warn("THREE.Light: .shadowBias is now .shadow.bias."); - this.shadow.bias = value; - }, - }, - shadowDarkness: { - set: function () { - console.warn("THREE.Light: .shadowDarkness has been removed."); - }, - }, - shadowMapWidth: { - set: function (value) { - console.warn( - "THREE.Light: .shadowMapWidth is now .shadow.mapSize.width." - ); - this.shadow.mapSize.width = value; - }, - }, - shadowMapHeight: { - set: function (value) { - console.warn( - "THREE.Light: .shadowMapHeight is now .shadow.mapSize.height." - ); - this.shadow.mapSize.height = value; - }, - }, - }); - - // - - Object.defineProperties(BufferAttribute.prototype, { - length: { - get: function () { - console.warn( - "THREE.BufferAttribute: .length has been deprecated. Use .count instead." - ); - return this.array.length; - }, - }, - copyIndicesArray: function (/* indices */) { - console.error( - "THREE.BufferAttribute: .copyIndicesArray() has been removed." - ); - }, - }); - - Object.assign(BufferGeometry.prototype, { - addIndex: function (index) { - console.warn( - "THREE.BufferGeometry: .addIndex() has been renamed to .setIndex()." - ); - this.setIndex(index); - }, - addDrawCall: function (start, count, indexOffset) { - if (indexOffset !== undefined) { - console.warn( - "THREE.BufferGeometry: .addDrawCall() no longer supports indexOffset." - ); - } - console.warn("THREE.BufferGeometry: .addDrawCall() is now .addGroup()."); - this.addGroup(start, count); - }, - clearDrawCalls: function () { - console.warn( - "THREE.BufferGeometry: .clearDrawCalls() is now .clearGroups()." - ); - this.clearGroups(); - }, - computeTangents: function () { - console.warn( - "THREE.BufferGeometry: .computeTangents() has been removed." - ); - }, - computeOffsets: function () { - console.warn("THREE.BufferGeometry: .computeOffsets() has been removed."); - }, - }); - - Object.defineProperties(BufferGeometry.prototype, { - drawcalls: { - get: function () { - console.error( - "THREE.BufferGeometry: .drawcalls has been renamed to .groups." - ); - return this.groups; - }, - }, - offsets: { - get: function () { - console.warn( - "THREE.BufferGeometry: .offsets has been renamed to .groups." - ); - return this.groups; - }, - }, - }); - - // - - Object.assign(ExtrudeBufferGeometry.prototype, { - getArrays: function () { - console.error( - "THREE.ExtrudeBufferGeometry: .getArrays() has been removed." - ); - }, - - addShapeList: function () { - console.error( - "THREE.ExtrudeBufferGeometry: .addShapeList() has been removed." - ); - }, - - addShape: function () { - console.error( - "THREE.ExtrudeBufferGeometry: .addShape() has been removed." - ); - }, - }); - - // - - Object.defineProperties(Uniform.prototype, { - dynamic: { - set: function () { - console.warn( - "THREE.Uniform: .dynamic has been removed. Use object.onBeforeRender() instead." - ); - }, - }, - onUpdate: { - value: function () { - console.warn( - "THREE.Uniform: .onUpdate() has been removed. Use object.onBeforeRender() instead." - ); - return this; - }, - }, - }); - - // - - Object.defineProperties(Material.prototype, { - wrapAround: { - get: function () { - console.warn("THREE.Material: .wrapAround has been removed."); - }, - set: function () { - console.warn("THREE.Material: .wrapAround has been removed."); - }, - }, - wrapRGB: { - get: function () { - console.warn("THREE.Material: .wrapRGB has been removed."); - return new Color(); - }, - }, - - shading: { - get: function () { - console.error( - "THREE." + - this.type + - ": .shading has been removed. Use the boolean .flatShading instead." - ); - }, - set: function (value) { - console.warn( - "THREE." + - this.type + - ": .shading has been removed. Use the boolean .flatShading instead." - ); - this.flatShading = value === FlatShading; - }, - }, - }); - - Object.defineProperties(MeshPhongMaterial.prototype, { - metal: { - get: function () { - console.warn( - "THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead." - ); - return false; - }, - set: function () { - console.warn( - "THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead" - ); - }, - }, - }); - - Object.defineProperties(ShaderMaterial.prototype, { - derivatives: { - get: function () { - console.warn( - "THREE.ShaderMaterial: .derivatives has been moved to .extensions.derivatives." - ); - return this.extensions.derivatives; - }, - set: function (value) { - console.warn( - "THREE. ShaderMaterial: .derivatives has been moved to .extensions.derivatives." - ); - this.extensions.derivatives = value; - }, - }, - }); - - // - - Object.assign(WebGLRenderer.prototype, { - getCurrentRenderTarget: function () { - console.warn( - "THREE.WebGLRenderer: .getCurrentRenderTarget() is now .getRenderTarget()." - ); - return this.getRenderTarget(); - }, - - getMaxAnisotropy: function () { - console.warn( - "THREE.WebGLRenderer: .getMaxAnisotropy() is now .capabilities.getMaxAnisotropy()." - ); - return this.capabilities.getMaxAnisotropy(); - }, - - getPrecision: function () { - console.warn( - "THREE.WebGLRenderer: .getPrecision() is now .capabilities.precision." - ); - return this.capabilities.precision; - }, - - resetGLState: function () { - console.warn( - "THREE.WebGLRenderer: .resetGLState() is now .state.reset()." - ); - return this.state.reset(); - }, - - supportsFloatTextures: function () { - console.warn( - "THREE.WebGLRenderer: .supportsFloatTextures() is now .extensions.get( 'OES_texture_float' )." - ); - return this.extensions.get("OES_texture_float"); - }, - supportsHalfFloatTextures: function () { - console.warn( - "THREE.WebGLRenderer: .supportsHalfFloatTextures() is now .extensions.get( 'OES_texture_half_float' )." - ); - return this.extensions.get("OES_texture_half_float"); - }, - supportsStandardDerivatives: function () { - console.warn( - "THREE.WebGLRenderer: .supportsStandardDerivatives() is now .extensions.get( 'OES_standard_derivatives' )." - ); - return this.extensions.get("OES_standard_derivatives"); - }, - supportsCompressedTextureS3TC: function () { - console.warn( - "THREE.WebGLRenderer: .supportsCompressedTextureS3TC() is now .extensions.get( 'WEBGL_compressed_texture_s3tc' )." - ); - return this.extensions.get("WEBGL_compressed_texture_s3tc"); - }, - supportsCompressedTexturePVRTC: function () { - console.warn( - "THREE.WebGLRenderer: .supportsCompressedTexturePVRTC() is now .extensions.get( 'WEBGL_compressed_texture_pvrtc' )." - ); - return this.extensions.get("WEBGL_compressed_texture_pvrtc"); - }, - supportsBlendMinMax: function () { - console.warn( - "THREE.WebGLRenderer: .supportsBlendMinMax() is now .extensions.get( 'EXT_blend_minmax' )." - ); - return this.extensions.get("EXT_blend_minmax"); - }, - supportsVertexTextures: function () { - console.warn( - "THREE.WebGLRenderer: .supportsVertexTextures() is now .capabilities.vertexTextures." - ); - return this.capabilities.vertexTextures; - }, - supportsInstancedArrays: function () { - console.warn( - "THREE.WebGLRenderer: .supportsInstancedArrays() is now .extensions.get( 'ANGLE_instanced_arrays' )." - ); - return this.extensions.get("ANGLE_instanced_arrays"); - }, - enableScissorTest: function (boolean) { - console.warn( - "THREE.WebGLRenderer: .enableScissorTest() is now .setScissorTest()." - ); - this.setScissorTest(boolean); - }, - initMaterial: function () { - console.warn("THREE.WebGLRenderer: .initMaterial() has been removed."); - }, - addPrePlugin: function () { - console.warn("THREE.WebGLRenderer: .addPrePlugin() has been removed."); - }, - addPostPlugin: function () { - console.warn("THREE.WebGLRenderer: .addPostPlugin() has been removed."); - }, - updateShadowMap: function () { - console.warn("THREE.WebGLRenderer: .updateShadowMap() has been removed."); - }, - setFaceCulling: function () { - console.warn("THREE.WebGLRenderer: .setFaceCulling() has been removed."); - }, - }); - - Object.defineProperties(WebGLRenderer.prototype, { - shadowMapEnabled: { - get: function () { - return this.shadowMap.enabled; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderer: .shadowMapEnabled is now .shadowMap.enabled." - ); - this.shadowMap.enabled = value; - }, - }, - shadowMapType: { - get: function () { - return this.shadowMap.type; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderer: .shadowMapType is now .shadowMap.type." - ); - this.shadowMap.type = value; - }, - }, - shadowMapCullFace: { - get: function () { - console.warn( - "THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead." - ); - return undefined; - }, - set: function (/* value */) { - console.warn( - "THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead." - ); - }, - }, - }); - - Object.defineProperties(WebGLShadowMap.prototype, { - cullFace: { - get: function () { - console.warn( - "THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead." - ); - return undefined; - }, - set: function (/* cullFace */) { - console.warn( - "THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead." - ); - }, - }, - renderReverseSided: { - get: function () { - console.warn( - "THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead." - ); - return undefined; - }, - set: function () { - console.warn( - "THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead." - ); - }, - }, - renderSingleSided: { - get: function () { - console.warn( - "THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead." - ); - return undefined; - }, - set: function () { - console.warn( - "THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead." - ); - }, - }, - }); - - // - - Object.defineProperties(WebGLRenderTarget.prototype, { - wrapS: { - get: function () { - console.warn("THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS."); - return this.texture.wrapS; - }, - set: function (value) { - console.warn("THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS."); - this.texture.wrapS = value; - }, - }, - wrapT: { - get: function () { - console.warn("THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT."); - return this.texture.wrapT; - }, - set: function (value) { - console.warn("THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT."); - this.texture.wrapT = value; - }, - }, - magFilter: { - get: function () { - console.warn( - "THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter." - ); - return this.texture.magFilter; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter." - ); - this.texture.magFilter = value; - }, - }, - minFilter: { - get: function () { - console.warn( - "THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter." - ); - return this.texture.minFilter; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter." - ); - this.texture.minFilter = value; - }, - }, - anisotropy: { - get: function () { - console.warn( - "THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy." - ); - return this.texture.anisotropy; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy." - ); - this.texture.anisotropy = value; - }, - }, - offset: { - get: function () { - console.warn( - "THREE.WebGLRenderTarget: .offset is now .texture.offset." - ); - return this.texture.offset; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderTarget: .offset is now .texture.offset." - ); - this.texture.offset = value; - }, - }, - repeat: { - get: function () { - console.warn( - "THREE.WebGLRenderTarget: .repeat is now .texture.repeat." - ); - return this.texture.repeat; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderTarget: .repeat is now .texture.repeat." - ); - this.texture.repeat = value; - }, - }, - format: { - get: function () { - console.warn( - "THREE.WebGLRenderTarget: .format is now .texture.format." - ); - return this.texture.format; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderTarget: .format is now .texture.format." - ); - this.texture.format = value; - }, - }, - type: { - get: function () { - console.warn("THREE.WebGLRenderTarget: .type is now .texture.type."); - return this.texture.type; - }, - set: function (value) { - console.warn("THREE.WebGLRenderTarget: .type is now .texture.type."); - this.texture.type = value; - }, - }, - generateMipmaps: { - get: function () { - console.warn( - "THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps." - ); - return this.texture.generateMipmaps; - }, - set: function (value) { - console.warn( - "THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps." - ); - this.texture.generateMipmaps = value; - }, - }, - }); - - // - - Object.defineProperties(WebVRManager.prototype, { - standing: { - set: function (/* value */) { - console.warn("THREE.WebVRManager: .standing has been removed."); - }, - }, - }); - - // - - Audio.prototype.load = function (file) { - console.warn( - "THREE.Audio: .load has been deprecated. Use THREE.AudioLoader instead." - ); - var scope = this; - var audioLoader = new AudioLoader(); - audioLoader.load(file, function (buffer) { - scope.setBuffer(buffer); - }); - return this; - }; - - AudioAnalyser.prototype.getData = function () { - console.warn("THREE.AudioAnalyser: .getData() is now .getFrequencyData()."); - return this.getFrequencyData(); - }; - - // - - CubeCamera.prototype.updateCubeMap = function (renderer, scene) { - console.warn("THREE.CubeCamera: .updateCubeMap() is now .update()."); - return this.update(renderer, scene); - }; - - /** - * @author dmarcos / https://github.com/dmarcos - * @author mrdoob / http://mrdoob.com - */ - var VRControls = function (object, onError) { - var scope = this; - - var vrDisplay, vrDisplays; - - var standingMatrix = new Matrix4(); - - var frameData = null; - - if ("VRFrameData" in window) { - frameData = new VRFrameData(); - } - - function gotVRDisplays(displays) { - vrDisplays = displays; - - if (displays.length > 0) { - vrDisplay = displays[0]; - } else { - if (onError) onError("VR input not available."); - } - } - - if (navigator.getVRDisplays) { - navigator - .getVRDisplays() - .then(gotVRDisplays) - .catch(function () { - console.warn("VRControls: Unable to get VR Displays"); - }); - } - - // the Rift SDK returns the position in meters - // this scale factor allows the user to define how meters - // are converted to scene units. - - this.scale = 1; - - // If true will use "standing space" coordinate system where y=0 is the - // floor and x=0, z=0 is the center of the room. - this.standing = false; - - // Distance from the users eyes to the floor in meters. Used when - // standing=true but the VRDisplay doesn't provide stageParameters. - this.userHeight = 1.6; - - this.getVRDisplay = function () { - return vrDisplay; - }; - - this.setVRDisplay = function (value) { - vrDisplay = value; - }; - - this.getVRDisplays = function () { - console.warn("VRControls: getVRDisplays() is being deprecated."); - return vrDisplays; - }; - - this.getStandingMatrix = function () { - return standingMatrix; - }; - - this.update = function () { - if (vrDisplay) { - var pose; - - if (vrDisplay.getFrameData) { - vrDisplay.getFrameData(frameData); - pose = frameData.pose; - } else if (vrDisplay.getPose) { - pose = vrDisplay.getPose(); - } - - if (pose.orientation !== null) { - object.quaternion.fromArray(pose.orientation); - } - - if (pose.position !== null) { - object.position.fromArray(pose.position); - } else { - object.position.set(0, 0, 0); - } - - if (this.standing) { - if (vrDisplay.stageParameters) { - object.updateMatrix(); - - standingMatrix.fromArray( - vrDisplay.stageParameters.sittingToStandingTransform - ); - object.applyMatrix(standingMatrix); - } else { - object.position.setY(object.position.y + this.userHeight); - } - } - - object.position.multiplyScalar(scope.scale); - } - }; - - this.dispose = function () { - vrDisplay = null; - }; - }; - - /** - * @author dmarcos / https://github.com/dmarcos - * @author mrdoob / http://mrdoob.com - * - * WebVR Spec: http://mozvr.github.io/webvr-spec/webvr.html - * - * Firefox: http://mozvr.com/downloads/ - * Chromium: https://webvr.info/get-chrome - */ - var VREffect = function (renderer, onError) { - var vrDisplay, vrDisplays; - var eyeTranslationL = new Vector3(); - var eyeTranslationR = new Vector3(); - var renderRectL, renderRectR; - var headMatrix = new Matrix4(); - var eyeMatrixL = new Matrix4(); - var eyeMatrixR = new Matrix4(); - - var frameData = null; - - if ("VRFrameData" in window) { - frameData = new window.VRFrameData(); - } - - function gotVRDisplays(displays) { - vrDisplays = displays; - - if (displays.length > 0) { - vrDisplay = displays[0]; - } else { - if (onError) onError("HMD not available"); - } - } - - if (navigator.getVRDisplays) { - navigator - .getVRDisplays() - .then(gotVRDisplays) - .catch(function () { - console.warn("VREffect: Unable to get VR Displays"); - }); - } - - // - - this.isPresenting = false; - - var scope = this; - - var rendererSize = renderer.getSize(); - var rendererUpdateStyle = false; - var rendererPixelRatio = renderer.getPixelRatio(); - - this.getVRDisplay = function () { - return vrDisplay; - }; - - this.setVRDisplay = function (value) { - vrDisplay = value; - }; - - this.getVRDisplays = function () { - console.warn("VREffect: getVRDisplays() is being deprecated."); - return vrDisplays; - }; - - this.setSize = function (width, height, updateStyle) { - rendererSize = { width: width, height: height }; - rendererUpdateStyle = updateStyle; - - if (scope.isPresenting) { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - renderer.setPixelRatio(1); - renderer.setSize( - eyeParamsL.renderWidth * 2, - eyeParamsL.renderHeight, - false - ); - } else { - renderer.setPixelRatio(rendererPixelRatio); - renderer.setSize(width, height, updateStyle); - } - }; - - // VR presentation - - var canvas = renderer.domElement; - var defaultLeftBounds = [0.0, 0.0, 0.5, 1.0]; - var defaultRightBounds = [0.5, 0.0, 0.5, 1.0]; - - function onVRDisplayPresentChange() { - var wasPresenting = scope.isPresenting; - scope.isPresenting = vrDisplay !== undefined && vrDisplay.isPresenting; - - if (scope.isPresenting) { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - var eyeWidth = eyeParamsL.renderWidth; - var eyeHeight = eyeParamsL.renderHeight; - - if (!wasPresenting) { - rendererPixelRatio = renderer.getPixelRatio(); - rendererSize = renderer.getSize(); - - renderer.setPixelRatio(1); - renderer.setSize(eyeWidth * 2, eyeHeight, false); - } - } else if (wasPresenting) { - renderer.setPixelRatio(rendererPixelRatio); - renderer.setSize( - rendererSize.width, - rendererSize.height, - rendererUpdateStyle - ); - } - } - - window.addEventListener( - "vrdisplaypresentchange", - onVRDisplayPresentChange, - false - ); - - this.setFullScreen = function (boolean) { - return new Promise(function (resolve, reject) { - if (vrDisplay === undefined) { - reject(new Error("No VR hardware found.")); - return; - } - - if (scope.isPresenting === boolean) { - resolve(); - return; - } - - if (boolean) { - resolve(vrDisplay.requestPresent([{ source: canvas }])); - } else { - resolve(vrDisplay.exitPresent()); - } - }); - }; - - this.requestPresent = function () { - return this.setFullScreen(true); - }; - - this.exitPresent = function () { - return this.setFullScreen(false); - }; - - this.requestAnimationFrame = function (f) { - if (vrDisplay !== undefined) { - return vrDisplay.requestAnimationFrame(f); - } else { - return window.requestAnimationFrame(f); - } - }; - - this.cancelAnimationFrame = function (h) { - if (vrDisplay !== undefined) { - vrDisplay.cancelAnimationFrame(h); - } else { - window.cancelAnimationFrame(h); - } - }; - - this.submitFrame = function () { - if (vrDisplay !== undefined && scope.isPresenting) { - vrDisplay.submitFrame(); - } - }; - - this.autoSubmitFrame = true; - - // render - - var cameraL = new PerspectiveCamera(); - cameraL.layers.enable(1); - - var cameraR = new PerspectiveCamera(); - cameraR.layers.enable(2); - - this.render = function (scene, camera, renderTarget, forceClear) { - if (vrDisplay && scope.isPresenting) { - var autoUpdate = scene.autoUpdate; - - if (autoUpdate) { - scene.updateMatrixWorld(); - scene.autoUpdate = false; - } - - if (Array.isArray(scene)) { - console.warn( - "VREffect.render() no longer supports arrays. Use object.layers instead." - ); - scene = scene[0]; - } - - // When rendering we don't care what the recommended size is, only what the actual size - // of the backbuffer is. - var size = renderer.getSize(); - var layers = vrDisplay.getLayers(); - var leftBounds; - var rightBounds; - - if (layers.length) { - var layer = layers[0]; - - leftBounds = - layer.leftBounds !== null && layer.leftBounds.length === 4 - ? layer.leftBounds - : defaultLeftBounds; - rightBounds = - layer.rightBounds !== null && layer.rightBounds.length === 4 - ? layer.rightBounds - : defaultRightBounds; - } else { - leftBounds = defaultLeftBounds; - rightBounds = defaultRightBounds; - } - - renderRectL = { - x: Math.round(size.width * leftBounds[0]), - y: Math.round(size.height * leftBounds[1]), - width: Math.round(size.width * leftBounds[2]), - height: Math.round(size.height * leftBounds[3]), - }; - renderRectR = { - x: Math.round(size.width * rightBounds[0]), - y: Math.round(size.height * rightBounds[1]), - width: Math.round(size.width * rightBounds[2]), - height: Math.round(size.height * rightBounds[3]), - }; - - if (renderTarget) { - renderer.setRenderTarget(renderTarget); - renderTarget.scissorTest = true; - } else { - renderer.setRenderTarget(null); - renderer.setScissorTest(true); - } - - if (renderer.autoClear || forceClear) renderer.clear(); - - if (camera.parent === null) camera.updateMatrixWorld(); - - camera.matrixWorld.decompose( - cameraL.position, - cameraL.quaternion, - cameraL.scale - ); - - cameraR.position.copy(cameraL.position); - cameraR.quaternion.copy(cameraL.quaternion); - cameraR.scale.copy(cameraL.scale); - - if (vrDisplay.getFrameData) { - vrDisplay.depthNear = camera.near; - vrDisplay.depthFar = camera.far; - - vrDisplay.getFrameData(frameData); - - cameraL.projectionMatrix.elements = frameData.leftProjectionMatrix; - cameraR.projectionMatrix.elements = frameData.rightProjectionMatrix; - - getEyeMatrices(frameData); - - cameraL.updateMatrix(); - cameraL.matrix.multiply(eyeMatrixL); - cameraL.matrix.decompose( - cameraL.position, - cameraL.quaternion, - cameraL.scale - ); - - cameraR.updateMatrix(); - cameraR.matrix.multiply(eyeMatrixR); - cameraR.matrix.decompose( - cameraR.position, - cameraR.quaternion, - cameraR.scale - ); - } else { - var eyeParamsL = vrDisplay.getEyeParameters("left"); - var eyeParamsR = vrDisplay.getEyeParameters("right"); - - cameraL.projectionMatrix = fovToProjection( - eyeParamsL.fieldOfView, - true, - camera.near, - camera.far - ); - cameraR.projectionMatrix = fovToProjection( - eyeParamsR.fieldOfView, - true, - camera.near, - camera.far - ); - - eyeTranslationL.fromArray(eyeParamsL.offset); - eyeTranslationR.fromArray(eyeParamsR.offset); - - cameraL.translateOnAxis(eyeTranslationL, cameraL.scale.x); - cameraR.translateOnAxis(eyeTranslationR, cameraR.scale.x); - } - - // render left eye - if (renderTarget) { - renderTarget.viewport.set( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - renderTarget.scissor.set( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - } else { - renderer.setViewport( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - renderer.setScissor( - renderRectL.x, - renderRectL.y, - renderRectL.width, - renderRectL.height - ); - } - renderer.render(scene, cameraL, renderTarget, forceClear); - - // render right eye - if (renderTarget) { - renderTarget.viewport.set( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - renderTarget.scissor.set( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - } else { - renderer.setViewport( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - renderer.setScissor( - renderRectR.x, - renderRectR.y, - renderRectR.width, - renderRectR.height - ); - } - renderer.render(scene, cameraR, renderTarget, forceClear); - - if (renderTarget) { - renderTarget.viewport.set(0, 0, size.width, size.height); - renderTarget.scissor.set(0, 0, size.width, size.height); - renderTarget.scissorTest = false; - renderer.setRenderTarget(null); - } else { - renderer.setViewport(0, 0, size.width, size.height); - renderer.setScissorTest(false); - } - - if (autoUpdate) { - scene.autoUpdate = true; - } - - if (scope.autoSubmitFrame) { - scope.submitFrame(); - } - - return; - } - - // Regular render mode if not HMD - - renderer.render(scene, camera, renderTarget, forceClear); - }; - - this.dispose = function () { - window.removeEventListener( - "vrdisplaypresentchange", - onVRDisplayPresentChange, - false - ); - }; - - // - - var poseOrientation = new Quaternion(); - var posePosition = new Vector3(); - - // Compute model matrices of the eyes with respect to the head. - function getEyeMatrices(frameData) { - // Compute the matrix for the position of the head based on the pose - if (frameData.pose.orientation) { - poseOrientation.fromArray(frameData.pose.orientation); - headMatrix.makeRotationFromQuaternion(poseOrientation); - } else { - headMatrix.identity(); - } - - if (frameData.pose.position) { - posePosition.fromArray(frameData.pose.position); - headMatrix.setPosition(posePosition); - } - - // The view matrix transforms vertices from sitting space to eye space. As such, the view matrix can be thought of as a product of two matrices: - // headToEyeMatrix * sittingToHeadMatrix - - // The headMatrix that we've calculated above is the model matrix of the head in sitting space, which is the inverse of sittingToHeadMatrix. - // So when we multiply the view matrix with headMatrix, we're left with headToEyeMatrix: - // viewMatrix * headMatrix = headToEyeMatrix * sittingToHeadMatrix * headMatrix = headToEyeMatrix - - eyeMatrixL.fromArray(frameData.leftViewMatrix); - eyeMatrixL.multiply(headMatrix); - eyeMatrixR.fromArray(frameData.rightViewMatrix); - eyeMatrixR.multiply(headMatrix); - - // The eye's model matrix in head space is the inverse of headToEyeMatrix we calculated above. - - eyeMatrixL.getInverse(eyeMatrixL); - eyeMatrixR.getInverse(eyeMatrixR); - } - - function fovToNDCScaleOffset(fov) { - var pxscale = 2.0 / (fov.leftTan + fov.rightTan); - var pxoffset = (fov.leftTan - fov.rightTan) * pxscale * 0.5; - var pyscale = 2.0 / (fov.upTan + fov.downTan); - var pyoffset = (fov.upTan - fov.downTan) * pyscale * 0.5; - return { scale: [pxscale, pyscale], offset: [pxoffset, pyoffset] }; - } - - function fovPortToProjection(fov, rightHanded, zNear, zFar) { - rightHanded = rightHanded === undefined ? true : rightHanded; - zNear = zNear === undefined ? 0.01 : zNear; - zFar = zFar === undefined ? 10000.0 : zFar; - - var handednessScale = rightHanded ? -1.0 : 1.0; - - // start with an identity matrix - var mobj = new Matrix4(); - var m = mobj.elements; - - // and with scale/offset info for normalized device coords - var scaleAndOffset = fovToNDCScaleOffset(fov); - - // X result, map clip edges to [-w,+w] - m[0 * 4 + 0] = scaleAndOffset.scale[0]; - m[0 * 4 + 1] = 0.0; - m[0 * 4 + 2] = scaleAndOffset.offset[0] * handednessScale; - m[0 * 4 + 3] = 0.0; - - // Y result, map clip edges to [-w,+w] - // Y offset is negated because this proj matrix transforms from world coords with Y=up, - // but the NDC scaling has Y=down (thanks D3D?) - m[1 * 4 + 0] = 0.0; - m[1 * 4 + 1] = scaleAndOffset.scale[1]; - m[1 * 4 + 2] = -scaleAndOffset.offset[1] * handednessScale; - m[1 * 4 + 3] = 0.0; - - // Z result (up to the app) - m[2 * 4 + 0] = 0.0; - m[2 * 4 + 1] = 0.0; - m[2 * 4 + 2] = (zFar / (zNear - zFar)) * -handednessScale; - m[2 * 4 + 3] = (zFar * zNear) / (zNear - zFar); - - // W result (= Z in) - m[3 * 4 + 0] = 0.0; - m[3 * 4 + 1] = 0.0; - m[3 * 4 + 2] = handednessScale; - m[3 * 4 + 3] = 0.0; - - mobj.transpose(); - return mobj; - } - - function fovToProjection(fov, rightHanded, zNear, zFar) { - var DEG2RAD = Math.PI / 180.0; - - var fovPort = { - upTan: Math.tan(fov.upDegrees * DEG2RAD), - downTan: Math.tan(fov.downDegrees * DEG2RAD), - leftTan: Math.tan(fov.leftDegrees * DEG2RAD), - rightTan: Math.tan(fov.rightDegrees * DEG2RAD), - }; - - return fovPortToProjection(fovPort, rightHanded, zNear, zFar); - } - }; - - /** - * @author qiao / https://github.com/qiao - * @author mrdoob / http://mrdoob.com - * @author alteredq / http://alteredqualia.com/ - * @author WestLangley / http://github.com/WestLangley - * @author erich666 / http://erichaines.com - */ - var OrbitControls = function (object, domElement) { - this.object = object; - - this.domElement = domElement !== undefined ? domElement : document; - - // Set to false to disable this control - this.enabled = true; - - // "target" sets the location of focus, where the object orbits around - this.target = new Vector3(); - - // How far you can dolly in and out ( PerspectiveCamera only ) - this.minDistance = 0; - this.maxDistance = Infinity; - - // How far you can zoom in and out ( OrthographicCamera only ) - this.minZoom = 0; - this.maxZoom = Infinity; - - // How far you can orbit vertically, upper and lower limits. - // Range is 0 to Math.PI radians. - this.minPolarAngle = 0; // radians - this.maxPolarAngle = Math.PI; // radians - - // How far you can orbit horizontally, upper and lower limits. - // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ]. - this.minAzimuthAngle = -Infinity; // radians - this.maxAzimuthAngle = Infinity; // radians - - // Set to true to enable damping (inertia) - // If damping is enabled, you must call controls.update() in your animation loop - this.enableDamping = false; - this.dampingFactor = 0.25; - - // This option actually enables dollying in and out; left as "zoom" for backwards compatibility. - // Set to false to disable zooming - this.enableZoom = true; - this.zoomSpeed = 1.0; - - // Set to false to disable rotating - this.enableRotate = true; - this.rotateSpeed = 1.0; - - // Set to false to disable panning - this.enablePan = true; - this.panSpeed = 1.0; - this.screenSpacePanning = false; // if true, pan in screen-space - this.keyPanSpeed = 7.0; // pixels moved per arrow key push - - // Set to true to automatically rotate around the target - // If auto-rotate is enabled, you must call controls.update() in your animation loop - this.autoRotate = false; - this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60 - - // Set to false to disable use of the keys - this.enableKeys = true; - - // The four arrow keys - this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 }; - - // Mouse buttons - this.mouseButtons = { - ORBIT: MOUSE.LEFT, - ZOOM: MOUSE.MIDDLE, - PAN: MOUSE.RIGHT, - }; - - // for reset - this.target0 = this.target.clone(); - this.position0 = this.object.position.clone(); - this.zoom0 = this.object.zoom; - - // - // public methods - // - - this.getPolarAngle = function () { - return spherical.phi; - }; + } - this.getAzimuthalAngle = function () { - return spherical.theta; - }; + uvsHash[ hash ] = uvs.length / 2; + uvs.push( uv.x, uv.y ); - this.saveState = function () { - scope.target0.copy(scope.target); - scope.position0.copy(scope.object.position); - scope.zoom0 = scope.object.zoom; - }; + return uvsHash[ hash ]; - this.reset = function () { - scope.target.copy(scope.target0); - scope.object.position.copy(scope.position0); - scope.object.zoom = scope.zoom0; + } - scope.object.updateProjectionMatrix(); - scope.dispatchEvent(changeEvent); + data.data = {}; - scope.update(); + data.data.vertices = vertices; + data.data.normals = normals; + if ( colors.length > 0 ) data.data.colors = colors; + if ( uvs.length > 0 ) data.data.uvs = [ uvs ]; // temporal backward compatibility + data.data.faces = faces; - state = STATE.NONE; - }; + return data; - // this method is exposed, but perhaps it would be better if we can make it private... - this.update = (function () { - var offset = new Vector3(); + }, - // so camera.up is the orbit axis - var quat = new Quaternion().setFromUnitVectors( - object.up, - new Vector3(0, 1, 0) - ); - var quatInverse = quat.clone().inverse(); + clone: function () { - var lastPosition = new Vector3(); - var lastQuaternion = new Quaternion(); + /* + // Handle primitives - return function update() { - var position = scope.object.position; + var parameters = this.parameters; - offset.copy(position).sub(scope.target); + if ( parameters !== undefined ) { - // rotate offset to "y-axis-is-up" space - offset.applyQuaternion(quat); + var values = []; - // angle from z-axis around y-axis - spherical.setFromVector3(offset); + for ( var key in parameters ) { - if (scope.autoRotate && state === STATE.NONE) { - scope.rotateLeft(getAutoRotationAngle()); - } + values.push( parameters[ key ] ); - spherical.theta += sphericalDelta.theta; - spherical.phi += sphericalDelta.phi; + } - // restrict theta to be between desired limits - spherical.theta = Math.max( - scope.minAzimuthAngle, - Math.min(scope.maxAzimuthAngle, spherical.theta) - ); + var geometry = Object.create( this.constructor.prototype ); + this.constructor.apply( geometry, values ); + return geometry; - // restrict phi to be between desired limits - spherical.phi = Math.max( - scope.minPolarAngle, - Math.min(scope.maxPolarAngle, spherical.phi) - ); + } - spherical.makeSafe(); + return new this.constructor().copy( this ); + */ - spherical.radius *= scale; + return new Geometry().copy( this ); - // restrict radius to be between desired limits - spherical.radius = Math.max( - scope.minDistance, - Math.min(scope.maxDistance, spherical.radius) - ); + }, - // move target to panned location - scope.target.add(panOffset); + copy: function ( source ) { - offset.setFromSpherical(spherical); + var i, il, j, jl, k, kl; - // rotate offset back to "camera-up-vector-is-up" space - offset.applyQuaternion(quatInverse); + // reset - position.copy(scope.target).add(offset); + this.vertices = []; + this.colors = []; + this.faces = []; + this.faceVertexUvs = [[]]; + this.morphTargets = []; + this.morphNormals = []; + this.skinWeights = []; + this.skinIndices = []; + this.lineDistances = []; + this.boundingBox = null; + this.boundingSphere = null; - scope.object.lookAt(scope.target); + // name - if (scope.enableDamping === true) { - sphericalDelta.theta *= 1 - scope.dampingFactor; - sphericalDelta.phi *= 1 - scope.dampingFactor; + this.name = source.name; - panOffset.multiplyScalar(1 - scope.dampingFactor); - } else { - sphericalDelta.set(0, 0, 0); + // vertices - panOffset.set(0, 0, 0); - } + var vertices = source.vertices; - scale = 1; + for ( i = 0, il = vertices.length; i < il; i ++ ) { - // update condition is: - // min(camera displacement, camera rotation in radians)^2 > EPS - // using small-angle approximation cos(x/2) = 1 - x^2 / 8 + this.vertices.push( vertices[ i ].clone() ); - if ( - zoomChanged || - lastPosition.distanceToSquared(scope.object.position) > EPS || - 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS - ) { - scope.dispatchEvent(changeEvent); + } - lastPosition.copy(scope.object.position); - lastQuaternion.copy(scope.object.quaternion); - zoomChanged = false; + // colors - return true; - } + var colors = source.colors; - return false; - }; - })(); + for ( i = 0, il = colors.length; i < il; i ++ ) { - this.dispose = function () { - scope.domElement.removeEventListener("contextmenu", onContextMenu, false); - scope.domElement.removeEventListener("mousedown", onMouseDown, false); - scope.domElement.removeEventListener("wheel", onMouseWheel, false); + this.colors.push( colors[ i ].clone() ); - scope.domElement.removeEventListener("touchstart", onTouchStart, false); - scope.domElement.removeEventListener("touchend", onTouchEnd, false); - scope.domElement.removeEventListener("touchmove", onTouchMove, false); + } - document.removeEventListener("mousemove", onMouseMove, false); - document.removeEventListener("mouseup", onMouseUp, false); + // faces - window.removeEventListener("keydown", onKeyDown, false); + var faces = source.faces; - //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here? - }; + for ( i = 0, il = faces.length; i < il; i ++ ) { - // - // internals - // + this.faces.push( faces[ i ].clone() ); - var scope = this; + } - var changeEvent = { type: "change" }; - var startEvent = { type: "start" }; - var endEvent = { type: "end" }; + // face vertex uvs - var STATE = { - NONE: -1, - ROTATE: 0, - DOLLY: 1, - PAN: 2, - TOUCH_ROTATE: 3, - TOUCH_DOLLY_PAN: 4, - }; + for ( i = 0, il = source.faceVertexUvs.length; i < il; i ++ ) { - var state = STATE.NONE; - - var EPS = 0.000001; - - // current position in spherical coordinates - var spherical = new Spherical(); - var sphericalDelta = new Spherical(); - - var scale = 1; - var panOffset = new Vector3(); - var zoomChanged = false; - - var rotateStart = new Vector2(); - var rotateEnd = new Vector2(); - var rotateDelta = new Vector2(); - - var panStart = new Vector2(); - var panEnd = new Vector2(); - var panDelta = new Vector2(); - - var dollyStart = new Vector2(); - var dollyEnd = new Vector2(); - var dollyDelta = new Vector2(); - - function getAutoRotationAngle() { - return ((2 * Math.PI) / 60 / 60) * scope.autoRotateSpeed; - } - - function getZoomScale() { - return Math.pow(0.95, scope.zoomSpeed); - } - - scope.rotateLeft = function (angle) { - sphericalDelta.theta -= angle; - }; - - scope.rotateUp = function (angle) { - sphericalDelta.phi -= angle; - }; - - var panLeft = (function () { - var v = new Vector3(); - - return function panLeft(distance, objectMatrix) { - v.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix - v.multiplyScalar(-distance); - - panOffset.add(v); - }; - })(); - - var panUp = (function () { - var v = new Vector3(); - - return function panUp(distance, objectMatrix) { - if (scope.screenSpacePanning === true) { - v.setFromMatrixColumn(objectMatrix, 1); - } else { - v.setFromMatrixColumn(objectMatrix, 0); - v.crossVectors(scope.object.up, v); - } - - v.multiplyScalar(distance); - - panOffset.add(v); - }; - })(); - - // deltaX and deltaY are in pixels; right and down are positive - var pan = (function () { - var offset = new Vector3(); - - return function pan(deltaX, deltaY) { - var element = - scope.domElement === document - ? scope.domElement.body - : scope.domElement; - - if (scope.object.isPerspectiveCamera) { - // perspective - var position = scope.object.position; - offset.copy(position).sub(scope.target); - var targetDistance = offset.length(); - - // half of the fov is center to top of screen - targetDistance *= Math.tan( - ((scope.object.fov / 2) * Math.PI) / 180.0 - ); - - // we use only clientHeight here so aspect ratio does not distort speed - panLeft( - (2 * deltaX * targetDistance) / element.clientHeight, - scope.object.matrix - ); - panUp( - (2 * deltaY * targetDistance) / element.clientHeight, - scope.object.matrix - ); - } else if (scope.object.isOrthographicCamera) { - // orthographic - panLeft( - (deltaX * (scope.object.right - scope.object.left)) / - scope.object.zoom / - element.clientWidth, - scope.object.matrix - ); - panUp( - (deltaY * (scope.object.top - scope.object.bottom)) / - scope.object.zoom / - element.clientHeight, - scope.object.matrix - ); - } else { - // camera neither orthographic nor perspective - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - pan disabled." - ); - scope.enablePan = false; - } - }; - })(); - - function dollyIn(dollyScale) { - if (scope.object.isPerspectiveCamera) { - scale /= dollyScale; - } else if (scope.object.isOrthographicCamera) { - scope.object.zoom = Math.max( - scope.minZoom, - Math.min(scope.maxZoom, scope.object.zoom * dollyScale) - ); - scope.object.updateProjectionMatrix(); - zoomChanged = true; - } else { - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled." - ); - scope.enableZoom = false; - } - } - - function dollyOut(dollyScale) { - if (scope.object.isPerspectiveCamera) { - scale *= dollyScale; - } else if (scope.object.isOrthographicCamera) { - scope.object.zoom = Math.max( - scope.minZoom, - Math.min(scope.maxZoom, scope.object.zoom / dollyScale) - ); - scope.object.updateProjectionMatrix(); - zoomChanged = true; - } else { - console.warn( - "WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled." - ); - scope.enableZoom = false; - } - } - - // - // event callbacks - update the object state - // - - function handleMouseDownRotate(event) { - //console.log( 'handleMouseDownRotate' ); - - rotateStart.set(event.clientX, event.clientY); - } - - function handleMouseDownDolly(event) { - //console.log( 'handleMouseDownDolly' ); - - dollyStart.set(event.clientX, event.clientY); - } - - function handleMouseDownPan(event) { - //console.log( 'handleMouseDownPan' ); - - panStart.set(event.clientX, event.clientY); - } - - function handleMouseMoveRotate(event) { - //console.log( 'handleMouseMoveRotate' ); - - rotateEnd.set(event.clientX, event.clientY); - - rotateDelta - .subVectors(rotateEnd, rotateStart) - .multiplyScalar(scope.rotateSpeed); - - var element = - scope.domElement === document - ? scope.domElement.body - : scope.domElement; - - // rotating across whole screen goes 360 degrees around - scope.rotateLeft((2 * Math.PI * rotateDelta.x) / element.clientWidth); - - // rotating up and down along whole screen attempts to go 360, but limited to 180 - scope.rotateUp((2 * Math.PI * rotateDelta.y) / element.clientHeight); - - rotateStart.copy(rotateEnd); - - scope.update(); - } - - function handleMouseMoveDolly(event) { - //console.log( 'handleMouseMoveDolly' ); - - dollyEnd.set(event.clientX, event.clientY); - - dollyDelta.subVectors(dollyEnd, dollyStart); - - if (dollyDelta.y > 0) { - dollyIn(getZoomScale()); - } else if (dollyDelta.y < 0) { - dollyOut(getZoomScale()); - } + var faceVertexUvs = source.faceVertexUvs[ i ]; - dollyStart.copy(dollyEnd); + if ( this.faceVertexUvs[ i ] === undefined ) { - scope.update(); - } + this.faceVertexUvs[ i ] = []; - function handleMouseMovePan(event) { - //console.log( 'handleMouseMovePan' ); + } - panEnd.set(event.clientX, event.clientY); + for ( j = 0, jl = faceVertexUvs.length; j < jl; j ++ ) { - panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed); + var uvs = faceVertexUvs[ j ], uvsCopy = []; - pan(panDelta.x, panDelta.y); + for ( k = 0, kl = uvs.length; k < kl; k ++ ) { - panStart.copy(panEnd); + var uv = uvs[ k ]; - scope.update(); - } + uvsCopy.push( uv.clone() ); - function handleMouseWheel(event) { - // console.log( 'handleMouseWheel' ); + } - if (event.deltaY < 0) { - dollyOut(getZoomScale()); - } else if (event.deltaY > 0) { - dollyIn(getZoomScale()); - } + this.faceVertexUvs[ i ].push( uvsCopy ); - scope.update(); - } + } - function handleKeyDown(event) { - //console.log( 'handleKeyDown' ); + } - switch (event.keyCode) { - case scope.keys.UP: - pan(0, scope.keyPanSpeed); - scope.update(); - break; + // morph targets - case scope.keys.BOTTOM: - pan(0, -scope.keyPanSpeed); - scope.update(); - break; + var morphTargets = source.morphTargets; - case scope.keys.LEFT: - pan(scope.keyPanSpeed, 0); - scope.update(); - break; + for ( i = 0, il = morphTargets.length; i < il; i ++ ) { - case scope.keys.RIGHT: - pan(-scope.keyPanSpeed, 0); - scope.update(); - break; - } - } + var morphTarget = {}; + morphTarget.name = morphTargets[ i ].name; - function handleTouchStartRotate(event) { - //console.log( 'handleTouchStartRotate' ); + // vertices - rotateStart.set(event.touches[0].pageX, event.touches[0].pageY); - } + if ( morphTargets[ i ].vertices !== undefined ) { - function handleTouchStartDollyPan(event) { - //console.log( 'handleTouchStartDollyPan' ); + morphTarget.vertices = []; - if (scope.enableZoom) { - var dx = event.touches[0].pageX - event.touches[1].pageX; - var dy = event.touches[0].pageY - event.touches[1].pageY; + for ( j = 0, jl = morphTargets[ i ].vertices.length; j < jl; j ++ ) { - var distance = Math.sqrt(dx * dx + dy * dy); + morphTarget.vertices.push( morphTargets[ i ].vertices[ j ].clone() ); - dollyStart.set(0, distance); - } + } - if (scope.enablePan) { - var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX); - var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY); + } - panStart.set(x, y); - } - } + // normals - function handleTouchMoveRotate(event) { - //console.log( 'handleTouchMoveRotate' ); + if ( morphTargets[ i ].normals !== undefined ) { - rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY); + morphTarget.normals = []; - rotateDelta - .subVectors(rotateEnd, rotateStart) - .multiplyScalar(scope.rotateSpeed); + for ( j = 0, jl = morphTargets[ i ].normals.length; j < jl; j ++ ) { - var element = - scope.domElement === document - ? scope.domElement.body - : scope.domElement; + morphTarget.normals.push( morphTargets[ i ].normals[ j ].clone() ); - // rotating across whole screen goes 360 degrees around - scope.rotateLeft((2 * Math.PI * rotateDelta.x) / element.clientWidth); + } - // rotating up and down along whole screen attempts to go 360, but limited to 180 - scope.rotateUp((2 * Math.PI * rotateDelta.y) / element.clientHeight); + } - rotateStart.copy(rotateEnd); + this.morphTargets.push( morphTarget ); - scope.update(); - } + } - function handleTouchMoveDollyPan(event) { - //console.log( 'handleTouchMoveDollyPan' ); + // morph normals - if (scope.enableZoom) { - var dx = event.touches[0].pageX - event.touches[1].pageX; - var dy = event.touches[0].pageY - event.touches[1].pageY; + var morphNormals = source.morphNormals; - var distance = Math.sqrt(dx * dx + dy * dy); + for ( i = 0, il = morphNormals.length; i < il; i ++ ) { - dollyEnd.set(0, distance); + var morphNormal = {}; - dollyDelta.set(0, Math.pow(dollyEnd.y / dollyStart.y, scope.zoomSpeed)); + // vertex normals - dollyIn(dollyDelta.y); + if ( morphNormals[ i ].vertexNormals !== undefined ) { - dollyStart.copy(dollyEnd); - } + morphNormal.vertexNormals = []; - if (scope.enablePan) { - var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX); - var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY); + for ( j = 0, jl = morphNormals[ i ].vertexNormals.length; j < jl; j ++ ) { - panEnd.set(x, y); + var srcVertexNormal = morphNormals[ i ].vertexNormals[ j ]; + var destVertexNormal = {}; - panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed); + destVertexNormal.a = srcVertexNormal.a.clone(); + destVertexNormal.b = srcVertexNormal.b.clone(); + destVertexNormal.c = srcVertexNormal.c.clone(); - pan(panDelta.x, panDelta.y); + morphNormal.vertexNormals.push( destVertexNormal ); - panStart.copy(panEnd); - } + } - scope.update(); - } + } - // - // event handlers - FSM: listen for events and reset state - // + // face normals - function onMouseDown(event) { - if (scope.enabled === false) return; + if ( morphNormals[ i ].faceNormals !== undefined ) { - event.preventDefault(); + morphNormal.faceNormals = []; - switch (event.button) { - case scope.mouseButtons.ORBIT: - if (scope.enableRotate === false) return; + for ( j = 0, jl = morphNormals[ i ].faceNormals.length; j < jl; j ++ ) { - handleMouseDownRotate(event); + morphNormal.faceNormals.push( morphNormals[ i ].faceNormals[ j ].clone() ); - state = STATE.ROTATE; + } - break; + } - case scope.mouseButtons.ZOOM: - if (scope.enableZoom === false) return; + this.morphNormals.push( morphNormal ); - handleMouseDownDolly(event); + } - state = STATE.DOLLY; + // skin weights - break; + var skinWeights = source.skinWeights; - case scope.mouseButtons.PAN: - if (scope.enablePan === false) return; + for ( i = 0, il = skinWeights.length; i < il; i ++ ) { - handleMouseDownPan(event); + this.skinWeights.push( skinWeights[ i ].clone() ); - state = STATE.PAN; + } - break; - } + // skin indices - if (state !== STATE.NONE) { - document.addEventListener("mousemove", onMouseMove, false); - document.addEventListener("mouseup", onMouseUp, false); + var skinIndices = source.skinIndices; - scope.dispatchEvent(startEvent); - } - } + for ( i = 0, il = skinIndices.length; i < il; i ++ ) { - function onMouseMove(event) { - if (scope.enabled === false) return; + this.skinIndices.push( skinIndices[ i ].clone() ); - event.preventDefault(); + } - switch (state) { - case STATE.ROTATE: - if (scope.enableRotate === false) return; + // line distances - handleMouseMoveRotate(event); + var lineDistances = source.lineDistances; - break; + for ( i = 0, il = lineDistances.length; i < il; i ++ ) { - case STATE.DOLLY: - if (scope.enableZoom === false) return; + this.lineDistances.push( lineDistances[ i ] ); - handleMouseMoveDolly(event); + } - break; + // bounding box - case STATE.PAN: - if (scope.enablePan === false) return; + var boundingBox = source.boundingBox; - handleMouseMovePan(event); + if ( boundingBox !== null ) { - break; - } - } + this.boundingBox = boundingBox.clone(); - function onMouseUp(event) { - if (scope.enabled === false) return; + } - document.removeEventListener("mousemove", onMouseMove, false); - document.removeEventListener("mouseup", onMouseUp, false); + // bounding sphere - scope.dispatchEvent(endEvent); + var boundingSphere = source.boundingSphere; - state = STATE.NONE; - } + if ( boundingSphere !== null ) { - function onMouseWheel(event) { - if ( - scope.enabled === false || - scope.enableZoom === false || - (state !== STATE.NONE && state !== STATE.ROTATE) - ) - return; + this.boundingSphere = boundingSphere.clone(); - event.preventDefault(); - event.stopPropagation(); + } - scope.dispatchEvent(startEvent); + // update flags - handleMouseWheel(event); + this.elementsNeedUpdate = source.elementsNeedUpdate; + this.verticesNeedUpdate = source.verticesNeedUpdate; + this.uvsNeedUpdate = source.uvsNeedUpdate; + this.normalsNeedUpdate = source.normalsNeedUpdate; + this.colorsNeedUpdate = source.colorsNeedUpdate; + this.lineDistancesNeedUpdate = source.lineDistancesNeedUpdate; + this.groupsNeedUpdate = source.groupsNeedUpdate; - scope.dispatchEvent(endEvent); - } + return this; - function onKeyDown(event) { - if ( - scope.enabled === false || - scope.enableKeys === false || - scope.enablePan === false - ) - return; + }, - handleKeyDown(event); - } + dispose: function () { - function onTouchStart(event) { - if (scope.enabled === false) return; + this.dispatchEvent( { type: 'dispose' } ); - event.preventDefault(); + } - switch (event.touches.length) { - case 1: // one-fingered touch: rotate - if (scope.enableRotate === false) return; + } ); - handleTouchStartRotate(event); + /** + * @author mrdoob / http://mrdoob.com/ + */ - state = STATE.TOUCH_ROTATE; + function BufferAttribute( array, itemSize, normalized ) { - break; + if ( Array.isArray( array ) ) { - case 2: // two-fingered touch: dolly-pan - if (scope.enableZoom === false && scope.enablePan === false) return; + throw new TypeError( 'THREE.BufferAttribute: array should be a Typed Array.' ); - handleTouchStartDollyPan(event); + } - state = STATE.TOUCH_DOLLY_PAN; + this.name = ''; - break; + this.array = array; + this.itemSize = itemSize; + this.count = array !== undefined ? array.length / itemSize : 0; + this.normalized = normalized === true; - default: - state = STATE.NONE; - } + this.dynamic = false; + this.updateRange = { offset: 0, count: - 1 }; - if (state !== STATE.NONE) { - scope.dispatchEvent(startEvent); - } - } + this.version = 0; - function onTouchMove(event) { - if (scope.enabled === false) return; + } - event.preventDefault(); - event.stopPropagation(); + Object.defineProperty( BufferAttribute.prototype, 'needsUpdate', { - switch (event.touches.length) { - case 1: // one-fingered touch: rotate - if (scope.enableRotate === false) return; - if (state !== STATE.TOUCH_ROTATE) return; // is this needed? + set: function ( value ) { - handleTouchMoveRotate(event); + if ( value === true ) this.version ++; - break; + } - case 2: // two-fingered touch: dolly-pan - if (scope.enableZoom === false && scope.enablePan === false) return; - if (state !== STATE.TOUCH_DOLLY_PAN) return; // is this needed? + } ); - handleTouchMoveDollyPan(event); + Object.assign( BufferAttribute.prototype, { - break; + isBufferAttribute: true, - default: - state = STATE.NONE; - } - } + onUploadCallback: function () {}, - function onTouchEnd(event) { - if (scope.enabled === false) return; + setArray: function ( array ) { - scope.dispatchEvent(endEvent); + if ( Array.isArray( array ) ) { - state = STATE.NONE; - } + throw new TypeError( 'THREE.BufferAttribute: array should be a Typed Array.' ); - function onContextMenu(event) { - if (scope.enabled === false) return; + } - event.preventDefault(); - } + this.count = array !== undefined ? array.length / this.itemSize : 0; + this.array = array; - // + return this; - scope.domElement.addEventListener("contextmenu", onContextMenu, false); + }, - scope.domElement.addEventListener("mousedown", onMouseDown, false); - scope.domElement.addEventListener("wheel", onMouseWheel, false); + setDynamic: function ( value ) { - scope.domElement.addEventListener("touchstart", onTouchStart, false); - scope.domElement.addEventListener("touchend", onTouchEnd, false); - scope.domElement.addEventListener("touchmove", onTouchMove, false); + this.dynamic = value; - window.addEventListener("keydown", onKeyDown, false); - - // force an update at start - - this.update(); - }; - - OrbitControls.prototype = Object.create(EventDispatcher.prototype); - OrbitControls.prototype.constructor = OrbitControls; - - Object.defineProperties(OrbitControls.prototype, { - center: { - get: function () { - console.warn("OrbitControls: .center has been renamed to .target"); - return this.target; - }, - }, - - // backward compatibility - - noZoom: { - get: function () { - console.warn( - "OrbitControls: .noZoom has been deprecated. Use .enableZoom instead." - ); - return !this.enableZoom; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noZoom has been deprecated. Use .enableZoom instead." - ); - this.enableZoom = !value; - }, - }, - - noRotate: { - get: function () { - console.warn( - "OrbitControls: .noRotate has been deprecated. Use .enableRotate instead." - ); - return !this.enableRotate; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noRotate has been deprecated. Use .enableRotate instead." - ); - this.enableRotate = !value; - }, - }, - - noPan: { - get: function () { - console.warn( - "OrbitControls: .noPan has been deprecated. Use .enablePan instead." - ); - return !this.enablePan; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noPan has been deprecated. Use .enablePan instead." - ); - this.enablePan = !value; - }, - }, - - noKeys: { - get: function () { - console.warn( - "OrbitControls: .noKeys has been deprecated. Use .enableKeys instead." - ); - return !this.enableKeys; - }, - - set: function (value) { - console.warn( - "OrbitControls: .noKeys has been deprecated. Use .enableKeys instead." - ); - this.enableKeys = !value; - }, - }, - - staticMoving: { - get: function () { - console.warn( - "OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead." - ); - return !this.enableDamping; - }, - - set: function (value) { - console.warn( - "OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead." - ); - this.enableDamping = !value; - }, - }, - - dynamicDampingFactor: { - get: function () { - console.warn( - "OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead." - ); - return this.dampingFactor; - }, - - set: function (value) { - console.warn( - "OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead." - ); - this.dampingFactor = value; - }, - }, - }); - - /** - * @author richt / http://richt.me - * @author WestLangley / http://github.com/WestLangley - * - * W3C Device Orientation control (http://w3c.github.io/deviceorientation/spec-source-orientation.html) - */ - var DeviceOrientationControls = function (object) { - var scope = this; - - this.object = object; - this.object.rotation.reorder("YXZ"); - - this.enabled = true; - - this.deviceOrientation = {}; - this.screenOrientation = 0; - - this.alphaOffset = 0; // radians - - var onDeviceOrientationChangeEvent = function (event) { - scope.deviceOrientation = event; - }; - - var onScreenOrientationChangeEvent = function () { - scope.screenOrientation = window.orientation || 0; - }; - - // The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y'' - - var setObjectQuaternion = (function () { - var zee = new Vector3(0, 0, 1); - - var euler = new Euler(); - - var q0 = new Quaternion(); - - var q1 = new Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)); // - PI/2 around the x-axis - - return function (quaternion, alpha, beta, gamma, orient) { - euler.set(beta, alpha, -gamma, "YXZ"); // 'ZXY' for the device, but 'YXZ' for us - - quaternion.setFromEuler(euler); // orient the device - - quaternion.multiply(q1); // camera looks out the back of the device, not the top - - quaternion.multiply(q0.setFromAxisAngle(zee, -orient)); // adjust for screen orientation - }; - })(); - - this.connect = function () { - onScreenOrientationChangeEvent(); // run once on load - - window.addEventListener( - "orientationchange", - onScreenOrientationChangeEvent, - false - ); - window.addEventListener( - "deviceorientation", - onDeviceOrientationChangeEvent, - false - ); - - scope.enabled = true; - }; - - this.disconnect = function () { - window.removeEventListener( - "orientationchange", - onScreenOrientationChangeEvent, - false - ); - window.removeEventListener( - "deviceorientation", - onDeviceOrientationChangeEvent, - false - ); - - scope.enabled = false; - }; - - this.update = function () { - if (scope.enabled === false) return; - - var device = scope.deviceOrientation; - - if (device) { - var alpha = device.alpha - ? _Math.degToRad(device.alpha) + scope.alphaOffset - : 0; // Z - - var beta = device.beta ? _Math.degToRad(device.beta) : 0; // X' - - var gamma = device.gamma ? _Math.degToRad(device.gamma) : 0; // Y'' - - var orient = scope.screenOrientation - ? _Math.degToRad(scope.screenOrientation) - : 0; // O - - setObjectQuaternion( - scope.object.quaternion, - alpha, - beta, - gamma, - orient - ); - } - }; - - this.dispose = function () { - scope.disconnect(); - }; - - this.connect(); - }; - - var classCallCheck = function (instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - }; - - var inherits = function (subClass, superClass) { - if (typeof superClass !== "function" && superClass !== null) { - throw new TypeError( - "Super expression must either be null or a function, not " + - typeof superClass - ); - } - - subClass.prototype = Object.create(superClass && superClass.prototype, { - constructor: { - value: subClass, - enumerable: false, - writable: true, - configurable: true, - }, - }); - if (superClass) - Object.setPrototypeOf - ? Object.setPrototypeOf(subClass, superClass) - : (subClass.__proto__ = superClass); - }; - - var possibleConstructorReturn = function (self, call) { - if (!self) { - throw new ReferenceError( - "this hasn't been initialised - super() hasn't been called" - ); - } - - return call && (typeof call === "object" || typeof call === "function") - ? call - : self; - }; - - /** - * Convert a quaternion to an angle - * - * Taken from https://stackoverflow.com/a/35448946 - * Thanks P. Ellul - */ - function Quat2Angle(x, y, z, w) { - var test = x * y + z * w; - - // singularity at north pole - if (test > 0.499) { - var _yaw = 2 * Math.atan2(x, w); - var _pitch = Math.PI / 2; - var _roll = 0; - - return new Vector3(_pitch, _roll, _yaw); - } - - // singularity at south pole - if (test < -0.499) { - var _yaw2 = -2 * Math.atan2(x, w); - var _pitch2 = -Math.PI / 2; - var _roll2 = 0; - - return new Vector3(_pitch2, _roll2, _yaw2); - } - - var sqx = x * x; - var sqy = y * y; - var sqz = z * z; - var yaw = Math.atan2(2 * y * w - 2 * x * z, 1 - 2 * sqy - 2 * sqz); - var pitch = Math.asin(2 * test); - var roll = Math.atan2(2 * x * w - 2 * y * z, 1 - 2 * sqx - 2 * sqz); - - return new Vector3(pitch, roll, yaw); - } - - var OrbitOrientationControls = (function () { - function OrbitOrientationControls(options) { - classCallCheck(this, OrbitOrientationControls); - - this.object = options.camera; - this.domElement = options.canvas; - this.orbit = new OrbitControls(this.object, this.domElement); - - this.speed = 0.5; - this.orbit.target.set(0, 0, -1); - this.orbit.enableZoom = false; - this.orbit.enablePan = false; - this.orbit.rotateSpeed = -this.speed; - - // if orientation is supported - if (options.orientation) { - this.orientation = new DeviceOrientationControls(this.object); - } - } - - OrbitOrientationControls.prototype.update = function update() { - // orientation updates the camera using quaternions and - // orbit updates the camera using angles. They are incompatible - // and one update overrides the other. So before - // orbit overrides orientation we convert our quaternion changes to - // an angle change. Then save the angle into orbit so that - // it will take those into account when it updates the camera and overrides - // our changes - if (this.orientation) { - this.orientation.update(); - - var quat = this.orientation.object.quaternion; - var currentAngle = Quat2Angle(quat.x, quat.y, quat.z, quat.w); - - // we also have to store the last angle since quaternions are b - if (typeof this.lastAngle_ === "undefined") { - this.lastAngle_ = currentAngle; - } - - this.orbit.rotateLeft( - (this.lastAngle_.z - currentAngle.z) * (1 + this.speed) - ); - this.orbit.rotateUp( - (this.lastAngle_.y - currentAngle.y) * (1 + this.speed) - ); - this.lastAngle_ = currentAngle; - } - - this.orbit.update(); - }; - - OrbitOrientationControls.prototype.dispose = function dispose() { - this.orbit.dispose(); - - if (this.orientation) { - this.orientation.dispose(); - } - }; - - return OrbitOrientationControls; - })(); - - // check if the browser supports cors - var corsSupport = (function () { - var video = document_1.createElement("video"); - - video.crossOrigin = "anonymous"; - - return video.hasAttribute("crossorigin"); - })(); - - var validProjections = [ - "360", - "360_LR", - "360_TB", - "360_CUBE", - "NONE", - "AUTO", - "Sphere", - "Cube", - "equirectangular", - ]; - - var getInternalProjectionName = function getInternalProjectionName( - projection - ) { - if (!projection) { - return; - } - - projection = projection.toString().trim(); - - if (/sphere/i.test(projection)) { - return "360"; - } - - if (/cube/i.test(projection)) { - return "360_CUBE"; - } - - if (/equirectangular/i.test(projection)) { - return "360"; - } - - for (var i = 0; i < validProjections.length; i++) { - if (new RegExp("^" + validProjections[i] + "$", "i").test(projection)) { - return validProjections[i]; - } - } - }; - - // Add Cardboard button - var Button = videojs.getComponent("Button"); - - var CardboardButton = (function (_Button) { - inherits(CardboardButton, _Button); - - function CardboardButton(player, options) { - classCallCheck(this, CardboardButton); - - var _this = possibleConstructorReturn( - this, - _Button.call(this, player, options) - ); - - _this.handleVrDisplayActivate_ = videojs.bind( - _this, - _this.handleVrDisplayActivate_ - ); - _this.handleVrDisplayDeactivate_ = videojs.bind( - _this, - _this.handleVrDisplayDeactivate_ - ); - _this.handleVrDisplayPresentChange_ = videojs.bind( - _this, - _this.handleVrDisplayPresentChange_ - ); - _this.handleOrientationChange_ = videojs.bind( - _this, - _this.handleOrientationChange_ - ); - window_1.addEventListener( - "orientationchange", - _this.handleOrientationChange_ - ); - window_1.addEventListener( - "vrdisplayactivate", - _this.handleVrDisplayActivate_ - ); - window_1.addEventListener( - "vrdisplaydeactivate", - _this.handleVrDisplayDeactivate_ - ); - - // vrdisplaypresentchange does not fire activate or deactivate - // and happens when hitting the back button during cardboard mode - // so we need to make sure we stay in the correct state by - // listening to it and checking if we are presenting it or not - window_1.addEventListener( - "vrdisplaypresentchange", - _this.handleVrDisplayPresentChange_ - ); - - // we cannot show the cardboard button in fullscreen on - // android as it breaks the controls, and makes it impossible - // to exit cardboard mode - if (videojs.browser.IS_ANDROID) { - _this.on(player, "fullscreenchange", function () { - if (player.isFullscreen()) { - _this.hide(); - } else { - _this.show(); - } - }); - } - return _this; - } - - CardboardButton.prototype.buildCSSClass = function buildCSSClass() { - return "vjs-button-vr " + _Button.prototype.buildCSSClass.call(this); - }; - - CardboardButton.prototype.handleVrDisplayPresentChange_ = - function handleVrDisplayPresentChange_() { - if (!this.player_.vr().vrDisplay.isPresenting && this.active_) { - this.handleVrDisplayDeactivate_(); - } - if (this.player_.vr().vrDisplay.isPresenting && !this.active_) { - this.handleVrDisplayActivate_(); - } - }; - - CardboardButton.prototype.handleOrientationChange_ = - function handleOrientationChange_() { - if (this.active_ && videojs.browser.IS_IOS) { - this.changeSize_(); - } - }; - - CardboardButton.prototype.changeSize_ = function changeSize_() { - this.player_.width(window_1.innerWidth); - this.player_.height(window_1.innerHeight); - window_1.dispatchEvent(new window_1.Event("resize")); - }; - - CardboardButton.prototype.handleVrDisplayActivate_ = - function handleVrDisplayActivate_() { - // we mimic fullscreen on IOS - if (videojs.browser.IS_IOS) { - this.oldWidth_ = this.player_.currentWidth(); - this.oldHeight_ = this.player_.currentHeight(); - this.player_.enterFullWindow(); - this.changeSize_(); - } - - this.active_ = true; - }; - - CardboardButton.prototype.handleVrDisplayDeactivate_ = - function handleVrDisplayDeactivate_() { - // un-mimic fullscreen on iOS - if (videojs.browser.IS_IOS) { - if (this.oldWidth_) { - this.player_.width(this.oldWidth_); - } - if (this.oldHeight_) { - this.player_.height(this.oldHeight_); - } - this.player_.exitFullWindow(); - window_1.dispatchEvent(new window_1.Event("resize")); - } - - this.active_ = false; - }; - - CardboardButton.prototype.handleClick = function handleClick(event) { - // if cardboard mode display is not active, activate it - // otherwise deactivate it - if (!this.active_) { - // This starts playback mode when the cardboard button - // is clicked on Andriod. We need to do this as the controls - // disappear - if (!this.player_.hasStarted() && videojs.browser.IS_ANDROID) { - this.player_.play(); - } - window_1.dispatchEvent(new window_1.Event("vrdisplayactivate")); - } else { - window_1.dispatchEvent(new window_1.Event("vrdisplaydeactivate")); - } - }; - - CardboardButton.prototype.dispose = function dispose() { - _Button.prototype.dispose.call(this); - window_1.removeEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_ - ); - window_1.removeEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_ - ); - window_1.removeEventListener( - "vrdisplaypresentchange", - this.handleVrDisplayPresentChange_ - ); - }; - - return CardboardButton; - })(Button); - - videojs.registerComponent("CardboardButton", CardboardButton); - - var BigPlayButton = videojs.getComponent("BigPlayButton"); - - var BigVrPlayButton = (function (_BigPlayButton) { - inherits(BigVrPlayButton, _BigPlayButton); - - function BigVrPlayButton() { - classCallCheck(this, BigVrPlayButton); - return possibleConstructorReturn( - this, - _BigPlayButton.apply(this, arguments) - ); - } - - BigVrPlayButton.prototype.buildCSSClass = function buildCSSClass() { - return ( - "vjs-big-vr-play-button " + - _BigPlayButton.prototype.buildCSSClass.call(this) - ); - }; - - return BigVrPlayButton; - })(BigPlayButton); - - videojs.registerComponent("BigVrPlayButton", BigVrPlayButton); - - // Default options for the plugin. - var defaults$1 = { - projection: "AUTO", - forceCardboard: false, - debug: false, - }; - - var errors = { - "web-vr-out-of-date": { - headline: "360 is out of date", - type: "360_OUT_OF_DATE", - message: - "Your browser supports 360 but not the latest version. See http://webvr.info for more info.", - }, - "web-vr-not-supported": { - headline: "360 not supported on this device", - type: "360_NOT_SUPPORTED", - message: - "Your browser does not support 360. See http://webvr.info for assistance.", - }, - "web-vr-hls-cors-not-supported": { - headline: "360 HLS video not supported on this device", - type: "360_NOT_SUPPORTED", - message: - "Your browser/device does not support HLS 360 video. See http://webvr.info for assistance.", - }, - }; - - var Plugin = videojs.getPlugin("plugin"); - var Component = videojs.getComponent("Component"); - - var VR = (function (_Plugin) { - inherits(VR, _Plugin); - - function VR(player, options) { - classCallCheck(this, VR); - - var settings = videojs.mergeOptions(defaults$1, options); - - var _this = possibleConstructorReturn( - this, - _Plugin.call(this, player, settings) - ); - - _this.options_ = settings; - _this.player_ = player; - _this.bigPlayButtonIndex_ = - player.children().indexOf(player.getChild("BigPlayButton")) || 0; - - // custom videojs-errors integration boolean - _this.videojsErrorsSupport_ = !!videojs.errors; - - if (_this.videojsErrorsSupport_) { - player.errors({ errors: errors }); - } - - // IE 11 does not support enough webgl to be supported - // older safari does not support cors, so it wont work - if (videojs.browser.IE_VERSION || !corsSupport) { - // if a player triggers error before 'loadstart' is fired - // video.js will reset the error overlay - _this.player_.on("loadstart", function () { - _this.triggerError_({ code: "web-vr-not-supported", dismiss: false }); - }); - return possibleConstructorReturn(_this); - } - - _this.polyfill_ = new WebVRPolyfill({ - // do not show rotate instructions - ROTATE_INSTRUCTIONS_DISABLED: true, - }); - _this.polyfill_ = new WebVRPolyfill(); - - _this.handleVrDisplayActivate_ = videojs.bind( - _this, - _this.handleVrDisplayActivate_ - ); - _this.handleVrDisplayDeactivate_ = videojs.bind( - _this, - _this.handleVrDisplayDeactivate_ - ); - _this.handleResize_ = videojs.bind(_this, _this.handleResize_); - _this.animate_ = videojs.bind(_this, _this.animate_); - - _this.setProjection(_this.options_.projection); - - _this.on(player, "loadedmetadata", _this.init); - return _this; - } - - VR.prototype.changeProjection_ = function changeProjection_(projection) { - projection = getInternalProjectionName(projection); - // don't change to an invalid projection - if (!projection) { - projection = "NONE"; - } - - var position = { x: 0, y: 0, z: 0 }; - - if (this.scene) { - this.scene.remove(this.movieScreen); - } - if (projection === "AUTO") { - // mediainfo cannot be set to auto or we would infinite loop here - // each source should know wether they are 360 or not, if using AUTO - if ( - this.player_.mediainfo && - this.player_.mediainfo.projection && - this.player_.mediainfo.projection !== "AUTO" - ) { - var autoProjection = getInternalProjectionName( - this.player_.mediainfo.projection - ); - - return this.changeProjection_(autoProjection); - } - return this.changeProjection_("NONE"); - } else if (projection === "360") { - this.movieGeometry = new SphereBufferGeometry(256, 32, 32); - this.movieMaterial = new MeshBasicMaterial({ - map: this.videoTexture, - overdraw: true, - side: BackSide, - }); - - this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); - this.movieScreen.position.set(position.x, position.y, position.z); - - this.movieScreen.scale.x = -1; - this.movieScreen.quaternion.setFromAxisAngle( - { x: 0, y: 1, z: 0 }, - -Math.PI / 2 - ); - this.scene.add(this.movieScreen); - } else if (projection === "360_LR" || projection === "360_TB") { - var geometry = new SphereGeometry(256, 32, 32); - - // Left eye view - var uvs = geometry.faceVertexUvs[0]; - - for (var i = 0; i < uvs.length; i++) { - for (var j = 0; j < 3; j++) { - if (projection === "360_LR") { - uvs[i][j].x *= 0.5; - } else { - uvs[i][j].y *= 0.5; - uvs[i][j].y += 0.5; - } - } - } - geometry.scale(-1, 1, 1); - - this.movieGeometry = new BufferGeometry().fromGeometry(geometry); - this.movieMaterial = new MeshBasicMaterial({ - map: this.videoTexture, - overdraw: true, - side: BackSide, - }); - - this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); - this.movieScreen.rotation.y = -Math.PI / 2; - // display in left eye only - this.movieScreen.layers.set(1); - this.scene.add(this.movieScreen); - - // Right eye view - geometry = new SphereGeometry(256, 32, 32); - - uvs = geometry.faceVertexUvs[0]; - - for (var _i = 0; _i < uvs.length; _i++) { - for (var _j = 0; _j < 3; _j++) { - if (projection === "360_LR") { - uvs[_i][_j].x *= 0.5; - uvs[_i][_j].x += 0.5; - } else { - uvs[_i][_j].y *= 0.5; - } - } - } - geometry.scale(-1, 1, 1); - - this.movieGeometry = new BufferGeometry().fromGeometry(geometry); - this.movieMaterial = new MeshBasicMaterial({ - map: this.videoTexture, - overdraw: true, - side: BackSide, - }); - - this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); - this.movieScreen.rotation.y = -Math.PI / 2; - // display in right eye only - this.movieScreen.layers.set(2); - this.scene.add(this.movieScreen); - } else if (projection === "360_CUBE") { - this.movieGeometry = new BoxGeometry(256, 256, 256); - this.movieMaterial = new MeshBasicMaterial({ - map: this.videoTexture, - overdraw: true, - side: BackSide, - }); - - var left = [ - new Vector2(0, 0.5), - new Vector2(0.333, 0.5), - new Vector2(0.333, 1), - new Vector2(0, 1), - ]; - var right = [ - new Vector2(0.333, 0.5), - new Vector2(0.666, 0.5), - new Vector2(0.666, 1), - new Vector2(0.333, 1), - ]; - var top = [ - new Vector2(0.666, 0.5), - new Vector2(1, 0.5), - new Vector2(1, 1), - new Vector2(0.666, 1), - ]; - var bottom = [ - new Vector2(0, 0), - new Vector2(0.333, 0), - new Vector2(0.333, 0.5), - new Vector2(0, 0.5), - ]; - var front = [ - new Vector2(0.333, 0), - new Vector2(0.666, 0), - new Vector2(0.666, 0.5), - new Vector2(0.333, 0.5), - ]; - var back = [ - new Vector2(0.666, 0), - new Vector2(1, 0), - new Vector2(1, 0.5), - new Vector2(0.666, 0.5), - ]; - - this.movieGeometry.faceVertexUvs[0] = []; - - this.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]]; - this.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]]; - - this.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]]; - this.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]]; - - this.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]]; - this.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]]; - - this.movieGeometry.faceVertexUvs[0][6] = [ - bottom[2], - bottom[1], - bottom[3], - ]; - this.movieGeometry.faceVertexUvs[0][7] = [ - bottom[1], - bottom[0], - bottom[3], - ]; - - this.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]]; - this.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]]; - - this.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]]; - this.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]]; - - this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); - this.movieScreen.position.set(position.x, position.y, position.z); - this.movieScreen.rotation.y = -Math.PI; - - this.scene.add(this.movieScreen); - } - - this.currentProjection_ = projection; - }; - - VR.prototype.triggerError_ = function triggerError_(errorObj) { - // if we have videojs-errors use it - if (this.videojsErrorsSupport_) { - this.player_.error(errorObj); - // if we don't have videojs-errors just use a normal player error - } else { - // strip any html content from the error message - // as it is not supported outside of videojs-errors - var div = document_1.createElement("div"); - - div.innerHTML = errors[errorObj.code].message; - - var message = div.textContent || div.innerText || ""; - - this.player_.error({ - code: errorObj.code, - message: message, - }); - } - }; - - VR.prototype.log = function log() { - if (!this.options_.debug) { - return; - } - - for ( - var _len = arguments.length, msgs = Array(_len), _key = 0; - _key < _len; - _key++ - ) { - msgs[_key] = arguments[_key]; - } - - msgs.forEach(function (msg) { - videojs.log(msg); - }); - }; - - VR.prototype.handleVrDisplayActivate_ = - function handleVrDisplayActivate_() { - var _this2 = this; - - if (!this.vrDisplay) { - return; - } - this.vrDisplay - .requestPresent([{ source: this.renderedCanvas }]) - .then(function () { - if (!_this2.vrDisplay.cardboardUI_ || !videojs.browser.IS_IOS) { - return; - } - - // webvr-polyfill/cardboard ui only watches for click events - // to tell that the back arrow button is pressed during cardboard vr. - // but somewhere along the line these events are silenced with preventDefault - // but only on iOS, so we translate them ourselves here - var touches = []; - var iosCardboardTouchStart_ = function iosCardboardTouchStart_(e) { - for (var i = 0; i < e.touches.length; i++) { - touches.push(e.touches[i]); - } - }; - - var iosCardboardTouchEnd_ = function iosCardboardTouchEnd_(e) { - if (!touches.length) { - return; - } - - touches.forEach(function (t) { - var simulatedClick = new window_1.MouseEvent("click", { - screenX: t.screenX, - screenY: t.screenY, - clientX: t.clientX, - clientY: t.clientY, - }); - - _this2.renderedCanvas.dispatchEvent(simulatedClick); - }); - - touches = []; - }; - - _this2.renderedCanvas.addEventListener( - "touchstart", - iosCardboardTouchStart_ - ); - _this2.renderedCanvas.addEventListener( - "touchend", - iosCardboardTouchEnd_ - ); - - _this2.iosRevertTouchToClick_ = function () { - _this2.renderedCanvas.removeEventListener( - "touchstart", - iosCardboardTouchStart_ - ); - _this2.renderedCanvas.removeEventListener( - "touchend", - iosCardboardTouchEnd_ - ); - _this2.iosRevertTouchToClick_ = null; - }; - }); - }; - - VR.prototype.handleVrDisplayDeactivate_ = - function handleVrDisplayDeactivate_() { - if (!this.vrDisplay || !this.vrDisplay.isPresenting) { - return; - } - if (this.iosRevertTouchToClick_) { - this.iosRevertTouchToClick_(); - } - this.vrDisplay.exitPresent(); - }; - - VR.prototype.requestAnimationFrame = function requestAnimationFrame(fn) { - if (this.vrDisplay) { - return this.vrDisplay.requestAnimationFrame(fn); - } - - return Component.prototype.requestAnimationFrame.call(this, fn); - }; - - VR.prototype.cancelAnimationFrame = function cancelAnimationFrame(id) { - if (this.vrDisplay) { - return this.vrDisplay.cancelAnimationFrame(id); - } - - return Component.prototype.cancelAnimationFrame.call(this, id); - }; - - VR.prototype.togglePlay_ = function togglePlay_() { - if (this.player_.paused()) { - this.player_.play(); - } else { - this.player_.pause(); - } - }; - - VR.prototype.animate_ = function animate_() { - if (!this.initialized_) { - return; - } - if ( - this.getVideoEl_().readyState === this.getVideoEl_().HAVE_ENOUGH_DATA - ) { - if (this.videoTexture) { - this.videoTexture.needsUpdate = true; - } - } - - this.controls3d.update(); - this.effect.render(this.scene, this.camera); - - if (window_1.navigator.getGamepads) { - // Grab all gamepads - var gamepads = window_1.navigator.getGamepads(); - - for (var i = 0; i < gamepads.length; ++i) { - var gamepad = gamepads[i]; - - // Make sure gamepad is defined - // Only take input if state has changed since we checked last - if ( - !gamepad || - !gamepad.timestamp || - gamepad.timestamp === this.prevTimestamps_[i] - ) { - continue; - } - for (var j = 0; j < gamepad.buttons.length; ++j) { - if (gamepad.buttons[j].pressed) { - this.togglePlay_(); - this.prevTimestamps_[i] = gamepad.timestamp; - break; - } - } - } - } - this.camera.getWorldDirection(this.cameraVector); - - this.animationFrameId_ = this.requestAnimationFrame(this.animate_); - }; - - VR.prototype.handleResize_ = function handleResize_() { - var width = this.player_.currentWidth(); - var height = this.player_.currentHeight(); - - this.effect.setSize(width, height, false); - this.camera.aspect = width / height; - this.camera.updateProjectionMatrix(); - }; - - VR.prototype.setProjection = function setProjection(projection) { - if (!getInternalProjectionName(projection)) { - videojs.log.error( - "videojs-vr: please pass a valid projection " + - validProjections.join(", ") - ); - return; - } - - this.currentProjection_ = projection; - this.defaultProjection_ = projection; - }; - - VR.prototype.init = function init() { - var _this3 = this; - - this.reset(); - - this.camera = new PerspectiveCamera( - 75, - this.player_.currentWidth() / this.player_.currentHeight(), - 1, - 1000 - ); - // Store vector representing the direction in which the camera is looking, in world space. - this.cameraVector = new Vector3(); - - if ( - this.currentProjection_ === "360_LR" || - this.currentProjection_ === "360_TB" - ) { - // Render left eye when not in VR mode - this.camera.layers.enable(1); - } - - this.scene = new Scene(); - this.videoTexture = new VideoTexture(this.getVideoEl_()); - - // shared regardless of wether VideoTexture is used or - // an image canvas is used - this.videoTexture.generateMipmaps = false; - this.videoTexture.minFilter = LinearFilter; - this.videoTexture.magFilter = LinearFilter; - this.videoTexture.format = RGBFormat; - - this.changeProjection_(this.currentProjection_); - - if (this.currentProjection_ === "NONE") { - this.log("Projection is NONE, dont init"); - this.reset(); - return; - } - - this.player_.removeChild("BigPlayButton"); - this.player_.addChild("BigVrPlayButton", {}, this.bigPlayButtonIndex_); - this.player_.bigPlayButton = this.player_.getChild("BigVrPlayButton"); - - // mobile devices, or cardboard forced to on - if ( - this.options_.forceCardboard || - videojs.browser.IS_ANDROID || - videojs.browser.IS_IOS - ) { - this.addCardboardButton_(); - } - - // if ios remove full screen toggle - if (videojs.browser.IS_IOS) { - this.player_.controlBar.fullscreenToggle.hide(); - } - - this.camera.position.set(0, 0, 0); - this.renderer = new WebGLRenderer({ - devicePixelRatio: window_1.devicePixelRatio, - alpha: false, - clearColor: 0xffffff, - antialias: true, - }); - - var webglContext = this.renderer.getContext("webgl"); - var oldTexImage2D = webglContext.texImage2D; - - /* this is a workaround since threejs uses try catch */ - webglContext.texImage2D = function () { - for ( - var _len2 = arguments.length, args = Array(_len2), _key2 = 0; - _key2 < _len2; - _key2++ - ) { - args[_key2] = arguments[_key2]; - } - - try { - return oldTexImage2D.apply(webglContext, args); - } catch (e) { - _this3.reset(); - _this3.player_.pause(); - _this3.triggerError_({ - code: "web-vr-hls-cors-not-supported", - dismiss: false, - }); - throw new Error(e); - } - }; - - this.renderer.setSize( - this.player_.currentWidth(), - this.player_.currentHeight(), - false - ); - this.effect = new VREffect(this.renderer); - - this.effect.setSize( - this.player_.currentWidth(), - this.player_.currentHeight(), - false - ); - this.vrDisplay = null; - - // Previous timestamps for gamepad updates - this.prevTimestamps_ = []; - - this.renderedCanvas = this.renderer.domElement; - this.renderedCanvas.setAttribute( - "style", - "width: 100%; height: 100%; position: absolute; top:0;" - ); - this.player_ - .el() - .insertBefore(this.renderedCanvas, this.player_.el().firstChild); - this.getVideoEl_().style.display = "none"; - - if (window_1.navigator.getVRDisplays) { - this.log("VR is supported, getting vr displays"); - window_1.navigator.getVRDisplays().then(function (displays) { - if (displays.length > 0) { - _this3.log("VR Displays found", displays); - _this3.vrDisplay = displays[0]; - - // Native WebVR Head Mounted Displays (HMDs) like the HTC Vive - // also need the cardboard button to enter fully immersive mode - // so, we want to add the button if we're not polyfilled. - if (!_this3.vrDisplay.isPolyfilled) { - _this3.log("Real HMD found using VRControls", _this3.vrDisplay); - _this3.addCardboardButton_(); - - // We use VRControls here since we are working with an HMD - // and we only want orientation controls. - _this3.controls3d = new VRControls(_this3.camera); - } - } - - if (!_this3.controls3d) { - _this3.log("no HMD found Using Orbit & Orientation Controls"); - _this3.controls3d = new OrbitOrientationControls({ - camera: _this3.camera, - canvas: _this3.renderedCanvas, - orientation: - videojs.browser.IS_IOS || videojs.browser.IS_ANDROID || false, - }); - } - _this3.animationFrameId_ = _this3.requestAnimationFrame( - _this3.animate_ - ); - }); - } else if (window_1.navigator.getVRDevices) { - this.triggerError_({ code: "web-vr-out-of-date", dismiss: false }); - } else { - this.triggerError_({ code: "web-vr-not-supported", dismiss: false }); - } - - this.on(this.player_, "fullscreenchange", this.handleResize_); - window_1.addEventListener( - "vrdisplaypresentchange", - this.handleResize_, - true - ); - window_1.addEventListener("resize", this.handleResize_, true); - window_1.addEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_, - true - ); - window_1.addEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_, - true - ); - - this.initialized_ = true; - }; - - VR.prototype.addCardboardButton_ = function addCardboardButton_() { - if (!this.player_.controlBar.getChild("CardboardButton")) { - this.player_.controlBar.addChild("CardboardButton", {}); - } - }; - - VR.prototype.getVideoEl_ = function getVideoEl_() { - return this.player_.el().getElementsByTagName("video")[0]; - }; - - VR.prototype.reset = function reset() { - if (!this.initialized_) { - return; - } - - if (this.controls3d) { - this.controls3d.dispose(); - } - if (this.effect) { - this.effect.dispose(); - } - - window_1.removeEventListener("resize", this.handleResize_); - window_1.removeEventListener( - "vrdisplaypresentchange", - this.handleResize_ - ); - window_1.removeEventListener( - "vrdisplayactivate", - this.handleVrDisplayActivate_ - ); - window_1.removeEventListener( - "vrdisplaydeactivate", - this.handleVrDisplayDeactivate_ - ); - - // re-add the big play button to player - if (!this.player_.getChild("BigPlayButton")) { - this.player_.addChild("BigPlayButton", {}, this.bigPlayButtonIndex_); - } - - if (this.player_.getChild("BigVrPlayButton")) { - this.player_.removeChild("BigVrPlayButton"); - } - - // remove the cardboard button - if (this.player_.getChild("CardboardButton")) { - this.player_.controlBar.removeChild("CardboardButton"); - } - - // show the fullscreen again - if (videojs.browser.IS_IOS) { - this.player_.controlBar.fullscreenToggle.show(); - } - - // reset the video element style so that it will be displayed - this.getVideoEl_().style.display = ""; - - // set the current projection to the default - this.currentProjection_ = this.defaultProjection_; - - if (this.observer_) { - this.observer_.disconnect(); - } - - // reset the ios touch to click workaround - if (this.iosRevertTouchToClick_) { - this.iosRevertTouchToClick_(); - } - - // remove the old canvas - if (this.renderedCanvas) { - this.renderedCanvas.parentNode.removeChild(this.renderedCanvas); - } - - if (this.animationFrameId_) { - this.cancelAnimationFrame(this.animationFrameId_); - } - - this.initialized_ = false; - }; - - VR.prototype.dispose = function dispose() { - _Plugin.prototype.dispose.call(this); - this.reset(); - }; - - VR.prototype.polyfillVersion = function polyfillVersion() { - return WebVRPolyfill.version; - }; - - return VR; - })(Plugin); - - VR.prototype.setTimeout = Component.prototype.setTimeout; - VR.prototype.clearTimeout = Component.prototype.clearTimeout; - - VR.VERSION = version; - - videojs.registerPlugin("vr", VR); - - return VR; -}); + return this; + + }, + + copy: function ( source ) { + + this.name = source.name; + this.array = new source.array.constructor( source.array ); + this.itemSize = source.itemSize; + this.count = source.count; + this.normalized = source.normalized; + + this.dynamic = source.dynamic; + + return this; + + }, + + copyAt: function ( index1, attribute, index2 ) { + + index1 *= this.itemSize; + index2 *= attribute.itemSize; + + for ( var i = 0, l = this.itemSize; i < l; i ++ ) { + + this.array[ index1 + i ] = attribute.array[ index2 + i ]; + + } + + return this; + + }, + + copyArray: function ( array ) { + + this.array.set( array ); + + return this; + + }, + + copyColorsArray: function ( colors ) { + + var array = this.array, offset = 0; + + for ( var i = 0, l = colors.length; i < l; i ++ ) { + + var color = colors[ i ]; + + if ( color === undefined ) { + + console.warn( 'THREE.BufferAttribute.copyColorsArray(): color is undefined', i ); + color = new Color(); + + } + + array[ offset ++ ] = color.r; + array[ offset ++ ] = color.g; + array[ offset ++ ] = color.b; + + } + + return this; + + }, + + copyVector2sArray: function ( vectors ) { + + var array = this.array, offset = 0; + + for ( var i = 0, l = vectors.length; i < l; i ++ ) { + + var vector = vectors[ i ]; + + if ( vector === undefined ) { + + console.warn( 'THREE.BufferAttribute.copyVector2sArray(): vector is undefined', i ); + vector = new Vector2(); + + } + + array[ offset ++ ] = vector.x; + array[ offset ++ ] = vector.y; + + } + + return this; + + }, + + copyVector3sArray: function ( vectors ) { + + var array = this.array, offset = 0; + + for ( var i = 0, l = vectors.length; i < l; i ++ ) { + + var vector = vectors[ i ]; + + if ( vector === undefined ) { + + console.warn( 'THREE.BufferAttribute.copyVector3sArray(): vector is undefined', i ); + vector = new Vector3(); + + } + + array[ offset ++ ] = vector.x; + array[ offset ++ ] = vector.y; + array[ offset ++ ] = vector.z; + + } + + return this; + + }, + + copyVector4sArray: function ( vectors ) { + + var array = this.array, offset = 0; + + for ( var i = 0, l = vectors.length; i < l; i ++ ) { + + var vector = vectors[ i ]; + + if ( vector === undefined ) { + + console.warn( 'THREE.BufferAttribute.copyVector4sArray(): vector is undefined', i ); + vector = new Vector4(); + + } + + array[ offset ++ ] = vector.x; + array[ offset ++ ] = vector.y; + array[ offset ++ ] = vector.z; + array[ offset ++ ] = vector.w; + + } + + return this; + + }, + + set: function ( value, offset ) { + + if ( offset === undefined ) offset = 0; + + this.array.set( value, offset ); + + return this; + + }, + + getX: function ( index ) { + + return this.array[ index * this.itemSize ]; + + }, + + setX: function ( index, x ) { + + this.array[ index * this.itemSize ] = x; + + return this; + + }, + + getY: function ( index ) { + + return this.array[ index * this.itemSize + 1 ]; + + }, + + setY: function ( index, y ) { + + this.array[ index * this.itemSize + 1 ] = y; + + return this; + + }, + + getZ: function ( index ) { + + return this.array[ index * this.itemSize + 2 ]; + + }, + + setZ: function ( index, z ) { + + this.array[ index * this.itemSize + 2 ] = z; + + return this; + + }, + + getW: function ( index ) { + + return this.array[ index * this.itemSize + 3 ]; + + }, + + setW: function ( index, w ) { + + this.array[ index * this.itemSize + 3 ] = w; + + return this; + + }, + + setXY: function ( index, x, y ) { + + index *= this.itemSize; + + this.array[ index + 0 ] = x; + this.array[ index + 1 ] = y; + + return this; + + }, + + setXYZ: function ( index, x, y, z ) { + + index *= this.itemSize; + + this.array[ index + 0 ] = x; + this.array[ index + 1 ] = y; + this.array[ index + 2 ] = z; + + return this; + + }, + + setXYZW: function ( index, x, y, z, w ) { + + index *= this.itemSize; + + this.array[ index + 0 ] = x; + this.array[ index + 1 ] = y; + this.array[ index + 2 ] = z; + this.array[ index + 3 ] = w; + + return this; + + }, + + onUpload: function ( callback ) { + + this.onUploadCallback = callback; + + return this; + + }, + + clone: function () { + + return new this.constructor( this.array, this.itemSize ).copy( this ); + + } + + } ); + + // + + function Int8BufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Int8Array( array ), itemSize, normalized ); + + } + + Int8BufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Int8BufferAttribute.prototype.constructor = Int8BufferAttribute; + + + function Uint8BufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Uint8Array( array ), itemSize, normalized ); + + } + + Uint8BufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Uint8BufferAttribute.prototype.constructor = Uint8BufferAttribute; + + + function Uint8ClampedBufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Uint8ClampedArray( array ), itemSize, normalized ); + + } + + Uint8ClampedBufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Uint8ClampedBufferAttribute.prototype.constructor = Uint8ClampedBufferAttribute; + + + function Int16BufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Int16Array( array ), itemSize, normalized ); + + } + + Int16BufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Int16BufferAttribute.prototype.constructor = Int16BufferAttribute; + + + function Uint16BufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Uint16Array( array ), itemSize, normalized ); + + } + + Uint16BufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Uint16BufferAttribute.prototype.constructor = Uint16BufferAttribute; + + + function Int32BufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Int32Array( array ), itemSize, normalized ); + + } + + Int32BufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Int32BufferAttribute.prototype.constructor = Int32BufferAttribute; + + + function Uint32BufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Uint32Array( array ), itemSize, normalized ); + + } + + Uint32BufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Uint32BufferAttribute.prototype.constructor = Uint32BufferAttribute; + + + function Float32BufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Float32Array( array ), itemSize, normalized ); + + } + + Float32BufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Float32BufferAttribute.prototype.constructor = Float32BufferAttribute; + + + function Float64BufferAttribute( array, itemSize, normalized ) { + + BufferAttribute.call( this, new Float64Array( array ), itemSize, normalized ); + + } + + Float64BufferAttribute.prototype = Object.create( BufferAttribute.prototype ); + Float64BufferAttribute.prototype.constructor = Float64BufferAttribute; + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function DirectGeometry() { + + this.vertices = []; + this.normals = []; + this.colors = []; + this.uvs = []; + this.uvs2 = []; + + this.groups = []; + + this.morphTargets = {}; + + this.skinWeights = []; + this.skinIndices = []; + + // this.lineDistances = []; + + this.boundingBox = null; + this.boundingSphere = null; + + // update flags + + this.verticesNeedUpdate = false; + this.normalsNeedUpdate = false; + this.colorsNeedUpdate = false; + this.uvsNeedUpdate = false; + this.groupsNeedUpdate = false; + + } + + Object.assign( DirectGeometry.prototype, { + + computeGroups: function ( geometry ) { + + var group; + var groups = []; + var materialIndex = undefined; + + var faces = geometry.faces; + + for ( var i = 0; i < faces.length; i ++ ) { + + var face = faces[ i ]; + + // materials + + if ( face.materialIndex !== materialIndex ) { + + materialIndex = face.materialIndex; + + if ( group !== undefined ) { + + group.count = ( i * 3 ) - group.start; + groups.push( group ); + + } + + group = { + start: i * 3, + materialIndex: materialIndex + }; + + } + + } + + if ( group !== undefined ) { + + group.count = ( i * 3 ) - group.start; + groups.push( group ); + + } + + this.groups = groups; + + }, + + fromGeometry: function ( geometry ) { + + var faces = geometry.faces; + var vertices = geometry.vertices; + var faceVertexUvs = geometry.faceVertexUvs; + + var hasFaceVertexUv = faceVertexUvs[ 0 ] && faceVertexUvs[ 0 ].length > 0; + var hasFaceVertexUv2 = faceVertexUvs[ 1 ] && faceVertexUvs[ 1 ].length > 0; + + // morphs + + var morphTargets = geometry.morphTargets; + var morphTargetsLength = morphTargets.length; + + var morphTargetsPosition; + + if ( morphTargetsLength > 0 ) { + + morphTargetsPosition = []; + + for ( var i = 0; i < morphTargetsLength; i ++ ) { + + morphTargetsPosition[ i ] = []; + + } + + this.morphTargets.position = morphTargetsPosition; + + } + + var morphNormals = geometry.morphNormals; + var morphNormalsLength = morphNormals.length; + + var morphTargetsNormal; + + if ( morphNormalsLength > 0 ) { + + morphTargetsNormal = []; + + for ( var i = 0; i < morphNormalsLength; i ++ ) { + + morphTargetsNormal[ i ] = []; + + } + + this.morphTargets.normal = morphTargetsNormal; + + } + + // skins + + var skinIndices = geometry.skinIndices; + var skinWeights = geometry.skinWeights; + + var hasSkinIndices = skinIndices.length === vertices.length; + var hasSkinWeights = skinWeights.length === vertices.length; + + // + + if ( faces.length === 0 ) { + + console.error( 'THREE.DirectGeometry: Faceless geometries are not supported.' ); + + } + + for ( var i = 0; i < faces.length; i ++ ) { + + var face = faces[ i ]; + + this.vertices.push( vertices[ face.a ], vertices[ face.b ], vertices[ face.c ] ); + + var vertexNormals = face.vertexNormals; + + if ( vertexNormals.length === 3 ) { + + this.normals.push( vertexNormals[ 0 ], vertexNormals[ 1 ], vertexNormals[ 2 ] ); + + } else { + + var normal = face.normal; + + this.normals.push( normal, normal, normal ); + + } + + var vertexColors = face.vertexColors; + + if ( vertexColors.length === 3 ) { + + this.colors.push( vertexColors[ 0 ], vertexColors[ 1 ], vertexColors[ 2 ] ); + + } else { + + var color = face.color; + + this.colors.push( color, color, color ); + + } + + if ( hasFaceVertexUv === true ) { + + var vertexUvs = faceVertexUvs[ 0 ][ i ]; + + if ( vertexUvs !== undefined ) { + + this.uvs.push( vertexUvs[ 0 ], vertexUvs[ 1 ], vertexUvs[ 2 ] ); + + } else { + + console.warn( 'THREE.DirectGeometry.fromGeometry(): Undefined vertexUv ', i ); + + this.uvs.push( new Vector2(), new Vector2(), new Vector2() ); + + } + + } + + if ( hasFaceVertexUv2 === true ) { + + var vertexUvs = faceVertexUvs[ 1 ][ i ]; + + if ( vertexUvs !== undefined ) { + + this.uvs2.push( vertexUvs[ 0 ], vertexUvs[ 1 ], vertexUvs[ 2 ] ); + + } else { + + console.warn( 'THREE.DirectGeometry.fromGeometry(): Undefined vertexUv2 ', i ); + + this.uvs2.push( new Vector2(), new Vector2(), new Vector2() ); + + } + + } + + // morphs + + for ( var j = 0; j < morphTargetsLength; j ++ ) { + + var morphTarget = morphTargets[ j ].vertices; + + morphTargetsPosition[ j ].push( morphTarget[ face.a ], morphTarget[ face.b ], morphTarget[ face.c ] ); + + } + + for ( var j = 0; j < morphNormalsLength; j ++ ) { + + var morphNormal = morphNormals[ j ].vertexNormals[ i ]; + + morphTargetsNormal[ j ].push( morphNormal.a, morphNormal.b, morphNormal.c ); + + } + + // skins + + if ( hasSkinIndices ) { + + this.skinIndices.push( skinIndices[ face.a ], skinIndices[ face.b ], skinIndices[ face.c ] ); + + } + + if ( hasSkinWeights ) { + + this.skinWeights.push( skinWeights[ face.a ], skinWeights[ face.b ], skinWeights[ face.c ] ); + + } + + } + + this.computeGroups( geometry ); + + this.verticesNeedUpdate = geometry.verticesNeedUpdate; + this.normalsNeedUpdate = geometry.normalsNeedUpdate; + this.colorsNeedUpdate = geometry.colorsNeedUpdate; + this.uvsNeedUpdate = geometry.uvsNeedUpdate; + this.groupsNeedUpdate = geometry.groupsNeedUpdate; + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function arrayMax( array ) { + + if ( array.length === 0 ) return - Infinity; + + var max = array[ 0 ]; + + for ( var i = 1, l = array.length; i < l; ++ i ) { + + if ( array[ i ] > max ) max = array[ i ]; + + } + + return max; + + } + + /** + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + */ + + var bufferGeometryId = 1; // BufferGeometry uses odd numbers as Id + + function BufferGeometry() { + + Object.defineProperty( this, 'id', { value: bufferGeometryId += 2 } ); + + this.uuid = _Math.generateUUID(); + + this.name = ''; + this.type = 'BufferGeometry'; + + this.index = null; + this.attributes = {}; + + this.morphAttributes = {}; + + this.groups = []; + + this.boundingBox = null; + this.boundingSphere = null; + + this.drawRange = { start: 0, count: Infinity }; + + this.userData = {}; + + } + + BufferGeometry.prototype = Object.assign( Object.create( EventDispatcher.prototype ), { + + constructor: BufferGeometry, + + isBufferGeometry: true, + + getIndex: function () { + + return this.index; + + }, + + setIndex: function ( index ) { + + if ( Array.isArray( index ) ) { + + this.index = new ( arrayMax( index ) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute )( index, 1 ); + + } else { + + this.index = index; + + } + + }, + + addAttribute: function ( name, attribute ) { + + if ( ! ( attribute && attribute.isBufferAttribute ) && ! ( attribute && attribute.isInterleavedBufferAttribute ) ) { + + console.warn( 'THREE.BufferGeometry: .addAttribute() now expects ( name, attribute ).' ); + + return this.addAttribute( name, new BufferAttribute( arguments[ 1 ], arguments[ 2 ] ) ); + + } + + if ( name === 'index' ) { + + console.warn( 'THREE.BufferGeometry.addAttribute: Use .setIndex() for index attribute.' ); + this.setIndex( attribute ); + + return this; + + } + + this.attributes[ name ] = attribute; + + return this; + + }, + + getAttribute: function ( name ) { + + return this.attributes[ name ]; + + }, + + removeAttribute: function ( name ) { + + delete this.attributes[ name ]; + + return this; + + }, + + addGroup: function ( start, count, materialIndex ) { + + this.groups.push( { + + start: start, + count: count, + materialIndex: materialIndex !== undefined ? materialIndex : 0 + + } ); + + }, + + clearGroups: function () { + + this.groups = []; + + }, + + setDrawRange: function ( start, count ) { + + this.drawRange.start = start; + this.drawRange.count = count; + + }, + + applyMatrix: function ( matrix ) { + + var position = this.attributes.position; + + if ( position !== undefined ) { + + matrix.applyToBufferAttribute( position ); + position.needsUpdate = true; + + } + + var normal = this.attributes.normal; + + if ( normal !== undefined ) { + + var normalMatrix = new Matrix3().getNormalMatrix( matrix ); + + normalMatrix.applyToBufferAttribute( normal ); + normal.needsUpdate = true; + + } + + if ( this.boundingBox !== null ) { + + this.computeBoundingBox(); + + } + + if ( this.boundingSphere !== null ) { + + this.computeBoundingSphere(); + + } + + return this; + + }, + + rotateX: function () { + + // rotate geometry around world x-axis + + var m1 = new Matrix4(); + + return function rotateX( angle ) { + + m1.makeRotationX( angle ); + + this.applyMatrix( m1 ); + + return this; + + }; + + }(), + + rotateY: function () { + + // rotate geometry around world y-axis + + var m1 = new Matrix4(); + + return function rotateY( angle ) { + + m1.makeRotationY( angle ); + + this.applyMatrix( m1 ); + + return this; + + }; + + }(), + + rotateZ: function () { + + // rotate geometry around world z-axis + + var m1 = new Matrix4(); + + return function rotateZ( angle ) { + + m1.makeRotationZ( angle ); + + this.applyMatrix( m1 ); + + return this; + + }; + + }(), + + translate: function () { + + // translate geometry + + var m1 = new Matrix4(); + + return function translate( x, y, z ) { + + m1.makeTranslation( x, y, z ); + + this.applyMatrix( m1 ); + + return this; + + }; + + }(), + + scale: function () { + + // scale geometry + + var m1 = new Matrix4(); + + return function scale( x, y, z ) { + + m1.makeScale( x, y, z ); + + this.applyMatrix( m1 ); + + return this; + + }; + + }(), + + lookAt: function () { + + var obj = new Object3D(); + + return function lookAt( vector ) { + + obj.lookAt( vector ); + + obj.updateMatrix(); + + this.applyMatrix( obj.matrix ); + + }; + + }(), + + center: function () { + + var offset = new Vector3(); + + return function center() { + + this.computeBoundingBox(); + + this.boundingBox.getCenter( offset ).negate(); + + this.translate( offset.x, offset.y, offset.z ); + + return this; + + }; + + }(), + + setFromObject: function ( object ) { + + // console.log( 'THREE.BufferGeometry.setFromObject(). Converting', object, this ); + + var geometry = object.geometry; + + if ( object.isPoints || object.isLine ) { + + var positions = new Float32BufferAttribute( geometry.vertices.length * 3, 3 ); + var colors = new Float32BufferAttribute( geometry.colors.length * 3, 3 ); + + this.addAttribute( 'position', positions.copyVector3sArray( geometry.vertices ) ); + this.addAttribute( 'color', colors.copyColorsArray( geometry.colors ) ); + + if ( geometry.lineDistances && geometry.lineDistances.length === geometry.vertices.length ) { + + var lineDistances = new Float32BufferAttribute( geometry.lineDistances.length, 1 ); + + this.addAttribute( 'lineDistance', lineDistances.copyArray( geometry.lineDistances ) ); + + } + + if ( geometry.boundingSphere !== null ) { + + this.boundingSphere = geometry.boundingSphere.clone(); + + } + + if ( geometry.boundingBox !== null ) { + + this.boundingBox = geometry.boundingBox.clone(); + + } + + } else if ( object.isMesh ) { + + if ( geometry && geometry.isGeometry ) { + + this.fromGeometry( geometry ); + + } + + } + + return this; + + }, + + setFromPoints: function ( points ) { + + var position = []; + + for ( var i = 0, l = points.length; i < l; i ++ ) { + + var point = points[ i ]; + position.push( point.x, point.y, point.z || 0 ); + + } + + this.addAttribute( 'position', new Float32BufferAttribute( position, 3 ) ); + + return this; + + }, + + updateFromObject: function ( object ) { + + var geometry = object.geometry; + + if ( object.isMesh ) { + + var direct = geometry.__directGeometry; + + if ( geometry.elementsNeedUpdate === true ) { + + direct = undefined; + geometry.elementsNeedUpdate = false; + + } + + if ( direct === undefined ) { + + return this.fromGeometry( geometry ); + + } + + direct.verticesNeedUpdate = geometry.verticesNeedUpdate; + direct.normalsNeedUpdate = geometry.normalsNeedUpdate; + direct.colorsNeedUpdate = geometry.colorsNeedUpdate; + direct.uvsNeedUpdate = geometry.uvsNeedUpdate; + direct.groupsNeedUpdate = geometry.groupsNeedUpdate; + + geometry.verticesNeedUpdate = false; + geometry.normalsNeedUpdate = false; + geometry.colorsNeedUpdate = false; + geometry.uvsNeedUpdate = false; + geometry.groupsNeedUpdate = false; + + geometry = direct; + + } + + var attribute; + + if ( geometry.verticesNeedUpdate === true ) { + + attribute = this.attributes.position; + + if ( attribute !== undefined ) { + + attribute.copyVector3sArray( geometry.vertices ); + attribute.needsUpdate = true; + + } + + geometry.verticesNeedUpdate = false; + + } + + if ( geometry.normalsNeedUpdate === true ) { + + attribute = this.attributes.normal; + + if ( attribute !== undefined ) { + + attribute.copyVector3sArray( geometry.normals ); + attribute.needsUpdate = true; + + } + + geometry.normalsNeedUpdate = false; + + } + + if ( geometry.colorsNeedUpdate === true ) { + + attribute = this.attributes.color; + + if ( attribute !== undefined ) { + + attribute.copyColorsArray( geometry.colors ); + attribute.needsUpdate = true; + + } + + geometry.colorsNeedUpdate = false; + + } + + if ( geometry.uvsNeedUpdate ) { + + attribute = this.attributes.uv; + + if ( attribute !== undefined ) { + + attribute.copyVector2sArray( geometry.uvs ); + attribute.needsUpdate = true; + + } + + geometry.uvsNeedUpdate = false; + + } + + if ( geometry.lineDistancesNeedUpdate ) { + + attribute = this.attributes.lineDistance; + + if ( attribute !== undefined ) { + + attribute.copyArray( geometry.lineDistances ); + attribute.needsUpdate = true; + + } + + geometry.lineDistancesNeedUpdate = false; + + } + + if ( geometry.groupsNeedUpdate ) { + + geometry.computeGroups( object.geometry ); + this.groups = geometry.groups; + + geometry.groupsNeedUpdate = false; + + } + + return this; + + }, + + fromGeometry: function ( geometry ) { + + geometry.__directGeometry = new DirectGeometry().fromGeometry( geometry ); + + return this.fromDirectGeometry( geometry.__directGeometry ); + + }, + + fromDirectGeometry: function ( geometry ) { + + var positions = new Float32Array( geometry.vertices.length * 3 ); + this.addAttribute( 'position', new BufferAttribute( positions, 3 ).copyVector3sArray( geometry.vertices ) ); + + if ( geometry.normals.length > 0 ) { + + var normals = new Float32Array( geometry.normals.length * 3 ); + this.addAttribute( 'normal', new BufferAttribute( normals, 3 ).copyVector3sArray( geometry.normals ) ); + + } + + if ( geometry.colors.length > 0 ) { + + var colors = new Float32Array( geometry.colors.length * 3 ); + this.addAttribute( 'color', new BufferAttribute( colors, 3 ).copyColorsArray( geometry.colors ) ); + + } + + if ( geometry.uvs.length > 0 ) { + + var uvs = new Float32Array( geometry.uvs.length * 2 ); + this.addAttribute( 'uv', new BufferAttribute( uvs, 2 ).copyVector2sArray( geometry.uvs ) ); + + } + + if ( geometry.uvs2.length > 0 ) { + + var uvs2 = new Float32Array( geometry.uvs2.length * 2 ); + this.addAttribute( 'uv2', new BufferAttribute( uvs2, 2 ).copyVector2sArray( geometry.uvs2 ) ); + + } + + // groups + + this.groups = geometry.groups; + + // morphs + + for ( var name in geometry.morphTargets ) { + + var array = []; + var morphTargets = geometry.morphTargets[ name ]; + + for ( var i = 0, l = morphTargets.length; i < l; i ++ ) { + + var morphTarget = morphTargets[ i ]; + + var attribute = new Float32BufferAttribute( morphTarget.length * 3, 3 ); + + array.push( attribute.copyVector3sArray( morphTarget ) ); + + } + + this.morphAttributes[ name ] = array; + + } + + // skinning + + if ( geometry.skinIndices.length > 0 ) { + + var skinIndices = new Float32BufferAttribute( geometry.skinIndices.length * 4, 4 ); + this.addAttribute( 'skinIndex', skinIndices.copyVector4sArray( geometry.skinIndices ) ); + + } + + if ( geometry.skinWeights.length > 0 ) { + + var skinWeights = new Float32BufferAttribute( geometry.skinWeights.length * 4, 4 ); + this.addAttribute( 'skinWeight', skinWeights.copyVector4sArray( geometry.skinWeights ) ); + + } + + // + + if ( geometry.boundingSphere !== null ) { + + this.boundingSphere = geometry.boundingSphere.clone(); + + } + + if ( geometry.boundingBox !== null ) { + + this.boundingBox = geometry.boundingBox.clone(); + + } + + return this; + + }, + + computeBoundingBox: function () { + + if ( this.boundingBox === null ) { + + this.boundingBox = new Box3(); + + } + + var position = this.attributes.position; + + if ( position !== undefined ) { + + this.boundingBox.setFromBufferAttribute( position ); + + } else { + + this.boundingBox.makeEmpty(); + + } + + if ( isNaN( this.boundingBox.min.x ) || isNaN( this.boundingBox.min.y ) || isNaN( this.boundingBox.min.z ) ) { + + console.error( 'THREE.BufferGeometry.computeBoundingBox: Computed min/max have NaN values. The "position" attribute is likely to have NaN values.', this ); + + } + + }, + + computeBoundingSphere: function () { + + var box = new Box3(); + var vector = new Vector3(); + + return function computeBoundingSphere() { + + if ( this.boundingSphere === null ) { + + this.boundingSphere = new Sphere(); + + } + + var position = this.attributes.position; + + if ( position ) { + + var center = this.boundingSphere.center; + + box.setFromBufferAttribute( position ); + box.getCenter( center ); + + // hoping to find a boundingSphere with a radius smaller than the + // boundingSphere of the boundingBox: sqrt(3) smaller in the best case + + var maxRadiusSq = 0; + + for ( var i = 0, il = position.count; i < il; i ++ ) { + + vector.x = position.getX( i ); + vector.y = position.getY( i ); + vector.z = position.getZ( i ); + maxRadiusSq = Math.max( maxRadiusSq, center.distanceToSquared( vector ) ); + + } + + this.boundingSphere.radius = Math.sqrt( maxRadiusSq ); + + if ( isNaN( this.boundingSphere.radius ) ) { + + console.error( 'THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.', this ); + + } + + } + + }; + + }(), + + computeFaceNormals: function () { + + // backwards compatibility + + }, + + computeVertexNormals: function () { + + var index = this.index; + var attributes = this.attributes; + var groups = this.groups; + + if ( attributes.position ) { + + var positions = attributes.position.array; + + if ( attributes.normal === undefined ) { + + this.addAttribute( 'normal', new BufferAttribute( new Float32Array( positions.length ), 3 ) ); + + } else { + + // reset existing normals to zero + + var array = attributes.normal.array; + + for ( var i = 0, il = array.length; i < il; i ++ ) { + + array[ i ] = 0; + + } + + } + + var normals = attributes.normal.array; + + var vA, vB, vC; + var pA = new Vector3(), pB = new Vector3(), pC = new Vector3(); + var cb = new Vector3(), ab = new Vector3(); + + // indexed elements + + if ( index ) { + + var indices = index.array; + + if ( groups.length === 0 ) { + + this.addGroup( 0, indices.length ); + + } + + for ( var j = 0, jl = groups.length; j < jl; ++ j ) { + + var group = groups[ j ]; + + var start = group.start; + var count = group.count; + + for ( var i = start, il = start + count; i < il; i += 3 ) { + + vA = indices[ i + 0 ] * 3; + vB = indices[ i + 1 ] * 3; + vC = indices[ i + 2 ] * 3; + + pA.fromArray( positions, vA ); + pB.fromArray( positions, vB ); + pC.fromArray( positions, vC ); + + cb.subVectors( pC, pB ); + ab.subVectors( pA, pB ); + cb.cross( ab ); + + normals[ vA ] += cb.x; + normals[ vA + 1 ] += cb.y; + normals[ vA + 2 ] += cb.z; + + normals[ vB ] += cb.x; + normals[ vB + 1 ] += cb.y; + normals[ vB + 2 ] += cb.z; + + normals[ vC ] += cb.x; + normals[ vC + 1 ] += cb.y; + normals[ vC + 2 ] += cb.z; + + } + + } + + } else { + + // non-indexed elements (unconnected triangle soup) + + for ( var i = 0, il = positions.length; i < il; i += 9 ) { + + pA.fromArray( positions, i ); + pB.fromArray( positions, i + 3 ); + pC.fromArray( positions, i + 6 ); + + cb.subVectors( pC, pB ); + ab.subVectors( pA, pB ); + cb.cross( ab ); + + normals[ i ] = cb.x; + normals[ i + 1 ] = cb.y; + normals[ i + 2 ] = cb.z; + + normals[ i + 3 ] = cb.x; + normals[ i + 4 ] = cb.y; + normals[ i + 5 ] = cb.z; + + normals[ i + 6 ] = cb.x; + normals[ i + 7 ] = cb.y; + normals[ i + 8 ] = cb.z; + + } + + } + + this.normalizeNormals(); + + attributes.normal.needsUpdate = true; + + } + + }, + + merge: function ( geometry, offset ) { + + if ( ! ( geometry && geometry.isBufferGeometry ) ) { + + console.error( 'THREE.BufferGeometry.merge(): geometry not an instance of THREE.BufferGeometry.', geometry ); + return; + + } + + if ( offset === undefined ) { + + offset = 0; + + console.warn( + 'THREE.BufferGeometry.merge(): Overwriting original geometry, starting at offset=0. ' + + 'Use BufferGeometryUtils.mergeBufferGeometries() for lossless merge.' + ); + + } + + var attributes = this.attributes; + + for ( var key in attributes ) { + + if ( geometry.attributes[ key ] === undefined ) continue; + + var attribute1 = attributes[ key ]; + var attributeArray1 = attribute1.array; + + var attribute2 = geometry.attributes[ key ]; + var attributeArray2 = attribute2.array; + + var attributeSize = attribute2.itemSize; + + for ( var i = 0, j = attributeSize * offset; i < attributeArray2.length; i ++, j ++ ) { + + attributeArray1[ j ] = attributeArray2[ i ]; + + } + + } + + return this; + + }, + + normalizeNormals: function () { + + var vector = new Vector3(); + + return function normalizeNormals() { + + var normals = this.attributes.normal; + + for ( var i = 0, il = normals.count; i < il; i ++ ) { + + vector.x = normals.getX( i ); + vector.y = normals.getY( i ); + vector.z = normals.getZ( i ); + + vector.normalize(); + + normals.setXYZ( i, vector.x, vector.y, vector.z ); + + } + + }; + + }(), + + toNonIndexed: function () { + + if ( this.index === null ) { + + console.warn( 'THREE.BufferGeometry.toNonIndexed(): Geometry is already non-indexed.' ); + return this; + + } + + var geometry2 = new BufferGeometry(); + + var indices = this.index.array; + var attributes = this.attributes; + + for ( var name in attributes ) { + + var attribute = attributes[ name ]; + + var array = attribute.array; + var itemSize = attribute.itemSize; + + var array2 = new array.constructor( indices.length * itemSize ); + + var index = 0, index2 = 0; + + for ( var i = 0, l = indices.length; i < l; i ++ ) { + + index = indices[ i ] * itemSize; + + for ( var j = 0; j < itemSize; j ++ ) { + + array2[ index2 ++ ] = array[ index ++ ]; + + } + + } + + geometry2.addAttribute( name, new BufferAttribute( array2, itemSize ) ); + + } + + var groups = this.groups; + + for ( var i = 0, l = groups.length; i < l; i ++ ) { + + var group = groups[ i ]; + geometry2.addGroup( group.start, group.count, group.materialIndex ); + + } + + return geometry2; + + }, + + toJSON: function () { + + var data = { + metadata: { + version: 4.5, + type: 'BufferGeometry', + generator: 'BufferGeometry.toJSON' + } + }; + + // standard BufferGeometry serialization + + data.uuid = this.uuid; + data.type = this.type; + if ( this.name !== '' ) data.name = this.name; + if ( Object.keys( this.userData ).length > 0 ) data.userData = this.userData; + + if ( this.parameters !== undefined ) { + + var parameters = this.parameters; + + for ( var key in parameters ) { + + if ( parameters[ key ] !== undefined ) data[ key ] = parameters[ key ]; + + } + + return data; + + } + + data.data = { attributes: {} }; + + var index = this.index; + + if ( index !== null ) { + + var array = Array.prototype.slice.call( index.array ); + + data.data.index = { + type: index.array.constructor.name, + array: array + }; + + } + + var attributes = this.attributes; + + for ( var key in attributes ) { + + var attribute = attributes[ key ]; + + var array = Array.prototype.slice.call( attribute.array ); + + data.data.attributes[ key ] = { + itemSize: attribute.itemSize, + type: attribute.array.constructor.name, + array: array, + normalized: attribute.normalized + }; + + } + + var groups = this.groups; + + if ( groups.length > 0 ) { + + data.data.groups = JSON.parse( JSON.stringify( groups ) ); + + } + + var boundingSphere = this.boundingSphere; + + if ( boundingSphere !== null ) { + + data.data.boundingSphere = { + center: boundingSphere.center.toArray(), + radius: boundingSphere.radius + }; + + } + + return data; + + }, + + clone: function () { + + /* + // Handle primitives + + var parameters = this.parameters; + + if ( parameters !== undefined ) { + + var values = []; + + for ( var key in parameters ) { + + values.push( parameters[ key ] ); + + } + + var geometry = Object.create( this.constructor.prototype ); + this.constructor.apply( geometry, values ); + return geometry; + + } + + return new this.constructor().copy( this ); + */ + + return new BufferGeometry().copy( this ); + + }, + + copy: function ( source ) { + + var name, i, l; + + // reset + + this.index = null; + this.attributes = {}; + this.morphAttributes = {}; + this.groups = []; + this.boundingBox = null; + this.boundingSphere = null; + + // name + + this.name = source.name; + + // index + + var index = source.index; + + if ( index !== null ) { + + this.setIndex( index.clone() ); + + } + + // attributes + + var attributes = source.attributes; + + for ( name in attributes ) { + + var attribute = attributes[ name ]; + this.addAttribute( name, attribute.clone() ); + + } + + // morph attributes + + var morphAttributes = source.morphAttributes; + + for ( name in morphAttributes ) { + + var array = []; + var morphAttribute = morphAttributes[ name ]; // morphAttribute: array of Float32BufferAttributes + + for ( i = 0, l = morphAttribute.length; i < l; i ++ ) { + + array.push( morphAttribute[ i ].clone() ); + + } + + this.morphAttributes[ name ] = array; + + } + + // groups + + var groups = source.groups; + + for ( i = 0, l = groups.length; i < l; i ++ ) { + + var group = groups[ i ]; + this.addGroup( group.start, group.count, group.materialIndex ); + + } + + // bounding box + + var boundingBox = source.boundingBox; + + if ( boundingBox !== null ) { + + this.boundingBox = boundingBox.clone(); + + } + + // bounding sphere + + var boundingSphere = source.boundingSphere; + + if ( boundingSphere !== null ) { + + this.boundingSphere = boundingSphere.clone(); + + } + + // draw range + + this.drawRange.start = source.drawRange.start; + this.drawRange.count = source.drawRange.count; + + // user data + + this.userData = source.userData; + + return this; + + }, + + dispose: function () { + + this.dispatchEvent( { type: 'dispose' } ); + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author Mugen87 / https://github.com/Mugen87 + */ + + // BoxGeometry + + function BoxGeometry( width, height, depth, widthSegments, heightSegments, depthSegments ) { + + Geometry.call( this ); + + this.type = 'BoxGeometry'; + + this.parameters = { + width: width, + height: height, + depth: depth, + widthSegments: widthSegments, + heightSegments: heightSegments, + depthSegments: depthSegments + }; + + this.fromBufferGeometry( new BoxBufferGeometry( width, height, depth, widthSegments, heightSegments, depthSegments ) ); + this.mergeVertices(); + + } + + BoxGeometry.prototype = Object.create( Geometry.prototype ); + BoxGeometry.prototype.constructor = BoxGeometry; + + // BoxBufferGeometry + + function BoxBufferGeometry( width, height, depth, widthSegments, heightSegments, depthSegments ) { + + BufferGeometry.call( this ); + + this.type = 'BoxBufferGeometry'; + + this.parameters = { + width: width, + height: height, + depth: depth, + widthSegments: widthSegments, + heightSegments: heightSegments, + depthSegments: depthSegments + }; + + var scope = this; + + width = width || 1; + height = height || 1; + depth = depth || 1; + + // segments + + widthSegments = Math.floor( widthSegments ) || 1; + heightSegments = Math.floor( heightSegments ) || 1; + depthSegments = Math.floor( depthSegments ) || 1; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // helper variables + + var numberOfVertices = 0; + var groupStart = 0; + + // build each side of the box geometry + + buildPlane( 'z', 'y', 'x', - 1, - 1, depth, height, width, depthSegments, heightSegments, 0 ); // px + buildPlane( 'z', 'y', 'x', 1, - 1, depth, height, - width, depthSegments, heightSegments, 1 ); // nx + buildPlane( 'x', 'z', 'y', 1, 1, width, depth, height, widthSegments, depthSegments, 2 ); // py + buildPlane( 'x', 'z', 'y', 1, - 1, width, depth, - height, widthSegments, depthSegments, 3 ); // ny + buildPlane( 'x', 'y', 'z', 1, - 1, width, height, depth, widthSegments, heightSegments, 4 ); // pz + buildPlane( 'x', 'y', 'z', - 1, - 1, width, height, - depth, widthSegments, heightSegments, 5 ); // nz + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + function buildPlane( u, v, w, udir, vdir, width, height, depth, gridX, gridY, materialIndex ) { + + var segmentWidth = width / gridX; + var segmentHeight = height / gridY; + + var widthHalf = width / 2; + var heightHalf = height / 2; + var depthHalf = depth / 2; + + var gridX1 = gridX + 1; + var gridY1 = gridY + 1; + + var vertexCounter = 0; + var groupCount = 0; + + var ix, iy; + + var vector = new Vector3(); + + // generate vertices, normals and uvs + + for ( iy = 0; iy < gridY1; iy ++ ) { + + var y = iy * segmentHeight - heightHalf; + + for ( ix = 0; ix < gridX1; ix ++ ) { + + var x = ix * segmentWidth - widthHalf; + + // set values to correct vector component + + vector[ u ] = x * udir; + vector[ v ] = y * vdir; + vector[ w ] = depthHalf; + + // now apply vector to vertex buffer + + vertices.push( vector.x, vector.y, vector.z ); + + // set values to correct vector component + + vector[ u ] = 0; + vector[ v ] = 0; + vector[ w ] = depth > 0 ? 1 : - 1; + + // now apply vector to normal buffer + + normals.push( vector.x, vector.y, vector.z ); + + // uvs + + uvs.push( ix / gridX ); + uvs.push( 1 - ( iy / gridY ) ); + + // counters + + vertexCounter += 1; + + } + + } + + // indices + + // 1. you need three indices to draw a single face + // 2. a single segment consists of two faces + // 3. so we need to generate six (2*3) indices per segment + + for ( iy = 0; iy < gridY; iy ++ ) { + + for ( ix = 0; ix < gridX; ix ++ ) { + + var a = numberOfVertices + ix + gridX1 * iy; + var b = numberOfVertices + ix + gridX1 * ( iy + 1 ); + var c = numberOfVertices + ( ix + 1 ) + gridX1 * ( iy + 1 ); + var d = numberOfVertices + ( ix + 1 ) + gridX1 * iy; + + // faces + + indices.push( a, b, d ); + indices.push( b, c, d ); + + // increase counter + + groupCount += 6; + + } + + } + + // add a group to the geometry. this will ensure multi material support + + scope.addGroup( groupStart, groupCount, materialIndex ); + + // calculate new start value for groups + + groupStart += groupCount; + + // update total number of vertices + + numberOfVertices += vertexCounter; + + } + + } + + BoxBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + BoxBufferGeometry.prototype.constructor = BoxBufferGeometry; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author Mugen87 / https://github.com/Mugen87 + */ + + // PlaneGeometry + + function PlaneGeometry( width, height, widthSegments, heightSegments ) { + + Geometry.call( this ); + + this.type = 'PlaneGeometry'; + + this.parameters = { + width: width, + height: height, + widthSegments: widthSegments, + heightSegments: heightSegments + }; + + this.fromBufferGeometry( new PlaneBufferGeometry( width, height, widthSegments, heightSegments ) ); + this.mergeVertices(); + + } + + PlaneGeometry.prototype = Object.create( Geometry.prototype ); + PlaneGeometry.prototype.constructor = PlaneGeometry; + + // PlaneBufferGeometry + + function PlaneBufferGeometry( width, height, widthSegments, heightSegments ) { + + BufferGeometry.call( this ); + + this.type = 'PlaneBufferGeometry'; + + this.parameters = { + width: width, + height: height, + widthSegments: widthSegments, + heightSegments: heightSegments + }; + + width = width || 1; + height = height || 1; + + var width_half = width / 2; + var height_half = height / 2; + + var gridX = Math.floor( widthSegments ) || 1; + var gridY = Math.floor( heightSegments ) || 1; + + var gridX1 = gridX + 1; + var gridY1 = gridY + 1; + + var segment_width = width / gridX; + var segment_height = height / gridY; + + var ix, iy; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // generate vertices, normals and uvs + + for ( iy = 0; iy < gridY1; iy ++ ) { + + var y = iy * segment_height - height_half; + + for ( ix = 0; ix < gridX1; ix ++ ) { + + var x = ix * segment_width - width_half; + + vertices.push( x, - y, 0 ); + + normals.push( 0, 0, 1 ); + + uvs.push( ix / gridX ); + uvs.push( 1 - ( iy / gridY ) ); + + } + + } + + // indices + + for ( iy = 0; iy < gridY; iy ++ ) { + + for ( ix = 0; ix < gridX; ix ++ ) { + + var a = ix + gridX1 * iy; + var b = ix + gridX1 * ( iy + 1 ); + var c = ( ix + 1 ) + gridX1 * ( iy + 1 ); + var d = ( ix + 1 ) + gridX1 * iy; + + // faces + + indices.push( a, b, d ); + indices.push( b, c, d ); + + } + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + } + + PlaneBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + PlaneBufferGeometry.prototype.constructor = PlaneBufferGeometry; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + */ + + var materialId = 0; + + function Material() { + + Object.defineProperty( this, 'id', { value: materialId ++ } ); + + this.uuid = _Math.generateUUID(); + + this.name = ''; + this.type = 'Material'; + + this.fog = true; + this.lights = true; + + this.blending = NormalBlending; + this.side = FrontSide; + this.flatShading = false; + this.vertexColors = NoColors; // THREE.NoColors, THREE.VertexColors, THREE.FaceColors + + this.opacity = 1; + this.transparent = false; + + this.blendSrc = SrcAlphaFactor; + this.blendDst = OneMinusSrcAlphaFactor; + this.blendEquation = AddEquation; + this.blendSrcAlpha = null; + this.blendDstAlpha = null; + this.blendEquationAlpha = null; + + this.depthFunc = LessEqualDepth; + this.depthTest = true; + this.depthWrite = true; + + this.clippingPlanes = null; + this.clipIntersection = false; + this.clipShadows = false; + + this.shadowSide = null; + + this.colorWrite = true; + + this.precision = null; // override the renderer's default precision for this material + + this.polygonOffset = false; + this.polygonOffsetFactor = 0; + this.polygonOffsetUnits = 0; + + this.dithering = false; + + this.alphaTest = 0; + this.premultipliedAlpha = false; + + this.overdraw = 0; // Overdrawn pixels (typically between 0 and 1) for fixing antialiasing gaps in CanvasRenderer + + this.visible = true; + + this.userData = {}; + + this.needsUpdate = true; + + } + + Material.prototype = Object.assign( Object.create( EventDispatcher.prototype ), { + + constructor: Material, + + isMaterial: true, + + onBeforeCompile: function () {}, + + setValues: function ( values ) { + + if ( values === undefined ) return; + + for ( var key in values ) { + + var newValue = values[ key ]; + + if ( newValue === undefined ) { + + console.warn( "THREE.Material: '" + key + "' parameter is undefined." ); + continue; + + } + + // for backward compatability if shading is set in the constructor + if ( key === 'shading' ) { + + console.warn( 'THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.' ); + this.flatShading = ( newValue === FlatShading ) ? true : false; + continue; + + } + + var currentValue = this[ key ]; + + if ( currentValue === undefined ) { + + console.warn( "THREE." + this.type + ": '" + key + "' is not a property of this material." ); + continue; + + } + + if ( currentValue && currentValue.isColor ) { + + currentValue.set( newValue ); + + } else if ( ( currentValue && currentValue.isVector3 ) && ( newValue && newValue.isVector3 ) ) { + + currentValue.copy( newValue ); + + } else if ( key === 'overdraw' ) { + + // ensure overdraw is backwards-compatible with legacy boolean type + this[ key ] = Number( newValue ); + + } else { + + this[ key ] = newValue; + + } + + } + + }, + + toJSON: function ( meta ) { + + var isRoot = ( meta === undefined || typeof meta === 'string' ); + + if ( isRoot ) { + + meta = { + textures: {}, + images: {} + }; + + } + + var data = { + metadata: { + version: 4.5, + type: 'Material', + generator: 'Material.toJSON' + } + }; + + // standard Material serialization + data.uuid = this.uuid; + data.type = this.type; + + if ( this.name !== '' ) data.name = this.name; + + if ( this.color && this.color.isColor ) data.color = this.color.getHex(); + + if ( this.roughness !== undefined ) data.roughness = this.roughness; + if ( this.metalness !== undefined ) data.metalness = this.metalness; + + if ( this.emissive && this.emissive.isColor ) data.emissive = this.emissive.getHex(); + if ( this.emissiveIntensity !== 1 ) data.emissiveIntensity = this.emissiveIntensity; + + if ( this.specular && this.specular.isColor ) data.specular = this.specular.getHex(); + if ( this.shininess !== undefined ) data.shininess = this.shininess; + if ( this.clearCoat !== undefined ) data.clearCoat = this.clearCoat; + if ( this.clearCoatRoughness !== undefined ) data.clearCoatRoughness = this.clearCoatRoughness; + + if ( this.map && this.map.isTexture ) data.map = this.map.toJSON( meta ).uuid; + if ( this.alphaMap && this.alphaMap.isTexture ) data.alphaMap = this.alphaMap.toJSON( meta ).uuid; + if ( this.lightMap && this.lightMap.isTexture ) data.lightMap = this.lightMap.toJSON( meta ).uuid; + + if ( this.aoMap && this.aoMap.isTexture ) { + + data.aoMap = this.aoMap.toJSON( meta ).uuid; + data.aoMapIntensity = this.aoMapIntensity; + + } + + if ( this.bumpMap && this.bumpMap.isTexture ) { + + data.bumpMap = this.bumpMap.toJSON( meta ).uuid; + data.bumpScale = this.bumpScale; + + } + + if ( this.normalMap && this.normalMap.isTexture ) { + + data.normalMap = this.normalMap.toJSON( meta ).uuid; + data.normalScale = this.normalScale.toArray(); + + } + + if ( this.displacementMap && this.displacementMap.isTexture ) { + + data.displacementMap = this.displacementMap.toJSON( meta ).uuid; + data.displacementScale = this.displacementScale; + data.displacementBias = this.displacementBias; + + } + + if ( this.roughnessMap && this.roughnessMap.isTexture ) data.roughnessMap = this.roughnessMap.toJSON( meta ).uuid; + if ( this.metalnessMap && this.metalnessMap.isTexture ) data.metalnessMap = this.metalnessMap.toJSON( meta ).uuid; + + if ( this.emissiveMap && this.emissiveMap.isTexture ) data.emissiveMap = this.emissiveMap.toJSON( meta ).uuid; + if ( this.specularMap && this.specularMap.isTexture ) data.specularMap = this.specularMap.toJSON( meta ).uuid; + + if ( this.envMap && this.envMap.isTexture ) { + + data.envMap = this.envMap.toJSON( meta ).uuid; + data.reflectivity = this.reflectivity; // Scale behind envMap + + } + + if ( this.gradientMap && this.gradientMap.isTexture ) { + + data.gradientMap = this.gradientMap.toJSON( meta ).uuid; + + } + + if ( this.size !== undefined ) data.size = this.size; + if ( this.sizeAttenuation !== undefined ) data.sizeAttenuation = this.sizeAttenuation; + + if ( this.blending !== NormalBlending ) data.blending = this.blending; + if ( this.flatShading === true ) data.flatShading = this.flatShading; + if ( this.side !== FrontSide ) data.side = this.side; + if ( this.vertexColors !== NoColors ) data.vertexColors = this.vertexColors; + + if ( this.opacity < 1 ) data.opacity = this.opacity; + if ( this.transparent === true ) data.transparent = this.transparent; + + data.depthFunc = this.depthFunc; + data.depthTest = this.depthTest; + data.depthWrite = this.depthWrite; + + // rotation (SpriteMaterial) + if ( this.rotation !== 0 ) data.rotation = this.rotation; + + if ( this.linewidth !== 1 ) data.linewidth = this.linewidth; + if ( this.dashSize !== undefined ) data.dashSize = this.dashSize; + if ( this.gapSize !== undefined ) data.gapSize = this.gapSize; + if ( this.scale !== undefined ) data.scale = this.scale; + + if ( this.dithering === true ) data.dithering = true; + + if ( this.alphaTest > 0 ) data.alphaTest = this.alphaTest; + if ( this.premultipliedAlpha === true ) data.premultipliedAlpha = this.premultipliedAlpha; + + if ( this.wireframe === true ) data.wireframe = this.wireframe; + if ( this.wireframeLinewidth > 1 ) data.wireframeLinewidth = this.wireframeLinewidth; + if ( this.wireframeLinecap !== 'round' ) data.wireframeLinecap = this.wireframeLinecap; + if ( this.wireframeLinejoin !== 'round' ) data.wireframeLinejoin = this.wireframeLinejoin; + + if ( this.morphTargets === true ) data.morphTargets = true; + if ( this.skinning === true ) data.skinning = true; + + if ( this.visible === false ) data.visible = false; + if ( JSON.stringify( this.userData ) !== '{}' ) data.userData = this.userData; + + // TODO: Copied from Object3D.toJSON + + function extractFromCache( cache ) { + + var values = []; + + for ( var key in cache ) { + + var data = cache[ key ]; + delete data.metadata; + values.push( data ); + + } + + return values; + + } + + if ( isRoot ) { + + var textures = extractFromCache( meta.textures ); + var images = extractFromCache( meta.images ); + + if ( textures.length > 0 ) data.textures = textures; + if ( images.length > 0 ) data.images = images; + + } + + return data; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + copy: function ( source ) { + + this.name = source.name; + + this.fog = source.fog; + this.lights = source.lights; + + this.blending = source.blending; + this.side = source.side; + this.flatShading = source.flatShading; + this.vertexColors = source.vertexColors; + + this.opacity = source.opacity; + this.transparent = source.transparent; + + this.blendSrc = source.blendSrc; + this.blendDst = source.blendDst; + this.blendEquation = source.blendEquation; + this.blendSrcAlpha = source.blendSrcAlpha; + this.blendDstAlpha = source.blendDstAlpha; + this.blendEquationAlpha = source.blendEquationAlpha; + + this.depthFunc = source.depthFunc; + this.depthTest = source.depthTest; + this.depthWrite = source.depthWrite; + + this.colorWrite = source.colorWrite; + + this.precision = source.precision; + + this.polygonOffset = source.polygonOffset; + this.polygonOffsetFactor = source.polygonOffsetFactor; + this.polygonOffsetUnits = source.polygonOffsetUnits; + + this.dithering = source.dithering; + + this.alphaTest = source.alphaTest; + this.premultipliedAlpha = source.premultipliedAlpha; + + this.overdraw = source.overdraw; + + this.visible = source.visible; + this.userData = JSON.parse( JSON.stringify( source.userData ) ); + + this.clipShadows = source.clipShadows; + this.clipIntersection = source.clipIntersection; + + var srcPlanes = source.clippingPlanes, + dstPlanes = null; + + if ( srcPlanes !== null ) { + + var n = srcPlanes.length; + dstPlanes = new Array( n ); + + for ( var i = 0; i !== n; ++ i ) + dstPlanes[ i ] = srcPlanes[ i ].clone(); + + } + + this.clippingPlanes = dstPlanes; + + this.shadowSide = source.shadowSide; + + return this; + + }, + + dispose: function () { + + this.dispatchEvent( { type: 'dispose' } ); + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * + * parameters = { + * color: , + * opacity: , + * map: new THREE.Texture( ), + * + * lightMap: new THREE.Texture( ), + * lightMapIntensity: + * + * aoMap: new THREE.Texture( ), + * aoMapIntensity: + * + * specularMap: new THREE.Texture( ), + * + * alphaMap: new THREE.Texture( ), + * + * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), + * combine: THREE.Multiply, + * reflectivity: , + * refractionRatio: , + * + * depthTest: , + * depthWrite: , + * + * wireframe: , + * wireframeLinewidth: , + * + * skinning: , + * morphTargets: + * } + */ + + function MeshBasicMaterial( parameters ) { + + Material.call( this ); + + this.type = 'MeshBasicMaterial'; + + this.color = new Color( 0xffffff ); // emissive + + this.map = null; + + this.lightMap = null; + this.lightMapIntensity = 1.0; + + this.aoMap = null; + this.aoMapIntensity = 1.0; + + this.specularMap = null; + + this.alphaMap = null; + + this.envMap = null; + this.combine = MultiplyOperation; + this.reflectivity = 1; + this.refractionRatio = 0.98; + + this.wireframe = false; + this.wireframeLinewidth = 1; + this.wireframeLinecap = 'round'; + this.wireframeLinejoin = 'round'; + + this.skinning = false; + this.morphTargets = false; + + this.lights = false; + + this.setValues( parameters ); + + } + + MeshBasicMaterial.prototype = Object.create( Material.prototype ); + MeshBasicMaterial.prototype.constructor = MeshBasicMaterial; + + MeshBasicMaterial.prototype.isMeshBasicMaterial = true; + + MeshBasicMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.color.copy( source.color ); + + this.map = source.map; + + this.lightMap = source.lightMap; + this.lightMapIntensity = source.lightMapIntensity; + + this.aoMap = source.aoMap; + this.aoMapIntensity = source.aoMapIntensity; + + this.specularMap = source.specularMap; + + this.alphaMap = source.alphaMap; + + this.envMap = source.envMap; + this.combine = source.combine; + this.reflectivity = source.reflectivity; + this.refractionRatio = source.refractionRatio; + + this.wireframe = source.wireframe; + this.wireframeLinewidth = source.wireframeLinewidth; + this.wireframeLinecap = source.wireframeLinecap; + this.wireframeLinejoin = source.wireframeLinejoin; + + this.skinning = source.skinning; + this.morphTargets = source.morphTargets; + + return this; + + }; + + /** + * @author alteredq / http://alteredqualia.com/ + * + * parameters = { + * defines: { "label" : "value" }, + * uniforms: { "parameter1": { value: 1.0 }, "parameter2": { value2: 2 } }, + * + * fragmentShader: , + * vertexShader: , + * + * wireframe: , + * wireframeLinewidth: , + * + * lights: , + * + * skinning: , + * morphTargets: , + * morphNormals: + * } + */ + + function ShaderMaterial( parameters ) { + + Material.call( this ); + + this.type = 'ShaderMaterial'; + + this.defines = {}; + this.uniforms = {}; + + this.vertexShader = 'void main() {\n\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n}'; + this.fragmentShader = 'void main() {\n\tgl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );\n}'; + + this.linewidth = 1; + + this.wireframe = false; + this.wireframeLinewidth = 1; + + this.fog = false; // set to use scene fog + this.lights = false; // set to use scene lights + this.clipping = false; // set to use user-defined clipping planes + + this.skinning = false; // set to use skinning attribute streams + this.morphTargets = false; // set to use morph targets + this.morphNormals = false; // set to use morph normals + + this.extensions = { + derivatives: false, // set to use derivatives + fragDepth: false, // set to use fragment depth values + drawBuffers: false, // set to use draw buffers + shaderTextureLOD: false // set to use shader texture LOD + }; + + // When rendered geometry doesn't include these attributes but the material does, + // use these default values in WebGL. This avoids errors when buffer data is missing. + this.defaultAttributeValues = { + 'color': [ 1, 1, 1 ], + 'uv': [ 0, 0 ], + 'uv2': [ 0, 0 ] + }; + + this.index0AttributeName = undefined; + this.uniformsNeedUpdate = false; + + if ( parameters !== undefined ) { + + if ( parameters.attributes !== undefined ) { + + console.error( 'THREE.ShaderMaterial: attributes should now be defined in THREE.BufferGeometry instead.' ); + + } + + this.setValues( parameters ); + + } + + } + + ShaderMaterial.prototype = Object.create( Material.prototype ); + ShaderMaterial.prototype.constructor = ShaderMaterial; + + ShaderMaterial.prototype.isShaderMaterial = true; + + ShaderMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.fragmentShader = source.fragmentShader; + this.vertexShader = source.vertexShader; + + this.uniforms = UniformsUtils.clone( source.uniforms ); + + this.defines = Object.assign( {}, source.defines ); + + this.wireframe = source.wireframe; + this.wireframeLinewidth = source.wireframeLinewidth; + + this.lights = source.lights; + this.clipping = source.clipping; + + this.skinning = source.skinning; + + this.morphTargets = source.morphTargets; + this.morphNormals = source.morphNormals; + + this.extensions = source.extensions; + + return this; + + }; + + ShaderMaterial.prototype.toJSON = function ( meta ) { + + var data = Material.prototype.toJSON.call( this, meta ); + + data.uniforms = this.uniforms; + data.vertexShader = this.vertexShader; + data.fragmentShader = this.fragmentShader; + + return data; + + }; + + /** + * @author bhouston / http://clara.io + */ + + function Ray( origin, direction ) { + + this.origin = ( origin !== undefined ) ? origin : new Vector3(); + this.direction = ( direction !== undefined ) ? direction : new Vector3(); + + } + + Object.assign( Ray.prototype, { + + set: function ( origin, direction ) { + + this.origin.copy( origin ); + this.direction.copy( direction ); + + return this; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + copy: function ( ray ) { + + this.origin.copy( ray.origin ); + this.direction.copy( ray.direction ); + + return this; + + }, + + at: function ( t, target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Ray: .at() target is now required' ); + target = new Vector3(); + + } + + return target.copy( this.direction ).multiplyScalar( t ).add( this.origin ); + + }, + + lookAt: function ( v ) { + + this.direction.copy( v ).sub( this.origin ).normalize(); + + return this; + + }, + + recast: function () { + + var v1 = new Vector3(); + + return function recast( t ) { + + this.origin.copy( this.at( t, v1 ) ); + + return this; + + }; + + }(), + + closestPointToPoint: function ( point, target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Ray: .closestPointToPoint() target is now required' ); + target = new Vector3(); + + } + + target.subVectors( point, this.origin ); + + var directionDistance = target.dot( this.direction ); + + if ( directionDistance < 0 ) { + + return target.copy( this.origin ); + + } + + return target.copy( this.direction ).multiplyScalar( directionDistance ).add( this.origin ); + + }, + + distanceToPoint: function ( point ) { + + return Math.sqrt( this.distanceSqToPoint( point ) ); + + }, + + distanceSqToPoint: function () { + + var v1 = new Vector3(); + + return function distanceSqToPoint( point ) { + + var directionDistance = v1.subVectors( point, this.origin ).dot( this.direction ); + + // point behind the ray + + if ( directionDistance < 0 ) { + + return this.origin.distanceToSquared( point ); + + } + + v1.copy( this.direction ).multiplyScalar( directionDistance ).add( this.origin ); + + return v1.distanceToSquared( point ); + + }; + + }(), + + distanceSqToSegment: function () { + + var segCenter = new Vector3(); + var segDir = new Vector3(); + var diff = new Vector3(); + + return function distanceSqToSegment( v0, v1, optionalPointOnRay, optionalPointOnSegment ) { + + // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteDistRaySegment.h + // It returns the min distance between the ray and the segment + // defined by v0 and v1 + // It can also set two optional targets : + // - The closest point on the ray + // - The closest point on the segment + + segCenter.copy( v0 ).add( v1 ).multiplyScalar( 0.5 ); + segDir.copy( v1 ).sub( v0 ).normalize(); + diff.copy( this.origin ).sub( segCenter ); + + var segExtent = v0.distanceTo( v1 ) * 0.5; + var a01 = - this.direction.dot( segDir ); + var b0 = diff.dot( this.direction ); + var b1 = - diff.dot( segDir ); + var c = diff.lengthSq(); + var det = Math.abs( 1 - a01 * a01 ); + var s0, s1, sqrDist, extDet; + + if ( det > 0 ) { + + // The ray and segment are not parallel. + + s0 = a01 * b1 - b0; + s1 = a01 * b0 - b1; + extDet = segExtent * det; + + if ( s0 >= 0 ) { + + if ( s1 >= - extDet ) { + + if ( s1 <= extDet ) { + + // region 0 + // Minimum at interior points of ray and segment. + + var invDet = 1 / det; + s0 *= invDet; + s1 *= invDet; + sqrDist = s0 * ( s0 + a01 * s1 + 2 * b0 ) + s1 * ( a01 * s0 + s1 + 2 * b1 ) + c; + + } else { + + // region 1 + + s1 = segExtent; + s0 = Math.max( 0, - ( a01 * s1 + b0 ) ); + sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; + + } + + } else { + + // region 5 + + s1 = - segExtent; + s0 = Math.max( 0, - ( a01 * s1 + b0 ) ); + sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; + + } + + } else { + + if ( s1 <= - extDet ) { + + // region 4 + + s0 = Math.max( 0, - ( - a01 * segExtent + b0 ) ); + s1 = ( s0 > 0 ) ? - segExtent : Math.min( Math.max( - segExtent, - b1 ), segExtent ); + sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; + + } else if ( s1 <= extDet ) { + + // region 3 + + s0 = 0; + s1 = Math.min( Math.max( - segExtent, - b1 ), segExtent ); + sqrDist = s1 * ( s1 + 2 * b1 ) + c; + + } else { + + // region 2 + + s0 = Math.max( 0, - ( a01 * segExtent + b0 ) ); + s1 = ( s0 > 0 ) ? segExtent : Math.min( Math.max( - segExtent, - b1 ), segExtent ); + sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; + + } + + } + + } else { + + // Ray and segment are parallel. + + s1 = ( a01 > 0 ) ? - segExtent : segExtent; + s0 = Math.max( 0, - ( a01 * s1 + b0 ) ); + sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; + + } + + if ( optionalPointOnRay ) { + + optionalPointOnRay.copy( this.direction ).multiplyScalar( s0 ).add( this.origin ); + + } + + if ( optionalPointOnSegment ) { + + optionalPointOnSegment.copy( segDir ).multiplyScalar( s1 ).add( segCenter ); + + } + + return sqrDist; + + }; + + }(), + + intersectSphere: function () { + + var v1 = new Vector3(); + + return function intersectSphere( sphere, target ) { + + v1.subVectors( sphere.center, this.origin ); + var tca = v1.dot( this.direction ); + var d2 = v1.dot( v1 ) - tca * tca; + var radius2 = sphere.radius * sphere.radius; + + if ( d2 > radius2 ) return null; + + var thc = Math.sqrt( radius2 - d2 ); + + // t0 = first intersect point - entrance on front of sphere + var t0 = tca - thc; + + // t1 = second intersect point - exit point on back of sphere + var t1 = tca + thc; + + // test to see if both t0 and t1 are behind the ray - if so, return null + if ( t0 < 0 && t1 < 0 ) return null; + + // test to see if t0 is behind the ray: + // if it is, the ray is inside the sphere, so return the second exit point scaled by t1, + // in order to always return an intersect point that is in front of the ray. + if ( t0 < 0 ) return this.at( t1, target ); + + // else t0 is in front of the ray, so return the first collision point scaled by t0 + return this.at( t0, target ); + + }; + + }(), + + intersectsSphere: function ( sphere ) { + + return this.distanceToPoint( sphere.center ) <= sphere.radius; + + }, + + distanceToPlane: function ( plane ) { + + var denominator = plane.normal.dot( this.direction ); + + if ( denominator === 0 ) { + + // line is coplanar, return origin + if ( plane.distanceToPoint( this.origin ) === 0 ) { + + return 0; + + } + + // Null is preferable to undefined since undefined means.... it is undefined + + return null; + + } + + var t = - ( this.origin.dot( plane.normal ) + plane.constant ) / denominator; + + // Return if the ray never intersects the plane + + return t >= 0 ? t : null; + + }, + + intersectPlane: function ( plane, target ) { + + var t = this.distanceToPlane( plane ); + + if ( t === null ) { + + return null; + + } + + return this.at( t, target ); + + }, + + intersectsPlane: function ( plane ) { + + // check if the ray lies on the plane first + + var distToPoint = plane.distanceToPoint( this.origin ); + + if ( distToPoint === 0 ) { + + return true; + + } + + var denominator = plane.normal.dot( this.direction ); + + if ( denominator * distToPoint < 0 ) { + + return true; + + } + + // ray origin is behind the plane (and is pointing behind it) + + return false; + + }, + + intersectBox: function ( box, target ) { + + var tmin, tmax, tymin, tymax, tzmin, tzmax; + + var invdirx = 1 / this.direction.x, + invdiry = 1 / this.direction.y, + invdirz = 1 / this.direction.z; + + var origin = this.origin; + + if ( invdirx >= 0 ) { + + tmin = ( box.min.x - origin.x ) * invdirx; + tmax = ( box.max.x - origin.x ) * invdirx; + + } else { + + tmin = ( box.max.x - origin.x ) * invdirx; + tmax = ( box.min.x - origin.x ) * invdirx; + + } + + if ( invdiry >= 0 ) { + + tymin = ( box.min.y - origin.y ) * invdiry; + tymax = ( box.max.y - origin.y ) * invdiry; + + } else { + + tymin = ( box.max.y - origin.y ) * invdiry; + tymax = ( box.min.y - origin.y ) * invdiry; + + } + + if ( ( tmin > tymax ) || ( tymin > tmax ) ) return null; + + // These lines also handle the case where tmin or tmax is NaN + // (result of 0 * Infinity). x !== x returns true if x is NaN + + if ( tymin > tmin || tmin !== tmin ) tmin = tymin; + + if ( tymax < tmax || tmax !== tmax ) tmax = tymax; + + if ( invdirz >= 0 ) { + + tzmin = ( box.min.z - origin.z ) * invdirz; + tzmax = ( box.max.z - origin.z ) * invdirz; + + } else { + + tzmin = ( box.max.z - origin.z ) * invdirz; + tzmax = ( box.min.z - origin.z ) * invdirz; + + } + + if ( ( tmin > tzmax ) || ( tzmin > tmax ) ) return null; + + if ( tzmin > tmin || tmin !== tmin ) tmin = tzmin; + + if ( tzmax < tmax || tmax !== tmax ) tmax = tzmax; + + //return point closest to the ray (positive side) + + if ( tmax < 0 ) return null; + + return this.at( tmin >= 0 ? tmin : tmax, target ); + + }, + + intersectsBox: ( function () { + + var v = new Vector3(); + + return function intersectsBox( box ) { + + return this.intersectBox( box, v ) !== null; + + }; + + } )(), + + intersectTriangle: function () { + + // Compute the offset origin, edges, and normal. + var diff = new Vector3(); + var edge1 = new Vector3(); + var edge2 = new Vector3(); + var normal = new Vector3(); + + return function intersectTriangle( a, b, c, backfaceCulling, target ) { + + // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteIntrRay3Triangle3.h + + edge1.subVectors( b, a ); + edge2.subVectors( c, a ); + normal.crossVectors( edge1, edge2 ); + + // Solve Q + t*D = b1*E1 + b2*E2 (Q = kDiff, D = ray direction, + // E1 = kEdge1, E2 = kEdge2, N = Cross(E1,E2)) by + // |Dot(D,N)|*b1 = sign(Dot(D,N))*Dot(D,Cross(Q,E2)) + // |Dot(D,N)|*b2 = sign(Dot(D,N))*Dot(D,Cross(E1,Q)) + // |Dot(D,N)|*t = -sign(Dot(D,N))*Dot(Q,N) + var DdN = this.direction.dot( normal ); + var sign; + + if ( DdN > 0 ) { + + if ( backfaceCulling ) return null; + sign = 1; + + } else if ( DdN < 0 ) { + + sign = - 1; + DdN = - DdN; + + } else { + + return null; + + } + + diff.subVectors( this.origin, a ); + var DdQxE2 = sign * this.direction.dot( edge2.crossVectors( diff, edge2 ) ); + + // b1 < 0, no intersection + if ( DdQxE2 < 0 ) { + + return null; + + } + + var DdE1xQ = sign * this.direction.dot( edge1.cross( diff ) ); + + // b2 < 0, no intersection + if ( DdE1xQ < 0 ) { + + return null; + + } + + // b1+b2 > 1, no intersection + if ( DdQxE2 + DdE1xQ > DdN ) { + + return null; + + } + + // Line intersects triangle, check if ray does. + var QdN = - sign * diff.dot( normal ); + + // t < 0, no intersection + if ( QdN < 0 ) { + + return null; + + } + + // Ray intersects triangle. + return this.at( QdN / DdN, target ); + + }; + + }(), + + applyMatrix4: function ( matrix4 ) { + + this.origin.applyMatrix4( matrix4 ); + this.direction.transformDirection( matrix4 ); + + return this; + + }, + + equals: function ( ray ) { + + return ray.origin.equals( this.origin ) && ray.direction.equals( this.direction ); + + } + + } ); + + /** + * @author bhouston / http://clara.io + */ + + function Line3( start, end ) { + + this.start = ( start !== undefined ) ? start : new Vector3(); + this.end = ( end !== undefined ) ? end : new Vector3(); + + } + + Object.assign( Line3.prototype, { + + set: function ( start, end ) { + + this.start.copy( start ); + this.end.copy( end ); + + return this; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + copy: function ( line ) { + + this.start.copy( line.start ); + this.end.copy( line.end ); + + return this; + + }, + + getCenter: function ( target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Line3: .getCenter() target is now required' ); + target = new Vector3(); + + } + + return target.addVectors( this.start, this.end ).multiplyScalar( 0.5 ); + + }, + + delta: function ( target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Line3: .delta() target is now required' ); + target = new Vector3(); + + } + + return target.subVectors( this.end, this.start ); + + }, + + distanceSq: function () { + + return this.start.distanceToSquared( this.end ); + + }, + + distance: function () { + + return this.start.distanceTo( this.end ); + + }, + + at: function ( t, target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Line3: .at() target is now required' ); + target = new Vector3(); + + } + + return this.delta( target ).multiplyScalar( t ).add( this.start ); + + }, + + closestPointToPointParameter: function () { + + var startP = new Vector3(); + var startEnd = new Vector3(); + + return function closestPointToPointParameter( point, clampToLine ) { + + startP.subVectors( point, this.start ); + startEnd.subVectors( this.end, this.start ); + + var startEnd2 = startEnd.dot( startEnd ); + var startEnd_startP = startEnd.dot( startP ); + + var t = startEnd_startP / startEnd2; + + if ( clampToLine ) { + + t = _Math.clamp( t, 0, 1 ); + + } + + return t; + + }; + + }(), + + closestPointToPoint: function ( point, clampToLine, target ) { + + var t = this.closestPointToPointParameter( point, clampToLine ); + + if ( target === undefined ) { + + console.warn( 'THREE.Line3: .closestPointToPoint() target is now required' ); + target = new Vector3(); + + } + + return this.delta( target ).multiplyScalar( t ).add( this.start ); + + }, + + applyMatrix4: function ( matrix ) { + + this.start.applyMatrix4( matrix ); + this.end.applyMatrix4( matrix ); + + return this; + + }, + + equals: function ( line ) { + + return line.start.equals( this.start ) && line.end.equals( this.end ); + + } + + } ); + + /** + * @author bhouston / http://clara.io + * @author mrdoob / http://mrdoob.com/ + */ + + function Triangle( a, b, c ) { + + this.a = ( a !== undefined ) ? a : new Vector3(); + this.b = ( b !== undefined ) ? b : new Vector3(); + this.c = ( c !== undefined ) ? c : new Vector3(); + + } + + Object.assign( Triangle, { + + getNormal: function () { + + var v0 = new Vector3(); + + return function getNormal( a, b, c, target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Triangle: .getNormal() target is now required' ); + target = new Vector3(); + + } + + target.subVectors( c, b ); + v0.subVectors( a, b ); + target.cross( v0 ); + + var targetLengthSq = target.lengthSq(); + if ( targetLengthSq > 0 ) { + + return target.multiplyScalar( 1 / Math.sqrt( targetLengthSq ) ); + + } + + return target.set( 0, 0, 0 ); + + }; + + }(), + + // static/instance method to calculate barycentric coordinates + // based on: http://www.blackpawn.com/texts/pointinpoly/default.html + getBarycoord: function () { + + var v0 = new Vector3(); + var v1 = new Vector3(); + var v2 = new Vector3(); + + return function getBarycoord( point, a, b, c, target ) { + + v0.subVectors( c, a ); + v1.subVectors( b, a ); + v2.subVectors( point, a ); + + var dot00 = v0.dot( v0 ); + var dot01 = v0.dot( v1 ); + var dot02 = v0.dot( v2 ); + var dot11 = v1.dot( v1 ); + var dot12 = v1.dot( v2 ); + + var denom = ( dot00 * dot11 - dot01 * dot01 ); + + if ( target === undefined ) { + + console.warn( 'THREE.Triangle: .getBarycoord() target is now required' ); + target = new Vector3(); + + } + + // collinear or singular triangle + if ( denom === 0 ) { + + // arbitrary location outside of triangle? + // not sure if this is the best idea, maybe should be returning undefined + return target.set( - 2, - 1, - 1 ); + + } + + var invDenom = 1 / denom; + var u = ( dot11 * dot02 - dot01 * dot12 ) * invDenom; + var v = ( dot00 * dot12 - dot01 * dot02 ) * invDenom; + + // barycentric coordinates must always sum to 1 + return target.set( 1 - u - v, v, u ); + + }; + + }(), + + containsPoint: function () { + + var v1 = new Vector3(); + + return function containsPoint( point, a, b, c ) { + + Triangle.getBarycoord( point, a, b, c, v1 ); + + return ( v1.x >= 0 ) && ( v1.y >= 0 ) && ( ( v1.x + v1.y ) <= 1 ); + + }; + + }() + + } ); + + Object.assign( Triangle.prototype, { + + set: function ( a, b, c ) { + + this.a.copy( a ); + this.b.copy( b ); + this.c.copy( c ); + + return this; + + }, + + setFromPointsAndIndices: function ( points, i0, i1, i2 ) { + + this.a.copy( points[ i0 ] ); + this.b.copy( points[ i1 ] ); + this.c.copy( points[ i2 ] ); + + return this; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + copy: function ( triangle ) { + + this.a.copy( triangle.a ); + this.b.copy( triangle.b ); + this.c.copy( triangle.c ); + + return this; + + }, + + getArea: function () { + + var v0 = new Vector3(); + var v1 = new Vector3(); + + return function getArea() { + + v0.subVectors( this.c, this.b ); + v1.subVectors( this.a, this.b ); + + return v0.cross( v1 ).length() * 0.5; + + }; + + }(), + + getMidpoint: function ( target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Triangle: .getMidpoint() target is now required' ); + target = new Vector3(); + + } + + return target.addVectors( this.a, this.b ).add( this.c ).multiplyScalar( 1 / 3 ); + + }, + + getNormal: function ( target ) { + + return Triangle.getNormal( this.a, this.b, this.c, target ); + + }, + + getPlane: function ( target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Triangle: .getPlane() target is now required' ); + target = new Vector3(); + + } + + return target.setFromCoplanarPoints( this.a, this.b, this.c ); + + }, + + getBarycoord: function ( point, target ) { + + return Triangle.getBarycoord( point, this.a, this.b, this.c, target ); + + }, + + containsPoint: function ( point ) { + + return Triangle.containsPoint( point, this.a, this.b, this.c ); + + }, + + intersectsBox: function ( box ) { + + return box.intersectsTriangle( this ); + + }, + + closestPointToPoint: function () { + + var plane = new Plane(); + var edgeList = [ new Line3(), new Line3(), new Line3() ]; + var projectedPoint = new Vector3(); + var closestPoint = new Vector3(); + + return function closestPointToPoint( point, target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Triangle: .closestPointToPoint() target is now required' ); + target = new Vector3(); + + } + + var minDistance = Infinity; + + // project the point onto the plane of the triangle + + plane.setFromCoplanarPoints( this.a, this.b, this.c ); + plane.projectPoint( point, projectedPoint ); + + // check if the projection lies within the triangle + + if ( this.containsPoint( projectedPoint ) === true ) { + + // if so, this is the closest point + + target.copy( projectedPoint ); + + } else { + + // if not, the point falls outside the triangle. the target is the closest point to the triangle's edges or vertices + + edgeList[ 0 ].set( this.a, this.b ); + edgeList[ 1 ].set( this.b, this.c ); + edgeList[ 2 ].set( this.c, this.a ); + + for ( var i = 0; i < edgeList.length; i ++ ) { + + edgeList[ i ].closestPointToPoint( projectedPoint, true, closestPoint ); + + var distance = projectedPoint.distanceToSquared( closestPoint ); + + if ( distance < minDistance ) { + + minDistance = distance; + + target.copy( closestPoint ); + + } + + } + + } + + return target; + + }; + + }(), + + equals: function ( triangle ) { + + return triangle.a.equals( this.a ) && triangle.b.equals( this.b ) && triangle.c.equals( this.c ); + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * @author mikael emtinger / http://gomo.se/ + * @author jonobr1 / http://jonobr1.com/ + */ + + function Mesh( geometry, material ) { + + Object3D.call( this ); + + this.type = 'Mesh'; + + this.geometry = geometry !== undefined ? geometry : new BufferGeometry(); + this.material = material !== undefined ? material : new MeshBasicMaterial( { color: Math.random() * 0xffffff } ); + + this.drawMode = TrianglesDrawMode; + + this.updateMorphTargets(); + + } + + Mesh.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Mesh, + + isMesh: true, + + setDrawMode: function ( value ) { + + this.drawMode = value; + + }, + + copy: function ( source ) { + + Object3D.prototype.copy.call( this, source ); + + this.drawMode = source.drawMode; + + if ( source.morphTargetInfluences !== undefined ) { + + this.morphTargetInfluences = source.morphTargetInfluences.slice(); + + } + + if ( source.morphTargetDictionary !== undefined ) { + + this.morphTargetDictionary = Object.assign( {}, source.morphTargetDictionary ); + + } + + return this; + + }, + + updateMorphTargets: function () { + + var geometry = this.geometry; + var m, ml, name; + + if ( geometry.isBufferGeometry ) { + + var morphAttributes = geometry.morphAttributes; + var keys = Object.keys( morphAttributes ); + + if ( keys.length > 0 ) { + + var morphAttribute = morphAttributes[ keys[ 0 ] ]; + + if ( morphAttribute !== undefined ) { + + this.morphTargetInfluences = []; + this.morphTargetDictionary = {}; + + for ( m = 0, ml = morphAttribute.length; m < ml; m ++ ) { + + name = morphAttribute[ m ].name || String( m ); + + this.morphTargetInfluences.push( 0 ); + this.morphTargetDictionary[ name ] = m; + + } + + } + + } + + } else { + + var morphTargets = geometry.morphTargets; + + if ( morphTargets !== undefined && morphTargets.length > 0 ) { + + this.morphTargetInfluences = []; + this.morphTargetDictionary = {}; + + for ( m = 0, ml = morphTargets.length; m < ml; m ++ ) { + + name = morphTargets[ m ].name || String( m ); + + this.morphTargetInfluences.push( 0 ); + this.morphTargetDictionary[ name ] = m; + + } + + } + + } + + }, + + raycast: ( function () { + + var inverseMatrix = new Matrix4(); + var ray = new Ray(); + var sphere = new Sphere(); + + var vA = new Vector3(); + var vB = new Vector3(); + var vC = new Vector3(); + + var tempA = new Vector3(); + var tempB = new Vector3(); + var tempC = new Vector3(); + + var uvA = new Vector2(); + var uvB = new Vector2(); + var uvC = new Vector2(); + + var barycoord = new Vector3(); + + var intersectionPoint = new Vector3(); + var intersectionPointWorld = new Vector3(); + + function uvIntersection( point, p1, p2, p3, uv1, uv2, uv3 ) { + + Triangle.getBarycoord( point, p1, p2, p3, barycoord ); + + uv1.multiplyScalar( barycoord.x ); + uv2.multiplyScalar( barycoord.y ); + uv3.multiplyScalar( barycoord.z ); + + uv1.add( uv2 ).add( uv3 ); + + return uv1.clone(); + + } + + function checkIntersection( object, material, raycaster, ray, pA, pB, pC, point ) { + + var intersect; + + if ( material.side === BackSide ) { + + intersect = ray.intersectTriangle( pC, pB, pA, true, point ); + + } else { + + intersect = ray.intersectTriangle( pA, pB, pC, material.side !== DoubleSide, point ); + + } + + if ( intersect === null ) return null; + + intersectionPointWorld.copy( point ); + intersectionPointWorld.applyMatrix4( object.matrixWorld ); + + var distance = raycaster.ray.origin.distanceTo( intersectionPointWorld ); + + if ( distance < raycaster.near || distance > raycaster.far ) return null; + + return { + distance: distance, + point: intersectionPointWorld.clone(), + object: object + }; + + } + + function checkBufferGeometryIntersection( object, raycaster, ray, position, uv, a, b, c ) { + + vA.fromBufferAttribute( position, a ); + vB.fromBufferAttribute( position, b ); + vC.fromBufferAttribute( position, c ); + + var intersection = checkIntersection( object, object.material, raycaster, ray, vA, vB, vC, intersectionPoint ); + + if ( intersection ) { + + if ( uv ) { + + uvA.fromBufferAttribute( uv, a ); + uvB.fromBufferAttribute( uv, b ); + uvC.fromBufferAttribute( uv, c ); + + intersection.uv = uvIntersection( intersectionPoint, vA, vB, vC, uvA, uvB, uvC ); + + } + + var face = new Face3( a, b, c ); + Triangle.getNormal( vA, vB, vC, face.normal ); + + intersection.face = face; + + } + + return intersection; + + } + + return function raycast( raycaster, intersects ) { + + var geometry = this.geometry; + var material = this.material; + var matrixWorld = this.matrixWorld; + + if ( material === undefined ) return; + + // Checking boundingSphere distance to ray + + if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere(); + + sphere.copy( geometry.boundingSphere ); + sphere.applyMatrix4( matrixWorld ); + + if ( raycaster.ray.intersectsSphere( sphere ) === false ) return; + + // + + inverseMatrix.getInverse( matrixWorld ); + ray.copy( raycaster.ray ).applyMatrix4( inverseMatrix ); + + // Check boundingBox before continuing + + if ( geometry.boundingBox !== null ) { + + if ( ray.intersectsBox( geometry.boundingBox ) === false ) return; + + } + + var intersection; + + if ( geometry.isBufferGeometry ) { + + var a, b, c; + var index = geometry.index; + var position = geometry.attributes.position; + var uv = geometry.attributes.uv; + var i, l; + + if ( index !== null ) { + + // indexed buffer geometry + + for ( i = 0, l = index.count; i < l; i += 3 ) { + + a = index.getX( i ); + b = index.getX( i + 1 ); + c = index.getX( i + 2 ); + + intersection = checkBufferGeometryIntersection( this, raycaster, ray, position, uv, a, b, c ); + + if ( intersection ) { + + intersection.faceIndex = Math.floor( i / 3 ); // triangle number in indexed buffer semantics + intersects.push( intersection ); + + } + + } + + } else if ( position !== undefined ) { + + // non-indexed buffer geometry + + for ( i = 0, l = position.count; i < l; i += 3 ) { + + a = i; + b = i + 1; + c = i + 2; + + intersection = checkBufferGeometryIntersection( this, raycaster, ray, position, uv, a, b, c ); + + if ( intersection ) { + + intersection.faceIndex = Math.floor( i / 3 ); // triangle number in non-indexed buffer semantics + intersects.push( intersection ); + + } + + } + + } + + } else if ( geometry.isGeometry ) { + + var fvA, fvB, fvC; + var isMultiMaterial = Array.isArray( material ); + + var vertices = geometry.vertices; + var faces = geometry.faces; + var uvs; + + var faceVertexUvs = geometry.faceVertexUvs[ 0 ]; + if ( faceVertexUvs.length > 0 ) uvs = faceVertexUvs; + + for ( var f = 0, fl = faces.length; f < fl; f ++ ) { + + var face = faces[ f ]; + var faceMaterial = isMultiMaterial ? material[ face.materialIndex ] : material; + + if ( faceMaterial === undefined ) continue; + + fvA = vertices[ face.a ]; + fvB = vertices[ face.b ]; + fvC = vertices[ face.c ]; + + if ( faceMaterial.morphTargets === true ) { + + var morphTargets = geometry.morphTargets; + var morphInfluences = this.morphTargetInfluences; + + vA.set( 0, 0, 0 ); + vB.set( 0, 0, 0 ); + vC.set( 0, 0, 0 ); + + for ( var t = 0, tl = morphTargets.length; t < tl; t ++ ) { + + var influence = morphInfluences[ t ]; + + if ( influence === 0 ) continue; + + var targets = morphTargets[ t ].vertices; + + vA.addScaledVector( tempA.subVectors( targets[ face.a ], fvA ), influence ); + vB.addScaledVector( tempB.subVectors( targets[ face.b ], fvB ), influence ); + vC.addScaledVector( tempC.subVectors( targets[ face.c ], fvC ), influence ); + + } + + vA.add( fvA ); + vB.add( fvB ); + vC.add( fvC ); + + fvA = vA; + fvB = vB; + fvC = vC; + + } + + intersection = checkIntersection( this, faceMaterial, raycaster, ray, fvA, fvB, fvC, intersectionPoint ); + + if ( intersection ) { + + if ( uvs && uvs[ f ] ) { + + var uvs_f = uvs[ f ]; + uvA.copy( uvs_f[ 0 ] ); + uvB.copy( uvs_f[ 1 ] ); + uvC.copy( uvs_f[ 2 ] ); + + intersection.uv = uvIntersection( intersectionPoint, fvA, fvB, fvC, uvA, uvB, uvC ); + + } + + intersection.face = face; + intersection.faceIndex = f; + intersects.push( intersection ); + + } + + } + + } + + }; + + }() ), + + clone: function () { + + return new this.constructor( this.geometry, this.material ).copy( this ); + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLBackground( renderer, state, objects, premultipliedAlpha ) { + + var clearColor = new Color( 0x000000 ); + var clearAlpha = 0; + + var planeCamera, planeMesh; + var boxMesh; + + function render( renderList, scene, camera, forceClear ) { + + var background = scene.background; + + if ( background === null ) { + + setClear( clearColor, clearAlpha ); + + } else if ( background && background.isColor ) { + + setClear( background, 1 ); + forceClear = true; + + } + + if ( renderer.autoClear || forceClear ) { + + renderer.clear( renderer.autoClearColor, renderer.autoClearDepth, renderer.autoClearStencil ); + + } + + if ( background && background.isCubeTexture ) { + + if ( boxMesh === undefined ) { + + boxMesh = new Mesh( + new BoxBufferGeometry( 1, 1, 1 ), + new ShaderMaterial( { + uniforms: ShaderLib.cube.uniforms, + vertexShader: ShaderLib.cube.vertexShader, + fragmentShader: ShaderLib.cube.fragmentShader, + side: BackSide, + depthTest: true, + depthWrite: false, + fog: false + } ) + ); + + boxMesh.geometry.removeAttribute( 'normal' ); + boxMesh.geometry.removeAttribute( 'uv' ); + + boxMesh.onBeforeRender = function ( renderer, scene, camera ) { + + this.matrixWorld.copyPosition( camera.matrixWorld ); + + }; + + objects.update( boxMesh ); + + } + + boxMesh.material.uniforms.tCube.value = background; + + renderList.push( boxMesh, boxMesh.geometry, boxMesh.material, 0, null ); + + } else if ( background && background.isTexture ) { + + if ( planeCamera === undefined ) { + + planeCamera = new OrthographicCamera( - 1, 1, 1, - 1, 0, 1 ); + + planeMesh = new Mesh( + new PlaneBufferGeometry( 2, 2 ), + new MeshBasicMaterial( { depthTest: false, depthWrite: false, fog: false } ) + ); + + objects.update( planeMesh ); + + } + + planeMesh.material.map = background; + + // TODO Push this to renderList + + renderer.renderBufferDirect( planeCamera, null, planeMesh.geometry, planeMesh.material, planeMesh, null ); + + } + + } + + function setClear( color, alpha ) { + + state.buffers.color.setClear( color.r, color.g, color.b, alpha, premultipliedAlpha ); + + } + + return { + + getClearColor: function () { + + return clearColor; + + }, + setClearColor: function ( color, alpha ) { + + clearColor.set( color ); + clearAlpha = alpha !== undefined ? alpha : 1; + setClear( clearColor, clearAlpha ); + + }, + getClearAlpha: function () { + + return clearAlpha; + + }, + setClearAlpha: function ( alpha ) { + + clearAlpha = alpha; + setClear( clearColor, clearAlpha ); + + }, + render: render + + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLBufferRenderer( gl, extensions, info ) { + + var mode; + + function setMode( value ) { + + mode = value; + + } + + function render( start, count ) { + + gl.drawArrays( mode, start, count ); + + info.update( count, mode ); + + } + + function renderInstances( geometry, start, count ) { + + var extension = extensions.get( 'ANGLE_instanced_arrays' ); + + if ( extension === null ) { + + console.error( 'THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.' ); + return; + + } + + extension.drawArraysInstancedANGLE( mode, start, count, geometry.maxInstancedCount ); + + info.update( count, mode, geometry.maxInstancedCount ); + + } + + // + + this.setMode = setMode; + this.render = render; + this.renderInstances = renderInstances; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLCapabilities( gl, extensions, parameters ) { + + var maxAnisotropy; + + function getMaxAnisotropy() { + + if ( maxAnisotropy !== undefined ) return maxAnisotropy; + + var extension = extensions.get( 'EXT_texture_filter_anisotropic' ); + + if ( extension !== null ) { + + maxAnisotropy = gl.getParameter( extension.MAX_TEXTURE_MAX_ANISOTROPY_EXT ); + + } else { + + maxAnisotropy = 0; + + } + + return maxAnisotropy; + + } + + function getMaxPrecision( precision ) { + + if ( precision === 'highp' ) { + + if ( gl.getShaderPrecisionFormat( gl.VERTEX_SHADER, gl.HIGH_FLOAT ).precision > 0 && + gl.getShaderPrecisionFormat( gl.FRAGMENT_SHADER, gl.HIGH_FLOAT ).precision > 0 ) { + + return 'highp'; + + } + + precision = 'mediump'; + + } + + if ( precision === 'mediump' ) { + + if ( gl.getShaderPrecisionFormat( gl.VERTEX_SHADER, gl.MEDIUM_FLOAT ).precision > 0 && + gl.getShaderPrecisionFormat( gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT ).precision > 0 ) { + + return 'mediump'; + + } + + } + + return 'lowp'; + + } + + var precision = parameters.precision !== undefined ? parameters.precision : 'highp'; + var maxPrecision = getMaxPrecision( precision ); + + if ( maxPrecision !== precision ) { + + console.warn( 'THREE.WebGLRenderer:', precision, 'not supported, using', maxPrecision, 'instead.' ); + precision = maxPrecision; + + } + + var logarithmicDepthBuffer = parameters.logarithmicDepthBuffer === true; + + var maxTextures = gl.getParameter( gl.MAX_TEXTURE_IMAGE_UNITS ); + var maxVertexTextures = gl.getParameter( gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS ); + var maxTextureSize = gl.getParameter( gl.MAX_TEXTURE_SIZE ); + var maxCubemapSize = gl.getParameter( gl.MAX_CUBE_MAP_TEXTURE_SIZE ); + + var maxAttributes = gl.getParameter( gl.MAX_VERTEX_ATTRIBS ); + var maxVertexUniforms = gl.getParameter( gl.MAX_VERTEX_UNIFORM_VECTORS ); + var maxVaryings = gl.getParameter( gl.MAX_VARYING_VECTORS ); + var maxFragmentUniforms = gl.getParameter( gl.MAX_FRAGMENT_UNIFORM_VECTORS ); + + var vertexTextures = maxVertexTextures > 0; + var floatFragmentTextures = !! extensions.get( 'OES_texture_float' ); + var floatVertexTextures = vertexTextures && floatFragmentTextures; + + return { + + getMaxAnisotropy: getMaxAnisotropy, + getMaxPrecision: getMaxPrecision, + + precision: precision, + logarithmicDepthBuffer: logarithmicDepthBuffer, + + maxTextures: maxTextures, + maxVertexTextures: maxVertexTextures, + maxTextureSize: maxTextureSize, + maxCubemapSize: maxCubemapSize, + + maxAttributes: maxAttributes, + maxVertexUniforms: maxVertexUniforms, + maxVaryings: maxVaryings, + maxFragmentUniforms: maxFragmentUniforms, + + vertexTextures: vertexTextures, + floatFragmentTextures: floatFragmentTextures, + floatVertexTextures: floatVertexTextures + + }; + + } + + /** + * @author tschw + */ + + function WebGLClipping() { + + var scope = this, + + globalState = null, + numGlobalPlanes = 0, + localClippingEnabled = false, + renderingShadows = false, + + plane = new Plane(), + viewNormalMatrix = new Matrix3(), + + uniform = { value: null, needsUpdate: false }; + + this.uniform = uniform; + this.numPlanes = 0; + this.numIntersection = 0; + + this.init = function ( planes, enableLocalClipping, camera ) { + + var enabled = + planes.length !== 0 || + enableLocalClipping || + // enable state of previous frame - the clipping code has to + // run another frame in order to reset the state: + numGlobalPlanes !== 0 || + localClippingEnabled; + + localClippingEnabled = enableLocalClipping; + + globalState = projectPlanes( planes, camera, 0 ); + numGlobalPlanes = planes.length; + + return enabled; + + }; + + this.beginShadows = function () { + + renderingShadows = true; + projectPlanes( null ); + + }; + + this.endShadows = function () { + + renderingShadows = false; + resetGlobalState(); + + }; + + this.setState = function ( planes, clipIntersection, clipShadows, camera, cache, fromCache ) { + + if ( ! localClippingEnabled || planes === null || planes.length === 0 || renderingShadows && ! clipShadows ) { + + // there's no local clipping + + if ( renderingShadows ) { + + // there's no global clipping + + projectPlanes( null ); + + } else { + + resetGlobalState(); + + } + + } else { + + var nGlobal = renderingShadows ? 0 : numGlobalPlanes, + lGlobal = nGlobal * 4, + + dstArray = cache.clippingState || null; + + uniform.value = dstArray; // ensure unique state + + dstArray = projectPlanes( planes, camera, lGlobal, fromCache ); + + for ( var i = 0; i !== lGlobal; ++ i ) { + + dstArray[ i ] = globalState[ i ]; + + } + + cache.clippingState = dstArray; + this.numIntersection = clipIntersection ? this.numPlanes : 0; + this.numPlanes += nGlobal; + + } + + + }; + + function resetGlobalState() { + + if ( uniform.value !== globalState ) { + + uniform.value = globalState; + uniform.needsUpdate = numGlobalPlanes > 0; + + } + + scope.numPlanes = numGlobalPlanes; + scope.numIntersection = 0; + + } + + function projectPlanes( planes, camera, dstOffset, skipTransform ) { + + var nPlanes = planes !== null ? planes.length : 0, + dstArray = null; + + if ( nPlanes !== 0 ) { + + dstArray = uniform.value; + + if ( skipTransform !== true || dstArray === null ) { + + var flatSize = dstOffset + nPlanes * 4, + viewMatrix = camera.matrixWorldInverse; + + viewNormalMatrix.getNormalMatrix( viewMatrix ); + + if ( dstArray === null || dstArray.length < flatSize ) { + + dstArray = new Float32Array( flatSize ); + + } + + for ( var i = 0, i4 = dstOffset; i !== nPlanes; ++ i, i4 += 4 ) { + + plane.copy( planes[ i ] ).applyMatrix4( viewMatrix, viewNormalMatrix ); + + plane.normal.toArray( dstArray, i4 ); + dstArray[ i4 + 3 ] = plane.constant; + + } + + } + + uniform.value = dstArray; + uniform.needsUpdate = true; + + } + + scope.numPlanes = nPlanes; + + return dstArray; + + } + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLExtensions( gl ) { + + var extensions = {}; + + return { + + get: function ( name ) { + + if ( extensions[ name ] !== undefined ) { + + return extensions[ name ]; + + } + + var extension; + + switch ( name ) { + + case 'WEBGL_depth_texture': + extension = gl.getExtension( 'WEBGL_depth_texture' ) || gl.getExtension( 'MOZ_WEBGL_depth_texture' ) || gl.getExtension( 'WEBKIT_WEBGL_depth_texture' ); + break; + + case 'EXT_texture_filter_anisotropic': + extension = gl.getExtension( 'EXT_texture_filter_anisotropic' ) || gl.getExtension( 'MOZ_EXT_texture_filter_anisotropic' ) || gl.getExtension( 'WEBKIT_EXT_texture_filter_anisotropic' ); + break; + + case 'WEBGL_compressed_texture_s3tc': + extension = gl.getExtension( 'WEBGL_compressed_texture_s3tc' ) || gl.getExtension( 'MOZ_WEBGL_compressed_texture_s3tc' ) || gl.getExtension( 'WEBKIT_WEBGL_compressed_texture_s3tc' ); + break; + + case 'WEBGL_compressed_texture_pvrtc': + extension = gl.getExtension( 'WEBGL_compressed_texture_pvrtc' ) || gl.getExtension( 'WEBKIT_WEBGL_compressed_texture_pvrtc' ); + break; + + default: + extension = gl.getExtension( name ); + + } + + if ( extension === null ) { + + console.warn( 'THREE.WebGLRenderer: ' + name + ' extension not supported.' ); + + } + + extensions[ name ] = extension; + + return extension; + + } + + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLGeometries( gl, attributes, info ) { + + var geometries = {}; + var wireframeAttributes = {}; + + function onGeometryDispose( event ) { + + var geometry = event.target; + var buffergeometry = geometries[ geometry.id ]; + + if ( buffergeometry.index !== null ) { + + attributes.remove( buffergeometry.index ); + + } + + for ( var name in buffergeometry.attributes ) { + + attributes.remove( buffergeometry.attributes[ name ] ); + + } + + geometry.removeEventListener( 'dispose', onGeometryDispose ); + + delete geometries[ geometry.id ]; + + // TODO Remove duplicate code + + var attribute = wireframeAttributes[ geometry.id ]; + + if ( attribute ) { + + attributes.remove( attribute ); + delete wireframeAttributes[ geometry.id ]; + + } + + attribute = wireframeAttributes[ buffergeometry.id ]; + + if ( attribute ) { + + attributes.remove( attribute ); + delete wireframeAttributes[ buffergeometry.id ]; + + } + + // + + info.memory.geometries --; + + } + + function get( object, geometry ) { + + var buffergeometry = geometries[ geometry.id ]; + + if ( buffergeometry ) return buffergeometry; + + geometry.addEventListener( 'dispose', onGeometryDispose ); + + if ( geometry.isBufferGeometry ) { + + buffergeometry = geometry; + + } else if ( geometry.isGeometry ) { + + if ( geometry._bufferGeometry === undefined ) { + + geometry._bufferGeometry = new BufferGeometry().setFromObject( object ); + + } + + buffergeometry = geometry._bufferGeometry; + + } + + geometries[ geometry.id ] = buffergeometry; + + info.memory.geometries ++; + + return buffergeometry; + + } + + function update( geometry ) { + + var index = geometry.index; + var geometryAttributes = geometry.attributes; + + if ( index !== null ) { + + attributes.update( index, gl.ELEMENT_ARRAY_BUFFER ); + + } + + for ( var name in geometryAttributes ) { + + attributes.update( geometryAttributes[ name ], gl.ARRAY_BUFFER ); + + } + + // morph targets + + var morphAttributes = geometry.morphAttributes; + + for ( var name in morphAttributes ) { + + var array = morphAttributes[ name ]; + + for ( var i = 0, l = array.length; i < l; i ++ ) { + + attributes.update( array[ i ], gl.ARRAY_BUFFER ); + + } + + } + + } + + function getWireframeAttribute( geometry ) { + + var attribute = wireframeAttributes[ geometry.id ]; + + if ( attribute ) return attribute; + + var indices = []; + + var geometryIndex = geometry.index; + var geometryAttributes = geometry.attributes; + + // console.time( 'wireframe' ); + + if ( geometryIndex !== null ) { + + var array = geometryIndex.array; + + for ( var i = 0, l = array.length; i < l; i += 3 ) { + + var a = array[ i + 0 ]; + var b = array[ i + 1 ]; + var c = array[ i + 2 ]; + + indices.push( a, b, b, c, c, a ); + + } + + } else { + + var array = geometryAttributes.position.array; + + for ( var i = 0, l = ( array.length / 3 ) - 1; i < l; i += 3 ) { + + var a = i + 0; + var b = i + 1; + var c = i + 2; + + indices.push( a, b, b, c, c, a ); + + } + + } + + // console.timeEnd( 'wireframe' ); + + attribute = new ( arrayMax( indices ) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute )( indices, 1 ); + + attributes.update( attribute, gl.ELEMENT_ARRAY_BUFFER ); + + wireframeAttributes[ geometry.id ] = attribute; + + return attribute; + + } + + return { + + get: get, + update: update, + + getWireframeAttribute: getWireframeAttribute + + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLIndexedBufferRenderer( gl, extensions, info ) { + + var mode; + + function setMode( value ) { + + mode = value; + + } + + var type, bytesPerElement; + + function setIndex( value ) { + + type = value.type; + bytesPerElement = value.bytesPerElement; + + } + + function render( start, count ) { + + gl.drawElements( mode, count, type, start * bytesPerElement ); + + info.update( count, mode ); + + } + + function renderInstances( geometry, start, count ) { + + var extension = extensions.get( 'ANGLE_instanced_arrays' ); + + if ( extension === null ) { + + console.error( 'THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.' ); + return; + + } + + extension.drawElementsInstancedANGLE( mode, count, type, start * bytesPerElement, geometry.maxInstancedCount ); + + info.update( count, mode, geometry.maxInstancedCount ); + + } + + // + + this.setMode = setMode; + this.setIndex = setIndex; + this.render = render; + this.renderInstances = renderInstances; + + } + + /** + * @author Mugen87 / https://github.com/Mugen87 + */ + + function WebGLInfo( gl ) { + + var memory = { + geometries: 0, + textures: 0 + }; + + var render = { + frame: 0, + calls: 0, + triangles: 0, + points: 0, + lines: 0 + }; + + function update( count, mode, instanceCount ) { + + instanceCount = instanceCount || 1; + + render.calls ++; + + switch ( mode ) { + + case gl.TRIANGLES: + render.triangles += instanceCount * ( count / 3 ); + break; + + case gl.TRIANGLE_STRIP: + case gl.TRIANGLE_FAN: + render.triangles += instanceCount * ( count - 2 ); + break; + + case gl.LINES: + render.lines += instanceCount * ( count / 2 ); + break; + + case gl.LINE_STRIP: + render.lines += instanceCount * ( count - 1 ); + break; + + case gl.LINE_LOOP: + render.lines += instanceCount * count; + break; + + case gl.POINTS: + render.points += instanceCount * count; + break; + + default: + console.error( 'THREE.WebGLInfo: Unknown draw mode:', mode ); + break; + + } + + } + + function reset() { + + render.frame ++; + render.calls = 0; + render.triangles = 0; + render.points = 0; + render.lines = 0; + + } + + return { + memory: memory, + render: render, + programs: null, + autoReset: true, + reset: reset, + update: update + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function absNumericalSort( a, b ) { + + return Math.abs( b[ 1 ] ) - Math.abs( a[ 1 ] ); + + } + + function WebGLMorphtargets( gl ) { + + var influencesList = {}; + var morphInfluences = new Float32Array( 8 ); + + function update( object, geometry, material, program ) { + + var objectInfluences = object.morphTargetInfluences; + + var length = objectInfluences.length; + + var influences = influencesList[ geometry.id ]; + + if ( influences === undefined ) { + + // initialise list + + influences = []; + + for ( var i = 0; i < length; i ++ ) { + + influences[ i ] = [ i, 0 ]; + + } + + influencesList[ geometry.id ] = influences; + + } + + var morphTargets = material.morphTargets && geometry.morphAttributes.position; + var morphNormals = material.morphNormals && geometry.morphAttributes.normal; + + // Remove current morphAttributes + + for ( var i = 0; i < length; i ++ ) { + + var influence = influences[ i ]; + + if ( influence[ 1 ] !== 0 ) { + + if ( morphTargets ) geometry.removeAttribute( 'morphTarget' + i ); + if ( morphNormals ) geometry.removeAttribute( 'morphNormal' + i ); + + } + + } + + // Collect influences + + for ( var i = 0; i < length; i ++ ) { + + var influence = influences[ i ]; + + influence[ 0 ] = i; + influence[ 1 ] = objectInfluences[ i ]; + + } + + influences.sort( absNumericalSort ); + + // Add morphAttributes + + for ( var i = 0; i < 8; i ++ ) { + + var influence = influences[ i ]; + + if ( influence ) { + + var index = influence[ 0 ]; + var value = influence[ 1 ]; + + if ( value ) { + + if ( morphTargets ) geometry.addAttribute( 'morphTarget' + i, morphTargets[ index ] ); + if ( morphNormals ) geometry.addAttribute( 'morphNormal' + i, morphNormals[ index ] ); + + morphInfluences[ i ] = value; + continue; + + } + + } + + morphInfluences[ i ] = 0; + + } + + program.getUniforms().setValue( gl, 'morphTargetInfluences', morphInfluences ); + + } + + return { + + update: update + + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLObjects( geometries, info ) { + + var updateList = {}; + + function update( object ) { + + var frame = info.render.frame; + + var geometry = object.geometry; + var buffergeometry = geometries.get( object, geometry ); + + // Update once per frame + + if ( updateList[ buffergeometry.id ] !== frame ) { + + if ( geometry.isGeometry ) { + + buffergeometry.updateFromObject( object ); + + } + + geometries.update( buffergeometry ); + + updateList[ buffergeometry.id ] = frame; + + } + + return buffergeometry; + + } + + function dispose() { + + updateList = {}; + + } + + return { + + update: update, + dispose: dispose + + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function CubeTexture( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ) { + + images = images !== undefined ? images : []; + mapping = mapping !== undefined ? mapping : CubeReflectionMapping; + + Texture.call( this, images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ); + + this.flipY = false; + + } + + CubeTexture.prototype = Object.create( Texture.prototype ); + CubeTexture.prototype.constructor = CubeTexture; + + CubeTexture.prototype.isCubeTexture = true; + + Object.defineProperty( CubeTexture.prototype, 'images', { + + get: function () { + + return this.image; + + }, + + set: function ( value ) { + + this.image = value; + + } + + } ); + + /** + * @author tschw + * + * Uniforms of a program. + * Those form a tree structure with a special top-level container for the root, + * which you get by calling 'new WebGLUniforms( gl, program, renderer )'. + * + * + * Properties of inner nodes including the top-level container: + * + * .seq - array of nested uniforms + * .map - nested uniforms by name + * + * + * Methods of all nodes except the top-level container: + * + * .setValue( gl, value, [renderer] ) + * + * uploads a uniform value(s) + * the 'renderer' parameter is needed for sampler uniforms + * + * + * Static methods of the top-level container (renderer factorizations): + * + * .upload( gl, seq, values, renderer ) + * + * sets uniforms in 'seq' to 'values[id].value' + * + * .seqWithValue( seq, values ) : filteredSeq + * + * filters 'seq' entries with corresponding entry in values + * + * + * Methods of the top-level container (renderer factorizations): + * + * .setValue( gl, name, value ) + * + * sets uniform with name 'name' to 'value' + * + * .set( gl, obj, prop ) + * + * sets uniform from object and property with same name than uniform + * + * .setOptional( gl, obj, prop ) + * + * like .set for an optional property of the object + * + */ + + var emptyTexture = new Texture(); + var emptyCubeTexture = new CubeTexture(); + + // --- Base for inner nodes (including the root) --- + + function UniformContainer() { + + this.seq = []; + this.map = {}; + + } + + // --- Utilities --- + + // Array Caches (provide typed arrays for temporary by size) + + var arrayCacheF32 = []; + var arrayCacheI32 = []; + + // Float32Array caches used for uploading Matrix uniforms + + var mat4array = new Float32Array( 16 ); + var mat3array = new Float32Array( 9 ); + var mat2array = new Float32Array( 4 ); + + // Flattening for arrays of vectors and matrices + + function flatten( array, nBlocks, blockSize ) { + + var firstElem = array[ 0 ]; + + if ( firstElem <= 0 || firstElem > 0 ) return array; + // unoptimized: ! isNaN( firstElem ) + // see http://jacksondunstan.com/articles/983 + + var n = nBlocks * blockSize, + r = arrayCacheF32[ n ]; + + if ( r === undefined ) { + + r = new Float32Array( n ); + arrayCacheF32[ n ] = r; + + } + + if ( nBlocks !== 0 ) { + + firstElem.toArray( r, 0 ); + + for ( var i = 1, offset = 0; i !== nBlocks; ++ i ) { + + offset += blockSize; + array[ i ].toArray( r, offset ); + + } + + } + + return r; + + } + + function arraysEqual( a, b ) { + + if ( a.length !== b.length ) return false; + + for ( var i = 0, l = a.length; i < l; i ++ ) { + + if ( a[ i ] !== b[ i ] ) return false; + + } + + return true; + + } + + function copyArray( a, b ) { + + for ( var i = 0, l = b.length; i < l; i ++ ) { + + a[ i ] = b[ i ]; + + } + + } + + // Texture unit allocation + + function allocTexUnits( renderer, n ) { + + var r = arrayCacheI32[ n ]; + + if ( r === undefined ) { + + r = new Int32Array( n ); + arrayCacheI32[ n ] = r; + + } + + for ( var i = 0; i !== n; ++ i ) + r[ i ] = renderer.allocTextureUnit(); + + return r; + + } + + // --- Setters --- + + // Note: Defining these methods externally, because they come in a bunch + // and this way their names minify. + + // Single scalar + + function setValue1f( gl, v ) { + + var cache = this.cache; + + if ( cache[ 0 ] === v ) return; + + gl.uniform1f( this.addr, v ); + + cache[ 0 ] = v; + + } + + function setValue1i( gl, v ) { + + var cache = this.cache; + + if ( cache[ 0 ] === v ) return; + + gl.uniform1i( this.addr, v ); + + cache[ 0 ] = v; + + } + + // Single float vector (from flat array or THREE.VectorN) + + function setValue2fv( gl, v ) { + + var cache = this.cache; + + if ( v.x !== undefined ) { + + if ( cache[ 0 ] !== v.x || cache[ 1 ] !== v.y ) { + + gl.uniform2f( this.addr, v.x, v.y ); + + cache[ 0 ] = v.x; + cache[ 1 ] = v.y; + + } + + } else { + + if ( arraysEqual( cache, v ) ) return; + + gl.uniform2fv( this.addr, v ); + + copyArray( cache, v ); + + } + + } + + function setValue3fv( gl, v ) { + + var cache = this.cache; + + if ( v.x !== undefined ) { + + if ( cache[ 0 ] !== v.x || cache[ 1 ] !== v.y || cache[ 2 ] !== v.z ) { + + gl.uniform3f( this.addr, v.x, v.y, v.z ); + + cache[ 0 ] = v.x; + cache[ 1 ] = v.y; + cache[ 2 ] = v.z; + + } + + } else if ( v.r !== undefined ) { + + if ( cache[ 0 ] !== v.r || cache[ 1 ] !== v.g || cache[ 2 ] !== v.b ) { + + gl.uniform3f( this.addr, v.r, v.g, v.b ); + + cache[ 0 ] = v.r; + cache[ 1 ] = v.g; + cache[ 2 ] = v.b; + + } + + } else { + + if ( arraysEqual( cache, v ) ) return; + + gl.uniform3fv( this.addr, v ); + + copyArray( cache, v ); + + } + + } + + function setValue4fv( gl, v ) { + + var cache = this.cache; + + if ( v.x !== undefined ) { + + if ( cache[ 0 ] !== v.x || cache[ 1 ] !== v.y || cache[ 2 ] !== v.z || cache[ 3 ] !== v.w ) { + + gl.uniform4f( this.addr, v.x, v.y, v.z, v.w ); + + cache[ 0 ] = v.x; + cache[ 1 ] = v.y; + cache[ 2 ] = v.z; + cache[ 3 ] = v.w; + + } + + } else { + + if ( arraysEqual( cache, v ) ) return; + + gl.uniform4fv( this.addr, v ); + + copyArray( cache, v ); + + } + + } + + // Single matrix (from flat array or MatrixN) + + function setValue2fm( gl, v ) { + + var cache = this.cache; + var elements = v.elements; + + if ( elements === undefined ) { + + if ( arraysEqual( cache, v ) ) return; + + gl.uniformMatrix2fv( this.addr, false, v ); + + copyArray( cache, v ); + + } else { + + if ( arraysEqual( cache, elements ) ) return; + + mat2array.set( elements ); + + gl.uniformMatrix2fv( this.addr, false, mat2array ); + + copyArray( cache, elements ); + + } + + } + + function setValue3fm( gl, v ) { + + var cache = this.cache; + var elements = v.elements; + + if ( elements === undefined ) { + + if ( arraysEqual( cache, v ) ) return; + + gl.uniformMatrix3fv( this.addr, false, v ); + + copyArray( cache, v ); + + } else { + + if ( arraysEqual( cache, elements ) ) return; + + mat3array.set( elements ); + + gl.uniformMatrix3fv( this.addr, false, mat3array ); + + copyArray( cache, elements ); + + } + + } + + function setValue4fm( gl, v ) { + + var cache = this.cache; + var elements = v.elements; + + if ( elements === undefined ) { + + if ( arraysEqual( cache, v ) ) return; + + gl.uniformMatrix4fv( this.addr, false, v ); + + copyArray( cache, v ); + + } else { + + if ( arraysEqual( cache, elements ) ) return; + + mat4array.set( elements ); + + gl.uniformMatrix4fv( this.addr, false, mat4array ); + + copyArray( cache, elements ); + + } + + } + + // Single texture (2D / Cube) + + function setValueT1( gl, v, renderer ) { + + var cache = this.cache; + var unit = renderer.allocTextureUnit(); + + if ( cache[ 0 ] !== unit ) { + + gl.uniform1i( this.addr, unit ); + cache[ 0 ] = unit; + + } + + renderer.setTexture2D( v || emptyTexture, unit ); + + } + + function setValueT6( gl, v, renderer ) { + + var cache = this.cache; + var unit = renderer.allocTextureUnit(); + + if ( cache[ 0 ] !== unit ) { + + gl.uniform1i( this.addr, unit ); + cache[ 0 ] = unit; + + } + + renderer.setTextureCube( v || emptyCubeTexture, unit ); + + } + + // Integer / Boolean vectors or arrays thereof (always flat arrays) + + function setValue2iv( gl, v ) { + + var cache = this.cache; + + if ( arraysEqual( cache, v ) ) return; + + gl.uniform2iv( this.addr, v ); + + copyArray( cache, v ); + + } + + function setValue3iv( gl, v ) { + + var cache = this.cache; + + if ( arraysEqual( cache, v ) ) return; + + gl.uniform3iv( this.addr, v ); + + copyArray( cache, v ); + + } + + function setValue4iv( gl, v ) { + + var cache = this.cache; + + if ( arraysEqual( cache, v ) ) return; + + gl.uniform4iv( this.addr, v ); + + copyArray( cache, v ); + + } + + // Helper to pick the right setter for the singular case + + function getSingularSetter( type ) { + + switch ( type ) { + + case 0x1406: return setValue1f; // FLOAT + case 0x8b50: return setValue2fv; // _VEC2 + case 0x8b51: return setValue3fv; // _VEC3 + case 0x8b52: return setValue4fv; // _VEC4 + + case 0x8b5a: return setValue2fm; // _MAT2 + case 0x8b5b: return setValue3fm; // _MAT3 + case 0x8b5c: return setValue4fm; // _MAT4 + + case 0x8b5e: case 0x8d66: return setValueT1; // SAMPLER_2D, SAMPLER_EXTERNAL_OES + case 0x8b60: return setValueT6; // SAMPLER_CUBE + + case 0x1404: case 0x8b56: return setValue1i; // INT, BOOL + case 0x8b53: case 0x8b57: return setValue2iv; // _VEC2 + case 0x8b54: case 0x8b58: return setValue3iv; // _VEC3 + case 0x8b55: case 0x8b59: return setValue4iv; // _VEC4 + + } + + } + + // Array of scalars + + function setValue1fv( gl, v ) { + + var cache = this.cache; + + if ( arraysEqual( cache, v ) ) return; + + gl.uniform1fv( this.addr, v ); + + copyArray( cache, v ); + + } + function setValue1iv( gl, v ) { + + var cache = this.cache; + + if ( arraysEqual( cache, v ) ) return; + + gl.uniform1iv( this.addr, v ); + + copyArray( cache, v ); + + } + + // Array of vectors (flat or from THREE classes) + + function setValueV2a( gl, v ) { + + var cache = this.cache; + var data = flatten( v, this.size, 2 ); + + if ( arraysEqual( cache, data ) ) return; + + gl.uniform2fv( this.addr, data ); + + this.updateCache( data ); + + } + + function setValueV3a( gl, v ) { + + var cache = this.cache; + var data = flatten( v, this.size, 3 ); + + if ( arraysEqual( cache, data ) ) return; + + gl.uniform3fv( this.addr, data ); + + this.updateCache( data ); + + } + + function setValueV4a( gl, v ) { + + var cache = this.cache; + var data = flatten( v, this.size, 4 ); + + if ( arraysEqual( cache, data ) ) return; + + gl.uniform4fv( this.addr, data ); + + this.updateCache( data ); + + } + + // Array of matrices (flat or from THREE clases) + + function setValueM2a( gl, v ) { + + var cache = this.cache; + var data = flatten( v, this.size, 4 ); + + if ( arraysEqual( cache, data ) ) return; + + gl.uniformMatrix2fv( this.addr, false, data ); + + this.updateCache( data ); + + } + + function setValueM3a( gl, v ) { + + var cache = this.cache; + var data = flatten( v, this.size, 9 ); + + if ( arraysEqual( cache, data ) ) return; + + gl.uniformMatrix3fv( this.addr, false, data ); + + this.updateCache( data ); + + } + + function setValueM4a( gl, v ) { + + var cache = this.cache; + var data = flatten( v, this.size, 16 ); + + if ( arraysEqual( cache, data ) ) return; + + gl.uniformMatrix4fv( this.addr, false, data ); + + this.updateCache( data ); + + } + + // Array of textures (2D / Cube) + + function setValueT1a( gl, v, renderer ) { + + var cache = this.cache; + var n = v.length; + + var units = allocTexUnits( renderer, n ); + + if ( arraysEqual( cache, units ) === false ) { + + gl.uniform1iv( this.addr, units ); + copyArray( cache, units ); + + } + + for ( var i = 0; i !== n; ++ i ) { + + renderer.setTexture2D( v[ i ] || emptyTexture, units[ i ] ); + + } + + } + + function setValueT6a( gl, v, renderer ) { + + var cache = this.cache; + var n = v.length; + + var units = allocTexUnits( renderer, n ); + + if ( arraysEqual( cache, units ) === false ) { + + gl.uniform1iv( this.addr, units ); + copyArray( cache, units ); + + } + + for ( var i = 0; i !== n; ++ i ) { + + renderer.setTextureCube( v[ i ] || emptyCubeTexture, units[ i ] ); + + } + + } + + // Helper to pick the right setter for a pure (bottom-level) array + + function getPureArraySetter( type ) { + + switch ( type ) { + + case 0x1406: return setValue1fv; // FLOAT + case 0x8b50: return setValueV2a; // _VEC2 + case 0x8b51: return setValueV3a; // _VEC3 + case 0x8b52: return setValueV4a; // _VEC4 + + case 0x8b5a: return setValueM2a; // _MAT2 + case 0x8b5b: return setValueM3a; // _MAT3 + case 0x8b5c: return setValueM4a; // _MAT4 + + case 0x8b5e: return setValueT1a; // SAMPLER_2D + case 0x8b60: return setValueT6a; // SAMPLER_CUBE + + case 0x1404: case 0x8b56: return setValue1iv; // INT, BOOL + case 0x8b53: case 0x8b57: return setValue2iv; // _VEC2 + case 0x8b54: case 0x8b58: return setValue3iv; // _VEC3 + case 0x8b55: case 0x8b59: return setValue4iv; // _VEC4 + + } + + } + + // --- Uniform Classes --- + + function SingleUniform( id, activeInfo, addr ) { + + this.id = id; + this.addr = addr; + this.cache = []; + this.setValue = getSingularSetter( activeInfo.type ); + + // this.path = activeInfo.name; // DEBUG + + } + + function PureArrayUniform( id, activeInfo, addr ) { + + this.id = id; + this.addr = addr; + this.cache = []; + this.size = activeInfo.size; + this.setValue = getPureArraySetter( activeInfo.type ); + + // this.path = activeInfo.name; // DEBUG + + } + + PureArrayUniform.prototype.updateCache = function ( data ) { + + var cache = this.cache; + + if ( data instanceof Float32Array && cache.length !== data.length ) { + + this.cache = new Float32Array( data.length ); + + } + + copyArray( cache, data ); + + }; + + function StructuredUniform( id ) { + + this.id = id; + + UniformContainer.call( this ); // mix-in + + } + + StructuredUniform.prototype.setValue = function ( gl, value ) { + + // Note: Don't need an extra 'renderer' parameter, since samplers + // are not allowed in structured uniforms. + + var seq = this.seq; + + for ( var i = 0, n = seq.length; i !== n; ++ i ) { + + var u = seq[ i ]; + u.setValue( gl, value[ u.id ] ); + + } + + }; + + // --- Top-level --- + + // Parser - builds up the property tree from the path strings + + var RePathPart = /([\w\d_]+)(\])?(\[|\.)?/g; + + // extracts + // - the identifier (member name or array index) + // - followed by an optional right bracket (found when array index) + // - followed by an optional left bracket or dot (type of subscript) + // + // Note: These portions can be read in a non-overlapping fashion and + // allow straightforward parsing of the hierarchy that WebGL encodes + // in the uniform names. + + function addUniform( container, uniformObject ) { + + container.seq.push( uniformObject ); + container.map[ uniformObject.id ] = uniformObject; + + } + + function parseUniform( activeInfo, addr, container ) { + + var path = activeInfo.name, + pathLength = path.length; + + // reset RegExp object, because of the early exit of a previous run + RePathPart.lastIndex = 0; + + while ( true ) { + + var match = RePathPart.exec( path ), + matchEnd = RePathPart.lastIndex, + + id = match[ 1 ], + idIsIndex = match[ 2 ] === ']', + subscript = match[ 3 ]; + + if ( idIsIndex ) id = id | 0; // convert to integer + + if ( subscript === undefined || subscript === '[' && matchEnd + 2 === pathLength ) { + + // bare name or "pure" bottom-level array "[0]" suffix + + addUniform( container, subscript === undefined ? + new SingleUniform( id, activeInfo, addr ) : + new PureArrayUniform( id, activeInfo, addr ) ); + + break; + + } else { + + // step into inner node / create it in case it doesn't exist + + var map = container.map, next = map[ id ]; + + if ( next === undefined ) { + + next = new StructuredUniform( id ); + addUniform( container, next ); + + } + + container = next; + + } + + } + + } + + // Root Container + + function WebGLUniforms( gl, program, renderer ) { + + UniformContainer.call( this ); + + this.renderer = renderer; + + var n = gl.getProgramParameter( program, gl.ACTIVE_UNIFORMS ); + + for ( var i = 0; i < n; ++ i ) { + + var info = gl.getActiveUniform( program, i ), + addr = gl.getUniformLocation( program, info.name ); + + parseUniform( info, addr, this ); + + } + + } + + WebGLUniforms.prototype.setValue = function ( gl, name, value ) { + + var u = this.map[ name ]; + + if ( u !== undefined ) u.setValue( gl, value, this.renderer ); + + }; + + WebGLUniforms.prototype.setOptional = function ( gl, object, name ) { + + var v = object[ name ]; + + if ( v !== undefined ) this.setValue( gl, name, v ); + + }; + + + // Static interface + + WebGLUniforms.upload = function ( gl, seq, values, renderer ) { + + for ( var i = 0, n = seq.length; i !== n; ++ i ) { + + var u = seq[ i ], + v = values[ u.id ]; + + if ( v.needsUpdate !== false ) { + + // note: always updating when .needsUpdate is undefined + u.setValue( gl, v.value, renderer ); + + } + + } + + }; + + WebGLUniforms.seqWithValue = function ( seq, values ) { + + var r = []; + + for ( var i = 0, n = seq.length; i !== n; ++ i ) { + + var u = seq[ i ]; + if ( u.id in values ) r.push( u ); + + } + + return r; + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function addLineNumbers( string ) { + + var lines = string.split( '\n' ); + + for ( var i = 0; i < lines.length; i ++ ) { + + lines[ i ] = ( i + 1 ) + ': ' + lines[ i ]; + + } + + return lines.join( '\n' ); + + } + + function WebGLShader( gl, type, string ) { + + var shader = gl.createShader( type ); + + gl.shaderSource( shader, string ); + gl.compileShader( shader ); + + if ( gl.getShaderParameter( shader, gl.COMPILE_STATUS ) === false ) { + + console.error( 'THREE.WebGLShader: Shader couldn\'t compile.' ); + + } + + if ( gl.getShaderInfoLog( shader ) !== '' ) { + + console.warn( 'THREE.WebGLShader: gl.getShaderInfoLog()', type === gl.VERTEX_SHADER ? 'vertex' : 'fragment', gl.getShaderInfoLog( shader ), addLineNumbers( string ) ); + + } + + // --enable-privileged-webgl-extension + // console.log( type, gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( shader ) ); + + return shader; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + var programIdCount = 0; + + function getEncodingComponents( encoding ) { + + switch ( encoding ) { + + case LinearEncoding: + return [ 'Linear', '( value )' ]; + case sRGBEncoding: + return [ 'sRGB', '( value )' ]; + case RGBEEncoding: + return [ 'RGBE', '( value )' ]; + case RGBM7Encoding: + return [ 'RGBM', '( value, 7.0 )' ]; + case RGBM16Encoding: + return [ 'RGBM', '( value, 16.0 )' ]; + case RGBDEncoding: + return [ 'RGBD', '( value, 256.0 )' ]; + case GammaEncoding: + return [ 'Gamma', '( value, float( GAMMA_FACTOR ) )' ]; + default: + throw new Error( 'unsupported encoding: ' + encoding ); + + } + + } + + function getTexelDecodingFunction( functionName, encoding ) { + + var components = getEncodingComponents( encoding ); + return 'vec4 ' + functionName + '( vec4 value ) { return ' + components[ 0 ] + 'ToLinear' + components[ 1 ] + '; }'; + + } + + function getTexelEncodingFunction( functionName, encoding ) { + + var components = getEncodingComponents( encoding ); + return 'vec4 ' + functionName + '( vec4 value ) { return LinearTo' + components[ 0 ] + components[ 1 ] + '; }'; + + } + + function getToneMappingFunction( functionName, toneMapping ) { + + var toneMappingName; + + switch ( toneMapping ) { + + case LinearToneMapping: + toneMappingName = 'Linear'; + break; + + case ReinhardToneMapping: + toneMappingName = 'Reinhard'; + break; + + case Uncharted2ToneMapping: + toneMappingName = 'Uncharted2'; + break; + + case CineonToneMapping: + toneMappingName = 'OptimizedCineon'; + break; + + default: + throw new Error( 'unsupported toneMapping: ' + toneMapping ); + + } + + return 'vec3 ' + functionName + '( vec3 color ) { return ' + toneMappingName + 'ToneMapping( color ); }'; + + } + + function generateExtensions( extensions, parameters, rendererExtensions ) { + + extensions = extensions || {}; + + var chunks = [ + ( extensions.derivatives || parameters.envMapCubeUV || parameters.bumpMap || parameters.normalMap || parameters.flatShading ) ? '#extension GL_OES_standard_derivatives : enable' : '', + ( extensions.fragDepth || parameters.logarithmicDepthBuffer ) && rendererExtensions.get( 'EXT_frag_depth' ) ? '#extension GL_EXT_frag_depth : enable' : '', + ( extensions.drawBuffers ) && rendererExtensions.get( 'WEBGL_draw_buffers' ) ? '#extension GL_EXT_draw_buffers : require' : '', + ( extensions.shaderTextureLOD || parameters.envMap ) && rendererExtensions.get( 'EXT_shader_texture_lod' ) ? '#extension GL_EXT_shader_texture_lod : enable' : '' + ]; + + return chunks.filter( filterEmptyLine ).join( '\n' ); + + } + + function generateDefines( defines ) { + + var chunks = []; + + for ( var name in defines ) { + + var value = defines[ name ]; + + if ( value === false ) continue; + + chunks.push( '#define ' + name + ' ' + value ); + + } + + return chunks.join( '\n' ); + + } + + function fetchAttributeLocations( gl, program ) { + + var attributes = {}; + + var n = gl.getProgramParameter( program, gl.ACTIVE_ATTRIBUTES ); + + for ( var i = 0; i < n; i ++ ) { + + var info = gl.getActiveAttrib( program, i ); + var name = info.name; + + // console.log( 'THREE.WebGLProgram: ACTIVE VERTEX ATTRIBUTE:', name, i ); + + attributes[ name ] = gl.getAttribLocation( program, name ); + + } + + return attributes; + + } + + function filterEmptyLine( string ) { + + return string !== ''; + + } + + function replaceLightNums( string, parameters ) { + + return string + .replace( /NUM_DIR_LIGHTS/g, parameters.numDirLights ) + .replace( /NUM_SPOT_LIGHTS/g, parameters.numSpotLights ) + .replace( /NUM_RECT_AREA_LIGHTS/g, parameters.numRectAreaLights ) + .replace( /NUM_POINT_LIGHTS/g, parameters.numPointLights ) + .replace( /NUM_HEMI_LIGHTS/g, parameters.numHemiLights ); + + } + + function replaceClippingPlaneNums( string, parameters ) { + + return string + .replace( /NUM_CLIPPING_PLANES/g, parameters.numClippingPlanes ) + .replace( /UNION_CLIPPING_PLANES/g, ( parameters.numClippingPlanes - parameters.numClipIntersection ) ); + + } + + function parseIncludes( string ) { + + var pattern = /^[ \t]*#include +<([\w\d.]+)>/gm; + + function replace( match, include ) { + + var replace = ShaderChunk[ include ]; + + if ( replace === undefined ) { + + throw new Error( 'Can not resolve #include <' + include + '>' ); + + } + + return parseIncludes( replace ); + + } + + return string.replace( pattern, replace ); + + } + + function unrollLoops( string ) { + + var pattern = /#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g; + + function replace( match, start, end, snippet ) { + + var unroll = ''; + + for ( var i = parseInt( start ); i < parseInt( end ); i ++ ) { + + unroll += snippet.replace( /\[ i \]/g, '[ ' + i + ' ]' ); + + } + + return unroll; + + } + + return string.replace( pattern, replace ); + + } + + function WebGLProgram( renderer, extensions, code, material, shader, parameters ) { + + var gl = renderer.context; + + var defines = material.defines; + + var vertexShader = shader.vertexShader; + var fragmentShader = shader.fragmentShader; + + var shadowMapTypeDefine = 'SHADOWMAP_TYPE_BASIC'; + + if ( parameters.shadowMapType === PCFShadowMap ) { + + shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF'; + + } else if ( parameters.shadowMapType === PCFSoftShadowMap ) { + + shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF_SOFT'; + + } + + var envMapTypeDefine = 'ENVMAP_TYPE_CUBE'; + var envMapModeDefine = 'ENVMAP_MODE_REFLECTION'; + var envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY'; + + if ( parameters.envMap ) { + + switch ( material.envMap.mapping ) { + + case CubeReflectionMapping: + case CubeRefractionMapping: + envMapTypeDefine = 'ENVMAP_TYPE_CUBE'; + break; + + case CubeUVReflectionMapping: + case CubeUVRefractionMapping: + envMapTypeDefine = 'ENVMAP_TYPE_CUBE_UV'; + break; + + case EquirectangularReflectionMapping: + case EquirectangularRefractionMapping: + envMapTypeDefine = 'ENVMAP_TYPE_EQUIREC'; + break; + + case SphericalReflectionMapping: + envMapTypeDefine = 'ENVMAP_TYPE_SPHERE'; + break; + + } + + switch ( material.envMap.mapping ) { + + case CubeRefractionMapping: + case EquirectangularRefractionMapping: + envMapModeDefine = 'ENVMAP_MODE_REFRACTION'; + break; + + } + + switch ( material.combine ) { + + case MultiplyOperation: + envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY'; + break; + + case MixOperation: + envMapBlendingDefine = 'ENVMAP_BLENDING_MIX'; + break; + + case AddOperation: + envMapBlendingDefine = 'ENVMAP_BLENDING_ADD'; + break; + + } + + } + + var gammaFactorDefine = ( renderer.gammaFactor > 0 ) ? renderer.gammaFactor : 1.0; + + // console.log( 'building new program ' ); + + // + + var customExtensions = generateExtensions( material.extensions, parameters, extensions ); + + var customDefines = generateDefines( defines ); + + // + + var program = gl.createProgram(); + + var prefixVertex, prefixFragment; + + if ( material.isRawShaderMaterial ) { + + prefixVertex = [ + + customDefines + + ].filter( filterEmptyLine ).join( '\n' ); + + if ( prefixVertex.length > 0 ) { + + prefixVertex += '\n'; + + } + + prefixFragment = [ + + customExtensions, + customDefines + + ].filter( filterEmptyLine ).join( '\n' ); + + if ( prefixFragment.length > 0 ) { + + prefixFragment += '\n'; + + } + + } else { + + prefixVertex = [ + + 'precision ' + parameters.precision + ' float;', + 'precision ' + parameters.precision + ' int;', + + '#define SHADER_NAME ' + shader.name, + + customDefines, + + parameters.supportsVertexTextures ? '#define VERTEX_TEXTURES' : '', + + '#define GAMMA_FACTOR ' + gammaFactorDefine, + + '#define MAX_BONES ' + parameters.maxBones, + ( parameters.useFog && parameters.fog ) ? '#define USE_FOG' : '', + ( parameters.useFog && parameters.fogExp ) ? '#define FOG_EXP2' : '', + + parameters.map ? '#define USE_MAP' : '', + parameters.envMap ? '#define USE_ENVMAP' : '', + parameters.envMap ? '#define ' + envMapModeDefine : '', + parameters.lightMap ? '#define USE_LIGHTMAP' : '', + parameters.aoMap ? '#define USE_AOMAP' : '', + parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '', + parameters.bumpMap ? '#define USE_BUMPMAP' : '', + parameters.normalMap ? '#define USE_NORMALMAP' : '', + parameters.displacementMap && parameters.supportsVertexTextures ? '#define USE_DISPLACEMENTMAP' : '', + parameters.specularMap ? '#define USE_SPECULARMAP' : '', + parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', + parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', + parameters.alphaMap ? '#define USE_ALPHAMAP' : '', + parameters.vertexColors ? '#define USE_COLOR' : '', + + parameters.flatShading ? '#define FLAT_SHADED' : '', + + parameters.skinning ? '#define USE_SKINNING' : '', + parameters.useVertexTexture ? '#define BONE_TEXTURE' : '', + + parameters.morphTargets ? '#define USE_MORPHTARGETS' : '', + parameters.morphNormals && parameters.flatShading === false ? '#define USE_MORPHNORMALS' : '', + parameters.doubleSided ? '#define DOUBLE_SIDED' : '', + parameters.flipSided ? '#define FLIP_SIDED' : '', + + parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '', + parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '', + + parameters.sizeAttenuation ? '#define USE_SIZEATTENUATION' : '', + + parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '', + parameters.logarithmicDepthBuffer && extensions.get( 'EXT_frag_depth' ) ? '#define USE_LOGDEPTHBUF_EXT' : '', + + 'uniform mat4 modelMatrix;', + 'uniform mat4 modelViewMatrix;', + 'uniform mat4 projectionMatrix;', + 'uniform mat4 viewMatrix;', + 'uniform mat3 normalMatrix;', + 'uniform vec3 cameraPosition;', + + 'attribute vec3 position;', + 'attribute vec3 normal;', + 'attribute vec2 uv;', + + '#ifdef USE_COLOR', + + ' attribute vec3 color;', + + '#endif', + + '#ifdef USE_MORPHTARGETS', + + ' attribute vec3 morphTarget0;', + ' attribute vec3 morphTarget1;', + ' attribute vec3 morphTarget2;', + ' attribute vec3 morphTarget3;', + + ' #ifdef USE_MORPHNORMALS', + + ' attribute vec3 morphNormal0;', + ' attribute vec3 morphNormal1;', + ' attribute vec3 morphNormal2;', + ' attribute vec3 morphNormal3;', + + ' #else', + + ' attribute vec3 morphTarget4;', + ' attribute vec3 morphTarget5;', + ' attribute vec3 morphTarget6;', + ' attribute vec3 morphTarget7;', + + ' #endif', + + '#endif', + + '#ifdef USE_SKINNING', + + ' attribute vec4 skinIndex;', + ' attribute vec4 skinWeight;', + + '#endif', + + '\n' + + ].filter( filterEmptyLine ).join( '\n' ); + + prefixFragment = [ + + customExtensions, + + 'precision ' + parameters.precision + ' float;', + 'precision ' + parameters.precision + ' int;', + + '#define SHADER_NAME ' + shader.name, + + customDefines, + + parameters.alphaTest ? '#define ALPHATEST ' + parameters.alphaTest + ( parameters.alphaTest % 1 ? '' : '.0' ) : '', // add '.0' if integer + + '#define GAMMA_FACTOR ' + gammaFactorDefine, + + ( parameters.useFog && parameters.fog ) ? '#define USE_FOG' : '', + ( parameters.useFog && parameters.fogExp ) ? '#define FOG_EXP2' : '', + + parameters.map ? '#define USE_MAP' : '', + parameters.envMap ? '#define USE_ENVMAP' : '', + parameters.envMap ? '#define ' + envMapTypeDefine : '', + parameters.envMap ? '#define ' + envMapModeDefine : '', + parameters.envMap ? '#define ' + envMapBlendingDefine : '', + parameters.lightMap ? '#define USE_LIGHTMAP' : '', + parameters.aoMap ? '#define USE_AOMAP' : '', + parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '', + parameters.bumpMap ? '#define USE_BUMPMAP' : '', + parameters.normalMap ? '#define USE_NORMALMAP' : '', + parameters.specularMap ? '#define USE_SPECULARMAP' : '', + parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', + parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', + parameters.alphaMap ? '#define USE_ALPHAMAP' : '', + parameters.vertexColors ? '#define USE_COLOR' : '', + + parameters.gradientMap ? '#define USE_GRADIENTMAP' : '', + + parameters.flatShading ? '#define FLAT_SHADED' : '', + + parameters.doubleSided ? '#define DOUBLE_SIDED' : '', + parameters.flipSided ? '#define FLIP_SIDED' : '', + + parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '', + parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '', + + parameters.premultipliedAlpha ? '#define PREMULTIPLIED_ALPHA' : '', + + parameters.physicallyCorrectLights ? '#define PHYSICALLY_CORRECT_LIGHTS' : '', + + parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '', + parameters.logarithmicDepthBuffer && extensions.get( 'EXT_frag_depth' ) ? '#define USE_LOGDEPTHBUF_EXT' : '', + + parameters.envMap && extensions.get( 'EXT_shader_texture_lod' ) ? '#define TEXTURE_LOD_EXT' : '', + + 'uniform mat4 viewMatrix;', + 'uniform vec3 cameraPosition;', + + ( parameters.toneMapping !== NoToneMapping ) ? '#define TONE_MAPPING' : '', + ( parameters.toneMapping !== NoToneMapping ) ? ShaderChunk[ 'tonemapping_pars_fragment' ] : '', // this code is required here because it is used by the toneMapping() function defined below + ( parameters.toneMapping !== NoToneMapping ) ? getToneMappingFunction( 'toneMapping', parameters.toneMapping ) : '', + + parameters.dithering ? '#define DITHERING' : '', + + ( parameters.outputEncoding || parameters.mapEncoding || parameters.envMapEncoding || parameters.emissiveMapEncoding ) ? ShaderChunk[ 'encodings_pars_fragment' ] : '', // this code is required here because it is used by the various encoding/decoding function defined below + parameters.mapEncoding ? getTexelDecodingFunction( 'mapTexelToLinear', parameters.mapEncoding ) : '', + parameters.envMapEncoding ? getTexelDecodingFunction( 'envMapTexelToLinear', parameters.envMapEncoding ) : '', + parameters.emissiveMapEncoding ? getTexelDecodingFunction( 'emissiveMapTexelToLinear', parameters.emissiveMapEncoding ) : '', + parameters.outputEncoding ? getTexelEncodingFunction( 'linearToOutputTexel', parameters.outputEncoding ) : '', + + parameters.depthPacking ? '#define DEPTH_PACKING ' + material.depthPacking : '', + + '\n' + + ].filter( filterEmptyLine ).join( '\n' ); + + } + + vertexShader = parseIncludes( vertexShader ); + vertexShader = replaceLightNums( vertexShader, parameters ); + vertexShader = replaceClippingPlaneNums( vertexShader, parameters ); + + fragmentShader = parseIncludes( fragmentShader ); + fragmentShader = replaceLightNums( fragmentShader, parameters ); + fragmentShader = replaceClippingPlaneNums( fragmentShader, parameters ); + + vertexShader = unrollLoops( vertexShader ); + fragmentShader = unrollLoops( fragmentShader ); + + var vertexGlsl = prefixVertex + vertexShader; + var fragmentGlsl = prefixFragment + fragmentShader; + + // console.log( '*VERTEX*', vertexGlsl ); + // console.log( '*FRAGMENT*', fragmentGlsl ); + + var glVertexShader = WebGLShader( gl, gl.VERTEX_SHADER, vertexGlsl ); + var glFragmentShader = WebGLShader( gl, gl.FRAGMENT_SHADER, fragmentGlsl ); + + gl.attachShader( program, glVertexShader ); + gl.attachShader( program, glFragmentShader ); + + // Force a particular attribute to index 0. + + if ( material.index0AttributeName !== undefined ) { + + gl.bindAttribLocation( program, 0, material.index0AttributeName ); + + } else if ( parameters.morphTargets === true ) { + + // programs with morphTargets displace position out of attribute 0 + gl.bindAttribLocation( program, 0, 'position' ); + + } + + gl.linkProgram( program ); + + var programLog = gl.getProgramInfoLog( program ).trim(); + var vertexLog = gl.getShaderInfoLog( glVertexShader ).trim(); + var fragmentLog = gl.getShaderInfoLog( glFragmentShader ).trim(); + + var runnable = true; + var haveDiagnostics = true; + + // console.log( '**VERTEX**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( glVertexShader ) ); + // console.log( '**FRAGMENT**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( glFragmentShader ) ); + + if ( gl.getProgramParameter( program, gl.LINK_STATUS ) === false ) { + + runnable = false; + + console.error( 'THREE.WebGLProgram: shader error: ', gl.getError(), 'gl.VALIDATE_STATUS', gl.getProgramParameter( program, gl.VALIDATE_STATUS ), 'gl.getProgramInfoLog', programLog, vertexLog, fragmentLog ); + + } else if ( programLog !== '' ) { + + console.warn( 'THREE.WebGLProgram: gl.getProgramInfoLog()', programLog ); + + } else if ( vertexLog === '' || fragmentLog === '' ) { + + haveDiagnostics = false; + + } + + if ( haveDiagnostics ) { + + this.diagnostics = { + + runnable: runnable, + material: material, + + programLog: programLog, + + vertexShader: { + + log: vertexLog, + prefix: prefixVertex + + }, + + fragmentShader: { + + log: fragmentLog, + prefix: prefixFragment + + } + + }; + + } + + // clean up + + gl.deleteShader( glVertexShader ); + gl.deleteShader( glFragmentShader ); + + // set up caching for uniform locations + + var cachedUniforms; + + this.getUniforms = function () { + + if ( cachedUniforms === undefined ) { + + cachedUniforms = new WebGLUniforms( gl, program, renderer ); + + } + + return cachedUniforms; + + }; + + // set up caching for attribute locations + + var cachedAttributes; + + this.getAttributes = function () { + + if ( cachedAttributes === undefined ) { + + cachedAttributes = fetchAttributeLocations( gl, program ); + + } + + return cachedAttributes; + + }; + + // free resource + + this.destroy = function () { + + gl.deleteProgram( program ); + this.program = undefined; + + }; + + // DEPRECATED + + Object.defineProperties( this, { + + uniforms: { + get: function () { + + console.warn( 'THREE.WebGLProgram: .uniforms is now .getUniforms().' ); + return this.getUniforms(); + + } + }, + + attributes: { + get: function () { + + console.warn( 'THREE.WebGLProgram: .attributes is now .getAttributes().' ); + return this.getAttributes(); + + } + } + + } ); + + + // + + this.name = shader.name; + this.id = programIdCount ++; + this.code = code; + this.usedTimes = 1; + this.program = program; + this.vertexShader = glVertexShader; + this.fragmentShader = glFragmentShader; + + return this; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLPrograms( renderer, extensions, capabilities ) { + + var programs = []; + + var shaderIDs = { + MeshDepthMaterial: 'depth', + MeshDistanceMaterial: 'distanceRGBA', + MeshNormalMaterial: 'normal', + MeshBasicMaterial: 'basic', + MeshLambertMaterial: 'lambert', + MeshPhongMaterial: 'phong', + MeshToonMaterial: 'phong', + MeshStandardMaterial: 'physical', + MeshPhysicalMaterial: 'physical', + LineBasicMaterial: 'basic', + LineDashedMaterial: 'dashed', + PointsMaterial: 'points', + ShadowMaterial: 'shadow' + }; + + var parameterNames = [ + "precision", "supportsVertexTextures", "map", "mapEncoding", "envMap", "envMapMode", "envMapEncoding", + "lightMap", "aoMap", "emissiveMap", "emissiveMapEncoding", "bumpMap", "normalMap", "displacementMap", "specularMap", + "roughnessMap", "metalnessMap", "gradientMap", + "alphaMap", "combine", "vertexColors", "fog", "useFog", "fogExp", + "flatShading", "sizeAttenuation", "logarithmicDepthBuffer", "skinning", + "maxBones", "useVertexTexture", "morphTargets", "morphNormals", + "maxMorphTargets", "maxMorphNormals", "premultipliedAlpha", + "numDirLights", "numPointLights", "numSpotLights", "numHemiLights", "numRectAreaLights", + "shadowMapEnabled", "shadowMapType", "toneMapping", 'physicallyCorrectLights', + "alphaTest", "doubleSided", "flipSided", "numClippingPlanes", "numClipIntersection", "depthPacking", "dithering" + ]; + + + function allocateBones( object ) { + + var skeleton = object.skeleton; + var bones = skeleton.bones; + + if ( capabilities.floatVertexTextures ) { + + return 1024; + + } else { + + // default for when object is not specified + // ( for example when prebuilding shader to be used with multiple objects ) + // + // - leave some extra space for other uniforms + // - limit here is ANGLE's 254 max uniform vectors + // (up to 54 should be safe) + + var nVertexUniforms = capabilities.maxVertexUniforms; + var nVertexMatrices = Math.floor( ( nVertexUniforms - 20 ) / 4 ); + + var maxBones = Math.min( nVertexMatrices, bones.length ); + + if ( maxBones < bones.length ) { + + console.warn( 'THREE.WebGLRenderer: Skeleton has ' + bones.length + ' bones. This GPU supports ' + maxBones + '.' ); + return 0; + + } + + return maxBones; + + } + + } + + function getTextureEncodingFromMap( map, gammaOverrideLinear ) { + + var encoding; + + if ( ! map ) { + + encoding = LinearEncoding; + + } else if ( map.isTexture ) { + + encoding = map.encoding; + + } else if ( map.isWebGLRenderTarget ) { + + console.warn( "THREE.WebGLPrograms.getTextureEncodingFromMap: don't use render targets as textures. Use their .texture property instead." ); + encoding = map.texture.encoding; + + } + + // add backwards compatibility for WebGLRenderer.gammaInput/gammaOutput parameter, should probably be removed at some point. + if ( encoding === LinearEncoding && gammaOverrideLinear ) { + + encoding = GammaEncoding; + + } + + return encoding; + + } + + this.getParameters = function ( material, lights, shadows, fog, nClipPlanes, nClipIntersection, object ) { + + var shaderID = shaderIDs[ material.type ]; + + // heuristics to create shader parameters according to lights in the scene + // (not to blow over maxLights budget) + + var maxBones = object.isSkinnedMesh ? allocateBones( object ) : 0; + var precision = capabilities.precision; + + if ( material.precision !== null ) { + + precision = capabilities.getMaxPrecision( material.precision ); + + if ( precision !== material.precision ) { + + console.warn( 'THREE.WebGLProgram.getParameters:', material.precision, 'not supported, using', precision, 'instead.' ); + + } + + } + + var currentRenderTarget = renderer.getRenderTarget(); + + var parameters = { + + shaderID: shaderID, + + precision: precision, + supportsVertexTextures: capabilities.vertexTextures, + outputEncoding: getTextureEncodingFromMap( ( ! currentRenderTarget ) ? null : currentRenderTarget.texture, renderer.gammaOutput ), + map: !! material.map, + mapEncoding: getTextureEncodingFromMap( material.map, renderer.gammaInput ), + envMap: !! material.envMap, + envMapMode: material.envMap && material.envMap.mapping, + envMapEncoding: getTextureEncodingFromMap( material.envMap, renderer.gammaInput ), + envMapCubeUV: ( !! material.envMap ) && ( ( material.envMap.mapping === CubeUVReflectionMapping ) || ( material.envMap.mapping === CubeUVRefractionMapping ) ), + lightMap: !! material.lightMap, + aoMap: !! material.aoMap, + emissiveMap: !! material.emissiveMap, + emissiveMapEncoding: getTextureEncodingFromMap( material.emissiveMap, renderer.gammaInput ), + bumpMap: !! material.bumpMap, + normalMap: !! material.normalMap, + displacementMap: !! material.displacementMap, + roughnessMap: !! material.roughnessMap, + metalnessMap: !! material.metalnessMap, + specularMap: !! material.specularMap, + alphaMap: !! material.alphaMap, + + gradientMap: !! material.gradientMap, + + combine: material.combine, + + vertexColors: material.vertexColors, + + fog: !! fog, + useFog: material.fog, + fogExp: ( fog && fog.isFogExp2 ), + + flatShading: material.flatShading, + + sizeAttenuation: material.sizeAttenuation, + logarithmicDepthBuffer: capabilities.logarithmicDepthBuffer, + + skinning: material.skinning && maxBones > 0, + maxBones: maxBones, + useVertexTexture: capabilities.floatVertexTextures, + + morphTargets: material.morphTargets, + morphNormals: material.morphNormals, + maxMorphTargets: renderer.maxMorphTargets, + maxMorphNormals: renderer.maxMorphNormals, + + numDirLights: lights.directional.length, + numPointLights: lights.point.length, + numSpotLights: lights.spot.length, + numRectAreaLights: lights.rectArea.length, + numHemiLights: lights.hemi.length, + + numClippingPlanes: nClipPlanes, + numClipIntersection: nClipIntersection, + + dithering: material.dithering, + + shadowMapEnabled: renderer.shadowMap.enabled && object.receiveShadow && shadows.length > 0, + shadowMapType: renderer.shadowMap.type, + + toneMapping: renderer.toneMapping, + physicallyCorrectLights: renderer.physicallyCorrectLights, + + premultipliedAlpha: material.premultipliedAlpha, + + alphaTest: material.alphaTest, + doubleSided: material.side === DoubleSide, + flipSided: material.side === BackSide, + + depthPacking: ( material.depthPacking !== undefined ) ? material.depthPacking : false + + }; + + return parameters; + + }; + + this.getProgramCode = function ( material, parameters ) { + + var array = []; + + if ( parameters.shaderID ) { + + array.push( parameters.shaderID ); + + } else { + + array.push( material.fragmentShader ); + array.push( material.vertexShader ); + + } + + if ( material.defines !== undefined ) { + + for ( var name in material.defines ) { + + array.push( name ); + array.push( material.defines[ name ] ); + + } + + } + + for ( var i = 0; i < parameterNames.length; i ++ ) { + + array.push( parameters[ parameterNames[ i ] ] ); + + } + + array.push( material.onBeforeCompile.toString() ); + + array.push( renderer.gammaOutput ); + + return array.join(); + + }; + + this.acquireProgram = function ( material, shader, parameters, code ) { + + var program; + + // Check if code has been already compiled + for ( var p = 0, pl = programs.length; p < pl; p ++ ) { + + var programInfo = programs[ p ]; + + if ( programInfo.code === code ) { + + program = programInfo; + ++ program.usedTimes; + + break; + + } + + } + + if ( program === undefined ) { + + program = new WebGLProgram( renderer, extensions, code, material, shader, parameters ); + programs.push( program ); + + } + + return program; + + }; + + this.releaseProgram = function ( program ) { + + if ( -- program.usedTimes === 0 ) { + + // Remove from unordered set + var i = programs.indexOf( program ); + programs[ i ] = programs[ programs.length - 1 ]; + programs.pop(); + + // Free WebGL resources + program.destroy(); + + } + + }; + + // Exposed for resource monitoring & error feedback via renderer.info: + this.programs = programs; + + } + + /** + * @author fordacious / fordacious.github.io + */ + + function WebGLProperties() { + + var properties = new WeakMap(); + + function get( object ) { + + var map = properties.get( object ); + + if ( map === undefined ) { + + map = {}; + properties.set( object, map ); + + } + + return map; + + } + + function remove( object ) { + + properties.delete( object ); + + } + + function update( object, key, value ) { + + properties.get( object )[ key ] = value; + + } + + function dispose() { + + properties = new WeakMap(); + + } + + return { + get: get, + remove: remove, + update: update, + dispose: dispose + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function painterSortStable( a, b ) { + + if ( a.renderOrder !== b.renderOrder ) { + + return a.renderOrder - b.renderOrder; + + } else if ( a.program && b.program && a.program !== b.program ) { + + return a.program.id - b.program.id; + + } else if ( a.material.id !== b.material.id ) { + + return a.material.id - b.material.id; + + } else if ( a.z !== b.z ) { + + return a.z - b.z; + + } else { + + return a.id - b.id; + + } + + } + + function reversePainterSortStable( a, b ) { + + if ( a.renderOrder !== b.renderOrder ) { + + return a.renderOrder - b.renderOrder; + + } if ( a.z !== b.z ) { + + return b.z - a.z; + + } else { + + return a.id - b.id; + + } + + } + + function WebGLRenderList() { + + var renderItems = []; + var renderItemsIndex = 0; + + var opaque = []; + var transparent = []; + + function init() { + + renderItemsIndex = 0; + + opaque.length = 0; + transparent.length = 0; + + } + + function push( object, geometry, material, z, group ) { + + var renderItem = renderItems[ renderItemsIndex ]; + + if ( renderItem === undefined ) { + + renderItem = { + id: object.id, + object: object, + geometry: geometry, + material: material, + program: material.program, + renderOrder: object.renderOrder, + z: z, + group: group + }; + + renderItems[ renderItemsIndex ] = renderItem; + + } else { + + renderItem.id = object.id; + renderItem.object = object; + renderItem.geometry = geometry; + renderItem.material = material; + renderItem.program = material.program; + renderItem.renderOrder = object.renderOrder; + renderItem.z = z; + renderItem.group = group; + + } + + ( material.transparent === true ? transparent : opaque ).push( renderItem ); + + renderItemsIndex ++; + + } + + function sort() { + + if ( opaque.length > 1 ) opaque.sort( painterSortStable ); + if ( transparent.length > 1 ) transparent.sort( reversePainterSortStable ); + + } + + return { + opaque: opaque, + transparent: transparent, + + init: init, + push: push, + + sort: sort + }; + + } + + function WebGLRenderLists() { + + var lists = {}; + + function get( scene, camera ) { + + var hash = scene.id + ',' + camera.id; + var list = lists[ hash ]; + + if ( list === undefined ) { + + // console.log( 'THREE.WebGLRenderLists:', hash ); + + list = new WebGLRenderList(); + lists[ hash ] = list; + + } + + return list; + + } + + function dispose() { + + lists = {}; + + } + + return { + get: get, + dispose: dispose + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function UniformsCache() { + + var lights = {}; + + return { + + get: function ( light ) { + + if ( lights[ light.id ] !== undefined ) { + + return lights[ light.id ]; + + } + + var uniforms; + + switch ( light.type ) { + + case 'DirectionalLight': + uniforms = { + direction: new Vector3(), + color: new Color(), + + shadow: false, + shadowBias: 0, + shadowRadius: 1, + shadowMapSize: new Vector2() + }; + break; + + case 'SpotLight': + uniforms = { + position: new Vector3(), + direction: new Vector3(), + color: new Color(), + distance: 0, + coneCos: 0, + penumbraCos: 0, + decay: 0, + + shadow: false, + shadowBias: 0, + shadowRadius: 1, + shadowMapSize: new Vector2() + }; + break; + + case 'PointLight': + uniforms = { + position: new Vector3(), + color: new Color(), + distance: 0, + decay: 0, + + shadow: false, + shadowBias: 0, + shadowRadius: 1, + shadowMapSize: new Vector2(), + shadowCameraNear: 1, + shadowCameraFar: 1000 + }; + break; + + case 'HemisphereLight': + uniforms = { + direction: new Vector3(), + skyColor: new Color(), + groundColor: new Color() + }; + break; + + case 'RectAreaLight': + uniforms = { + color: new Color(), + position: new Vector3(), + halfWidth: new Vector3(), + halfHeight: new Vector3() + // TODO (abelnation): set RectAreaLight shadow uniforms + }; + break; + + } + + lights[ light.id ] = uniforms; + + return uniforms; + + } + + }; + + } + + var count = 0; + + function WebGLLights() { + + var cache = new UniformsCache(); + + var state = { + + id: count ++, + + hash: '', + + ambient: [ 0, 0, 0 ], + directional: [], + directionalShadowMap: [], + directionalShadowMatrix: [], + spot: [], + spotShadowMap: [], + spotShadowMatrix: [], + rectArea: [], + point: [], + pointShadowMap: [], + pointShadowMatrix: [], + hemi: [] + + }; + + var vector3 = new Vector3(); + var matrix4 = new Matrix4(); + var matrix42 = new Matrix4(); + + function setup( lights, shadows, camera ) { + + var r = 0, g = 0, b = 0; + + var directionalLength = 0; + var pointLength = 0; + var spotLength = 0; + var rectAreaLength = 0; + var hemiLength = 0; + + var viewMatrix = camera.matrixWorldInverse; + + for ( var i = 0, l = lights.length; i < l; i ++ ) { + + var light = lights[ i ]; + + var color = light.color; + var intensity = light.intensity; + var distance = light.distance; + + var shadowMap = ( light.shadow && light.shadow.map ) ? light.shadow.map.texture : null; + + if ( light.isAmbientLight ) { + + r += color.r * intensity; + g += color.g * intensity; + b += color.b * intensity; + + } else if ( light.isDirectionalLight ) { + + var uniforms = cache.get( light ); + + uniforms.color.copy( light.color ).multiplyScalar( light.intensity ); + uniforms.direction.setFromMatrixPosition( light.matrixWorld ); + vector3.setFromMatrixPosition( light.target.matrixWorld ); + uniforms.direction.sub( vector3 ); + uniforms.direction.transformDirection( viewMatrix ); + + uniforms.shadow = light.castShadow; + + if ( light.castShadow ) { + + var shadow = light.shadow; + + uniforms.shadowBias = shadow.bias; + uniforms.shadowRadius = shadow.radius; + uniforms.shadowMapSize = shadow.mapSize; + + } + + state.directionalShadowMap[ directionalLength ] = shadowMap; + state.directionalShadowMatrix[ directionalLength ] = light.shadow.matrix; + state.directional[ directionalLength ] = uniforms; + + directionalLength ++; + + } else if ( light.isSpotLight ) { + + var uniforms = cache.get( light ); + + uniforms.position.setFromMatrixPosition( light.matrixWorld ); + uniforms.position.applyMatrix4( viewMatrix ); + + uniforms.color.copy( color ).multiplyScalar( intensity ); + uniforms.distance = distance; + + uniforms.direction.setFromMatrixPosition( light.matrixWorld ); + vector3.setFromMatrixPosition( light.target.matrixWorld ); + uniforms.direction.sub( vector3 ); + uniforms.direction.transformDirection( viewMatrix ); + + uniforms.coneCos = Math.cos( light.angle ); + uniforms.penumbraCos = Math.cos( light.angle * ( 1 - light.penumbra ) ); + uniforms.decay = ( light.distance === 0 ) ? 0.0 : light.decay; + + uniforms.shadow = light.castShadow; + + if ( light.castShadow ) { + + var shadow = light.shadow; + + uniforms.shadowBias = shadow.bias; + uniforms.shadowRadius = shadow.radius; + uniforms.shadowMapSize = shadow.mapSize; + + } + + state.spotShadowMap[ spotLength ] = shadowMap; + state.spotShadowMatrix[ spotLength ] = light.shadow.matrix; + state.spot[ spotLength ] = uniforms; + + spotLength ++; + + } else if ( light.isRectAreaLight ) { + + var uniforms = cache.get( light ); + + // (a) intensity is the total visible light emitted + //uniforms.color.copy( color ).multiplyScalar( intensity / ( light.width * light.height * Math.PI ) ); + + // (b) intensity is the brightness of the light + uniforms.color.copy( color ).multiplyScalar( intensity ); + + uniforms.position.setFromMatrixPosition( light.matrixWorld ); + uniforms.position.applyMatrix4( viewMatrix ); + + // extract local rotation of light to derive width/height half vectors + matrix42.identity(); + matrix4.copy( light.matrixWorld ); + matrix4.premultiply( viewMatrix ); + matrix42.extractRotation( matrix4 ); + + uniforms.halfWidth.set( light.width * 0.5, 0.0, 0.0 ); + uniforms.halfHeight.set( 0.0, light.height * 0.5, 0.0 ); + + uniforms.halfWidth.applyMatrix4( matrix42 ); + uniforms.halfHeight.applyMatrix4( matrix42 ); + + // TODO (abelnation): RectAreaLight distance? + // uniforms.distance = distance; + + state.rectArea[ rectAreaLength ] = uniforms; + + rectAreaLength ++; + + } else if ( light.isPointLight ) { + + var uniforms = cache.get( light ); + + uniforms.position.setFromMatrixPosition( light.matrixWorld ); + uniforms.position.applyMatrix4( viewMatrix ); + + uniforms.color.copy( light.color ).multiplyScalar( light.intensity ); + uniforms.distance = light.distance; + uniforms.decay = ( light.distance === 0 ) ? 0.0 : light.decay; + + uniforms.shadow = light.castShadow; + + if ( light.castShadow ) { + + var shadow = light.shadow; + + uniforms.shadowBias = shadow.bias; + uniforms.shadowRadius = shadow.radius; + uniforms.shadowMapSize = shadow.mapSize; + uniforms.shadowCameraNear = shadow.camera.near; + uniforms.shadowCameraFar = shadow.camera.far; + + } + + state.pointShadowMap[ pointLength ] = shadowMap; + state.pointShadowMatrix[ pointLength ] = light.shadow.matrix; + state.point[ pointLength ] = uniforms; + + pointLength ++; + + } else if ( light.isHemisphereLight ) { + + var uniforms = cache.get( light ); + + uniforms.direction.setFromMatrixPosition( light.matrixWorld ); + uniforms.direction.transformDirection( viewMatrix ); + uniforms.direction.normalize(); + + uniforms.skyColor.copy( light.color ).multiplyScalar( intensity ); + uniforms.groundColor.copy( light.groundColor ).multiplyScalar( intensity ); + + state.hemi[ hemiLength ] = uniforms; + + hemiLength ++; + + } + + } + + state.ambient[ 0 ] = r; + state.ambient[ 1 ] = g; + state.ambient[ 2 ] = b; + + state.directional.length = directionalLength; + state.spot.length = spotLength; + state.rectArea.length = rectAreaLength; + state.point.length = pointLength; + state.hemi.length = hemiLength; + + state.hash = state.id + ',' + directionalLength + ',' + pointLength + ',' + spotLength + ',' + rectAreaLength + ',' + hemiLength + ',' + shadows.length; + + } + + return { + setup: setup, + state: state + }; + + } + + /** + * @author Mugen87 / https://github.com/Mugen87 + */ + + function WebGLRenderState() { + + var lights = new WebGLLights(); + + var lightsArray = []; + var shadowsArray = []; + var spritesArray = []; + + function init() { + + lightsArray.length = 0; + shadowsArray.length = 0; + spritesArray.length = 0; + + } + + function pushLight( light ) { + + lightsArray.push( light ); + + } + + function pushShadow( shadowLight ) { + + shadowsArray.push( shadowLight ); + + } + + function pushSprite( shadowLight ) { + + spritesArray.push( shadowLight ); + + } + + function setupLights( camera ) { + + lights.setup( lightsArray, shadowsArray, camera ); + + } + + var state = { + lightsArray: lightsArray, + shadowsArray: shadowsArray, + spritesArray: spritesArray, + + lights: lights + }; + + return { + init: init, + state: state, + setupLights: setupLights, + + pushLight: pushLight, + pushShadow: pushShadow, + pushSprite: pushSprite + }; + + } + + function WebGLRenderStates() { + + var renderStates = {}; + + function get( scene, camera ) { + + var hash = scene.id + ',' + camera.id; + + var renderState = renderStates[ hash ]; + + if ( renderState === undefined ) { + + renderState = new WebGLRenderState(); + renderStates[ hash ] = renderState; + + } + + return renderState; + + } + + function dispose() { + + renderStates = {}; + + } + + return { + get: get, + dispose: dispose + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * @author bhouston / https://clara.io + * @author WestLangley / http://github.com/WestLangley + * + * parameters = { + * + * opacity: , + * + * map: new THREE.Texture( ), + * + * alphaMap: new THREE.Texture( ), + * + * displacementMap: new THREE.Texture( ), + * displacementScale: , + * displacementBias: , + * + * wireframe: , + * wireframeLinewidth: + * } + */ + + function MeshDepthMaterial( parameters ) { + + Material.call( this ); + + this.type = 'MeshDepthMaterial'; + + this.depthPacking = BasicDepthPacking; + + this.skinning = false; + this.morphTargets = false; + + this.map = null; + + this.alphaMap = null; + + this.displacementMap = null; + this.displacementScale = 1; + this.displacementBias = 0; + + this.wireframe = false; + this.wireframeLinewidth = 1; + + this.fog = false; + this.lights = false; + + this.setValues( parameters ); + + } + + MeshDepthMaterial.prototype = Object.create( Material.prototype ); + MeshDepthMaterial.prototype.constructor = MeshDepthMaterial; + + MeshDepthMaterial.prototype.isMeshDepthMaterial = true; + + MeshDepthMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.depthPacking = source.depthPacking; + + this.skinning = source.skinning; + this.morphTargets = source.morphTargets; + + this.map = source.map; + + this.alphaMap = source.alphaMap; + + this.displacementMap = source.displacementMap; + this.displacementScale = source.displacementScale; + this.displacementBias = source.displacementBias; + + this.wireframe = source.wireframe; + this.wireframeLinewidth = source.wireframeLinewidth; + + return this; + + }; + + /** + * @author WestLangley / http://github.com/WestLangley + * + * parameters = { + * + * referencePosition: , + * nearDistance: , + * farDistance: , + * + * skinning: , + * morphTargets: , + * + * map: new THREE.Texture( ), + * + * alphaMap: new THREE.Texture( ), + * + * displacementMap: new THREE.Texture( ), + * displacementScale: , + * displacementBias: + * + * } + */ + + function MeshDistanceMaterial( parameters ) { + + Material.call( this ); + + this.type = 'MeshDistanceMaterial'; + + this.referencePosition = new Vector3(); + this.nearDistance = 1; + this.farDistance = 1000; + + this.skinning = false; + this.morphTargets = false; + + this.map = null; + + this.alphaMap = null; + + this.displacementMap = null; + this.displacementScale = 1; + this.displacementBias = 0; + + this.fog = false; + this.lights = false; + + this.setValues( parameters ); + + } + + MeshDistanceMaterial.prototype = Object.create( Material.prototype ); + MeshDistanceMaterial.prototype.constructor = MeshDistanceMaterial; + + MeshDistanceMaterial.prototype.isMeshDistanceMaterial = true; + + MeshDistanceMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.referencePosition.copy( source.referencePosition ); + this.nearDistance = source.nearDistance; + this.farDistance = source.farDistance; + + this.skinning = source.skinning; + this.morphTargets = source.morphTargets; + + this.map = source.map; + + this.alphaMap = source.alphaMap; + + this.displacementMap = source.displacementMap; + this.displacementScale = source.displacementScale; + this.displacementBias = source.displacementBias; + + return this; + + }; + + /** + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLShadowMap( _renderer, _objects, maxTextureSize ) { + + var _frustum = new Frustum(), + _projScreenMatrix = new Matrix4(), + + _shadowMapSize = new Vector2(), + _maxShadowMapSize = new Vector2( maxTextureSize, maxTextureSize ), + + _lookTarget = new Vector3(), + _lightPositionWorld = new Vector3(), + + _MorphingFlag = 1, + _SkinningFlag = 2, + + _NumberOfMaterialVariants = ( _MorphingFlag | _SkinningFlag ) + 1, + + _depthMaterials = new Array( _NumberOfMaterialVariants ), + _distanceMaterials = new Array( _NumberOfMaterialVariants ), + + _materialCache = {}; + + var shadowSide = { 0: BackSide, 1: FrontSide, 2: DoubleSide }; + + var cubeDirections = [ + new Vector3( 1, 0, 0 ), new Vector3( - 1, 0, 0 ), new Vector3( 0, 0, 1 ), + new Vector3( 0, 0, - 1 ), new Vector3( 0, 1, 0 ), new Vector3( 0, - 1, 0 ) + ]; + + var cubeUps = [ + new Vector3( 0, 1, 0 ), new Vector3( 0, 1, 0 ), new Vector3( 0, 1, 0 ), + new Vector3( 0, 1, 0 ), new Vector3( 0, 0, 1 ), new Vector3( 0, 0, - 1 ) + ]; + + var cube2DViewPorts = [ + new Vector4(), new Vector4(), new Vector4(), + new Vector4(), new Vector4(), new Vector4() + ]; + + // init + + for ( var i = 0; i !== _NumberOfMaterialVariants; ++ i ) { + + var useMorphing = ( i & _MorphingFlag ) !== 0; + var useSkinning = ( i & _SkinningFlag ) !== 0; + + var depthMaterial = new MeshDepthMaterial( { + + depthPacking: RGBADepthPacking, + + morphTargets: useMorphing, + skinning: useSkinning + + } ); + + _depthMaterials[ i ] = depthMaterial; + + // + + var distanceMaterial = new MeshDistanceMaterial( { + + morphTargets: useMorphing, + skinning: useSkinning + + } ); + + _distanceMaterials[ i ] = distanceMaterial; + + } + + // + + var scope = this; + + this.enabled = false; + + this.autoUpdate = true; + this.needsUpdate = false; + + this.type = PCFShadowMap; + + this.render = function ( lights, scene, camera ) { + + if ( scope.enabled === false ) return; + if ( scope.autoUpdate === false && scope.needsUpdate === false ) return; + + if ( lights.length === 0 ) return; + + // TODO Clean up (needed in case of contextlost) + var _gl = _renderer.context; + var _state = _renderer.state; + + // Set GL state for depth map. + _state.disable( _gl.BLEND ); + _state.buffers.color.setClear( 1, 1, 1, 1 ); + _state.buffers.depth.setTest( true ); + _state.setScissorTest( false ); + + // render depth map + + var faceCount; + + for ( var i = 0, il = lights.length; i < il; i ++ ) { + + var light = lights[ i ]; + var shadow = light.shadow; + var isPointLight = light && light.isPointLight; + + if ( shadow === undefined ) { + + console.warn( 'THREE.WebGLShadowMap:', light, 'has no shadow.' ); + continue; + + } + + var shadowCamera = shadow.camera; + + _shadowMapSize.copy( shadow.mapSize ); + _shadowMapSize.min( _maxShadowMapSize ); + + if ( isPointLight ) { + + var vpWidth = _shadowMapSize.x; + var vpHeight = _shadowMapSize.y; + + // These viewports map a cube-map onto a 2D texture with the + // following orientation: + // + // xzXZ + // y Y + // + // X - Positive x direction + // x - Negative x direction + // Y - Positive y direction + // y - Negative y direction + // Z - Positive z direction + // z - Negative z direction + + // positive X + cube2DViewPorts[ 0 ].set( vpWidth * 2, vpHeight, vpWidth, vpHeight ); + // negative X + cube2DViewPorts[ 1 ].set( 0, vpHeight, vpWidth, vpHeight ); + // positive Z + cube2DViewPorts[ 2 ].set( vpWidth * 3, vpHeight, vpWidth, vpHeight ); + // negative Z + cube2DViewPorts[ 3 ].set( vpWidth, vpHeight, vpWidth, vpHeight ); + // positive Y + cube2DViewPorts[ 4 ].set( vpWidth * 3, 0, vpWidth, vpHeight ); + // negative Y + cube2DViewPorts[ 5 ].set( vpWidth, 0, vpWidth, vpHeight ); + + _shadowMapSize.x *= 4.0; + _shadowMapSize.y *= 2.0; + + } + + if ( shadow.map === null ) { + + var pars = { minFilter: NearestFilter, magFilter: NearestFilter, format: RGBAFormat }; + + shadow.map = new WebGLRenderTarget( _shadowMapSize.x, _shadowMapSize.y, pars ); + shadow.map.texture.name = light.name + ".shadowMap"; + + shadowCamera.updateProjectionMatrix(); + + } + + if ( shadow.isSpotLightShadow ) { + + shadow.update( light ); + + } + + var shadowMap = shadow.map; + var shadowMatrix = shadow.matrix; + + _lightPositionWorld.setFromMatrixPosition( light.matrixWorld ); + shadowCamera.position.copy( _lightPositionWorld ); + + if ( isPointLight ) { + + faceCount = 6; + + // for point lights we set the shadow matrix to be a translation-only matrix + // equal to inverse of the light's position + + shadowMatrix.makeTranslation( - _lightPositionWorld.x, - _lightPositionWorld.y, - _lightPositionWorld.z ); + + } else { + + faceCount = 1; + + _lookTarget.setFromMatrixPosition( light.target.matrixWorld ); + shadowCamera.lookAt( _lookTarget ); + shadowCamera.updateMatrixWorld(); + + // compute shadow matrix + + shadowMatrix.set( + 0.5, 0.0, 0.0, 0.5, + 0.0, 0.5, 0.0, 0.5, + 0.0, 0.0, 0.5, 0.5, + 0.0, 0.0, 0.0, 1.0 + ); + + shadowMatrix.multiply( shadowCamera.projectionMatrix ); + shadowMatrix.multiply( shadowCamera.matrixWorldInverse ); + + } + + _renderer.setRenderTarget( shadowMap ); + _renderer.clear(); + + // render shadow map for each cube face (if omni-directional) or + // run a single pass if not + + for ( var face = 0; face < faceCount; face ++ ) { + + if ( isPointLight ) { + + _lookTarget.copy( shadowCamera.position ); + _lookTarget.add( cubeDirections[ face ] ); + shadowCamera.up.copy( cubeUps[ face ] ); + shadowCamera.lookAt( _lookTarget ); + shadowCamera.updateMatrixWorld(); + + var vpDimensions = cube2DViewPorts[ face ]; + _state.viewport( vpDimensions ); + + } + + // update camera matrices and frustum + + _projScreenMatrix.multiplyMatrices( shadowCamera.projectionMatrix, shadowCamera.matrixWorldInverse ); + _frustum.setFromMatrix( _projScreenMatrix ); + + // set object matrices & frustum culling + + renderObject( scene, camera, shadowCamera, isPointLight ); + + } + + } + + scope.needsUpdate = false; + + }; + + function getDepthMaterial( object, material, isPointLight, lightPositionWorld, shadowCameraNear, shadowCameraFar ) { + + var geometry = object.geometry; + + var result = null; + + var materialVariants = _depthMaterials; + var customMaterial = object.customDepthMaterial; + + if ( isPointLight ) { + + materialVariants = _distanceMaterials; + customMaterial = object.customDistanceMaterial; + + } + + if ( ! customMaterial ) { + + var useMorphing = false; + + if ( material.morphTargets ) { + + if ( geometry && geometry.isBufferGeometry ) { + + useMorphing = geometry.morphAttributes && geometry.morphAttributes.position && geometry.morphAttributes.position.length > 0; + + } else if ( geometry && geometry.isGeometry ) { + + useMorphing = geometry.morphTargets && geometry.morphTargets.length > 0; + + } + + } + + if ( object.isSkinnedMesh && material.skinning === false ) { + + console.warn( 'THREE.WebGLShadowMap: THREE.SkinnedMesh with material.skinning set to false:', object ); + + } + + var useSkinning = object.isSkinnedMesh && material.skinning; + + var variantIndex = 0; + + if ( useMorphing ) variantIndex |= _MorphingFlag; + if ( useSkinning ) variantIndex |= _SkinningFlag; + + result = materialVariants[ variantIndex ]; + + } else { + + result = customMaterial; + + } + + if ( _renderer.localClippingEnabled && + material.clipShadows === true && + material.clippingPlanes.length !== 0 ) { + + // in this case we need a unique material instance reflecting the + // appropriate state + + var keyA = result.uuid, keyB = material.uuid; + + var materialsForVariant = _materialCache[ keyA ]; + + if ( materialsForVariant === undefined ) { + + materialsForVariant = {}; + _materialCache[ keyA ] = materialsForVariant; + + } + + var cachedMaterial = materialsForVariant[ keyB ]; + + if ( cachedMaterial === undefined ) { + + cachedMaterial = result.clone(); + materialsForVariant[ keyB ] = cachedMaterial; + + } + + result = cachedMaterial; + + } + + result.visible = material.visible; + result.wireframe = material.wireframe; + + result.side = ( material.shadowSide != null ) ? material.shadowSide : shadowSide[ material.side ]; + + result.clipShadows = material.clipShadows; + result.clippingPlanes = material.clippingPlanes; + result.clipIntersection = material.clipIntersection; + + result.wireframeLinewidth = material.wireframeLinewidth; + result.linewidth = material.linewidth; + + if ( isPointLight && result.isMeshDistanceMaterial ) { + + result.referencePosition.copy( lightPositionWorld ); + result.nearDistance = shadowCameraNear; + result.farDistance = shadowCameraFar; + + } + + return result; + + } + + function renderObject( object, camera, shadowCamera, isPointLight ) { + + if ( object.visible === false ) return; + + var visible = object.layers.test( camera.layers ); + + if ( visible && ( object.isMesh || object.isLine || object.isPoints ) ) { + + if ( object.castShadow && ( ! object.frustumCulled || _frustum.intersectsObject( object ) ) ) { + + object.modelViewMatrix.multiplyMatrices( shadowCamera.matrixWorldInverse, object.matrixWorld ); + + var geometry = _objects.update( object ); + var material = object.material; + + if ( Array.isArray( material ) ) { + + var groups = geometry.groups; + + for ( var k = 0, kl = groups.length; k < kl; k ++ ) { + + var group = groups[ k ]; + var groupMaterial = material[ group.materialIndex ]; + + if ( groupMaterial && groupMaterial.visible ) { + + var depthMaterial = getDepthMaterial( object, groupMaterial, isPointLight, _lightPositionWorld, shadowCamera.near, shadowCamera.far ); + _renderer.renderBufferDirect( shadowCamera, null, geometry, depthMaterial, object, group ); + + } + + } + + } else if ( material.visible ) { + + var depthMaterial = getDepthMaterial( object, material, isPointLight, _lightPositionWorld, shadowCamera.near, shadowCamera.far ); + _renderer.renderBufferDirect( shadowCamera, null, geometry, depthMaterial, object, null ); + + } + + } + + } + + var children = object.children; + + for ( var i = 0, l = children.length; i < l; i ++ ) { + + renderObject( children[ i ], camera, shadowCamera, isPointLight ); + + } + + } + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function CanvasTexture( canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ) { + + Texture.call( this, canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ); + + this.needsUpdate = true; + + } + + CanvasTexture.prototype = Object.create( Texture.prototype ); + CanvasTexture.prototype.constructor = CanvasTexture; + CanvasTexture.prototype.isCanvasTexture = true; + + /** + * @author mikael emtinger / http://gomo.se/ + * @author alteredq / http://alteredqualia.com/ + */ + + function WebGLSpriteRenderer( renderer, gl, state, textures, capabilities ) { + + var vertexBuffer, elementBuffer; + var program, attributes, uniforms; + + var texture; + + // decompose matrixWorld + + var spritePosition = new Vector3(); + var spriteRotation = new Quaternion(); + var spriteScale = new Vector3(); + + function init() { + + var vertices = new Float32Array( [ + - 0.5, - 0.5, 0, 0, + 0.5, - 0.5, 1, 0, + 0.5, 0.5, 1, 1, + - 0.5, 0.5, 0, 1 + ] ); + + var faces = new Uint16Array( [ + 0, 1, 2, + 0, 2, 3 + ] ); + + vertexBuffer = gl.createBuffer(); + elementBuffer = gl.createBuffer(); + + gl.bindBuffer( gl.ARRAY_BUFFER, vertexBuffer ); + gl.bufferData( gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW ); + + gl.bindBuffer( gl.ELEMENT_ARRAY_BUFFER, elementBuffer ); + gl.bufferData( gl.ELEMENT_ARRAY_BUFFER, faces, gl.STATIC_DRAW ); + + program = createProgram(); + + attributes = { + position: gl.getAttribLocation( program, 'position' ), + uv: gl.getAttribLocation( program, 'uv' ) + }; + + uniforms = { + uvOffset: gl.getUniformLocation( program, 'uvOffset' ), + uvScale: gl.getUniformLocation( program, 'uvScale' ), + + rotation: gl.getUniformLocation( program, 'rotation' ), + center: gl.getUniformLocation( program, 'center' ), + scale: gl.getUniformLocation( program, 'scale' ), + + color: gl.getUniformLocation( program, 'color' ), + map: gl.getUniformLocation( program, 'map' ), + opacity: gl.getUniformLocation( program, 'opacity' ), + + modelViewMatrix: gl.getUniformLocation( program, 'modelViewMatrix' ), + projectionMatrix: gl.getUniformLocation( program, 'projectionMatrix' ), + + fogType: gl.getUniformLocation( program, 'fogType' ), + fogDensity: gl.getUniformLocation( program, 'fogDensity' ), + fogNear: gl.getUniformLocation( program, 'fogNear' ), + fogFar: gl.getUniformLocation( program, 'fogFar' ), + fogColor: gl.getUniformLocation( program, 'fogColor' ), + fogDepth: gl.getUniformLocation( program, 'fogDepth' ), + + alphaTest: gl.getUniformLocation( program, 'alphaTest' ) + }; + + var canvas = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' ); + canvas.width = 8; + canvas.height = 8; + + var context = canvas.getContext( '2d' ); + context.fillStyle = 'white'; + context.fillRect( 0, 0, 8, 8 ); + + texture = new CanvasTexture( canvas ); + + } + + this.render = function ( sprites, scene, camera ) { + + if ( sprites.length === 0 ) return; + + // setup gl + + if ( program === undefined ) { + + init(); + + } + + state.useProgram( program ); + + state.initAttributes(); + state.enableAttribute( attributes.position ); + state.enableAttribute( attributes.uv ); + state.disableUnusedAttributes(); + + state.disable( gl.CULL_FACE ); + state.enable( gl.BLEND ); + + gl.bindBuffer( gl.ARRAY_BUFFER, vertexBuffer ); + gl.vertexAttribPointer( attributes.position, 2, gl.FLOAT, false, 2 * 8, 0 ); + gl.vertexAttribPointer( attributes.uv, 2, gl.FLOAT, false, 2 * 8, 8 ); + + gl.bindBuffer( gl.ELEMENT_ARRAY_BUFFER, elementBuffer ); + + gl.uniformMatrix4fv( uniforms.projectionMatrix, false, camera.projectionMatrix.elements ); + + state.activeTexture( gl.TEXTURE0 ); + gl.uniform1i( uniforms.map, 0 ); + + var oldFogType = 0; + var sceneFogType = 0; + var fog = scene.fog; + + if ( fog ) { + + gl.uniform3f( uniforms.fogColor, fog.color.r, fog.color.g, fog.color.b ); + + if ( fog.isFog ) { + + gl.uniform1f( uniforms.fogNear, fog.near ); + gl.uniform1f( uniforms.fogFar, fog.far ); + + gl.uniform1i( uniforms.fogType, 1 ); + oldFogType = 1; + sceneFogType = 1; + + } else if ( fog.isFogExp2 ) { + + gl.uniform1f( uniforms.fogDensity, fog.density ); + + gl.uniform1i( uniforms.fogType, 2 ); + oldFogType = 2; + sceneFogType = 2; + + } + + } else { + + gl.uniform1i( uniforms.fogType, 0 ); + oldFogType = 0; + sceneFogType = 0; + + } + + + // update positions and sort + + for ( var i = 0, l = sprites.length; i < l; i ++ ) { + + var sprite = sprites[ i ]; + + sprite.modelViewMatrix.multiplyMatrices( camera.matrixWorldInverse, sprite.matrixWorld ); + sprite.z = - sprite.modelViewMatrix.elements[ 14 ]; + + } + + sprites.sort( painterSortStable ); + + // render all sprites + + var scale = []; + var center = []; + + for ( var i = 0, l = sprites.length; i < l; i ++ ) { + + var sprite = sprites[ i ]; + var material = sprite.material; + + if ( material.visible === false ) continue; + + sprite.onBeforeRender( renderer, scene, camera, undefined, material, undefined ); + + gl.uniform1f( uniforms.alphaTest, material.alphaTest ); + gl.uniformMatrix4fv( uniforms.modelViewMatrix, false, sprite.modelViewMatrix.elements ); + + sprite.matrixWorld.decompose( spritePosition, spriteRotation, spriteScale ); + + scale[ 0 ] = spriteScale.x; + scale[ 1 ] = spriteScale.y; + + center[ 0 ] = sprite.center.x - 0.5; + center[ 1 ] = sprite.center.y - 0.5; + + var fogType = 0; + + if ( scene.fog && material.fog ) { + + fogType = sceneFogType; + + } + + if ( oldFogType !== fogType ) { + + gl.uniform1i( uniforms.fogType, fogType ); + oldFogType = fogType; + + } + + if ( material.map !== null ) { + + gl.uniform2f( uniforms.uvOffset, material.map.offset.x, material.map.offset.y ); + gl.uniform2f( uniforms.uvScale, material.map.repeat.x, material.map.repeat.y ); + + } else { + + gl.uniform2f( uniforms.uvOffset, 0, 0 ); + gl.uniform2f( uniforms.uvScale, 1, 1 ); + + } + + gl.uniform1f( uniforms.opacity, material.opacity ); + gl.uniform3f( uniforms.color, material.color.r, material.color.g, material.color.b ); + + gl.uniform1f( uniforms.rotation, material.rotation ); + gl.uniform2fv( uniforms.center, center ); + gl.uniform2fv( uniforms.scale, scale ); + + state.setBlending( material.blending, material.blendEquation, material.blendSrc, material.blendDst, material.blendEquationAlpha, material.blendSrcAlpha, material.blendDstAlpha, material.premultipliedAlpha ); + state.buffers.depth.setTest( material.depthTest ); + state.buffers.depth.setMask( material.depthWrite ); + state.buffers.color.setMask( material.colorWrite ); + + textures.setTexture2D( material.map || texture, 0 ); + + gl.drawElements( gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0 ); + + sprite.onAfterRender( renderer, scene, camera, undefined, material, undefined ); + + } + + // restore gl + + state.enable( gl.CULL_FACE ); + + state.reset(); + + }; + + function createProgram() { + + var program = gl.createProgram(); + + var vertexShader = gl.createShader( gl.VERTEX_SHADER ); + var fragmentShader = gl.createShader( gl.FRAGMENT_SHADER ); + + gl.shaderSource( vertexShader, [ + + 'precision ' + capabilities.precision + ' float;', + + '#define SHADER_NAME ' + 'SpriteMaterial', + + 'uniform mat4 modelViewMatrix;', + 'uniform mat4 projectionMatrix;', + 'uniform float rotation;', + 'uniform vec2 center;', + 'uniform vec2 scale;', + 'uniform vec2 uvOffset;', + 'uniform vec2 uvScale;', + + 'attribute vec2 position;', + 'attribute vec2 uv;', + + 'varying vec2 vUV;', + 'varying float fogDepth;', + + 'void main() {', + + ' vUV = uvOffset + uv * uvScale;', + + ' vec2 alignedPosition = ( position - center ) * scale;', + + ' vec2 rotatedPosition;', + ' rotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;', + ' rotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;', + + ' vec4 mvPosition;', + + ' mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );', + ' mvPosition.xy += rotatedPosition;', + + ' gl_Position = projectionMatrix * mvPosition;', + + ' fogDepth = - mvPosition.z;', + + '}' + + ].join( '\n' ) ); + + gl.shaderSource( fragmentShader, [ + + 'precision ' + capabilities.precision + ' float;', + + '#define SHADER_NAME ' + 'SpriteMaterial', + + 'uniform vec3 color;', + 'uniform sampler2D map;', + 'uniform float opacity;', + + 'uniform int fogType;', + 'uniform vec3 fogColor;', + 'uniform float fogDensity;', + 'uniform float fogNear;', + 'uniform float fogFar;', + 'uniform float alphaTest;', + + 'varying vec2 vUV;', + 'varying float fogDepth;', + + 'void main() {', + + ' vec4 texture = texture2D( map, vUV );', + + ' gl_FragColor = vec4( color * texture.xyz, texture.a * opacity );', + + ' if ( gl_FragColor.a < alphaTest ) discard;', + + ' if ( fogType > 0 ) {', + + ' float fogFactor = 0.0;', + + ' if ( fogType == 1 ) {', + + ' fogFactor = smoothstep( fogNear, fogFar, fogDepth );', + + ' } else {', + + ' const float LOG2 = 1.442695;', + ' fogFactor = exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 );', + ' fogFactor = 1.0 - clamp( fogFactor, 0.0, 1.0 );', + + ' }', + + ' gl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );', + + ' }', + + '}' + + ].join( '\n' ) ); + + gl.compileShader( vertexShader ); + gl.compileShader( fragmentShader ); + + gl.attachShader( program, vertexShader ); + gl.attachShader( program, fragmentShader ); + + gl.linkProgram( program ); + + return program; + + } + + function painterSortStable( a, b ) { + + if ( a.renderOrder !== b.renderOrder ) { + + return a.renderOrder - b.renderOrder; + + } else if ( a.z !== b.z ) { + + return b.z - a.z; + + } else { + + return b.id - a.id; + + } + + } + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLState( gl, extensions, utils ) { + + function ColorBuffer() { + + var locked = false; + + var color = new Vector4(); + var currentColorMask = null; + var currentColorClear = new Vector4( 0, 0, 0, 0 ); + + return { + + setMask: function ( colorMask ) { + + if ( currentColorMask !== colorMask && ! locked ) { + + gl.colorMask( colorMask, colorMask, colorMask, colorMask ); + currentColorMask = colorMask; + + } + + }, + + setLocked: function ( lock ) { + + locked = lock; + + }, + + setClear: function ( r, g, b, a, premultipliedAlpha ) { + + if ( premultipliedAlpha === true ) { + + r *= a; g *= a; b *= a; + + } + + color.set( r, g, b, a ); + + if ( currentColorClear.equals( color ) === false ) { + + gl.clearColor( r, g, b, a ); + currentColorClear.copy( color ); + + } + + }, + + reset: function () { + + locked = false; + + currentColorMask = null; + currentColorClear.set( - 1, 0, 0, 0 ); // set to invalid state + + } + + }; + + } + + function DepthBuffer() { + + var locked = false; + + var currentDepthMask = null; + var currentDepthFunc = null; + var currentDepthClear = null; + + return { + + setTest: function ( depthTest ) { + + if ( depthTest ) { + + enable( gl.DEPTH_TEST ); + + } else { + + disable( gl.DEPTH_TEST ); + + } + + }, + + setMask: function ( depthMask ) { + + if ( currentDepthMask !== depthMask && ! locked ) { + + gl.depthMask( depthMask ); + currentDepthMask = depthMask; + + } + + }, + + setFunc: function ( depthFunc ) { + + if ( currentDepthFunc !== depthFunc ) { + + if ( depthFunc ) { + + switch ( depthFunc ) { + + case NeverDepth: + + gl.depthFunc( gl.NEVER ); + break; + + case AlwaysDepth: + + gl.depthFunc( gl.ALWAYS ); + break; + + case LessDepth: + + gl.depthFunc( gl.LESS ); + break; + + case LessEqualDepth: + + gl.depthFunc( gl.LEQUAL ); + break; + + case EqualDepth: + + gl.depthFunc( gl.EQUAL ); + break; + + case GreaterEqualDepth: + + gl.depthFunc( gl.GEQUAL ); + break; + + case GreaterDepth: + + gl.depthFunc( gl.GREATER ); + break; + + case NotEqualDepth: + + gl.depthFunc( gl.NOTEQUAL ); + break; + + default: + + gl.depthFunc( gl.LEQUAL ); + + } + + } else { + + gl.depthFunc( gl.LEQUAL ); + + } + + currentDepthFunc = depthFunc; + + } + + }, + + setLocked: function ( lock ) { + + locked = lock; + + }, + + setClear: function ( depth ) { + + if ( currentDepthClear !== depth ) { + + gl.clearDepth( depth ); + currentDepthClear = depth; + + } + + }, + + reset: function () { + + locked = false; + + currentDepthMask = null; + currentDepthFunc = null; + currentDepthClear = null; + + } + + }; + + } + + function StencilBuffer() { + + var locked = false; + + var currentStencilMask = null; + var currentStencilFunc = null; + var currentStencilRef = null; + var currentStencilFuncMask = null; + var currentStencilFail = null; + var currentStencilZFail = null; + var currentStencilZPass = null; + var currentStencilClear = null; + + return { + + setTest: function ( stencilTest ) { + + if ( stencilTest ) { + + enable( gl.STENCIL_TEST ); + + } else { + + disable( gl.STENCIL_TEST ); + + } + + }, + + setMask: function ( stencilMask ) { + + if ( currentStencilMask !== stencilMask && ! locked ) { + + gl.stencilMask( stencilMask ); + currentStencilMask = stencilMask; + + } + + }, + + setFunc: function ( stencilFunc, stencilRef, stencilMask ) { + + if ( currentStencilFunc !== stencilFunc || + currentStencilRef !== stencilRef || + currentStencilFuncMask !== stencilMask ) { + + gl.stencilFunc( stencilFunc, stencilRef, stencilMask ); + + currentStencilFunc = stencilFunc; + currentStencilRef = stencilRef; + currentStencilFuncMask = stencilMask; + + } + + }, + + setOp: function ( stencilFail, stencilZFail, stencilZPass ) { + + if ( currentStencilFail !== stencilFail || + currentStencilZFail !== stencilZFail || + currentStencilZPass !== stencilZPass ) { + + gl.stencilOp( stencilFail, stencilZFail, stencilZPass ); + + currentStencilFail = stencilFail; + currentStencilZFail = stencilZFail; + currentStencilZPass = stencilZPass; + + } + + }, + + setLocked: function ( lock ) { + + locked = lock; + + }, + + setClear: function ( stencil ) { + + if ( currentStencilClear !== stencil ) { + + gl.clearStencil( stencil ); + currentStencilClear = stencil; + + } + + }, + + reset: function () { + + locked = false; + + currentStencilMask = null; + currentStencilFunc = null; + currentStencilRef = null; + currentStencilFuncMask = null; + currentStencilFail = null; + currentStencilZFail = null; + currentStencilZPass = null; + currentStencilClear = null; + + } + + }; + + } + + // + + var colorBuffer = new ColorBuffer(); + var depthBuffer = new DepthBuffer(); + var stencilBuffer = new StencilBuffer(); + + var maxVertexAttributes = gl.getParameter( gl.MAX_VERTEX_ATTRIBS ); + var newAttributes = new Uint8Array( maxVertexAttributes ); + var enabledAttributes = new Uint8Array( maxVertexAttributes ); + var attributeDivisors = new Uint8Array( maxVertexAttributes ); + + var capabilities = {}; + + var compressedTextureFormats = null; + + var currentProgram = null; + + var currentBlending = null; + var currentBlendEquation = null; + var currentBlendSrc = null; + var currentBlendDst = null; + var currentBlendEquationAlpha = null; + var currentBlendSrcAlpha = null; + var currentBlendDstAlpha = null; + var currentPremultipledAlpha = false; + + var currentFlipSided = null; + var currentCullFace = null; + + var currentLineWidth = null; + + var currentPolygonOffsetFactor = null; + var currentPolygonOffsetUnits = null; + + var maxTextures = gl.getParameter( gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS ); + + var lineWidthAvailable = false; + var version = 0; + var glVersion = gl.getParameter( gl.VERSION ); + + if ( glVersion.indexOf( 'WebGL' ) !== - 1 ) { + + version = parseFloat( /^WebGL\ ([0-9])/.exec( glVersion )[ 1 ] ); + lineWidthAvailable = ( version >= 1.0 ); + + } else if ( glVersion.indexOf( 'OpenGL ES' ) !== - 1 ) { + + version = parseFloat( /^OpenGL\ ES\ ([0-9])/.exec( glVersion )[ 1 ] ); + lineWidthAvailable = ( version >= 2.0 ); + + } + + var currentTextureSlot = null; + var currentBoundTextures = {}; + + var currentScissor = new Vector4(); + var currentViewport = new Vector4(); + + function createTexture( type, target, count ) { + + var data = new Uint8Array( 4 ); // 4 is required to match default unpack alignment of 4. + var texture = gl.createTexture(); + + gl.bindTexture( type, texture ); + gl.texParameteri( type, gl.TEXTURE_MIN_FILTER, gl.NEAREST ); + gl.texParameteri( type, gl.TEXTURE_MAG_FILTER, gl.NEAREST ); + + for ( var i = 0; i < count; i ++ ) { + + gl.texImage2D( target + i, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, data ); + + } + + return texture; + + } + + var emptyTextures = {}; + emptyTextures[ gl.TEXTURE_2D ] = createTexture( gl.TEXTURE_2D, gl.TEXTURE_2D, 1 ); + emptyTextures[ gl.TEXTURE_CUBE_MAP ] = createTexture( gl.TEXTURE_CUBE_MAP, gl.TEXTURE_CUBE_MAP_POSITIVE_X, 6 ); + + // init + + colorBuffer.setClear( 0, 0, 0, 1 ); + depthBuffer.setClear( 1 ); + stencilBuffer.setClear( 0 ); + + enable( gl.DEPTH_TEST ); + depthBuffer.setFunc( LessEqualDepth ); + + setFlipSided( false ); + setCullFace( CullFaceBack ); + enable( gl.CULL_FACE ); + + enable( gl.BLEND ); + setBlending( NormalBlending ); + + // + + function initAttributes() { + + for ( var i = 0, l = newAttributes.length; i < l; i ++ ) { + + newAttributes[ i ] = 0; + + } + + } + + function enableAttribute( attribute ) { + + enableAttributeAndDivisor( attribute, 0 ); + + } + + function enableAttributeAndDivisor( attribute, meshPerAttribute ) { + + newAttributes[ attribute ] = 1; + + if ( enabledAttributes[ attribute ] === 0 ) { + + gl.enableVertexAttribArray( attribute ); + enabledAttributes[ attribute ] = 1; + + } + + if ( attributeDivisors[ attribute ] !== meshPerAttribute ) { + + var extension = extensions.get( 'ANGLE_instanced_arrays' ); + + extension.vertexAttribDivisorANGLE( attribute, meshPerAttribute ); + attributeDivisors[ attribute ] = meshPerAttribute; + + } + + } + + function disableUnusedAttributes() { + + for ( var i = 0, l = enabledAttributes.length; i !== l; ++ i ) { + + if ( enabledAttributes[ i ] !== newAttributes[ i ] ) { + + gl.disableVertexAttribArray( i ); + enabledAttributes[ i ] = 0; + + } + + } + + } + + function enable( id ) { + + if ( capabilities[ id ] !== true ) { + + gl.enable( id ); + capabilities[ id ] = true; + + } + + } + + function disable( id ) { + + if ( capabilities[ id ] !== false ) { + + gl.disable( id ); + capabilities[ id ] = false; + + } + + } + + function getCompressedTextureFormats() { + + if ( compressedTextureFormats === null ) { + + compressedTextureFormats = []; + + if ( extensions.get( 'WEBGL_compressed_texture_pvrtc' ) || + extensions.get( 'WEBGL_compressed_texture_s3tc' ) || + extensions.get( 'WEBGL_compressed_texture_etc1' ) || + extensions.get( 'WEBGL_compressed_texture_astc' ) ) { + + var formats = gl.getParameter( gl.COMPRESSED_TEXTURE_FORMATS ); + + for ( var i = 0; i < formats.length; i ++ ) { + + compressedTextureFormats.push( formats[ i ] ); + + } + + } + + } + + return compressedTextureFormats; + + } + + function useProgram( program ) { + + if ( currentProgram !== program ) { + + gl.useProgram( program ); + + currentProgram = program; + + return true; + + } + + return false; + + } + + function setBlending( blending, blendEquation, blendSrc, blendDst, blendEquationAlpha, blendSrcAlpha, blendDstAlpha, premultipliedAlpha ) { + + if ( blending !== NoBlending ) { + + enable( gl.BLEND ); + + } else { + + disable( gl.BLEND ); + + } + + if ( blending !== CustomBlending ) { + + if ( blending !== currentBlending || premultipliedAlpha !== currentPremultipledAlpha ) { + + switch ( blending ) { + + case AdditiveBlending: + + if ( premultipliedAlpha ) { + + gl.blendEquationSeparate( gl.FUNC_ADD, gl.FUNC_ADD ); + gl.blendFuncSeparate( gl.ONE, gl.ONE, gl.ONE, gl.ONE ); + + } else { + + gl.blendEquation( gl.FUNC_ADD ); + gl.blendFunc( gl.SRC_ALPHA, gl.ONE ); + + } + break; + + case SubtractiveBlending: + + if ( premultipliedAlpha ) { + + gl.blendEquationSeparate( gl.FUNC_ADD, gl.FUNC_ADD ); + gl.blendFuncSeparate( gl.ZERO, gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ONE_MINUS_SRC_ALPHA ); + + } else { + + gl.blendEquation( gl.FUNC_ADD ); + gl.blendFunc( gl.ZERO, gl.ONE_MINUS_SRC_COLOR ); + + } + break; + + case MultiplyBlending: + + if ( premultipliedAlpha ) { + + gl.blendEquationSeparate( gl.FUNC_ADD, gl.FUNC_ADD ); + gl.blendFuncSeparate( gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA ); + + } else { + + gl.blendEquation( gl.FUNC_ADD ); + gl.blendFunc( gl.ZERO, gl.SRC_COLOR ); + + } + break; + + default: + + if ( premultipliedAlpha ) { + + gl.blendEquationSeparate( gl.FUNC_ADD, gl.FUNC_ADD ); + gl.blendFuncSeparate( gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA ); + + } else { + + gl.blendEquationSeparate( gl.FUNC_ADD, gl.FUNC_ADD ); + gl.blendFuncSeparate( gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA ); + + } + + } + + } + + currentBlendEquation = null; + currentBlendSrc = null; + currentBlendDst = null; + currentBlendEquationAlpha = null; + currentBlendSrcAlpha = null; + currentBlendDstAlpha = null; + + } else { + + blendEquationAlpha = blendEquationAlpha || blendEquation; + blendSrcAlpha = blendSrcAlpha || blendSrc; + blendDstAlpha = blendDstAlpha || blendDst; + + if ( blendEquation !== currentBlendEquation || blendEquationAlpha !== currentBlendEquationAlpha ) { + + gl.blendEquationSeparate( utils.convert( blendEquation ), utils.convert( blendEquationAlpha ) ); + + currentBlendEquation = blendEquation; + currentBlendEquationAlpha = blendEquationAlpha; + + } + + if ( blendSrc !== currentBlendSrc || blendDst !== currentBlendDst || blendSrcAlpha !== currentBlendSrcAlpha || blendDstAlpha !== currentBlendDstAlpha ) { + + gl.blendFuncSeparate( utils.convert( blendSrc ), utils.convert( blendDst ), utils.convert( blendSrcAlpha ), utils.convert( blendDstAlpha ) ); + + currentBlendSrc = blendSrc; + currentBlendDst = blendDst; + currentBlendSrcAlpha = blendSrcAlpha; + currentBlendDstAlpha = blendDstAlpha; + + } + + } + + currentBlending = blending; + currentPremultipledAlpha = premultipliedAlpha; + + } + + function setMaterial( material, frontFaceCW ) { + + material.side === DoubleSide + ? disable( gl.CULL_FACE ) + : enable( gl.CULL_FACE ); + + var flipSided = ( material.side === BackSide ); + if ( frontFaceCW ) flipSided = ! flipSided; + + setFlipSided( flipSided ); + + material.transparent === true + ? setBlending( material.blending, material.blendEquation, material.blendSrc, material.blendDst, material.blendEquationAlpha, material.blendSrcAlpha, material.blendDstAlpha, material.premultipliedAlpha ) + : setBlending( NoBlending ); + + depthBuffer.setFunc( material.depthFunc ); + depthBuffer.setTest( material.depthTest ); + depthBuffer.setMask( material.depthWrite ); + colorBuffer.setMask( material.colorWrite ); + + setPolygonOffset( material.polygonOffset, material.polygonOffsetFactor, material.polygonOffsetUnits ); + + } + + // + + function setFlipSided( flipSided ) { + + if ( currentFlipSided !== flipSided ) { + + if ( flipSided ) { + + gl.frontFace( gl.CW ); + + } else { + + gl.frontFace( gl.CCW ); + + } + + currentFlipSided = flipSided; + + } + + } + + function setCullFace( cullFace ) { + + if ( cullFace !== CullFaceNone ) { + + enable( gl.CULL_FACE ); + + if ( cullFace !== currentCullFace ) { + + if ( cullFace === CullFaceBack ) { + + gl.cullFace( gl.BACK ); + + } else if ( cullFace === CullFaceFront ) { + + gl.cullFace( gl.FRONT ); + + } else { + + gl.cullFace( gl.FRONT_AND_BACK ); + + } + + } + + } else { + + disable( gl.CULL_FACE ); + + } + + currentCullFace = cullFace; + + } + + function setLineWidth( width ) { + + if ( width !== currentLineWidth ) { + + if ( lineWidthAvailable ) gl.lineWidth( width ); + + currentLineWidth = width; + + } + + } + + function setPolygonOffset( polygonOffset, factor, units ) { + + if ( polygonOffset ) { + + enable( gl.POLYGON_OFFSET_FILL ); + + if ( currentPolygonOffsetFactor !== factor || currentPolygonOffsetUnits !== units ) { + + gl.polygonOffset( factor, units ); + + currentPolygonOffsetFactor = factor; + currentPolygonOffsetUnits = units; + + } + + } else { + + disable( gl.POLYGON_OFFSET_FILL ); + + } + + } + + function setScissorTest( scissorTest ) { + + if ( scissorTest ) { + + enable( gl.SCISSOR_TEST ); + + } else { + + disable( gl.SCISSOR_TEST ); + + } + + } + + // texture + + function activeTexture( webglSlot ) { + + if ( webglSlot === undefined ) webglSlot = gl.TEXTURE0 + maxTextures - 1; + + if ( currentTextureSlot !== webglSlot ) { + + gl.activeTexture( webglSlot ); + currentTextureSlot = webglSlot; + + } + + } + + function bindTexture( webglType, webglTexture ) { + + if ( currentTextureSlot === null ) { + + activeTexture(); + + } + + var boundTexture = currentBoundTextures[ currentTextureSlot ]; + + if ( boundTexture === undefined ) { + + boundTexture = { type: undefined, texture: undefined }; + currentBoundTextures[ currentTextureSlot ] = boundTexture; + + } + + if ( boundTexture.type !== webglType || boundTexture.texture !== webglTexture ) { + + gl.bindTexture( webglType, webglTexture || emptyTextures[ webglType ] ); + + boundTexture.type = webglType; + boundTexture.texture = webglTexture; + + } + + } + + function compressedTexImage2D() { + + try { + + gl.compressedTexImage2D.apply( gl, arguments ); + + } catch ( error ) { + + console.error( 'THREE.WebGLState:', error ); + + } + + } + + function texImage2D() { + + try { + + gl.texImage2D.apply( gl, arguments ); + + } catch ( error ) { + + console.error( 'THREE.WebGLState:', error ); + + } + + } + + // + + function scissor( scissor ) { + + if ( currentScissor.equals( scissor ) === false ) { + + gl.scissor( scissor.x, scissor.y, scissor.z, scissor.w ); + currentScissor.copy( scissor ); + + } + + } + + function viewport( viewport ) { + + if ( currentViewport.equals( viewport ) === false ) { + + gl.viewport( viewport.x, viewport.y, viewport.z, viewport.w ); + currentViewport.copy( viewport ); + + } + + } + + // + + function reset() { + + for ( var i = 0; i < enabledAttributes.length; i ++ ) { + + if ( enabledAttributes[ i ] === 1 ) { + + gl.disableVertexAttribArray( i ); + enabledAttributes[ i ] = 0; + + } + + } + + capabilities = {}; + + compressedTextureFormats = null; + + currentTextureSlot = null; + currentBoundTextures = {}; + + currentProgram = null; + + currentBlending = null; + + currentFlipSided = null; + currentCullFace = null; + + colorBuffer.reset(); + depthBuffer.reset(); + stencilBuffer.reset(); + + } + + return { + + buffers: { + color: colorBuffer, + depth: depthBuffer, + stencil: stencilBuffer + }, + + initAttributes: initAttributes, + enableAttribute: enableAttribute, + enableAttributeAndDivisor: enableAttributeAndDivisor, + disableUnusedAttributes: disableUnusedAttributes, + enable: enable, + disable: disable, + getCompressedTextureFormats: getCompressedTextureFormats, + + useProgram: useProgram, + + setBlending: setBlending, + setMaterial: setMaterial, + + setFlipSided: setFlipSided, + setCullFace: setCullFace, + + setLineWidth: setLineWidth, + setPolygonOffset: setPolygonOffset, + + setScissorTest: setScissorTest, + + activeTexture: activeTexture, + bindTexture: bindTexture, + compressedTexImage2D: compressedTexImage2D, + texImage2D: texImage2D, + + scissor: scissor, + viewport: viewport, + + reset: reset + + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebGLTextures( _gl, extensions, state, properties, capabilities, utils, info ) { + + var _isWebGL2 = ( typeof WebGL2RenderingContext !== 'undefined' && _gl instanceof WebGL2RenderingContext ); /* global WebGL2RenderingContext */ + var _videoTextures = {}; + var _canvas; + + // + + function clampToMaxSize( image, maxSize ) { + + if ( image.width > maxSize || image.height > maxSize ) { + + if ( 'data' in image ) { + + console.warn( 'THREE.WebGLRenderer: image in DataTexture is too big (' + image.width + 'x' + image.height + ').' ); + return; + + } + + // Warning: Scaling through the canvas will only work with images that use + // premultiplied alpha. + + var scale = maxSize / Math.max( image.width, image.height ); + + var canvas = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' ); + canvas.width = Math.floor( image.width * scale ); + canvas.height = Math.floor( image.height * scale ); + + var context = canvas.getContext( '2d' ); + context.drawImage( image, 0, 0, image.width, image.height, 0, 0, canvas.width, canvas.height ); + + console.warn( 'THREE.WebGLRenderer: image is too big (' + image.width + 'x' + image.height + '). Resized to ' + canvas.width + 'x' + canvas.height, image ); + + return canvas; + + } + + return image; + + } + + function isPowerOfTwo( image ) { + + return _Math.isPowerOfTwo( image.width ) && _Math.isPowerOfTwo( image.height ); + + } + + function makePowerOfTwo( image ) { + + if ( image instanceof HTMLImageElement || image instanceof HTMLCanvasElement || image instanceof ImageBitmap ) { + + if ( _canvas === undefined ) _canvas = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' ); + + _canvas.width = _Math.floorPowerOfTwo( image.width ); + _canvas.height = _Math.floorPowerOfTwo( image.height ); + + var context = _canvas.getContext( '2d' ); + context.drawImage( image, 0, 0, _canvas.width, _canvas.height ); + + console.warn( 'THREE.WebGLRenderer: image is not power of two (' + image.width + 'x' + image.height + '). Resized to ' + _canvas.width + 'x' + _canvas.height, image ); + + return _canvas; + + } + + return image; + + } + + function textureNeedsPowerOfTwo( texture ) { + + return ( texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping ) || + ( texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter ); + + } + + function textureNeedsGenerateMipmaps( texture, isPowerOfTwo ) { + + return texture.generateMipmaps && isPowerOfTwo && + texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter; + + } + + function generateMipmap( target, texture, width, height ) { + + _gl.generateMipmap( target ); + + var textureProperties = properties.get( texture ); + + // Note: Math.log( x ) * Math.LOG2E used instead of Math.log2( x ) which is not supported by IE11 + textureProperties.__maxMipLevel = Math.log( Math.max( width, height ) ) * Math.LOG2E; + + } + + // Fallback filters for non-power-of-2 textures + + function filterFallback( f ) { + + if ( f === NearestFilter || f === NearestMipMapNearestFilter || f === NearestMipMapLinearFilter ) { + + return _gl.NEAREST; + + } + + return _gl.LINEAR; + + } + + // + + function onTextureDispose( event ) { + + var texture = event.target; + + texture.removeEventListener( 'dispose', onTextureDispose ); + + deallocateTexture( texture ); + + if ( texture.isVideoTexture ) { + + delete _videoTextures[ texture.id ]; + + } + + info.memory.textures --; + + } + + function onRenderTargetDispose( event ) { + + var renderTarget = event.target; + + renderTarget.removeEventListener( 'dispose', onRenderTargetDispose ); + + deallocateRenderTarget( renderTarget ); + + info.memory.textures --; + + } + + // + + function deallocateTexture( texture ) { + + var textureProperties = properties.get( texture ); + + if ( texture.image && textureProperties.__image__webglTextureCube ) { + + // cube texture + + _gl.deleteTexture( textureProperties.__image__webglTextureCube ); + + } else { + + // 2D texture + + if ( textureProperties.__webglInit === undefined ) return; + + _gl.deleteTexture( textureProperties.__webglTexture ); + + } + + // remove all webgl properties + properties.remove( texture ); + + } + + function deallocateRenderTarget( renderTarget ) { + + var renderTargetProperties = properties.get( renderTarget ); + var textureProperties = properties.get( renderTarget.texture ); + + if ( ! renderTarget ) return; + + if ( textureProperties.__webglTexture !== undefined ) { + + _gl.deleteTexture( textureProperties.__webglTexture ); + + } + + if ( renderTarget.depthTexture ) { + + renderTarget.depthTexture.dispose(); + + } + + if ( renderTarget.isWebGLRenderTargetCube ) { + + for ( var i = 0; i < 6; i ++ ) { + + _gl.deleteFramebuffer( renderTargetProperties.__webglFramebuffer[ i ] ); + if ( renderTargetProperties.__webglDepthbuffer ) _gl.deleteRenderbuffer( renderTargetProperties.__webglDepthbuffer[ i ] ); + + } + + } else { + + _gl.deleteFramebuffer( renderTargetProperties.__webglFramebuffer ); + if ( renderTargetProperties.__webglDepthbuffer ) _gl.deleteRenderbuffer( renderTargetProperties.__webglDepthbuffer ); + + } + + properties.remove( renderTarget.texture ); + properties.remove( renderTarget ); + + } + + // + + + + function setTexture2D( texture, slot ) { + + var textureProperties = properties.get( texture ); + + if ( texture.isVideoTexture ) updateVideoTexture( texture ); + + if ( texture.version > 0 && textureProperties.__version !== texture.version ) { + + var image = texture.image; + + if ( image === undefined ) { + + console.warn( 'THREE.WebGLRenderer: Texture marked for update but image is undefined', texture ); + + } else if ( image.complete === false ) { + + console.warn( 'THREE.WebGLRenderer: Texture marked for update but image is incomplete', texture ); + + } else { + + uploadTexture( textureProperties, texture, slot ); + return; + + } + + } + + state.activeTexture( _gl.TEXTURE0 + slot ); + state.bindTexture( _gl.TEXTURE_2D, textureProperties.__webglTexture ); + + } + + function setTextureCube( texture, slot ) { + + var textureProperties = properties.get( texture ); + + if ( texture.image.length === 6 ) { + + if ( texture.version > 0 && textureProperties.__version !== texture.version ) { + + if ( ! textureProperties.__image__webglTextureCube ) { + + texture.addEventListener( 'dispose', onTextureDispose ); + + textureProperties.__image__webglTextureCube = _gl.createTexture(); + + info.memory.textures ++; + + } + + state.activeTexture( _gl.TEXTURE0 + slot ); + state.bindTexture( _gl.TEXTURE_CUBE_MAP, textureProperties.__image__webglTextureCube ); + + _gl.pixelStorei( _gl.UNPACK_FLIP_Y_WEBGL, texture.flipY ); + + var isCompressed = ( texture && texture.isCompressedTexture ); + var isDataTexture = ( texture.image[ 0 ] && texture.image[ 0 ].isDataTexture ); + + var cubeImage = []; + + for ( var i = 0; i < 6; i ++ ) { + + if ( ! isCompressed && ! isDataTexture ) { + + cubeImage[ i ] = clampToMaxSize( texture.image[ i ], capabilities.maxCubemapSize ); + + } else { + + cubeImage[ i ] = isDataTexture ? texture.image[ i ].image : texture.image[ i ]; + + } + + } + + var image = cubeImage[ 0 ], + isPowerOfTwoImage = isPowerOfTwo( image ), + glFormat = utils.convert( texture.format ), + glType = utils.convert( texture.type ); + + setTextureParameters( _gl.TEXTURE_CUBE_MAP, texture, isPowerOfTwoImage ); + + for ( var i = 0; i < 6; i ++ ) { + + if ( ! isCompressed ) { + + if ( isDataTexture ) { + + state.texImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glFormat, cubeImage[ i ].width, cubeImage[ i ].height, 0, glFormat, glType, cubeImage[ i ].data ); + + } else { + + state.texImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glFormat, glFormat, glType, cubeImage[ i ] ); + + } + + } else { + + var mipmap, mipmaps = cubeImage[ i ].mipmaps; + + for ( var j = 0, jl = mipmaps.length; j < jl; j ++ ) { + + mipmap = mipmaps[ j ]; + + if ( texture.format !== RGBAFormat && texture.format !== RGBFormat ) { + + if ( state.getCompressedTextureFormats().indexOf( glFormat ) > - 1 ) { + + state.compressedTexImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glFormat, mipmap.width, mipmap.height, 0, mipmap.data ); + + } else { + + console.warn( 'THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()' ); + + } + + } else { + + state.texImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data ); + + } + + } + + } + + } + + if ( ! isCompressed ) { + + textureProperties.__maxMipLevel = 0; + + } else { + + textureProperties.__maxMipLevel = mipmaps.length - 1; + + } + + if ( textureNeedsGenerateMipmaps( texture, isPowerOfTwoImage ) ) { + + // We assume images for cube map have the same size. + generateMipmap( _gl.TEXTURE_CUBE_MAP, texture, image.width, image.height ); + + } + + textureProperties.__version = texture.version; + + if ( texture.onUpdate ) texture.onUpdate( texture ); + + } else { + + state.activeTexture( _gl.TEXTURE0 + slot ); + state.bindTexture( _gl.TEXTURE_CUBE_MAP, textureProperties.__image__webglTextureCube ); + + } + + } + + } + + function setTextureCubeDynamic( texture, slot ) { + + state.activeTexture( _gl.TEXTURE0 + slot ); + state.bindTexture( _gl.TEXTURE_CUBE_MAP, properties.get( texture ).__webglTexture ); + + } + + function setTextureParameters( textureType, texture, isPowerOfTwoImage ) { + + var extension; + + if ( isPowerOfTwoImage ) { + + _gl.texParameteri( textureType, _gl.TEXTURE_WRAP_S, utils.convert( texture.wrapS ) ); + _gl.texParameteri( textureType, _gl.TEXTURE_WRAP_T, utils.convert( texture.wrapT ) ); + + _gl.texParameteri( textureType, _gl.TEXTURE_MAG_FILTER, utils.convert( texture.magFilter ) ); + _gl.texParameteri( textureType, _gl.TEXTURE_MIN_FILTER, utils.convert( texture.minFilter ) ); + + } else { + + _gl.texParameteri( textureType, _gl.TEXTURE_WRAP_S, _gl.CLAMP_TO_EDGE ); + _gl.texParameteri( textureType, _gl.TEXTURE_WRAP_T, _gl.CLAMP_TO_EDGE ); + + if ( texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping ) { + + console.warn( 'THREE.WebGLRenderer: Texture is not power of two. Texture.wrapS and Texture.wrapT should be set to THREE.ClampToEdgeWrapping.', texture ); + + } + + _gl.texParameteri( textureType, _gl.TEXTURE_MAG_FILTER, filterFallback( texture.magFilter ) ); + _gl.texParameteri( textureType, _gl.TEXTURE_MIN_FILTER, filterFallback( texture.minFilter ) ); + + if ( texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter ) { + + console.warn( 'THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter should be set to THREE.NearestFilter or THREE.LinearFilter.', texture ); + + } + + } + + extension = extensions.get( 'EXT_texture_filter_anisotropic' ); + + if ( extension ) { + + if ( texture.type === FloatType && extensions.get( 'OES_texture_float_linear' ) === null ) return; + if ( texture.type === HalfFloatType && extensions.get( 'OES_texture_half_float_linear' ) === null ) return; + + if ( texture.anisotropy > 1 || properties.get( texture ).__currentAnisotropy ) { + + _gl.texParameterf( textureType, extension.TEXTURE_MAX_ANISOTROPY_EXT, Math.min( texture.anisotropy, capabilities.getMaxAnisotropy() ) ); + properties.get( texture ).__currentAnisotropy = texture.anisotropy; + + } + + } + + } + + function uploadTexture( textureProperties, texture, slot ) { + + if ( textureProperties.__webglInit === undefined ) { + + textureProperties.__webglInit = true; + + texture.addEventListener( 'dispose', onTextureDispose ); + + textureProperties.__webglTexture = _gl.createTexture(); + + info.memory.textures ++; + + } + + state.activeTexture( _gl.TEXTURE0 + slot ); + state.bindTexture( _gl.TEXTURE_2D, textureProperties.__webglTexture ); + + _gl.pixelStorei( _gl.UNPACK_FLIP_Y_WEBGL, texture.flipY ); + _gl.pixelStorei( _gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha ); + _gl.pixelStorei( _gl.UNPACK_ALIGNMENT, texture.unpackAlignment ); + + var image = clampToMaxSize( texture.image, capabilities.maxTextureSize ); + + if ( textureNeedsPowerOfTwo( texture ) && isPowerOfTwo( image ) === false ) { + + image = makePowerOfTwo( image ); + + } + + var isPowerOfTwoImage = isPowerOfTwo( image ), + glFormat = utils.convert( texture.format ), + glType = utils.convert( texture.type ); + + setTextureParameters( _gl.TEXTURE_2D, texture, isPowerOfTwoImage ); + + var mipmap, mipmaps = texture.mipmaps; + + if ( texture.isDepthTexture ) { + + // populate depth texture with dummy data + + var internalFormat = _gl.DEPTH_COMPONENT; + + if ( texture.type === FloatType ) { + + if ( ! _isWebGL2 ) throw new Error( 'Float Depth Texture only supported in WebGL2.0' ); + internalFormat = _gl.DEPTH_COMPONENT32F; + + } else if ( _isWebGL2 ) { + + // WebGL 2.0 requires signed internalformat for glTexImage2D + internalFormat = _gl.DEPTH_COMPONENT16; + + } + + if ( texture.format === DepthFormat && internalFormat === _gl.DEPTH_COMPONENT ) { + + // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are + // DEPTH_COMPONENT and type is not UNSIGNED_SHORT or UNSIGNED_INT + // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) + if ( texture.type !== UnsignedShortType && texture.type !== UnsignedIntType ) { + + console.warn( 'THREE.WebGLRenderer: Use UnsignedShortType or UnsignedIntType for DepthFormat DepthTexture.' ); + + texture.type = UnsignedShortType; + glType = utils.convert( texture.type ); + + } + + } + + // Depth stencil textures need the DEPTH_STENCIL internal format + // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) + if ( texture.format === DepthStencilFormat ) { + + internalFormat = _gl.DEPTH_STENCIL; + + // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are + // DEPTH_STENCIL and type is not UNSIGNED_INT_24_8_WEBGL. + // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/) + if ( texture.type !== UnsignedInt248Type ) { + + console.warn( 'THREE.WebGLRenderer: Use UnsignedInt248Type for DepthStencilFormat DepthTexture.' ); + + texture.type = UnsignedInt248Type; + glType = utils.convert( texture.type ); + + } + + } + + state.texImage2D( _gl.TEXTURE_2D, 0, internalFormat, image.width, image.height, 0, glFormat, glType, null ); + + } else if ( texture.isDataTexture ) { + + // use manually created mipmaps if available + // if there are no manual mipmaps + // set 0 level mipmap and then use GL to generate other mipmap levels + + if ( mipmaps.length > 0 && isPowerOfTwoImage ) { + + for ( var i = 0, il = mipmaps.length; i < il; i ++ ) { + + mipmap = mipmaps[ i ]; + state.texImage2D( _gl.TEXTURE_2D, i, glFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data ); + + } + + texture.generateMipmaps = false; + textureProperties.__maxMipLevel = mipmaps.length - 1; + + } else { + + state.texImage2D( _gl.TEXTURE_2D, 0, glFormat, image.width, image.height, 0, glFormat, glType, image.data ); + textureProperties.__maxMipLevel = 0; + + } + + } else if ( texture.isCompressedTexture ) { + + for ( var i = 0, il = mipmaps.length; i < il; i ++ ) { + + mipmap = mipmaps[ i ]; + + if ( texture.format !== RGBAFormat && texture.format !== RGBFormat ) { + + if ( state.getCompressedTextureFormats().indexOf( glFormat ) > - 1 ) { + + state.compressedTexImage2D( _gl.TEXTURE_2D, i, glFormat, mipmap.width, mipmap.height, 0, mipmap.data ); + + } else { + + console.warn( 'THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()' ); + + } + + } else { + + state.texImage2D( _gl.TEXTURE_2D, i, glFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data ); + + } + + } + + textureProperties.__maxMipLevel = mipmaps.length - 1; + + } else { + + // regular Texture (image, video, canvas) + + // use manually created mipmaps if available + // if there are no manual mipmaps + // set 0 level mipmap and then use GL to generate other mipmap levels + + if ( mipmaps.length > 0 && isPowerOfTwoImage ) { + + for ( var i = 0, il = mipmaps.length; i < il; i ++ ) { + + mipmap = mipmaps[ i ]; + state.texImage2D( _gl.TEXTURE_2D, i, glFormat, glFormat, glType, mipmap ); + + } + + texture.generateMipmaps = false; + textureProperties.__maxMipLevel = mipmaps.length - 1; + + } else { + + state.texImage2D( _gl.TEXTURE_2D, 0, glFormat, glFormat, glType, image ); + textureProperties.__maxMipLevel = 0; + + } + + } + + if ( textureNeedsGenerateMipmaps( texture, isPowerOfTwoImage ) ) { + + generateMipmap( _gl.TEXTURE_2D, texture, image.width, image.height ); + + } + + textureProperties.__version = texture.version; + + if ( texture.onUpdate ) texture.onUpdate( texture ); + + } + + // Render targets + + // Setup storage for target texture and bind it to correct framebuffer + function setupFrameBufferTexture( framebuffer, renderTarget, attachment, textureTarget ) { + + var glFormat = utils.convert( renderTarget.texture.format ); + var glType = utils.convert( renderTarget.texture.type ); + state.texImage2D( textureTarget, 0, glFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null ); + _gl.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer ); + _gl.framebufferTexture2D( _gl.FRAMEBUFFER, attachment, textureTarget, properties.get( renderTarget.texture ).__webglTexture, 0 ); + _gl.bindFramebuffer( _gl.FRAMEBUFFER, null ); + + } + + // Setup storage for internal depth/stencil buffers and bind to correct framebuffer + function setupRenderBufferStorage( renderbuffer, renderTarget ) { + + _gl.bindRenderbuffer( _gl.RENDERBUFFER, renderbuffer ); + + if ( renderTarget.depthBuffer && ! renderTarget.stencilBuffer ) { + + _gl.renderbufferStorage( _gl.RENDERBUFFER, _gl.DEPTH_COMPONENT16, renderTarget.width, renderTarget.height ); + _gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer ); + + } else if ( renderTarget.depthBuffer && renderTarget.stencilBuffer ) { + + _gl.renderbufferStorage( _gl.RENDERBUFFER, _gl.DEPTH_STENCIL, renderTarget.width, renderTarget.height ); + _gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer ); + + } else { + + // FIXME: We don't support !depth !stencil + _gl.renderbufferStorage( _gl.RENDERBUFFER, _gl.RGBA4, renderTarget.width, renderTarget.height ); + + } + + _gl.bindRenderbuffer( _gl.RENDERBUFFER, null ); + + } + + // Setup resources for a Depth Texture for a FBO (needs an extension) + function setupDepthTexture( framebuffer, renderTarget ) { + + var isCube = ( renderTarget && renderTarget.isWebGLRenderTargetCube ); + if ( isCube ) throw new Error( 'Depth Texture with cube render targets is not supported' ); + + _gl.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer ); + + if ( ! ( renderTarget.depthTexture && renderTarget.depthTexture.isDepthTexture ) ) { + + throw new Error( 'renderTarget.depthTexture must be an instance of THREE.DepthTexture' ); + + } + + // upload an empty depth texture with framebuffer size + if ( ! properties.get( renderTarget.depthTexture ).__webglTexture || + renderTarget.depthTexture.image.width !== renderTarget.width || + renderTarget.depthTexture.image.height !== renderTarget.height ) { + + renderTarget.depthTexture.image.width = renderTarget.width; + renderTarget.depthTexture.image.height = renderTarget.height; + renderTarget.depthTexture.needsUpdate = true; + + } + + setTexture2D( renderTarget.depthTexture, 0 ); + + var webglDepthTexture = properties.get( renderTarget.depthTexture ).__webglTexture; + + if ( renderTarget.depthTexture.format === DepthFormat ) { + + _gl.framebufferTexture2D( _gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0 ); + + } else if ( renderTarget.depthTexture.format === DepthStencilFormat ) { + + _gl.framebufferTexture2D( _gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0 ); + + } else { + + throw new Error( 'Unknown depthTexture format' ); + + } + + } + + // Setup GL resources for a non-texture depth buffer + function setupDepthRenderbuffer( renderTarget ) { + + var renderTargetProperties = properties.get( renderTarget ); + + var isCube = ( renderTarget.isWebGLRenderTargetCube === true ); + + if ( renderTarget.depthTexture ) { + + if ( isCube ) throw new Error( 'target.depthTexture not supported in Cube render targets' ); + + setupDepthTexture( renderTargetProperties.__webglFramebuffer, renderTarget ); + + } else { + + if ( isCube ) { + + renderTargetProperties.__webglDepthbuffer = []; + + for ( var i = 0; i < 6; i ++ ) { + + _gl.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer[ i ] ); + renderTargetProperties.__webglDepthbuffer[ i ] = _gl.createRenderbuffer(); + setupRenderBufferStorage( renderTargetProperties.__webglDepthbuffer[ i ], renderTarget ); + + } + + } else { + + _gl.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer ); + renderTargetProperties.__webglDepthbuffer = _gl.createRenderbuffer(); + setupRenderBufferStorage( renderTargetProperties.__webglDepthbuffer, renderTarget ); + + } + + } + + _gl.bindFramebuffer( _gl.FRAMEBUFFER, null ); + + } + + // Set up GL resources for the render target + function setupRenderTarget( renderTarget ) { + + var renderTargetProperties = properties.get( renderTarget ); + var textureProperties = properties.get( renderTarget.texture ); + + renderTarget.addEventListener( 'dispose', onRenderTargetDispose ); + + textureProperties.__webglTexture = _gl.createTexture(); + + info.memory.textures ++; + + var isCube = ( renderTarget.isWebGLRenderTargetCube === true ); + var isTargetPowerOfTwo = isPowerOfTwo( renderTarget ); + + // Setup framebuffer + + if ( isCube ) { + + renderTargetProperties.__webglFramebuffer = []; + + for ( var i = 0; i < 6; i ++ ) { + + renderTargetProperties.__webglFramebuffer[ i ] = _gl.createFramebuffer(); + + } + + } else { + + renderTargetProperties.__webglFramebuffer = _gl.createFramebuffer(); + + } + + // Setup color buffer + + if ( isCube ) { + + state.bindTexture( _gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture ); + setTextureParameters( _gl.TEXTURE_CUBE_MAP, renderTarget.texture, isTargetPowerOfTwo ); + + for ( var i = 0; i < 6; i ++ ) { + + setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer[ i ], renderTarget, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i ); + + } + + if ( textureNeedsGenerateMipmaps( renderTarget.texture, isTargetPowerOfTwo ) ) { + + generateMipmap( _gl.TEXTURE_CUBE_MAP, renderTarget.texture, renderTarget.width, renderTarget.height ); + + } + + state.bindTexture( _gl.TEXTURE_CUBE_MAP, null ); + + } else { + + state.bindTexture( _gl.TEXTURE_2D, textureProperties.__webglTexture ); + setTextureParameters( _gl.TEXTURE_2D, renderTarget.texture, isTargetPowerOfTwo ); + setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_2D ); + + if ( textureNeedsGenerateMipmaps( renderTarget.texture, isTargetPowerOfTwo ) ) { + + generateMipmap( _gl.TEXTURE_2D, renderTarget.texture, renderTarget.width, renderTarget.height ); + + } + + state.bindTexture( _gl.TEXTURE_2D, null ); + + } + + // Setup depth and stencil buffers + + if ( renderTarget.depthBuffer ) { + + setupDepthRenderbuffer( renderTarget ); + + } + + } + + function updateRenderTargetMipmap( renderTarget ) { + + var texture = renderTarget.texture; + var isTargetPowerOfTwo = isPowerOfTwo( renderTarget ); + + if ( textureNeedsGenerateMipmaps( texture, isTargetPowerOfTwo ) ) { + + var target = renderTarget.isWebGLRenderTargetCube ? _gl.TEXTURE_CUBE_MAP : _gl.TEXTURE_2D; + var webglTexture = properties.get( texture ).__webglTexture; + + state.bindTexture( target, webglTexture ); + generateMipmap( target, texture, renderTarget.width, renderTarget.height ); + state.bindTexture( target, null ); + + } + + } + + function updateVideoTexture( texture ) { + + var id = texture.id; + var frame = info.render.frame; + + // Check the last frame we updated the VideoTexture + + if ( _videoTextures[ id ] !== frame ) { + + _videoTextures[ id ] = frame; + texture.update(); + + } + + } + + this.setTexture2D = setTexture2D; + this.setTextureCube = setTextureCube; + this.setTextureCubeDynamic = setTextureCubeDynamic; + this.setupRenderTarget = setupRenderTarget; + this.updateRenderTargetMipmap = updateRenderTargetMipmap; + + } + + /** + * @author thespite / http://www.twitter.com/thespite + */ + + function WebGLUtils( gl, extensions ) { + + function convert( p ) { + + var extension; + + if ( p === RepeatWrapping ) return gl.REPEAT; + if ( p === ClampToEdgeWrapping ) return gl.CLAMP_TO_EDGE; + if ( p === MirroredRepeatWrapping ) return gl.MIRRORED_REPEAT; + + if ( p === NearestFilter ) return gl.NEAREST; + if ( p === NearestMipMapNearestFilter ) return gl.NEAREST_MIPMAP_NEAREST; + if ( p === NearestMipMapLinearFilter ) return gl.NEAREST_MIPMAP_LINEAR; + + if ( p === LinearFilter ) return gl.LINEAR; + if ( p === LinearMipMapNearestFilter ) return gl.LINEAR_MIPMAP_NEAREST; + if ( p === LinearMipMapLinearFilter ) return gl.LINEAR_MIPMAP_LINEAR; + + if ( p === UnsignedByteType ) return gl.UNSIGNED_BYTE; + if ( p === UnsignedShort4444Type ) return gl.UNSIGNED_SHORT_4_4_4_4; + if ( p === UnsignedShort5551Type ) return gl.UNSIGNED_SHORT_5_5_5_1; + if ( p === UnsignedShort565Type ) return gl.UNSIGNED_SHORT_5_6_5; + + if ( p === ByteType ) return gl.BYTE; + if ( p === ShortType ) return gl.SHORT; + if ( p === UnsignedShortType ) return gl.UNSIGNED_SHORT; + if ( p === IntType ) return gl.INT; + if ( p === UnsignedIntType ) return gl.UNSIGNED_INT; + if ( p === FloatType ) return gl.FLOAT; + + if ( p === HalfFloatType ) { + + extension = extensions.get( 'OES_texture_half_float' ); + + if ( extension !== null ) return extension.HALF_FLOAT_OES; + + } + + if ( p === AlphaFormat ) return gl.ALPHA; + if ( p === RGBFormat ) return gl.RGB; + if ( p === RGBAFormat ) return gl.RGBA; + if ( p === LuminanceFormat ) return gl.LUMINANCE; + if ( p === LuminanceAlphaFormat ) return gl.LUMINANCE_ALPHA; + if ( p === DepthFormat ) return gl.DEPTH_COMPONENT; + if ( p === DepthStencilFormat ) return gl.DEPTH_STENCIL; + + if ( p === AddEquation ) return gl.FUNC_ADD; + if ( p === SubtractEquation ) return gl.FUNC_SUBTRACT; + if ( p === ReverseSubtractEquation ) return gl.FUNC_REVERSE_SUBTRACT; + + if ( p === ZeroFactor ) return gl.ZERO; + if ( p === OneFactor ) return gl.ONE; + if ( p === SrcColorFactor ) return gl.SRC_COLOR; + if ( p === OneMinusSrcColorFactor ) return gl.ONE_MINUS_SRC_COLOR; + if ( p === SrcAlphaFactor ) return gl.SRC_ALPHA; + if ( p === OneMinusSrcAlphaFactor ) return gl.ONE_MINUS_SRC_ALPHA; + if ( p === DstAlphaFactor ) return gl.DST_ALPHA; + if ( p === OneMinusDstAlphaFactor ) return gl.ONE_MINUS_DST_ALPHA; + + if ( p === DstColorFactor ) return gl.DST_COLOR; + if ( p === OneMinusDstColorFactor ) return gl.ONE_MINUS_DST_COLOR; + if ( p === SrcAlphaSaturateFactor ) return gl.SRC_ALPHA_SATURATE; + + if ( p === RGB_S3TC_DXT1_Format || p === RGBA_S3TC_DXT1_Format || + p === RGBA_S3TC_DXT3_Format || p === RGBA_S3TC_DXT5_Format ) { + + extension = extensions.get( 'WEBGL_compressed_texture_s3tc' ); + + if ( extension !== null ) { + + if ( p === RGB_S3TC_DXT1_Format ) return extension.COMPRESSED_RGB_S3TC_DXT1_EXT; + if ( p === RGBA_S3TC_DXT1_Format ) return extension.COMPRESSED_RGBA_S3TC_DXT1_EXT; + if ( p === RGBA_S3TC_DXT3_Format ) return extension.COMPRESSED_RGBA_S3TC_DXT3_EXT; + if ( p === RGBA_S3TC_DXT5_Format ) return extension.COMPRESSED_RGBA_S3TC_DXT5_EXT; + + } + + } + + if ( p === RGB_PVRTC_4BPPV1_Format || p === RGB_PVRTC_2BPPV1_Format || + p === RGBA_PVRTC_4BPPV1_Format || p === RGBA_PVRTC_2BPPV1_Format ) { + + extension = extensions.get( 'WEBGL_compressed_texture_pvrtc' ); + + if ( extension !== null ) { + + if ( p === RGB_PVRTC_4BPPV1_Format ) return extension.COMPRESSED_RGB_PVRTC_4BPPV1_IMG; + if ( p === RGB_PVRTC_2BPPV1_Format ) return extension.COMPRESSED_RGB_PVRTC_2BPPV1_IMG; + if ( p === RGBA_PVRTC_4BPPV1_Format ) return extension.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG; + if ( p === RGBA_PVRTC_2BPPV1_Format ) return extension.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG; + + } + + } + + if ( p === RGB_ETC1_Format ) { + + extension = extensions.get( 'WEBGL_compressed_texture_etc1' ); + + if ( extension !== null ) return extension.COMPRESSED_RGB_ETC1_WEBGL; + + } + + if ( p === RGBA_ASTC_4x4_Format || p === RGBA_ASTC_5x4_Format || p === RGBA_ASTC_5x5_Format || + p === RGBA_ASTC_6x5_Format || p === RGBA_ASTC_6x6_Format || p === RGBA_ASTC_8x5_Format || + p === RGBA_ASTC_8x6_Format || p === RGBA_ASTC_8x8_Format || p === RGBA_ASTC_10x5_Format || + p === RGBA_ASTC_10x6_Format || p === RGBA_ASTC_10x8_Format || p === RGBA_ASTC_10x10_Format || + p === RGBA_ASTC_12x10_Format || p === RGBA_ASTC_12x12_Format ) { + + extension = extensions.get( 'WEBGL_compressed_texture_astc' ); + + if ( extension !== null ) { + + return p; + + } + + } + + if ( p === MinEquation || p === MaxEquation ) { + + extension = extensions.get( 'EXT_blend_minmax' ); + + if ( extension !== null ) { + + if ( p === MinEquation ) return extension.MIN_EXT; + if ( p === MaxEquation ) return extension.MAX_EXT; + + } + + } + + if ( p === UnsignedInt248Type ) { + + extension = extensions.get( 'WEBGL_depth_texture' ); + + if ( extension !== null ) return extension.UNSIGNED_INT_24_8_WEBGL; + + } + + return 0; + + } + + return { convert: convert }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + * @author greggman / http://games.greggman.com/ + * @author zz85 / http://www.lab4games.net/zz85/blog + * @author tschw + */ + + function PerspectiveCamera( fov, aspect, near, far ) { + + Camera.call( this ); + + this.type = 'PerspectiveCamera'; + + this.fov = fov !== undefined ? fov : 50; + this.zoom = 1; + + this.near = near !== undefined ? near : 0.1; + this.far = far !== undefined ? far : 2000; + this.focus = 10; + + this.aspect = aspect !== undefined ? aspect : 1; + this.view = null; + + this.filmGauge = 35; // width of the film (default in millimeters) + this.filmOffset = 0; // horizontal film offset (same unit as gauge) + + this.updateProjectionMatrix(); + + } + + PerspectiveCamera.prototype = Object.assign( Object.create( Camera.prototype ), { + + constructor: PerspectiveCamera, + + isPerspectiveCamera: true, + + copy: function ( source, recursive ) { + + Camera.prototype.copy.call( this, source, recursive ); + + this.fov = source.fov; + this.zoom = source.zoom; + + this.near = source.near; + this.far = source.far; + this.focus = source.focus; + + this.aspect = source.aspect; + this.view = source.view === null ? null : Object.assign( {}, source.view ); + + this.filmGauge = source.filmGauge; + this.filmOffset = source.filmOffset; + + return this; + + }, + + /** + * Sets the FOV by focal length in respect to the current .filmGauge. + * + * The default film gauge is 35, so that the focal length can be specified for + * a 35mm (full frame) camera. + * + * Values for focal length and film gauge must have the same unit. + */ + setFocalLength: function ( focalLength ) { + + // see http://www.bobatkins.com/photography/technical/field_of_view.html + var vExtentSlope = 0.5 * this.getFilmHeight() / focalLength; + + this.fov = _Math.RAD2DEG * 2 * Math.atan( vExtentSlope ); + this.updateProjectionMatrix(); + + }, + + /** + * Calculates the focal length from the current .fov and .filmGauge. + */ + getFocalLength: function () { + + var vExtentSlope = Math.tan( _Math.DEG2RAD * 0.5 * this.fov ); + + return 0.5 * this.getFilmHeight() / vExtentSlope; + + }, + + getEffectiveFOV: function () { + + return _Math.RAD2DEG * 2 * Math.atan( + Math.tan( _Math.DEG2RAD * 0.5 * this.fov ) / this.zoom ); + + }, + + getFilmWidth: function () { + + // film not completely covered in portrait format (aspect < 1) + return this.filmGauge * Math.min( this.aspect, 1 ); + + }, + + getFilmHeight: function () { + + // film not completely covered in landscape format (aspect > 1) + return this.filmGauge / Math.max( this.aspect, 1 ); + + }, + + /** + * Sets an offset in a larger frustum. This is useful for multi-window or + * multi-monitor/multi-machine setups. + * + * For example, if you have 3x2 monitors and each monitor is 1920x1080 and + * the monitors are in grid like this + * + * +---+---+---+ + * | A | B | C | + * +---+---+---+ + * | D | E | F | + * +---+---+---+ + * + * then for each monitor you would call it like this + * + * var w = 1920; + * var h = 1080; + * var fullWidth = w * 3; + * var fullHeight = h * 2; + * + * --A-- + * camera.setOffset( fullWidth, fullHeight, w * 0, h * 0, w, h ); + * --B-- + * camera.setOffset( fullWidth, fullHeight, w * 1, h * 0, w, h ); + * --C-- + * camera.setOffset( fullWidth, fullHeight, w * 2, h * 0, w, h ); + * --D-- + * camera.setOffset( fullWidth, fullHeight, w * 0, h * 1, w, h ); + * --E-- + * camera.setOffset( fullWidth, fullHeight, w * 1, h * 1, w, h ); + * --F-- + * camera.setOffset( fullWidth, fullHeight, w * 2, h * 1, w, h ); + * + * Note there is no reason monitors have to be the same size or in a grid. + */ + setViewOffset: function ( fullWidth, fullHeight, x, y, width, height ) { + + this.aspect = fullWidth / fullHeight; + + if ( this.view === null ) { + + this.view = { + enabled: true, + fullWidth: 1, + fullHeight: 1, + offsetX: 0, + offsetY: 0, + width: 1, + height: 1 + }; + + } + + this.view.enabled = true; + this.view.fullWidth = fullWidth; + this.view.fullHeight = fullHeight; + this.view.offsetX = x; + this.view.offsetY = y; + this.view.width = width; + this.view.height = height; + + this.updateProjectionMatrix(); + + }, + + clearViewOffset: function () { + + if ( this.view !== null ) { + + this.view.enabled = false; + + } + + this.updateProjectionMatrix(); + + }, + + updateProjectionMatrix: function () { + + var near = this.near, + top = near * Math.tan( + _Math.DEG2RAD * 0.5 * this.fov ) / this.zoom, + height = 2 * top, + width = this.aspect * height, + left = - 0.5 * width, + view = this.view; + + if ( this.view !== null && this.view.enabled ) { + + var fullWidth = view.fullWidth, + fullHeight = view.fullHeight; + + left += view.offsetX * width / fullWidth; + top -= view.offsetY * height / fullHeight; + width *= view.width / fullWidth; + height *= view.height / fullHeight; + + } + + var skew = this.filmOffset; + if ( skew !== 0 ) left += near * skew / this.getFilmWidth(); + + this.projectionMatrix.makePerspective( left, left + width, top, top - height, near, this.far ); + + }, + + toJSON: function ( meta ) { + + var data = Object3D.prototype.toJSON.call( this, meta ); + + data.object.fov = this.fov; + data.object.zoom = this.zoom; + + data.object.near = this.near; + data.object.far = this.far; + data.object.focus = this.focus; + + data.object.aspect = this.aspect; + + if ( this.view !== null ) data.object.view = Object.assign( {}, this.view ); + + data.object.filmGauge = this.filmGauge; + data.object.filmOffset = this.filmOffset; + + return data; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function ArrayCamera( array ) { + + PerspectiveCamera.call( this ); + + this.cameras = array || []; + + } + + ArrayCamera.prototype = Object.assign( Object.create( PerspectiveCamera.prototype ), { + + constructor: ArrayCamera, + + isArrayCamera: true + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebVRManager( renderer ) { + + var scope = this; + + var device = null; + var frameData = null; + + var poseTarget = null; + + var standingMatrix = new Matrix4(); + var standingMatrixInverse = new Matrix4(); + + if ( typeof window !== 'undefined' && 'VRFrameData' in window ) { + + frameData = new window.VRFrameData(); + window.addEventListener( 'vrdisplaypresentchange', onVRDisplayPresentChange, false ); + + } + + var matrixWorldInverse = new Matrix4(); + var tempQuaternion = new Quaternion(); + var tempPosition = new Vector3(); + + var cameraL = new PerspectiveCamera(); + cameraL.bounds = new Vector4( 0.0, 0.0, 0.5, 1.0 ); + cameraL.layers.enable( 1 ); + + var cameraR = new PerspectiveCamera(); + cameraR.bounds = new Vector4( 0.5, 0.0, 0.5, 1.0 ); + cameraR.layers.enable( 2 ); + + var cameraVR = new ArrayCamera( [ cameraL, cameraR ] ); + cameraVR.layers.enable( 1 ); + cameraVR.layers.enable( 2 ); + + // + + function isPresenting() { + + return device !== null && device.isPresenting === true; + + } + + var currentSize, currentPixelRatio; + + function onVRDisplayPresentChange() { + + if ( isPresenting() ) { + + var eyeParameters = device.getEyeParameters( 'left' ); + var renderWidth = eyeParameters.renderWidth; + var renderHeight = eyeParameters.renderHeight; + + currentPixelRatio = renderer.getPixelRatio(); + currentSize = renderer.getSize(); + + renderer.setDrawingBufferSize( renderWidth * 2, renderHeight, 1 ); + + animation.start(); + + } else if ( scope.enabled ) { + + renderer.setDrawingBufferSize( currentSize.width, currentSize.height, currentPixelRatio ); + + animation.stop(); + + } + + } + + // + + this.enabled = false; + this.userHeight = 1.6; + + this.getDevice = function () { + + return device; + + }; + + this.setDevice = function ( value ) { + + if ( value !== undefined ) device = value; + + animation.setContext( value ); + + }; + + this.setPoseTarget = function ( object ) { + + if ( object !== undefined ) poseTarget = object; + + }; + + this.getCamera = function ( camera ) { + + if ( device === null ) return camera; + + device.depthNear = camera.near; + device.depthFar = camera.far; + + device.getFrameData( frameData ); + + // + + var stageParameters = device.stageParameters; + + if ( stageParameters ) { + + standingMatrix.fromArray( stageParameters.sittingToStandingTransform ); + + } else { + + standingMatrix.makeTranslation( 0, scope.userHeight, 0 ); + + } + + + var pose = frameData.pose; + var poseObject = poseTarget !== null ? poseTarget : camera; + + // We want to manipulate poseObject by its position and quaternion components since users may rely on them. + poseObject.matrix.copy( standingMatrix ); + poseObject.matrix.decompose( poseObject.position, poseObject.quaternion, poseObject.scale ); + + if ( pose.orientation !== null ) { + + tempQuaternion.fromArray( pose.orientation ); + poseObject.quaternion.multiply( tempQuaternion ); + + } + + if ( pose.position !== null ) { + + tempQuaternion.setFromRotationMatrix( standingMatrix ); + tempPosition.fromArray( pose.position ); + tempPosition.applyQuaternion( tempQuaternion ); + poseObject.position.add( tempPosition ); + + } + + poseObject.updateMatrixWorld(); + + if ( device.isPresenting === false ) return camera; + + // + + cameraL.near = camera.near; + cameraR.near = camera.near; + + cameraL.far = camera.far; + cameraR.far = camera.far; + + cameraVR.matrixWorld.copy( camera.matrixWorld ); + cameraVR.matrixWorldInverse.copy( camera.matrixWorldInverse ); + + cameraL.matrixWorldInverse.fromArray( frameData.leftViewMatrix ); + cameraR.matrixWorldInverse.fromArray( frameData.rightViewMatrix ); + + // TODO (mrdoob) Double check this code + + standingMatrixInverse.getInverse( standingMatrix ); + + cameraL.matrixWorldInverse.multiply( standingMatrixInverse ); + cameraR.matrixWorldInverse.multiply( standingMatrixInverse ); + + var parent = poseObject.parent; + + if ( parent !== null ) { + + matrixWorldInverse.getInverse( parent.matrixWorld ); + + cameraL.matrixWorldInverse.multiply( matrixWorldInverse ); + cameraR.matrixWorldInverse.multiply( matrixWorldInverse ); + + } + + // envMap and Mirror needs camera.matrixWorld + + cameraL.matrixWorld.getInverse( cameraL.matrixWorldInverse ); + cameraR.matrixWorld.getInverse( cameraR.matrixWorldInverse ); + + cameraL.projectionMatrix.fromArray( frameData.leftProjectionMatrix ); + cameraR.projectionMatrix.fromArray( frameData.rightProjectionMatrix ); + + // HACK (mrdoob) + // https://github.com/w3c/webvr/issues/203 + + cameraVR.projectionMatrix.copy( cameraL.projectionMatrix ); + + // + + var layers = device.getLayers(); + + if ( layers.length ) { + + var layer = layers[ 0 ]; + + if ( layer.leftBounds !== null && layer.leftBounds.length === 4 ) { + + cameraL.bounds.fromArray( layer.leftBounds ); + + } + + if ( layer.rightBounds !== null && layer.rightBounds.length === 4 ) { + + cameraR.bounds.fromArray( layer.rightBounds ); + + } + + } + + return cameraVR; + + }; + + this.getStandingMatrix = function () { + + return standingMatrix; + + }; + + this.isPresenting = isPresenting; + + // Animation Loop + + var animation = new WebGLAnimation(); + + this.setAnimationLoop = function ( callback ) { + + animation.setAnimationLoop( callback ); + + }; + + this.submitFrame = function () { + + if ( isPresenting() ) device.submitFrame(); + + }; + + this.dispose = function () { + + if ( typeof window !== 'undefined' ) { + + window.removeEventListener( 'vrdisplaypresentchange', onVRDisplayPresentChange ); + + } + + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function WebXRManager( renderer ) { + + var gl = renderer.context; + + var device = null; + var session = null; + + var frameOfRef = null; + + var pose = null; + + function isPresenting() { + + return session !== null && frameOfRef !== null; + + } + + // + + var cameraL = new PerspectiveCamera(); + cameraL.layers.enable( 1 ); + cameraL.viewport = new Vector4(); + + var cameraR = new PerspectiveCamera(); + cameraR.layers.enable( 2 ); + cameraR.viewport = new Vector4(); + + var cameraVR = new ArrayCamera( [ cameraL, cameraR ] ); + cameraVR.layers.enable( 1 ); + cameraVR.layers.enable( 2 ); + + // + + this.enabled = false; + + this.getDevice = function () { + + return device; + + }; + + this.setDevice = function ( value ) { + + if ( value !== undefined ) device = value; + + gl.setCompatibleXRDevice( value ); + + }; + + // + + this.setSession = function ( value, options ) { + + session = value; + + if ( session !== null ) { + + session.addEventListener( 'end', function () { + + renderer.setFramebuffer( null ); + animation.stop(); + + } ); + + session.baseLayer = new XRWebGLLayer( session, gl ); + session.requestFrameOfReference( options.frameOfReferenceType ).then( function ( value ) { + + frameOfRef = value; + + renderer.setFramebuffer( session.baseLayer.framebuffer ); + + animation.setContext( session ); + animation.start(); + + } ); + + } + + }; + + function updateCamera( camera, parent ) { + + if ( parent === null ) { + + camera.matrixWorld.copy( camera.matrix ); + + } else { + + camera.matrixWorld.multiplyMatrices( parent.matrixWorld, camera.matrix ); + + } + + camera.matrixWorldInverse.getInverse( camera.matrixWorld ); + + } + + this.getCamera = function ( camera ) { + + if ( isPresenting() ) { + + var parent = camera.parent; + var cameras = cameraVR.cameras; + + // apply camera.parent to cameraVR + + updateCamera( cameraVR, parent ); + + for ( var i = 0; i < cameras.length; i ++ ) { + + updateCamera( cameras[ i ], parent ); + + } + + // update camera and its children + + camera.matrixWorld.copy( cameraVR.matrixWorld ); + + var children = camera.children; + + for ( var i = 0, l = children.length; i < l; i ++ ) { + + children[ i ].updateMatrixWorld( true ); + + } + + return cameraVR; + + } + + return camera; + + }; + + this.isPresenting = isPresenting; + + // Animation Loop + + var onAnimationFrameCallback = null; + + function onAnimationFrame( time, frame ) { + + pose = frame.getDevicePose( frameOfRef ); + + var layer = session.baseLayer; + var views = frame.views; + + for ( var i = 0; i < views.length; i ++ ) { + + var view = views[ i ]; + var viewport = layer.getViewport( view ); + var viewMatrix = pose.getViewMatrix( view ); + + var camera = cameraVR.cameras[ i ]; + camera.matrix.fromArray( viewMatrix ).getInverse( camera.matrix ); + camera.projectionMatrix.fromArray( view.projectionMatrix ); + camera.viewport.set( viewport.x, viewport.y, viewport.width, viewport.height ); + + if ( i === 0 ) { + + cameraVR.matrix.copy( camera.matrix ); + + // HACK (mrdoob) + // https://github.com/w3c/webvr/issues/203 + + cameraVR.projectionMatrix.copy( camera.projectionMatrix ); + + } + + } + + if ( onAnimationFrameCallback ) onAnimationFrameCallback(); + + } + + var animation = new WebGLAnimation(); + animation.setAnimationLoop( onAnimationFrame ); + + this.setAnimationLoop = function ( callback ) { + + onAnimationFrameCallback = callback; + + }; + + // DEPRECATED + + this.getStandingMatrix = function () { + + console.warn( 'THREE.WebXRManager: getStandingMatrix() is no longer needed.' ); + return new THREE.Matrix4(); + + }; + + this.submitFrame = function () {}; + + } + + /** + * @author supereggbert / http://www.paulbrunt.co.uk/ + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * @author szimek / https://github.com/szimek/ + * @author tschw + */ + + function WebGLRenderer( parameters ) { + + console.log( 'THREE.WebGLRenderer', REVISION ); + + parameters = parameters || {}; + + var _canvas = parameters.canvas !== undefined ? parameters.canvas : document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' ), + _context = parameters.context !== undefined ? parameters.context : null, + + _alpha = parameters.alpha !== undefined ? parameters.alpha : false, + _depth = parameters.depth !== undefined ? parameters.depth : true, + _stencil = parameters.stencil !== undefined ? parameters.stencil : true, + _antialias = parameters.antialias !== undefined ? parameters.antialias : false, + _premultipliedAlpha = parameters.premultipliedAlpha !== undefined ? parameters.premultipliedAlpha : true, + _preserveDrawingBuffer = parameters.preserveDrawingBuffer !== undefined ? parameters.preserveDrawingBuffer : false, + _powerPreference = parameters.powerPreference !== undefined ? parameters.powerPreference : 'default'; + + var currentRenderList = null; + var currentRenderState = null; + + // public properties + + this.domElement = _canvas; + this.context = null; + + // clearing + + this.autoClear = true; + this.autoClearColor = true; + this.autoClearDepth = true; + this.autoClearStencil = true; + + // scene graph + + this.sortObjects = true; + + // user-defined clipping + + this.clippingPlanes = []; + this.localClippingEnabled = false; + + // physically based shading + + this.gammaFactor = 2.0; // for backwards compatibility + this.gammaInput = false; + this.gammaOutput = false; + + // physical lights + + this.physicallyCorrectLights = false; + + // tone mapping + + this.toneMapping = LinearToneMapping; + this.toneMappingExposure = 1.0; + this.toneMappingWhitePoint = 1.0; + + // morphs + + this.maxMorphTargets = 8; + this.maxMorphNormals = 4; + + // internal properties + + var _this = this, + + _isContextLost = false, + + // internal state cache + + _framebuffer = null, + + _currentRenderTarget = null, + _currentFramebuffer = null, + _currentMaterialId = - 1, + _currentGeometryProgram = '', + + _currentCamera = null, + _currentArrayCamera = null, + + _currentViewport = new Vector4(), + _currentScissor = new Vector4(), + _currentScissorTest = null, + + // + + _usedTextureUnits = 0, + + // + + _width = _canvas.width, + _height = _canvas.height, + + _pixelRatio = 1, + + _viewport = new Vector4( 0, 0, _width, _height ), + _scissor = new Vector4( 0, 0, _width, _height ), + _scissorTest = false, + + // frustum + + _frustum = new Frustum(), + + // clipping + + _clipping = new WebGLClipping(), + _clippingEnabled = false, + _localClippingEnabled = false, + + // camera matrices cache + + _projScreenMatrix = new Matrix4(), + + _vector3 = new Vector3(); + + function getTargetPixelRatio() { + + return _currentRenderTarget === null ? _pixelRatio : 1; + + } + + // initialize + + var _gl; + + try { + + var contextAttributes = { + alpha: _alpha, + depth: _depth, + stencil: _stencil, + antialias: _antialias, + premultipliedAlpha: _premultipliedAlpha, + preserveDrawingBuffer: _preserveDrawingBuffer, + powerPreference: _powerPreference + }; + + // event listeners must be registered before WebGL context is created, see #12753 + + _canvas.addEventListener( 'webglcontextlost', onContextLost, false ); + _canvas.addEventListener( 'webglcontextrestored', onContextRestore, false ); + + _gl = _context || _canvas.getContext( 'webgl', contextAttributes ) || _canvas.getContext( 'experimental-webgl', contextAttributes ); + + if ( _gl === null ) { + + if ( _canvas.getContext( 'webgl' ) !== null ) { + + throw new Error( 'Error creating WebGL context with your selected attributes.' ); + + } else { + + throw new Error( 'Error creating WebGL context.' ); + + } + + } + + // Some experimental-webgl implementations do not have getShaderPrecisionFormat + + if ( _gl.getShaderPrecisionFormat === undefined ) { + + _gl.getShaderPrecisionFormat = function () { + + return { 'rangeMin': 1, 'rangeMax': 1, 'precision': 1 }; + + }; + + } + + } catch ( error ) { + + console.error( 'THREE.WebGLRenderer: ' + error.message ); + + } + + var extensions, capabilities, state, info; + var properties, textures, attributes, geometries, objects; + var programCache, renderLists, renderStates; + + var background, morphtargets, bufferRenderer, indexedBufferRenderer; + var spriteRenderer; + + var utils; + + function initGLContext() { + + extensions = new WebGLExtensions( _gl ); + extensions.get( 'WEBGL_depth_texture' ); + extensions.get( 'OES_texture_float' ); + extensions.get( 'OES_texture_float_linear' ); + extensions.get( 'OES_texture_half_float' ); + extensions.get( 'OES_texture_half_float_linear' ); + extensions.get( 'OES_standard_derivatives' ); + extensions.get( 'OES_element_index_uint' ); + extensions.get( 'ANGLE_instanced_arrays' ); + + utils = new WebGLUtils( _gl, extensions ); + + capabilities = new WebGLCapabilities( _gl, extensions, parameters ); + + state = new WebGLState( _gl, extensions, utils ); + state.scissor( _currentScissor.copy( _scissor ).multiplyScalar( _pixelRatio ) ); + state.viewport( _currentViewport.copy( _viewport ).multiplyScalar( _pixelRatio ) ); + + info = new WebGLInfo( _gl ); + properties = new WebGLProperties(); + textures = new WebGLTextures( _gl, extensions, state, properties, capabilities, utils, info ); + attributes = new WebGLAttributes( _gl ); + geometries = new WebGLGeometries( _gl, attributes, info ); + objects = new WebGLObjects( geometries, info ); + morphtargets = new WebGLMorphtargets( _gl ); + programCache = new WebGLPrograms( _this, extensions, capabilities ); + renderLists = new WebGLRenderLists(); + renderStates = new WebGLRenderStates(); + + background = new WebGLBackground( _this, state, objects, _premultipliedAlpha ); + + bufferRenderer = new WebGLBufferRenderer( _gl, extensions, info ); + indexedBufferRenderer = new WebGLIndexedBufferRenderer( _gl, extensions, info ); + + spriteRenderer = new WebGLSpriteRenderer( _this, _gl, state, textures, capabilities ); + + info.programs = programCache.programs; + + _this.context = _gl; + _this.capabilities = capabilities; + _this.extensions = extensions; + _this.properties = properties; + _this.renderLists = renderLists; + _this.state = state; + _this.info = info; + + } + + initGLContext(); + + // vr + + var vr = ( 'xr' in navigator ) ? new WebXRManager( _this ) : new WebVRManager( _this ); + + this.vr = vr; + + // shadow map + + var shadowMap = new WebGLShadowMap( _this, objects, capabilities.maxTextureSize ); + + this.shadowMap = shadowMap; + + // API + + this.getContext = function () { + + return _gl; + + }; + + this.getContextAttributes = function () { + + return _gl.getContextAttributes(); + + }; + + this.forceContextLoss = function () { + + var extension = extensions.get( 'WEBGL_lose_context' ); + if ( extension ) extension.loseContext(); + + }; + + this.forceContextRestore = function () { + + var extension = extensions.get( 'WEBGL_lose_context' ); + if ( extension ) extension.restoreContext(); + + }; + + this.getPixelRatio = function () { + + return _pixelRatio; + + }; + + this.setPixelRatio = function ( value ) { + + if ( value === undefined ) return; + + _pixelRatio = value; + + this.setSize( _width, _height, false ); + + }; + + this.getSize = function () { + + return { + width: _width, + height: _height + }; + + }; + + this.setSize = function ( width, height, updateStyle ) { + + if ( vr.isPresenting() ) { + + console.warn( 'THREE.WebGLRenderer: Can\'t change size while VR device is presenting.' ); + return; + + } + + _width = width; + _height = height; + + _canvas.width = width * _pixelRatio; + _canvas.height = height * _pixelRatio; + + if ( updateStyle !== false ) { + + _canvas.style.width = width + 'px'; + _canvas.style.height = height + 'px'; + + } + + this.setViewport( 0, 0, width, height ); + + }; + + this.getDrawingBufferSize = function () { + + return { + width: _width * _pixelRatio, + height: _height * _pixelRatio + }; + + }; + + this.setDrawingBufferSize = function ( width, height, pixelRatio ) { + + _width = width; + _height = height; + + _pixelRatio = pixelRatio; + + _canvas.width = width * pixelRatio; + _canvas.height = height * pixelRatio; + + this.setViewport( 0, 0, width, height ); + + }; + + this.getCurrentViewport = function () { + + return _currentViewport; + + }; + + this.setViewport = function ( x, y, width, height ) { + + _viewport.set( x, _height - y - height, width, height ); + state.viewport( _currentViewport.copy( _viewport ).multiplyScalar( _pixelRatio ) ); + + }; + + this.setScissor = function ( x, y, width, height ) { + + _scissor.set( x, _height - y - height, width, height ); + state.scissor( _currentScissor.copy( _scissor ).multiplyScalar( _pixelRatio ) ); + + }; + + this.setScissorTest = function ( boolean ) { + + state.setScissorTest( _scissorTest = boolean ); + + }; + + // Clearing + + this.getClearColor = function () { + + return background.getClearColor(); + + }; + + this.setClearColor = function () { + + background.setClearColor.apply( background, arguments ); + + }; + + this.getClearAlpha = function () { + + return background.getClearAlpha(); + + }; + + this.setClearAlpha = function () { + + background.setClearAlpha.apply( background, arguments ); + + }; + + this.clear = function ( color, depth, stencil ) { + + var bits = 0; + + if ( color === undefined || color ) bits |= _gl.COLOR_BUFFER_BIT; + if ( depth === undefined || depth ) bits |= _gl.DEPTH_BUFFER_BIT; + if ( stencil === undefined || stencil ) bits |= _gl.STENCIL_BUFFER_BIT; + + _gl.clear( bits ); + + }; + + this.clearColor = function () { + + this.clear( true, false, false ); + + }; + + this.clearDepth = function () { + + this.clear( false, true, false ); + + }; + + this.clearStencil = function () { + + this.clear( false, false, true ); + + }; + + this.clearTarget = function ( renderTarget, color, depth, stencil ) { + + this.setRenderTarget( renderTarget ); + this.clear( color, depth, stencil ); + + }; + + // + + this.dispose = function () { + + _canvas.removeEventListener( 'webglcontextlost', onContextLost, false ); + _canvas.removeEventListener( 'webglcontextrestored', onContextRestore, false ); + + renderLists.dispose(); + renderStates.dispose(); + properties.dispose(); + objects.dispose(); + + vr.dispose(); + + animation.stop(); + + }; + + // Events + + function onContextLost( event ) { + + event.preventDefault(); + + console.log( 'THREE.WebGLRenderer: Context Lost.' ); + + _isContextLost = true; + + } + + function onContextRestore( /* event */ ) { + + console.log( 'THREE.WebGLRenderer: Context Restored.' ); + + _isContextLost = false; + + initGLContext(); + + } + + function onMaterialDispose( event ) { + + var material = event.target; + + material.removeEventListener( 'dispose', onMaterialDispose ); + + deallocateMaterial( material ); + + } + + // Buffer deallocation + + function deallocateMaterial( material ) { + + releaseMaterialProgramReference( material ); + + properties.remove( material ); + + } + + + function releaseMaterialProgramReference( material ) { + + var programInfo = properties.get( material ).program; + + material.program = undefined; + + if ( programInfo !== undefined ) { + + programCache.releaseProgram( programInfo ); + + } + + } + + // Buffer rendering + + function renderObjectImmediate( object, program, material ) { + + object.render( function ( object ) { + + _this.renderBufferImmediate( object, program, material ); + + } ); + + } + + this.renderBufferImmediate = function ( object, program, material ) { + + state.initAttributes(); + + var buffers = properties.get( object ); + + if ( object.hasPositions && ! buffers.position ) buffers.position = _gl.createBuffer(); + if ( object.hasNormals && ! buffers.normal ) buffers.normal = _gl.createBuffer(); + if ( object.hasUvs && ! buffers.uv ) buffers.uv = _gl.createBuffer(); + if ( object.hasColors && ! buffers.color ) buffers.color = _gl.createBuffer(); + + var programAttributes = program.getAttributes(); + + if ( object.hasPositions ) { + + _gl.bindBuffer( _gl.ARRAY_BUFFER, buffers.position ); + _gl.bufferData( _gl.ARRAY_BUFFER, object.positionArray, _gl.DYNAMIC_DRAW ); + + state.enableAttribute( programAttributes.position ); + _gl.vertexAttribPointer( programAttributes.position, 3, _gl.FLOAT, false, 0, 0 ); + + } + + if ( object.hasNormals ) { + + _gl.bindBuffer( _gl.ARRAY_BUFFER, buffers.normal ); + + if ( ! material.isMeshPhongMaterial && + ! material.isMeshStandardMaterial && + ! material.isMeshNormalMaterial && + material.flatShading === true ) { + + for ( var i = 0, l = object.count * 3; i < l; i += 9 ) { + + var array = object.normalArray; + + var nx = ( array[ i + 0 ] + array[ i + 3 ] + array[ i + 6 ] ) / 3; + var ny = ( array[ i + 1 ] + array[ i + 4 ] + array[ i + 7 ] ) / 3; + var nz = ( array[ i + 2 ] + array[ i + 5 ] + array[ i + 8 ] ) / 3; + + array[ i + 0 ] = nx; + array[ i + 1 ] = ny; + array[ i + 2 ] = nz; + + array[ i + 3 ] = nx; + array[ i + 4 ] = ny; + array[ i + 5 ] = nz; + + array[ i + 6 ] = nx; + array[ i + 7 ] = ny; + array[ i + 8 ] = nz; + + } + + } + + _gl.bufferData( _gl.ARRAY_BUFFER, object.normalArray, _gl.DYNAMIC_DRAW ); + + state.enableAttribute( programAttributes.normal ); + + _gl.vertexAttribPointer( programAttributes.normal, 3, _gl.FLOAT, false, 0, 0 ); + + } + + if ( object.hasUvs && material.map ) { + + _gl.bindBuffer( _gl.ARRAY_BUFFER, buffers.uv ); + _gl.bufferData( _gl.ARRAY_BUFFER, object.uvArray, _gl.DYNAMIC_DRAW ); + + state.enableAttribute( programAttributes.uv ); + + _gl.vertexAttribPointer( programAttributes.uv, 2, _gl.FLOAT, false, 0, 0 ); + + } + + if ( object.hasColors && material.vertexColors !== NoColors ) { + + _gl.bindBuffer( _gl.ARRAY_BUFFER, buffers.color ); + _gl.bufferData( _gl.ARRAY_BUFFER, object.colorArray, _gl.DYNAMIC_DRAW ); + + state.enableAttribute( programAttributes.color ); + + _gl.vertexAttribPointer( programAttributes.color, 3, _gl.FLOAT, false, 0, 0 ); + + } + + state.disableUnusedAttributes(); + + _gl.drawArrays( _gl.TRIANGLES, 0, object.count ); + + object.count = 0; + + }; + + this.renderBufferDirect = function ( camera, fog, geometry, material, object, group ) { + + var frontFaceCW = ( object.isMesh && object.matrixWorld.determinant() < 0 ); + + state.setMaterial( material, frontFaceCW ); + + var program = setProgram( camera, fog, material, object ); + var geometryProgram = geometry.id + '_' + program.id + '_' + ( material.wireframe === true ); + + var updateBuffers = false; + + if ( geometryProgram !== _currentGeometryProgram ) { + + _currentGeometryProgram = geometryProgram; + updateBuffers = true; + + } + + if ( object.morphTargetInfluences ) { + + morphtargets.update( object, geometry, material, program ); + + updateBuffers = true; + + } + + // + + var index = geometry.index; + var position = geometry.attributes.position; + var rangeFactor = 1; + + if ( material.wireframe === true ) { + + index = geometries.getWireframeAttribute( geometry ); + rangeFactor = 2; + + } + + var attribute; + var renderer = bufferRenderer; + + if ( index !== null ) { + + attribute = attributes.get( index ); + + renderer = indexedBufferRenderer; + renderer.setIndex( attribute ); + + } + + if ( updateBuffers ) { + + setupVertexAttributes( material, program, geometry ); + + if ( index !== null ) { + + _gl.bindBuffer( _gl.ELEMENT_ARRAY_BUFFER, attribute.buffer ); + + } + + } + + // + + var dataCount = Infinity; + + if ( index !== null ) { + + dataCount = index.count; + + } else if ( position !== undefined ) { + + dataCount = position.count; + + } + + var rangeStart = geometry.drawRange.start * rangeFactor; + var rangeCount = geometry.drawRange.count * rangeFactor; + + var groupStart = group !== null ? group.start * rangeFactor : 0; + var groupCount = group !== null ? group.count * rangeFactor : Infinity; + + var drawStart = Math.max( rangeStart, groupStart ); + var drawEnd = Math.min( dataCount, rangeStart + rangeCount, groupStart + groupCount ) - 1; + + var drawCount = Math.max( 0, drawEnd - drawStart + 1 ); + + if ( drawCount === 0 ) return; + + // + + if ( object.isMesh ) { + + if ( material.wireframe === true ) { + + state.setLineWidth( material.wireframeLinewidth * getTargetPixelRatio() ); + renderer.setMode( _gl.LINES ); + + } else { + + switch ( object.drawMode ) { + + case TrianglesDrawMode: + renderer.setMode( _gl.TRIANGLES ); + break; + + case TriangleStripDrawMode: + renderer.setMode( _gl.TRIANGLE_STRIP ); + break; + + case TriangleFanDrawMode: + renderer.setMode( _gl.TRIANGLE_FAN ); + break; + + } + + } + + + } else if ( object.isLine ) { + + var lineWidth = material.linewidth; + + if ( lineWidth === undefined ) lineWidth = 1; // Not using Line*Material + + state.setLineWidth( lineWidth * getTargetPixelRatio() ); + + if ( object.isLineSegments ) { + + renderer.setMode( _gl.LINES ); + + } else if ( object.isLineLoop ) { + + renderer.setMode( _gl.LINE_LOOP ); + + } else { + + renderer.setMode( _gl.LINE_STRIP ); + + } + + } else if ( object.isPoints ) { + + renderer.setMode( _gl.POINTS ); + + } + + if ( geometry && geometry.isInstancedBufferGeometry ) { + + if ( geometry.maxInstancedCount > 0 ) { + + renderer.renderInstances( geometry, drawStart, drawCount ); + + } + + } else { + + renderer.render( drawStart, drawCount ); + + } + + }; + + function setupVertexAttributes( material, program, geometry ) { + + if ( geometry && geometry.isInstancedBufferGeometry ) { + + if ( extensions.get( 'ANGLE_instanced_arrays' ) === null ) { + + console.error( 'THREE.WebGLRenderer.setupVertexAttributes: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.' ); + return; + + } + + } + + state.initAttributes(); + + var geometryAttributes = geometry.attributes; + + var programAttributes = program.getAttributes(); + + var materialDefaultAttributeValues = material.defaultAttributeValues; + + for ( var name in programAttributes ) { + + var programAttribute = programAttributes[ name ]; + + if ( programAttribute >= 0 ) { + + var geometryAttribute = geometryAttributes[ name ]; + + if ( geometryAttribute !== undefined ) { + + var normalized = geometryAttribute.normalized; + var size = geometryAttribute.itemSize; + + var attribute = attributes.get( geometryAttribute ); + + // TODO Attribute may not be available on context restore + + if ( attribute === undefined ) continue; + + var buffer = attribute.buffer; + var type = attribute.type; + var bytesPerElement = attribute.bytesPerElement; + + if ( geometryAttribute.isInterleavedBufferAttribute ) { + + var data = geometryAttribute.data; + var stride = data.stride; + var offset = geometryAttribute.offset; + + if ( data && data.isInstancedInterleavedBuffer ) { + + state.enableAttributeAndDivisor( programAttribute, data.meshPerAttribute ); + + if ( geometry.maxInstancedCount === undefined ) { + + geometry.maxInstancedCount = data.meshPerAttribute * data.count; + + } + + } else { + + state.enableAttribute( programAttribute ); + + } + + _gl.bindBuffer( _gl.ARRAY_BUFFER, buffer ); + _gl.vertexAttribPointer( programAttribute, size, type, normalized, stride * bytesPerElement, offset * bytesPerElement ); + + } else { + + if ( geometryAttribute.isInstancedBufferAttribute ) { + + state.enableAttributeAndDivisor( programAttribute, geometryAttribute.meshPerAttribute ); + + if ( geometry.maxInstancedCount === undefined ) { + + geometry.maxInstancedCount = geometryAttribute.meshPerAttribute * geometryAttribute.count; + + } + + } else { + + state.enableAttribute( programAttribute ); + + } + + _gl.bindBuffer( _gl.ARRAY_BUFFER, buffer ); + _gl.vertexAttribPointer( programAttribute, size, type, normalized, 0, 0 ); + + } + + } else if ( materialDefaultAttributeValues !== undefined ) { + + var value = materialDefaultAttributeValues[ name ]; + + if ( value !== undefined ) { + + switch ( value.length ) { + + case 2: + _gl.vertexAttrib2fv( programAttribute, value ); + break; + + case 3: + _gl.vertexAttrib3fv( programAttribute, value ); + break; + + case 4: + _gl.vertexAttrib4fv( programAttribute, value ); + break; + + default: + _gl.vertexAttrib1fv( programAttribute, value ); + + } + + } + + } + + } + + } + + state.disableUnusedAttributes(); + + } + + // Compile + + this.compile = function ( scene, camera ) { + + currentRenderState = renderStates.get( scene, camera ); + currentRenderState.init(); + + scene.traverse( function ( object ) { + + if ( object.isLight ) { + + currentRenderState.pushLight( object ); + + if ( object.castShadow ) { + + currentRenderState.pushShadow( object ); + + } + + } + + } ); + + currentRenderState.setupLights( camera ); + + scene.traverse( function ( object ) { + + if ( object.material ) { + + if ( Array.isArray( object.material ) ) { + + for ( var i = 0; i < object.material.length; i ++ ) { + + initMaterial( object.material[ i ], scene.fog, object ); + + } + + } else { + + initMaterial( object.material, scene.fog, object ); + + } + + } + + } ); + + }; + + // Animation Loop + + var onAnimationFrameCallback = null; + + function onAnimationFrame() { + + if ( vr.isPresenting() ) return; + if ( onAnimationFrameCallback ) onAnimationFrameCallback(); + + } + + var animation = new WebGLAnimation(); + animation.setAnimationLoop( onAnimationFrame ); + animation.setContext( window ); + + this.setAnimationLoop = function ( callback ) { + + onAnimationFrameCallback = callback; + vr.setAnimationLoop( callback ); + + animation.start(); + + }; + + // Rendering + + this.render = function ( scene, camera, renderTarget, forceClear ) { + + if ( ! ( camera && camera.isCamera ) ) { + + console.error( 'THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.' ); + return; + + } + + if ( _isContextLost ) return; + + // reset caching for this frame + + _currentGeometryProgram = ''; + _currentMaterialId = - 1; + _currentCamera = null; + + // update scene graph + + if ( scene.autoUpdate === true ) scene.updateMatrixWorld(); + + // update camera matrices and frustum + + if ( camera.parent === null ) camera.updateMatrixWorld(); + + if ( vr.enabled ) { + + camera = vr.getCamera( camera ); + + } + + // + + currentRenderState = renderStates.get( scene, camera ); + currentRenderState.init(); + + scene.onBeforeRender( _this, scene, camera, renderTarget ); + + _projScreenMatrix.multiplyMatrices( camera.projectionMatrix, camera.matrixWorldInverse ); + _frustum.setFromMatrix( _projScreenMatrix ); + + _localClippingEnabled = this.localClippingEnabled; + _clippingEnabled = _clipping.init( this.clippingPlanes, _localClippingEnabled, camera ); + + currentRenderList = renderLists.get( scene, camera ); + currentRenderList.init(); + + projectObject( scene, camera, _this.sortObjects ); + + if ( _this.sortObjects === true ) { + + currentRenderList.sort(); + + } + + // + + if ( _clippingEnabled ) _clipping.beginShadows(); + + var shadowsArray = currentRenderState.state.shadowsArray; + + shadowMap.render( shadowsArray, scene, camera ); + + currentRenderState.setupLights( camera ); + + if ( _clippingEnabled ) _clipping.endShadows(); + + // + + if ( this.info.autoReset ) this.info.reset(); + + if ( renderTarget === undefined ) { + + renderTarget = null; + + } + + this.setRenderTarget( renderTarget ); + + // + + background.render( currentRenderList, scene, camera, forceClear ); + + // render scene + + var opaqueObjects = currentRenderList.opaque; + var transparentObjects = currentRenderList.transparent; + + if ( scene.overrideMaterial ) { + + var overrideMaterial = scene.overrideMaterial; + + if ( opaqueObjects.length ) renderObjects( opaqueObjects, scene, camera, overrideMaterial ); + if ( transparentObjects.length ) renderObjects( transparentObjects, scene, camera, overrideMaterial ); + + } else { + + // opaque pass (front-to-back order) + + if ( opaqueObjects.length ) renderObjects( opaqueObjects, scene, camera ); + + // transparent pass (back-to-front order) + + if ( transparentObjects.length ) renderObjects( transparentObjects, scene, camera ); + + } + + // custom renderers + + var spritesArray = currentRenderState.state.spritesArray; + + spriteRenderer.render( spritesArray, scene, camera ); + + // Generate mipmap if we're using any kind of mipmap filtering + + if ( renderTarget ) { + + textures.updateRenderTargetMipmap( renderTarget ); + + } + + // Ensure depth buffer writing is enabled so it can be cleared on next render + + state.buffers.depth.setTest( true ); + state.buffers.depth.setMask( true ); + state.buffers.color.setMask( true ); + + state.setPolygonOffset( false ); + + scene.onAfterRender( _this, scene, camera ); + + if ( vr.enabled ) { + + vr.submitFrame(); + + } + + // _gl.finish(); + + currentRenderList = null; + currentRenderState = null; + + }; + + /* + // TODO Duplicated code (Frustum) + + var _sphere = new Sphere(); + + function isObjectViewable( object ) { + + var geometry = object.geometry; + + if ( geometry.boundingSphere === null ) + geometry.computeBoundingSphere(); + + _sphere.copy( geometry.boundingSphere ). + applyMatrix4( object.matrixWorld ); + + return isSphereViewable( _sphere ); + + } + + function isSpriteViewable( sprite ) { + + _sphere.center.set( 0, 0, 0 ); + _sphere.radius = 0.7071067811865476; + _sphere.applyMatrix4( sprite.matrixWorld ); + + return isSphereViewable( _sphere ); + + } + + function isSphereViewable( sphere ) { + + if ( ! _frustum.intersectsSphere( sphere ) ) return false; + + var numPlanes = _clipping.numPlanes; + + if ( numPlanes === 0 ) return true; + + var planes = _this.clippingPlanes, + + center = sphere.center, + negRad = - sphere.radius, + i = 0; + + do { + + // out when deeper than radius in the negative halfspace + if ( planes[ i ].distanceToPoint( center ) < negRad ) return false; + + } while ( ++ i !== numPlanes ); + + return true; + + } + */ + + function projectObject( object, camera, sortObjects ) { + + if ( object.visible === false ) return; + + var visible = object.layers.test( camera.layers ); + + if ( visible ) { + + if ( object.isLight ) { + + currentRenderState.pushLight( object ); + + if ( object.castShadow ) { + + currentRenderState.pushShadow( object ); + + } + + } else if ( object.isSprite ) { + + if ( ! object.frustumCulled || _frustum.intersectsSprite( object ) ) { + + currentRenderState.pushSprite( object ); + + } + + } else if ( object.isImmediateRenderObject ) { + + if ( sortObjects ) { + + _vector3.setFromMatrixPosition( object.matrixWorld ) + .applyMatrix4( _projScreenMatrix ); + + } + + currentRenderList.push( object, null, object.material, _vector3.z, null ); + + } else if ( object.isMesh || object.isLine || object.isPoints ) { + + if ( object.isSkinnedMesh ) { + + object.skeleton.update(); + + } + + if ( ! object.frustumCulled || _frustum.intersectsObject( object ) ) { + + if ( sortObjects ) { + + _vector3.setFromMatrixPosition( object.matrixWorld ) + .applyMatrix4( _projScreenMatrix ); + + } + + var geometry = objects.update( object ); + var material = object.material; + + if ( Array.isArray( material ) ) { + + var groups = geometry.groups; + + for ( var i = 0, l = groups.length; i < l; i ++ ) { + + var group = groups[ i ]; + var groupMaterial = material[ group.materialIndex ]; + + if ( groupMaterial && groupMaterial.visible ) { + + currentRenderList.push( object, geometry, groupMaterial, _vector3.z, group ); + + } + + } + + } else if ( material.visible ) { + + currentRenderList.push( object, geometry, material, _vector3.z, null ); + + } + + } + + } + + } + + var children = object.children; + + for ( var i = 0, l = children.length; i < l; i ++ ) { + + projectObject( children[ i ], camera, sortObjects ); + + } + + } + + function renderObjects( renderList, scene, camera, overrideMaterial ) { + + for ( var i = 0, l = renderList.length; i < l; i ++ ) { + + var renderItem = renderList[ i ]; + + var object = renderItem.object; + var geometry = renderItem.geometry; + var material = overrideMaterial === undefined ? renderItem.material : overrideMaterial; + var group = renderItem.group; + + if ( camera.isArrayCamera ) { + + _currentArrayCamera = camera; + + var cameras = camera.cameras; + + for ( var j = 0, jl = cameras.length; j < jl; j ++ ) { + + var camera2 = cameras[ j ]; + + if ( object.layers.test( camera2.layers ) ) { + + if ( 'viewport' in camera2 ) { // XR + + state.viewport( _currentViewport.copy( camera2.viewport ) ); + + } else { + + var bounds = camera2.bounds; + + var x = bounds.x * _width; + var y = bounds.y * _height; + var width = bounds.z * _width; + var height = bounds.w * _height; + + state.viewport( _currentViewport.set( x, y, width, height ).multiplyScalar( _pixelRatio ) ); + + } + + renderObject( object, scene, camera2, geometry, material, group ); + + } + + } + + } else { + + _currentArrayCamera = null; + + renderObject( object, scene, camera, geometry, material, group ); + + } + + } + + } + + function renderObject( object, scene, camera, geometry, material, group ) { + + object.onBeforeRender( _this, scene, camera, geometry, material, group ); + currentRenderState = renderStates.get( scene, _currentArrayCamera || camera ); + + object.modelViewMatrix.multiplyMatrices( camera.matrixWorldInverse, object.matrixWorld ); + object.normalMatrix.getNormalMatrix( object.modelViewMatrix ); + + if ( object.isImmediateRenderObject ) { + + var frontFaceCW = ( object.isMesh && object.matrixWorld.determinant() < 0 ); + + state.setMaterial( material, frontFaceCW ); + + var program = setProgram( camera, scene.fog, material, object ); + + _currentGeometryProgram = ''; + + renderObjectImmediate( object, program, material ); + + } else { + + _this.renderBufferDirect( camera, scene.fog, geometry, material, object, group ); + + } + + object.onAfterRender( _this, scene, camera, geometry, material, group ); + currentRenderState = renderStates.get( scene, _currentArrayCamera || camera ); + + } + + function initMaterial( material, fog, object ) { + + var materialProperties = properties.get( material ); + + var lights = currentRenderState.state.lights; + var shadowsArray = currentRenderState.state.shadowsArray; + + var parameters = programCache.getParameters( + material, lights.state, shadowsArray, fog, _clipping.numPlanes, _clipping.numIntersection, object ); + + var code = programCache.getProgramCode( material, parameters ); + + var program = materialProperties.program; + var programChange = true; + + if ( program === undefined ) { + + // new material + material.addEventListener( 'dispose', onMaterialDispose ); + + } else if ( program.code !== code ) { + + // changed glsl or parameters + releaseMaterialProgramReference( material ); + + } else if ( materialProperties.lightsHash !== lights.state.hash ) { + + properties.update( material, 'lightsHash', lights.state.hash ); + programChange = false; + + } else if ( parameters.shaderID !== undefined ) { + + // same glsl and uniform list + return; + + } else { + + // only rebuild uniform list + programChange = false; + + } + + if ( programChange ) { + + if ( parameters.shaderID ) { + + var shader = ShaderLib[ parameters.shaderID ]; + + materialProperties.shader = { + name: material.type, + uniforms: UniformsUtils.clone( shader.uniforms ), + vertexShader: shader.vertexShader, + fragmentShader: shader.fragmentShader + }; + + } else { + + materialProperties.shader = { + name: material.type, + uniforms: material.uniforms, + vertexShader: material.vertexShader, + fragmentShader: material.fragmentShader + }; + + } + + material.onBeforeCompile( materialProperties.shader, _this ); + + program = programCache.acquireProgram( material, materialProperties.shader, parameters, code ); + + materialProperties.program = program; + material.program = program; + + } + + var programAttributes = program.getAttributes(); + + if ( material.morphTargets ) { + + material.numSupportedMorphTargets = 0; + + for ( var i = 0; i < _this.maxMorphTargets; i ++ ) { + + if ( programAttributes[ 'morphTarget' + i ] >= 0 ) { + + material.numSupportedMorphTargets ++; + + } + + } + + } + + if ( material.morphNormals ) { + + material.numSupportedMorphNormals = 0; + + for ( var i = 0; i < _this.maxMorphNormals; i ++ ) { + + if ( programAttributes[ 'morphNormal' + i ] >= 0 ) { + + material.numSupportedMorphNormals ++; + + } + + } + + } + + var uniforms = materialProperties.shader.uniforms; + + if ( ! material.isShaderMaterial && + ! material.isRawShaderMaterial || + material.clipping === true ) { + + materialProperties.numClippingPlanes = _clipping.numPlanes; + materialProperties.numIntersection = _clipping.numIntersection; + uniforms.clippingPlanes = _clipping.uniform; + + } + + materialProperties.fog = fog; + + // store the light setup it was created for + + materialProperties.lightsHash = lights.state.hash; + + if ( material.lights ) { + + // wire up the material to this renderer's lighting state + + uniforms.ambientLightColor.value = lights.state.ambient; + uniforms.directionalLights.value = lights.state.directional; + uniforms.spotLights.value = lights.state.spot; + uniforms.rectAreaLights.value = lights.state.rectArea; + uniforms.pointLights.value = lights.state.point; + uniforms.hemisphereLights.value = lights.state.hemi; + + uniforms.directionalShadowMap.value = lights.state.directionalShadowMap; + uniforms.directionalShadowMatrix.value = lights.state.directionalShadowMatrix; + uniforms.spotShadowMap.value = lights.state.spotShadowMap; + uniforms.spotShadowMatrix.value = lights.state.spotShadowMatrix; + uniforms.pointShadowMap.value = lights.state.pointShadowMap; + uniforms.pointShadowMatrix.value = lights.state.pointShadowMatrix; + // TODO (abelnation): add area lights shadow info to uniforms + + } + + var progUniforms = materialProperties.program.getUniforms(), + uniformsList = + WebGLUniforms.seqWithValue( progUniforms.seq, uniforms ); + + materialProperties.uniformsList = uniformsList; + + } + + function setProgram( camera, fog, material, object ) { + + _usedTextureUnits = 0; + + var materialProperties = properties.get( material ); + var lights = currentRenderState.state.lights; + + if ( _clippingEnabled ) { + + if ( _localClippingEnabled || camera !== _currentCamera ) { + + var useCache = + camera === _currentCamera && + material.id === _currentMaterialId; + + // we might want to call this function with some ClippingGroup + // object instead of the material, once it becomes feasible + // (#8465, #8379) + _clipping.setState( + material.clippingPlanes, material.clipIntersection, material.clipShadows, + camera, materialProperties, useCache ); + + } + + } + + if ( material.needsUpdate === false ) { + + if ( materialProperties.program === undefined ) { + + material.needsUpdate = true; + + } else if ( material.fog && materialProperties.fog !== fog ) { + + material.needsUpdate = true; + + } else if ( material.lights && materialProperties.lightsHash !== lights.state.hash ) { + + material.needsUpdate = true; + + } else if ( materialProperties.numClippingPlanes !== undefined && + ( materialProperties.numClippingPlanes !== _clipping.numPlanes || + materialProperties.numIntersection !== _clipping.numIntersection ) ) { + + material.needsUpdate = true; + + } + + } + + if ( material.needsUpdate ) { + + initMaterial( material, fog, object ); + material.needsUpdate = false; + + } + + var refreshProgram = false; + var refreshMaterial = false; + var refreshLights = false; + + var program = materialProperties.program, + p_uniforms = program.getUniforms(), + m_uniforms = materialProperties.shader.uniforms; + + if ( state.useProgram( program.program ) ) { + + refreshProgram = true; + refreshMaterial = true; + refreshLights = true; + + } + + if ( material.id !== _currentMaterialId ) { + + _currentMaterialId = material.id; + + refreshMaterial = true; + + } + + if ( refreshProgram || camera !== _currentCamera ) { + + p_uniforms.setValue( _gl, 'projectionMatrix', camera.projectionMatrix ); + + if ( capabilities.logarithmicDepthBuffer ) { + + p_uniforms.setValue( _gl, 'logDepthBufFC', + 2.0 / ( Math.log( camera.far + 1.0 ) / Math.LN2 ) ); + + } + + // Avoid unneeded uniform updates per ArrayCamera's sub-camera + + if ( _currentCamera !== ( _currentArrayCamera || camera ) ) { + + _currentCamera = ( _currentArrayCamera || camera ); + + // lighting uniforms depend on the camera so enforce an update + // now, in case this material supports lights - or later, when + // the next material that does gets activated: + + refreshMaterial = true; // set to true on material change + refreshLights = true; // remains set until update done + + } + + // load material specific uniforms + // (shader material also gets them for the sake of genericity) + + if ( material.isShaderMaterial || + material.isMeshPhongMaterial || + material.isMeshStandardMaterial || + material.envMap ) { + + var uCamPos = p_uniforms.map.cameraPosition; + + if ( uCamPos !== undefined ) { + + uCamPos.setValue( _gl, + _vector3.setFromMatrixPosition( camera.matrixWorld ) ); + + } + + } + + if ( material.isMeshPhongMaterial || + material.isMeshLambertMaterial || + material.isMeshBasicMaterial || + material.isMeshStandardMaterial || + material.isShaderMaterial || + material.skinning ) { + + p_uniforms.setValue( _gl, 'viewMatrix', camera.matrixWorldInverse ); + + } + + } + + // skinning uniforms must be set even if material didn't change + // auto-setting of texture unit for bone texture must go before other textures + // not sure why, but otherwise weird things happen + + if ( material.skinning ) { + + p_uniforms.setOptional( _gl, object, 'bindMatrix' ); + p_uniforms.setOptional( _gl, object, 'bindMatrixInverse' ); + + var skeleton = object.skeleton; + + if ( skeleton ) { + + var bones = skeleton.bones; + + if ( capabilities.floatVertexTextures ) { + + if ( skeleton.boneTexture === undefined ) { + + // layout (1 matrix = 4 pixels) + // RGBA RGBA RGBA RGBA (=> column1, column2, column3, column4) + // with 8x8 pixel texture max 16 bones * 4 pixels = (8 * 8) + // 16x16 pixel texture max 64 bones * 4 pixels = (16 * 16) + // 32x32 pixel texture max 256 bones * 4 pixels = (32 * 32) + // 64x64 pixel texture max 1024 bones * 4 pixels = (64 * 64) + + + var size = Math.sqrt( bones.length * 4 ); // 4 pixels needed for 1 matrix + size = _Math.ceilPowerOfTwo( size ); + size = Math.max( size, 4 ); + + var boneMatrices = new Float32Array( size * size * 4 ); // 4 floats per RGBA pixel + boneMatrices.set( skeleton.boneMatrices ); // copy current values + + var boneTexture = new DataTexture( boneMatrices, size, size, RGBAFormat, FloatType ); + boneTexture.needsUpdate = true; + + skeleton.boneMatrices = boneMatrices; + skeleton.boneTexture = boneTexture; + skeleton.boneTextureSize = size; + + } + + p_uniforms.setValue( _gl, 'boneTexture', skeleton.boneTexture ); + p_uniforms.setValue( _gl, 'boneTextureSize', skeleton.boneTextureSize ); + + } else { + + p_uniforms.setOptional( _gl, skeleton, 'boneMatrices' ); + + } + + } + + } + + if ( refreshMaterial ) { + + p_uniforms.setValue( _gl, 'toneMappingExposure', _this.toneMappingExposure ); + p_uniforms.setValue( _gl, 'toneMappingWhitePoint', _this.toneMappingWhitePoint ); + + if ( material.lights ) { + + // the current material requires lighting info + + // note: all lighting uniforms are always set correctly + // they simply reference the renderer's state for their + // values + // + // use the current material's .needsUpdate flags to set + // the GL state when required + + markUniformsLightsNeedsUpdate( m_uniforms, refreshLights ); + + } + + // refresh uniforms common to several materials + + if ( fog && material.fog ) { + + refreshUniformsFog( m_uniforms, fog ); + + } + + if ( material.isMeshBasicMaterial ) { + + refreshUniformsCommon( m_uniforms, material ); + + } else if ( material.isMeshLambertMaterial ) { + + refreshUniformsCommon( m_uniforms, material ); + refreshUniformsLambert( m_uniforms, material ); + + } else if ( material.isMeshPhongMaterial ) { + + refreshUniformsCommon( m_uniforms, material ); + + if ( material.isMeshToonMaterial ) { + + refreshUniformsToon( m_uniforms, material ); + + } else { + + refreshUniformsPhong( m_uniforms, material ); + + } + + } else if ( material.isMeshStandardMaterial ) { + + refreshUniformsCommon( m_uniforms, material ); + + if ( material.isMeshPhysicalMaterial ) { + + refreshUniformsPhysical( m_uniforms, material ); + + } else { + + refreshUniformsStandard( m_uniforms, material ); + + } + + } else if ( material.isMeshDepthMaterial ) { + + refreshUniformsCommon( m_uniforms, material ); + refreshUniformsDepth( m_uniforms, material ); + + } else if ( material.isMeshDistanceMaterial ) { + + refreshUniformsCommon( m_uniforms, material ); + refreshUniformsDistance( m_uniforms, material ); + + } else if ( material.isMeshNormalMaterial ) { + + refreshUniformsCommon( m_uniforms, material ); + refreshUniformsNormal( m_uniforms, material ); + + } else if ( material.isLineBasicMaterial ) { + + refreshUniformsLine( m_uniforms, material ); + + if ( material.isLineDashedMaterial ) { + + refreshUniformsDash( m_uniforms, material ); + + } + + } else if ( material.isPointsMaterial ) { + + refreshUniformsPoints( m_uniforms, material ); + + } else if ( material.isShadowMaterial ) { + + m_uniforms.color.value = material.color; + m_uniforms.opacity.value = material.opacity; + + } + + // RectAreaLight Texture + // TODO (mrdoob): Find a nicer implementation + + if ( m_uniforms.ltc_1 !== undefined ) m_uniforms.ltc_1.value = UniformsLib.LTC_1; + if ( m_uniforms.ltc_2 !== undefined ) m_uniforms.ltc_2.value = UniformsLib.LTC_2; + + WebGLUniforms.upload( _gl, materialProperties.uniformsList, m_uniforms, _this ); + + } + + if ( material.isShaderMaterial && material.uniformsNeedUpdate === true ) { + + WebGLUniforms.upload( _gl, materialProperties.uniformsList, m_uniforms, _this ); + material.uniformsNeedUpdate = false; + + } + + // common matrices + + p_uniforms.setValue( _gl, 'modelViewMatrix', object.modelViewMatrix ); + p_uniforms.setValue( _gl, 'normalMatrix', object.normalMatrix ); + p_uniforms.setValue( _gl, 'modelMatrix', object.matrixWorld ); + + return program; + + } + + // Uniforms (refresh uniforms objects) + + function refreshUniformsCommon( uniforms, material ) { + + uniforms.opacity.value = material.opacity; + + if ( material.color ) { + + uniforms.diffuse.value = material.color; + + } + + if ( material.emissive ) { + + uniforms.emissive.value.copy( material.emissive ).multiplyScalar( material.emissiveIntensity ); + + } + + if ( material.map ) { + + uniforms.map.value = material.map; + + } + + if ( material.alphaMap ) { + + uniforms.alphaMap.value = material.alphaMap; + + } + + if ( material.specularMap ) { + + uniforms.specularMap.value = material.specularMap; + + } + + if ( material.envMap ) { + + uniforms.envMap.value = material.envMap; + + // don't flip CubeTexture envMaps, flip everything else: + // WebGLRenderTargetCube will be flipped for backwards compatibility + // WebGLRenderTargetCube.texture will be flipped because it's a Texture and NOT a CubeTexture + // this check must be handled differently, or removed entirely, if WebGLRenderTargetCube uses a CubeTexture in the future + uniforms.flipEnvMap.value = ( ! ( material.envMap && material.envMap.isCubeTexture ) ) ? 1 : - 1; + + uniforms.reflectivity.value = material.reflectivity; + uniforms.refractionRatio.value = material.refractionRatio; + + uniforms.maxMipLevel.value = properties.get( material.envMap ).__maxMipLevel; + + } + + if ( material.lightMap ) { + + uniforms.lightMap.value = material.lightMap; + uniforms.lightMapIntensity.value = material.lightMapIntensity; + + } + + if ( material.aoMap ) { + + uniforms.aoMap.value = material.aoMap; + uniforms.aoMapIntensity.value = material.aoMapIntensity; + + } + + // uv repeat and offset setting priorities + // 1. color map + // 2. specular map + // 3. normal map + // 4. bump map + // 5. alpha map + // 6. emissive map + + var uvScaleMap; + + if ( material.map ) { + + uvScaleMap = material.map; + + } else if ( material.specularMap ) { + + uvScaleMap = material.specularMap; + + } else if ( material.displacementMap ) { + + uvScaleMap = material.displacementMap; + + } else if ( material.normalMap ) { + + uvScaleMap = material.normalMap; + + } else if ( material.bumpMap ) { + + uvScaleMap = material.bumpMap; + + } else if ( material.roughnessMap ) { + + uvScaleMap = material.roughnessMap; + + } else if ( material.metalnessMap ) { + + uvScaleMap = material.metalnessMap; + + } else if ( material.alphaMap ) { + + uvScaleMap = material.alphaMap; + + } else if ( material.emissiveMap ) { + + uvScaleMap = material.emissiveMap; + + } + + if ( uvScaleMap !== undefined ) { + + // backwards compatibility + if ( uvScaleMap.isWebGLRenderTarget ) { + + uvScaleMap = uvScaleMap.texture; + + } + + if ( uvScaleMap.matrixAutoUpdate === true ) { + + uvScaleMap.updateMatrix(); + + } + + uniforms.uvTransform.value.copy( uvScaleMap.matrix ); + + } + + } + + function refreshUniformsLine( uniforms, material ) { + + uniforms.diffuse.value = material.color; + uniforms.opacity.value = material.opacity; + + } + + function refreshUniformsDash( uniforms, material ) { + + uniforms.dashSize.value = material.dashSize; + uniforms.totalSize.value = material.dashSize + material.gapSize; + uniforms.scale.value = material.scale; + + } + + function refreshUniformsPoints( uniforms, material ) { + + uniforms.diffuse.value = material.color; + uniforms.opacity.value = material.opacity; + uniforms.size.value = material.size * _pixelRatio; + uniforms.scale.value = _height * 0.5; + + uniforms.map.value = material.map; + + if ( material.map !== null ) { + + if ( material.map.matrixAutoUpdate === true ) { + + material.map.updateMatrix(); + + } + + uniforms.uvTransform.value.copy( material.map.matrix ); + + } + + } + + function refreshUniformsFog( uniforms, fog ) { + + uniforms.fogColor.value = fog.color; + + if ( fog.isFog ) { + + uniforms.fogNear.value = fog.near; + uniforms.fogFar.value = fog.far; + + } else if ( fog.isFogExp2 ) { + + uniforms.fogDensity.value = fog.density; + + } + + } + + function refreshUniformsLambert( uniforms, material ) { + + if ( material.emissiveMap ) { + + uniforms.emissiveMap.value = material.emissiveMap; + + } + + } + + function refreshUniformsPhong( uniforms, material ) { + + uniforms.specular.value = material.specular; + uniforms.shininess.value = Math.max( material.shininess, 1e-4 ); // to prevent pow( 0.0, 0.0 ) + + if ( material.emissiveMap ) { + + uniforms.emissiveMap.value = material.emissiveMap; + + } + + if ( material.bumpMap ) { + + uniforms.bumpMap.value = material.bumpMap; + uniforms.bumpScale.value = material.bumpScale; + if ( material.side === BackSide ) uniforms.bumpScale.value *= - 1; + + } + + if ( material.normalMap ) { + + uniforms.normalMap.value = material.normalMap; + uniforms.normalScale.value.copy( material.normalScale ); + if ( material.side === BackSide ) uniforms.normalScale.value.negate(); + + } + + if ( material.displacementMap ) { + + uniforms.displacementMap.value = material.displacementMap; + uniforms.displacementScale.value = material.displacementScale; + uniforms.displacementBias.value = material.displacementBias; + + } + + } + + function refreshUniformsToon( uniforms, material ) { + + refreshUniformsPhong( uniforms, material ); + + if ( material.gradientMap ) { + + uniforms.gradientMap.value = material.gradientMap; + + } + + } + + function refreshUniformsStandard( uniforms, material ) { + + uniforms.roughness.value = material.roughness; + uniforms.metalness.value = material.metalness; + + if ( material.roughnessMap ) { + + uniforms.roughnessMap.value = material.roughnessMap; + + } + + if ( material.metalnessMap ) { + + uniforms.metalnessMap.value = material.metalnessMap; + + } + + if ( material.emissiveMap ) { + + uniforms.emissiveMap.value = material.emissiveMap; + + } + + if ( material.bumpMap ) { + + uniforms.bumpMap.value = material.bumpMap; + uniforms.bumpScale.value = material.bumpScale; + if ( material.side === BackSide ) uniforms.bumpScale.value *= - 1; + + } + + if ( material.normalMap ) { + + uniforms.normalMap.value = material.normalMap; + uniforms.normalScale.value.copy( material.normalScale ); + if ( material.side === BackSide ) uniforms.normalScale.value.negate(); + + } + + if ( material.displacementMap ) { + + uniforms.displacementMap.value = material.displacementMap; + uniforms.displacementScale.value = material.displacementScale; + uniforms.displacementBias.value = material.displacementBias; + + } + + if ( material.envMap ) { + + //uniforms.envMap.value = material.envMap; // part of uniforms common + uniforms.envMapIntensity.value = material.envMapIntensity; + + } + + } + + function refreshUniformsPhysical( uniforms, material ) { + + uniforms.clearCoat.value = material.clearCoat; + uniforms.clearCoatRoughness.value = material.clearCoatRoughness; + + refreshUniformsStandard( uniforms, material ); + + } + + function refreshUniformsDepth( uniforms, material ) { + + if ( material.displacementMap ) { + + uniforms.displacementMap.value = material.displacementMap; + uniforms.displacementScale.value = material.displacementScale; + uniforms.displacementBias.value = material.displacementBias; + + } + + } + + function refreshUniformsDistance( uniforms, material ) { + + if ( material.displacementMap ) { + + uniforms.displacementMap.value = material.displacementMap; + uniforms.displacementScale.value = material.displacementScale; + uniforms.displacementBias.value = material.displacementBias; + + } + + uniforms.referencePosition.value.copy( material.referencePosition ); + uniforms.nearDistance.value = material.nearDistance; + uniforms.farDistance.value = material.farDistance; + + } + + function refreshUniformsNormal( uniforms, material ) { + + if ( material.bumpMap ) { + + uniforms.bumpMap.value = material.bumpMap; + uniforms.bumpScale.value = material.bumpScale; + if ( material.side === BackSide ) uniforms.bumpScale.value *= - 1; + + } + + if ( material.normalMap ) { + + uniforms.normalMap.value = material.normalMap; + uniforms.normalScale.value.copy( material.normalScale ); + if ( material.side === BackSide ) uniforms.normalScale.value.negate(); + + } + + if ( material.displacementMap ) { + + uniforms.displacementMap.value = material.displacementMap; + uniforms.displacementScale.value = material.displacementScale; + uniforms.displacementBias.value = material.displacementBias; + + } + + } + + // If uniforms are marked as clean, they don't need to be loaded to the GPU. + + function markUniformsLightsNeedsUpdate( uniforms, value ) { + + uniforms.ambientLightColor.needsUpdate = value; + + uniforms.directionalLights.needsUpdate = value; + uniforms.pointLights.needsUpdate = value; + uniforms.spotLights.needsUpdate = value; + uniforms.rectAreaLights.needsUpdate = value; + uniforms.hemisphereLights.needsUpdate = value; + + } + + // Textures + + function allocTextureUnit() { + + var textureUnit = _usedTextureUnits; + + if ( textureUnit >= capabilities.maxTextures ) { + + console.warn( 'THREE.WebGLRenderer: Trying to use ' + textureUnit + ' texture units while this GPU supports only ' + capabilities.maxTextures ); + + } + + _usedTextureUnits += 1; + + return textureUnit; + + } + + this.allocTextureUnit = allocTextureUnit; + + // this.setTexture2D = setTexture2D; + this.setTexture2D = ( function () { + + var warned = false; + + // backwards compatibility: peel texture.texture + return function setTexture2D( texture, slot ) { + + if ( texture && texture.isWebGLRenderTarget ) { + + if ( ! warned ) { + + console.warn( "THREE.WebGLRenderer.setTexture2D: don't use render targets as textures. Use their .texture property instead." ); + warned = true; + + } + + texture = texture.texture; + + } + + textures.setTexture2D( texture, slot ); + + }; + + }() ); + + this.setTexture = ( function () { + + var warned = false; + + return function setTexture( texture, slot ) { + + if ( ! warned ) { + + console.warn( "THREE.WebGLRenderer: .setTexture is deprecated, use setTexture2D instead." ); + warned = true; + + } + + textures.setTexture2D( texture, slot ); + + }; + + }() ); + + this.setTextureCube = ( function () { + + var warned = false; + + return function setTextureCube( texture, slot ) { + + // backwards compatibility: peel texture.texture + if ( texture && texture.isWebGLRenderTargetCube ) { + + if ( ! warned ) { + + console.warn( "THREE.WebGLRenderer.setTextureCube: don't use cube render targets as textures. Use their .texture property instead." ); + warned = true; + + } + + texture = texture.texture; + + } + + // currently relying on the fact that WebGLRenderTargetCube.texture is a Texture and NOT a CubeTexture + // TODO: unify these code paths + if ( ( texture && texture.isCubeTexture ) || + ( Array.isArray( texture.image ) && texture.image.length === 6 ) ) { + + // CompressedTexture can have Array in image :/ + + // this function alone should take care of cube textures + textures.setTextureCube( texture, slot ); + + } else { + + // assumed: texture property of THREE.WebGLRenderTargetCube + + textures.setTextureCubeDynamic( texture, slot ); + + } + + }; + + }() ); + + // + + this.setFramebuffer = function ( value ) { + + _framebuffer = value; + + }; + + this.getRenderTarget = function () { + + return _currentRenderTarget; + + }; + + this.setRenderTarget = function ( renderTarget ) { + + _currentRenderTarget = renderTarget; + + if ( renderTarget && properties.get( renderTarget ).__webglFramebuffer === undefined ) { + + textures.setupRenderTarget( renderTarget ); + + } + + var framebuffer = _framebuffer; + var isCube = false; + + if ( renderTarget ) { + + var __webglFramebuffer = properties.get( renderTarget ).__webglFramebuffer; + + if ( renderTarget.isWebGLRenderTargetCube ) { + + framebuffer = __webglFramebuffer[ renderTarget.activeCubeFace ]; + isCube = true; + + } else { + + framebuffer = __webglFramebuffer; + + } + + _currentViewport.copy( renderTarget.viewport ); + _currentScissor.copy( renderTarget.scissor ); + _currentScissorTest = renderTarget.scissorTest; + + } else { + + _currentViewport.copy( _viewport ).multiplyScalar( _pixelRatio ); + _currentScissor.copy( _scissor ).multiplyScalar( _pixelRatio ); + _currentScissorTest = _scissorTest; + + } + + if ( _currentFramebuffer !== framebuffer ) { + + _gl.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer ); + _currentFramebuffer = framebuffer; + + } + + state.viewport( _currentViewport ); + state.scissor( _currentScissor ); + state.setScissorTest( _currentScissorTest ); + + if ( isCube ) { + + var textureProperties = properties.get( renderTarget.texture ); + _gl.framebufferTexture2D( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + renderTarget.activeCubeFace, textureProperties.__webglTexture, renderTarget.activeMipMapLevel ); + + } + + }; + + this.readRenderTargetPixels = function ( renderTarget, x, y, width, height, buffer ) { + + if ( ! ( renderTarget && renderTarget.isWebGLRenderTarget ) ) { + + console.error( 'THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.' ); + return; + + } + + var framebuffer = properties.get( renderTarget ).__webglFramebuffer; + + if ( framebuffer ) { + + var restore = false; + + if ( framebuffer !== _currentFramebuffer ) { + + _gl.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer ); + + restore = true; + + } + + try { + + var texture = renderTarget.texture; + var textureFormat = texture.format; + var textureType = texture.type; + + if ( textureFormat !== RGBAFormat && utils.convert( textureFormat ) !== _gl.getParameter( _gl.IMPLEMENTATION_COLOR_READ_FORMAT ) ) { + + console.error( 'THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.' ); + return; + + } + + if ( textureType !== UnsignedByteType && utils.convert( textureType ) !== _gl.getParameter( _gl.IMPLEMENTATION_COLOR_READ_TYPE ) && // IE11, Edge and Chrome Mac < 52 (#9513) + ! ( textureType === FloatType && ( extensions.get( 'OES_texture_float' ) || extensions.get( 'WEBGL_color_buffer_float' ) ) ) && // Chrome Mac >= 52 and Firefox + ! ( textureType === HalfFloatType && extensions.get( 'EXT_color_buffer_half_float' ) ) ) { + + console.error( 'THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.' ); + return; + + } + + if ( _gl.checkFramebufferStatus( _gl.FRAMEBUFFER ) === _gl.FRAMEBUFFER_COMPLETE ) { + + // the following if statement ensures valid read requests (no out-of-bounds pixels, see #8604) + + if ( ( x >= 0 && x <= ( renderTarget.width - width ) ) && ( y >= 0 && y <= ( renderTarget.height - height ) ) ) { + + _gl.readPixels( x, y, width, height, utils.convert( textureFormat ), utils.convert( textureType ), buffer ); + + } + + } else { + + console.error( 'THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete.' ); + + } + + } finally { + + if ( restore ) { + + _gl.bindFramebuffer( _gl.FRAMEBUFFER, _currentFramebuffer ); + + } + + } + + } + + }; + + this.copyFramebufferToTexture = function ( position, texture, level ) { + + var width = texture.image.width; + var height = texture.image.height; + var glFormat = utils.convert( texture.format ); + + this.setTexture2D( texture, 0 ); + + _gl.copyTexImage2D( _gl.TEXTURE_2D, level || 0, glFormat, position.x, position.y, width, height, 0 ); + + }; + + this.copyTextureToTexture = function ( position, srcTexture, dstTexture, level ) { + + var width = srcTexture.image.width; + var height = srcTexture.image.height; + var glFormat = utils.convert( dstTexture.format ); + var glType = utils.convert( dstTexture.type ); + + this.setTexture2D( dstTexture, 0 ); + + if ( srcTexture.isDataTexture ) { + + _gl.texSubImage2D( _gl.TEXTURE_2D, level || 0, position.x, position.y, width, height, glFormat, glType, srcTexture.image.data ); + + } else { + + _gl.texSubImage2D( _gl.TEXTURE_2D, level || 0, position.x, position.y, glFormat, glType, srcTexture.image ); + + } + + }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + */ + + function FogExp2( color, density ) { + + this.name = ''; + + this.color = new Color( color ); + this.density = ( density !== undefined ) ? density : 0.00025; + + } + + FogExp2.prototype.isFogExp2 = true; + + FogExp2.prototype.clone = function () { + + return new FogExp2( this.color, this.density ); + + }; + + FogExp2.prototype.toJSON = function ( /* meta */ ) { + + return { + type: 'FogExp2', + color: this.color.getHex(), + density: this.density + }; + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + */ + + function Fog( color, near, far ) { + + this.name = ''; + + this.color = new Color( color ); + + this.near = ( near !== undefined ) ? near : 1; + this.far = ( far !== undefined ) ? far : 1000; + + } + + Fog.prototype.isFog = true; + + Fog.prototype.clone = function () { + + return new Fog( this.color, this.near, this.far ); + + }; + + Fog.prototype.toJSON = function ( /* meta */ ) { + + return { + type: 'Fog', + color: this.color.getHex(), + near: this.near, + far: this.far + }; + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function Scene() { + + Object3D.call( this ); + + this.type = 'Scene'; + + this.background = null; + this.fog = null; + this.overrideMaterial = null; + + this.autoUpdate = true; // checked by the renderer + + } + + Scene.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Scene, + + copy: function ( source, recursive ) { + + Object3D.prototype.copy.call( this, source, recursive ); + + if ( source.background !== null ) this.background = source.background.clone(); + if ( source.fog !== null ) this.fog = source.fog.clone(); + if ( source.overrideMaterial !== null ) this.overrideMaterial = source.overrideMaterial.clone(); + + this.autoUpdate = source.autoUpdate; + this.matrixAutoUpdate = source.matrixAutoUpdate; + + return this; + + }, + + toJSON: function ( meta ) { + + var data = Object3D.prototype.toJSON.call( this, meta ); + + if ( this.background !== null ) data.object.background = this.background.toJSON( meta ); + if ( this.fog !== null ) data.object.fog = this.fog.toJSON(); + + return data; + + } + + } ); + + /** + * @author alteredq / http://alteredqualia.com/ + * + * parameters = { + * color: , + * opacity: , + * map: new THREE.Texture( ), + * + * uvOffset: new THREE.Vector2(), + * uvScale: new THREE.Vector2() + * } + */ + + function SpriteMaterial( parameters ) { + + Material.call( this ); + + this.type = 'SpriteMaterial'; + + this.color = new Color( 0xffffff ); + this.map = null; + + this.rotation = 0; + + this.fog = false; + this.lights = false; + + this.setValues( parameters ); + + } + + SpriteMaterial.prototype = Object.create( Material.prototype ); + SpriteMaterial.prototype.constructor = SpriteMaterial; + SpriteMaterial.prototype.isSpriteMaterial = true; + + SpriteMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.color.copy( source.color ); + this.map = source.map; + + this.rotation = source.rotation; + + return this; + + }; + + /** + * @author mikael emtinger / http://gomo.se/ + * @author alteredq / http://alteredqualia.com/ + */ + + function Sprite( material ) { + + Object3D.call( this ); + + this.type = 'Sprite'; + + this.material = ( material !== undefined ) ? material : new SpriteMaterial(); + + this.center = new Vector2( 0.5, 0.5 ); + + } + + Sprite.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Sprite, + + isSprite: true, + + raycast: ( function () { + + var intersectPoint = new Vector3(); + var worldPosition = new Vector3(); + var worldScale = new Vector3(); + + return function raycast( raycaster, intersects ) { + + worldPosition.setFromMatrixPosition( this.matrixWorld ); + raycaster.ray.closestPointToPoint( worldPosition, intersectPoint ); + + worldScale.setFromMatrixScale( this.matrixWorld ); + var guessSizeSq = worldScale.x * worldScale.y / 4; + + if ( worldPosition.distanceToSquared( intersectPoint ) > guessSizeSq ) return; + + var distance = raycaster.ray.origin.distanceTo( intersectPoint ); + + if ( distance < raycaster.near || distance > raycaster.far ) return; + + intersects.push( { + + distance: distance, + point: intersectPoint.clone(), + face: null, + object: this + + } ); + + }; + + }() ), + + clone: function () { + + return new this.constructor( this.material ).copy( this ); + + }, + + copy: function ( source ) { + + Object3D.prototype.copy.call( this, source ); + + if ( source.center !== undefined ) this.center.copy( source.center ); + + return this; + + } + + + } ); + + /** + * @author mikael emtinger / http://gomo.se/ + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + */ + + function LOD() { + + Object3D.call( this ); + + this.type = 'LOD'; + + Object.defineProperties( this, { + levels: { + enumerable: true, + value: [] + } + } ); + + } + + LOD.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: LOD, + + copy: function ( source ) { + + Object3D.prototype.copy.call( this, source, false ); + + var levels = source.levels; + + for ( var i = 0, l = levels.length; i < l; i ++ ) { + + var level = levels[ i ]; + + this.addLevel( level.object.clone(), level.distance ); + + } + + return this; + + }, + + addLevel: function ( object, distance ) { + + if ( distance === undefined ) distance = 0; + + distance = Math.abs( distance ); + + var levels = this.levels; + + for ( var l = 0; l < levels.length; l ++ ) { + + if ( distance < levels[ l ].distance ) { + + break; + + } + + } + + levels.splice( l, 0, { distance: distance, object: object } ); + + this.add( object ); + + }, + + getObjectForDistance: function ( distance ) { + + var levels = this.levels; + + for ( var i = 1, l = levels.length; i < l; i ++ ) { + + if ( distance < levels[ i ].distance ) { + + break; + + } + + } + + return levels[ i - 1 ].object; + + }, + + raycast: ( function () { + + var matrixPosition = new Vector3(); + + return function raycast( raycaster, intersects ) { + + matrixPosition.setFromMatrixPosition( this.matrixWorld ); + + var distance = raycaster.ray.origin.distanceTo( matrixPosition ); + + this.getObjectForDistance( distance ).raycast( raycaster, intersects ); + + }; + + }() ), + + update: function () { + + var v1 = new Vector3(); + var v2 = new Vector3(); + + return function update( camera ) { + + var levels = this.levels; + + if ( levels.length > 1 ) { + + v1.setFromMatrixPosition( camera.matrixWorld ); + v2.setFromMatrixPosition( this.matrixWorld ); + + var distance = v1.distanceTo( v2 ); + + levels[ 0 ].object.visible = true; + + for ( var i = 1, l = levels.length; i < l; i ++ ) { + + if ( distance >= levels[ i ].distance ) { + + levels[ i - 1 ].object.visible = false; + levels[ i ].object.visible = true; + + } else { + + break; + + } + + } + + for ( ; i < l; i ++ ) { + + levels[ i ].object.visible = false; + + } + + } + + }; + + }(), + + toJSON: function ( meta ) { + + var data = Object3D.prototype.toJSON.call( this, meta ); + + data.object.levels = []; + + var levels = this.levels; + + for ( var i = 0, l = levels.length; i < l; i ++ ) { + + var level = levels[ i ]; + + data.object.levels.push( { + object: level.object.uuid, + distance: level.distance + } ); + + } + + return data; + + } + + } ); + + /** + * @author mikael emtinger / http://gomo.se/ + * @author alteredq / http://alteredqualia.com/ + * @author michael guerrero / http://realitymeltdown.com + * @author ikerr / http://verold.com + */ + + function Skeleton( bones, boneInverses ) { + + // copy the bone array + + bones = bones || []; + + this.bones = bones.slice( 0 ); + this.boneMatrices = new Float32Array( this.bones.length * 16 ); + + // use the supplied bone inverses or calculate the inverses + + if ( boneInverses === undefined ) { + + this.calculateInverses(); + + } else { + + if ( this.bones.length === boneInverses.length ) { + + this.boneInverses = boneInverses.slice( 0 ); + + } else { + + console.warn( 'THREE.Skeleton boneInverses is the wrong length.' ); + + this.boneInverses = []; + + for ( var i = 0, il = this.bones.length; i < il; i ++ ) { + + this.boneInverses.push( new Matrix4() ); + + } + + } + + } + + } + + Object.assign( Skeleton.prototype, { + + calculateInverses: function () { + + this.boneInverses = []; + + for ( var i = 0, il = this.bones.length; i < il; i ++ ) { + + var inverse = new Matrix4(); + + if ( this.bones[ i ] ) { + + inverse.getInverse( this.bones[ i ].matrixWorld ); + + } + + this.boneInverses.push( inverse ); + + } + + }, + + pose: function () { + + var bone, i, il; + + // recover the bind-time world matrices + + for ( i = 0, il = this.bones.length; i < il; i ++ ) { + + bone = this.bones[ i ]; + + if ( bone ) { + + bone.matrixWorld.getInverse( this.boneInverses[ i ] ); + + } + + } + + // compute the local matrices, positions, rotations and scales + + for ( i = 0, il = this.bones.length; i < il; i ++ ) { + + bone = this.bones[ i ]; + + if ( bone ) { + + if ( bone.parent && bone.parent.isBone ) { + + bone.matrix.getInverse( bone.parent.matrixWorld ); + bone.matrix.multiply( bone.matrixWorld ); + + } else { + + bone.matrix.copy( bone.matrixWorld ); + + } + + bone.matrix.decompose( bone.position, bone.quaternion, bone.scale ); + + } + + } + + }, + + update: ( function () { + + var offsetMatrix = new Matrix4(); + var identityMatrix = new Matrix4(); + + return function update() { + + var bones = this.bones; + var boneInverses = this.boneInverses; + var boneMatrices = this.boneMatrices; + var boneTexture = this.boneTexture; + + // flatten bone matrices to array + + for ( var i = 0, il = bones.length; i < il; i ++ ) { + + // compute the offset between the current and the original transform + + var matrix = bones[ i ] ? bones[ i ].matrixWorld : identityMatrix; + + offsetMatrix.multiplyMatrices( matrix, boneInverses[ i ] ); + offsetMatrix.toArray( boneMatrices, i * 16 ); + + } + + if ( boneTexture !== undefined ) { + + boneTexture.needsUpdate = true; + + } + + }; + + } )(), + + clone: function () { + + return new Skeleton( this.bones, this.boneInverses ); + + }, + + getBoneByName: function ( name ) { + + for ( var i = 0, il = this.bones.length; i < il; i ++ ) { + + var bone = this.bones[ i ]; + + if ( bone.name === name ) { + + return bone; + + } + + } + + return undefined; + + } + + } ); + + /** + * @author mikael emtinger / http://gomo.se/ + * @author alteredq / http://alteredqualia.com/ + * @author ikerr / http://verold.com + */ + + function Bone() { + + Object3D.call( this ); + + this.type = 'Bone'; + + } + + Bone.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Bone, + + isBone: true + + } ); + + /** + * @author mikael emtinger / http://gomo.se/ + * @author alteredq / http://alteredqualia.com/ + * @author ikerr / http://verold.com + */ + + function SkinnedMesh( geometry, material ) { + + Mesh.call( this, geometry, material ); + + this.type = 'SkinnedMesh'; + + this.bindMode = 'attached'; + this.bindMatrix = new Matrix4(); + this.bindMatrixInverse = new Matrix4(); + + var bones = this.initBones(); + var skeleton = new Skeleton( bones ); + + this.bind( skeleton, this.matrixWorld ); + + this.normalizeSkinWeights(); + + } + + SkinnedMesh.prototype = Object.assign( Object.create( Mesh.prototype ), { + + constructor: SkinnedMesh, + + isSkinnedMesh: true, + + initBones: function () { + + var bones = [], bone, gbone; + var i, il; + + if ( this.geometry && this.geometry.bones !== undefined ) { + + // first, create array of 'Bone' objects from geometry data + + for ( i = 0, il = this.geometry.bones.length; i < il; i ++ ) { + + gbone = this.geometry.bones[ i ]; + + // create new 'Bone' object + + bone = new Bone(); + bones.push( bone ); + + // apply values + + bone.name = gbone.name; + bone.position.fromArray( gbone.pos ); + bone.quaternion.fromArray( gbone.rotq ); + if ( gbone.scl !== undefined ) bone.scale.fromArray( gbone.scl ); + + } + + // second, create bone hierarchy + + for ( i = 0, il = this.geometry.bones.length; i < il; i ++ ) { + + gbone = this.geometry.bones[ i ]; + + if ( ( gbone.parent !== - 1 ) && ( gbone.parent !== null ) && ( bones[ gbone.parent ] !== undefined ) ) { + + // subsequent bones in the hierarchy + + bones[ gbone.parent ].add( bones[ i ] ); + + } else { + + // topmost bone, immediate child of the skinned mesh + + this.add( bones[ i ] ); + + } + + } + + } + + // now the bones are part of the scene graph and children of the skinned mesh. + // let's update the corresponding matrices + + this.updateMatrixWorld( true ); + + return bones; + + }, + + bind: function ( skeleton, bindMatrix ) { + + this.skeleton = skeleton; + + if ( bindMatrix === undefined ) { + + this.updateMatrixWorld( true ); + + this.skeleton.calculateInverses(); + + bindMatrix = this.matrixWorld; + + } + + this.bindMatrix.copy( bindMatrix ); + this.bindMatrixInverse.getInverse( bindMatrix ); + + }, + + pose: function () { + + this.skeleton.pose(); + + }, + + normalizeSkinWeights: function () { + + var scale, i; + + if ( this.geometry && this.geometry.isGeometry ) { + + for ( i = 0; i < this.geometry.skinWeights.length; i ++ ) { + + var sw = this.geometry.skinWeights[ i ]; + + scale = 1.0 / sw.manhattanLength(); + + if ( scale !== Infinity ) { + + sw.multiplyScalar( scale ); + + } else { + + sw.set( 1, 0, 0, 0 ); // do something reasonable + + } + + } + + } else if ( this.geometry && this.geometry.isBufferGeometry ) { + + var vec = new Vector4(); + + var skinWeight = this.geometry.attributes.skinWeight; + + for ( i = 0; i < skinWeight.count; i ++ ) { + + vec.x = skinWeight.getX( i ); + vec.y = skinWeight.getY( i ); + vec.z = skinWeight.getZ( i ); + vec.w = skinWeight.getW( i ); + + scale = 1.0 / vec.manhattanLength(); + + if ( scale !== Infinity ) { + + vec.multiplyScalar( scale ); + + } else { + + vec.set( 1, 0, 0, 0 ); // do something reasonable + + } + + skinWeight.setXYZW( i, vec.x, vec.y, vec.z, vec.w ); + + } + + } + + }, + + updateMatrixWorld: function ( force ) { + + Mesh.prototype.updateMatrixWorld.call( this, force ); + + if ( this.bindMode === 'attached' ) { + + this.bindMatrixInverse.getInverse( this.matrixWorld ); + + } else if ( this.bindMode === 'detached' ) { + + this.bindMatrixInverse.getInverse( this.bindMatrix ); + + } else { + + console.warn( 'THREE.SkinnedMesh: Unrecognized bindMode: ' + this.bindMode ); + + } + + }, + + clone: function () { + + return new this.constructor( this.geometry, this.material ).copy( this ); + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * + * parameters = { + * color: , + * opacity: , + * + * linewidth: , + * linecap: "round", + * linejoin: "round" + * } + */ + + function LineBasicMaterial( parameters ) { + + Material.call( this ); + + this.type = 'LineBasicMaterial'; + + this.color = new Color( 0xffffff ); + + this.linewidth = 1; + this.linecap = 'round'; + this.linejoin = 'round'; + + this.lights = false; + + this.setValues( parameters ); + + } + + LineBasicMaterial.prototype = Object.create( Material.prototype ); + LineBasicMaterial.prototype.constructor = LineBasicMaterial; + + LineBasicMaterial.prototype.isLineBasicMaterial = true; + + LineBasicMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.color.copy( source.color ); + + this.linewidth = source.linewidth; + this.linecap = source.linecap; + this.linejoin = source.linejoin; + + return this; + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function Line( geometry, material, mode ) { + + if ( mode === 1 ) { + + console.warn( 'THREE.Line: parameter THREE.LinePieces no longer supported. Created THREE.LineSegments instead.' ); + return new LineSegments( geometry, material ); + + } + + Object3D.call( this ); + + this.type = 'Line'; + + this.geometry = geometry !== undefined ? geometry : new BufferGeometry(); + this.material = material !== undefined ? material : new LineBasicMaterial( { color: Math.random() * 0xffffff } ); + + } + + Line.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Line, + + isLine: true, + + computeLineDistances: ( function () { + + var start = new Vector3(); + var end = new Vector3(); + + return function computeLineDistances() { + + var geometry = this.geometry; + + if ( geometry.isBufferGeometry ) { + + // we assume non-indexed geometry + + if ( geometry.index === null ) { + + var positionAttribute = geometry.attributes.position; + var lineDistances = [ 0 ]; + + for ( var i = 1, l = positionAttribute.count; i < l; i ++ ) { + + start.fromBufferAttribute( positionAttribute, i - 1 ); + end.fromBufferAttribute( positionAttribute, i ); + + lineDistances[ i ] = lineDistances[ i - 1 ]; + lineDistances[ i ] += start.distanceTo( end ); + + } + + geometry.addAttribute( 'lineDistance', new Float32BufferAttribute( lineDistances, 1 ) ); + + } else { + + console.warn( 'THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.' ); + + } + + } else if ( geometry.isGeometry ) { + + var vertices = geometry.vertices; + var lineDistances = geometry.lineDistances; + + lineDistances[ 0 ] = 0; + + for ( var i = 1, l = vertices.length; i < l; i ++ ) { + + lineDistances[ i ] = lineDistances[ i - 1 ]; + lineDistances[ i ] += vertices[ i - 1 ].distanceTo( vertices[ i ] ); + + } + + } + + return this; + + }; + + }() ), + + raycast: ( function () { + + var inverseMatrix = new Matrix4(); + var ray = new Ray(); + var sphere = new Sphere(); + + return function raycast( raycaster, intersects ) { + + var precision = raycaster.linePrecision; + var precisionSq = precision * precision; + + var geometry = this.geometry; + var matrixWorld = this.matrixWorld; + + // Checking boundingSphere distance to ray + + if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere(); + + sphere.copy( geometry.boundingSphere ); + sphere.applyMatrix4( matrixWorld ); + + if ( raycaster.ray.intersectsSphere( sphere ) === false ) return; + + // + + inverseMatrix.getInverse( matrixWorld ); + ray.copy( raycaster.ray ).applyMatrix4( inverseMatrix ); + + var vStart = new Vector3(); + var vEnd = new Vector3(); + var interSegment = new Vector3(); + var interRay = new Vector3(); + var step = ( this && this.isLineSegments ) ? 2 : 1; + + if ( geometry.isBufferGeometry ) { + + var index = geometry.index; + var attributes = geometry.attributes; + var positions = attributes.position.array; + + if ( index !== null ) { + + var indices = index.array; + + for ( var i = 0, l = indices.length - 1; i < l; i += step ) { + + var a = indices[ i ]; + var b = indices[ i + 1 ]; + + vStart.fromArray( positions, a * 3 ); + vEnd.fromArray( positions, b * 3 ); + + var distSq = ray.distanceSqToSegment( vStart, vEnd, interRay, interSegment ); + + if ( distSq > precisionSq ) continue; + + interRay.applyMatrix4( this.matrixWorld ); //Move back to world space for distance calculation + + var distance = raycaster.ray.origin.distanceTo( interRay ); + + if ( distance < raycaster.near || distance > raycaster.far ) continue; + + intersects.push( { + + distance: distance, + // What do we want? intersection point on the ray or on the segment?? + // point: raycaster.ray.at( distance ), + point: interSegment.clone().applyMatrix4( this.matrixWorld ), + index: i, + face: null, + faceIndex: null, + object: this + + } ); + + } + + } else { + + for ( var i = 0, l = positions.length / 3 - 1; i < l; i += step ) { + + vStart.fromArray( positions, 3 * i ); + vEnd.fromArray( positions, 3 * i + 3 ); + + var distSq = ray.distanceSqToSegment( vStart, vEnd, interRay, interSegment ); + + if ( distSq > precisionSq ) continue; + + interRay.applyMatrix4( this.matrixWorld ); //Move back to world space for distance calculation + + var distance = raycaster.ray.origin.distanceTo( interRay ); + + if ( distance < raycaster.near || distance > raycaster.far ) continue; + + intersects.push( { + + distance: distance, + // What do we want? intersection point on the ray or on the segment?? + // point: raycaster.ray.at( distance ), + point: interSegment.clone().applyMatrix4( this.matrixWorld ), + index: i, + face: null, + faceIndex: null, + object: this + + } ); + + } + + } + + } else if ( geometry.isGeometry ) { + + var vertices = geometry.vertices; + var nbVertices = vertices.length; + + for ( var i = 0; i < nbVertices - 1; i += step ) { + + var distSq = ray.distanceSqToSegment( vertices[ i ], vertices[ i + 1 ], interRay, interSegment ); + + if ( distSq > precisionSq ) continue; + + interRay.applyMatrix4( this.matrixWorld ); //Move back to world space for distance calculation + + var distance = raycaster.ray.origin.distanceTo( interRay ); + + if ( distance < raycaster.near || distance > raycaster.far ) continue; + + intersects.push( { + + distance: distance, + // What do we want? intersection point on the ray or on the segment?? + // point: raycaster.ray.at( distance ), + point: interSegment.clone().applyMatrix4( this.matrixWorld ), + index: i, + face: null, + faceIndex: null, + object: this + + } ); + + } + + } + + }; + + }() ), + + clone: function () { + + return new this.constructor( this.geometry, this.material ).copy( this ); + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function LineSegments( geometry, material ) { + + Line.call( this, geometry, material ); + + this.type = 'LineSegments'; + + } + + LineSegments.prototype = Object.assign( Object.create( Line.prototype ), { + + constructor: LineSegments, + + isLineSegments: true, + + computeLineDistances: ( function () { + + var start = new Vector3(); + var end = new Vector3(); + + return function computeLineDistances() { + + var geometry = this.geometry; + + if ( geometry.isBufferGeometry ) { + + // we assume non-indexed geometry + + if ( geometry.index === null ) { + + var positionAttribute = geometry.attributes.position; + var lineDistances = []; + + for ( var i = 0, l = positionAttribute.count; i < l; i += 2 ) { + + start.fromBufferAttribute( positionAttribute, i ); + end.fromBufferAttribute( positionAttribute, i + 1 ); + + lineDistances[ i ] = ( i === 0 ) ? 0 : lineDistances[ i - 1 ]; + lineDistances[ i + 1 ] = lineDistances[ i ] + start.distanceTo( end ); + + } + + geometry.addAttribute( 'lineDistance', new Float32BufferAttribute( lineDistances, 1 ) ); + + } else { + + console.warn( 'THREE.LineSegments.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.' ); + + } + + } else if ( geometry.isGeometry ) { + + var vertices = geometry.vertices; + var lineDistances = geometry.lineDistances; + + for ( var i = 0, l = vertices.length; i < l; i += 2 ) { + + start.copy( vertices[ i ] ); + end.copy( vertices[ i + 1 ] ); + + lineDistances[ i ] = ( i === 0 ) ? 0 : lineDistances[ i - 1 ]; + lineDistances[ i + 1 ] = lineDistances[ i ] + start.distanceTo( end ); + + } + + } + + return this; + + }; + + }() ) + + } ); + + /** + * @author mgreter / http://github.com/mgreter + */ + + function LineLoop( geometry, material ) { + + Line.call( this, geometry, material ); + + this.type = 'LineLoop'; + + } + + LineLoop.prototype = Object.assign( Object.create( Line.prototype ), { + + constructor: LineLoop, + + isLineLoop: true, + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * + * parameters = { + * color: , + * opacity: , + * map: new THREE.Texture( ), + * + * size: , + * sizeAttenuation: + * + * morphTargets: + * } + */ + + function PointsMaterial( parameters ) { + + Material.call( this ); + + this.type = 'PointsMaterial'; + + this.color = new Color( 0xffffff ); + + this.map = null; + + this.size = 1; + this.sizeAttenuation = true; + + this.morphTargets = false; + + this.lights = false; + + this.setValues( parameters ); + + } + + PointsMaterial.prototype = Object.create( Material.prototype ); + PointsMaterial.prototype.constructor = PointsMaterial; + + PointsMaterial.prototype.isPointsMaterial = true; + + PointsMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.color.copy( source.color ); + + this.map = source.map; + + this.size = source.size; + this.sizeAttenuation = source.sizeAttenuation; + + this.morphTargets = source.morphTargets; + + return this; + + }; + + /** + * @author alteredq / http://alteredqualia.com/ + */ + + function Points( geometry, material ) { + + Object3D.call( this ); + + this.type = 'Points'; + + this.geometry = geometry !== undefined ? geometry : new BufferGeometry(); + this.material = material !== undefined ? material : new PointsMaterial( { color: Math.random() * 0xffffff } ); + + } + + Points.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Points, + + isPoints: true, + + raycast: ( function () { + + var inverseMatrix = new Matrix4(); + var ray = new Ray(); + var sphere = new Sphere(); + + return function raycast( raycaster, intersects ) { + + var object = this; + var geometry = this.geometry; + var matrixWorld = this.matrixWorld; + var threshold = raycaster.params.Points.threshold; + + // Checking boundingSphere distance to ray + + if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere(); + + sphere.copy( geometry.boundingSphere ); + sphere.applyMatrix4( matrixWorld ); + sphere.radius += threshold; + + if ( raycaster.ray.intersectsSphere( sphere ) === false ) return; + + // + + inverseMatrix.getInverse( matrixWorld ); + ray.copy( raycaster.ray ).applyMatrix4( inverseMatrix ); + + var localThreshold = threshold / ( ( this.scale.x + this.scale.y + this.scale.z ) / 3 ); + var localThresholdSq = localThreshold * localThreshold; + var position = new Vector3(); + var intersectPoint = new Vector3(); + + function testPoint( point, index ) { + + var rayPointDistanceSq = ray.distanceSqToPoint( point ); + + if ( rayPointDistanceSq < localThresholdSq ) { + + ray.closestPointToPoint( point, intersectPoint ); + intersectPoint.applyMatrix4( matrixWorld ); + + var distance = raycaster.ray.origin.distanceTo( intersectPoint ); + + if ( distance < raycaster.near || distance > raycaster.far ) return; + + intersects.push( { + + distance: distance, + distanceToRay: Math.sqrt( rayPointDistanceSq ), + point: intersectPoint.clone(), + index: index, + face: null, + object: object + + } ); + + } + + } + + if ( geometry.isBufferGeometry ) { + + var index = geometry.index; + var attributes = geometry.attributes; + var positions = attributes.position.array; + + if ( index !== null ) { + + var indices = index.array; + + for ( var i = 0, il = indices.length; i < il; i ++ ) { + + var a = indices[ i ]; + + position.fromArray( positions, a * 3 ); + + testPoint( position, a ); + + } + + } else { + + for ( var i = 0, l = positions.length / 3; i < l; i ++ ) { + + position.fromArray( positions, i * 3 ); + + testPoint( position, i ); + + } + + } + + } else { + + var vertices = geometry.vertices; + + for ( var i = 0, l = vertices.length; i < l; i ++ ) { + + testPoint( vertices[ i ], i ); + + } + + } + + }; + + }() ), + + clone: function () { + + return new this.constructor( this.geometry, this.material ).copy( this ); + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function Group() { + + Object3D.call( this ); + + this.type = 'Group'; + + } + + Group.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Group, + + isGroup: true + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function VideoTexture( video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ) { + + Texture.call( this, video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ); + + this.generateMipmaps = false; + + } + + VideoTexture.prototype = Object.assign( Object.create( Texture.prototype ), { + + constructor: VideoTexture, + + isVideoTexture: true, + + update: function () { + + var video = this.image; + + if ( video.readyState >= video.HAVE_CURRENT_DATA ) { + + this.needsUpdate = true; + + } + + } + + } ); + + /** + * @author alteredq / http://alteredqualia.com/ + */ + + function CompressedTexture( mipmaps, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding ) { + + Texture.call( this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ); + + this.image = { width: width, height: height }; + this.mipmaps = mipmaps; + + // no flipping for cube textures + // (also flipping doesn't work for compressed textures ) + + this.flipY = false; + + // can't generate mipmaps for compressed textures + // mips must be embedded in DDS files + + this.generateMipmaps = false; + + } + + CompressedTexture.prototype = Object.create( Texture.prototype ); + CompressedTexture.prototype.constructor = CompressedTexture; + + CompressedTexture.prototype.isCompressedTexture = true; + + /** + * @author Matt DesLauriers / @mattdesl + * @author atix / arthursilber.de + */ + + function DepthTexture( width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format ) { + + format = format !== undefined ? format : DepthFormat; + + if ( format !== DepthFormat && format !== DepthStencilFormat ) { + + throw new Error( 'DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat' ); + + } + + if ( type === undefined && format === DepthFormat ) type = UnsignedShortType; + if ( type === undefined && format === DepthStencilFormat ) type = UnsignedInt248Type; + + Texture.call( this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ); + + this.image = { width: width, height: height }; + + this.magFilter = magFilter !== undefined ? magFilter : NearestFilter; + this.minFilter = minFilter !== undefined ? minFilter : NearestFilter; + + this.flipY = false; + this.generateMipmaps = false; + + } + + DepthTexture.prototype = Object.create( Texture.prototype ); + DepthTexture.prototype.constructor = DepthTexture; + DepthTexture.prototype.isDepthTexture = true; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author Mugen87 / https://github.com/Mugen87 + */ + + function WireframeGeometry( geometry ) { + + BufferGeometry.call( this ); + + this.type = 'WireframeGeometry'; + + // buffer + + var vertices = []; + + // helper variables + + var i, j, l, o, ol; + var edge = [ 0, 0 ], edges = {}, e, edge1, edge2; + var key, keys = [ 'a', 'b', 'c' ]; + var vertex; + + // different logic for Geometry and BufferGeometry + + if ( geometry && geometry.isGeometry ) { + + // create a data structure that contains all edges without duplicates + + var faces = geometry.faces; + + for ( i = 0, l = faces.length; i < l; i ++ ) { + + var face = faces[ i ]; + + for ( j = 0; j < 3; j ++ ) { + + edge1 = face[ keys[ j ] ]; + edge2 = face[ keys[ ( j + 1 ) % 3 ] ]; + edge[ 0 ] = Math.min( edge1, edge2 ); // sorting prevents duplicates + edge[ 1 ] = Math.max( edge1, edge2 ); + + key = edge[ 0 ] + ',' + edge[ 1 ]; + + if ( edges[ key ] === undefined ) { + + edges[ key ] = { index1: edge[ 0 ], index2: edge[ 1 ] }; + + } + + } + + } + + // generate vertices + + for ( key in edges ) { + + e = edges[ key ]; + + vertex = geometry.vertices[ e.index1 ]; + vertices.push( vertex.x, vertex.y, vertex.z ); + + vertex = geometry.vertices[ e.index2 ]; + vertices.push( vertex.x, vertex.y, vertex.z ); + + } + + } else if ( geometry && geometry.isBufferGeometry ) { + + var position, indices, groups; + var group, start, count; + var index1, index2; + + vertex = new Vector3(); + + if ( geometry.index !== null ) { + + // indexed BufferGeometry + + position = geometry.attributes.position; + indices = geometry.index; + groups = geometry.groups; + + if ( groups.length === 0 ) { + + groups = [ { start: 0, count: indices.count, materialIndex: 0 } ]; + + } + + // create a data structure that contains all eges without duplicates + + for ( o = 0, ol = groups.length; o < ol; ++ o ) { + + group = groups[ o ]; + + start = group.start; + count = group.count; + + for ( i = start, l = ( start + count ); i < l; i += 3 ) { + + for ( j = 0; j < 3; j ++ ) { + + edge1 = indices.getX( i + j ); + edge2 = indices.getX( i + ( j + 1 ) % 3 ); + edge[ 0 ] = Math.min( edge1, edge2 ); // sorting prevents duplicates + edge[ 1 ] = Math.max( edge1, edge2 ); + + key = edge[ 0 ] + ',' + edge[ 1 ]; + + if ( edges[ key ] === undefined ) { + + edges[ key ] = { index1: edge[ 0 ], index2: edge[ 1 ] }; + + } + + } + + } + + } + + // generate vertices + + for ( key in edges ) { + + e = edges[ key ]; + + vertex.fromBufferAttribute( position, e.index1 ); + vertices.push( vertex.x, vertex.y, vertex.z ); + + vertex.fromBufferAttribute( position, e.index2 ); + vertices.push( vertex.x, vertex.y, vertex.z ); + + } + + } else { + + // non-indexed BufferGeometry + + position = geometry.attributes.position; + + for ( i = 0, l = ( position.count / 3 ); i < l; i ++ ) { + + for ( j = 0; j < 3; j ++ ) { + + // three edges per triangle, an edge is represented as (index1, index2) + // e.g. the first triangle has the following edges: (0,1),(1,2),(2,0) + + index1 = 3 * i + j; + vertex.fromBufferAttribute( position, index1 ); + vertices.push( vertex.x, vertex.y, vertex.z ); + + index2 = 3 * i + ( ( j + 1 ) % 3 ); + vertex.fromBufferAttribute( position, index2 ); + vertices.push( vertex.x, vertex.y, vertex.z ); + + } + + } + + } + + } + + // build geometry + + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + + } + + WireframeGeometry.prototype = Object.create( BufferGeometry.prototype ); + WireframeGeometry.prototype.constructor = WireframeGeometry; + + /** + * @author zz85 / https://github.com/zz85 + * @author Mugen87 / https://github.com/Mugen87 + * + * Parametric Surfaces Geometry + * based on the brilliant article by @prideout http://prideout.net/blog/?p=44 + */ + + // ParametricGeometry + + function ParametricGeometry( func, slices, stacks ) { + + Geometry.call( this ); + + this.type = 'ParametricGeometry'; + + this.parameters = { + func: func, + slices: slices, + stacks: stacks + }; + + this.fromBufferGeometry( new ParametricBufferGeometry( func, slices, stacks ) ); + this.mergeVertices(); + + } + + ParametricGeometry.prototype = Object.create( Geometry.prototype ); + ParametricGeometry.prototype.constructor = ParametricGeometry; + + // ParametricBufferGeometry + + function ParametricBufferGeometry( func, slices, stacks ) { + + BufferGeometry.call( this ); + + this.type = 'ParametricBufferGeometry'; + + this.parameters = { + func: func, + slices: slices, + stacks: stacks + }; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + var EPS = 0.00001; + + var normal = new Vector3(); + + var p0 = new Vector3(), p1 = new Vector3(); + var pu = new Vector3(), pv = new Vector3(); + + var i, j; + + if ( func.length < 3 ) { + + console.error( 'THREE.ParametricGeometry: Function must now modify a Vector3 as third parameter.' ); + + } + + // generate vertices, normals and uvs + + var sliceCount = slices + 1; + + for ( i = 0; i <= stacks; i ++ ) { + + var v = i / stacks; + + for ( j = 0; j <= slices; j ++ ) { + + var u = j / slices; + + // vertex + + func( u, v, p0 ); + vertices.push( p0.x, p0.y, p0.z ); + + // normal + + // approximate tangent vectors via finite differences + + if ( u - EPS >= 0 ) { + + func( u - EPS, v, p1 ); + pu.subVectors( p0, p1 ); + + } else { + + func( u + EPS, v, p1 ); + pu.subVectors( p1, p0 ); + + } + + if ( v - EPS >= 0 ) { + + func( u, v - EPS, p1 ); + pv.subVectors( p0, p1 ); + + } else { + + func( u, v + EPS, p1 ); + pv.subVectors( p1, p0 ); + + } + + // cross product of tangent vectors returns surface normal + + normal.crossVectors( pu, pv ).normalize(); + normals.push( normal.x, normal.y, normal.z ); + + // uv + + uvs.push( u, v ); + + } + + } + + // generate indices + + for ( i = 0; i < stacks; i ++ ) { + + for ( j = 0; j < slices; j ++ ) { + + var a = i * sliceCount + j; + var b = i * sliceCount + j + 1; + var c = ( i + 1 ) * sliceCount + j + 1; + var d = ( i + 1 ) * sliceCount + j; + + // faces one and two + + indices.push( a, b, d ); + indices.push( b, c, d ); + + } + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + } + + ParametricBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + ParametricBufferGeometry.prototype.constructor = ParametricBufferGeometry; + + /** + * @author clockworkgeek / https://github.com/clockworkgeek + * @author timothypratley / https://github.com/timothypratley + * @author WestLangley / http://github.com/WestLangley + * @author Mugen87 / https://github.com/Mugen87 + */ + + // PolyhedronGeometry + + function PolyhedronGeometry( vertices, indices, radius, detail ) { + + Geometry.call( this ); + + this.type = 'PolyhedronGeometry'; + + this.parameters = { + vertices: vertices, + indices: indices, + radius: radius, + detail: detail + }; + + this.fromBufferGeometry( new PolyhedronBufferGeometry( vertices, indices, radius, detail ) ); + this.mergeVertices(); + + } + + PolyhedronGeometry.prototype = Object.create( Geometry.prototype ); + PolyhedronGeometry.prototype.constructor = PolyhedronGeometry; + + // PolyhedronBufferGeometry + + function PolyhedronBufferGeometry( vertices, indices, radius, detail ) { + + BufferGeometry.call( this ); + + this.type = 'PolyhedronBufferGeometry'; + + this.parameters = { + vertices: vertices, + indices: indices, + radius: radius, + detail: detail + }; + + radius = radius || 1; + detail = detail || 0; + + // default buffer data + + var vertexBuffer = []; + var uvBuffer = []; + + // the subdivision creates the vertex buffer data + + subdivide( detail ); + + // all vertices should lie on a conceptual sphere with a given radius + + appplyRadius( radius ); + + // finally, create the uv data + + generateUVs(); + + // build non-indexed geometry + + this.addAttribute( 'position', new Float32BufferAttribute( vertexBuffer, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( vertexBuffer.slice(), 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvBuffer, 2 ) ); + + if ( detail === 0 ) { + + this.computeVertexNormals(); // flat normals + + } else { + + this.normalizeNormals(); // smooth normals + + } + + // helper functions + + function subdivide( detail ) { + + var a = new Vector3(); + var b = new Vector3(); + var c = new Vector3(); + + // iterate over all faces and apply a subdivison with the given detail value + + for ( var i = 0; i < indices.length; i += 3 ) { + + // get the vertices of the face + + getVertexByIndex( indices[ i + 0 ], a ); + getVertexByIndex( indices[ i + 1 ], b ); + getVertexByIndex( indices[ i + 2 ], c ); + + // perform subdivision + + subdivideFace( a, b, c, detail ); + + } + + } + + function subdivideFace( a, b, c, detail ) { + + var cols = Math.pow( 2, detail ); + + // we use this multidimensional array as a data structure for creating the subdivision + + var v = []; + + var i, j; + + // construct all of the vertices for this subdivision + + for ( i = 0; i <= cols; i ++ ) { + + v[ i ] = []; + + var aj = a.clone().lerp( c, i / cols ); + var bj = b.clone().lerp( c, i / cols ); + + var rows = cols - i; + + for ( j = 0; j <= rows; j ++ ) { + + if ( j === 0 && i === cols ) { + + v[ i ][ j ] = aj; + + } else { + + v[ i ][ j ] = aj.clone().lerp( bj, j / rows ); + + } + + } + + } + + // construct all of the faces + + for ( i = 0; i < cols; i ++ ) { + + for ( j = 0; j < 2 * ( cols - i ) - 1; j ++ ) { + + var k = Math.floor( j / 2 ); + + if ( j % 2 === 0 ) { + + pushVertex( v[ i ][ k + 1 ] ); + pushVertex( v[ i + 1 ][ k ] ); + pushVertex( v[ i ][ k ] ); + + } else { + + pushVertex( v[ i ][ k + 1 ] ); + pushVertex( v[ i + 1 ][ k + 1 ] ); + pushVertex( v[ i + 1 ][ k ] ); + + } + + } + + } + + } + + function appplyRadius( radius ) { + + var vertex = new Vector3(); + + // iterate over the entire buffer and apply the radius to each vertex + + for ( var i = 0; i < vertexBuffer.length; i += 3 ) { + + vertex.x = vertexBuffer[ i + 0 ]; + vertex.y = vertexBuffer[ i + 1 ]; + vertex.z = vertexBuffer[ i + 2 ]; + + vertex.normalize().multiplyScalar( radius ); + + vertexBuffer[ i + 0 ] = vertex.x; + vertexBuffer[ i + 1 ] = vertex.y; + vertexBuffer[ i + 2 ] = vertex.z; + + } + + } + + function generateUVs() { + + var vertex = new Vector3(); + + for ( var i = 0; i < vertexBuffer.length; i += 3 ) { + + vertex.x = vertexBuffer[ i + 0 ]; + vertex.y = vertexBuffer[ i + 1 ]; + vertex.z = vertexBuffer[ i + 2 ]; + + var u = azimuth( vertex ) / 2 / Math.PI + 0.5; + var v = inclination( vertex ) / Math.PI + 0.5; + uvBuffer.push( u, 1 - v ); + + } + + correctUVs(); + + correctSeam(); + + } + + function correctSeam() { + + // handle case when face straddles the seam, see #3269 + + for ( var i = 0; i < uvBuffer.length; i += 6 ) { + + // uv data of a single face + + var x0 = uvBuffer[ i + 0 ]; + var x1 = uvBuffer[ i + 2 ]; + var x2 = uvBuffer[ i + 4 ]; + + var max = Math.max( x0, x1, x2 ); + var min = Math.min( x0, x1, x2 ); + + // 0.9 is somewhat arbitrary + + if ( max > 0.9 && min < 0.1 ) { + + if ( x0 < 0.2 ) uvBuffer[ i + 0 ] += 1; + if ( x1 < 0.2 ) uvBuffer[ i + 2 ] += 1; + if ( x2 < 0.2 ) uvBuffer[ i + 4 ] += 1; + + } + + } + + } + + function pushVertex( vertex ) { + + vertexBuffer.push( vertex.x, vertex.y, vertex.z ); + + } + + function getVertexByIndex( index, vertex ) { + + var stride = index * 3; + + vertex.x = vertices[ stride + 0 ]; + vertex.y = vertices[ stride + 1 ]; + vertex.z = vertices[ stride + 2 ]; + + } + + function correctUVs() { + + var a = new Vector3(); + var b = new Vector3(); + var c = new Vector3(); + + var centroid = new Vector3(); + + var uvA = new Vector2(); + var uvB = new Vector2(); + var uvC = new Vector2(); + + for ( var i = 0, j = 0; i < vertexBuffer.length; i += 9, j += 6 ) { + + a.set( vertexBuffer[ i + 0 ], vertexBuffer[ i + 1 ], vertexBuffer[ i + 2 ] ); + b.set( vertexBuffer[ i + 3 ], vertexBuffer[ i + 4 ], vertexBuffer[ i + 5 ] ); + c.set( vertexBuffer[ i + 6 ], vertexBuffer[ i + 7 ], vertexBuffer[ i + 8 ] ); + + uvA.set( uvBuffer[ j + 0 ], uvBuffer[ j + 1 ] ); + uvB.set( uvBuffer[ j + 2 ], uvBuffer[ j + 3 ] ); + uvC.set( uvBuffer[ j + 4 ], uvBuffer[ j + 5 ] ); + + centroid.copy( a ).add( b ).add( c ).divideScalar( 3 ); + + var azi = azimuth( centroid ); + + correctUV( uvA, j + 0, a, azi ); + correctUV( uvB, j + 2, b, azi ); + correctUV( uvC, j + 4, c, azi ); + + } + + } + + function correctUV( uv, stride, vector, azimuth ) { + + if ( ( azimuth < 0 ) && ( uv.x === 1 ) ) { + + uvBuffer[ stride ] = uv.x - 1; + + } + + if ( ( vector.x === 0 ) && ( vector.z === 0 ) ) { + + uvBuffer[ stride ] = azimuth / 2 / Math.PI + 0.5; + + } + + } + + // Angle around the Y axis, counter-clockwise when looking from above. + + function azimuth( vector ) { + + return Math.atan2( vector.z, - vector.x ); + + } + + + // Angle above the XZ plane. + + function inclination( vector ) { + + return Math.atan2( - vector.y, Math.sqrt( ( vector.x * vector.x ) + ( vector.z * vector.z ) ) ); + + } + + } + + PolyhedronBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + PolyhedronBufferGeometry.prototype.constructor = PolyhedronBufferGeometry; + + /** + * @author timothypratley / https://github.com/timothypratley + * @author Mugen87 / https://github.com/Mugen87 + */ + + // TetrahedronGeometry + + function TetrahedronGeometry( radius, detail ) { + + Geometry.call( this ); + + this.type = 'TetrahedronGeometry'; + + this.parameters = { + radius: radius, + detail: detail + }; + + this.fromBufferGeometry( new TetrahedronBufferGeometry( radius, detail ) ); + this.mergeVertices(); + + } + + TetrahedronGeometry.prototype = Object.create( Geometry.prototype ); + TetrahedronGeometry.prototype.constructor = TetrahedronGeometry; + + // TetrahedronBufferGeometry + + function TetrahedronBufferGeometry( radius, detail ) { + + var vertices = [ + 1, 1, 1, - 1, - 1, 1, - 1, 1, - 1, 1, - 1, - 1 + ]; + + var indices = [ + 2, 1, 0, 0, 3, 2, 1, 3, 0, 2, 3, 1 + ]; + + PolyhedronBufferGeometry.call( this, vertices, indices, radius, detail ); + + this.type = 'TetrahedronBufferGeometry'; + + this.parameters = { + radius: radius, + detail: detail + }; + + } + + TetrahedronBufferGeometry.prototype = Object.create( PolyhedronBufferGeometry.prototype ); + TetrahedronBufferGeometry.prototype.constructor = TetrahedronBufferGeometry; + + /** + * @author timothypratley / https://github.com/timothypratley + * @author Mugen87 / https://github.com/Mugen87 + */ + + // OctahedronGeometry + + function OctahedronGeometry( radius, detail ) { + + Geometry.call( this ); + + this.type = 'OctahedronGeometry'; + + this.parameters = { + radius: radius, + detail: detail + }; + + this.fromBufferGeometry( new OctahedronBufferGeometry( radius, detail ) ); + this.mergeVertices(); + + } + + OctahedronGeometry.prototype = Object.create( Geometry.prototype ); + OctahedronGeometry.prototype.constructor = OctahedronGeometry; + + // OctahedronBufferGeometry + + function OctahedronBufferGeometry( radius, detail ) { + + var vertices = [ + 1, 0, 0, - 1, 0, 0, 0, 1, 0, + 0, - 1, 0, 0, 0, 1, 0, 0, - 1 + ]; + + var indices = [ + 0, 2, 4, 0, 4, 3, 0, 3, 5, + 0, 5, 2, 1, 2, 5, 1, 5, 3, + 1, 3, 4, 1, 4, 2 + ]; + + PolyhedronBufferGeometry.call( this, vertices, indices, radius, detail ); + + this.type = 'OctahedronBufferGeometry'; + + this.parameters = { + radius: radius, + detail: detail + }; + + } + + OctahedronBufferGeometry.prototype = Object.create( PolyhedronBufferGeometry.prototype ); + OctahedronBufferGeometry.prototype.constructor = OctahedronBufferGeometry; + + /** + * @author timothypratley / https://github.com/timothypratley + * @author Mugen87 / https://github.com/Mugen87 + */ + + // IcosahedronGeometry + + function IcosahedronGeometry( radius, detail ) { + + Geometry.call( this ); + + this.type = 'IcosahedronGeometry'; + + this.parameters = { + radius: radius, + detail: detail + }; + + this.fromBufferGeometry( new IcosahedronBufferGeometry( radius, detail ) ); + this.mergeVertices(); + + } + + IcosahedronGeometry.prototype = Object.create( Geometry.prototype ); + IcosahedronGeometry.prototype.constructor = IcosahedronGeometry; + + // IcosahedronBufferGeometry + + function IcosahedronBufferGeometry( radius, detail ) { + + var t = ( 1 + Math.sqrt( 5 ) ) / 2; + + var vertices = [ + - 1, t, 0, 1, t, 0, - 1, - t, 0, 1, - t, 0, + 0, - 1, t, 0, 1, t, 0, - 1, - t, 0, 1, - t, + t, 0, - 1, t, 0, 1, - t, 0, - 1, - t, 0, 1 + ]; + + var indices = [ + 0, 11, 5, 0, 5, 1, 0, 1, 7, 0, 7, 10, 0, 10, 11, + 1, 5, 9, 5, 11, 4, 11, 10, 2, 10, 7, 6, 7, 1, 8, + 3, 9, 4, 3, 4, 2, 3, 2, 6, 3, 6, 8, 3, 8, 9, + 4, 9, 5, 2, 4, 11, 6, 2, 10, 8, 6, 7, 9, 8, 1 + ]; + + PolyhedronBufferGeometry.call( this, vertices, indices, radius, detail ); + + this.type = 'IcosahedronBufferGeometry'; + + this.parameters = { + radius: radius, + detail: detail + }; + + } + + IcosahedronBufferGeometry.prototype = Object.create( PolyhedronBufferGeometry.prototype ); + IcosahedronBufferGeometry.prototype.constructor = IcosahedronBufferGeometry; + + /** + * @author Abe Pazos / https://hamoid.com + * @author Mugen87 / https://github.com/Mugen87 + */ + + // DodecahedronGeometry + + function DodecahedronGeometry( radius, detail ) { + + Geometry.call( this ); + + this.type = 'DodecahedronGeometry'; + + this.parameters = { + radius: radius, + detail: detail + }; + + this.fromBufferGeometry( new DodecahedronBufferGeometry( radius, detail ) ); + this.mergeVertices(); + + } + + DodecahedronGeometry.prototype = Object.create( Geometry.prototype ); + DodecahedronGeometry.prototype.constructor = DodecahedronGeometry; + + // DodecahedronBufferGeometry + + function DodecahedronBufferGeometry( radius, detail ) { + + var t = ( 1 + Math.sqrt( 5 ) ) / 2; + var r = 1 / t; + + var vertices = [ + + // (±1, ±1, ±1) + - 1, - 1, - 1, - 1, - 1, 1, + - 1, 1, - 1, - 1, 1, 1, + 1, - 1, - 1, 1, - 1, 1, + 1, 1, - 1, 1, 1, 1, + + // (0, ±1/φ, ±φ) + 0, - r, - t, 0, - r, t, + 0, r, - t, 0, r, t, + + // (±1/φ, ±φ, 0) + - r, - t, 0, - r, t, 0, + r, - t, 0, r, t, 0, + + // (±φ, 0, ±1/φ) + - t, 0, - r, t, 0, - r, + - t, 0, r, t, 0, r + ]; + + var indices = [ + 3, 11, 7, 3, 7, 15, 3, 15, 13, + 7, 19, 17, 7, 17, 6, 7, 6, 15, + 17, 4, 8, 17, 8, 10, 17, 10, 6, + 8, 0, 16, 8, 16, 2, 8, 2, 10, + 0, 12, 1, 0, 1, 18, 0, 18, 16, + 6, 10, 2, 6, 2, 13, 6, 13, 15, + 2, 16, 18, 2, 18, 3, 2, 3, 13, + 18, 1, 9, 18, 9, 11, 18, 11, 3, + 4, 14, 12, 4, 12, 0, 4, 0, 8, + 11, 9, 5, 11, 5, 19, 11, 19, 7, + 19, 5, 14, 19, 14, 4, 19, 4, 17, + 1, 12, 14, 1, 14, 5, 1, 5, 9 + ]; + + PolyhedronBufferGeometry.call( this, vertices, indices, radius, detail ); + + this.type = 'DodecahedronBufferGeometry'; + + this.parameters = { + radius: radius, + detail: detail + }; + + } + + DodecahedronBufferGeometry.prototype = Object.create( PolyhedronBufferGeometry.prototype ); + DodecahedronBufferGeometry.prototype.constructor = DodecahedronBufferGeometry; + + /** + * @author oosmoxiecode / https://github.com/oosmoxiecode + * @author WestLangley / https://github.com/WestLangley + * @author zz85 / https://github.com/zz85 + * @author miningold / https://github.com/miningold + * @author jonobr1 / https://github.com/jonobr1 + * @author Mugen87 / https://github.com/Mugen87 + * + */ + + // TubeGeometry + + function TubeGeometry( path, tubularSegments, radius, radialSegments, closed, taper ) { + + Geometry.call( this ); + + this.type = 'TubeGeometry'; + + this.parameters = { + path: path, + tubularSegments: tubularSegments, + radius: radius, + radialSegments: radialSegments, + closed: closed + }; + + if ( taper !== undefined ) console.warn( 'THREE.TubeGeometry: taper has been removed.' ); + + var bufferGeometry = new TubeBufferGeometry( path, tubularSegments, radius, radialSegments, closed ); + + // expose internals + + this.tangents = bufferGeometry.tangents; + this.normals = bufferGeometry.normals; + this.binormals = bufferGeometry.binormals; + + // create geometry + + this.fromBufferGeometry( bufferGeometry ); + this.mergeVertices(); + + } + + TubeGeometry.prototype = Object.create( Geometry.prototype ); + TubeGeometry.prototype.constructor = TubeGeometry; + + // TubeBufferGeometry + + function TubeBufferGeometry( path, tubularSegments, radius, radialSegments, closed ) { + + BufferGeometry.call( this ); + + this.type = 'TubeBufferGeometry'; + + this.parameters = { + path: path, + tubularSegments: tubularSegments, + radius: radius, + radialSegments: radialSegments, + closed: closed + }; + + tubularSegments = tubularSegments || 64; + radius = radius || 1; + radialSegments = radialSegments || 8; + closed = closed || false; + + var frames = path.computeFrenetFrames( tubularSegments, closed ); + + // expose internals + + this.tangents = frames.tangents; + this.normals = frames.normals; + this.binormals = frames.binormals; + + // helper variables + + var vertex = new Vector3(); + var normal = new Vector3(); + var uv = new Vector2(); + var P = new Vector3(); + + var i, j; + + // buffer + + var vertices = []; + var normals = []; + var uvs = []; + var indices = []; + + // create buffer data + + generateBufferData(); + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + // functions + + function generateBufferData() { + + for ( i = 0; i < tubularSegments; i ++ ) { + + generateSegment( i ); + + } + + // if the geometry is not closed, generate the last row of vertices and normals + // at the regular position on the given path + // + // if the geometry is closed, duplicate the first row of vertices and normals (uvs will differ) + + generateSegment( ( closed === false ) ? tubularSegments : 0 ); + + // uvs are generated in a separate function. + // this makes it easy compute correct values for closed geometries + + generateUVs(); + + // finally create faces + + generateIndices(); + + } + + function generateSegment( i ) { + + // we use getPointAt to sample evenly distributed points from the given path + + P = path.getPointAt( i / tubularSegments, P ); + + // retrieve corresponding normal and binormal + + var N = frames.normals[ i ]; + var B = frames.binormals[ i ]; + + // generate normals and vertices for the current segment + + for ( j = 0; j <= radialSegments; j ++ ) { + + var v = j / radialSegments * Math.PI * 2; + + var sin = Math.sin( v ); + var cos = - Math.cos( v ); + + // normal + + normal.x = ( cos * N.x + sin * B.x ); + normal.y = ( cos * N.y + sin * B.y ); + normal.z = ( cos * N.z + sin * B.z ); + normal.normalize(); + + normals.push( normal.x, normal.y, normal.z ); + + // vertex + + vertex.x = P.x + radius * normal.x; + vertex.y = P.y + radius * normal.y; + vertex.z = P.z + radius * normal.z; + + vertices.push( vertex.x, vertex.y, vertex.z ); + + } + + } + + function generateIndices() { + + for ( j = 1; j <= tubularSegments; j ++ ) { + + for ( i = 1; i <= radialSegments; i ++ ) { + + var a = ( radialSegments + 1 ) * ( j - 1 ) + ( i - 1 ); + var b = ( radialSegments + 1 ) * j + ( i - 1 ); + var c = ( radialSegments + 1 ) * j + i; + var d = ( radialSegments + 1 ) * ( j - 1 ) + i; + + // faces + + indices.push( a, b, d ); + indices.push( b, c, d ); + + } + + } + + } + + function generateUVs() { + + for ( i = 0; i <= tubularSegments; i ++ ) { + + for ( j = 0; j <= radialSegments; j ++ ) { + + uv.x = i / tubularSegments; + uv.y = j / radialSegments; + + uvs.push( uv.x, uv.y ); + + } + + } + + } + + } + + TubeBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + TubeBufferGeometry.prototype.constructor = TubeBufferGeometry; + + /** + * @author oosmoxiecode + * @author Mugen87 / https://github.com/Mugen87 + * + * based on http://www.blackpawn.com/texts/pqtorus/ + */ + + // TorusKnotGeometry + + function TorusKnotGeometry( radius, tube, tubularSegments, radialSegments, p, q, heightScale ) { + + Geometry.call( this ); + + this.type = 'TorusKnotGeometry'; + + this.parameters = { + radius: radius, + tube: tube, + tubularSegments: tubularSegments, + radialSegments: radialSegments, + p: p, + q: q + }; + + if ( heightScale !== undefined ) console.warn( 'THREE.TorusKnotGeometry: heightScale has been deprecated. Use .scale( x, y, z ) instead.' ); + + this.fromBufferGeometry( new TorusKnotBufferGeometry( radius, tube, tubularSegments, radialSegments, p, q ) ); + this.mergeVertices(); + + } + + TorusKnotGeometry.prototype = Object.create( Geometry.prototype ); + TorusKnotGeometry.prototype.constructor = TorusKnotGeometry; + + // TorusKnotBufferGeometry + + function TorusKnotBufferGeometry( radius, tube, tubularSegments, radialSegments, p, q ) { + + BufferGeometry.call( this ); + + this.type = 'TorusKnotBufferGeometry'; + + this.parameters = { + radius: radius, + tube: tube, + tubularSegments: tubularSegments, + radialSegments: radialSegments, + p: p, + q: q + }; + + radius = radius || 1; + tube = tube || 0.4; + tubularSegments = Math.floor( tubularSegments ) || 64; + radialSegments = Math.floor( radialSegments ) || 8; + p = p || 2; + q = q || 3; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // helper variables + + var i, j; + + var vertex = new Vector3(); + var normal = new Vector3(); + + var P1 = new Vector3(); + var P2 = new Vector3(); + + var B = new Vector3(); + var T = new Vector3(); + var N = new Vector3(); + + // generate vertices, normals and uvs + + for ( i = 0; i <= tubularSegments; ++ i ) { + + // the radian "u" is used to calculate the position on the torus curve of the current tubular segement + + var u = i / tubularSegments * p * Math.PI * 2; + + // now we calculate two points. P1 is our current position on the curve, P2 is a little farther ahead. + // these points are used to create a special "coordinate space", which is necessary to calculate the correct vertex positions + + calculatePositionOnCurve( u, p, q, radius, P1 ); + calculatePositionOnCurve( u + 0.01, p, q, radius, P2 ); + + // calculate orthonormal basis + + T.subVectors( P2, P1 ); + N.addVectors( P2, P1 ); + B.crossVectors( T, N ); + N.crossVectors( B, T ); + + // normalize B, N. T can be ignored, we don't use it + + B.normalize(); + N.normalize(); + + for ( j = 0; j <= radialSegments; ++ j ) { + + // now calculate the vertices. they are nothing more than an extrusion of the torus curve. + // because we extrude a shape in the xy-plane, there is no need to calculate a z-value. + + var v = j / radialSegments * Math.PI * 2; + var cx = - tube * Math.cos( v ); + var cy = tube * Math.sin( v ); + + // now calculate the final vertex position. + // first we orient the extrusion with our basis vectos, then we add it to the current position on the curve + + vertex.x = P1.x + ( cx * N.x + cy * B.x ); + vertex.y = P1.y + ( cx * N.y + cy * B.y ); + vertex.z = P1.z + ( cx * N.z + cy * B.z ); + + vertices.push( vertex.x, vertex.y, vertex.z ); + + // normal (P1 is always the center/origin of the extrusion, thus we can use it to calculate the normal) + + normal.subVectors( vertex, P1 ).normalize(); + + normals.push( normal.x, normal.y, normal.z ); + + // uv + + uvs.push( i / tubularSegments ); + uvs.push( j / radialSegments ); + + } + + } + + // generate indices + + for ( j = 1; j <= tubularSegments; j ++ ) { + + for ( i = 1; i <= radialSegments; i ++ ) { + + // indices + + var a = ( radialSegments + 1 ) * ( j - 1 ) + ( i - 1 ); + var b = ( radialSegments + 1 ) * j + ( i - 1 ); + var c = ( radialSegments + 1 ) * j + i; + var d = ( radialSegments + 1 ) * ( j - 1 ) + i; + + // faces + + indices.push( a, b, d ); + indices.push( b, c, d ); + + } + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + // this function calculates the current position on the torus curve + + function calculatePositionOnCurve( u, p, q, radius, position ) { + + var cu = Math.cos( u ); + var su = Math.sin( u ); + var quOverP = q / p * u; + var cs = Math.cos( quOverP ); + + position.x = radius * ( 2 + cs ) * 0.5 * cu; + position.y = radius * ( 2 + cs ) * su * 0.5; + position.z = radius * Math.sin( quOverP ) * 0.5; + + } + + } + + TorusKnotBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + TorusKnotBufferGeometry.prototype.constructor = TorusKnotBufferGeometry; + + /** + * @author oosmoxiecode + * @author mrdoob / http://mrdoob.com/ + * @author Mugen87 / https://github.com/Mugen87 + */ + + // TorusGeometry + + function TorusGeometry( radius, tube, radialSegments, tubularSegments, arc ) { + + Geometry.call( this ); + + this.type = 'TorusGeometry'; + + this.parameters = { + radius: radius, + tube: tube, + radialSegments: radialSegments, + tubularSegments: tubularSegments, + arc: arc + }; + + this.fromBufferGeometry( new TorusBufferGeometry( radius, tube, radialSegments, tubularSegments, arc ) ); + this.mergeVertices(); + + } + + TorusGeometry.prototype = Object.create( Geometry.prototype ); + TorusGeometry.prototype.constructor = TorusGeometry; + + // TorusBufferGeometry + + function TorusBufferGeometry( radius, tube, radialSegments, tubularSegments, arc ) { + + BufferGeometry.call( this ); + + this.type = 'TorusBufferGeometry'; + + this.parameters = { + radius: radius, + tube: tube, + radialSegments: radialSegments, + tubularSegments: tubularSegments, + arc: arc + }; + + radius = radius || 1; + tube = tube || 0.4; + radialSegments = Math.floor( radialSegments ) || 8; + tubularSegments = Math.floor( tubularSegments ) || 6; + arc = arc || Math.PI * 2; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // helper variables + + var center = new Vector3(); + var vertex = new Vector3(); + var normal = new Vector3(); + + var j, i; + + // generate vertices, normals and uvs + + for ( j = 0; j <= radialSegments; j ++ ) { + + for ( i = 0; i <= tubularSegments; i ++ ) { + + var u = i / tubularSegments * arc; + var v = j / radialSegments * Math.PI * 2; + + // vertex + + vertex.x = ( radius + tube * Math.cos( v ) ) * Math.cos( u ); + vertex.y = ( radius + tube * Math.cos( v ) ) * Math.sin( u ); + vertex.z = tube * Math.sin( v ); + + vertices.push( vertex.x, vertex.y, vertex.z ); + + // normal + + center.x = radius * Math.cos( u ); + center.y = radius * Math.sin( u ); + normal.subVectors( vertex, center ).normalize(); + + normals.push( normal.x, normal.y, normal.z ); + + // uv + + uvs.push( i / tubularSegments ); + uvs.push( j / radialSegments ); + + } + + } + + // generate indices + + for ( j = 1; j <= radialSegments; j ++ ) { + + for ( i = 1; i <= tubularSegments; i ++ ) { + + // indices + + var a = ( tubularSegments + 1 ) * j + i - 1; + var b = ( tubularSegments + 1 ) * ( j - 1 ) + i - 1; + var c = ( tubularSegments + 1 ) * ( j - 1 ) + i; + var d = ( tubularSegments + 1 ) * j + i; + + // faces + + indices.push( a, b, d ); + indices.push( b, c, d ); + + } + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + } + + TorusBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + TorusBufferGeometry.prototype.constructor = TorusBufferGeometry; + + /** + * @author Mugen87 / https://github.com/Mugen87 + * Port from https://github.com/mapbox/earcut (v2.1.2) + */ + + var Earcut = { + + triangulate: function ( data, holeIndices, dim ) { + + dim = dim || 2; + + var hasHoles = holeIndices && holeIndices.length, + outerLen = hasHoles ? holeIndices[ 0 ] * dim : data.length, + outerNode = linkedList( data, 0, outerLen, dim, true ), + triangles = []; + + if ( ! outerNode ) return triangles; + + var minX, minY, maxX, maxY, x, y, invSize; + + if ( hasHoles ) outerNode = eliminateHoles( data, holeIndices, outerNode, dim ); + + // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox + + if ( data.length > 80 * dim ) { + + minX = maxX = data[ 0 ]; + minY = maxY = data[ 1 ]; + + for ( var i = dim; i < outerLen; i += dim ) { + + x = data[ i ]; + y = data[ i + 1 ]; + if ( x < minX ) minX = x; + if ( y < minY ) minY = y; + if ( x > maxX ) maxX = x; + if ( y > maxY ) maxY = y; + + } + + // minX, minY and invSize are later used to transform coords into integers for z-order calculation + + invSize = Math.max( maxX - minX, maxY - minY ); + invSize = invSize !== 0 ? 1 / invSize : 0; + + } + + earcutLinked( outerNode, triangles, dim, minX, minY, invSize ); + + return triangles; + + } + + }; + + // create a circular doubly linked list from polygon points in the specified winding order + + function linkedList( data, start, end, dim, clockwise ) { + + var i, last; + + if ( clockwise === ( signedArea( data, start, end, dim ) > 0 ) ) { + + for ( i = start; i < end; i += dim ) last = insertNode( i, data[ i ], data[ i + 1 ], last ); + + } else { + + for ( i = end - dim; i >= start; i -= dim ) last = insertNode( i, data[ i ], data[ i + 1 ], last ); + + } + + if ( last && equals( last, last.next ) ) { + + removeNode( last ); + last = last.next; + + } + + return last; + + } + + // eliminate colinear or duplicate points + + function filterPoints( start, end ) { + + if ( ! start ) return start; + if ( ! end ) end = start; + + var p = start, again; + + do { + + again = false; + + if ( ! p.steiner && ( equals( p, p.next ) || area( p.prev, p, p.next ) === 0 ) ) { + + removeNode( p ); + p = end = p.prev; + if ( p === p.next ) break; + again = true; + + } else { + + p = p.next; + + } + + } while ( again || p !== end ); + + return end; + + } + + // main ear slicing loop which triangulates a polygon (given as a linked list) + + function earcutLinked( ear, triangles, dim, minX, minY, invSize, pass ) { + + if ( ! ear ) return; + + // interlink polygon nodes in z-order + + if ( ! pass && invSize ) indexCurve( ear, minX, minY, invSize ); + + var stop = ear, prev, next; + + // iterate through ears, slicing them one by one + + while ( ear.prev !== ear.next ) { + + prev = ear.prev; + next = ear.next; + + if ( invSize ? isEarHashed( ear, minX, minY, invSize ) : isEar( ear ) ) { + + // cut off the triangle + triangles.push( prev.i / dim ); + triangles.push( ear.i / dim ); + triangles.push( next.i / dim ); + + removeNode( ear ); + + // skipping the next vertice leads to less sliver triangles + ear = next.next; + stop = next.next; + + continue; + + } + + ear = next; + + // if we looped through the whole remaining polygon and can't find any more ears + + if ( ear === stop ) { + + // try filtering points and slicing again + + if ( ! pass ) { + + earcutLinked( filterPoints( ear ), triangles, dim, minX, minY, invSize, 1 ); + + // if this didn't work, try curing all small self-intersections locally + + } else if ( pass === 1 ) { + + ear = cureLocalIntersections( ear, triangles, dim ); + earcutLinked( ear, triangles, dim, minX, minY, invSize, 2 ); + + // as a last resort, try splitting the remaining polygon into two + + } else if ( pass === 2 ) { + + splitEarcut( ear, triangles, dim, minX, minY, invSize ); + + } + + break; + + } + + } + + } + + // check whether a polygon node forms a valid ear with adjacent nodes + + function isEar( ear ) { + + var a = ear.prev, + b = ear, + c = ear.next; + + if ( area( a, b, c ) >= 0 ) return false; // reflex, can't be an ear + + // now make sure we don't have other points inside the potential ear + var p = ear.next.next; + + while ( p !== ear.prev ) { + + if ( pointInTriangle( a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y ) && area( p.prev, p, p.next ) >= 0 ) { + + return false; + + } + + p = p.next; + + } + + return true; + + } + + function isEarHashed( ear, minX, minY, invSize ) { + + var a = ear.prev, + b = ear, + c = ear.next; + + if ( area( a, b, c ) >= 0 ) return false; // reflex, can't be an ear + + // triangle bbox; min & max are calculated like this for speed + + var minTX = a.x < b.x ? ( a.x < c.x ? a.x : c.x ) : ( b.x < c.x ? b.x : c.x ), + minTY = a.y < b.y ? ( a.y < c.y ? a.y : c.y ) : ( b.y < c.y ? b.y : c.y ), + maxTX = a.x > b.x ? ( a.x > c.x ? a.x : c.x ) : ( b.x > c.x ? b.x : c.x ), + maxTY = a.y > b.y ? ( a.y > c.y ? a.y : c.y ) : ( b.y > c.y ? b.y : c.y ); + + // z-order range for the current triangle bbox; + + var minZ = zOrder( minTX, minTY, minX, minY, invSize ), + maxZ = zOrder( maxTX, maxTY, minX, minY, invSize ); + + // first look for points inside the triangle in increasing z-order + + var p = ear.nextZ; + + while ( p && p.z <= maxZ ) { + + if ( p !== ear.prev && p !== ear.next && + pointInTriangle( a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y ) && + area( p.prev, p, p.next ) >= 0 ) return false; + p = p.nextZ; + + } + + // then look for points in decreasing z-order + + p = ear.prevZ; + + while ( p && p.z >= minZ ) { + + if ( p !== ear.prev && p !== ear.next && + pointInTriangle( a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y ) && + area( p.prev, p, p.next ) >= 0 ) return false; + + p = p.prevZ; + + } + + return true; + + } + + // go through all polygon nodes and cure small local self-intersections + + function cureLocalIntersections( start, triangles, dim ) { + + var p = start; + + do { + + var a = p.prev, b = p.next.next; + + if ( ! equals( a, b ) && intersects( a, p, p.next, b ) && locallyInside( a, b ) && locallyInside( b, a ) ) { + + triangles.push( a.i / dim ); + triangles.push( p.i / dim ); + triangles.push( b.i / dim ); + + // remove two nodes involved + + removeNode( p ); + removeNode( p.next ); + + p = start = b; + + } + + p = p.next; + + } while ( p !== start ); + + return p; + + } + + // try splitting polygon into two and triangulate them independently + + function splitEarcut( start, triangles, dim, minX, minY, invSize ) { + + // look for a valid diagonal that divides the polygon into two + + var a = start; + + do { + + var b = a.next.next; + + while ( b !== a.prev ) { + + if ( a.i !== b.i && isValidDiagonal( a, b ) ) { + + // split the polygon in two by the diagonal + + var c = splitPolygon( a, b ); + + // filter colinear points around the cuts + + a = filterPoints( a, a.next ); + c = filterPoints( c, c.next ); + + // run earcut on each half + + earcutLinked( a, triangles, dim, minX, minY, invSize ); + earcutLinked( c, triangles, dim, minX, minY, invSize ); + return; + + } + + b = b.next; + + } + + a = a.next; + + } while ( a !== start ); + + } + + // link every hole into the outer loop, producing a single-ring polygon without holes + + function eliminateHoles( data, holeIndices, outerNode, dim ) { + + var queue = [], i, len, start, end, list; + + for ( i = 0, len = holeIndices.length; i < len; i ++ ) { + + start = holeIndices[ i ] * dim; + end = i < len - 1 ? holeIndices[ i + 1 ] * dim : data.length; + list = linkedList( data, start, end, dim, false ); + if ( list === list.next ) list.steiner = true; + queue.push( getLeftmost( list ) ); + + } + + queue.sort( compareX ); + + // process holes from left to right + + for ( i = 0; i < queue.length; i ++ ) { + + eliminateHole( queue[ i ], outerNode ); + outerNode = filterPoints( outerNode, outerNode.next ); + + } + + return outerNode; + + } + + function compareX( a, b ) { + + return a.x - b.x; + + } + + // find a bridge between vertices that connects hole with an outer ring and and link it + + function eliminateHole( hole, outerNode ) { + + outerNode = findHoleBridge( hole, outerNode ); + + if ( outerNode ) { + + var b = splitPolygon( outerNode, hole ); + + filterPoints( b, b.next ); + + } + + } + + // David Eberly's algorithm for finding a bridge between hole and outer polygon + + function findHoleBridge( hole, outerNode ) { + + var p = outerNode, + hx = hole.x, + hy = hole.y, + qx = - Infinity, + m; + + // find a segment intersected by a ray from the hole's leftmost point to the left; + // segment's endpoint with lesser x will be potential connection point + + do { + + if ( hy <= p.y && hy >= p.next.y && p.next.y !== p.y ) { + + var x = p.x + ( hy - p.y ) * ( p.next.x - p.x ) / ( p.next.y - p.y ); + + if ( x <= hx && x > qx ) { + + qx = x; + + if ( x === hx ) { + + if ( hy === p.y ) return p; + if ( hy === p.next.y ) return p.next; + + } + + m = p.x < p.next.x ? p : p.next; + + } + + } + + p = p.next; + + } while ( p !== outerNode ); + + if ( ! m ) return null; + + if ( hx === qx ) return m.prev; // hole touches outer segment; pick lower endpoint + + // look for points inside the triangle of hole point, segment intersection and endpoint; + // if there are no points found, we have a valid connection; + // otherwise choose the point of the minimum angle with the ray as connection point + + var stop = m, + mx = m.x, + my = m.y, + tanMin = Infinity, + tan; + + p = m.next; + + while ( p !== stop ) { + + if ( hx >= p.x && p.x >= mx && hx !== p.x && + pointInTriangle( hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y ) ) { + + tan = Math.abs( hy - p.y ) / ( hx - p.x ); // tangential + + if ( ( tan < tanMin || ( tan === tanMin && p.x > m.x ) ) && locallyInside( p, hole ) ) { + + m = p; + tanMin = tan; + + } + + } + + p = p.next; + + } + + return m; + + } + + // interlink polygon nodes in z-order + + function indexCurve( start, minX, minY, invSize ) { + + var p = start; + + do { + + if ( p.z === null ) p.z = zOrder( p.x, p.y, minX, minY, invSize ); + p.prevZ = p.prev; + p.nextZ = p.next; + p = p.next; + + } while ( p !== start ); + + p.prevZ.nextZ = null; + p.prevZ = null; + + sortLinked( p ); + + } + + // Simon Tatham's linked list merge sort algorithm + // http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html + + function sortLinked( list ) { + + var i, p, q, e, tail, numMerges, pSize, qSize, inSize = 1; + + do { + + p = list; + list = null; + tail = null; + numMerges = 0; + + while ( p ) { + + numMerges ++; + q = p; + pSize = 0; + + for ( i = 0; i < inSize; i ++ ) { + + pSize ++; + q = q.nextZ; + if ( ! q ) break; + + } + + qSize = inSize; + + while ( pSize > 0 || ( qSize > 0 && q ) ) { + + if ( pSize !== 0 && ( qSize === 0 || ! q || p.z <= q.z ) ) { + + e = p; + p = p.nextZ; + pSize --; + + } else { + + e = q; + q = q.nextZ; + qSize --; + + } + + if ( tail ) tail.nextZ = e; + else list = e; + + e.prevZ = tail; + tail = e; + + } + + p = q; + + } + + tail.nextZ = null; + inSize *= 2; + + } while ( numMerges > 1 ); + + return list; + + } + + // z-order of a point given coords and inverse of the longer side of data bbox + + function zOrder( x, y, minX, minY, invSize ) { + + // coords are transformed into non-negative 15-bit integer range + + x = 32767 * ( x - minX ) * invSize; + y = 32767 * ( y - minY ) * invSize; + + x = ( x | ( x << 8 ) ) & 0x00FF00FF; + x = ( x | ( x << 4 ) ) & 0x0F0F0F0F; + x = ( x | ( x << 2 ) ) & 0x33333333; + x = ( x | ( x << 1 ) ) & 0x55555555; + + y = ( y | ( y << 8 ) ) & 0x00FF00FF; + y = ( y | ( y << 4 ) ) & 0x0F0F0F0F; + y = ( y | ( y << 2 ) ) & 0x33333333; + y = ( y | ( y << 1 ) ) & 0x55555555; + + return x | ( y << 1 ); + + } + + // find the leftmost node of a polygon ring + + function getLeftmost( start ) { + + var p = start, leftmost = start; + + do { + + if ( p.x < leftmost.x ) leftmost = p; + p = p.next; + + } while ( p !== start ); + + return leftmost; + + } + + // check if a point lies within a convex triangle + + function pointInTriangle( ax, ay, bx, by, cx, cy, px, py ) { + + return ( cx - px ) * ( ay - py ) - ( ax - px ) * ( cy - py ) >= 0 && + ( ax - px ) * ( by - py ) - ( bx - px ) * ( ay - py ) >= 0 && + ( bx - px ) * ( cy - py ) - ( cx - px ) * ( by - py ) >= 0; + + } + + // check if a diagonal between two polygon nodes is valid (lies in polygon interior) + + function isValidDiagonal( a, b ) { + + return a.next.i !== b.i && a.prev.i !== b.i && ! intersectsPolygon( a, b ) && + locallyInside( a, b ) && locallyInside( b, a ) && middleInside( a, b ); + + } + + // signed area of a triangle + + function area( p, q, r ) { + + return ( q.y - p.y ) * ( r.x - q.x ) - ( q.x - p.x ) * ( r.y - q.y ); + + } + + // check if two points are equal + + function equals( p1, p2 ) { + + return p1.x === p2.x && p1.y === p2.y; + + } + + // check if two segments intersect + + function intersects( p1, q1, p2, q2 ) { + + if ( ( equals( p1, q1 ) && equals( p2, q2 ) ) || + ( equals( p1, q2 ) && equals( p2, q1 ) ) ) return true; + + return area( p1, q1, p2 ) > 0 !== area( p1, q1, q2 ) > 0 && + area( p2, q2, p1 ) > 0 !== area( p2, q2, q1 ) > 0; + + } + + // check if a polygon diagonal intersects any polygon segments + + function intersectsPolygon( a, b ) { + + var p = a; + + do { + + if ( p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i && + intersects( p, p.next, a, b ) ) { + + return true; + + } + + p = p.next; + + } while ( p !== a ); + + return false; + + } + + // check if a polygon diagonal is locally inside the polygon + + function locallyInside( a, b ) { + + return area( a.prev, a, a.next ) < 0 ? + area( a, b, a.next ) >= 0 && area( a, a.prev, b ) >= 0 : + area( a, b, a.prev ) < 0 || area( a, a.next, b ) < 0; + + } + + // check if the middle point of a polygon diagonal is inside the polygon + + function middleInside( a, b ) { + + var p = a, + inside = false, + px = ( a.x + b.x ) / 2, + py = ( a.y + b.y ) / 2; + + do { + + if ( ( ( p.y > py ) !== ( p.next.y > py ) ) && p.next.y !== p.y && + ( px < ( p.next.x - p.x ) * ( py - p.y ) / ( p.next.y - p.y ) + p.x ) ) { + + inside = ! inside; + + } + + p = p.next; + + } while ( p !== a ); + + return inside; + + } + + // link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two; + // if one belongs to the outer ring and another to a hole, it merges it into a single ring + + function splitPolygon( a, b ) { + + var a2 = new Node( a.i, a.x, a.y ), + b2 = new Node( b.i, b.x, b.y ), + an = a.next, + bp = b.prev; + + a.next = b; + b.prev = a; + + a2.next = an; + an.prev = a2; + + b2.next = a2; + a2.prev = b2; + + bp.next = b2; + b2.prev = bp; + + return b2; + + } + + // create a node and optionally link it with previous one (in a circular doubly linked list) + + function insertNode( i, x, y, last ) { + + var p = new Node( i, x, y ); + + if ( ! last ) { + + p.prev = p; + p.next = p; + + } else { + + p.next = last.next; + p.prev = last; + last.next.prev = p; + last.next = p; + + } + + return p; + + } + + function removeNode( p ) { + + p.next.prev = p.prev; + p.prev.next = p.next; + + if ( p.prevZ ) p.prevZ.nextZ = p.nextZ; + if ( p.nextZ ) p.nextZ.prevZ = p.prevZ; + + } + + function Node( i, x, y ) { + + // vertice index in coordinates array + this.i = i; + + // vertex coordinates + this.x = x; + this.y = y; + + // previous and next vertice nodes in a polygon ring + this.prev = null; + this.next = null; + + // z-order curve value + this.z = null; + + // previous and next nodes in z-order + this.prevZ = null; + this.nextZ = null; + + // indicates whether this is a steiner point + this.steiner = false; + + } + + function signedArea( data, start, end, dim ) { + + var sum = 0; + + for ( var i = start, j = end - dim; i < end; i += dim ) { + + sum += ( data[ j ] - data[ i ] ) * ( data[ i + 1 ] + data[ j + 1 ] ); + j = i; + + } + + return sum; + + } + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + */ + + var ShapeUtils = { + + // calculate area of the contour polygon + + area: function ( contour ) { + + var n = contour.length; + var a = 0.0; + + for ( var p = n - 1, q = 0; q < n; p = q ++ ) { + + a += contour[ p ].x * contour[ q ].y - contour[ q ].x * contour[ p ].y; + + } + + return a * 0.5; + + }, + + isClockWise: function ( pts ) { + + return ShapeUtils.area( pts ) < 0; + + }, + + triangulateShape: function ( contour, holes ) { + + var vertices = []; // flat array of vertices like [ x0,y0, x1,y1, x2,y2, ... ] + var holeIndices = []; // array of hole indices + var faces = []; // final array of vertex indices like [ [ a,b,d ], [ b,c,d ] ] + + removeDupEndPts( contour ); + addContour( vertices, contour ); + + // + + var holeIndex = contour.length; + + holes.forEach( removeDupEndPts ); + + for ( var i = 0; i < holes.length; i ++ ) { + + holeIndices.push( holeIndex ); + holeIndex += holes[ i ].length; + addContour( vertices, holes[ i ] ); + + } + + // + + var triangles = Earcut.triangulate( vertices, holeIndices ); + + // + + for ( var i = 0; i < triangles.length; i += 3 ) { + + faces.push( triangles.slice( i, i + 3 ) ); + + } + + return faces; + + } + + }; + + function removeDupEndPts( points ) { + + var l = points.length; + + if ( l > 2 && points[ l - 1 ].equals( points[ 0 ] ) ) { + + points.pop(); + + } + + } + + function addContour( vertices, contour ) { + + for ( var i = 0; i < contour.length; i ++ ) { + + vertices.push( contour[ i ].x ); + vertices.push( contour[ i ].y ); + + } + + } + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * + * Creates extruded geometry from a path shape. + * + * parameters = { + * + * curveSegments: , // number of points on the curves + * steps: , // number of points for z-side extrusions / used for subdividing segments of extrude spline too + * depth: , // Depth to extrude the shape + * + * bevelEnabled: , // turn on bevel + * bevelThickness: , // how deep into the original shape bevel goes + * bevelSize: , // how far from shape outline is bevel + * bevelSegments: , // number of bevel layers + * + * extrudePath: // curve to extrude shape along + * + * UVGenerator: // object that provides UV generator functions + * + * } + */ + + // ExtrudeGeometry + + function ExtrudeGeometry( shapes, options ) { + + Geometry.call( this ); + + this.type = 'ExtrudeGeometry'; + + this.parameters = { + shapes: shapes, + options: options + }; + + this.fromBufferGeometry( new ExtrudeBufferGeometry( shapes, options ) ); + this.mergeVertices(); + + } + + ExtrudeGeometry.prototype = Object.create( Geometry.prototype ); + ExtrudeGeometry.prototype.constructor = ExtrudeGeometry; + + ExtrudeGeometry.prototype.toJSON = function () { + + var data = Geometry.prototype.toJSON.call( this ); + + var shapes = this.parameters.shapes; + var options = this.parameters.options; + + return toJSON( shapes, options, data ); + + }; + + // ExtrudeBufferGeometry + + function ExtrudeBufferGeometry( shapes, options ) { + + BufferGeometry.call( this ); + + this.type = 'ExtrudeBufferGeometry'; + + this.parameters = { + shapes: shapes, + options: options + }; + + shapes = Array.isArray( shapes ) ? shapes : [ shapes ]; + + var scope = this; + + var verticesArray = []; + var uvArray = []; + + for ( var i = 0, l = shapes.length; i < l; i ++ ) { + + var shape = shapes[ i ]; + addShape( shape ); + + } + + // build geometry + + this.addAttribute( 'position', new Float32BufferAttribute( verticesArray, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvArray, 2 ) ); + + this.computeVertexNormals(); + + // functions + + function addShape( shape ) { + + var placeholder = []; + + // options + + var curveSegments = options.curveSegments !== undefined ? options.curveSegments : 12; + var steps = options.steps !== undefined ? options.steps : 1; + var depth = options.depth !== undefined ? options.depth : 100; + + var bevelEnabled = options.bevelEnabled !== undefined ? options.bevelEnabled : true; + var bevelThickness = options.bevelThickness !== undefined ? options.bevelThickness : 6; + var bevelSize = options.bevelSize !== undefined ? options.bevelSize : bevelThickness - 2; + var bevelSegments = options.bevelSegments !== undefined ? options.bevelSegments : 3; + + var extrudePath = options.extrudePath; + + var uvgen = options.UVGenerator !== undefined ? options.UVGenerator : WorldUVGenerator; + + // deprecated options + + if ( options.amount !== undefined ) { + + console.warn( 'THREE.ExtrudeBufferGeometry: amount has been renamed to depth.' ); + depth = options.amount; + + } + + // + + var extrudePts, extrudeByPath = false; + var splineTube, binormal, normal, position2; + + if ( extrudePath ) { + + extrudePts = extrudePath.getSpacedPoints( steps ); + + extrudeByPath = true; + bevelEnabled = false; // bevels not supported for path extrusion + + // SETUP TNB variables + + // TODO1 - have a .isClosed in spline? + + splineTube = extrudePath.computeFrenetFrames( steps, false ); + + // console.log(splineTube, 'splineTube', splineTube.normals.length, 'steps', steps, 'extrudePts', extrudePts.length); + + binormal = new Vector3(); + normal = new Vector3(); + position2 = new Vector3(); + + } + + // Safeguards if bevels are not enabled + + if ( ! bevelEnabled ) { + + bevelSegments = 0; + bevelThickness = 0; + bevelSize = 0; + + } + + // Variables initialization + + var ahole, h, hl; // looping of holes + + var shapePoints = shape.extractPoints( curveSegments ); + + var vertices = shapePoints.shape; + var holes = shapePoints.holes; + + var reverse = ! ShapeUtils.isClockWise( vertices ); + + if ( reverse ) { + + vertices = vertices.reverse(); + + // Maybe we should also check if holes are in the opposite direction, just to be safe ... + + for ( h = 0, hl = holes.length; h < hl; h ++ ) { + + ahole = holes[ h ]; + + if ( ShapeUtils.isClockWise( ahole ) ) { + + holes[ h ] = ahole.reverse(); + + } + + } + + } + + + var faces = ShapeUtils.triangulateShape( vertices, holes ); + + /* Vertices */ + + var contour = vertices; // vertices has all points but contour has only points of circumference + + for ( h = 0, hl = holes.length; h < hl; h ++ ) { + + ahole = holes[ h ]; + + vertices = vertices.concat( ahole ); + + } + + + function scalePt2( pt, vec, size ) { + + if ( ! vec ) console.error( "THREE.ExtrudeGeometry: vec does not exist" ); + + return vec.clone().multiplyScalar( size ).add( pt ); + + } + + var b, bs, t, z, + vert, vlen = vertices.length, + face, flen = faces.length; + + + // Find directions for point movement + + + function getBevelVec( inPt, inPrev, inNext ) { + + // computes for inPt the corresponding point inPt' on a new contour + // shifted by 1 unit (length of normalized vector) to the left + // if we walk along contour clockwise, this new contour is outside the old one + // + // inPt' is the intersection of the two lines parallel to the two + // adjacent edges of inPt at a distance of 1 unit on the left side. + + var v_trans_x, v_trans_y, shrink_by; // resulting translation vector for inPt + + // good reading for geometry algorithms (here: line-line intersection) + // http://geomalgorithms.com/a05-_intersect-1.html + + var v_prev_x = inPt.x - inPrev.x, + v_prev_y = inPt.y - inPrev.y; + var v_next_x = inNext.x - inPt.x, + v_next_y = inNext.y - inPt.y; + + var v_prev_lensq = ( v_prev_x * v_prev_x + v_prev_y * v_prev_y ); + + // check for collinear edges + var collinear0 = ( v_prev_x * v_next_y - v_prev_y * v_next_x ); + + if ( Math.abs( collinear0 ) > Number.EPSILON ) { + + // not collinear + + // length of vectors for normalizing + + var v_prev_len = Math.sqrt( v_prev_lensq ); + var v_next_len = Math.sqrt( v_next_x * v_next_x + v_next_y * v_next_y ); + + // shift adjacent points by unit vectors to the left + + var ptPrevShift_x = ( inPrev.x - v_prev_y / v_prev_len ); + var ptPrevShift_y = ( inPrev.y + v_prev_x / v_prev_len ); + + var ptNextShift_x = ( inNext.x - v_next_y / v_next_len ); + var ptNextShift_y = ( inNext.y + v_next_x / v_next_len ); + + // scaling factor for v_prev to intersection point + + var sf = ( ( ptNextShift_x - ptPrevShift_x ) * v_next_y - + ( ptNextShift_y - ptPrevShift_y ) * v_next_x ) / + ( v_prev_x * v_next_y - v_prev_y * v_next_x ); + + // vector from inPt to intersection point + + v_trans_x = ( ptPrevShift_x + v_prev_x * sf - inPt.x ); + v_trans_y = ( ptPrevShift_y + v_prev_y * sf - inPt.y ); + + // Don't normalize!, otherwise sharp corners become ugly + // but prevent crazy spikes + var v_trans_lensq = ( v_trans_x * v_trans_x + v_trans_y * v_trans_y ); + if ( v_trans_lensq <= 2 ) { + + return new Vector2( v_trans_x, v_trans_y ); + + } else { + + shrink_by = Math.sqrt( v_trans_lensq / 2 ); + + } + + } else { + + // handle special case of collinear edges + + var direction_eq = false; // assumes: opposite + if ( v_prev_x > Number.EPSILON ) { + + if ( v_next_x > Number.EPSILON ) { + + direction_eq = true; + + } + + } else { + + if ( v_prev_x < - Number.EPSILON ) { + + if ( v_next_x < - Number.EPSILON ) { + + direction_eq = true; + + } + + } else { + + if ( Math.sign( v_prev_y ) === Math.sign( v_next_y ) ) { + + direction_eq = true; + + } + + } + + } + + if ( direction_eq ) { + + // console.log("Warning: lines are a straight sequence"); + v_trans_x = - v_prev_y; + v_trans_y = v_prev_x; + shrink_by = Math.sqrt( v_prev_lensq ); + + } else { + + // console.log("Warning: lines are a straight spike"); + v_trans_x = v_prev_x; + v_trans_y = v_prev_y; + shrink_by = Math.sqrt( v_prev_lensq / 2 ); + + } + + } + + return new Vector2( v_trans_x / shrink_by, v_trans_y / shrink_by ); + + } + + + var contourMovements = []; + + for ( var i = 0, il = contour.length, j = il - 1, k = i + 1; i < il; i ++, j ++, k ++ ) { + + if ( j === il ) j = 0; + if ( k === il ) k = 0; + + // (j)---(i)---(k) + // console.log('i,j,k', i, j , k) + + contourMovements[ i ] = getBevelVec( contour[ i ], contour[ j ], contour[ k ] ); + + } + + var holesMovements = [], + oneHoleMovements, verticesMovements = contourMovements.concat(); + + for ( h = 0, hl = holes.length; h < hl; h ++ ) { + + ahole = holes[ h ]; + + oneHoleMovements = []; + + for ( i = 0, il = ahole.length, j = il - 1, k = i + 1; i < il; i ++, j ++, k ++ ) { + + if ( j === il ) j = 0; + if ( k === il ) k = 0; + + // (j)---(i)---(k) + oneHoleMovements[ i ] = getBevelVec( ahole[ i ], ahole[ j ], ahole[ k ] ); + + } + + holesMovements.push( oneHoleMovements ); + verticesMovements = verticesMovements.concat( oneHoleMovements ); + + } + + + // Loop bevelSegments, 1 for the front, 1 for the back + + for ( b = 0; b < bevelSegments; b ++ ) { + + //for ( b = bevelSegments; b > 0; b -- ) { + + t = b / bevelSegments; + z = bevelThickness * Math.cos( t * Math.PI / 2 ); + bs = bevelSize * Math.sin( t * Math.PI / 2 ); + + // contract shape + + for ( i = 0, il = contour.length; i < il; i ++ ) { + + vert = scalePt2( contour[ i ], contourMovements[ i ], bs ); + + v( vert.x, vert.y, - z ); + + } + + // expand holes + + for ( h = 0, hl = holes.length; h < hl; h ++ ) { + + ahole = holes[ h ]; + oneHoleMovements = holesMovements[ h ]; + + for ( i = 0, il = ahole.length; i < il; i ++ ) { + + vert = scalePt2( ahole[ i ], oneHoleMovements[ i ], bs ); + + v( vert.x, vert.y, - z ); + + } + + } + + } + + bs = bevelSize; + + // Back facing vertices + + for ( i = 0; i < vlen; i ++ ) { + + vert = bevelEnabled ? scalePt2( vertices[ i ], verticesMovements[ i ], bs ) : vertices[ i ]; + + if ( ! extrudeByPath ) { + + v( vert.x, vert.y, 0 ); + + } else { + + // v( vert.x, vert.y + extrudePts[ 0 ].y, extrudePts[ 0 ].x ); + + normal.copy( splineTube.normals[ 0 ] ).multiplyScalar( vert.x ); + binormal.copy( splineTube.binormals[ 0 ] ).multiplyScalar( vert.y ); + + position2.copy( extrudePts[ 0 ] ).add( normal ).add( binormal ); + + v( position2.x, position2.y, position2.z ); + + } + + } + + // Add stepped vertices... + // Including front facing vertices + + var s; + + for ( s = 1; s <= steps; s ++ ) { + + for ( i = 0; i < vlen; i ++ ) { + + vert = bevelEnabled ? scalePt2( vertices[ i ], verticesMovements[ i ], bs ) : vertices[ i ]; + + if ( ! extrudeByPath ) { + + v( vert.x, vert.y, depth / steps * s ); + + } else { + + // v( vert.x, vert.y + extrudePts[ s - 1 ].y, extrudePts[ s - 1 ].x ); + + normal.copy( splineTube.normals[ s ] ).multiplyScalar( vert.x ); + binormal.copy( splineTube.binormals[ s ] ).multiplyScalar( vert.y ); + + position2.copy( extrudePts[ s ] ).add( normal ).add( binormal ); + + v( position2.x, position2.y, position2.z ); + + } + + } + + } + + + // Add bevel segments planes + + //for ( b = 1; b <= bevelSegments; b ++ ) { + for ( b = bevelSegments - 1; b >= 0; b -- ) { + + t = b / bevelSegments; + z = bevelThickness * Math.cos( t * Math.PI / 2 ); + bs = bevelSize * Math.sin( t * Math.PI / 2 ); + + // contract shape + + for ( i = 0, il = contour.length; i < il; i ++ ) { + + vert = scalePt2( contour[ i ], contourMovements[ i ], bs ); + v( vert.x, vert.y, depth + z ); + + } + + // expand holes + + for ( h = 0, hl = holes.length; h < hl; h ++ ) { + + ahole = holes[ h ]; + oneHoleMovements = holesMovements[ h ]; + + for ( i = 0, il = ahole.length; i < il; i ++ ) { + + vert = scalePt2( ahole[ i ], oneHoleMovements[ i ], bs ); + + if ( ! extrudeByPath ) { + + v( vert.x, vert.y, depth + z ); + + } else { + + v( vert.x, vert.y + extrudePts[ steps - 1 ].y, extrudePts[ steps - 1 ].x + z ); + + } + + } + + } + + } + + /* Faces */ + + // Top and bottom faces + + buildLidFaces(); + + // Sides faces + + buildSideFaces(); + + + ///// Internal functions + + function buildLidFaces() { + + var start = verticesArray.length / 3; + + if ( bevelEnabled ) { + + var layer = 0; // steps + 1 + var offset = vlen * layer; + + // Bottom faces + + for ( i = 0; i < flen; i ++ ) { + + face = faces[ i ]; + f3( face[ 2 ] + offset, face[ 1 ] + offset, face[ 0 ] + offset ); + + } + + layer = steps + bevelSegments * 2; + offset = vlen * layer; + + // Top faces + + for ( i = 0; i < flen; i ++ ) { + + face = faces[ i ]; + f3( face[ 0 ] + offset, face[ 1 ] + offset, face[ 2 ] + offset ); + + } + + } else { + + // Bottom faces + + for ( i = 0; i < flen; i ++ ) { + + face = faces[ i ]; + f3( face[ 2 ], face[ 1 ], face[ 0 ] ); + + } + + // Top faces + + for ( i = 0; i < flen; i ++ ) { + + face = faces[ i ]; + f3( face[ 0 ] + vlen * steps, face[ 1 ] + vlen * steps, face[ 2 ] + vlen * steps ); + + } + + } + + scope.addGroup( start, verticesArray.length / 3 - start, 0 ); + + } + + // Create faces for the z-sides of the shape + + function buildSideFaces() { + + var start = verticesArray.length / 3; + var layeroffset = 0; + sidewalls( contour, layeroffset ); + layeroffset += contour.length; + + for ( h = 0, hl = holes.length; h < hl; h ++ ) { + + ahole = holes[ h ]; + sidewalls( ahole, layeroffset ); + + //, true + layeroffset += ahole.length; + + } + + + scope.addGroup( start, verticesArray.length / 3 - start, 1 ); + + + } + + function sidewalls( contour, layeroffset ) { + + var j, k; + i = contour.length; + + while ( -- i >= 0 ) { + + j = i; + k = i - 1; + if ( k < 0 ) k = contour.length - 1; + + //console.log('b', i,j, i-1, k,vertices.length); + + var s = 0, + sl = steps + bevelSegments * 2; + + for ( s = 0; s < sl; s ++ ) { + + var slen1 = vlen * s; + var slen2 = vlen * ( s + 1 ); + + var a = layeroffset + j + slen1, + b = layeroffset + k + slen1, + c = layeroffset + k + slen2, + d = layeroffset + j + slen2; + + f4( a, b, c, d ); + + } + + } + + } + + function v( x, y, z ) { + + placeholder.push( x ); + placeholder.push( y ); + placeholder.push( z ); + + } + + + function f3( a, b, c ) { + + addVertex( a ); + addVertex( b ); + addVertex( c ); + + var nextIndex = verticesArray.length / 3; + var uvs = uvgen.generateTopUV( scope, verticesArray, nextIndex - 3, nextIndex - 2, nextIndex - 1 ); + + addUV( uvs[ 0 ] ); + addUV( uvs[ 1 ] ); + addUV( uvs[ 2 ] ); + + } + + function f4( a, b, c, d ) { + + addVertex( a ); + addVertex( b ); + addVertex( d ); + + addVertex( b ); + addVertex( c ); + addVertex( d ); + + + var nextIndex = verticesArray.length / 3; + var uvs = uvgen.generateSideWallUV( scope, verticesArray, nextIndex - 6, nextIndex - 3, nextIndex - 2, nextIndex - 1 ); + + addUV( uvs[ 0 ] ); + addUV( uvs[ 1 ] ); + addUV( uvs[ 3 ] ); + + addUV( uvs[ 1 ] ); + addUV( uvs[ 2 ] ); + addUV( uvs[ 3 ] ); + + } + + function addVertex( index ) { + + verticesArray.push( placeholder[ index * 3 + 0 ] ); + verticesArray.push( placeholder[ index * 3 + 1 ] ); + verticesArray.push( placeholder[ index * 3 + 2 ] ); + + } + + + function addUV( vector2 ) { + + uvArray.push( vector2.x ); + uvArray.push( vector2.y ); + + } + + } + + } + + ExtrudeBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + ExtrudeBufferGeometry.prototype.constructor = ExtrudeBufferGeometry; + + ExtrudeBufferGeometry.prototype.toJSON = function () { + + var data = BufferGeometry.prototype.toJSON.call( this ); + + var shapes = this.parameters.shapes; + var options = this.parameters.options; + + return toJSON( shapes, options, data ); + + }; + + // + + var WorldUVGenerator = { + + generateTopUV: function ( geometry, vertices, indexA, indexB, indexC ) { + + var a_x = vertices[ indexA * 3 ]; + var a_y = vertices[ indexA * 3 + 1 ]; + var b_x = vertices[ indexB * 3 ]; + var b_y = vertices[ indexB * 3 + 1 ]; + var c_x = vertices[ indexC * 3 ]; + var c_y = vertices[ indexC * 3 + 1 ]; + + return [ + new Vector2( a_x, a_y ), + new Vector2( b_x, b_y ), + new Vector2( c_x, c_y ) + ]; + + }, + + generateSideWallUV: function ( geometry, vertices, indexA, indexB, indexC, indexD ) { + + var a_x = vertices[ indexA * 3 ]; + var a_y = vertices[ indexA * 3 + 1 ]; + var a_z = vertices[ indexA * 3 + 2 ]; + var b_x = vertices[ indexB * 3 ]; + var b_y = vertices[ indexB * 3 + 1 ]; + var b_z = vertices[ indexB * 3 + 2 ]; + var c_x = vertices[ indexC * 3 ]; + var c_y = vertices[ indexC * 3 + 1 ]; + var c_z = vertices[ indexC * 3 + 2 ]; + var d_x = vertices[ indexD * 3 ]; + var d_y = vertices[ indexD * 3 + 1 ]; + var d_z = vertices[ indexD * 3 + 2 ]; + + if ( Math.abs( a_y - b_y ) < 0.01 ) { + + return [ + new Vector2( a_x, 1 - a_z ), + new Vector2( b_x, 1 - b_z ), + new Vector2( c_x, 1 - c_z ), + new Vector2( d_x, 1 - d_z ) + ]; + + } else { + + return [ + new Vector2( a_y, 1 - a_z ), + new Vector2( b_y, 1 - b_z ), + new Vector2( c_y, 1 - c_z ), + new Vector2( d_y, 1 - d_z ) + ]; + + } + + } + }; + + function toJSON( shapes, options, data ) { + + // + + data.shapes = []; + + if ( Array.isArray( shapes ) ) { + + for ( var i = 0, l = shapes.length; i < l; i ++ ) { + + var shape = shapes[ i ]; + + data.shapes.push( shape.uuid ); + + } + + } else { + + data.shapes.push( shapes.uuid ); + + } + + // + + if ( options.extrudePath !== undefined ) data.options.extrudePath = options.extrudePath.toJSON(); + + return data; + + } + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * @author alteredq / http://alteredqualia.com/ + * + * Text = 3D Text + * + * parameters = { + * font: , // font + * + * size: , // size of the text + * height: , // thickness to extrude text + * curveSegments: , // number of points on the curves + * + * bevelEnabled: , // turn on bevel + * bevelThickness: , // how deep into text bevel goes + * bevelSize: // how far from text outline is bevel + * } + */ + + // TextGeometry + + function TextGeometry( text, parameters ) { + + Geometry.call( this ); + + this.type = 'TextGeometry'; + + this.parameters = { + text: text, + parameters: parameters + }; + + this.fromBufferGeometry( new TextBufferGeometry( text, parameters ) ); + this.mergeVertices(); + + } + + TextGeometry.prototype = Object.create( Geometry.prototype ); + TextGeometry.prototype.constructor = TextGeometry; + + // TextBufferGeometry + + function TextBufferGeometry( text, parameters ) { + + parameters = parameters || {}; + + var font = parameters.font; + + if ( ! ( font && font.isFont ) ) { + + console.error( 'THREE.TextGeometry: font parameter is not an instance of THREE.Font.' ); + return new Geometry(); + + } + + var shapes = font.generateShapes( text, parameters.size, parameters.curveSegments ); + + // translate parameters to ExtrudeGeometry API + + parameters.depth = parameters.height !== undefined ? parameters.height : 50; + + // defaults + + if ( parameters.bevelThickness === undefined ) parameters.bevelThickness = 10; + if ( parameters.bevelSize === undefined ) parameters.bevelSize = 8; + if ( parameters.bevelEnabled === undefined ) parameters.bevelEnabled = false; + + ExtrudeBufferGeometry.call( this, shapes, parameters ); + + this.type = 'TextBufferGeometry'; + + } + + TextBufferGeometry.prototype = Object.create( ExtrudeBufferGeometry.prototype ); + TextBufferGeometry.prototype.constructor = TextBufferGeometry; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author benaadams / https://twitter.com/ben_a_adams + * @author Mugen87 / https://github.com/Mugen87 + */ + + // SphereGeometry + + function SphereGeometry( radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength ) { + + Geometry.call( this ); + + this.type = 'SphereGeometry'; + + this.parameters = { + radius: radius, + widthSegments: widthSegments, + heightSegments: heightSegments, + phiStart: phiStart, + phiLength: phiLength, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + this.fromBufferGeometry( new SphereBufferGeometry( radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength ) ); + this.mergeVertices(); + + } + + SphereGeometry.prototype = Object.create( Geometry.prototype ); + SphereGeometry.prototype.constructor = SphereGeometry; + + // SphereBufferGeometry + + function SphereBufferGeometry( radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength ) { + + BufferGeometry.call( this ); + + this.type = 'SphereBufferGeometry'; + + this.parameters = { + radius: radius, + widthSegments: widthSegments, + heightSegments: heightSegments, + phiStart: phiStart, + phiLength: phiLength, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + radius = radius || 1; + + widthSegments = Math.max( 3, Math.floor( widthSegments ) || 8 ); + heightSegments = Math.max( 2, Math.floor( heightSegments ) || 6 ); + + phiStart = phiStart !== undefined ? phiStart : 0; + phiLength = phiLength !== undefined ? phiLength : Math.PI * 2; + + thetaStart = thetaStart !== undefined ? thetaStart : 0; + thetaLength = thetaLength !== undefined ? thetaLength : Math.PI; + + var thetaEnd = thetaStart + thetaLength; + + var ix, iy; + + var index = 0; + var grid = []; + + var vertex = new Vector3(); + var normal = new Vector3(); + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // generate vertices, normals and uvs + + for ( iy = 0; iy <= heightSegments; iy ++ ) { + + var verticesRow = []; + + var v = iy / heightSegments; + + for ( ix = 0; ix <= widthSegments; ix ++ ) { + + var u = ix / widthSegments; + + // vertex + + vertex.x = - radius * Math.cos( phiStart + u * phiLength ) * Math.sin( thetaStart + v * thetaLength ); + vertex.y = radius * Math.cos( thetaStart + v * thetaLength ); + vertex.z = radius * Math.sin( phiStart + u * phiLength ) * Math.sin( thetaStart + v * thetaLength ); + + vertices.push( vertex.x, vertex.y, vertex.z ); + + // normal + + normal.set( vertex.x, vertex.y, vertex.z ).normalize(); + normals.push( normal.x, normal.y, normal.z ); + + // uv + + uvs.push( u, 1 - v ); + + verticesRow.push( index ++ ); + + } + + grid.push( verticesRow ); + + } + + // indices + + for ( iy = 0; iy < heightSegments; iy ++ ) { + + for ( ix = 0; ix < widthSegments; ix ++ ) { + + var a = grid[ iy ][ ix + 1 ]; + var b = grid[ iy ][ ix ]; + var c = grid[ iy + 1 ][ ix ]; + var d = grid[ iy + 1 ][ ix + 1 ]; + + if ( iy !== 0 || thetaStart > 0 ) indices.push( a, b, d ); + if ( iy !== heightSegments - 1 || thetaEnd < Math.PI ) indices.push( b, c, d ); + + } + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + } + + SphereBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + SphereBufferGeometry.prototype.constructor = SphereBufferGeometry; + + /** + * @author Kaleb Murphy + * @author Mugen87 / https://github.com/Mugen87 + */ + + // RingGeometry + + function RingGeometry( innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength ) { + + Geometry.call( this ); + + this.type = 'RingGeometry'; + + this.parameters = { + innerRadius: innerRadius, + outerRadius: outerRadius, + thetaSegments: thetaSegments, + phiSegments: phiSegments, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + this.fromBufferGeometry( new RingBufferGeometry( innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength ) ); + this.mergeVertices(); + + } + + RingGeometry.prototype = Object.create( Geometry.prototype ); + RingGeometry.prototype.constructor = RingGeometry; + + // RingBufferGeometry + + function RingBufferGeometry( innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength ) { + + BufferGeometry.call( this ); + + this.type = 'RingBufferGeometry'; + + this.parameters = { + innerRadius: innerRadius, + outerRadius: outerRadius, + thetaSegments: thetaSegments, + phiSegments: phiSegments, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + innerRadius = innerRadius || 0.5; + outerRadius = outerRadius || 1; + + thetaStart = thetaStart !== undefined ? thetaStart : 0; + thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2; + + thetaSegments = thetaSegments !== undefined ? Math.max( 3, thetaSegments ) : 8; + phiSegments = phiSegments !== undefined ? Math.max( 1, phiSegments ) : 1; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // some helper variables + + var segment; + var radius = innerRadius; + var radiusStep = ( ( outerRadius - innerRadius ) / phiSegments ); + var vertex = new Vector3(); + var uv = new Vector2(); + var j, i; + + // generate vertices, normals and uvs + + for ( j = 0; j <= phiSegments; j ++ ) { + + for ( i = 0; i <= thetaSegments; i ++ ) { + + // values are generate from the inside of the ring to the outside + + segment = thetaStart + i / thetaSegments * thetaLength; + + // vertex + + vertex.x = radius * Math.cos( segment ); + vertex.y = radius * Math.sin( segment ); + + vertices.push( vertex.x, vertex.y, vertex.z ); + + // normal + + normals.push( 0, 0, 1 ); + + // uv + + uv.x = ( vertex.x / outerRadius + 1 ) / 2; + uv.y = ( vertex.y / outerRadius + 1 ) / 2; + + uvs.push( uv.x, uv.y ); + + } + + // increase the radius for next row of vertices + + radius += radiusStep; + + } + + // indices + + for ( j = 0; j < phiSegments; j ++ ) { + + var thetaSegmentLevel = j * ( thetaSegments + 1 ); + + for ( i = 0; i < thetaSegments; i ++ ) { + + segment = i + thetaSegmentLevel; + + var a = segment; + var b = segment + thetaSegments + 1; + var c = segment + thetaSegments + 2; + var d = segment + 1; + + // faces + + indices.push( a, b, d ); + indices.push( b, c, d ); + + } + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + } + + RingBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + RingBufferGeometry.prototype.constructor = RingBufferGeometry; + + /** + * @author astrodud / http://astrodud.isgreat.org/ + * @author zz85 / https://github.com/zz85 + * @author bhouston / http://clara.io + * @author Mugen87 / https://github.com/Mugen87 + */ + + // LatheGeometry + + function LatheGeometry( points, segments, phiStart, phiLength ) { + + Geometry.call( this ); + + this.type = 'LatheGeometry'; + + this.parameters = { + points: points, + segments: segments, + phiStart: phiStart, + phiLength: phiLength + }; + + this.fromBufferGeometry( new LatheBufferGeometry( points, segments, phiStart, phiLength ) ); + this.mergeVertices(); + + } + + LatheGeometry.prototype = Object.create( Geometry.prototype ); + LatheGeometry.prototype.constructor = LatheGeometry; + + // LatheBufferGeometry + + function LatheBufferGeometry( points, segments, phiStart, phiLength ) { + + BufferGeometry.call( this ); + + this.type = 'LatheBufferGeometry'; + + this.parameters = { + points: points, + segments: segments, + phiStart: phiStart, + phiLength: phiLength + }; + + segments = Math.floor( segments ) || 12; + phiStart = phiStart || 0; + phiLength = phiLength || Math.PI * 2; + + // clamp phiLength so it's in range of [ 0, 2PI ] + + phiLength = _Math.clamp( phiLength, 0, Math.PI * 2 ); + + + // buffers + + var indices = []; + var vertices = []; + var uvs = []; + + // helper variables + + var base; + var inverseSegments = 1.0 / segments; + var vertex = new Vector3(); + var uv = new Vector2(); + var i, j; + + // generate vertices and uvs + + for ( i = 0; i <= segments; i ++ ) { + + var phi = phiStart + i * inverseSegments * phiLength; + + var sin = Math.sin( phi ); + var cos = Math.cos( phi ); + + for ( j = 0; j <= ( points.length - 1 ); j ++ ) { + + // vertex + + vertex.x = points[ j ].x * sin; + vertex.y = points[ j ].y; + vertex.z = points[ j ].x * cos; + + vertices.push( vertex.x, vertex.y, vertex.z ); + + // uv + + uv.x = i / segments; + uv.y = j / ( points.length - 1 ); + + uvs.push( uv.x, uv.y ); + + + } + + } + + // indices + + for ( i = 0; i < segments; i ++ ) { + + for ( j = 0; j < ( points.length - 1 ); j ++ ) { + + base = j + i * points.length; + + var a = base; + var b = base + points.length; + var c = base + points.length + 1; + var d = base + 1; + + // faces + + indices.push( a, b, d ); + indices.push( b, c, d ); + + } + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + // generate normals + + this.computeVertexNormals(); + + // if the geometry is closed, we need to average the normals along the seam. + // because the corresponding vertices are identical (but still have different UVs). + + if ( phiLength === Math.PI * 2 ) { + + var normals = this.attributes.normal.array; + var n1 = new Vector3(); + var n2 = new Vector3(); + var n = new Vector3(); + + // this is the buffer offset for the last line of vertices + + base = segments * points.length * 3; + + for ( i = 0, j = 0; i < points.length; i ++, j += 3 ) { + + // select the normal of the vertex in the first line + + n1.x = normals[ j + 0 ]; + n1.y = normals[ j + 1 ]; + n1.z = normals[ j + 2 ]; + + // select the normal of the vertex in the last line + + n2.x = normals[ base + j + 0 ]; + n2.y = normals[ base + j + 1 ]; + n2.z = normals[ base + j + 2 ]; + + // average normals + + n.addVectors( n1, n2 ).normalize(); + + // assign the new values to both normals + + normals[ j + 0 ] = normals[ base + j + 0 ] = n.x; + normals[ j + 1 ] = normals[ base + j + 1 ] = n.y; + normals[ j + 2 ] = normals[ base + j + 2 ] = n.z; + + } + + } + + } + + LatheBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + LatheBufferGeometry.prototype.constructor = LatheBufferGeometry; + + /** + * @author jonobr1 / http://jonobr1.com + * @author Mugen87 / https://github.com/Mugen87 + */ + + // ShapeGeometry + + function ShapeGeometry( shapes, curveSegments ) { + + Geometry.call( this ); + + this.type = 'ShapeGeometry'; + + if ( typeof curveSegments === 'object' ) { + + console.warn( 'THREE.ShapeGeometry: Options parameter has been removed.' ); + + curveSegments = curveSegments.curveSegments; + + } + + this.parameters = { + shapes: shapes, + curveSegments: curveSegments + }; + + this.fromBufferGeometry( new ShapeBufferGeometry( shapes, curveSegments ) ); + this.mergeVertices(); + + } + + ShapeGeometry.prototype = Object.create( Geometry.prototype ); + ShapeGeometry.prototype.constructor = ShapeGeometry; + + ShapeGeometry.prototype.toJSON = function () { + + var data = Geometry.prototype.toJSON.call( this ); + + var shapes = this.parameters.shapes; + + return toJSON$1( shapes, data ); + + }; + + // ShapeBufferGeometry + + function ShapeBufferGeometry( shapes, curveSegments ) { + + BufferGeometry.call( this ); + + this.type = 'ShapeBufferGeometry'; + + this.parameters = { + shapes: shapes, + curveSegments: curveSegments + }; + + curveSegments = curveSegments || 12; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // helper variables + + var groupStart = 0; + var groupCount = 0; + + // allow single and array values for "shapes" parameter + + if ( Array.isArray( shapes ) === false ) { + + addShape( shapes ); + + } else { + + for ( var i = 0; i < shapes.length; i ++ ) { + + addShape( shapes[ i ] ); + + this.addGroup( groupStart, groupCount, i ); // enables MultiMaterial support + + groupStart += groupCount; + groupCount = 0; + + } + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + + // helper functions + + function addShape( shape ) { + + var i, l, shapeHole; + + var indexOffset = vertices.length / 3; + var points = shape.extractPoints( curveSegments ); + + var shapeVertices = points.shape; + var shapeHoles = points.holes; + + // check direction of vertices + + if ( ShapeUtils.isClockWise( shapeVertices ) === false ) { + + shapeVertices = shapeVertices.reverse(); + + // also check if holes are in the opposite direction + + for ( i = 0, l = shapeHoles.length; i < l; i ++ ) { + + shapeHole = shapeHoles[ i ]; + + if ( ShapeUtils.isClockWise( shapeHole ) === true ) { + + shapeHoles[ i ] = shapeHole.reverse(); + + } + + } + + } + + var faces = ShapeUtils.triangulateShape( shapeVertices, shapeHoles ); + + // join vertices of inner and outer paths to a single array + + for ( i = 0, l = shapeHoles.length; i < l; i ++ ) { + + shapeHole = shapeHoles[ i ]; + shapeVertices = shapeVertices.concat( shapeHole ); + + } + + // vertices, normals, uvs + + for ( i = 0, l = shapeVertices.length; i < l; i ++ ) { + + var vertex = shapeVertices[ i ]; + + vertices.push( vertex.x, vertex.y, 0 ); + normals.push( 0, 0, 1 ); + uvs.push( vertex.x, vertex.y ); // world uvs + + } + + // incides + + for ( i = 0, l = faces.length; i < l; i ++ ) { + + var face = faces[ i ]; + + var a = face[ 0 ] + indexOffset; + var b = face[ 1 ] + indexOffset; + var c = face[ 2 ] + indexOffset; + + indices.push( a, b, c ); + groupCount += 3; + + } + + } + + } + + ShapeBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + ShapeBufferGeometry.prototype.constructor = ShapeBufferGeometry; + + ShapeBufferGeometry.prototype.toJSON = function () { + + var data = BufferGeometry.prototype.toJSON.call( this ); + + var shapes = this.parameters.shapes; + + return toJSON$1( shapes, data ); + + }; + + // + + function toJSON$1( shapes, data ) { + + data.shapes = []; + + if ( Array.isArray( shapes ) ) { + + for ( var i = 0, l = shapes.length; i < l; i ++ ) { + + var shape = shapes[ i ]; + + data.shapes.push( shape.uuid ); + + } + + } else { + + data.shapes.push( shapes.uuid ); + + } + + return data; + + } + + /** + * @author WestLangley / http://github.com/WestLangley + * @author Mugen87 / https://github.com/Mugen87 + */ + + function EdgesGeometry( geometry, thresholdAngle ) { + + BufferGeometry.call( this ); + + this.type = 'EdgesGeometry'; + + this.parameters = { + thresholdAngle: thresholdAngle + }; + + thresholdAngle = ( thresholdAngle !== undefined ) ? thresholdAngle : 1; + + // buffer + + var vertices = []; + + // helper variables + + var thresholdDot = Math.cos( _Math.DEG2RAD * thresholdAngle ); + var edge = [ 0, 0 ], edges = {}, edge1, edge2; + var key, keys = [ 'a', 'b', 'c' ]; + + // prepare source geometry + + var geometry2; + + if ( geometry.isBufferGeometry ) { + + geometry2 = new Geometry(); + geometry2.fromBufferGeometry( geometry ); + + } else { + + geometry2 = geometry.clone(); + + } + + geometry2.mergeVertices(); + geometry2.computeFaceNormals(); + + var sourceVertices = geometry2.vertices; + var faces = geometry2.faces; + + // now create a data structure where each entry represents an edge with its adjoining faces + + for ( var i = 0, l = faces.length; i < l; i ++ ) { + + var face = faces[ i ]; + + for ( var j = 0; j < 3; j ++ ) { + + edge1 = face[ keys[ j ] ]; + edge2 = face[ keys[ ( j + 1 ) % 3 ] ]; + edge[ 0 ] = Math.min( edge1, edge2 ); + edge[ 1 ] = Math.max( edge1, edge2 ); + + key = edge[ 0 ] + ',' + edge[ 1 ]; + + if ( edges[ key ] === undefined ) { + + edges[ key ] = { index1: edge[ 0 ], index2: edge[ 1 ], face1: i, face2: undefined }; + + } else { + + edges[ key ].face2 = i; + + } + + } + + } + + // generate vertices + + for ( key in edges ) { + + var e = edges[ key ]; + + // an edge is only rendered if the angle (in degrees) between the face normals of the adjoining faces exceeds this value. default = 1 degree. + + if ( e.face2 === undefined || faces[ e.face1 ].normal.dot( faces[ e.face2 ].normal ) <= thresholdDot ) { + + var vertex = sourceVertices[ e.index1 ]; + vertices.push( vertex.x, vertex.y, vertex.z ); + + vertex = sourceVertices[ e.index2 ]; + vertices.push( vertex.x, vertex.y, vertex.z ); + + } + + } + + // build geometry + + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + + } + + EdgesGeometry.prototype = Object.create( BufferGeometry.prototype ); + EdgesGeometry.prototype.constructor = EdgesGeometry; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author Mugen87 / https://github.com/Mugen87 + */ + + // CylinderGeometry + + function CylinderGeometry( radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ) { + + Geometry.call( this ); + + this.type = 'CylinderGeometry'; + + this.parameters = { + radiusTop: radiusTop, + radiusBottom: radiusBottom, + height: height, + radialSegments: radialSegments, + heightSegments: heightSegments, + openEnded: openEnded, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + this.fromBufferGeometry( new CylinderBufferGeometry( radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ) ); + this.mergeVertices(); + + } + + CylinderGeometry.prototype = Object.create( Geometry.prototype ); + CylinderGeometry.prototype.constructor = CylinderGeometry; + + // CylinderBufferGeometry + + function CylinderBufferGeometry( radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ) { + + BufferGeometry.call( this ); + + this.type = 'CylinderBufferGeometry'; + + this.parameters = { + radiusTop: radiusTop, + radiusBottom: radiusBottom, + height: height, + radialSegments: radialSegments, + heightSegments: heightSegments, + openEnded: openEnded, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + var scope = this; + + radiusTop = radiusTop !== undefined ? radiusTop : 1; + radiusBottom = radiusBottom !== undefined ? radiusBottom : 1; + height = height || 1; + + radialSegments = Math.floor( radialSegments ) || 8; + heightSegments = Math.floor( heightSegments ) || 1; + + openEnded = openEnded !== undefined ? openEnded : false; + thetaStart = thetaStart !== undefined ? thetaStart : 0.0; + thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // helper variables + + var index = 0; + var indexArray = []; + var halfHeight = height / 2; + var groupStart = 0; + + // generate geometry + + generateTorso(); + + if ( openEnded === false ) { + + if ( radiusTop > 0 ) generateCap( true ); + if ( radiusBottom > 0 ) generateCap( false ); + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + function generateTorso() { + + var x, y; + var normal = new Vector3(); + var vertex = new Vector3(); + + var groupCount = 0; + + // this will be used to calculate the normal + var slope = ( radiusBottom - radiusTop ) / height; + + // generate vertices, normals and uvs + + for ( y = 0; y <= heightSegments; y ++ ) { + + var indexRow = []; + + var v = y / heightSegments; + + // calculate the radius of the current row + + var radius = v * ( radiusBottom - radiusTop ) + radiusTop; + + for ( x = 0; x <= radialSegments; x ++ ) { + + var u = x / radialSegments; + + var theta = u * thetaLength + thetaStart; + + var sinTheta = Math.sin( theta ); + var cosTheta = Math.cos( theta ); + + // vertex + + vertex.x = radius * sinTheta; + vertex.y = - v * height + halfHeight; + vertex.z = radius * cosTheta; + vertices.push( vertex.x, vertex.y, vertex.z ); + + // normal + + normal.set( sinTheta, slope, cosTheta ).normalize(); + normals.push( normal.x, normal.y, normal.z ); + + // uv + + uvs.push( u, 1 - v ); + + // save index of vertex in respective row + + indexRow.push( index ++ ); + + } + + // now save vertices of the row in our index array + + indexArray.push( indexRow ); + + } + + // generate indices + + for ( x = 0; x < radialSegments; x ++ ) { + + for ( y = 0; y < heightSegments; y ++ ) { + + // we use the index array to access the correct indices + + var a = indexArray[ y ][ x ]; + var b = indexArray[ y + 1 ][ x ]; + var c = indexArray[ y + 1 ][ x + 1 ]; + var d = indexArray[ y ][ x + 1 ]; + + // faces + + indices.push( a, b, d ); + indices.push( b, c, d ); + + // update group counter + + groupCount += 6; + + } + + } + + // add a group to the geometry. this will ensure multi material support + + scope.addGroup( groupStart, groupCount, 0 ); + + // calculate new start value for groups + + groupStart += groupCount; + + } + + function generateCap( top ) { + + var x, centerIndexStart, centerIndexEnd; + + var uv = new Vector2(); + var vertex = new Vector3(); + + var groupCount = 0; + + var radius = ( top === true ) ? radiusTop : radiusBottom; + var sign = ( top === true ) ? 1 : - 1; + + // save the index of the first center vertex + centerIndexStart = index; + + // first we generate the center vertex data of the cap. + // because the geometry needs one set of uvs per face, + // we must generate a center vertex per face/segment + + for ( x = 1; x <= radialSegments; x ++ ) { + + // vertex + + vertices.push( 0, halfHeight * sign, 0 ); + + // normal + + normals.push( 0, sign, 0 ); + + // uv + + uvs.push( 0.5, 0.5 ); + + // increase index + + index ++; + + } + + // save the index of the last center vertex + + centerIndexEnd = index; + + // now we generate the surrounding vertices, normals and uvs + + for ( x = 0; x <= radialSegments; x ++ ) { + + var u = x / radialSegments; + var theta = u * thetaLength + thetaStart; + + var cosTheta = Math.cos( theta ); + var sinTheta = Math.sin( theta ); + + // vertex + + vertex.x = radius * sinTheta; + vertex.y = halfHeight * sign; + vertex.z = radius * cosTheta; + vertices.push( vertex.x, vertex.y, vertex.z ); + + // normal + + normals.push( 0, sign, 0 ); + + // uv + + uv.x = ( cosTheta * 0.5 ) + 0.5; + uv.y = ( sinTheta * 0.5 * sign ) + 0.5; + uvs.push( uv.x, uv.y ); + + // increase index + + index ++; + + } + + // generate indices + + for ( x = 0; x < radialSegments; x ++ ) { + + var c = centerIndexStart + x; + var i = centerIndexEnd + x; + + if ( top === true ) { + + // face top + + indices.push( i, i + 1, c ); + + } else { + + // face bottom + + indices.push( i + 1, i, c ); + + } + + groupCount += 3; + + } + + // add a group to the geometry. this will ensure multi material support + + scope.addGroup( groupStart, groupCount, top === true ? 1 : 2 ); + + // calculate new start value for groups + + groupStart += groupCount; + + } + + } + + CylinderBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + CylinderBufferGeometry.prototype.constructor = CylinderBufferGeometry; + + /** + * @author abelnation / http://github.com/abelnation + */ + + // ConeGeometry + + function ConeGeometry( radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ) { + + CylinderGeometry.call( this, 0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ); + + this.type = 'ConeGeometry'; + + this.parameters = { + radius: radius, + height: height, + radialSegments: radialSegments, + heightSegments: heightSegments, + openEnded: openEnded, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + } + + ConeGeometry.prototype = Object.create( CylinderGeometry.prototype ); + ConeGeometry.prototype.constructor = ConeGeometry; + + // ConeBufferGeometry + + function ConeBufferGeometry( radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ) { + + CylinderBufferGeometry.call( this, 0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ); + + this.type = 'ConeBufferGeometry'; + + this.parameters = { + radius: radius, + height: height, + radialSegments: radialSegments, + heightSegments: heightSegments, + openEnded: openEnded, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + } + + ConeBufferGeometry.prototype = Object.create( CylinderBufferGeometry.prototype ); + ConeBufferGeometry.prototype.constructor = ConeBufferGeometry; + + /** + * @author benaadams / https://twitter.com/ben_a_adams + * @author Mugen87 / https://github.com/Mugen87 + * @author hughes + */ + + // CircleGeometry + + function CircleGeometry( radius, segments, thetaStart, thetaLength ) { + + Geometry.call( this ); + + this.type = 'CircleGeometry'; + + this.parameters = { + radius: radius, + segments: segments, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + this.fromBufferGeometry( new CircleBufferGeometry( radius, segments, thetaStart, thetaLength ) ); + this.mergeVertices(); + + } + + CircleGeometry.prototype = Object.create( Geometry.prototype ); + CircleGeometry.prototype.constructor = CircleGeometry; + + // CircleBufferGeometry + + function CircleBufferGeometry( radius, segments, thetaStart, thetaLength ) { + + BufferGeometry.call( this ); + + this.type = 'CircleBufferGeometry'; + + this.parameters = { + radius: radius, + segments: segments, + thetaStart: thetaStart, + thetaLength: thetaLength + }; + + radius = radius || 1; + segments = segments !== undefined ? Math.max( 3, segments ) : 8; + + thetaStart = thetaStart !== undefined ? thetaStart : 0; + thetaLength = thetaLength !== undefined ? thetaLength : Math.PI * 2; + + // buffers + + var indices = []; + var vertices = []; + var normals = []; + var uvs = []; + + // helper variables + + var i, s; + var vertex = new Vector3(); + var uv = new Vector2(); + + // center point + + vertices.push( 0, 0, 0 ); + normals.push( 0, 0, 1 ); + uvs.push( 0.5, 0.5 ); + + for ( s = 0, i = 3; s <= segments; s ++, i += 3 ) { + + var segment = thetaStart + s / segments * thetaLength; + + // vertex + + vertex.x = radius * Math.cos( segment ); + vertex.y = radius * Math.sin( segment ); + + vertices.push( vertex.x, vertex.y, vertex.z ); + + // normal + + normals.push( 0, 0, 1 ); + + // uvs + + uv.x = ( vertices[ i ] / radius + 1 ) / 2; + uv.y = ( vertices[ i + 1 ] / radius + 1 ) / 2; + + uvs.push( uv.x, uv.y ); + + } + + // indices + + for ( i = 1; i <= segments; i ++ ) { + + indices.push( i, i + 1, 0 ); + + } + + // build geometry + + this.setIndex( indices ); + this.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + this.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) ); + this.addAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) ); + + } + + CircleBufferGeometry.prototype = Object.create( BufferGeometry.prototype ); + CircleBufferGeometry.prototype.constructor = CircleBufferGeometry; + + + + var Geometries = /*#__PURE__*/Object.freeze({ + WireframeGeometry: WireframeGeometry, + ParametricGeometry: ParametricGeometry, + ParametricBufferGeometry: ParametricBufferGeometry, + TetrahedronGeometry: TetrahedronGeometry, + TetrahedronBufferGeometry: TetrahedronBufferGeometry, + OctahedronGeometry: OctahedronGeometry, + OctahedronBufferGeometry: OctahedronBufferGeometry, + IcosahedronGeometry: IcosahedronGeometry, + IcosahedronBufferGeometry: IcosahedronBufferGeometry, + DodecahedronGeometry: DodecahedronGeometry, + DodecahedronBufferGeometry: DodecahedronBufferGeometry, + PolyhedronGeometry: PolyhedronGeometry, + PolyhedronBufferGeometry: PolyhedronBufferGeometry, + TubeGeometry: TubeGeometry, + TubeBufferGeometry: TubeBufferGeometry, + TorusKnotGeometry: TorusKnotGeometry, + TorusKnotBufferGeometry: TorusKnotBufferGeometry, + TorusGeometry: TorusGeometry, + TorusBufferGeometry: TorusBufferGeometry, + TextGeometry: TextGeometry, + TextBufferGeometry: TextBufferGeometry, + SphereGeometry: SphereGeometry, + SphereBufferGeometry: SphereBufferGeometry, + RingGeometry: RingGeometry, + RingBufferGeometry: RingBufferGeometry, + PlaneGeometry: PlaneGeometry, + PlaneBufferGeometry: PlaneBufferGeometry, + LatheGeometry: LatheGeometry, + LatheBufferGeometry: LatheBufferGeometry, + ShapeGeometry: ShapeGeometry, + ShapeBufferGeometry: ShapeBufferGeometry, + ExtrudeGeometry: ExtrudeGeometry, + ExtrudeBufferGeometry: ExtrudeBufferGeometry, + EdgesGeometry: EdgesGeometry, + ConeGeometry: ConeGeometry, + ConeBufferGeometry: ConeBufferGeometry, + CylinderGeometry: CylinderGeometry, + CylinderBufferGeometry: CylinderBufferGeometry, + CircleGeometry: CircleGeometry, + CircleBufferGeometry: CircleBufferGeometry, + BoxGeometry: BoxGeometry, + BoxBufferGeometry: BoxBufferGeometry + }); + + /** + * @author mrdoob / http://mrdoob.com/ + * + * parameters = { + * color: + * } + */ + + function ShadowMaterial( parameters ) { + + Material.call( this ); + + this.type = 'ShadowMaterial'; + + this.color = new Color( 0x000000 ); + this.transparent = true; + + this.setValues( parameters ); + + } + + ShadowMaterial.prototype = Object.create( Material.prototype ); + ShadowMaterial.prototype.constructor = ShadowMaterial; + + ShadowMaterial.prototype.isShadowMaterial = true; + + ShadowMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.color.copy( source.color ); + + return this; + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function RawShaderMaterial( parameters ) { + + ShaderMaterial.call( this, parameters ); + + this.type = 'RawShaderMaterial'; + + } + + RawShaderMaterial.prototype = Object.create( ShaderMaterial.prototype ); + RawShaderMaterial.prototype.constructor = RawShaderMaterial; + + RawShaderMaterial.prototype.isRawShaderMaterial = true; + + /** + * @author WestLangley / http://github.com/WestLangley + * + * parameters = { + * color: , + * roughness: , + * metalness: , + * opacity: , + * + * map: new THREE.Texture( ), + * + * lightMap: new THREE.Texture( ), + * lightMapIntensity: + * + * aoMap: new THREE.Texture( ), + * aoMapIntensity: + * + * emissive: , + * emissiveIntensity: + * emissiveMap: new THREE.Texture( ), + * + * bumpMap: new THREE.Texture( ), + * bumpScale: , + * + * normalMap: new THREE.Texture( ), + * normalScale: , + * + * displacementMap: new THREE.Texture( ), + * displacementScale: , + * displacementBias: , + * + * roughnessMap: new THREE.Texture( ), + * + * metalnessMap: new THREE.Texture( ), + * + * alphaMap: new THREE.Texture( ), + * + * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), + * envMapIntensity: + * + * refractionRatio: , + * + * wireframe: , + * wireframeLinewidth: , + * + * skinning: , + * morphTargets: , + * morphNormals: + * } + */ + + function MeshStandardMaterial( parameters ) { + + Material.call( this ); + + this.defines = { 'STANDARD': '' }; + + this.type = 'MeshStandardMaterial'; + + this.color = new Color( 0xffffff ); // diffuse + this.roughness = 0.5; + this.metalness = 0.5; + + this.map = null; + + this.lightMap = null; + this.lightMapIntensity = 1.0; + + this.aoMap = null; + this.aoMapIntensity = 1.0; + + this.emissive = new Color( 0x000000 ); + this.emissiveIntensity = 1.0; + this.emissiveMap = null; + + this.bumpMap = null; + this.bumpScale = 1; + + this.normalMap = null; + this.normalScale = new Vector2( 1, 1 ); + + this.displacementMap = null; + this.displacementScale = 1; + this.displacementBias = 0; + + this.roughnessMap = null; + + this.metalnessMap = null; + + this.alphaMap = null; + + this.envMap = null; + this.envMapIntensity = 1.0; + + this.refractionRatio = 0.98; + + this.wireframe = false; + this.wireframeLinewidth = 1; + this.wireframeLinecap = 'round'; + this.wireframeLinejoin = 'round'; + + this.skinning = false; + this.morphTargets = false; + this.morphNormals = false; + + this.setValues( parameters ); + + } + + MeshStandardMaterial.prototype = Object.create( Material.prototype ); + MeshStandardMaterial.prototype.constructor = MeshStandardMaterial; + + MeshStandardMaterial.prototype.isMeshStandardMaterial = true; + + MeshStandardMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.defines = { 'STANDARD': '' }; + + this.color.copy( source.color ); + this.roughness = source.roughness; + this.metalness = source.metalness; + + this.map = source.map; + + this.lightMap = source.lightMap; + this.lightMapIntensity = source.lightMapIntensity; + + this.aoMap = source.aoMap; + this.aoMapIntensity = source.aoMapIntensity; + + this.emissive.copy( source.emissive ); + this.emissiveMap = source.emissiveMap; + this.emissiveIntensity = source.emissiveIntensity; + + this.bumpMap = source.bumpMap; + this.bumpScale = source.bumpScale; + + this.normalMap = source.normalMap; + this.normalScale.copy( source.normalScale ); + + this.displacementMap = source.displacementMap; + this.displacementScale = source.displacementScale; + this.displacementBias = source.displacementBias; + + this.roughnessMap = source.roughnessMap; + + this.metalnessMap = source.metalnessMap; + + this.alphaMap = source.alphaMap; + + this.envMap = source.envMap; + this.envMapIntensity = source.envMapIntensity; + + this.refractionRatio = source.refractionRatio; + + this.wireframe = source.wireframe; + this.wireframeLinewidth = source.wireframeLinewidth; + this.wireframeLinecap = source.wireframeLinecap; + this.wireframeLinejoin = source.wireframeLinejoin; + + this.skinning = source.skinning; + this.morphTargets = source.morphTargets; + this.morphNormals = source.morphNormals; + + return this; + + }; + + /** + * @author WestLangley / http://github.com/WestLangley + * + * parameters = { + * reflectivity: + * } + */ + + function MeshPhysicalMaterial( parameters ) { + + MeshStandardMaterial.call( this ); + + this.defines = { 'PHYSICAL': '' }; + + this.type = 'MeshPhysicalMaterial'; + + this.reflectivity = 0.5; // maps to F0 = 0.04 + + this.clearCoat = 0.0; + this.clearCoatRoughness = 0.0; + + this.setValues( parameters ); + + } + + MeshPhysicalMaterial.prototype = Object.create( MeshStandardMaterial.prototype ); + MeshPhysicalMaterial.prototype.constructor = MeshPhysicalMaterial; + + MeshPhysicalMaterial.prototype.isMeshPhysicalMaterial = true; + + MeshPhysicalMaterial.prototype.copy = function ( source ) { + + MeshStandardMaterial.prototype.copy.call( this, source ); + + this.defines = { 'PHYSICAL': '' }; + + this.reflectivity = source.reflectivity; + + this.clearCoat = source.clearCoat; + this.clearCoatRoughness = source.clearCoatRoughness; + + return this; + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * + * parameters = { + * color: , + * specular: , + * shininess: , + * opacity: , + * + * map: new THREE.Texture( ), + * + * lightMap: new THREE.Texture( ), + * lightMapIntensity: + * + * aoMap: new THREE.Texture( ), + * aoMapIntensity: + * + * emissive: , + * emissiveIntensity: + * emissiveMap: new THREE.Texture( ), + * + * bumpMap: new THREE.Texture( ), + * bumpScale: , + * + * normalMap: new THREE.Texture( ), + * normalScale: , + * + * displacementMap: new THREE.Texture( ), + * displacementScale: , + * displacementBias: , + * + * specularMap: new THREE.Texture( ), + * + * alphaMap: new THREE.Texture( ), + * + * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), + * combine: THREE.Multiply, + * reflectivity: , + * refractionRatio: , + * + * wireframe: , + * wireframeLinewidth: , + * + * skinning: , + * morphTargets: , + * morphNormals: + * } + */ + + function MeshPhongMaterial( parameters ) { + + Material.call( this ); + + this.type = 'MeshPhongMaterial'; + + this.color = new Color( 0xffffff ); // diffuse + this.specular = new Color( 0x111111 ); + this.shininess = 30; + + this.map = null; + + this.lightMap = null; + this.lightMapIntensity = 1.0; + + this.aoMap = null; + this.aoMapIntensity = 1.0; + + this.emissive = new Color( 0x000000 ); + this.emissiveIntensity = 1.0; + this.emissiveMap = null; + + this.bumpMap = null; + this.bumpScale = 1; + + this.normalMap = null; + this.normalScale = new Vector2( 1, 1 ); + + this.displacementMap = null; + this.displacementScale = 1; + this.displacementBias = 0; + + this.specularMap = null; + + this.alphaMap = null; + + this.envMap = null; + this.combine = MultiplyOperation; + this.reflectivity = 1; + this.refractionRatio = 0.98; + + this.wireframe = false; + this.wireframeLinewidth = 1; + this.wireframeLinecap = 'round'; + this.wireframeLinejoin = 'round'; + + this.skinning = false; + this.morphTargets = false; + this.morphNormals = false; + + this.setValues( parameters ); + + } + + MeshPhongMaterial.prototype = Object.create( Material.prototype ); + MeshPhongMaterial.prototype.constructor = MeshPhongMaterial; + + MeshPhongMaterial.prototype.isMeshPhongMaterial = true; + + MeshPhongMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.color.copy( source.color ); + this.specular.copy( source.specular ); + this.shininess = source.shininess; + + this.map = source.map; + + this.lightMap = source.lightMap; + this.lightMapIntensity = source.lightMapIntensity; + + this.aoMap = source.aoMap; + this.aoMapIntensity = source.aoMapIntensity; + + this.emissive.copy( source.emissive ); + this.emissiveMap = source.emissiveMap; + this.emissiveIntensity = source.emissiveIntensity; + + this.bumpMap = source.bumpMap; + this.bumpScale = source.bumpScale; + + this.normalMap = source.normalMap; + this.normalScale.copy( source.normalScale ); + + this.displacementMap = source.displacementMap; + this.displacementScale = source.displacementScale; + this.displacementBias = source.displacementBias; + + this.specularMap = source.specularMap; + + this.alphaMap = source.alphaMap; + + this.envMap = source.envMap; + this.combine = source.combine; + this.reflectivity = source.reflectivity; + this.refractionRatio = source.refractionRatio; + + this.wireframe = source.wireframe; + this.wireframeLinewidth = source.wireframeLinewidth; + this.wireframeLinecap = source.wireframeLinecap; + this.wireframeLinejoin = source.wireframeLinejoin; + + this.skinning = source.skinning; + this.morphTargets = source.morphTargets; + this.morphNormals = source.morphNormals; + + return this; + + }; + + /** + * @author takahirox / http://github.com/takahirox + * + * parameters = { + * gradientMap: new THREE.Texture( ) + * } + */ + + function MeshToonMaterial( parameters ) { + + MeshPhongMaterial.call( this ); + + this.defines = { 'TOON': '' }; + + this.type = 'MeshToonMaterial'; + + this.gradientMap = null; + + this.setValues( parameters ); + + } + + MeshToonMaterial.prototype = Object.create( MeshPhongMaterial.prototype ); + MeshToonMaterial.prototype.constructor = MeshToonMaterial; + + MeshToonMaterial.prototype.isMeshToonMaterial = true; + + MeshToonMaterial.prototype.copy = function ( source ) { + + MeshPhongMaterial.prototype.copy.call( this, source ); + + this.gradientMap = source.gradientMap; + + return this; + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author WestLangley / http://github.com/WestLangley + * + * parameters = { + * opacity: , + * + * bumpMap: new THREE.Texture( ), + * bumpScale: , + * + * normalMap: new THREE.Texture( ), + * normalScale: , + * + * displacementMap: new THREE.Texture( ), + * displacementScale: , + * displacementBias: , + * + * wireframe: , + * wireframeLinewidth: + * + * skinning: , + * morphTargets: , + * morphNormals: + * } + */ + + function MeshNormalMaterial( parameters ) { + + Material.call( this ); + + this.type = 'MeshNormalMaterial'; + + this.bumpMap = null; + this.bumpScale = 1; + + this.normalMap = null; + this.normalScale = new Vector2( 1, 1 ); + + this.displacementMap = null; + this.displacementScale = 1; + this.displacementBias = 0; + + this.wireframe = false; + this.wireframeLinewidth = 1; + + this.fog = false; + this.lights = false; + + this.skinning = false; + this.morphTargets = false; + this.morphNormals = false; + + this.setValues( parameters ); + + } + + MeshNormalMaterial.prototype = Object.create( Material.prototype ); + MeshNormalMaterial.prototype.constructor = MeshNormalMaterial; + + MeshNormalMaterial.prototype.isMeshNormalMaterial = true; + + MeshNormalMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.bumpMap = source.bumpMap; + this.bumpScale = source.bumpScale; + + this.normalMap = source.normalMap; + this.normalScale.copy( source.normalScale ); + + this.displacementMap = source.displacementMap; + this.displacementScale = source.displacementScale; + this.displacementBias = source.displacementBias; + + this.wireframe = source.wireframe; + this.wireframeLinewidth = source.wireframeLinewidth; + + this.skinning = source.skinning; + this.morphTargets = source.morphTargets; + this.morphNormals = source.morphNormals; + + return this; + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + * + * parameters = { + * color: , + * opacity: , + * + * map: new THREE.Texture( ), + * + * lightMap: new THREE.Texture( ), + * lightMapIntensity: + * + * aoMap: new THREE.Texture( ), + * aoMapIntensity: + * + * emissive: , + * emissiveIntensity: + * emissiveMap: new THREE.Texture( ), + * + * specularMap: new THREE.Texture( ), + * + * alphaMap: new THREE.Texture( ), + * + * envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ), + * combine: THREE.Multiply, + * reflectivity: , + * refractionRatio: , + * + * wireframe: , + * wireframeLinewidth: , + * + * skinning: , + * morphTargets: , + * morphNormals: + * } + */ + + function MeshLambertMaterial( parameters ) { + + Material.call( this ); + + this.type = 'MeshLambertMaterial'; + + this.color = new Color( 0xffffff ); // diffuse + + this.map = null; + + this.lightMap = null; + this.lightMapIntensity = 1.0; + + this.aoMap = null; + this.aoMapIntensity = 1.0; + + this.emissive = new Color( 0x000000 ); + this.emissiveIntensity = 1.0; + this.emissiveMap = null; + + this.specularMap = null; + + this.alphaMap = null; + + this.envMap = null; + this.combine = MultiplyOperation; + this.reflectivity = 1; + this.refractionRatio = 0.98; + + this.wireframe = false; + this.wireframeLinewidth = 1; + this.wireframeLinecap = 'round'; + this.wireframeLinejoin = 'round'; + + this.skinning = false; + this.morphTargets = false; + this.morphNormals = false; + + this.setValues( parameters ); + + } + + MeshLambertMaterial.prototype = Object.create( Material.prototype ); + MeshLambertMaterial.prototype.constructor = MeshLambertMaterial; + + MeshLambertMaterial.prototype.isMeshLambertMaterial = true; + + MeshLambertMaterial.prototype.copy = function ( source ) { + + Material.prototype.copy.call( this, source ); + + this.color.copy( source.color ); + + this.map = source.map; + + this.lightMap = source.lightMap; + this.lightMapIntensity = source.lightMapIntensity; + + this.aoMap = source.aoMap; + this.aoMapIntensity = source.aoMapIntensity; + + this.emissive.copy( source.emissive ); + this.emissiveMap = source.emissiveMap; + this.emissiveIntensity = source.emissiveIntensity; + + this.specularMap = source.specularMap; + + this.alphaMap = source.alphaMap; + + this.envMap = source.envMap; + this.combine = source.combine; + this.reflectivity = source.reflectivity; + this.refractionRatio = source.refractionRatio; + + this.wireframe = source.wireframe; + this.wireframeLinewidth = source.wireframeLinewidth; + this.wireframeLinecap = source.wireframeLinecap; + this.wireframeLinejoin = source.wireframeLinejoin; + + this.skinning = source.skinning; + this.morphTargets = source.morphTargets; + this.morphNormals = source.morphNormals; + + return this; + + }; + + /** + * @author alteredq / http://alteredqualia.com/ + * + * parameters = { + * color: , + * opacity: , + * + * linewidth: , + * + * scale: , + * dashSize: , + * gapSize: + * } + */ + + function LineDashedMaterial( parameters ) { + + LineBasicMaterial.call( this ); + + this.type = 'LineDashedMaterial'; + + this.scale = 1; + this.dashSize = 3; + this.gapSize = 1; + + this.setValues( parameters ); + + } + + LineDashedMaterial.prototype = Object.create( LineBasicMaterial.prototype ); + LineDashedMaterial.prototype.constructor = LineDashedMaterial; + + LineDashedMaterial.prototype.isLineDashedMaterial = true; + + LineDashedMaterial.prototype.copy = function ( source ) { + + LineBasicMaterial.prototype.copy.call( this, source ); + + this.scale = source.scale; + this.dashSize = source.dashSize; + this.gapSize = source.gapSize; + + return this; + + }; + + + + var Materials = /*#__PURE__*/Object.freeze({ + ShadowMaterial: ShadowMaterial, + SpriteMaterial: SpriteMaterial, + RawShaderMaterial: RawShaderMaterial, + ShaderMaterial: ShaderMaterial, + PointsMaterial: PointsMaterial, + MeshPhysicalMaterial: MeshPhysicalMaterial, + MeshStandardMaterial: MeshStandardMaterial, + MeshPhongMaterial: MeshPhongMaterial, + MeshToonMaterial: MeshToonMaterial, + MeshNormalMaterial: MeshNormalMaterial, + MeshLambertMaterial: MeshLambertMaterial, + MeshDepthMaterial: MeshDepthMaterial, + MeshDistanceMaterial: MeshDistanceMaterial, + MeshBasicMaterial: MeshBasicMaterial, + LineDashedMaterial: LineDashedMaterial, + LineBasicMaterial: LineBasicMaterial, + Material: Material + }); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + var Cache = { + + enabled: false, + + files: {}, + + add: function ( key, file ) { + + if ( this.enabled === false ) return; + + // console.log( 'THREE.Cache', 'Adding key:', key ); + + this.files[ key ] = file; + + }, + + get: function ( key ) { + + if ( this.enabled === false ) return; + + // console.log( 'THREE.Cache', 'Checking key:', key ); + + return this.files[ key ]; + + }, + + remove: function ( key ) { + + delete this.files[ key ]; + + }, + + clear: function () { + + this.files = {}; + + } + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function LoadingManager( onLoad, onProgress, onError ) { + + var scope = this; + + var isLoading = false; + var itemsLoaded = 0; + var itemsTotal = 0; + var urlModifier = undefined; + + this.onStart = undefined; + this.onLoad = onLoad; + this.onProgress = onProgress; + this.onError = onError; + + this.itemStart = function ( url ) { + + itemsTotal ++; + + if ( isLoading === false ) { + + if ( scope.onStart !== undefined ) { + + scope.onStart( url, itemsLoaded, itemsTotal ); + + } + + } + + isLoading = true; + + }; + + this.itemEnd = function ( url ) { + + itemsLoaded ++; + + if ( scope.onProgress !== undefined ) { + + scope.onProgress( url, itemsLoaded, itemsTotal ); + + } + + if ( itemsLoaded === itemsTotal ) { + + isLoading = false; + + if ( scope.onLoad !== undefined ) { + + scope.onLoad(); + + } + + } + + }; + + this.itemError = function ( url ) { + + if ( scope.onError !== undefined ) { + + scope.onError( url ); + + } + + }; + + this.resolveURL = function ( url ) { + + if ( urlModifier ) { + + return urlModifier( url ); + + } + + return url; + + }; + + this.setURLModifier = function ( transform ) { + + urlModifier = transform; + return this; + + }; + + } + + var DefaultLoadingManager = new LoadingManager(); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + var loading = {}; + + function FileLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + } + + Object.assign( FileLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + if ( url === undefined ) url = ''; + + if ( this.path !== undefined ) url = this.path + url; + + url = this.manager.resolveURL( url ); + + var scope = this; + + var cached = Cache.get( url ); + + if ( cached !== undefined ) { + + scope.manager.itemStart( url ); + + setTimeout( function () { + + if ( onLoad ) onLoad( cached ); + + scope.manager.itemEnd( url ); + + }, 0 ); + + return cached; + + } + + // Check if request is duplicate + + if ( loading[ url ] !== undefined ) { + + loading[ url ].push( { + + onLoad: onLoad, + onProgress: onProgress, + onError: onError + + } ); + + return; + + } + + // Check for data: URI + var dataUriRegex = /^data:(.*?)(;base64)?,(.*)$/; + var dataUriRegexResult = url.match( dataUriRegex ); + + // Safari can not handle Data URIs through XMLHttpRequest so process manually + if ( dataUriRegexResult ) { + + var mimeType = dataUriRegexResult[ 1 ]; + var isBase64 = !! dataUriRegexResult[ 2 ]; + var data = dataUriRegexResult[ 3 ]; + + data = window.decodeURIComponent( data ); + + if ( isBase64 ) data = window.atob( data ); + + try { + + var response; + var responseType = ( this.responseType || '' ).toLowerCase(); + + switch ( responseType ) { + + case 'arraybuffer': + case 'blob': + + var view = new Uint8Array( data.length ); + + for ( var i = 0; i < data.length; i ++ ) { + + view[ i ] = data.charCodeAt( i ); + + } + + if ( responseType === 'blob' ) { + + response = new Blob( [ view.buffer ], { type: mimeType } ); + + } else { + + response = view.buffer; + + } + + break; + + case 'document': + + var parser = new DOMParser(); + response = parser.parseFromString( data, mimeType ); + + break; + + case 'json': + + response = JSON.parse( data ); + + break; + + default: // 'text' or other + + response = data; + + break; + + } + + // Wait for next browser tick like standard XMLHttpRequest event dispatching does + window.setTimeout( function () { + + if ( onLoad ) onLoad( response ); + + scope.manager.itemEnd( url ); + + }, 0 ); + + } catch ( error ) { + + // Wait for next browser tick like standard XMLHttpRequest event dispatching does + window.setTimeout( function () { + + if ( onError ) onError( error ); + + scope.manager.itemEnd( url ); + scope.manager.itemError( url ); + + }, 0 ); + + } + + } else { + + // Initialise array for duplicate requests + + loading[ url ] = []; + + loading[ url ].push( { + + onLoad: onLoad, + onProgress: onProgress, + onError: onError + + } ); + + var request = new XMLHttpRequest(); + + request.open( 'GET', url, true ); + + request.addEventListener( 'load', function ( event ) { + + var response = this.response; + + Cache.add( url, response ); + + var callbacks = loading[ url ]; + + delete loading[ url ]; + + if ( this.status === 200 || this.status === 0 ) { + + // Some browsers return HTTP Status 0 when using non-http protocol + // e.g. 'file://' or 'data://'. Handle as success. + + if ( this.status === 0 ) console.warn( 'THREE.FileLoader: HTTP Status 0 received.' ); + + for ( var i = 0, il = callbacks.length; i < il; i ++ ) { + + var callback = callbacks[ i ]; + if ( callback.onLoad ) callback.onLoad( response ); + + } + + scope.manager.itemEnd( url ); + + } else { + + for ( var i = 0, il = callbacks.length; i < il; i ++ ) { + + var callback = callbacks[ i ]; + if ( callback.onError ) callback.onError( event ); + + } + + scope.manager.itemEnd( url ); + scope.manager.itemError( url ); + + } + + }, false ); + + request.addEventListener( 'progress', function ( event ) { + + var callbacks = loading[ url ]; + + for ( var i = 0, il = callbacks.length; i < il; i ++ ) { + + var callback = callbacks[ i ]; + if ( callback.onProgress ) callback.onProgress( event ); + + } + + }, false ); + + request.addEventListener( 'error', function ( event ) { + + var callbacks = loading[ url ]; + + delete loading[ url ]; + + for ( var i = 0, il = callbacks.length; i < il; i ++ ) { + + var callback = callbacks[ i ]; + if ( callback.onError ) callback.onError( event ); + + } + + scope.manager.itemEnd( url ); + scope.manager.itemError( url ); + + }, false ); + + if ( this.responseType !== undefined ) request.responseType = this.responseType; + if ( this.withCredentials !== undefined ) request.withCredentials = this.withCredentials; + + if ( request.overrideMimeType ) request.overrideMimeType( this.mimeType !== undefined ? this.mimeType : 'text/plain' ); + + for ( var header in this.requestHeader ) { + + request.setRequestHeader( header, this.requestHeader[ header ] ); + + } + + request.send( null ); + + } + + scope.manager.itemStart( url ); + + return request; + + }, + + setPath: function ( value ) { + + this.path = value; + return this; + + }, + + setResponseType: function ( value ) { + + this.responseType = value; + return this; + + }, + + setWithCredentials: function ( value ) { + + this.withCredentials = value; + return this; + + }, + + setMimeType: function ( value ) { + + this.mimeType = value; + return this; + + }, + + setRequestHeader: function ( value ) { + + this.requestHeader = value; + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * + * Abstract Base class to block based textures loader (dds, pvr, ...) + */ + + function CompressedTextureLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + // override in sub classes + this._parser = null; + + } + + Object.assign( CompressedTextureLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + var scope = this; + + var images = []; + + var texture = new CompressedTexture(); + texture.image = images; + + var loader = new FileLoader( this.manager ); + loader.setPath( this.path ); + loader.setResponseType( 'arraybuffer' ); + + function loadTexture( i ) { + + loader.load( url[ i ], function ( buffer ) { + + var texDatas = scope._parser( buffer, true ); + + images[ i ] = { + width: texDatas.width, + height: texDatas.height, + format: texDatas.format, + mipmaps: texDatas.mipmaps + }; + + loaded += 1; + + if ( loaded === 6 ) { + + if ( texDatas.mipmapCount === 1 ) + texture.minFilter = LinearFilter; + + texture.format = texDatas.format; + texture.needsUpdate = true; + + if ( onLoad ) onLoad( texture ); + + } + + }, onProgress, onError ); + + } + + if ( Array.isArray( url ) ) { + + var loaded = 0; + + for ( var i = 0, il = url.length; i < il; ++ i ) { + + loadTexture( i ); + + } + + } else { + + // compressed cubemap texture stored in a single DDS file + + loader.load( url, function ( buffer ) { + + var texDatas = scope._parser( buffer, true ); + + if ( texDatas.isCubemap ) { + + var faces = texDatas.mipmaps.length / texDatas.mipmapCount; + + for ( var f = 0; f < faces; f ++ ) { + + images[ f ] = { mipmaps: [] }; + + for ( var i = 0; i < texDatas.mipmapCount; i ++ ) { + + images[ f ].mipmaps.push( texDatas.mipmaps[ f * texDatas.mipmapCount + i ] ); + images[ f ].format = texDatas.format; + images[ f ].width = texDatas.width; + images[ f ].height = texDatas.height; + + } + + } + + } else { + + texture.image.width = texDatas.width; + texture.image.height = texDatas.height; + texture.mipmaps = texDatas.mipmaps; + + } + + if ( texDatas.mipmapCount === 1 ) { + + texture.minFilter = LinearFilter; + + } + + texture.format = texDatas.format; + texture.needsUpdate = true; + + if ( onLoad ) onLoad( texture ); + + }, onProgress, onError ); + + } + + return texture; + + }, + + setPath: function ( value ) { + + this.path = value; + return this; + + } + + } ); + + /** + * @author Nikos M. / https://github.com/foo123/ + * + * Abstract Base class to load generic binary textures formats (rgbe, hdr, ...) + */ + + function DataTextureLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + // override in sub classes + this._parser = null; + + } + + Object.assign( DataTextureLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + var scope = this; + + var texture = new DataTexture(); + + var loader = new FileLoader( this.manager ); + loader.setResponseType( 'arraybuffer' ); + + loader.load( url, function ( buffer ) { + + var texData = scope._parser( buffer ); + + if ( ! texData ) return; + + if ( undefined !== texData.image ) { + + texture.image = texData.image; + + } else if ( undefined !== texData.data ) { + + texture.image.width = texData.width; + texture.image.height = texData.height; + texture.image.data = texData.data; + + } + + texture.wrapS = undefined !== texData.wrapS ? texData.wrapS : ClampToEdgeWrapping; + texture.wrapT = undefined !== texData.wrapT ? texData.wrapT : ClampToEdgeWrapping; + + texture.magFilter = undefined !== texData.magFilter ? texData.magFilter : LinearFilter; + texture.minFilter = undefined !== texData.minFilter ? texData.minFilter : LinearMipMapLinearFilter; + + texture.anisotropy = undefined !== texData.anisotropy ? texData.anisotropy : 1; + + if ( undefined !== texData.format ) { + + texture.format = texData.format; + + } + if ( undefined !== texData.type ) { + + texture.type = texData.type; + + } + + if ( undefined !== texData.mipmaps ) { + + texture.mipmaps = texData.mipmaps; + + } + + if ( 1 === texData.mipmapCount ) { + + texture.minFilter = LinearFilter; + + } + + texture.needsUpdate = true; + + if ( onLoad ) onLoad( texture, texData ); + + }, onProgress, onError ); + + + return texture; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + + function ImageLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + } + + Object.assign( ImageLoader.prototype, { + + crossOrigin: 'Anonymous', + + load: function ( url, onLoad, onProgress, onError ) { + + if ( url === undefined ) url = ''; + + if ( this.path !== undefined ) url = this.path + url; + + url = this.manager.resolveURL( url ); + + var scope = this; + + var cached = Cache.get( url ); + + if ( cached !== undefined ) { + + scope.manager.itemStart( url ); + + setTimeout( function () { + + if ( onLoad ) onLoad( cached ); + + scope.manager.itemEnd( url ); + + }, 0 ); + + return cached; + + } + + var image = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'img' ); + + function onImageLoad() { + + image.removeEventListener( 'load', onImageLoad, false ); + image.removeEventListener( 'error', onImageError, false ); + + Cache.add( url, this ); + + if ( onLoad ) onLoad( this ); + + scope.manager.itemEnd( url ); + + } + + function onImageError( event ) { + + image.removeEventListener( 'load', onImageLoad, false ); + image.removeEventListener( 'error', onImageError, false ); + + if ( onError ) onError( event ); + + scope.manager.itemEnd( url ); + scope.manager.itemError( url ); + + } + + image.addEventListener( 'load', onImageLoad, false ); + image.addEventListener( 'error', onImageError, false ); + + if ( url.substr( 0, 5 ) !== 'data:' ) { + + if ( this.crossOrigin !== undefined ) image.crossOrigin = this.crossOrigin; + + } + + scope.manager.itemStart( url ); + + image.src = url; + + return image; + + }, + + setCrossOrigin: function ( value ) { + + this.crossOrigin = value; + return this; + + }, + + setPath: function ( value ) { + + this.path = value; + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + + function CubeTextureLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + } + + Object.assign( CubeTextureLoader.prototype, { + + crossOrigin: 'Anonymous', + + load: function ( urls, onLoad, onProgress, onError ) { + + var texture = new CubeTexture(); + + var loader = new ImageLoader( this.manager ); + loader.setCrossOrigin( this.crossOrigin ); + loader.setPath( this.path ); + + var loaded = 0; + + function loadTexture( i ) { + + loader.load( urls[ i ], function ( image ) { + + texture.images[ i ] = image; + + loaded ++; + + if ( loaded === 6 ) { + + texture.needsUpdate = true; + + if ( onLoad ) onLoad( texture ); + + } + + }, undefined, onError ); + + } + + for ( var i = 0; i < urls.length; ++ i ) { + + loadTexture( i ); + + } + + return texture; + + }, + + setCrossOrigin: function ( value ) { + + this.crossOrigin = value; + return this; + + }, + + setPath: function ( value ) { + + this.path = value; + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + + function TextureLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + } + + Object.assign( TextureLoader.prototype, { + + crossOrigin: 'Anonymous', + + load: function ( url, onLoad, onProgress, onError ) { + + var texture = new Texture(); + + var loader = new ImageLoader( this.manager ); + loader.setCrossOrigin( this.crossOrigin ); + loader.setPath( this.path ); + + loader.load( url, function ( image ) { + + texture.image = image; + + // JPEGs can't have an alpha channel, so memory can be saved by storing them as RGB. + var isJPEG = url.search( /\.(jpg|jpeg)$/ ) > 0 || url.search( /^data\:image\/jpeg/ ) === 0; + + texture.format = isJPEG ? RGBFormat : RGBAFormat; + texture.needsUpdate = true; + + if ( onLoad !== undefined ) { + + onLoad( texture ); + + } + + }, onProgress, onError ); + + return texture; + + }, + + setCrossOrigin: function ( value ) { + + this.crossOrigin = value; + return this; + + }, + + setPath: function ( value ) { + + this.path = value; + return this; + + } + + } ); + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * Extensible curve object + * + * Some common of curve methods: + * .getPoint( t, optionalTarget ), .getTangent( t ) + * .getPointAt( u, optionalTarget ), .getTangentAt( u ) + * .getPoints(), .getSpacedPoints() + * .getLength() + * .updateArcLengths() + * + * This following curves inherit from THREE.Curve: + * + * -- 2D curves -- + * THREE.ArcCurve + * THREE.CubicBezierCurve + * THREE.EllipseCurve + * THREE.LineCurve + * THREE.QuadraticBezierCurve + * THREE.SplineCurve + * + * -- 3D curves -- + * THREE.CatmullRomCurve3 + * THREE.CubicBezierCurve3 + * THREE.LineCurve3 + * THREE.QuadraticBezierCurve3 + * + * A series of curves can be represented as a THREE.CurvePath. + * + **/ + + /************************************************************** + * Abstract Curve base class + **************************************************************/ + + function Curve() { + + this.type = 'Curve'; + + this.arcLengthDivisions = 200; + + } + + Object.assign( Curve.prototype, { + + // Virtual base class method to overwrite and implement in subclasses + // - t [0 .. 1] + + getPoint: function ( /* t, optionalTarget */ ) { + + console.warn( 'THREE.Curve: .getPoint() not implemented.' ); + return null; + + }, + + // Get point at relative position in curve according to arc length + // - u [0 .. 1] + + getPointAt: function ( u, optionalTarget ) { + + var t = this.getUtoTmapping( u ); + return this.getPoint( t, optionalTarget ); + + }, + + // Get sequence of points using getPoint( t ) + + getPoints: function ( divisions ) { + + if ( divisions === undefined ) divisions = 5; + + var points = []; + + for ( var d = 0; d <= divisions; d ++ ) { + + points.push( this.getPoint( d / divisions ) ); + + } + + return points; + + }, + + // Get sequence of points using getPointAt( u ) + + getSpacedPoints: function ( divisions ) { + + if ( divisions === undefined ) divisions = 5; + + var points = []; + + for ( var d = 0; d <= divisions; d ++ ) { + + points.push( this.getPointAt( d / divisions ) ); + + } + + return points; + + }, + + // Get total curve arc length + + getLength: function () { + + var lengths = this.getLengths(); + return lengths[ lengths.length - 1 ]; + + }, + + // Get list of cumulative segment lengths + + getLengths: function ( divisions ) { + + if ( divisions === undefined ) divisions = this.arcLengthDivisions; + + if ( this.cacheArcLengths && + ( this.cacheArcLengths.length === divisions + 1 ) && + ! this.needsUpdate ) { + + return this.cacheArcLengths; + + } + + this.needsUpdate = false; + + var cache = []; + var current, last = this.getPoint( 0 ); + var p, sum = 0; + + cache.push( 0 ); + + for ( p = 1; p <= divisions; p ++ ) { + + current = this.getPoint( p / divisions ); + sum += current.distanceTo( last ); + cache.push( sum ); + last = current; + + } + + this.cacheArcLengths = cache; + + return cache; // { sums: cache, sum: sum }; Sum is in the last element. + + }, + + updateArcLengths: function () { + + this.needsUpdate = true; + this.getLengths(); + + }, + + // Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equidistant + + getUtoTmapping: function ( u, distance ) { + + var arcLengths = this.getLengths(); + + var i = 0, il = arcLengths.length; + + var targetArcLength; // The targeted u distance value to get + + if ( distance ) { + + targetArcLength = distance; + + } else { + + targetArcLength = u * arcLengths[ il - 1 ]; + + } + + // binary search for the index with largest value smaller than target u distance + + var low = 0, high = il - 1, comparison; + + while ( low <= high ) { + + i = Math.floor( low + ( high - low ) / 2 ); // less likely to overflow, though probably not issue here, JS doesn't really have integers, all numbers are floats + + comparison = arcLengths[ i ] - targetArcLength; + + if ( comparison < 0 ) { + + low = i + 1; + + } else if ( comparison > 0 ) { + + high = i - 1; + + } else { + + high = i; + break; + + // DONE + + } + + } + + i = high; + + if ( arcLengths[ i ] === targetArcLength ) { + + return i / ( il - 1 ); + + } + + // we could get finer grain at lengths, or use simple interpolation between two points + + var lengthBefore = arcLengths[ i ]; + var lengthAfter = arcLengths[ i + 1 ]; + + var segmentLength = lengthAfter - lengthBefore; + + // determine where we are between the 'before' and 'after' points + + var segmentFraction = ( targetArcLength - lengthBefore ) / segmentLength; + + // add that fractional amount to t + + var t = ( i + segmentFraction ) / ( il - 1 ); + + return t; + + }, + + // Returns a unit vector tangent at t + // In case any sub curve does not implement its tangent derivation, + // 2 points a small delta apart will be used to find its gradient + // which seems to give a reasonable approximation + + getTangent: function ( t ) { + + var delta = 0.0001; + var t1 = t - delta; + var t2 = t + delta; + + // Capping in case of danger + + if ( t1 < 0 ) t1 = 0; + if ( t2 > 1 ) t2 = 1; + + var pt1 = this.getPoint( t1 ); + var pt2 = this.getPoint( t2 ); + + var vec = pt2.clone().sub( pt1 ); + return vec.normalize(); + + }, + + getTangentAt: function ( u ) { + + var t = this.getUtoTmapping( u ); + return this.getTangent( t ); + + }, + + computeFrenetFrames: function ( segments, closed ) { + + // see http://www.cs.indiana.edu/pub/techreports/TR425.pdf + + var normal = new Vector3(); + + var tangents = []; + var normals = []; + var binormals = []; + + var vec = new Vector3(); + var mat = new Matrix4(); + + var i, u, theta; + + // compute the tangent vectors for each segment on the curve + + for ( i = 0; i <= segments; i ++ ) { + + u = i / segments; + + tangents[ i ] = this.getTangentAt( u ); + tangents[ i ].normalize(); + + } + + // select an initial normal vector perpendicular to the first tangent vector, + // and in the direction of the minimum tangent xyz component + + normals[ 0 ] = new Vector3(); + binormals[ 0 ] = new Vector3(); + var min = Number.MAX_VALUE; + var tx = Math.abs( tangents[ 0 ].x ); + var ty = Math.abs( tangents[ 0 ].y ); + var tz = Math.abs( tangents[ 0 ].z ); + + if ( tx <= min ) { + + min = tx; + normal.set( 1, 0, 0 ); + + } + + if ( ty <= min ) { + + min = ty; + normal.set( 0, 1, 0 ); + + } + + if ( tz <= min ) { + + normal.set( 0, 0, 1 ); + + } + + vec.crossVectors( tangents[ 0 ], normal ).normalize(); + + normals[ 0 ].crossVectors( tangents[ 0 ], vec ); + binormals[ 0 ].crossVectors( tangents[ 0 ], normals[ 0 ] ); + + + // compute the slowly-varying normal and binormal vectors for each segment on the curve + + for ( i = 1; i <= segments; i ++ ) { + + normals[ i ] = normals[ i - 1 ].clone(); + + binormals[ i ] = binormals[ i - 1 ].clone(); + + vec.crossVectors( tangents[ i - 1 ], tangents[ i ] ); + + if ( vec.length() > Number.EPSILON ) { + + vec.normalize(); + + theta = Math.acos( _Math.clamp( tangents[ i - 1 ].dot( tangents[ i ] ), - 1, 1 ) ); // clamp for floating pt errors + + normals[ i ].applyMatrix4( mat.makeRotationAxis( vec, theta ) ); + + } + + binormals[ i ].crossVectors( tangents[ i ], normals[ i ] ); + + } + + // if the curve is closed, postprocess the vectors so the first and last normal vectors are the same + + if ( closed === true ) { + + theta = Math.acos( _Math.clamp( normals[ 0 ].dot( normals[ segments ] ), - 1, 1 ) ); + theta /= segments; + + if ( tangents[ 0 ].dot( vec.crossVectors( normals[ 0 ], normals[ segments ] ) ) > 0 ) { + + theta = - theta; + + } + + for ( i = 1; i <= segments; i ++ ) { + + // twist a little... + normals[ i ].applyMatrix4( mat.makeRotationAxis( tangents[ i ], theta * i ) ); + binormals[ i ].crossVectors( tangents[ i ], normals[ i ] ); + + } + + } + + return { + tangents: tangents, + normals: normals, + binormals: binormals + }; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + copy: function ( source ) { + + this.arcLengthDivisions = source.arcLengthDivisions; + + return this; + + }, + + toJSON: function () { + + var data = { + metadata: { + version: 4.5, + type: 'Curve', + generator: 'Curve.toJSON' + } + }; + + data.arcLengthDivisions = this.arcLengthDivisions; + data.type = this.type; + + return data; + + }, + + fromJSON: function ( json ) { + + this.arcLengthDivisions = json.arcLengthDivisions; + + return this; + + } + + } ); + + function EllipseCurve( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation ) { + + Curve.call( this ); + + this.type = 'EllipseCurve'; + + this.aX = aX || 0; + this.aY = aY || 0; + + this.xRadius = xRadius || 1; + this.yRadius = yRadius || 1; + + this.aStartAngle = aStartAngle || 0; + this.aEndAngle = aEndAngle || 2 * Math.PI; + + this.aClockwise = aClockwise || false; + + this.aRotation = aRotation || 0; + + } + + EllipseCurve.prototype = Object.create( Curve.prototype ); + EllipseCurve.prototype.constructor = EllipseCurve; + + EllipseCurve.prototype.isEllipseCurve = true; + + EllipseCurve.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector2(); + + var twoPi = Math.PI * 2; + var deltaAngle = this.aEndAngle - this.aStartAngle; + var samePoints = Math.abs( deltaAngle ) < Number.EPSILON; + + // ensures that deltaAngle is 0 .. 2 PI + while ( deltaAngle < 0 ) deltaAngle += twoPi; + while ( deltaAngle > twoPi ) deltaAngle -= twoPi; + + if ( deltaAngle < Number.EPSILON ) { + + if ( samePoints ) { + + deltaAngle = 0; + + } else { + + deltaAngle = twoPi; + + } + + } + + if ( this.aClockwise === true && ! samePoints ) { + + if ( deltaAngle === twoPi ) { + + deltaAngle = - twoPi; + + } else { + + deltaAngle = deltaAngle - twoPi; + + } + + } + + var angle = this.aStartAngle + t * deltaAngle; + var x = this.aX + this.xRadius * Math.cos( angle ); + var y = this.aY + this.yRadius * Math.sin( angle ); + + if ( this.aRotation !== 0 ) { + + var cos = Math.cos( this.aRotation ); + var sin = Math.sin( this.aRotation ); + + var tx = x - this.aX; + var ty = y - this.aY; + + // Rotate the point about the center of the ellipse. + x = tx * cos - ty * sin + this.aX; + y = tx * sin + ty * cos + this.aY; + + } + + return point.set( x, y ); + + }; + + EllipseCurve.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.aX = source.aX; + this.aY = source.aY; + + this.xRadius = source.xRadius; + this.yRadius = source.yRadius; + + this.aStartAngle = source.aStartAngle; + this.aEndAngle = source.aEndAngle; + + this.aClockwise = source.aClockwise; + + this.aRotation = source.aRotation; + + return this; + + }; + + + EllipseCurve.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.aX = this.aX; + data.aY = this.aY; + + data.xRadius = this.xRadius; + data.yRadius = this.yRadius; + + data.aStartAngle = this.aStartAngle; + data.aEndAngle = this.aEndAngle; + + data.aClockwise = this.aClockwise; + + data.aRotation = this.aRotation; + + return data; + + }; + + EllipseCurve.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.aX = json.aX; + this.aY = json.aY; + + this.xRadius = json.xRadius; + this.yRadius = json.yRadius; + + this.aStartAngle = json.aStartAngle; + this.aEndAngle = json.aEndAngle; + + this.aClockwise = json.aClockwise; + + this.aRotation = json.aRotation; + + return this; + + }; + + function ArcCurve( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise ) { + + EllipseCurve.call( this, aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise ); + + this.type = 'ArcCurve'; + + } + + ArcCurve.prototype = Object.create( EllipseCurve.prototype ); + ArcCurve.prototype.constructor = ArcCurve; + + ArcCurve.prototype.isArcCurve = true; + + /** + * @author zz85 https://github.com/zz85 + * + * Centripetal CatmullRom Curve - which is useful for avoiding + * cusps and self-intersections in non-uniform catmull rom curves. + * http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf + * + * curve.type accepts centripetal(default), chordal and catmullrom + * curve.tension is used for catmullrom which defaults to 0.5 + */ + + + /* + Based on an optimized c++ solution in + - http://stackoverflow.com/questions/9489736/catmull-rom-curve-with-no-cusps-and-no-self-intersections/ + - http://ideone.com/NoEbVM + + This CubicPoly class could be used for reusing some variables and calculations, + but for three.js curve use, it could be possible inlined and flatten into a single function call + which can be placed in CurveUtils. + */ + + function CubicPoly() { + + var c0 = 0, c1 = 0, c2 = 0, c3 = 0; + + /* + * Compute coefficients for a cubic polynomial + * p(s) = c0 + c1*s + c2*s^2 + c3*s^3 + * such that + * p(0) = x0, p(1) = x1 + * and + * p'(0) = t0, p'(1) = t1. + */ + function init( x0, x1, t0, t1 ) { + + c0 = x0; + c1 = t0; + c2 = - 3 * x0 + 3 * x1 - 2 * t0 - t1; + c3 = 2 * x0 - 2 * x1 + t0 + t1; + + } + + return { + + initCatmullRom: function ( x0, x1, x2, x3, tension ) { + + init( x1, x2, tension * ( x2 - x0 ), tension * ( x3 - x1 ) ); + + }, + + initNonuniformCatmullRom: function ( x0, x1, x2, x3, dt0, dt1, dt2 ) { + + // compute tangents when parameterized in [t1,t2] + var t1 = ( x1 - x0 ) / dt0 - ( x2 - x0 ) / ( dt0 + dt1 ) + ( x2 - x1 ) / dt1; + var t2 = ( x2 - x1 ) / dt1 - ( x3 - x1 ) / ( dt1 + dt2 ) + ( x3 - x2 ) / dt2; + + // rescale tangents for parametrization in [0,1] + t1 *= dt1; + t2 *= dt1; + + init( x1, x2, t1, t2 ); + + }, + + calc: function ( t ) { + + var t2 = t * t; + var t3 = t2 * t; + return c0 + c1 * t + c2 * t2 + c3 * t3; + + } + + }; + + } + + // + + var tmp = new Vector3(); + var px = new CubicPoly(), py = new CubicPoly(), pz = new CubicPoly(); + + function CatmullRomCurve3( points, closed, curveType, tension ) { + + Curve.call( this ); + + this.type = 'CatmullRomCurve3'; + + this.points = points || []; + this.closed = closed || false; + this.curveType = curveType || 'centripetal'; + this.tension = tension || 0.5; + + } + + CatmullRomCurve3.prototype = Object.create( Curve.prototype ); + CatmullRomCurve3.prototype.constructor = CatmullRomCurve3; + + CatmullRomCurve3.prototype.isCatmullRomCurve3 = true; + + CatmullRomCurve3.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector3(); + + var points = this.points; + var l = points.length; + + var p = ( l - ( this.closed ? 0 : 1 ) ) * t; + var intPoint = Math.floor( p ); + var weight = p - intPoint; + + if ( this.closed ) { + + intPoint += intPoint > 0 ? 0 : ( Math.floor( Math.abs( intPoint ) / l ) + 1 ) * l; + + } else if ( weight === 0 && intPoint === l - 1 ) { + + intPoint = l - 2; + weight = 1; + + } + + var p0, p1, p2, p3; // 4 points + + if ( this.closed || intPoint > 0 ) { + + p0 = points[ ( intPoint - 1 ) % l ]; + + } else { + + // extrapolate first point + tmp.subVectors( points[ 0 ], points[ 1 ] ).add( points[ 0 ] ); + p0 = tmp; + + } + + p1 = points[ intPoint % l ]; + p2 = points[ ( intPoint + 1 ) % l ]; + + if ( this.closed || intPoint + 2 < l ) { + + p3 = points[ ( intPoint + 2 ) % l ]; + + } else { + + // extrapolate last point + tmp.subVectors( points[ l - 1 ], points[ l - 2 ] ).add( points[ l - 1 ] ); + p3 = tmp; + + } + + if ( this.curveType === 'centripetal' || this.curveType === 'chordal' ) { + + // init Centripetal / Chordal Catmull-Rom + var pow = this.curveType === 'chordal' ? 0.5 : 0.25; + var dt0 = Math.pow( p0.distanceToSquared( p1 ), pow ); + var dt1 = Math.pow( p1.distanceToSquared( p2 ), pow ); + var dt2 = Math.pow( p2.distanceToSquared( p3 ), pow ); + + // safety check for repeated points + if ( dt1 < 1e-4 ) dt1 = 1.0; + if ( dt0 < 1e-4 ) dt0 = dt1; + if ( dt2 < 1e-4 ) dt2 = dt1; + + px.initNonuniformCatmullRom( p0.x, p1.x, p2.x, p3.x, dt0, dt1, dt2 ); + py.initNonuniformCatmullRom( p0.y, p1.y, p2.y, p3.y, dt0, dt1, dt2 ); + pz.initNonuniformCatmullRom( p0.z, p1.z, p2.z, p3.z, dt0, dt1, dt2 ); + + } else if ( this.curveType === 'catmullrom' ) { + + px.initCatmullRom( p0.x, p1.x, p2.x, p3.x, this.tension ); + py.initCatmullRom( p0.y, p1.y, p2.y, p3.y, this.tension ); + pz.initCatmullRom( p0.z, p1.z, p2.z, p3.z, this.tension ); + + } + + point.set( + px.calc( weight ), + py.calc( weight ), + pz.calc( weight ) + ); + + return point; + + }; + + CatmullRomCurve3.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.points = []; + + for ( var i = 0, l = source.points.length; i < l; i ++ ) { + + var point = source.points[ i ]; + + this.points.push( point.clone() ); + + } + + this.closed = source.closed; + this.curveType = source.curveType; + this.tension = source.tension; + + return this; + + }; + + CatmullRomCurve3.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.points = []; + + for ( var i = 0, l = this.points.length; i < l; i ++ ) { + + var point = this.points[ i ]; + data.points.push( point.toArray() ); + + } + + data.closed = this.closed; + data.curveType = this.curveType; + data.tension = this.tension; + + return data; + + }; + + CatmullRomCurve3.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.points = []; + + for ( var i = 0, l = json.points.length; i < l; i ++ ) { + + var point = json.points[ i ]; + this.points.push( new Vector3().fromArray( point ) ); + + } + + this.closed = json.closed; + this.curveType = json.curveType; + this.tension = json.tension; + + return this; + + }; + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * + * Bezier Curves formulas obtained from + * http://en.wikipedia.org/wiki/Bézier_curve + */ + + function CatmullRom( t, p0, p1, p2, p3 ) { + + var v0 = ( p2 - p0 ) * 0.5; + var v1 = ( p3 - p1 ) * 0.5; + var t2 = t * t; + var t3 = t * t2; + return ( 2 * p1 - 2 * p2 + v0 + v1 ) * t3 + ( - 3 * p1 + 3 * p2 - 2 * v0 - v1 ) * t2 + v0 * t + p1; + + } + + // + + function QuadraticBezierP0( t, p ) { + + var k = 1 - t; + return k * k * p; + + } + + function QuadraticBezierP1( t, p ) { + + return 2 * ( 1 - t ) * t * p; + + } + + function QuadraticBezierP2( t, p ) { + + return t * t * p; + + } + + function QuadraticBezier( t, p0, p1, p2 ) { + + return QuadraticBezierP0( t, p0 ) + QuadraticBezierP1( t, p1 ) + + QuadraticBezierP2( t, p2 ); + + } + + // + + function CubicBezierP0( t, p ) { + + var k = 1 - t; + return k * k * k * p; + + } + + function CubicBezierP1( t, p ) { + + var k = 1 - t; + return 3 * k * k * t * p; + + } + + function CubicBezierP2( t, p ) { + + return 3 * ( 1 - t ) * t * t * p; + + } + + function CubicBezierP3( t, p ) { + + return t * t * t * p; + + } + + function CubicBezier( t, p0, p1, p2, p3 ) { + + return CubicBezierP0( t, p0 ) + CubicBezierP1( t, p1 ) + CubicBezierP2( t, p2 ) + + CubicBezierP3( t, p3 ); + + } + + function CubicBezierCurve( v0, v1, v2, v3 ) { + + Curve.call( this ); + + this.type = 'CubicBezierCurve'; + + this.v0 = v0 || new Vector2(); + this.v1 = v1 || new Vector2(); + this.v2 = v2 || new Vector2(); + this.v3 = v3 || new Vector2(); + + } + + CubicBezierCurve.prototype = Object.create( Curve.prototype ); + CubicBezierCurve.prototype.constructor = CubicBezierCurve; + + CubicBezierCurve.prototype.isCubicBezierCurve = true; + + CubicBezierCurve.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector2(); + + var v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3; + + point.set( + CubicBezier( t, v0.x, v1.x, v2.x, v3.x ), + CubicBezier( t, v0.y, v1.y, v2.y, v3.y ) + ); + + return point; + + }; + + CubicBezierCurve.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.v0.copy( source.v0 ); + this.v1.copy( source.v1 ); + this.v2.copy( source.v2 ); + this.v3.copy( source.v3 ); + + return this; + + }; + + CubicBezierCurve.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.v0 = this.v0.toArray(); + data.v1 = this.v1.toArray(); + data.v2 = this.v2.toArray(); + data.v3 = this.v3.toArray(); + + return data; + + }; + + CubicBezierCurve.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.v0.fromArray( json.v0 ); + this.v1.fromArray( json.v1 ); + this.v2.fromArray( json.v2 ); + this.v3.fromArray( json.v3 ); + + return this; + + }; + + function CubicBezierCurve3( v0, v1, v2, v3 ) { + + Curve.call( this ); + + this.type = 'CubicBezierCurve3'; + + this.v0 = v0 || new Vector3(); + this.v1 = v1 || new Vector3(); + this.v2 = v2 || new Vector3(); + this.v3 = v3 || new Vector3(); + + } + + CubicBezierCurve3.prototype = Object.create( Curve.prototype ); + CubicBezierCurve3.prototype.constructor = CubicBezierCurve3; + + CubicBezierCurve3.prototype.isCubicBezierCurve3 = true; + + CubicBezierCurve3.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector3(); + + var v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3; + + point.set( + CubicBezier( t, v0.x, v1.x, v2.x, v3.x ), + CubicBezier( t, v0.y, v1.y, v2.y, v3.y ), + CubicBezier( t, v0.z, v1.z, v2.z, v3.z ) + ); + + return point; + + }; + + CubicBezierCurve3.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.v0.copy( source.v0 ); + this.v1.copy( source.v1 ); + this.v2.copy( source.v2 ); + this.v3.copy( source.v3 ); + + return this; + + }; + + CubicBezierCurve3.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.v0 = this.v0.toArray(); + data.v1 = this.v1.toArray(); + data.v2 = this.v2.toArray(); + data.v3 = this.v3.toArray(); + + return data; + + }; + + CubicBezierCurve3.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.v0.fromArray( json.v0 ); + this.v1.fromArray( json.v1 ); + this.v2.fromArray( json.v2 ); + this.v3.fromArray( json.v3 ); + + return this; + + }; + + function LineCurve( v1, v2 ) { + + Curve.call( this ); + + this.type = 'LineCurve'; + + this.v1 = v1 || new Vector2(); + this.v2 = v2 || new Vector2(); + + } + + LineCurve.prototype = Object.create( Curve.prototype ); + LineCurve.prototype.constructor = LineCurve; + + LineCurve.prototype.isLineCurve = true; + + LineCurve.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector2(); + + if ( t === 1 ) { + + point.copy( this.v2 ); + + } else { + + point.copy( this.v2 ).sub( this.v1 ); + point.multiplyScalar( t ).add( this.v1 ); + + } + + return point; + + }; + + // Line curve is linear, so we can overwrite default getPointAt + + LineCurve.prototype.getPointAt = function ( u, optionalTarget ) { + + return this.getPoint( u, optionalTarget ); + + }; + + LineCurve.prototype.getTangent = function ( /* t */ ) { + + var tangent = this.v2.clone().sub( this.v1 ); + + return tangent.normalize(); + + }; + + LineCurve.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.v1.copy( source.v1 ); + this.v2.copy( source.v2 ); + + return this; + + }; + + LineCurve.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.v1 = this.v1.toArray(); + data.v2 = this.v2.toArray(); + + return data; + + }; + + LineCurve.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.v1.fromArray( json.v1 ); + this.v2.fromArray( json.v2 ); + + return this; + + }; + + function LineCurve3( v1, v2 ) { + + Curve.call( this ); + + this.type = 'LineCurve3'; + + this.v1 = v1 || new Vector3(); + this.v2 = v2 || new Vector3(); + + } + + LineCurve3.prototype = Object.create( Curve.prototype ); + LineCurve3.prototype.constructor = LineCurve3; + + LineCurve3.prototype.isLineCurve3 = true; + + LineCurve3.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector3(); + + if ( t === 1 ) { + + point.copy( this.v2 ); + + } else { + + point.copy( this.v2 ).sub( this.v1 ); + point.multiplyScalar( t ).add( this.v1 ); + + } + + return point; + + }; + + // Line curve is linear, so we can overwrite default getPointAt + + LineCurve3.prototype.getPointAt = function ( u, optionalTarget ) { + + return this.getPoint( u, optionalTarget ); + + }; + + LineCurve3.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.v1.copy( source.v1 ); + this.v2.copy( source.v2 ); + + return this; + + }; + + LineCurve3.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.v1 = this.v1.toArray(); + data.v2 = this.v2.toArray(); + + return data; + + }; + + LineCurve3.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.v1.fromArray( json.v1 ); + this.v2.fromArray( json.v2 ); + + return this; + + }; + + function QuadraticBezierCurve( v0, v1, v2 ) { + + Curve.call( this ); + + this.type = 'QuadraticBezierCurve'; + + this.v0 = v0 || new Vector2(); + this.v1 = v1 || new Vector2(); + this.v2 = v2 || new Vector2(); + + } + + QuadraticBezierCurve.prototype = Object.create( Curve.prototype ); + QuadraticBezierCurve.prototype.constructor = QuadraticBezierCurve; + + QuadraticBezierCurve.prototype.isQuadraticBezierCurve = true; + + QuadraticBezierCurve.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector2(); + + var v0 = this.v0, v1 = this.v1, v2 = this.v2; + + point.set( + QuadraticBezier( t, v0.x, v1.x, v2.x ), + QuadraticBezier( t, v0.y, v1.y, v2.y ) + ); + + return point; + + }; + + QuadraticBezierCurve.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.v0.copy( source.v0 ); + this.v1.copy( source.v1 ); + this.v2.copy( source.v2 ); + + return this; + + }; + + QuadraticBezierCurve.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.v0 = this.v0.toArray(); + data.v1 = this.v1.toArray(); + data.v2 = this.v2.toArray(); + + return data; + + }; + + QuadraticBezierCurve.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.v0.fromArray( json.v0 ); + this.v1.fromArray( json.v1 ); + this.v2.fromArray( json.v2 ); + + return this; + + }; + + function QuadraticBezierCurve3( v0, v1, v2 ) { + + Curve.call( this ); + + this.type = 'QuadraticBezierCurve3'; + + this.v0 = v0 || new Vector3(); + this.v1 = v1 || new Vector3(); + this.v2 = v2 || new Vector3(); + + } + + QuadraticBezierCurve3.prototype = Object.create( Curve.prototype ); + QuadraticBezierCurve3.prototype.constructor = QuadraticBezierCurve3; + + QuadraticBezierCurve3.prototype.isQuadraticBezierCurve3 = true; + + QuadraticBezierCurve3.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector3(); + + var v0 = this.v0, v1 = this.v1, v2 = this.v2; + + point.set( + QuadraticBezier( t, v0.x, v1.x, v2.x ), + QuadraticBezier( t, v0.y, v1.y, v2.y ), + QuadraticBezier( t, v0.z, v1.z, v2.z ) + ); + + return point; + + }; + + QuadraticBezierCurve3.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.v0.copy( source.v0 ); + this.v1.copy( source.v1 ); + this.v2.copy( source.v2 ); + + return this; + + }; + + QuadraticBezierCurve3.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.v0 = this.v0.toArray(); + data.v1 = this.v1.toArray(); + data.v2 = this.v2.toArray(); + + return data; + + }; + + QuadraticBezierCurve3.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.v0.fromArray( json.v0 ); + this.v1.fromArray( json.v1 ); + this.v2.fromArray( json.v2 ); + + return this; + + }; + + function SplineCurve( points /* array of Vector2 */ ) { + + Curve.call( this ); + + this.type = 'SplineCurve'; + + this.points = points || []; + + } + + SplineCurve.prototype = Object.create( Curve.prototype ); + SplineCurve.prototype.constructor = SplineCurve; + + SplineCurve.prototype.isSplineCurve = true; + + SplineCurve.prototype.getPoint = function ( t, optionalTarget ) { + + var point = optionalTarget || new Vector2(); + + var points = this.points; + var p = ( points.length - 1 ) * t; + + var intPoint = Math.floor( p ); + var weight = p - intPoint; + + var p0 = points[ intPoint === 0 ? intPoint : intPoint - 1 ]; + var p1 = points[ intPoint ]; + var p2 = points[ intPoint > points.length - 2 ? points.length - 1 : intPoint + 1 ]; + var p3 = points[ intPoint > points.length - 3 ? points.length - 1 : intPoint + 2 ]; + + point.set( + CatmullRom( weight, p0.x, p1.x, p2.x, p3.x ), + CatmullRom( weight, p0.y, p1.y, p2.y, p3.y ) + ); + + return point; + + }; + + SplineCurve.prototype.copy = function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.points = []; + + for ( var i = 0, l = source.points.length; i < l; i ++ ) { + + var point = source.points[ i ]; + + this.points.push( point.clone() ); + + } + + return this; + + }; + + SplineCurve.prototype.toJSON = function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.points = []; + + for ( var i = 0, l = this.points.length; i < l; i ++ ) { + + var point = this.points[ i ]; + data.points.push( point.toArray() ); + + } + + return data; + + }; + + SplineCurve.prototype.fromJSON = function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.points = []; + + for ( var i = 0, l = json.points.length; i < l; i ++ ) { + + var point = json.points[ i ]; + this.points.push( new Vector2().fromArray( point ) ); + + } + + return this; + + }; + + + + var Curves = /*#__PURE__*/Object.freeze({ + ArcCurve: ArcCurve, + CatmullRomCurve3: CatmullRomCurve3, + CubicBezierCurve: CubicBezierCurve, + CubicBezierCurve3: CubicBezierCurve3, + EllipseCurve: EllipseCurve, + LineCurve: LineCurve, + LineCurve3: LineCurve3, + QuadraticBezierCurve: QuadraticBezierCurve, + QuadraticBezierCurve3: QuadraticBezierCurve3, + SplineCurve: SplineCurve + }); + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * + **/ + + /************************************************************** + * Curved Path - a curve path is simply a array of connected + * curves, but retains the api of a curve + **************************************************************/ + + function CurvePath() { + + Curve.call( this ); + + this.type = 'CurvePath'; + + this.curves = []; + this.autoClose = false; // Automatically closes the path + + } + + CurvePath.prototype = Object.assign( Object.create( Curve.prototype ), { + + constructor: CurvePath, + + add: function ( curve ) { + + this.curves.push( curve ); + + }, + + closePath: function () { + + // Add a line curve if start and end of lines are not connected + var startPoint = this.curves[ 0 ].getPoint( 0 ); + var endPoint = this.curves[ this.curves.length - 1 ].getPoint( 1 ); + + if ( ! startPoint.equals( endPoint ) ) { + + this.curves.push( new LineCurve( endPoint, startPoint ) ); + + } + + }, + + // To get accurate point with reference to + // entire path distance at time t, + // following has to be done: + + // 1. Length of each sub path have to be known + // 2. Locate and identify type of curve + // 3. Get t for the curve + // 4. Return curve.getPointAt(t') + + getPoint: function ( t ) { + + var d = t * this.getLength(); + var curveLengths = this.getCurveLengths(); + var i = 0; + + // To think about boundaries points. + + while ( i < curveLengths.length ) { + + if ( curveLengths[ i ] >= d ) { + + var diff = curveLengths[ i ] - d; + var curve = this.curves[ i ]; + + var segmentLength = curve.getLength(); + var u = segmentLength === 0 ? 0 : 1 - diff / segmentLength; + + return curve.getPointAt( u ); + + } + + i ++; + + } + + return null; + + // loop where sum != 0, sum > d , sum+1 1 && ! points[ points.length - 1 ].equals( points[ 0 ] ) ) { + + points.push( points[ 0 ] ); + + } + + return points; + + }, + + copy: function ( source ) { + + Curve.prototype.copy.call( this, source ); + + this.curves = []; + + for ( var i = 0, l = source.curves.length; i < l; i ++ ) { + + var curve = source.curves[ i ]; + + this.curves.push( curve.clone() ); + + } + + this.autoClose = source.autoClose; + + return this; + + }, + + toJSON: function () { + + var data = Curve.prototype.toJSON.call( this ); + + data.autoClose = this.autoClose; + data.curves = []; + + for ( var i = 0, l = this.curves.length; i < l; i ++ ) { + + var curve = this.curves[ i ]; + data.curves.push( curve.toJSON() ); + + } + + return data; + + }, + + fromJSON: function ( json ) { + + Curve.prototype.fromJSON.call( this, json ); + + this.autoClose = json.autoClose; + this.curves = []; + + for ( var i = 0, l = json.curves.length; i < l; i ++ ) { + + var curve = json.curves[ i ]; + this.curves.push( new Curves[ curve.type ]().fromJSON( curve ) ); + + } + + return this; + + } + + } ); + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * Creates free form 2d path using series of points, lines or curves. + **/ + + function Path( points ) { + + CurvePath.call( this ); + + this.type = 'Path'; + + this.currentPoint = new Vector2(); + + if ( points ) { + + this.setFromPoints( points ); + + } + + } + + Path.prototype = Object.assign( Object.create( CurvePath.prototype ), { + + constructor: Path, + + setFromPoints: function ( points ) { + + this.moveTo( points[ 0 ].x, points[ 0 ].y ); + + for ( var i = 1, l = points.length; i < l; i ++ ) { + + this.lineTo( points[ i ].x, points[ i ].y ); + + } + + }, + + moveTo: function ( x, y ) { + + this.currentPoint.set( x, y ); // TODO consider referencing vectors instead of copying? + + }, + + lineTo: function ( x, y ) { + + var curve = new LineCurve( this.currentPoint.clone(), new Vector2( x, y ) ); + this.curves.push( curve ); + + this.currentPoint.set( x, y ); + + }, + + quadraticCurveTo: function ( aCPx, aCPy, aX, aY ) { + + var curve = new QuadraticBezierCurve( + this.currentPoint.clone(), + new Vector2( aCPx, aCPy ), + new Vector2( aX, aY ) + ); + + this.curves.push( curve ); + + this.currentPoint.set( aX, aY ); + + }, + + bezierCurveTo: function ( aCP1x, aCP1y, aCP2x, aCP2y, aX, aY ) { + + var curve = new CubicBezierCurve( + this.currentPoint.clone(), + new Vector2( aCP1x, aCP1y ), + new Vector2( aCP2x, aCP2y ), + new Vector2( aX, aY ) + ); + + this.curves.push( curve ); + + this.currentPoint.set( aX, aY ); + + }, + + splineThru: function ( pts /*Array of Vector*/ ) { + + var npts = [ this.currentPoint.clone() ].concat( pts ); + + var curve = new SplineCurve( npts ); + this.curves.push( curve ); + + this.currentPoint.copy( pts[ pts.length - 1 ] ); + + }, + + arc: function ( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise ) { + + var x0 = this.currentPoint.x; + var y0 = this.currentPoint.y; + + this.absarc( aX + x0, aY + y0, aRadius, + aStartAngle, aEndAngle, aClockwise ); + + }, + + absarc: function ( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise ) { + + this.absellipse( aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise ); + + }, + + ellipse: function ( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation ) { + + var x0 = this.currentPoint.x; + var y0 = this.currentPoint.y; + + this.absellipse( aX + x0, aY + y0, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation ); + + }, + + absellipse: function ( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation ) { + + var curve = new EllipseCurve( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation ); + + if ( this.curves.length > 0 ) { + + // if a previous curve is present, attempt to join + var firstPoint = curve.getPoint( 0 ); + + if ( ! firstPoint.equals( this.currentPoint ) ) { + + this.lineTo( firstPoint.x, firstPoint.y ); + + } + + } + + this.curves.push( curve ); + + var lastPoint = curve.getPoint( 1 ); + this.currentPoint.copy( lastPoint ); + + }, + + copy: function ( source ) { + + CurvePath.prototype.copy.call( this, source ); + + this.currentPoint.copy( source.currentPoint ); + + return this; + + }, + + toJSON: function () { + + var data = CurvePath.prototype.toJSON.call( this ); + + data.currentPoint = this.currentPoint.toArray(); + + return data; + + }, + + fromJSON: function ( json ) { + + CurvePath.prototype.fromJSON.call( this, json ); + + this.currentPoint.fromArray( json.currentPoint ); + + return this; + + } + + } ); + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * Defines a 2d shape plane using paths. + **/ + + // STEP 1 Create a path. + // STEP 2 Turn path into shape. + // STEP 3 ExtrudeGeometry takes in Shape/Shapes + // STEP 3a - Extract points from each shape, turn to vertices + // STEP 3b - Triangulate each shape, add faces. + + function Shape( points ) { + + Path.call( this, points ); + + this.uuid = _Math.generateUUID(); + + this.type = 'Shape'; + + this.holes = []; + + } + + Shape.prototype = Object.assign( Object.create( Path.prototype ), { + + constructor: Shape, + + getPointsHoles: function ( divisions ) { + + var holesPts = []; + + for ( var i = 0, l = this.holes.length; i < l; i ++ ) { + + holesPts[ i ] = this.holes[ i ].getPoints( divisions ); + + } + + return holesPts; + + }, + + // get points of shape and holes (keypoints based on segments parameter) + + extractPoints: function ( divisions ) { + + return { + + shape: this.getPoints( divisions ), + holes: this.getPointsHoles( divisions ) + + }; + + }, + + copy: function ( source ) { + + Path.prototype.copy.call( this, source ); + + this.holes = []; + + for ( var i = 0, l = source.holes.length; i < l; i ++ ) { + + var hole = source.holes[ i ]; + + this.holes.push( hole.clone() ); + + } + + return this; + + }, + + toJSON: function () { + + var data = Path.prototype.toJSON.call( this ); + + data.uuid = this.uuid; + data.holes = []; + + for ( var i = 0, l = this.holes.length; i < l; i ++ ) { + + var hole = this.holes[ i ]; + data.holes.push( hole.toJSON() ); + + } + + return data; + + }, + + fromJSON: function ( json ) { + + Path.prototype.fromJSON.call( this, json ); + + this.uuid = json.uuid; + this.holes = []; + + for ( var i = 0, l = json.holes.length; i < l; i ++ ) { + + var hole = json.holes[ i ]; + this.holes.push( new Path().fromJSON( hole ) ); + + } + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + */ + + function Light( color, intensity ) { + + Object3D.call( this ); + + this.type = 'Light'; + + this.color = new Color( color ); + this.intensity = intensity !== undefined ? intensity : 1; + + this.receiveShadow = undefined; + + } + + Light.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Light, + + isLight: true, + + copy: function ( source ) { + + Object3D.prototype.copy.call( this, source ); + + this.color.copy( source.color ); + this.intensity = source.intensity; + + return this; + + }, + + toJSON: function ( meta ) { + + var data = Object3D.prototype.toJSON.call( this, meta ); + + data.object.color = this.color.getHex(); + data.object.intensity = this.intensity; + + if ( this.groundColor !== undefined ) data.object.groundColor = this.groundColor.getHex(); + + if ( this.distance !== undefined ) data.object.distance = this.distance; + if ( this.angle !== undefined ) data.object.angle = this.angle; + if ( this.decay !== undefined ) data.object.decay = this.decay; + if ( this.penumbra !== undefined ) data.object.penumbra = this.penumbra; + + if ( this.shadow !== undefined ) data.object.shadow = this.shadow.toJSON(); + + return data; + + } + + } ); + + /** + * @author alteredq / http://alteredqualia.com/ + */ + + function HemisphereLight( skyColor, groundColor, intensity ) { + + Light.call( this, skyColor, intensity ); + + this.type = 'HemisphereLight'; + + this.castShadow = undefined; + + this.position.copy( Object3D.DefaultUp ); + this.updateMatrix(); + + this.groundColor = new Color( groundColor ); + + } + + HemisphereLight.prototype = Object.assign( Object.create( Light.prototype ), { + + constructor: HemisphereLight, + + isHemisphereLight: true, + + copy: function ( source ) { + + Light.prototype.copy.call( this, source ); + + this.groundColor.copy( source.groundColor ); + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function LightShadow( camera ) { + + this.camera = camera; + + this.bias = 0; + this.radius = 1; + + this.mapSize = new Vector2( 512, 512 ); + + this.map = null; + this.matrix = new Matrix4(); + + } + + Object.assign( LightShadow.prototype, { + + copy: function ( source ) { + + this.camera = source.camera.clone(); + + this.bias = source.bias; + this.radius = source.radius; + + this.mapSize.copy( source.mapSize ); + + return this; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + toJSON: function () { + + var object = {}; + + if ( this.bias !== 0 ) object.bias = this.bias; + if ( this.radius !== 1 ) object.radius = this.radius; + if ( this.mapSize.x !== 512 || this.mapSize.y !== 512 ) object.mapSize = this.mapSize.toArray(); + + object.camera = this.camera.toJSON( false ).object; + delete object.camera.matrix; + + return object; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function SpotLightShadow() { + + LightShadow.call( this, new PerspectiveCamera( 50, 1, 0.5, 500 ) ); + + } + + SpotLightShadow.prototype = Object.assign( Object.create( LightShadow.prototype ), { + + constructor: SpotLightShadow, + + isSpotLightShadow: true, + + update: function ( light ) { + + var camera = this.camera; + + var fov = _Math.RAD2DEG * 2 * light.angle; + var aspect = this.mapSize.width / this.mapSize.height; + var far = light.distance || camera.far; + + if ( fov !== camera.fov || aspect !== camera.aspect || far !== camera.far ) { + + camera.fov = fov; + camera.aspect = aspect; + camera.far = far; + camera.updateProjectionMatrix(); + + } + + } + + } ); + + /** + * @author alteredq / http://alteredqualia.com/ + */ + + function SpotLight( color, intensity, distance, angle, penumbra, decay ) { + + Light.call( this, color, intensity ); + + this.type = 'SpotLight'; + + this.position.copy( Object3D.DefaultUp ); + this.updateMatrix(); + + this.target = new Object3D(); + + Object.defineProperty( this, 'power', { + get: function () { + + // intensity = power per solid angle. + // ref: equation (17) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf + return this.intensity * Math.PI; + + }, + set: function ( power ) { + + // intensity = power per solid angle. + // ref: equation (17) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf + this.intensity = power / Math.PI; + + } + } ); + + this.distance = ( distance !== undefined ) ? distance : 0; + this.angle = ( angle !== undefined ) ? angle : Math.PI / 3; + this.penumbra = ( penumbra !== undefined ) ? penumbra : 0; + this.decay = ( decay !== undefined ) ? decay : 1; // for physically correct lights, should be 2. + + this.shadow = new SpotLightShadow(); + + } + + SpotLight.prototype = Object.assign( Object.create( Light.prototype ), { + + constructor: SpotLight, + + isSpotLight: true, + + copy: function ( source ) { + + Light.prototype.copy.call( this, source ); + + this.distance = source.distance; + this.angle = source.angle; + this.penumbra = source.penumbra; + this.decay = source.decay; + + this.target = source.target.clone(); + + this.shadow = source.shadow.clone(); + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + + function PointLight( color, intensity, distance, decay ) { + + Light.call( this, color, intensity ); + + this.type = 'PointLight'; + + Object.defineProperty( this, 'power', { + get: function () { + + // intensity = power per solid angle. + // ref: equation (15) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf + return this.intensity * 4 * Math.PI; + + }, + set: function ( power ) { + + // intensity = power per solid angle. + // ref: equation (15) from https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf + this.intensity = power / ( 4 * Math.PI ); + + } + } ); + + this.distance = ( distance !== undefined ) ? distance : 0; + this.decay = ( decay !== undefined ) ? decay : 1; // for physically correct lights, should be 2. + + this.shadow = new LightShadow( new PerspectiveCamera( 90, 1, 0.5, 500 ) ); + + } + + PointLight.prototype = Object.assign( Object.create( Light.prototype ), { + + constructor: PointLight, + + isPointLight: true, + + copy: function ( source ) { + + Light.prototype.copy.call( this, source ); + + this.distance = source.distance; + this.decay = source.decay; + + this.shadow = source.shadow.clone(); + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function DirectionalLightShadow( ) { + + LightShadow.call( this, new OrthographicCamera( - 5, 5, 5, - 5, 0.5, 500 ) ); + + } + + DirectionalLightShadow.prototype = Object.assign( Object.create( LightShadow.prototype ), { + + constructor: DirectionalLightShadow + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + */ + + function DirectionalLight( color, intensity ) { + + Light.call( this, color, intensity ); + + this.type = 'DirectionalLight'; + + this.position.copy( Object3D.DefaultUp ); + this.updateMatrix(); + + this.target = new Object3D(); + + this.shadow = new DirectionalLightShadow(); + + } + + DirectionalLight.prototype = Object.assign( Object.create( Light.prototype ), { + + constructor: DirectionalLight, + + isDirectionalLight: true, + + copy: function ( source ) { + + Light.prototype.copy.call( this, source ); + + this.target = source.target.clone(); + + this.shadow = source.shadow.clone(); + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function AmbientLight( color, intensity ) { + + Light.call( this, color, intensity ); + + this.type = 'AmbientLight'; + + this.castShadow = undefined; + + } + + AmbientLight.prototype = Object.assign( Object.create( Light.prototype ), { + + constructor: AmbientLight, + + isAmbientLight: true + + } ); + + /** + * @author abelnation / http://github.com/abelnation + */ + + function RectAreaLight( color, intensity, width, height ) { + + Light.call( this, color, intensity ); + + this.type = 'RectAreaLight'; + + this.width = ( width !== undefined ) ? width : 10; + this.height = ( height !== undefined ) ? height : 10; + + } + + RectAreaLight.prototype = Object.assign( Object.create( Light.prototype ), { + + constructor: RectAreaLight, + + isRectAreaLight: true, + + copy: function ( source ) { + + Light.prototype.copy.call( this, source ); + + this.width = source.width; + this.height = source.height; + + return this; + + }, + + toJSON: function ( meta ) { + + var data = Light.prototype.toJSON.call( this, meta ); + + data.object.width = this.width; + data.object.height = this.height; + + return data; + + } + + } ); + + /** + * + * A Track that interpolates Strings + * + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function StringKeyframeTrack( name, times, values, interpolation ) { + + KeyframeTrack.call( this, name, times, values, interpolation ); + + } + + StringKeyframeTrack.prototype = Object.assign( Object.create( KeyframeTrack.prototype ), { + + constructor: StringKeyframeTrack, + + ValueTypeName: 'string', + ValueBufferType: Array, + + DefaultInterpolation: InterpolateDiscrete, + + InterpolantFactoryMethodLinear: undefined, + + InterpolantFactoryMethodSmooth: undefined + + } ); + + /** + * + * A Track of Boolean keyframe values. + * + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function BooleanKeyframeTrack( name, times, values ) { + + KeyframeTrack.call( this, name, times, values ); + + } + + BooleanKeyframeTrack.prototype = Object.assign( Object.create( KeyframeTrack.prototype ), { + + constructor: BooleanKeyframeTrack, + + ValueTypeName: 'bool', + ValueBufferType: Array, + + DefaultInterpolation: InterpolateDiscrete, + + InterpolantFactoryMethodLinear: undefined, + InterpolantFactoryMethodSmooth: undefined + + // Note: Actually this track could have a optimized / compressed + // representation of a single value and a custom interpolant that + // computes "firstValue ^ isOdd( index )". + + } ); + + /** + * Abstract base class of interpolants over parametric samples. + * + * The parameter domain is one dimensional, typically the time or a path + * along a curve defined by the data. + * + * The sample values can have any dimensionality and derived classes may + * apply special interpretations to the data. + * + * This class provides the interval seek in a Template Method, deferring + * the actual interpolation to derived classes. + * + * Time complexity is O(1) for linear access crossing at most two points + * and O(log N) for random access, where N is the number of positions. + * + * References: + * + * http://www.oodesign.com/template-method-pattern.html + * + * @author tschw + */ + + function Interpolant( parameterPositions, sampleValues, sampleSize, resultBuffer ) { + + this.parameterPositions = parameterPositions; + this._cachedIndex = 0; + + this.resultBuffer = resultBuffer !== undefined ? + resultBuffer : new sampleValues.constructor( sampleSize ); + this.sampleValues = sampleValues; + this.valueSize = sampleSize; + + } + + Object.assign( Interpolant.prototype, { + + evaluate: function ( t ) { + + var pp = this.parameterPositions, + i1 = this._cachedIndex, + + t1 = pp[ i1 ], + t0 = pp[ i1 - 1 ]; + + validate_interval: { + + seek: { + + var right; + + linear_scan: { + + //- See http://jsperf.com/comparison-to-undefined/3 + //- slower code: + //- + //- if ( t >= t1 || t1 === undefined ) { + forward_scan: if ( ! ( t < t1 ) ) { + + for ( var giveUpAt = i1 + 2; ; ) { + + if ( t1 === undefined ) { + + if ( t < t0 ) break forward_scan; + + // after end + + i1 = pp.length; + this._cachedIndex = i1; + return this.afterEnd_( i1 - 1, t, t0 ); + + } + + if ( i1 === giveUpAt ) break; // this loop + + t0 = t1; + t1 = pp[ ++ i1 ]; + + if ( t < t1 ) { + + // we have arrived at the sought interval + break seek; + + } + + } + + // prepare binary search on the right side of the index + right = pp.length; + break linear_scan; + + } + + //- slower code: + //- if ( t < t0 || t0 === undefined ) { + if ( ! ( t >= t0 ) ) { + + // looping? + + var t1global = pp[ 1 ]; + + if ( t < t1global ) { + + i1 = 2; // + 1, using the scan for the details + t0 = t1global; + + } + + // linear reverse scan + + for ( var giveUpAt = i1 - 2; ; ) { + + if ( t0 === undefined ) { + + // before start + + this._cachedIndex = 0; + return this.beforeStart_( 0, t, t1 ); + + } + + if ( i1 === giveUpAt ) break; // this loop + + t1 = t0; + t0 = pp[ -- i1 - 1 ]; + + if ( t >= t0 ) { + + // we have arrived at the sought interval + break seek; + + } + + } + + // prepare binary search on the left side of the index + right = i1; + i1 = 0; + break linear_scan; + + } + + // the interval is valid + + break validate_interval; + + } // linear scan + + // binary search + + while ( i1 < right ) { + + var mid = ( i1 + right ) >>> 1; + + if ( t < pp[ mid ] ) { + + right = mid; + + } else { + + i1 = mid + 1; + + } + + } + + t1 = pp[ i1 ]; + t0 = pp[ i1 - 1 ]; + + // check boundary cases, again + + if ( t0 === undefined ) { + + this._cachedIndex = 0; + return this.beforeStart_( 0, t, t1 ); + + } + + if ( t1 === undefined ) { + + i1 = pp.length; + this._cachedIndex = i1; + return this.afterEnd_( i1 - 1, t0, t ); + + } + + } // seek + + this._cachedIndex = i1; + + this.intervalChanged_( i1, t0, t1 ); + + } // validate_interval + + return this.interpolate_( i1, t0, t, t1 ); + + }, + + settings: null, // optional, subclass-specific settings structure + // Note: The indirection allows central control of many interpolants. + + // --- Protected interface + + DefaultSettings_: {}, + + getSettings_: function () { + + return this.settings || this.DefaultSettings_; + + }, + + copySampleValue_: function ( index ) { + + // copies a sample value to the result buffer + + var result = this.resultBuffer, + values = this.sampleValues, + stride = this.valueSize, + offset = index * stride; + + for ( var i = 0; i !== stride; ++ i ) { + + result[ i ] = values[ offset + i ]; + + } + + return result; + + }, + + // Template methods for derived classes: + + interpolate_: function ( /* i1, t0, t, t1 */ ) { + + throw new Error( 'call to abstract method' ); + // implementations shall return this.resultBuffer + + }, + + intervalChanged_: function ( /* i1, t0, t1 */ ) { + + // empty + + } + + } ); + + //!\ DECLARE ALIAS AFTER assign prototype ! + Object.assign( Interpolant.prototype, { + + //( 0, t, t0 ), returns this.resultBuffer + beforeStart_: Interpolant.prototype.copySampleValue_, + + //( N-1, tN-1, t ), returns this.resultBuffer + afterEnd_: Interpolant.prototype.copySampleValue_, + + } ); + + /** + * Spherical linear unit quaternion interpolant. + * + * @author tschw + */ + + function QuaternionLinearInterpolant( parameterPositions, sampleValues, sampleSize, resultBuffer ) { + + Interpolant.call( this, parameterPositions, sampleValues, sampleSize, resultBuffer ); + + } + + QuaternionLinearInterpolant.prototype = Object.assign( Object.create( Interpolant.prototype ), { + + constructor: QuaternionLinearInterpolant, + + interpolate_: function ( i1, t0, t, t1 ) { + + var result = this.resultBuffer, + values = this.sampleValues, + stride = this.valueSize, + + offset = i1 * stride, + + alpha = ( t - t0 ) / ( t1 - t0 ); + + for ( var end = offset + stride; offset !== end; offset += 4 ) { + + Quaternion.slerpFlat( result, 0, values, offset - stride, values, offset, alpha ); + + } + + return result; + + } + + } ); + + /** + * + * A Track of quaternion keyframe values. + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function QuaternionKeyframeTrack( name, times, values, interpolation ) { + + KeyframeTrack.call( this, name, times, values, interpolation ); + + } + + QuaternionKeyframeTrack.prototype = Object.assign( Object.create( KeyframeTrack.prototype ), { + + constructor: QuaternionKeyframeTrack, + + ValueTypeName: 'quaternion', + + // ValueBufferType is inherited + + DefaultInterpolation: InterpolateLinear, + + InterpolantFactoryMethodLinear: function ( result ) { + + return new QuaternionLinearInterpolant( this.times, this.values, this.getValueSize(), result ); + + }, + + InterpolantFactoryMethodSmooth: undefined // not yet implemented + + } ); + + /** + * + * A Track of keyframe values that represent color. + * + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function ColorKeyframeTrack( name, times, values, interpolation ) { + + KeyframeTrack.call( this, name, times, values, interpolation ); + + } + + ColorKeyframeTrack.prototype = Object.assign( Object.create( KeyframeTrack.prototype ), { + + constructor: ColorKeyframeTrack, + + ValueTypeName: 'color' + + // ValueBufferType is inherited + + // DefaultInterpolation is inherited + + // Note: Very basic implementation and nothing special yet. + // However, this is the place for color space parameterization. + + } ); + + /** + * + * A Track of numeric keyframe values. + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function NumberKeyframeTrack( name, times, values, interpolation ) { + + KeyframeTrack.call( this, name, times, values, interpolation ); + + } + + NumberKeyframeTrack.prototype = Object.assign( Object.create( KeyframeTrack.prototype ), { + + constructor: NumberKeyframeTrack, + + ValueTypeName: 'number' + + // ValueBufferType is inherited + + // DefaultInterpolation is inherited + + } ); + + /** + * Fast and simple cubic spline interpolant. + * + * It was derived from a Hermitian construction setting the first derivative + * at each sample position to the linear slope between neighboring positions + * over their parameter interval. + * + * @author tschw + */ + + function CubicInterpolant( parameterPositions, sampleValues, sampleSize, resultBuffer ) { + + Interpolant.call( this, parameterPositions, sampleValues, sampleSize, resultBuffer ); + + this._weightPrev = - 0; + this._offsetPrev = - 0; + this._weightNext = - 0; + this._offsetNext = - 0; + + } + + CubicInterpolant.prototype = Object.assign( Object.create( Interpolant.prototype ), { + + constructor: CubicInterpolant, + + DefaultSettings_: { + + endingStart: ZeroCurvatureEnding, + endingEnd: ZeroCurvatureEnding + + }, + + intervalChanged_: function ( i1, t0, t1 ) { + + var pp = this.parameterPositions, + iPrev = i1 - 2, + iNext = i1 + 1, + + tPrev = pp[ iPrev ], + tNext = pp[ iNext ]; + + if ( tPrev === undefined ) { + + switch ( this.getSettings_().endingStart ) { + + case ZeroSlopeEnding: + + // f'(t0) = 0 + iPrev = i1; + tPrev = 2 * t0 - t1; + + break; + + case WrapAroundEnding: + + // use the other end of the curve + iPrev = pp.length - 2; + tPrev = t0 + pp[ iPrev ] - pp[ iPrev + 1 ]; + + break; + + default: // ZeroCurvatureEnding + + // f''(t0) = 0 a.k.a. Natural Spline + iPrev = i1; + tPrev = t1; + + } + + } + + if ( tNext === undefined ) { + + switch ( this.getSettings_().endingEnd ) { + + case ZeroSlopeEnding: + + // f'(tN) = 0 + iNext = i1; + tNext = 2 * t1 - t0; + + break; + + case WrapAroundEnding: + + // use the other end of the curve + iNext = 1; + tNext = t1 + pp[ 1 ] - pp[ 0 ]; + + break; + + default: // ZeroCurvatureEnding + + // f''(tN) = 0, a.k.a. Natural Spline + iNext = i1 - 1; + tNext = t0; + + } + + } + + var halfDt = ( t1 - t0 ) * 0.5, + stride = this.valueSize; + + this._weightPrev = halfDt / ( t0 - tPrev ); + this._weightNext = halfDt / ( tNext - t1 ); + this._offsetPrev = iPrev * stride; + this._offsetNext = iNext * stride; + + }, + + interpolate_: function ( i1, t0, t, t1 ) { + + var result = this.resultBuffer, + values = this.sampleValues, + stride = this.valueSize, + + o1 = i1 * stride, o0 = o1 - stride, + oP = this._offsetPrev, oN = this._offsetNext, + wP = this._weightPrev, wN = this._weightNext, + + p = ( t - t0 ) / ( t1 - t0 ), + pp = p * p, + ppp = pp * p; + + // evaluate polynomials + + var sP = - wP * ppp + 2 * wP * pp - wP * p; + var s0 = ( 1 + wP ) * ppp + ( - 1.5 - 2 * wP ) * pp + ( - 0.5 + wP ) * p + 1; + var s1 = ( - 1 - wN ) * ppp + ( 1.5 + wN ) * pp + 0.5 * p; + var sN = wN * ppp - wN * pp; + + // combine data linearly + + for ( var i = 0; i !== stride; ++ i ) { + + result[ i ] = + sP * values[ oP + i ] + + s0 * values[ o0 + i ] + + s1 * values[ o1 + i ] + + sN * values[ oN + i ]; + + } + + return result; + + } + + } ); + + /** + * @author tschw + */ + + function LinearInterpolant( parameterPositions, sampleValues, sampleSize, resultBuffer ) { + + Interpolant.call( this, parameterPositions, sampleValues, sampleSize, resultBuffer ); + + } + + LinearInterpolant.prototype = Object.assign( Object.create( Interpolant.prototype ), { + + constructor: LinearInterpolant, + + interpolate_: function ( i1, t0, t, t1 ) { + + var result = this.resultBuffer, + values = this.sampleValues, + stride = this.valueSize, + + offset1 = i1 * stride, + offset0 = offset1 - stride, + + weight1 = ( t - t0 ) / ( t1 - t0 ), + weight0 = 1 - weight1; + + for ( var i = 0; i !== stride; ++ i ) { + + result[ i ] = + values[ offset0 + i ] * weight0 + + values[ offset1 + i ] * weight1; + + } + + return result; + + } + + } ); + + /** + * + * Interpolant that evaluates to the sample value at the position preceeding + * the parameter. + * + * @author tschw + */ + + function DiscreteInterpolant( parameterPositions, sampleValues, sampleSize, resultBuffer ) { + + Interpolant.call( this, parameterPositions, sampleValues, sampleSize, resultBuffer ); + + } + + DiscreteInterpolant.prototype = Object.assign( Object.create( Interpolant.prototype ), { + + constructor: DiscreteInterpolant, + + interpolate_: function ( i1 /*, t0, t, t1 */ ) { + + return this.copySampleValue_( i1 - 1 ); + + } + + } ); + + /** + * @author tschw + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + */ + + var AnimationUtils = { + + // same as Array.prototype.slice, but also works on typed arrays + arraySlice: function ( array, from, to ) { + + if ( AnimationUtils.isTypedArray( array ) ) { + + // in ios9 array.subarray(from, undefined) will return empty array + // but array.subarray(from) or array.subarray(from, len) is correct + return new array.constructor( array.subarray( from, to !== undefined ? to : array.length ) ); + + } + + return array.slice( from, to ); + + }, + + // converts an array to a specific type + convertArray: function ( array, type, forceClone ) { + + if ( ! array || // let 'undefined' and 'null' pass + ! forceClone && array.constructor === type ) return array; + + if ( typeof type.BYTES_PER_ELEMENT === 'number' ) { + + return new type( array ); // create typed array + + } + + return Array.prototype.slice.call( array ); // create Array + + }, + + isTypedArray: function ( object ) { + + return ArrayBuffer.isView( object ) && + ! ( object instanceof DataView ); + + }, + + // returns an array by which times and values can be sorted + getKeyframeOrder: function ( times ) { + + function compareTime( i, j ) { + + return times[ i ] - times[ j ]; + + } + + var n = times.length; + var result = new Array( n ); + for ( var i = 0; i !== n; ++ i ) result[ i ] = i; + + result.sort( compareTime ); + + return result; + + }, + + // uses the array previously returned by 'getKeyframeOrder' to sort data + sortedArray: function ( values, stride, order ) { + + var nValues = values.length; + var result = new values.constructor( nValues ); + + for ( var i = 0, dstOffset = 0; dstOffset !== nValues; ++ i ) { + + var srcOffset = order[ i ] * stride; + + for ( var j = 0; j !== stride; ++ j ) { + + result[ dstOffset ++ ] = values[ srcOffset + j ]; + + } + + } + + return result; + + }, + + // function for parsing AOS keyframe formats + flattenJSON: function ( jsonKeys, times, values, valuePropertyName ) { + + var i = 1, key = jsonKeys[ 0 ]; + + while ( key !== undefined && key[ valuePropertyName ] === undefined ) { + + key = jsonKeys[ i ++ ]; + + } + + if ( key === undefined ) return; // no data + + var value = key[ valuePropertyName ]; + if ( value === undefined ) return; // no data + + if ( Array.isArray( value ) ) { + + do { + + value = key[ valuePropertyName ]; + + if ( value !== undefined ) { + + times.push( key.time ); + values.push.apply( values, value ); // push all elements + + } + + key = jsonKeys[ i ++ ]; + + } while ( key !== undefined ); + + } else if ( value.toArray !== undefined ) { + + // ...assume THREE.Math-ish + + do { + + value = key[ valuePropertyName ]; + + if ( value !== undefined ) { + + times.push( key.time ); + value.toArray( values, values.length ); + + } + + key = jsonKeys[ i ++ ]; + + } while ( key !== undefined ); + + } else { + + // otherwise push as-is + + do { + + value = key[ valuePropertyName ]; + + if ( value !== undefined ) { + + times.push( key.time ); + values.push( value ); + + } + + key = jsonKeys[ i ++ ]; + + } while ( key !== undefined ); + + } + + } + + }; + + /** + * + * A timed sequence of keyframes for a specific property. + * + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function KeyframeTrack( name, times, values, interpolation ) { + + if ( name === undefined ) throw new Error( 'THREE.KeyframeTrack: track name is undefined' ); + if ( times === undefined || times.length === 0 ) throw new Error( 'THREE.KeyframeTrack: no keyframes in track named ' + name ); + + this.name = name; + + this.times = AnimationUtils.convertArray( times, this.TimeBufferType ); + this.values = AnimationUtils.convertArray( values, this.ValueBufferType ); + + this.setInterpolation( interpolation || this.DefaultInterpolation ); + + this.validate(); + this.optimize(); + + } + + // Static methods: + + Object.assign( KeyframeTrack, { + + // Serialization (in static context, because of constructor invocation + // and automatic invocation of .toJSON): + + parse: function ( json ) { + + if ( json.type === undefined ) { + + throw new Error( 'THREE.KeyframeTrack: track type undefined, can not parse' ); + + } + + var trackType = KeyframeTrack._getTrackTypeForValueTypeName( json.type ); + + if ( json.times === undefined ) { + + var times = [], values = []; + + AnimationUtils.flattenJSON( json.keys, times, values, 'value' ); + + json.times = times; + json.values = values; + + } + + // derived classes can define a static parse method + if ( trackType.parse !== undefined ) { + + return trackType.parse( json ); + + } else { + + // by default, we assume a constructor compatible with the base + return new trackType( json.name, json.times, json.values, json.interpolation ); + + } + + }, + + toJSON: function ( track ) { + + var trackType = track.constructor; + + var json; + + // derived classes can define a static toJSON method + if ( trackType.toJSON !== undefined ) { + + json = trackType.toJSON( track ); + + } else { + + // by default, we assume the data can be serialized as-is + json = { + + 'name': track.name, + 'times': AnimationUtils.convertArray( track.times, Array ), + 'values': AnimationUtils.convertArray( track.values, Array ) + + }; + + var interpolation = track.getInterpolation(); + + if ( interpolation !== track.DefaultInterpolation ) { + + json.interpolation = interpolation; + + } + + } + + json.type = track.ValueTypeName; // mandatory + + return json; + + }, + + _getTrackTypeForValueTypeName: function ( typeName ) { + + switch ( typeName.toLowerCase() ) { + + case 'scalar': + case 'double': + case 'float': + case 'number': + case 'integer': + + return NumberKeyframeTrack; + + case 'vector': + case 'vector2': + case 'vector3': + case 'vector4': + + return VectorKeyframeTrack; + + case 'color': + + return ColorKeyframeTrack; + + case 'quaternion': + + return QuaternionKeyframeTrack; + + case 'bool': + case 'boolean': + + return BooleanKeyframeTrack; + + case 'string': + + return StringKeyframeTrack; + + } + + throw new Error( 'THREE.KeyframeTrack: Unsupported typeName: ' + typeName ); + + } + + } ); + + Object.assign( KeyframeTrack.prototype, { + + constructor: KeyframeTrack, + + TimeBufferType: Float32Array, + + ValueBufferType: Float32Array, + + DefaultInterpolation: InterpolateLinear, + + InterpolantFactoryMethodDiscrete: function ( result ) { + + return new DiscreteInterpolant( this.times, this.values, this.getValueSize(), result ); + + }, + + InterpolantFactoryMethodLinear: function ( result ) { + + return new LinearInterpolant( this.times, this.values, this.getValueSize(), result ); + + }, + + InterpolantFactoryMethodSmooth: function ( result ) { + + return new CubicInterpolant( this.times, this.values, this.getValueSize(), result ); + + }, + + setInterpolation: function ( interpolation ) { + + var factoryMethod; + + switch ( interpolation ) { + + case InterpolateDiscrete: + + factoryMethod = this.InterpolantFactoryMethodDiscrete; + + break; + + case InterpolateLinear: + + factoryMethod = this.InterpolantFactoryMethodLinear; + + break; + + case InterpolateSmooth: + + factoryMethod = this.InterpolantFactoryMethodSmooth; + + break; + + } + + if ( factoryMethod === undefined ) { + + var message = "unsupported interpolation for " + + this.ValueTypeName + " keyframe track named " + this.name; + + if ( this.createInterpolant === undefined ) { + + // fall back to default, unless the default itself is messed up + if ( interpolation !== this.DefaultInterpolation ) { + + this.setInterpolation( this.DefaultInterpolation ); + + } else { + + throw new Error( message ); // fatal, in this case + + } + + } + + console.warn( 'THREE.KeyframeTrack:', message ); + return; + + } + + this.createInterpolant = factoryMethod; + + }, + + getInterpolation: function () { + + switch ( this.createInterpolant ) { + + case this.InterpolantFactoryMethodDiscrete: + + return InterpolateDiscrete; + + case this.InterpolantFactoryMethodLinear: + + return InterpolateLinear; + + case this.InterpolantFactoryMethodSmooth: + + return InterpolateSmooth; + + } + + }, + + getValueSize: function () { + + return this.values.length / this.times.length; + + }, + + // move all keyframes either forwards or backwards in time + shift: function ( timeOffset ) { + + if ( timeOffset !== 0.0 ) { + + var times = this.times; + + for ( var i = 0, n = times.length; i !== n; ++ i ) { + + times[ i ] += timeOffset; + + } + + } + + return this; + + }, + + // scale all keyframe times by a factor (useful for frame <-> seconds conversions) + scale: function ( timeScale ) { + + if ( timeScale !== 1.0 ) { + + var times = this.times; + + for ( var i = 0, n = times.length; i !== n; ++ i ) { + + times[ i ] *= timeScale; + + } + + } + + return this; + + }, + + // removes keyframes before and after animation without changing any values within the range [startTime, endTime]. + // IMPORTANT: We do not shift around keys to the start of the track time, because for interpolated keys this will change their values + trim: function ( startTime, endTime ) { + + var times = this.times, + nKeys = times.length, + from = 0, + to = nKeys - 1; + + while ( from !== nKeys && times[ from ] < startTime ) { + + ++ from; + + } + + while ( to !== - 1 && times[ to ] > endTime ) { + + -- to; + + } + + ++ to; // inclusive -> exclusive bound + + if ( from !== 0 || to !== nKeys ) { + + // empty tracks are forbidden, so keep at least one keyframe + if ( from >= to ) to = Math.max( to, 1 ), from = to - 1; + + var stride = this.getValueSize(); + this.times = AnimationUtils.arraySlice( times, from, to ); + this.values = AnimationUtils.arraySlice( this.values, from * stride, to * stride ); + + } + + return this; + + }, + + // ensure we do not get a GarbageInGarbageOut situation, make sure tracks are at least minimally viable + validate: function () { + + var valid = true; + + var valueSize = this.getValueSize(); + if ( valueSize - Math.floor( valueSize ) !== 0 ) { + + console.error( 'THREE.KeyframeTrack: Invalid value size in track.', this ); + valid = false; + + } + + var times = this.times, + values = this.values, + + nKeys = times.length; + + if ( nKeys === 0 ) { + + console.error( 'THREE.KeyframeTrack: Track is empty.', this ); + valid = false; + + } + + var prevTime = null; + + for ( var i = 0; i !== nKeys; i ++ ) { + + var currTime = times[ i ]; + + if ( typeof currTime === 'number' && isNaN( currTime ) ) { + + console.error( 'THREE.KeyframeTrack: Time is not a valid number.', this, i, currTime ); + valid = false; + break; + + } + + if ( prevTime !== null && prevTime > currTime ) { + + console.error( 'THREE.KeyframeTrack: Out of order keys.', this, i, currTime, prevTime ); + valid = false; + break; + + } + + prevTime = currTime; + + } + + if ( values !== undefined ) { + + if ( AnimationUtils.isTypedArray( values ) ) { + + for ( var i = 0, n = values.length; i !== n; ++ i ) { + + var value = values[ i ]; + + if ( isNaN( value ) ) { + + console.error( 'THREE.KeyframeTrack: Value is not a valid number.', this, i, value ); + valid = false; + break; + + } + + } + + } + + } + + return valid; + + }, + + // removes equivalent sequential keys as common in morph target sequences + // (0,0,0,0,1,1,1,0,0,0,0,0,0,0) --> (0,0,1,1,0,0) + optimize: function () { + + var times = this.times, + values = this.values, + stride = this.getValueSize(), + + smoothInterpolation = this.getInterpolation() === InterpolateSmooth, + + writeIndex = 1, + lastIndex = times.length - 1; + + for ( var i = 1; i < lastIndex; ++ i ) { + + var keep = false; + + var time = times[ i ]; + var timeNext = times[ i + 1 ]; + + // remove adjacent keyframes scheduled at the same time + + if ( time !== timeNext && ( i !== 1 || time !== time[ 0 ] ) ) { + + if ( ! smoothInterpolation ) { + + // remove unnecessary keyframes same as their neighbors + + var offset = i * stride, + offsetP = offset - stride, + offsetN = offset + stride; + + for ( var j = 0; j !== stride; ++ j ) { + + var value = values[ offset + j ]; + + if ( value !== values[ offsetP + j ] || + value !== values[ offsetN + j ] ) { + + keep = true; + break; + + } + + } + + } else { + + keep = true; + + } + + } + + // in-place compaction + + if ( keep ) { + + if ( i !== writeIndex ) { + + times[ writeIndex ] = times[ i ]; + + var readOffset = i * stride, + writeOffset = writeIndex * stride; + + for ( var j = 0; j !== stride; ++ j ) { + + values[ writeOffset + j ] = values[ readOffset + j ]; + + } + + } + + ++ writeIndex; + + } + + } + + // flush last keyframe (compaction looks ahead) + + if ( lastIndex > 0 ) { + + times[ writeIndex ] = times[ lastIndex ]; + + for ( var readOffset = lastIndex * stride, writeOffset = writeIndex * stride, j = 0; j !== stride; ++ j ) { + + values[ writeOffset + j ] = values[ readOffset + j ]; + + } + + ++ writeIndex; + + } + + if ( writeIndex !== times.length ) { + + this.times = AnimationUtils.arraySlice( times, 0, writeIndex ); + this.values = AnimationUtils.arraySlice( values, 0, writeIndex * stride ); + + } + + return this; + + } + + } ); + + /** + * + * A Track of vectored keyframe values. + * + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function VectorKeyframeTrack( name, times, values, interpolation ) { + + KeyframeTrack.call( this, name, times, values, interpolation ); + + } + + VectorKeyframeTrack.prototype = Object.assign( Object.create( KeyframeTrack.prototype ), { + + constructor: VectorKeyframeTrack, + + ValueTypeName: 'vector' + + // ValueBufferType is inherited + + // DefaultInterpolation is inherited + + } ); + + /** + * + * Reusable set of Tracks that represent an animation. + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + */ + + function AnimationClip( name, duration, tracks ) { + + this.name = name; + this.tracks = tracks; + this.duration = ( duration !== undefined ) ? duration : - 1; + + this.uuid = _Math.generateUUID(); + + // this means it should figure out its duration by scanning the tracks + if ( this.duration < 0 ) { + + this.resetDuration(); + + } + + this.optimize(); + + } + + Object.assign( AnimationClip, { + + parse: function ( json ) { + + var tracks = [], + jsonTracks = json.tracks, + frameTime = 1.0 / ( json.fps || 1.0 ); + + for ( var i = 0, n = jsonTracks.length; i !== n; ++ i ) { + + tracks.push( KeyframeTrack.parse( jsonTracks[ i ] ).scale( frameTime ) ); + + } + + return new AnimationClip( json.name, json.duration, tracks ); + + }, + + toJSON: function ( clip ) { + + var tracks = [], + clipTracks = clip.tracks; + + var json = { + + 'name': clip.name, + 'duration': clip.duration, + 'tracks': tracks, + 'uuid': clip.uuid + + }; + + for ( var i = 0, n = clipTracks.length; i !== n; ++ i ) { + + tracks.push( KeyframeTrack.toJSON( clipTracks[ i ] ) ); + + } + + return json; + + }, + + CreateFromMorphTargetSequence: function ( name, morphTargetSequence, fps, noLoop ) { + + var numMorphTargets = morphTargetSequence.length; + var tracks = []; + + for ( var i = 0; i < numMorphTargets; i ++ ) { + + var times = []; + var values = []; + + times.push( + ( i + numMorphTargets - 1 ) % numMorphTargets, + i, + ( i + 1 ) % numMorphTargets ); + + values.push( 0, 1, 0 ); + + var order = AnimationUtils.getKeyframeOrder( times ); + times = AnimationUtils.sortedArray( times, 1, order ); + values = AnimationUtils.sortedArray( values, 1, order ); + + // if there is a key at the first frame, duplicate it as the + // last frame as well for perfect loop. + if ( ! noLoop && times[ 0 ] === 0 ) { + + times.push( numMorphTargets ); + values.push( values[ 0 ] ); + + } + + tracks.push( + new NumberKeyframeTrack( + '.morphTargetInfluences[' + morphTargetSequence[ i ].name + ']', + times, values + ).scale( 1.0 / fps ) ); + + } + + return new AnimationClip( name, - 1, tracks ); + + }, + + findByName: function ( objectOrClipArray, name ) { + + var clipArray = objectOrClipArray; + + if ( ! Array.isArray( objectOrClipArray ) ) { + + var o = objectOrClipArray; + clipArray = o.geometry && o.geometry.animations || o.animations; + + } + + for ( var i = 0; i < clipArray.length; i ++ ) { + + if ( clipArray[ i ].name === name ) { + + return clipArray[ i ]; + + } + + } + + return null; + + }, + + CreateClipsFromMorphTargetSequences: function ( morphTargets, fps, noLoop ) { + + var animationToMorphTargets = {}; + + // tested with https://regex101.com/ on trick sequences + // such flamingo_flyA_003, flamingo_run1_003, crdeath0059 + var pattern = /^([\w-]*?)([\d]+)$/; + + // sort morph target names into animation groups based + // patterns like Walk_001, Walk_002, Run_001, Run_002 + for ( var i = 0, il = morphTargets.length; i < il; i ++ ) { + + var morphTarget = morphTargets[ i ]; + var parts = morphTarget.name.match( pattern ); + + if ( parts && parts.length > 1 ) { + + var name = parts[ 1 ]; + + var animationMorphTargets = animationToMorphTargets[ name ]; + if ( ! animationMorphTargets ) { + + animationToMorphTargets[ name ] = animationMorphTargets = []; + + } + + animationMorphTargets.push( morphTarget ); + + } + + } + + var clips = []; + + for ( var name in animationToMorphTargets ) { + + clips.push( AnimationClip.CreateFromMorphTargetSequence( name, animationToMorphTargets[ name ], fps, noLoop ) ); + + } + + return clips; + + }, + + // parse the animation.hierarchy format + parseAnimation: function ( animation, bones ) { + + if ( ! animation ) { + + console.error( 'THREE.AnimationClip: No animation in JSONLoader data.' ); + return null; + + } + + var addNonemptyTrack = function ( trackType, trackName, animationKeys, propertyName, destTracks ) { + + // only return track if there are actually keys. + if ( animationKeys.length !== 0 ) { + + var times = []; + var values = []; + + AnimationUtils.flattenJSON( animationKeys, times, values, propertyName ); + + // empty keys are filtered out, so check again + if ( times.length !== 0 ) { + + destTracks.push( new trackType( trackName, times, values ) ); + + } + + } + + }; + + var tracks = []; + + var clipName = animation.name || 'default'; + // automatic length determination in AnimationClip. + var duration = animation.length || - 1; + var fps = animation.fps || 30; + + var hierarchyTracks = animation.hierarchy || []; + + for ( var h = 0; h < hierarchyTracks.length; h ++ ) { + + var animationKeys = hierarchyTracks[ h ].keys; + + // skip empty tracks + if ( ! animationKeys || animationKeys.length === 0 ) continue; + + // process morph targets + if ( animationKeys[ 0 ].morphTargets ) { + + // figure out all morph targets used in this track + var morphTargetNames = {}; + + for ( var k = 0; k < animationKeys.length; k ++ ) { + + if ( animationKeys[ k ].morphTargets ) { + + for ( var m = 0; m < animationKeys[ k ].morphTargets.length; m ++ ) { + + morphTargetNames[ animationKeys[ k ].morphTargets[ m ] ] = - 1; + + } + + } + + } + + // create a track for each morph target with all zero + // morphTargetInfluences except for the keys in which + // the morphTarget is named. + for ( var morphTargetName in morphTargetNames ) { + + var times = []; + var values = []; + + for ( var m = 0; m !== animationKeys[ k ].morphTargets.length; ++ m ) { + + var animationKey = animationKeys[ k ]; + + times.push( animationKey.time ); + values.push( ( animationKey.morphTarget === morphTargetName ) ? 1 : 0 ); + + } + + tracks.push( new NumberKeyframeTrack( '.morphTargetInfluence[' + morphTargetName + ']', times, values ) ); + + } + + duration = morphTargetNames.length * ( fps || 1.0 ); + + } else { + + // ...assume skeletal animation + + var boneName = '.bones[' + bones[ h ].name + ']'; + + addNonemptyTrack( + VectorKeyframeTrack, boneName + '.position', + animationKeys, 'pos', tracks ); + + addNonemptyTrack( + QuaternionKeyframeTrack, boneName + '.quaternion', + animationKeys, 'rot', tracks ); + + addNonemptyTrack( + VectorKeyframeTrack, boneName + '.scale', + animationKeys, 'scl', tracks ); + + } + + } + + if ( tracks.length === 0 ) { + + return null; + + } + + var clip = new AnimationClip( clipName, duration, tracks ); + + return clip; + + } + + } ); + + Object.assign( AnimationClip.prototype, { + + resetDuration: function () { + + var tracks = this.tracks, duration = 0; + + for ( var i = 0, n = tracks.length; i !== n; ++ i ) { + + var track = this.tracks[ i ]; + + duration = Math.max( duration, track.times[ track.times.length - 1 ] ); + + } + + this.duration = duration; + + }, + + trim: function () { + + for ( var i = 0; i < this.tracks.length; i ++ ) { + + this.tracks[ i ].trim( 0, this.duration ); + + } + + return this; + + }, + + optimize: function () { + + for ( var i = 0; i < this.tracks.length; i ++ ) { + + this.tracks[ i ].optimize(); + + } + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function MaterialLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + this.textures = {}; + + } + + Object.assign( MaterialLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + var scope = this; + + var loader = new FileLoader( scope.manager ); + loader.load( url, function ( text ) { + + onLoad( scope.parse( JSON.parse( text ) ) ); + + }, onProgress, onError ); + + }, + + setTextures: function ( value ) { + + this.textures = value; + + }, + + parse: function ( json ) { + + var textures = this.textures; + + function getTexture( name ) { + + if ( textures[ name ] === undefined ) { + + console.warn( 'THREE.MaterialLoader: Undefined texture', name ); + + } + + return textures[ name ]; + + } + + var material = new Materials[ json.type ](); + + if ( json.uuid !== undefined ) material.uuid = json.uuid; + if ( json.name !== undefined ) material.name = json.name; + if ( json.color !== undefined ) material.color.setHex( json.color ); + if ( json.roughness !== undefined ) material.roughness = json.roughness; + if ( json.metalness !== undefined ) material.metalness = json.metalness; + if ( json.emissive !== undefined ) material.emissive.setHex( json.emissive ); + if ( json.specular !== undefined ) material.specular.setHex( json.specular ); + if ( json.shininess !== undefined ) material.shininess = json.shininess; + if ( json.clearCoat !== undefined ) material.clearCoat = json.clearCoat; + if ( json.clearCoatRoughness !== undefined ) material.clearCoatRoughness = json.clearCoatRoughness; + if ( json.uniforms !== undefined ) material.uniforms = json.uniforms; + if ( json.vertexShader !== undefined ) material.vertexShader = json.vertexShader; + if ( json.fragmentShader !== undefined ) material.fragmentShader = json.fragmentShader; + if ( json.vertexColors !== undefined ) material.vertexColors = json.vertexColors; + if ( json.fog !== undefined ) material.fog = json.fog; + if ( json.flatShading !== undefined ) material.flatShading = json.flatShading; + if ( json.blending !== undefined ) material.blending = json.blending; + if ( json.side !== undefined ) material.side = json.side; + if ( json.opacity !== undefined ) material.opacity = json.opacity; + if ( json.transparent !== undefined ) material.transparent = json.transparent; + if ( json.alphaTest !== undefined ) material.alphaTest = json.alphaTest; + if ( json.depthTest !== undefined ) material.depthTest = json.depthTest; + if ( json.depthWrite !== undefined ) material.depthWrite = json.depthWrite; + if ( json.colorWrite !== undefined ) material.colorWrite = json.colorWrite; + if ( json.wireframe !== undefined ) material.wireframe = json.wireframe; + if ( json.wireframeLinewidth !== undefined ) material.wireframeLinewidth = json.wireframeLinewidth; + if ( json.wireframeLinecap !== undefined ) material.wireframeLinecap = json.wireframeLinecap; + if ( json.wireframeLinejoin !== undefined ) material.wireframeLinejoin = json.wireframeLinejoin; + + if ( json.rotation !== undefined ) material.rotation = json.rotation; + + if ( json.linewidth !== 1 ) material.linewidth = json.linewidth; + if ( json.dashSize !== undefined ) material.dashSize = json.dashSize; + if ( json.gapSize !== undefined ) material.gapSize = json.gapSize; + if ( json.scale !== undefined ) material.scale = json.scale; + + if ( json.polygonOffset !== undefined ) material.polygonOffset = json.polygonOffset; + if ( json.polygonOffsetFactor !== undefined ) material.polygonOffsetFactor = json.polygonOffsetFactor; + if ( json.polygonOffsetUnits !== undefined ) material.polygonOffsetUnits = json.polygonOffsetUnits; + + if ( json.skinning !== undefined ) material.skinning = json.skinning; + if ( json.morphTargets !== undefined ) material.morphTargets = json.morphTargets; + if ( json.dithering !== undefined ) material.dithering = json.dithering; + + if ( json.visible !== undefined ) material.visible = json.visible; + if ( json.userData !== undefined ) material.userData = json.userData; + + // Deprecated + + if ( json.shading !== undefined ) material.flatShading = json.shading === 1; // THREE.FlatShading + + // for PointsMaterial + + if ( json.size !== undefined ) material.size = json.size; + if ( json.sizeAttenuation !== undefined ) material.sizeAttenuation = json.sizeAttenuation; + + // maps + + if ( json.map !== undefined ) material.map = getTexture( json.map ); + + if ( json.alphaMap !== undefined ) { + + material.alphaMap = getTexture( json.alphaMap ); + material.transparent = true; + + } + + if ( json.bumpMap !== undefined ) material.bumpMap = getTexture( json.bumpMap ); + if ( json.bumpScale !== undefined ) material.bumpScale = json.bumpScale; + + if ( json.normalMap !== undefined ) material.normalMap = getTexture( json.normalMap ); + if ( json.normalScale !== undefined ) { + + var normalScale = json.normalScale; + + if ( Array.isArray( normalScale ) === false ) { + + // Blender exporter used to export a scalar. See #7459 + + normalScale = [ normalScale, normalScale ]; + + } + + material.normalScale = new Vector2().fromArray( normalScale ); + + } + + if ( json.displacementMap !== undefined ) material.displacementMap = getTexture( json.displacementMap ); + if ( json.displacementScale !== undefined ) material.displacementScale = json.displacementScale; + if ( json.displacementBias !== undefined ) material.displacementBias = json.displacementBias; + + if ( json.roughnessMap !== undefined ) material.roughnessMap = getTexture( json.roughnessMap ); + if ( json.metalnessMap !== undefined ) material.metalnessMap = getTexture( json.metalnessMap ); + + if ( json.emissiveMap !== undefined ) material.emissiveMap = getTexture( json.emissiveMap ); + if ( json.emissiveIntensity !== undefined ) material.emissiveIntensity = json.emissiveIntensity; + + if ( json.specularMap !== undefined ) material.specularMap = getTexture( json.specularMap ); + + if ( json.envMap !== undefined ) material.envMap = getTexture( json.envMap ); + + if ( json.reflectivity !== undefined ) material.reflectivity = json.reflectivity; + + if ( json.lightMap !== undefined ) material.lightMap = getTexture( json.lightMap ); + if ( json.lightMapIntensity !== undefined ) material.lightMapIntensity = json.lightMapIntensity; + + if ( json.aoMap !== undefined ) material.aoMap = getTexture( json.aoMap ); + if ( json.aoMapIntensity !== undefined ) material.aoMapIntensity = json.aoMapIntensity; + + if ( json.gradientMap !== undefined ) material.gradientMap = getTexture( json.gradientMap ); + + return material; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function BufferGeometryLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + } + + Object.assign( BufferGeometryLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + var scope = this; + + var loader = new FileLoader( scope.manager ); + loader.load( url, function ( text ) { + + onLoad( scope.parse( JSON.parse( text ) ) ); + + }, onProgress, onError ); + + }, + + parse: function ( json ) { + + var geometry = new BufferGeometry(); + + var index = json.data.index; + + if ( index !== undefined ) { + + var typedArray = new TYPED_ARRAYS[ index.type ]( index.array ); + geometry.setIndex( new BufferAttribute( typedArray, 1 ) ); + + } + + var attributes = json.data.attributes; + + for ( var key in attributes ) { + + var attribute = attributes[ key ]; + var typedArray = new TYPED_ARRAYS[ attribute.type ]( attribute.array ); + + geometry.addAttribute( key, new BufferAttribute( typedArray, attribute.itemSize, attribute.normalized ) ); + + } + + var groups = json.data.groups || json.data.drawcalls || json.data.offsets; + + if ( groups !== undefined ) { + + for ( var i = 0, n = groups.length; i !== n; ++ i ) { + + var group = groups[ i ]; + + geometry.addGroup( group.start, group.count, group.materialIndex ); + + } + + } + + var boundingSphere = json.data.boundingSphere; + + if ( boundingSphere !== undefined ) { + + var center = new Vector3(); + + if ( boundingSphere.center !== undefined ) { + + center.fromArray( boundingSphere.center ); + + } + + geometry.boundingSphere = new Sphere( center, boundingSphere.radius ); + + } + + return geometry; + + } + + } ); + + var TYPED_ARRAYS = { + Int8Array: Int8Array, + Uint8Array: Uint8Array, + // Workaround for IE11 pre KB2929437. See #11440 + Uint8ClampedArray: typeof Uint8ClampedArray !== 'undefined' ? Uint8ClampedArray : Uint8Array, + Int16Array: Int16Array, + Uint16Array: Uint16Array, + Int32Array: Int32Array, + Uint32Array: Uint32Array, + Float32Array: Float32Array, + Float64Array: Float64Array + }; + + /** + * @author alteredq / http://alteredqualia.com/ + */ + + function Loader() {} + + Loader.Handlers = { + + handlers: [], + + add: function ( regex, loader ) { + + this.handlers.push( regex, loader ); + + }, + + get: function ( file ) { + + var handlers = this.handlers; + + for ( var i = 0, l = handlers.length; i < l; i += 2 ) { + + var regex = handlers[ i ]; + var loader = handlers[ i + 1 ]; + + if ( regex.test( file ) ) { + + return loader; + + } + + } + + return null; + + } + + }; + + Object.assign( Loader.prototype, { + + crossOrigin: undefined, + + onLoadStart: function () {}, + + onLoadProgress: function () {}, + + onLoadComplete: function () {}, + + initMaterials: function ( materials, texturePath, crossOrigin ) { + + var array = []; + + for ( var i = 0; i < materials.length; ++ i ) { + + array[ i ] = this.createMaterial( materials[ i ], texturePath, crossOrigin ); + + } + + return array; + + }, + + createMaterial: ( function () { + + var BlendingMode = { + NoBlending: NoBlending, + NormalBlending: NormalBlending, + AdditiveBlending: AdditiveBlending, + SubtractiveBlending: SubtractiveBlending, + MultiplyBlending: MultiplyBlending, + CustomBlending: CustomBlending + }; + + var color = new Color(); + var textureLoader = new TextureLoader(); + var materialLoader = new MaterialLoader(); + + return function createMaterial( m, texturePath, crossOrigin ) { + + // convert from old material format + + var textures = {}; + + function loadTexture( path, repeat, offset, wrap, anisotropy ) { + + var fullPath = texturePath + path; + var loader = Loader.Handlers.get( fullPath ); + + var texture; + + if ( loader !== null ) { + + texture = loader.load( fullPath ); + + } else { + + textureLoader.setCrossOrigin( crossOrigin ); + texture = textureLoader.load( fullPath ); + + } + + if ( repeat !== undefined ) { + + texture.repeat.fromArray( repeat ); + + if ( repeat[ 0 ] !== 1 ) texture.wrapS = RepeatWrapping; + if ( repeat[ 1 ] !== 1 ) texture.wrapT = RepeatWrapping; + + } + + if ( offset !== undefined ) { + + texture.offset.fromArray( offset ); + + } + + if ( wrap !== undefined ) { + + if ( wrap[ 0 ] === 'repeat' ) texture.wrapS = RepeatWrapping; + if ( wrap[ 0 ] === 'mirror' ) texture.wrapS = MirroredRepeatWrapping; + + if ( wrap[ 1 ] === 'repeat' ) texture.wrapT = RepeatWrapping; + if ( wrap[ 1 ] === 'mirror' ) texture.wrapT = MirroredRepeatWrapping; + + } + + if ( anisotropy !== undefined ) { + + texture.anisotropy = anisotropy; + + } + + var uuid = _Math.generateUUID(); + + textures[ uuid ] = texture; + + return uuid; + + } + + // + + var json = { + uuid: _Math.generateUUID(), + type: 'MeshLambertMaterial' + }; + + for ( var name in m ) { + + var value = m[ name ]; + + switch ( name ) { + + case 'DbgColor': + case 'DbgIndex': + case 'opticalDensity': + case 'illumination': + break; + case 'DbgName': + json.name = value; + break; + case 'blending': + json.blending = BlendingMode[ value ]; + break; + case 'colorAmbient': + case 'mapAmbient': + console.warn( 'THREE.Loader.createMaterial:', name, 'is no longer supported.' ); + break; + case 'colorDiffuse': + json.color = color.fromArray( value ).getHex(); + break; + case 'colorSpecular': + json.specular = color.fromArray( value ).getHex(); + break; + case 'colorEmissive': + json.emissive = color.fromArray( value ).getHex(); + break; + case 'specularCoef': + json.shininess = value; + break; + case 'shading': + if ( value.toLowerCase() === 'basic' ) json.type = 'MeshBasicMaterial'; + if ( value.toLowerCase() === 'phong' ) json.type = 'MeshPhongMaterial'; + if ( value.toLowerCase() === 'standard' ) json.type = 'MeshStandardMaterial'; + break; + case 'mapDiffuse': + json.map = loadTexture( value, m.mapDiffuseRepeat, m.mapDiffuseOffset, m.mapDiffuseWrap, m.mapDiffuseAnisotropy ); + break; + case 'mapDiffuseRepeat': + case 'mapDiffuseOffset': + case 'mapDiffuseWrap': + case 'mapDiffuseAnisotropy': + break; + case 'mapEmissive': + json.emissiveMap = loadTexture( value, m.mapEmissiveRepeat, m.mapEmissiveOffset, m.mapEmissiveWrap, m.mapEmissiveAnisotropy ); + break; + case 'mapEmissiveRepeat': + case 'mapEmissiveOffset': + case 'mapEmissiveWrap': + case 'mapEmissiveAnisotropy': + break; + case 'mapLight': + json.lightMap = loadTexture( value, m.mapLightRepeat, m.mapLightOffset, m.mapLightWrap, m.mapLightAnisotropy ); + break; + case 'mapLightRepeat': + case 'mapLightOffset': + case 'mapLightWrap': + case 'mapLightAnisotropy': + break; + case 'mapAO': + json.aoMap = loadTexture( value, m.mapAORepeat, m.mapAOOffset, m.mapAOWrap, m.mapAOAnisotropy ); + break; + case 'mapAORepeat': + case 'mapAOOffset': + case 'mapAOWrap': + case 'mapAOAnisotropy': + break; + case 'mapBump': + json.bumpMap = loadTexture( value, m.mapBumpRepeat, m.mapBumpOffset, m.mapBumpWrap, m.mapBumpAnisotropy ); + break; + case 'mapBumpScale': + json.bumpScale = value; + break; + case 'mapBumpRepeat': + case 'mapBumpOffset': + case 'mapBumpWrap': + case 'mapBumpAnisotropy': + break; + case 'mapNormal': + json.normalMap = loadTexture( value, m.mapNormalRepeat, m.mapNormalOffset, m.mapNormalWrap, m.mapNormalAnisotropy ); + break; + case 'mapNormalFactor': + json.normalScale = value; + break; + case 'mapNormalRepeat': + case 'mapNormalOffset': + case 'mapNormalWrap': + case 'mapNormalAnisotropy': + break; + case 'mapSpecular': + json.specularMap = loadTexture( value, m.mapSpecularRepeat, m.mapSpecularOffset, m.mapSpecularWrap, m.mapSpecularAnisotropy ); + break; + case 'mapSpecularRepeat': + case 'mapSpecularOffset': + case 'mapSpecularWrap': + case 'mapSpecularAnisotropy': + break; + case 'mapMetalness': + json.metalnessMap = loadTexture( value, m.mapMetalnessRepeat, m.mapMetalnessOffset, m.mapMetalnessWrap, m.mapMetalnessAnisotropy ); + break; + case 'mapMetalnessRepeat': + case 'mapMetalnessOffset': + case 'mapMetalnessWrap': + case 'mapMetalnessAnisotropy': + break; + case 'mapRoughness': + json.roughnessMap = loadTexture( value, m.mapRoughnessRepeat, m.mapRoughnessOffset, m.mapRoughnessWrap, m.mapRoughnessAnisotropy ); + break; + case 'mapRoughnessRepeat': + case 'mapRoughnessOffset': + case 'mapRoughnessWrap': + case 'mapRoughnessAnisotropy': + break; + case 'mapAlpha': + json.alphaMap = loadTexture( value, m.mapAlphaRepeat, m.mapAlphaOffset, m.mapAlphaWrap, m.mapAlphaAnisotropy ); + break; + case 'mapAlphaRepeat': + case 'mapAlphaOffset': + case 'mapAlphaWrap': + case 'mapAlphaAnisotropy': + break; + case 'flipSided': + json.side = BackSide; + break; + case 'doubleSided': + json.side = DoubleSide; + break; + case 'transparency': + console.warn( 'THREE.Loader.createMaterial: transparency has been renamed to opacity' ); + json.opacity = value; + break; + case 'depthTest': + case 'depthWrite': + case 'colorWrite': + case 'opacity': + case 'reflectivity': + case 'transparent': + case 'visible': + case 'wireframe': + json[ name ] = value; + break; + case 'vertexColors': + if ( value === true ) json.vertexColors = VertexColors; + if ( value === 'face' ) json.vertexColors = FaceColors; + break; + default: + console.error( 'THREE.Loader.createMaterial: Unsupported', name, value ); + break; + + } + + } + + if ( json.type === 'MeshBasicMaterial' ) delete json.emissive; + if ( json.type !== 'MeshPhongMaterial' ) delete json.specular; + + if ( json.opacity < 1 ) json.transparent = true; + + materialLoader.setTextures( textures ); + + return materialLoader.parse( json ); + + }; + + } )() + + } ); + + /** + * @author Don McCurdy / https://www.donmccurdy.com + */ + + var LoaderUtils = { + + decodeText: function ( array ) { + + if ( typeof TextDecoder !== 'undefined' ) { + + return new TextDecoder().decode( array ); + + } + + // Avoid the String.fromCharCode.apply(null, array) shortcut, which + // throws a "maximum call stack size exceeded" error for large arrays. + + var s = ''; + + for ( var i = 0, il = array.length; i < il; i ++ ) { + + // Implicitly assumes little-endian. + s += String.fromCharCode( array[ i ] ); + + } + + // Merges multi-byte utf-8 characters. + return decodeURIComponent( escape( s ) ); + + }, + + extractUrlBase: function ( url ) { + + var index = url.lastIndexOf( '/' ); + + if ( index === - 1 ) return './'; + + return url.substr( 0, index + 1 ); + + } + + }; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author alteredq / http://alteredqualia.com/ + */ + + function JSONLoader( manager ) { + + if ( typeof manager === 'boolean' ) { + + console.warn( 'THREE.JSONLoader: showStatus parameter has been removed from constructor.' ); + manager = undefined; + + } + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + this.withCredentials = false; + + } + + Object.assign( JSONLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + var scope = this; + + var texturePath = this.texturePath && ( typeof this.texturePath === 'string' ) ? this.texturePath : LoaderUtils.extractUrlBase( url ); + + var loader = new FileLoader( this.manager ); + loader.setWithCredentials( this.withCredentials ); + loader.load( url, function ( text ) { + + var json = JSON.parse( text ); + var metadata = json.metadata; + + if ( metadata !== undefined ) { + + var type = metadata.type; + + if ( type !== undefined ) { + + if ( type.toLowerCase() === 'object' ) { + + console.error( 'THREE.JSONLoader: ' + url + ' should be loaded with THREE.ObjectLoader instead.' ); + return; + + } + + } + + } + + var object = scope.parse( json, texturePath ); + onLoad( object.geometry, object.materials ); + + }, onProgress, onError ); + + }, + + setTexturePath: function ( value ) { + + this.texturePath = value; + + }, + + parse: ( function () { + + function parseModel( json, geometry ) { + + function isBitSet( value, position ) { + + return value & ( 1 << position ); + + } + + var i, j, fi, + + offset, zLength, + + colorIndex, normalIndex, uvIndex, materialIndex, + + type, + isQuad, + hasMaterial, + hasFaceVertexUv, + hasFaceNormal, hasFaceVertexNormal, + hasFaceColor, hasFaceVertexColor, + + vertex, face, faceA, faceB, hex, normal, + + uvLayer, uv, u, v, + + faces = json.faces, + vertices = json.vertices, + normals = json.normals, + colors = json.colors, + + scale = json.scale, + + nUvLayers = 0; + + + if ( json.uvs !== undefined ) { + + // disregard empty arrays + + for ( i = 0; i < json.uvs.length; i ++ ) { + + if ( json.uvs[ i ].length ) nUvLayers ++; + + } + + for ( i = 0; i < nUvLayers; i ++ ) { + + geometry.faceVertexUvs[ i ] = []; + + } + + } + + offset = 0; + zLength = vertices.length; + + while ( offset < zLength ) { + + vertex = new Vector3(); + + vertex.x = vertices[ offset ++ ] * scale; + vertex.y = vertices[ offset ++ ] * scale; + vertex.z = vertices[ offset ++ ] * scale; + + geometry.vertices.push( vertex ); + + } + + offset = 0; + zLength = faces.length; + + while ( offset < zLength ) { + + type = faces[ offset ++ ]; + + isQuad = isBitSet( type, 0 ); + hasMaterial = isBitSet( type, 1 ); + hasFaceVertexUv = isBitSet( type, 3 ); + hasFaceNormal = isBitSet( type, 4 ); + hasFaceVertexNormal = isBitSet( type, 5 ); + hasFaceColor = isBitSet( type, 6 ); + hasFaceVertexColor = isBitSet( type, 7 ); + + // console.log("type", type, "bits", isQuad, hasMaterial, hasFaceVertexUv, hasFaceNormal, hasFaceVertexNormal, hasFaceColor, hasFaceVertexColor); + + if ( isQuad ) { + + faceA = new Face3(); + faceA.a = faces[ offset ]; + faceA.b = faces[ offset + 1 ]; + faceA.c = faces[ offset + 3 ]; + + faceB = new Face3(); + faceB.a = faces[ offset + 1 ]; + faceB.b = faces[ offset + 2 ]; + faceB.c = faces[ offset + 3 ]; + + offset += 4; + + if ( hasMaterial ) { + + materialIndex = faces[ offset ++ ]; + faceA.materialIndex = materialIndex; + faceB.materialIndex = materialIndex; + + } + + // to get face <=> uv index correspondence + + fi = geometry.faces.length; + + if ( hasFaceVertexUv ) { + + for ( i = 0; i < nUvLayers; i ++ ) { + + uvLayer = json.uvs[ i ]; + + geometry.faceVertexUvs[ i ][ fi ] = []; + geometry.faceVertexUvs[ i ][ fi + 1 ] = []; + + for ( j = 0; j < 4; j ++ ) { + + uvIndex = faces[ offset ++ ]; + + u = uvLayer[ uvIndex * 2 ]; + v = uvLayer[ uvIndex * 2 + 1 ]; + + uv = new Vector2( u, v ); + + if ( j !== 2 ) geometry.faceVertexUvs[ i ][ fi ].push( uv ); + if ( j !== 0 ) geometry.faceVertexUvs[ i ][ fi + 1 ].push( uv ); + + } + + } + + } + + if ( hasFaceNormal ) { + + normalIndex = faces[ offset ++ ] * 3; + + faceA.normal.set( + normals[ normalIndex ++ ], + normals[ normalIndex ++ ], + normals[ normalIndex ] + ); + + faceB.normal.copy( faceA.normal ); + + } + + if ( hasFaceVertexNormal ) { + + for ( i = 0; i < 4; i ++ ) { + + normalIndex = faces[ offset ++ ] * 3; + + normal = new Vector3( + normals[ normalIndex ++ ], + normals[ normalIndex ++ ], + normals[ normalIndex ] + ); + + + if ( i !== 2 ) faceA.vertexNormals.push( normal ); + if ( i !== 0 ) faceB.vertexNormals.push( normal ); + + } + + } + + + if ( hasFaceColor ) { + + colorIndex = faces[ offset ++ ]; + hex = colors[ colorIndex ]; + + faceA.color.setHex( hex ); + faceB.color.setHex( hex ); + + } + + + if ( hasFaceVertexColor ) { + + for ( i = 0; i < 4; i ++ ) { + + colorIndex = faces[ offset ++ ]; + hex = colors[ colorIndex ]; + + if ( i !== 2 ) faceA.vertexColors.push( new Color( hex ) ); + if ( i !== 0 ) faceB.vertexColors.push( new Color( hex ) ); + + } + + } + + geometry.faces.push( faceA ); + geometry.faces.push( faceB ); + + } else { + + face = new Face3(); + face.a = faces[ offset ++ ]; + face.b = faces[ offset ++ ]; + face.c = faces[ offset ++ ]; + + if ( hasMaterial ) { + + materialIndex = faces[ offset ++ ]; + face.materialIndex = materialIndex; + + } + + // to get face <=> uv index correspondence + + fi = geometry.faces.length; + + if ( hasFaceVertexUv ) { + + for ( i = 0; i < nUvLayers; i ++ ) { + + uvLayer = json.uvs[ i ]; + + geometry.faceVertexUvs[ i ][ fi ] = []; + + for ( j = 0; j < 3; j ++ ) { + + uvIndex = faces[ offset ++ ]; + + u = uvLayer[ uvIndex * 2 ]; + v = uvLayer[ uvIndex * 2 + 1 ]; + + uv = new Vector2( u, v ); + + geometry.faceVertexUvs[ i ][ fi ].push( uv ); + + } + + } + + } + + if ( hasFaceNormal ) { + + normalIndex = faces[ offset ++ ] * 3; + + face.normal.set( + normals[ normalIndex ++ ], + normals[ normalIndex ++ ], + normals[ normalIndex ] + ); + + } + + if ( hasFaceVertexNormal ) { + + for ( i = 0; i < 3; i ++ ) { + + normalIndex = faces[ offset ++ ] * 3; + + normal = new Vector3( + normals[ normalIndex ++ ], + normals[ normalIndex ++ ], + normals[ normalIndex ] + ); + + face.vertexNormals.push( normal ); + + } + + } + + + if ( hasFaceColor ) { + + colorIndex = faces[ offset ++ ]; + face.color.setHex( colors[ colorIndex ] ); + + } + + + if ( hasFaceVertexColor ) { + + for ( i = 0; i < 3; i ++ ) { + + colorIndex = faces[ offset ++ ]; + face.vertexColors.push( new Color( colors[ colorIndex ] ) ); + + } + + } + + geometry.faces.push( face ); + + } + + } + + } + + function parseSkin( json, geometry ) { + + var influencesPerVertex = ( json.influencesPerVertex !== undefined ) ? json.influencesPerVertex : 2; + + if ( json.skinWeights ) { + + for ( var i = 0, l = json.skinWeights.length; i < l; i += influencesPerVertex ) { + + var x = json.skinWeights[ i ]; + var y = ( influencesPerVertex > 1 ) ? json.skinWeights[ i + 1 ] : 0; + var z = ( influencesPerVertex > 2 ) ? json.skinWeights[ i + 2 ] : 0; + var w = ( influencesPerVertex > 3 ) ? json.skinWeights[ i + 3 ] : 0; + + geometry.skinWeights.push( new Vector4( x, y, z, w ) ); + + } + + } + + if ( json.skinIndices ) { + + for ( var i = 0, l = json.skinIndices.length; i < l; i += influencesPerVertex ) { + + var a = json.skinIndices[ i ]; + var b = ( influencesPerVertex > 1 ) ? json.skinIndices[ i + 1 ] : 0; + var c = ( influencesPerVertex > 2 ) ? json.skinIndices[ i + 2 ] : 0; + var d = ( influencesPerVertex > 3 ) ? json.skinIndices[ i + 3 ] : 0; + + geometry.skinIndices.push( new Vector4( a, b, c, d ) ); + + } + + } + + geometry.bones = json.bones; + + if ( geometry.bones && geometry.bones.length > 0 && ( geometry.skinWeights.length !== geometry.skinIndices.length || geometry.skinIndices.length !== geometry.vertices.length ) ) { + + console.warn( 'When skinning, number of vertices (' + geometry.vertices.length + '), skinIndices (' + + geometry.skinIndices.length + '), and skinWeights (' + geometry.skinWeights.length + ') should match.' ); + + } + + } + + function parseMorphing( json, geometry ) { + + var scale = json.scale; + + if ( json.morphTargets !== undefined ) { + + for ( var i = 0, l = json.morphTargets.length; i < l; i ++ ) { + + geometry.morphTargets[ i ] = {}; + geometry.morphTargets[ i ].name = json.morphTargets[ i ].name; + geometry.morphTargets[ i ].vertices = []; + + var dstVertices = geometry.morphTargets[ i ].vertices; + var srcVertices = json.morphTargets[ i ].vertices; + + for ( var v = 0, vl = srcVertices.length; v < vl; v += 3 ) { + + var vertex = new Vector3(); + vertex.x = srcVertices[ v ] * scale; + vertex.y = srcVertices[ v + 1 ] * scale; + vertex.z = srcVertices[ v + 2 ] * scale; + + dstVertices.push( vertex ); + + } + + } + + } + + if ( json.morphColors !== undefined && json.morphColors.length > 0 ) { + + console.warn( 'THREE.JSONLoader: "morphColors" no longer supported. Using them as face colors.' ); + + var faces = geometry.faces; + var morphColors = json.morphColors[ 0 ].colors; + + for ( var i = 0, l = faces.length; i < l; i ++ ) { + + faces[ i ].color.fromArray( morphColors, i * 3 ); + + } + + } + + } + + function parseAnimations( json, geometry ) { + + var outputAnimations = []; + + // parse old style Bone/Hierarchy animations + var animations = []; + + if ( json.animation !== undefined ) { + + animations.push( json.animation ); + + } + + if ( json.animations !== undefined ) { + + if ( json.animations.length ) { + + animations = animations.concat( json.animations ); + + } else { + + animations.push( json.animations ); + + } + + } + + for ( var i = 0; i < animations.length; i ++ ) { + + var clip = AnimationClip.parseAnimation( animations[ i ], geometry.bones ); + if ( clip ) outputAnimations.push( clip ); + + } + + // parse implicit morph animations + if ( geometry.morphTargets ) { + + // TODO: Figure out what an appropraite FPS is for morph target animations -- defaulting to 10, but really it is completely arbitrary. + var morphAnimationClips = AnimationClip.CreateClipsFromMorphTargetSequences( geometry.morphTargets, 10 ); + outputAnimations = outputAnimations.concat( morphAnimationClips ); + + } + + if ( outputAnimations.length > 0 ) geometry.animations = outputAnimations; + + } + + return function parse( json, texturePath ) { + + if ( json.data !== undefined ) { + + // Geometry 4.0 spec + json = json.data; + + } + + if ( json.scale !== undefined ) { + + json.scale = 1.0 / json.scale; + + } else { + + json.scale = 1.0; + + } + + var geometry = new Geometry(); + + parseModel( json, geometry ); + parseSkin( json, geometry ); + parseMorphing( json, geometry ); + parseAnimations( json, geometry ); + + geometry.computeFaceNormals(); + geometry.computeBoundingSphere(); + + if ( json.materials === undefined || json.materials.length === 0 ) { + + return { geometry: geometry }; + + } else { + + var materials = Loader.prototype.initMaterials( json.materials, texturePath, this.crossOrigin ); + + return { geometry: geometry, materials: materials }; + + } + + }; + + } )() + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function ObjectLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + this.texturePath = ''; + + } + + Object.assign( ObjectLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + if ( this.texturePath === '' ) { + + this.texturePath = url.substring( 0, url.lastIndexOf( '/' ) + 1 ); + + } + + var scope = this; + + var loader = new FileLoader( scope.manager ); + loader.load( url, function ( text ) { + + var json = null; + + try { + + json = JSON.parse( text ); + + } catch ( error ) { + + if ( onError !== undefined ) onError( error ); + + console.error( 'THREE:ObjectLoader: Can\'t parse ' + url + '.', error.message ); + + return; + + } + + var metadata = json.metadata; + + if ( metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry' ) { + + console.error( 'THREE.ObjectLoader: Can\'t load ' + url + '. Use THREE.JSONLoader instead.' ); + return; + + } + + scope.parse( json, onLoad ); + + }, onProgress, onError ); + + }, + + setTexturePath: function ( value ) { + + this.texturePath = value; + return this; + + }, + + setCrossOrigin: function ( value ) { + + this.crossOrigin = value; + return this; + + }, + + parse: function ( json, onLoad ) { + + var shapes = this.parseShape( json.shapes ); + var geometries = this.parseGeometries( json.geometries, shapes ); + + var images = this.parseImages( json.images, function () { + + if ( onLoad !== undefined ) onLoad( object ); + + } ); + + var textures = this.parseTextures( json.textures, images ); + var materials = this.parseMaterials( json.materials, textures ); + + var object = this.parseObject( json.object, geometries, materials ); + + if ( json.animations ) { + + object.animations = this.parseAnimations( json.animations ); + + } + + if ( json.images === undefined || json.images.length === 0 ) { + + if ( onLoad !== undefined ) onLoad( object ); + + } + + return object; + + }, + + parseShape: function ( json ) { + + var shapes = {}; + + if ( json !== undefined ) { + + for ( var i = 0, l = json.length; i < l; i ++ ) { + + var shape = new Shape().fromJSON( json[ i ] ); + + shapes[ shape.uuid ] = shape; + + } + + } + + return shapes; + + }, + + parseGeometries: function ( json, shapes ) { + + var geometries = {}; + + if ( json !== undefined ) { + + var geometryLoader = new JSONLoader(); + var bufferGeometryLoader = new BufferGeometryLoader(); + + for ( var i = 0, l = json.length; i < l; i ++ ) { + + var geometry; + var data = json[ i ]; + + switch ( data.type ) { + + case 'PlaneGeometry': + case 'PlaneBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.width, + data.height, + data.widthSegments, + data.heightSegments + ); + + break; + + case 'BoxGeometry': + case 'BoxBufferGeometry': + case 'CubeGeometry': // backwards compatible + + geometry = new Geometries[ data.type ]( + data.width, + data.height, + data.depth, + data.widthSegments, + data.heightSegments, + data.depthSegments + ); + + break; + + case 'CircleGeometry': + case 'CircleBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.radius, + data.segments, + data.thetaStart, + data.thetaLength + ); + + break; + + case 'CylinderGeometry': + case 'CylinderBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.radiusTop, + data.radiusBottom, + data.height, + data.radialSegments, + data.heightSegments, + data.openEnded, + data.thetaStart, + data.thetaLength + ); + + break; + + case 'ConeGeometry': + case 'ConeBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.radius, + data.height, + data.radialSegments, + data.heightSegments, + data.openEnded, + data.thetaStart, + data.thetaLength + ); + + break; + + case 'SphereGeometry': + case 'SphereBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.radius, + data.widthSegments, + data.heightSegments, + data.phiStart, + data.phiLength, + data.thetaStart, + data.thetaLength + ); + + break; + + case 'DodecahedronGeometry': + case 'DodecahedronBufferGeometry': + case 'IcosahedronGeometry': + case 'IcosahedronBufferGeometry': + case 'OctahedronGeometry': + case 'OctahedronBufferGeometry': + case 'TetrahedronGeometry': + case 'TetrahedronBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.radius, + data.detail + ); + + break; + + case 'RingGeometry': + case 'RingBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.innerRadius, + data.outerRadius, + data.thetaSegments, + data.phiSegments, + data.thetaStart, + data.thetaLength + ); + + break; + + case 'TorusGeometry': + case 'TorusBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.radius, + data.tube, + data.radialSegments, + data.tubularSegments, + data.arc + ); + + break; + + case 'TorusKnotGeometry': + case 'TorusKnotBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.radius, + data.tube, + data.tubularSegments, + data.radialSegments, + data.p, + data.q + ); + + break; + + case 'LatheGeometry': + case 'LatheBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.points, + data.segments, + data.phiStart, + data.phiLength + ); + + break; + + case 'PolyhedronGeometry': + case 'PolyhedronBufferGeometry': + + geometry = new Geometries[ data.type ]( + data.vertices, + data.indices, + data.radius, + data.details + ); + + break; + + case 'ShapeGeometry': + case 'ShapeBufferGeometry': + + var geometryShapes = []; + + for ( var j = 0, jl = data.shapes.length; j < jl; j ++ ) { + + var shape = shapes[ data.shapes[ j ] ]; + + geometryShapes.push( shape ); + + } + + geometry = new Geometries[ data.type ]( + geometryShapes, + data.curveSegments + ); + + break; + + + case 'ExtrudeGeometry': + case 'ExtrudeBufferGeometry': + + var geometryShapes = []; + + for ( var j = 0, jl = data.shapes.length; j < jl; j ++ ) { + + var shape = shapes[ data.shapes[ j ] ]; + + geometryShapes.push( shape ); + + } + + var extrudePath = data.options.extrudePath; + + if ( extrudePath !== undefined ) { + + data.options.extrudePath = new Curves[ extrudePath.type ]().fromJSON( extrudePath ); + + } + + geometry = new Geometries[ data.type ]( + geometryShapes, + data.options + ); + + break; + + case 'BufferGeometry': + + geometry = bufferGeometryLoader.parse( data ); + + break; + + case 'Geometry': + + geometry = geometryLoader.parse( data, this.texturePath ).geometry; + + break; + + default: + + console.warn( 'THREE.ObjectLoader: Unsupported geometry type "' + data.type + '"' ); + + continue; + + } + + geometry.uuid = data.uuid; + + if ( data.name !== undefined ) geometry.name = data.name; + if ( geometry.isBufferGeometry === true && data.userData !== undefined ) geometry.userData = data.userData; + + geometries[ data.uuid ] = geometry; + + } + + } + + return geometries; + + }, + + parseMaterials: function ( json, textures ) { + + var materials = {}; + + if ( json !== undefined ) { + + var loader = new MaterialLoader(); + loader.setTextures( textures ); + + for ( var i = 0, l = json.length; i < l; i ++ ) { + + var data = json[ i ]; + + if ( data.type === 'MultiMaterial' ) { + + // Deprecated + + var array = []; + + for ( var j = 0; j < data.materials.length; j ++ ) { + + array.push( loader.parse( data.materials[ j ] ) ); + + } + + materials[ data.uuid ] = array; + + } else { + + materials[ data.uuid ] = loader.parse( data ); + + } + + } + + } + + return materials; + + }, + + parseAnimations: function ( json ) { + + var animations = []; + + for ( var i = 0; i < json.length; i ++ ) { + + var data = json[ i ]; + + var clip = AnimationClip.parse( data ); + + if ( data.uuid !== undefined ) clip.uuid = data.uuid; + + animations.push( clip ); + + } + + return animations; + + }, + + parseImages: function ( json, onLoad ) { + + var scope = this; + var images = {}; + + function loadImage( url ) { + + scope.manager.itemStart( url ); + + return loader.load( url, function () { + + scope.manager.itemEnd( url ); + + }, undefined, function () { + + scope.manager.itemEnd( url ); + scope.manager.itemError( url ); + + } ); + + } + + if ( json !== undefined && json.length > 0 ) { + + var manager = new LoadingManager( onLoad ); + + var loader = new ImageLoader( manager ); + loader.setCrossOrigin( this.crossOrigin ); + + for ( var i = 0, l = json.length; i < l; i ++ ) { + + var image = json[ i ]; + var path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test( image.url ) ? image.url : scope.texturePath + image.url; + + images[ image.uuid ] = loadImage( path ); + + } + + } + + return images; + + }, + + parseTextures: function ( json, images ) { + + function parseConstant( value, type ) { + + if ( typeof value === 'number' ) return value; + + console.warn( 'THREE.ObjectLoader.parseTexture: Constant should be in numeric form.', value ); + + return type[ value ]; + + } + + var textures = {}; + + if ( json !== undefined ) { + + for ( var i = 0, l = json.length; i < l; i ++ ) { + + var data = json[ i ]; + + if ( data.image === undefined ) { + + console.warn( 'THREE.ObjectLoader: No "image" specified for', data.uuid ); + + } + + if ( images[ data.image ] === undefined ) { + + console.warn( 'THREE.ObjectLoader: Undefined image', data.image ); + + } + + var texture = new Texture( images[ data.image ] ); + texture.needsUpdate = true; + + texture.uuid = data.uuid; + + if ( data.name !== undefined ) texture.name = data.name; + + if ( data.mapping !== undefined ) texture.mapping = parseConstant( data.mapping, TEXTURE_MAPPING ); + + if ( data.offset !== undefined ) texture.offset.fromArray( data.offset ); + if ( data.repeat !== undefined ) texture.repeat.fromArray( data.repeat ); + if ( data.center !== undefined ) texture.center.fromArray( data.center ); + if ( data.rotation !== undefined ) texture.rotation = data.rotation; + + if ( data.wrap !== undefined ) { + + texture.wrapS = parseConstant( data.wrap[ 0 ], TEXTURE_WRAPPING ); + texture.wrapT = parseConstant( data.wrap[ 1 ], TEXTURE_WRAPPING ); + + } + + if ( data.format !== undefined ) texture.format = data.format; + + if ( data.minFilter !== undefined ) texture.minFilter = parseConstant( data.minFilter, TEXTURE_FILTER ); + if ( data.magFilter !== undefined ) texture.magFilter = parseConstant( data.magFilter, TEXTURE_FILTER ); + if ( data.anisotropy !== undefined ) texture.anisotropy = data.anisotropy; + + if ( data.flipY !== undefined ) texture.flipY = data.flipY; + + textures[ data.uuid ] = texture; + + } + + } + + return textures; + + }, + + parseObject: function ( data, geometries, materials ) { + + var object; + + function getGeometry( name ) { + + if ( geometries[ name ] === undefined ) { + + console.warn( 'THREE.ObjectLoader: Undefined geometry', name ); + + } + + return geometries[ name ]; + + } + + function getMaterial( name ) { + + if ( name === undefined ) return undefined; + + if ( Array.isArray( name ) ) { + + var array = []; + + for ( var i = 0, l = name.length; i < l; i ++ ) { + + var uuid = name[ i ]; + + if ( materials[ uuid ] === undefined ) { + + console.warn( 'THREE.ObjectLoader: Undefined material', uuid ); + + } + + array.push( materials[ uuid ] ); + + } + + return array; + + } + + if ( materials[ name ] === undefined ) { + + console.warn( 'THREE.ObjectLoader: Undefined material', name ); + + } + + return materials[ name ]; + + } + + switch ( data.type ) { + + case 'Scene': + + object = new Scene(); + + if ( data.background !== undefined ) { + + if ( Number.isInteger( data.background ) ) { + + object.background = new Color( data.background ); + + } + + } + + if ( data.fog !== undefined ) { + + if ( data.fog.type === 'Fog' ) { + + object.fog = new Fog( data.fog.color, data.fog.near, data.fog.far ); + + } else if ( data.fog.type === 'FogExp2' ) { + + object.fog = new FogExp2( data.fog.color, data.fog.density ); + + } + + } + + break; + + case 'PerspectiveCamera': + + object = new PerspectiveCamera( data.fov, data.aspect, data.near, data.far ); + + if ( data.focus !== undefined ) object.focus = data.focus; + if ( data.zoom !== undefined ) object.zoom = data.zoom; + if ( data.filmGauge !== undefined ) object.filmGauge = data.filmGauge; + if ( data.filmOffset !== undefined ) object.filmOffset = data.filmOffset; + if ( data.view !== undefined ) object.view = Object.assign( {}, data.view ); + + break; + + case 'OrthographicCamera': + + object = new OrthographicCamera( data.left, data.right, data.top, data.bottom, data.near, data.far ); + + if ( data.zoom !== undefined ) object.zoom = data.zoom; + if ( data.view !== undefined ) object.view = Object.assign( {}, data.view ); + + break; + + case 'AmbientLight': + + object = new AmbientLight( data.color, data.intensity ); + + break; + + case 'DirectionalLight': + + object = new DirectionalLight( data.color, data.intensity ); + + break; + + case 'PointLight': + + object = new PointLight( data.color, data.intensity, data.distance, data.decay ); + + break; + + case 'RectAreaLight': + + object = new RectAreaLight( data.color, data.intensity, data.width, data.height ); + + break; + + case 'SpotLight': + + object = new SpotLight( data.color, data.intensity, data.distance, data.angle, data.penumbra, data.decay ); + + break; + + case 'HemisphereLight': + + object = new HemisphereLight( data.color, data.groundColor, data.intensity ); + + break; + + case 'SkinnedMesh': + + console.warn( 'THREE.ObjectLoader.parseObject() does not support SkinnedMesh yet.' ); + + case 'Mesh': + + var geometry = getGeometry( data.geometry ); + var material = getMaterial( data.material ); + + if ( geometry.bones && geometry.bones.length > 0 ) { + + object = new SkinnedMesh( geometry, material ); + + } else { + + object = new Mesh( geometry, material ); + + } + + break; + + case 'LOD': + + object = new LOD(); + + break; + + case 'Line': + + object = new Line( getGeometry( data.geometry ), getMaterial( data.material ), data.mode ); + + break; + + case 'LineLoop': + + object = new LineLoop( getGeometry( data.geometry ), getMaterial( data.material ) ); + + break; + + case 'LineSegments': + + object = new LineSegments( getGeometry( data.geometry ), getMaterial( data.material ) ); + + break; + + case 'PointCloud': + case 'Points': + + object = new Points( getGeometry( data.geometry ), getMaterial( data.material ) ); + + break; + + case 'Sprite': + + object = new Sprite( getMaterial( data.material ) ); + + break; + + case 'Group': + + object = new Group(); + + break; + + default: + + object = new Object3D(); + + } + + object.uuid = data.uuid; + + if ( data.name !== undefined ) object.name = data.name; + + if ( data.matrix !== undefined ) { + + object.matrix.fromArray( data.matrix ); + + if ( data.matrixAutoUpdate !== undefined ) object.matrixAutoUpdate = data.matrixAutoUpdate; + if ( object.matrixAutoUpdate ) object.matrix.decompose( object.position, object.quaternion, object.scale ); + + } else { + + if ( data.position !== undefined ) object.position.fromArray( data.position ); + if ( data.rotation !== undefined ) object.rotation.fromArray( data.rotation ); + if ( data.quaternion !== undefined ) object.quaternion.fromArray( data.quaternion ); + if ( data.scale !== undefined ) object.scale.fromArray( data.scale ); + + } + + if ( data.castShadow !== undefined ) object.castShadow = data.castShadow; + if ( data.receiveShadow !== undefined ) object.receiveShadow = data.receiveShadow; + + if ( data.shadow ) { + + if ( data.shadow.bias !== undefined ) object.shadow.bias = data.shadow.bias; + if ( data.shadow.radius !== undefined ) object.shadow.radius = data.shadow.radius; + if ( data.shadow.mapSize !== undefined ) object.shadow.mapSize.fromArray( data.shadow.mapSize ); + if ( data.shadow.camera !== undefined ) object.shadow.camera = this.parseObject( data.shadow.camera ); + + } + + if ( data.visible !== undefined ) object.visible = data.visible; + if ( data.frustumCulled !== undefined ) object.frustumCulled = data.frustumCulled; + if ( data.renderOrder !== undefined ) object.renderOrder = data.renderOrder; + if ( data.userData !== undefined ) object.userData = data.userData; + + if ( data.children !== undefined ) { + + var children = data.children; + + for ( var i = 0; i < children.length; i ++ ) { + + object.add( this.parseObject( children[ i ], geometries, materials ) ); + + } + + } + + if ( data.type === 'LOD' ) { + + var levels = data.levels; + + for ( var l = 0; l < levels.length; l ++ ) { + + var level = levels[ l ]; + var child = object.getObjectByProperty( 'uuid', level.object ); + + if ( child !== undefined ) { + + object.addLevel( child, level.distance ); + + } + + } + + } + + return object; + + } + + } ); + + var TEXTURE_MAPPING = { + UVMapping: UVMapping, + CubeReflectionMapping: CubeReflectionMapping, + CubeRefractionMapping: CubeRefractionMapping, + EquirectangularReflectionMapping: EquirectangularReflectionMapping, + EquirectangularRefractionMapping: EquirectangularRefractionMapping, + SphericalReflectionMapping: SphericalReflectionMapping, + CubeUVReflectionMapping: CubeUVReflectionMapping, + CubeUVRefractionMapping: CubeUVRefractionMapping + }; + + var TEXTURE_WRAPPING = { + RepeatWrapping: RepeatWrapping, + ClampToEdgeWrapping: ClampToEdgeWrapping, + MirroredRepeatWrapping: MirroredRepeatWrapping + }; + + var TEXTURE_FILTER = { + NearestFilter: NearestFilter, + NearestMipMapNearestFilter: NearestMipMapNearestFilter, + NearestMipMapLinearFilter: NearestMipMapLinearFilter, + LinearFilter: LinearFilter, + LinearMipMapNearestFilter: LinearMipMapNearestFilter, + LinearMipMapLinearFilter: LinearMipMapLinearFilter + }; + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * minimal class for proxing functions to Path. Replaces old "extractSubpaths()" + **/ + + function ShapePath() { + + this.type = 'ShapePath'; + + this.color = new Color(); + + this.subPaths = []; + this.currentPath = null; + + } + + Object.assign( ShapePath.prototype, { + + moveTo: function ( x, y ) { + + this.currentPath = new Path(); + this.subPaths.push( this.currentPath ); + this.currentPath.moveTo( x, y ); + + }, + + lineTo: function ( x, y ) { + + this.currentPath.lineTo( x, y ); + + }, + + quadraticCurveTo: function ( aCPx, aCPy, aX, aY ) { + + this.currentPath.quadraticCurveTo( aCPx, aCPy, aX, aY ); + + }, + + bezierCurveTo: function ( aCP1x, aCP1y, aCP2x, aCP2y, aX, aY ) { + + this.currentPath.bezierCurveTo( aCP1x, aCP1y, aCP2x, aCP2y, aX, aY ); + + }, + + splineThru: function ( pts ) { + + this.currentPath.splineThru( pts ); + + }, + + toShapes: function ( isCCW, noHoles ) { + + function toShapesNoHoles( inSubpaths ) { + + var shapes = []; + + for ( var i = 0, l = inSubpaths.length; i < l; i ++ ) { + + var tmpPath = inSubpaths[ i ]; + + var tmpShape = new Shape(); + tmpShape.curves = tmpPath.curves; + + shapes.push( tmpShape ); + + } + + return shapes; + + } + + function isPointInsidePolygon( inPt, inPolygon ) { + + var polyLen = inPolygon.length; + + // inPt on polygon contour => immediate success or + // toggling of inside/outside at every single! intersection point of an edge + // with the horizontal line through inPt, left of inPt + // not counting lowerY endpoints of edges and whole edges on that line + var inside = false; + for ( var p = polyLen - 1, q = 0; q < polyLen; p = q ++ ) { + + var edgeLowPt = inPolygon[ p ]; + var edgeHighPt = inPolygon[ q ]; + + var edgeDx = edgeHighPt.x - edgeLowPt.x; + var edgeDy = edgeHighPt.y - edgeLowPt.y; + + if ( Math.abs( edgeDy ) > Number.EPSILON ) { + + // not parallel + if ( edgeDy < 0 ) { + + edgeLowPt = inPolygon[ q ]; edgeDx = - edgeDx; + edgeHighPt = inPolygon[ p ]; edgeDy = - edgeDy; + + } + if ( ( inPt.y < edgeLowPt.y ) || ( inPt.y > edgeHighPt.y ) ) continue; + + if ( inPt.y === edgeLowPt.y ) { + + if ( inPt.x === edgeLowPt.x ) return true; // inPt is on contour ? + // continue; // no intersection or edgeLowPt => doesn't count !!! + + } else { + + var perpEdge = edgeDy * ( inPt.x - edgeLowPt.x ) - edgeDx * ( inPt.y - edgeLowPt.y ); + if ( perpEdge === 0 ) return true; // inPt is on contour ? + if ( perpEdge < 0 ) continue; + inside = ! inside; // true intersection left of inPt + + } + + } else { + + // parallel or collinear + if ( inPt.y !== edgeLowPt.y ) continue; // parallel + // edge lies on the same horizontal line as inPt + if ( ( ( edgeHighPt.x <= inPt.x ) && ( inPt.x <= edgeLowPt.x ) ) || + ( ( edgeLowPt.x <= inPt.x ) && ( inPt.x <= edgeHighPt.x ) ) ) return true; // inPt: Point on contour ! + // continue; + + } + + } + + return inside; + + } + + var isClockWise = ShapeUtils.isClockWise; + + var subPaths = this.subPaths; + if ( subPaths.length === 0 ) return []; + + if ( noHoles === true ) return toShapesNoHoles( subPaths ); + + + var solid, tmpPath, tmpShape, shapes = []; + + if ( subPaths.length === 1 ) { + + tmpPath = subPaths[ 0 ]; + tmpShape = new Shape(); + tmpShape.curves = tmpPath.curves; + shapes.push( tmpShape ); + return shapes; + + } + + var holesFirst = ! isClockWise( subPaths[ 0 ].getPoints() ); + holesFirst = isCCW ? ! holesFirst : holesFirst; + + // console.log("Holes first", holesFirst); + + var betterShapeHoles = []; + var newShapes = []; + var newShapeHoles = []; + var mainIdx = 0; + var tmpPoints; + + newShapes[ mainIdx ] = undefined; + newShapeHoles[ mainIdx ] = []; + + for ( var i = 0, l = subPaths.length; i < l; i ++ ) { + + tmpPath = subPaths[ i ]; + tmpPoints = tmpPath.getPoints(); + solid = isClockWise( tmpPoints ); + solid = isCCW ? ! solid : solid; + + if ( solid ) { + + if ( ( ! holesFirst ) && ( newShapes[ mainIdx ] ) ) mainIdx ++; + + newShapes[ mainIdx ] = { s: new Shape(), p: tmpPoints }; + newShapes[ mainIdx ].s.curves = tmpPath.curves; + + if ( holesFirst ) mainIdx ++; + newShapeHoles[ mainIdx ] = []; + + //console.log('cw', i); + + } else { + + newShapeHoles[ mainIdx ].push( { h: tmpPath, p: tmpPoints[ 0 ] } ); + + //console.log('ccw', i); + + } + + } + + // only Holes? -> probably all Shapes with wrong orientation + if ( ! newShapes[ 0 ] ) return toShapesNoHoles( subPaths ); + + + if ( newShapes.length > 1 ) { + + var ambiguous = false; + var toChange = []; + + for ( var sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx ++ ) { + + betterShapeHoles[ sIdx ] = []; + + } + + for ( var sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx ++ ) { + + var sho = newShapeHoles[ sIdx ]; + + for ( var hIdx = 0; hIdx < sho.length; hIdx ++ ) { + + var ho = sho[ hIdx ]; + var hole_unassigned = true; + + for ( var s2Idx = 0; s2Idx < newShapes.length; s2Idx ++ ) { + + if ( isPointInsidePolygon( ho.p, newShapes[ s2Idx ].p ) ) { + + if ( sIdx !== s2Idx ) toChange.push( { froms: sIdx, tos: s2Idx, hole: hIdx } ); + if ( hole_unassigned ) { + + hole_unassigned = false; + betterShapeHoles[ s2Idx ].push( ho ); + + } else { + + ambiguous = true; + + } + + } + + } + if ( hole_unassigned ) { + + betterShapeHoles[ sIdx ].push( ho ); + + } + + } + + } + // console.log("ambiguous: ", ambiguous); + if ( toChange.length > 0 ) { + + // console.log("to change: ", toChange); + if ( ! ambiguous ) newShapeHoles = betterShapeHoles; + + } + + } + + var tmpHoles; + + for ( var i = 0, il = newShapes.length; i < il; i ++ ) { + + tmpShape = newShapes[ i ].s; + shapes.push( tmpShape ); + tmpHoles = newShapeHoles[ i ]; + + for ( var j = 0, jl = tmpHoles.length; j < jl; j ++ ) { + + tmpShape.holes.push( tmpHoles[ j ].h ); + + } + + } + + //console.log("shape", shapes); + + return shapes; + + } + + } ); + + /** + * @author zz85 / http://www.lab4games.net/zz85/blog + * @author mrdoob / http://mrdoob.com/ + */ + + + function Font( data ) { + + this.type = 'Font'; + + this.data = data; + + } + + Object.assign( Font.prototype, { + + isFont: true, + + generateShapes: function ( text, size, divisions ) { + + if ( size === undefined ) size = 100; + if ( divisions === undefined ) divisions = 4; + + var shapes = []; + var paths = createPaths( text, size, divisions, this.data ); + + for ( var p = 0, pl = paths.length; p < pl; p ++ ) { + + Array.prototype.push.apply( shapes, paths[ p ].toShapes() ); + + } + + return shapes; + + } + + } ); + + function createPaths( text, size, divisions, data ) { + + var chars = Array.from ? Array.from( text ) : String( text ).split( '' ); // see #13988 + var scale = size / data.resolution; + var line_height = ( data.boundingBox.yMax - data.boundingBox.yMin + data.underlineThickness ) * scale; + + var paths = []; + + var offsetX = 0, offsetY = 0; + + for ( var i = 0; i < chars.length; i ++ ) { + + var char = chars[ i ]; + + if ( char === '\n' ) { + + offsetX = 0; + offsetY -= line_height; + + } else { + + var ret = createPath( char, divisions, scale, offsetX, offsetY, data ); + offsetX += ret.offsetX; + paths.push( ret.path ); + + } + + } + + return paths; + + } + + function createPath( char, divisions, scale, offsetX, offsetY, data ) { + + var glyph = data.glyphs[ char ] || data.glyphs[ '?' ]; + + if ( ! glyph ) return; + + var path = new ShapePath(); + + var x, y, cpx, cpy, cpx1, cpy1, cpx2, cpy2; + + if ( glyph.o ) { + + var outline = glyph._cachedOutline || ( glyph._cachedOutline = glyph.o.split( ' ' ) ); + + for ( var i = 0, l = outline.length; i < l; ) { + + var action = outline[ i ++ ]; + + switch ( action ) { + + case 'm': // moveTo + + x = outline[ i ++ ] * scale + offsetX; + y = outline[ i ++ ] * scale + offsetY; + + path.moveTo( x, y ); + + break; + + case 'l': // lineTo + + x = outline[ i ++ ] * scale + offsetX; + y = outline[ i ++ ] * scale + offsetY; + + path.lineTo( x, y ); + + break; + + case 'q': // quadraticCurveTo + + cpx = outline[ i ++ ] * scale + offsetX; + cpy = outline[ i ++ ] * scale + offsetY; + cpx1 = outline[ i ++ ] * scale + offsetX; + cpy1 = outline[ i ++ ] * scale + offsetY; + + path.quadraticCurveTo( cpx1, cpy1, cpx, cpy ); + + break; + + case 'b': // bezierCurveTo + + cpx = outline[ i ++ ] * scale + offsetX; + cpy = outline[ i ++ ] * scale + offsetY; + cpx1 = outline[ i ++ ] * scale + offsetX; + cpy1 = outline[ i ++ ] * scale + offsetY; + cpx2 = outline[ i ++ ] * scale + offsetX; + cpy2 = outline[ i ++ ] * scale + offsetY; + + path.bezierCurveTo( cpx1, cpy1, cpx2, cpy2, cpx, cpy ); + + break; + + } + + } + + } + + return { offsetX: glyph.ha * scale, path: path }; + + } + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function FontLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + } + + Object.assign( FontLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + var scope = this; + + var loader = new FileLoader( this.manager ); + loader.setPath( this.path ); + loader.load( url, function ( text ) { + + var json; + + try { + + json = JSON.parse( text ); + + } catch ( e ) { + + console.warn( 'THREE.FontLoader: typeface.js support is being deprecated. Use typeface.json instead.' ); + json = JSON.parse( text.substring( 65, text.length - 2 ) ); + + } + + var font = scope.parse( json ); + + if ( onLoad ) onLoad( font ); + + }, onProgress, onError ); + + }, + + parse: function ( json ) { + + return new Font( json ); + + }, + + setPath: function ( value ) { + + this.path = value; + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + var context; + + var AudioContext = { + + getContext: function () { + + if ( context === undefined ) { + + context = new ( window.AudioContext || window.webkitAudioContext )(); + + } + + return context; + + }, + + setContext: function ( value ) { + + context = value; + + } + + }; + + /** + * @author Reece Aaron Lecrivain / http://reecenotes.com/ + */ + + function AudioLoader( manager ) { + + this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager; + + } + + Object.assign( AudioLoader.prototype, { + + load: function ( url, onLoad, onProgress, onError ) { + + var loader = new FileLoader( this.manager ); + loader.setResponseType( 'arraybuffer' ); + loader.load( url, function ( buffer ) { + + var context = AudioContext.getContext(); + + context.decodeAudioData( buffer, function ( audioBuffer ) { + + onLoad( audioBuffer ); + + } ); + + }, onProgress, onError ); + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function StereoCamera() { + + this.type = 'StereoCamera'; + + this.aspect = 1; + + this.eyeSep = 0.064; + + this.cameraL = new PerspectiveCamera(); + this.cameraL.layers.enable( 1 ); + this.cameraL.matrixAutoUpdate = false; + + this.cameraR = new PerspectiveCamera(); + this.cameraR.layers.enable( 2 ); + this.cameraR.matrixAutoUpdate = false; + + } + + Object.assign( StereoCamera.prototype, { + + update: ( function () { + + var instance, focus, fov, aspect, near, far, zoom, eyeSep; + + var eyeRight = new Matrix4(); + var eyeLeft = new Matrix4(); + + return function update( camera ) { + + var needsUpdate = instance !== this || focus !== camera.focus || fov !== camera.fov || + aspect !== camera.aspect * this.aspect || near !== camera.near || + far !== camera.far || zoom !== camera.zoom || eyeSep !== this.eyeSep; + + if ( needsUpdate ) { + + instance = this; + focus = camera.focus; + fov = camera.fov; + aspect = camera.aspect * this.aspect; + near = camera.near; + far = camera.far; + zoom = camera.zoom; + + // Off-axis stereoscopic effect based on + // http://paulbourke.net/stereographics/stereorender/ + + var projectionMatrix = camera.projectionMatrix.clone(); + eyeSep = this.eyeSep / 2; + var eyeSepOnProjection = eyeSep * near / focus; + var ymax = ( near * Math.tan( _Math.DEG2RAD * fov * 0.5 ) ) / zoom; + var xmin, xmax; + + // translate xOffset + + eyeLeft.elements[ 12 ] = - eyeSep; + eyeRight.elements[ 12 ] = eyeSep; + + // for left eye + + xmin = - ymax * aspect + eyeSepOnProjection; + xmax = ymax * aspect + eyeSepOnProjection; + + projectionMatrix.elements[ 0 ] = 2 * near / ( xmax - xmin ); + projectionMatrix.elements[ 8 ] = ( xmax + xmin ) / ( xmax - xmin ); + + this.cameraL.projectionMatrix.copy( projectionMatrix ); + + // for right eye + + xmin = - ymax * aspect - eyeSepOnProjection; + xmax = ymax * aspect - eyeSepOnProjection; + + projectionMatrix.elements[ 0 ] = 2 * near / ( xmax - xmin ); + projectionMatrix.elements[ 8 ] = ( xmax + xmin ) / ( xmax - xmin ); + + this.cameraR.projectionMatrix.copy( projectionMatrix ); + + } + + this.cameraL.matrixWorld.copy( camera.matrixWorld ).multiply( eyeLeft ); + this.cameraR.matrixWorld.copy( camera.matrixWorld ).multiply( eyeRight ); + + }; + + } )() + + } ); + + /** + * Camera for rendering cube maps + * - renders scene into axis-aligned cube + * + * @author alteredq / http://alteredqualia.com/ + */ + + function CubeCamera( near, far, cubeResolution ) { + + Object3D.call( this ); + + this.type = 'CubeCamera'; + + var fov = 90, aspect = 1; + + var cameraPX = new PerspectiveCamera( fov, aspect, near, far ); + cameraPX.up.set( 0, - 1, 0 ); + cameraPX.lookAt( new Vector3( 1, 0, 0 ) ); + this.add( cameraPX ); + + var cameraNX = new PerspectiveCamera( fov, aspect, near, far ); + cameraNX.up.set( 0, - 1, 0 ); + cameraNX.lookAt( new Vector3( - 1, 0, 0 ) ); + this.add( cameraNX ); + + var cameraPY = new PerspectiveCamera( fov, aspect, near, far ); + cameraPY.up.set( 0, 0, 1 ); + cameraPY.lookAt( new Vector3( 0, 1, 0 ) ); + this.add( cameraPY ); + + var cameraNY = new PerspectiveCamera( fov, aspect, near, far ); + cameraNY.up.set( 0, 0, - 1 ); + cameraNY.lookAt( new Vector3( 0, - 1, 0 ) ); + this.add( cameraNY ); + + var cameraPZ = new PerspectiveCamera( fov, aspect, near, far ); + cameraPZ.up.set( 0, - 1, 0 ); + cameraPZ.lookAt( new Vector3( 0, 0, 1 ) ); + this.add( cameraPZ ); + + var cameraNZ = new PerspectiveCamera( fov, aspect, near, far ); + cameraNZ.up.set( 0, - 1, 0 ); + cameraNZ.lookAt( new Vector3( 0, 0, - 1 ) ); + this.add( cameraNZ ); + + var options = { format: RGBFormat, magFilter: LinearFilter, minFilter: LinearFilter }; + + this.renderTarget = new WebGLRenderTargetCube( cubeResolution, cubeResolution, options ); + this.renderTarget.texture.name = "CubeCamera"; + + this.update = function ( renderer, scene ) { + + if ( this.parent === null ) this.updateMatrixWorld(); + + var renderTarget = this.renderTarget; + var generateMipmaps = renderTarget.texture.generateMipmaps; + + renderTarget.texture.generateMipmaps = false; + + renderTarget.activeCubeFace = 0; + renderer.render( scene, cameraPX, renderTarget ); + + renderTarget.activeCubeFace = 1; + renderer.render( scene, cameraNX, renderTarget ); + + renderTarget.activeCubeFace = 2; + renderer.render( scene, cameraPY, renderTarget ); + + renderTarget.activeCubeFace = 3; + renderer.render( scene, cameraNY, renderTarget ); + + renderTarget.activeCubeFace = 4; + renderer.render( scene, cameraPZ, renderTarget ); + + renderTarget.texture.generateMipmaps = generateMipmaps; + + renderTarget.activeCubeFace = 5; + renderer.render( scene, cameraNZ, renderTarget ); + + renderer.setRenderTarget( null ); + + }; + + this.clear = function ( renderer, color, depth, stencil ) { + + var renderTarget = this.renderTarget; + + for ( var i = 0; i < 6; i ++ ) { + + renderTarget.activeCubeFace = i; + renderer.setRenderTarget( renderTarget ); + + renderer.clear( color, depth, stencil ); + + } + + renderer.setRenderTarget( null ); + + }; + + } + + CubeCamera.prototype = Object.create( Object3D.prototype ); + CubeCamera.prototype.constructor = CubeCamera; + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function AudioListener() { + + Object3D.call( this ); + + this.type = 'AudioListener'; + + this.context = AudioContext.getContext(); + + this.gain = this.context.createGain(); + this.gain.connect( this.context.destination ); + + this.filter = null; + + } + + AudioListener.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: AudioListener, + + getInput: function () { + + return this.gain; + + }, + + removeFilter: function ( ) { + + if ( this.filter !== null ) { + + this.gain.disconnect( this.filter ); + this.filter.disconnect( this.context.destination ); + this.gain.connect( this.context.destination ); + this.filter = null; + + } + + }, + + getFilter: function () { + + return this.filter; + + }, + + setFilter: function ( value ) { + + if ( this.filter !== null ) { + + this.gain.disconnect( this.filter ); + this.filter.disconnect( this.context.destination ); + + } else { + + this.gain.disconnect( this.context.destination ); + + } + + this.filter = value; + this.gain.connect( this.filter ); + this.filter.connect( this.context.destination ); + + }, + + getMasterVolume: function () { + + return this.gain.gain.value; + + }, + + setMasterVolume: function ( value ) { + + this.gain.gain.setTargetAtTime( value, this.context.currentTime, 0.01 ); + + }, + + updateMatrixWorld: ( function () { + + var position = new Vector3(); + var quaternion = new Quaternion(); + var scale = new Vector3(); + + var orientation = new Vector3(); + + return function updateMatrixWorld( force ) { + + Object3D.prototype.updateMatrixWorld.call( this, force ); + + var listener = this.context.listener; + var up = this.up; + + this.matrixWorld.decompose( position, quaternion, scale ); + + orientation.set( 0, 0, - 1 ).applyQuaternion( quaternion ); + + if ( listener.positionX ) { + + listener.positionX.setValueAtTime( position.x, this.context.currentTime ); + listener.positionY.setValueAtTime( position.y, this.context.currentTime ); + listener.positionZ.setValueAtTime( position.z, this.context.currentTime ); + listener.forwardX.setValueAtTime( orientation.x, this.context.currentTime ); + listener.forwardY.setValueAtTime( orientation.y, this.context.currentTime ); + listener.forwardZ.setValueAtTime( orientation.z, this.context.currentTime ); + listener.upX.setValueAtTime( up.x, this.context.currentTime ); + listener.upY.setValueAtTime( up.y, this.context.currentTime ); + listener.upZ.setValueAtTime( up.z, this.context.currentTime ); + + } else { + + listener.setPosition( position.x, position.y, position.z ); + listener.setOrientation( orientation.x, orientation.y, orientation.z, up.x, up.y, up.z ); + + } + + }; + + } )() + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author Reece Aaron Lecrivain / http://reecenotes.com/ + */ + + function Audio( listener ) { + + Object3D.call( this ); + + this.type = 'Audio'; + + this.context = listener.context; + + this.gain = this.context.createGain(); + this.gain.connect( listener.getInput() ); + + this.autoplay = false; + + this.buffer = null; + this.loop = false; + this.startTime = 0; + this.offset = 0; + this.playbackRate = 1; + this.isPlaying = false; + this.hasPlaybackControl = true; + this.sourceType = 'empty'; + + this.filters = []; + + } + + Audio.prototype = Object.assign( Object.create( Object3D.prototype ), { + + constructor: Audio, + + getOutput: function () { + + return this.gain; + + }, + + setNodeSource: function ( audioNode ) { + + this.hasPlaybackControl = false; + this.sourceType = 'audioNode'; + this.source = audioNode; + this.connect(); + + return this; + + }, + + setMediaElementSource: function ( mediaElement ) { + + this.hasPlaybackControl = false; + this.sourceType = 'mediaNode'; + this.source = this.context.createMediaElementSource( mediaElement ); + this.connect(); + + return this; + + }, + + setBuffer: function ( audioBuffer ) { + + this.buffer = audioBuffer; + this.sourceType = 'buffer'; + + if ( this.autoplay ) this.play(); + + return this; + + }, + + play: function () { + + if ( this.isPlaying === true ) { + + console.warn( 'THREE.Audio: Audio is already playing.' ); + return; + + } + + if ( this.hasPlaybackControl === false ) { + + console.warn( 'THREE.Audio: this Audio has no playback control.' ); + return; + + } + + var source = this.context.createBufferSource(); + + source.buffer = this.buffer; + source.loop = this.loop; + source.onended = this.onEnded.bind( this ); + source.playbackRate.setValueAtTime( this.playbackRate, this.startTime ); + this.startTime = this.context.currentTime; + source.start( this.startTime, this.offset ); + + this.isPlaying = true; + + this.source = source; + + return this.connect(); + + }, + + pause: function () { + + if ( this.hasPlaybackControl === false ) { + + console.warn( 'THREE.Audio: this Audio has no playback control.' ); + return; + + } + + if ( this.isPlaying === true ) { + + this.source.stop(); + this.offset += ( this.context.currentTime - this.startTime ) * this.playbackRate; + this.isPlaying = false; + + } + + return this; + + }, + + stop: function () { + + if ( this.hasPlaybackControl === false ) { + + console.warn( 'THREE.Audio: this Audio has no playback control.' ); + return; + + } + + this.source.stop(); + this.offset = 0; + this.isPlaying = false; + + return this; + + }, + + connect: function () { + + if ( this.filters.length > 0 ) { + + this.source.connect( this.filters[ 0 ] ); + + for ( var i = 1, l = this.filters.length; i < l; i ++ ) { + + this.filters[ i - 1 ].connect( this.filters[ i ] ); + + } + + this.filters[ this.filters.length - 1 ].connect( this.getOutput() ); + + } else { + + this.source.connect( this.getOutput() ); + + } + + return this; + + }, + + disconnect: function () { + + if ( this.filters.length > 0 ) { + + this.source.disconnect( this.filters[ 0 ] ); + + for ( var i = 1, l = this.filters.length; i < l; i ++ ) { + + this.filters[ i - 1 ].disconnect( this.filters[ i ] ); + + } + + this.filters[ this.filters.length - 1 ].disconnect( this.getOutput() ); + + } else { + + this.source.disconnect( this.getOutput() ); + + } + + return this; + + }, + + getFilters: function () { + + return this.filters; + + }, + + setFilters: function ( value ) { + + if ( ! value ) value = []; + + if ( this.isPlaying === true ) { + + this.disconnect(); + this.filters = value; + this.connect(); + + } else { + + this.filters = value; + + } + + return this; + + }, + + getFilter: function () { + + return this.getFilters()[ 0 ]; + + }, + + setFilter: function ( filter ) { + + return this.setFilters( filter ? [ filter ] : [] ); + + }, + + setPlaybackRate: function ( value ) { + + if ( this.hasPlaybackControl === false ) { + + console.warn( 'THREE.Audio: this Audio has no playback control.' ); + return; + + } + + this.playbackRate = value; + + if ( this.isPlaying === true ) { + + this.source.playbackRate.setValueAtTime( this.playbackRate, this.context.currentTime ); + + } + + return this; + + }, + + getPlaybackRate: function () { + + return this.playbackRate; + + }, + + onEnded: function () { + + this.isPlaying = false; + + }, + + getLoop: function () { + + if ( this.hasPlaybackControl === false ) { + + console.warn( 'THREE.Audio: this Audio has no playback control.' ); + return false; + + } + + return this.loop; + + }, + + setLoop: function ( value ) { + + if ( this.hasPlaybackControl === false ) { + + console.warn( 'THREE.Audio: this Audio has no playback control.' ); + return; + + } + + this.loop = value; + + if ( this.isPlaying === true ) { + + this.source.loop = this.loop; + + } + + return this; + + }, + + getVolume: function () { + + return this.gain.gain.value; + + }, + + setVolume: function ( value ) { + + this.gain.gain.setTargetAtTime( value, this.context.currentTime, 0.01 ); + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function PositionalAudio( listener ) { + + Audio.call( this, listener ); + + this.panner = this.context.createPanner(); + this.panner.connect( this.gain ); + + } + + PositionalAudio.prototype = Object.assign( Object.create( Audio.prototype ), { + + constructor: PositionalAudio, + + getOutput: function () { + + return this.panner; + + }, + + getRefDistance: function () { + + return this.panner.refDistance; + + }, + + setRefDistance: function ( value ) { + + this.panner.refDistance = value; + + }, + + getRolloffFactor: function () { + + return this.panner.rolloffFactor; + + }, + + setRolloffFactor: function ( value ) { + + this.panner.rolloffFactor = value; + + }, + + getDistanceModel: function () { + + return this.panner.distanceModel; + + }, + + setDistanceModel: function ( value ) { + + this.panner.distanceModel = value; + + }, + + getMaxDistance: function () { + + return this.panner.maxDistance; + + }, + + setMaxDistance: function ( value ) { + + this.panner.maxDistance = value; + + }, + + updateMatrixWorld: ( function () { + + var position = new Vector3(); + + return function updateMatrixWorld( force ) { + + Object3D.prototype.updateMatrixWorld.call( this, force ); + + position.setFromMatrixPosition( this.matrixWorld ); + + this.panner.setPosition( position.x, position.y, position.z ); + + }; + + } )() + + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function AudioAnalyser( audio, fftSize ) { + + this.analyser = audio.context.createAnalyser(); + this.analyser.fftSize = fftSize !== undefined ? fftSize : 2048; + + this.data = new Uint8Array( this.analyser.frequencyBinCount ); + + audio.getOutput().connect( this.analyser ); + + } + + Object.assign( AudioAnalyser.prototype, { + + getFrequencyData: function () { + + this.analyser.getByteFrequencyData( this.data ); + + return this.data; + + }, + + getAverageFrequency: function () { + + var value = 0, data = this.getFrequencyData(); + + for ( var i = 0; i < data.length; i ++ ) { + + value += data[ i ]; + + } + + return value / data.length; + + } + + } ); + + /** + * + * Buffered scene graph property that allows weighted accumulation. + * + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function PropertyMixer( binding, typeName, valueSize ) { + + this.binding = binding; + this.valueSize = valueSize; + + var bufferType = Float64Array, + mixFunction; + + switch ( typeName ) { + + case 'quaternion': + mixFunction = this._slerp; + break; + + case 'string': + case 'bool': + bufferType = Array; + mixFunction = this._select; + break; + + default: + mixFunction = this._lerp; + + } + + this.buffer = new bufferType( valueSize * 4 ); + // layout: [ incoming | accu0 | accu1 | orig ] + // + // interpolators can use .buffer as their .result + // the data then goes to 'incoming' + // + // 'accu0' and 'accu1' are used frame-interleaved for + // the cumulative result and are compared to detect + // changes + // + // 'orig' stores the original state of the property + + this._mixBufferRegion = mixFunction; + + this.cumulativeWeight = 0; + + this.useCount = 0; + this.referenceCount = 0; + + } + + Object.assign( PropertyMixer.prototype, { + + // accumulate data in the 'incoming' region into 'accu' + accumulate: function ( accuIndex, weight ) { + + // note: happily accumulating nothing when weight = 0, the caller knows + // the weight and shouldn't have made the call in the first place + + var buffer = this.buffer, + stride = this.valueSize, + offset = accuIndex * stride + stride, + + currentWeight = this.cumulativeWeight; + + if ( currentWeight === 0 ) { + + // accuN := incoming * weight + + for ( var i = 0; i !== stride; ++ i ) { + + buffer[ offset + i ] = buffer[ i ]; + + } + + currentWeight = weight; + + } else { + + // accuN := accuN + incoming * weight + + currentWeight += weight; + var mix = weight / currentWeight; + this._mixBufferRegion( buffer, offset, 0, mix, stride ); + + } + + this.cumulativeWeight = currentWeight; + + }, + + // apply the state of 'accu' to the binding when accus differ + apply: function ( accuIndex ) { + + var stride = this.valueSize, + buffer = this.buffer, + offset = accuIndex * stride + stride, + + weight = this.cumulativeWeight, + + binding = this.binding; + + this.cumulativeWeight = 0; + + if ( weight < 1 ) { + + // accuN := accuN + original * ( 1 - cumulativeWeight ) + + var originalValueOffset = stride * 3; + + this._mixBufferRegion( + buffer, offset, originalValueOffset, 1 - weight, stride ); + + } + + for ( var i = stride, e = stride + stride; i !== e; ++ i ) { + + if ( buffer[ i ] !== buffer[ i + stride ] ) { + + // value has changed -> update scene graph + + binding.setValue( buffer, offset ); + break; + + } + + } + + }, + + // remember the state of the bound property and copy it to both accus + saveOriginalState: function () { + + var binding = this.binding; + + var buffer = this.buffer, + stride = this.valueSize, + + originalValueOffset = stride * 3; + + binding.getValue( buffer, originalValueOffset ); + + // accu[0..1] := orig -- initially detect changes against the original + for ( var i = stride, e = originalValueOffset; i !== e; ++ i ) { + + buffer[ i ] = buffer[ originalValueOffset + ( i % stride ) ]; + + } + + this.cumulativeWeight = 0; + + }, + + // apply the state previously taken via 'saveOriginalState' to the binding + restoreOriginalState: function () { + + var originalValueOffset = this.valueSize * 3; + this.binding.setValue( this.buffer, originalValueOffset ); + + }, + + + // mix functions + + _select: function ( buffer, dstOffset, srcOffset, t, stride ) { + + if ( t >= 0.5 ) { + + for ( var i = 0; i !== stride; ++ i ) { + + buffer[ dstOffset + i ] = buffer[ srcOffset + i ]; + + } + + } + + }, + + _slerp: function ( buffer, dstOffset, srcOffset, t ) { + + Quaternion.slerpFlat( buffer, dstOffset, buffer, dstOffset, buffer, srcOffset, t ); + + }, + + _lerp: function ( buffer, dstOffset, srcOffset, t, stride ) { + + var s = 1 - t; + + for ( var i = 0; i !== stride; ++ i ) { + + var j = dstOffset + i; + + buffer[ j ] = buffer[ j ] * s + buffer[ srcOffset + i ] * t; + + } + + } + + } ); + + /** + * + * A reference to a real property in the scene graph. + * + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + // Characters [].:/ are reserved for track binding syntax. + var RESERVED_CHARS_RE = '\\[\\]\\.:\\/'; + + function Composite( targetGroup, path, optionalParsedPath ) { + + var parsedPath = optionalParsedPath || PropertyBinding.parseTrackName( path ); + + this._targetGroup = targetGroup; + this._bindings = targetGroup.subscribe_( path, parsedPath ); + + } + + Object.assign( Composite.prototype, { + + getValue: function ( array, offset ) { + + this.bind(); // bind all binding + + var firstValidIndex = this._targetGroup.nCachedObjects_, + binding = this._bindings[ firstValidIndex ]; + + // and only call .getValue on the first + if ( binding !== undefined ) binding.getValue( array, offset ); + + }, + + setValue: function ( array, offset ) { + + var bindings = this._bindings; + + for ( var i = this._targetGroup.nCachedObjects_, + n = bindings.length; i !== n; ++ i ) { + + bindings[ i ].setValue( array, offset ); + + } + + }, + + bind: function () { + + var bindings = this._bindings; + + for ( var i = this._targetGroup.nCachedObjects_, + n = bindings.length; i !== n; ++ i ) { + + bindings[ i ].bind(); + + } + + }, + + unbind: function () { + + var bindings = this._bindings; + + for ( var i = this._targetGroup.nCachedObjects_, + n = bindings.length; i !== n; ++ i ) { + + bindings[ i ].unbind(); + + } + + } + + } ); + + + function PropertyBinding( rootNode, path, parsedPath ) { + + this.path = path; + this.parsedPath = parsedPath || PropertyBinding.parseTrackName( path ); + + this.node = PropertyBinding.findNode( rootNode, this.parsedPath.nodeName ) || rootNode; + + this.rootNode = rootNode; + + } + + Object.assign( PropertyBinding, { + + Composite: Composite, + + create: function ( root, path, parsedPath ) { + + if ( ! ( root && root.isAnimationObjectGroup ) ) { + + return new PropertyBinding( root, path, parsedPath ); + + } else { + + return new PropertyBinding.Composite( root, path, parsedPath ); + + } + + }, + + /** + * Replaces spaces with underscores and removes unsupported characters from + * node names, to ensure compatibility with parseTrackName(). + * + * @param {string} name Node name to be sanitized. + * @return {string} + */ + sanitizeNodeName: ( function () { + + var reservedRe = new RegExp( '[' + RESERVED_CHARS_RE + ']', 'g' ); + + return function sanitizeNodeName( name ) { + + return name.replace( /\s/g, '_' ).replace( reservedRe, '' ); + + }; + + }() ), + + parseTrackName: function () { + + // Attempts to allow node names from any language. ES5's `\w` regexp matches + // only latin characters, and the unicode \p{L} is not yet supported. So + // instead, we exclude reserved characters and match everything else. + var wordChar = '[^' + RESERVED_CHARS_RE + ']'; + var wordCharOrDot = '[^' + RESERVED_CHARS_RE.replace( '\\.', '' ) + ']'; + + // Parent directories, delimited by '/' or ':'. Currently unused, but must + // be matched to parse the rest of the track name. + var directoryRe = /((?:WC+[\/:])*)/.source.replace( 'WC', wordChar ); + + // Target node. May contain word characters (a-zA-Z0-9_) and '.' or '-'. + var nodeRe = /(WCOD+)?/.source.replace( 'WCOD', wordCharOrDot ); + + // Object on target node, and accessor. May not contain reserved + // characters. Accessor may contain any character except closing bracket. + var objectRe = /(?:\.(WC+)(?:\[(.+)\])?)?/.source.replace( 'WC', wordChar ); + + // Property and accessor. May not contain reserved characters. Accessor may + // contain any non-bracket characters. + var propertyRe = /\.(WC+)(?:\[(.+)\])?/.source.replace( 'WC', wordChar ); + + var trackRe = new RegExp( '' + + '^' + + directoryRe + + nodeRe + + objectRe + + propertyRe + + '$' + ); + + var supportedObjectNames = [ 'material', 'materials', 'bones' ]; + + return function parseTrackName( trackName ) { + + var matches = trackRe.exec( trackName ); + + if ( ! matches ) { + + throw new Error( 'PropertyBinding: Cannot parse trackName: ' + trackName ); + + } + + var results = { + // directoryName: matches[ 1 ], // (tschw) currently unused + nodeName: matches[ 2 ], + objectName: matches[ 3 ], + objectIndex: matches[ 4 ], + propertyName: matches[ 5 ], // required + propertyIndex: matches[ 6 ] + }; + + var lastDot = results.nodeName && results.nodeName.lastIndexOf( '.' ); + + if ( lastDot !== undefined && lastDot !== - 1 ) { + + var objectName = results.nodeName.substring( lastDot + 1 ); + + // Object names must be checked against a whitelist. Otherwise, there + // is no way to parse 'foo.bar.baz': 'baz' must be a property, but + // 'bar' could be the objectName, or part of a nodeName (which can + // include '.' characters). + if ( supportedObjectNames.indexOf( objectName ) !== - 1 ) { + + results.nodeName = results.nodeName.substring( 0, lastDot ); + results.objectName = objectName; + + } + + } + + if ( results.propertyName === null || results.propertyName.length === 0 ) { + + throw new Error( 'PropertyBinding: can not parse propertyName from trackName: ' + trackName ); + + } + + return results; + + }; + + }(), + + findNode: function ( root, nodeName ) { + + if ( ! nodeName || nodeName === "" || nodeName === "root" || nodeName === "." || nodeName === - 1 || nodeName === root.name || nodeName === root.uuid ) { + + return root; + + } + + // search into skeleton bones. + if ( root.skeleton ) { + + var bone = root.skeleton.getBoneByName( nodeName ); + + if ( bone !== undefined ) { + + return bone; + + } + + } + + // search into node subtree. + if ( root.children ) { + + var searchNodeSubtree = function ( children ) { + + for ( var i = 0; i < children.length; i ++ ) { + + var childNode = children[ i ]; + + if ( childNode.name === nodeName || childNode.uuid === nodeName ) { + + return childNode; + + } + + var result = searchNodeSubtree( childNode.children ); + + if ( result ) return result; + + } + + return null; + + }; + + var subTreeNode = searchNodeSubtree( root.children ); + + if ( subTreeNode ) { + + return subTreeNode; + + } + + } + + return null; + + } + + } ); + + Object.assign( PropertyBinding.prototype, { // prototype, continued + + // these are used to "bind" a nonexistent property + _getValue_unavailable: function () {}, + _setValue_unavailable: function () {}, + + BindingType: { + Direct: 0, + EntireArray: 1, + ArrayElement: 2, + HasFromToArray: 3 + }, + + Versioning: { + None: 0, + NeedsUpdate: 1, + MatrixWorldNeedsUpdate: 2 + }, + + GetterByBindingType: [ + + function getValue_direct( buffer, offset ) { + + buffer[ offset ] = this.node[ this.propertyName ]; + + }, + + function getValue_array( buffer, offset ) { + + var source = this.resolvedProperty; + + for ( var i = 0, n = source.length; i !== n; ++ i ) { + + buffer[ offset ++ ] = source[ i ]; + + } + + }, + + function getValue_arrayElement( buffer, offset ) { + + buffer[ offset ] = this.resolvedProperty[ this.propertyIndex ]; + + }, + + function getValue_toArray( buffer, offset ) { + + this.resolvedProperty.toArray( buffer, offset ); + + } + + ], + + SetterByBindingTypeAndVersioning: [ + + [ + // Direct + + function setValue_direct( buffer, offset ) { + + this.targetObject[ this.propertyName ] = buffer[ offset ]; + + }, + + function setValue_direct_setNeedsUpdate( buffer, offset ) { + + this.targetObject[ this.propertyName ] = buffer[ offset ]; + this.targetObject.needsUpdate = true; + + }, + + function setValue_direct_setMatrixWorldNeedsUpdate( buffer, offset ) { + + this.targetObject[ this.propertyName ] = buffer[ offset ]; + this.targetObject.matrixWorldNeedsUpdate = true; + + } + + ], [ + + // EntireArray + + function setValue_array( buffer, offset ) { + + var dest = this.resolvedProperty; + + for ( var i = 0, n = dest.length; i !== n; ++ i ) { + + dest[ i ] = buffer[ offset ++ ]; + + } + + }, + + function setValue_array_setNeedsUpdate( buffer, offset ) { + + var dest = this.resolvedProperty; + + for ( var i = 0, n = dest.length; i !== n; ++ i ) { + + dest[ i ] = buffer[ offset ++ ]; + + } + + this.targetObject.needsUpdate = true; + + }, + + function setValue_array_setMatrixWorldNeedsUpdate( buffer, offset ) { + + var dest = this.resolvedProperty; + + for ( var i = 0, n = dest.length; i !== n; ++ i ) { + + dest[ i ] = buffer[ offset ++ ]; + + } + + this.targetObject.matrixWorldNeedsUpdate = true; + + } + + ], [ + + // ArrayElement + + function setValue_arrayElement( buffer, offset ) { + + this.resolvedProperty[ this.propertyIndex ] = buffer[ offset ]; + + }, + + function setValue_arrayElement_setNeedsUpdate( buffer, offset ) { + + this.resolvedProperty[ this.propertyIndex ] = buffer[ offset ]; + this.targetObject.needsUpdate = true; + + }, + + function setValue_arrayElement_setMatrixWorldNeedsUpdate( buffer, offset ) { + + this.resolvedProperty[ this.propertyIndex ] = buffer[ offset ]; + this.targetObject.matrixWorldNeedsUpdate = true; + + } + + ], [ + + // HasToFromArray + + function setValue_fromArray( buffer, offset ) { + + this.resolvedProperty.fromArray( buffer, offset ); + + }, + + function setValue_fromArray_setNeedsUpdate( buffer, offset ) { + + this.resolvedProperty.fromArray( buffer, offset ); + this.targetObject.needsUpdate = true; + + }, + + function setValue_fromArray_setMatrixWorldNeedsUpdate( buffer, offset ) { + + this.resolvedProperty.fromArray( buffer, offset ); + this.targetObject.matrixWorldNeedsUpdate = true; + + } + + ] + + ], + + getValue: function getValue_unbound( targetArray, offset ) { + + this.bind(); + this.getValue( targetArray, offset ); + + // Note: This class uses a State pattern on a per-method basis: + // 'bind' sets 'this.getValue' / 'setValue' and shadows the + // prototype version of these methods with one that represents + // the bound state. When the property is not found, the methods + // become no-ops. + + }, + + setValue: function getValue_unbound( sourceArray, offset ) { + + this.bind(); + this.setValue( sourceArray, offset ); + + }, + + // create getter / setter pair for a property in the scene graph + bind: function () { + + var targetObject = this.node, + parsedPath = this.parsedPath, + + objectName = parsedPath.objectName, + propertyName = parsedPath.propertyName, + propertyIndex = parsedPath.propertyIndex; + + if ( ! targetObject ) { + + targetObject = PropertyBinding.findNode( this.rootNode, parsedPath.nodeName ) || this.rootNode; + + this.node = targetObject; + + } + + // set fail state so we can just 'return' on error + this.getValue = this._getValue_unavailable; + this.setValue = this._setValue_unavailable; + + // ensure there is a value node + if ( ! targetObject ) { + + console.error( 'THREE.PropertyBinding: Trying to update node for track: ' + this.path + ' but it wasn\'t found.' ); + return; + + } + + if ( objectName ) { + + var objectIndex = parsedPath.objectIndex; + + // special cases were we need to reach deeper into the hierarchy to get the face materials.... + switch ( objectName ) { + + case 'materials': + + if ( ! targetObject.material ) { + + console.error( 'THREE.PropertyBinding: Can not bind to material as node does not have a material.', this ); + return; + + } + + if ( ! targetObject.material.materials ) { + + console.error( 'THREE.PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.', this ); + return; + + } + + targetObject = targetObject.material.materials; + + break; + + case 'bones': + + if ( ! targetObject.skeleton ) { + + console.error( 'THREE.PropertyBinding: Can not bind to bones as node does not have a skeleton.', this ); + return; + + } + + // potential future optimization: skip this if propertyIndex is already an integer + // and convert the integer string to a true integer. + + targetObject = targetObject.skeleton.bones; + + // support resolving morphTarget names into indices. + for ( var i = 0; i < targetObject.length; i ++ ) { + + if ( targetObject[ i ].name === objectIndex ) { + + objectIndex = i; + break; + + } + + } + + break; + + default: + + if ( targetObject[ objectName ] === undefined ) { + + console.error( 'THREE.PropertyBinding: Can not bind to objectName of node undefined.', this ); + return; + + } + + targetObject = targetObject[ objectName ]; + + } + + + if ( objectIndex !== undefined ) { + + if ( targetObject[ objectIndex ] === undefined ) { + + console.error( 'THREE.PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.', this, targetObject ); + return; + + } + + targetObject = targetObject[ objectIndex ]; + + } + + } + + // resolve property + var nodeProperty = targetObject[ propertyName ]; + + if ( nodeProperty === undefined ) { + + var nodeName = parsedPath.nodeName; + + console.error( 'THREE.PropertyBinding: Trying to update property for track: ' + nodeName + + '.' + propertyName + ' but it wasn\'t found.', targetObject ); + return; + + } + + // determine versioning scheme + var versioning = this.Versioning.None; + + if ( targetObject.needsUpdate !== undefined ) { // material + + versioning = this.Versioning.NeedsUpdate; + this.targetObject = targetObject; + + } else if ( targetObject.matrixWorldNeedsUpdate !== undefined ) { // node transform + + versioning = this.Versioning.MatrixWorldNeedsUpdate; + this.targetObject = targetObject; + + } + + // determine how the property gets bound + var bindingType = this.BindingType.Direct; + + if ( propertyIndex !== undefined ) { + + // access a sub element of the property array (only primitives are supported right now) + + if ( propertyName === "morphTargetInfluences" ) { + + // potential optimization, skip this if propertyIndex is already an integer, and convert the integer string to a true integer. + + // support resolving morphTarget names into indices. + if ( ! targetObject.geometry ) { + + console.error( 'THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.', this ); + return; + + } + + if ( targetObject.geometry.isBufferGeometry ) { + + if ( ! targetObject.geometry.morphAttributes ) { + + console.error( 'THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.', this ); + return; + + } + + for ( var i = 0; i < this.node.geometry.morphAttributes.position.length; i ++ ) { + + if ( targetObject.geometry.morphAttributes.position[ i ].name === propertyIndex ) { + + propertyIndex = i; + break; + + } + + } + + + } else { + + if ( ! targetObject.geometry.morphTargets ) { + + console.error( 'THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphTargets.', this ); + return; + + } + + for ( var i = 0; i < this.node.geometry.morphTargets.length; i ++ ) { + + if ( targetObject.geometry.morphTargets[ i ].name === propertyIndex ) { + + propertyIndex = i; + break; + + } + + } + + } + + } + + bindingType = this.BindingType.ArrayElement; + + this.resolvedProperty = nodeProperty; + this.propertyIndex = propertyIndex; + + } else if ( nodeProperty.fromArray !== undefined && nodeProperty.toArray !== undefined ) { + + // must use copy for Object3D.Euler/Quaternion + + bindingType = this.BindingType.HasFromToArray; + + this.resolvedProperty = nodeProperty; + + } else if ( Array.isArray( nodeProperty ) ) { + + bindingType = this.BindingType.EntireArray; + + this.resolvedProperty = nodeProperty; + + } else { + + this.propertyName = propertyName; + + } + + // select getter / setter + this.getValue = this.GetterByBindingType[ bindingType ]; + this.setValue = this.SetterByBindingTypeAndVersioning[ bindingType ][ versioning ]; + + }, + + unbind: function () { + + this.node = null; + + // back to the prototype version of getValue / setValue + // note: avoiding to mutate the shape of 'this' via 'delete' + this.getValue = this._getValue_unbound; + this.setValue = this._setValue_unbound; + + } + + } ); + + //!\ DECLARE ALIAS AFTER assign prototype ! + Object.assign( PropertyBinding.prototype, { + + // initial state of these methods that calls 'bind' + _getValue_unbound: PropertyBinding.prototype.getValue, + _setValue_unbound: PropertyBinding.prototype.setValue, + + } ); + + /** + * + * A group of objects that receives a shared animation state. + * + * Usage: + * + * - Add objects you would otherwise pass as 'root' to the + * constructor or the .clipAction method of AnimationMixer. + * + * - Instead pass this object as 'root'. + * + * - You can also add and remove objects later when the mixer + * is running. + * + * Note: + * + * Objects of this class appear as one object to the mixer, + * so cache control of the individual objects must be done + * on the group. + * + * Limitation: + * + * - The animated properties must be compatible among the + * all objects in the group. + * + * - A single property can either be controlled through a + * target group or directly, but not both. + * + * @author tschw + */ + + function AnimationObjectGroup() { + + this.uuid = _Math.generateUUID(); + + // cached objects followed by the active ones + this._objects = Array.prototype.slice.call( arguments ); + + this.nCachedObjects_ = 0; // threshold + // note: read by PropertyBinding.Composite + + var indices = {}; + this._indicesByUUID = indices; // for bookkeeping + + for ( var i = 0, n = arguments.length; i !== n; ++ i ) { + + indices[ arguments[ i ].uuid ] = i; + + } + + this._paths = []; // inside: string + this._parsedPaths = []; // inside: { we don't care, here } + this._bindings = []; // inside: Array< PropertyBinding > + this._bindingsIndicesByPath = {}; // inside: indices in these arrays + + var scope = this; + + this.stats = { + + objects: { + get total() { + + return scope._objects.length; + + }, + get inUse() { + + return this.total - scope.nCachedObjects_; + + } + }, + get bindingsPerObject() { + + return scope._bindings.length; + + } + + }; + + } + + Object.assign( AnimationObjectGroup.prototype, { + + isAnimationObjectGroup: true, + + add: function () { + + var objects = this._objects, + nObjects = objects.length, + nCachedObjects = this.nCachedObjects_, + indicesByUUID = this._indicesByUUID, + paths = this._paths, + parsedPaths = this._parsedPaths, + bindings = this._bindings, + nBindings = bindings.length, + knownObject = undefined; + + for ( var i = 0, n = arguments.length; i !== n; ++ i ) { + + var object = arguments[ i ], + uuid = object.uuid, + index = indicesByUUID[ uuid ]; + + if ( index === undefined ) { + + // unknown object -> add it to the ACTIVE region + + index = nObjects ++; + indicesByUUID[ uuid ] = index; + objects.push( object ); + + // accounting is done, now do the same for all bindings + + for ( var j = 0, m = nBindings; j !== m; ++ j ) { + + bindings[ j ].push( new PropertyBinding( object, paths[ j ], parsedPaths[ j ] ) ); + + } + + } else if ( index < nCachedObjects ) { + + knownObject = objects[ index ]; + + // move existing object to the ACTIVE region + + var firstActiveIndex = -- nCachedObjects, + lastCachedObject = objects[ firstActiveIndex ]; + + indicesByUUID[ lastCachedObject.uuid ] = index; + objects[ index ] = lastCachedObject; + + indicesByUUID[ uuid ] = firstActiveIndex; + objects[ firstActiveIndex ] = object; + + // accounting is done, now do the same for all bindings + + for ( var j = 0, m = nBindings; j !== m; ++ j ) { + + var bindingsForPath = bindings[ j ], + lastCached = bindingsForPath[ firstActiveIndex ], + binding = bindingsForPath[ index ]; + + bindingsForPath[ index ] = lastCached; + + if ( binding === undefined ) { + + // since we do not bother to create new bindings + // for objects that are cached, the binding may + // or may not exist + + binding = new PropertyBinding( object, paths[ j ], parsedPaths[ j ] ); + + } + + bindingsForPath[ firstActiveIndex ] = binding; + + } + + } else if ( objects[ index ] !== knownObject ) { + + console.error( 'THREE.AnimationObjectGroup: Different objects with the same UUID ' + + 'detected. Clean the caches or recreate your infrastructure when reloading scenes.' ); + + } // else the object is already where we want it to be + + } // for arguments + + this.nCachedObjects_ = nCachedObjects; + + }, + + remove: function () { + + var objects = this._objects, + nCachedObjects = this.nCachedObjects_, + indicesByUUID = this._indicesByUUID, + bindings = this._bindings, + nBindings = bindings.length; + + for ( var i = 0, n = arguments.length; i !== n; ++ i ) { + + var object = arguments[ i ], + uuid = object.uuid, + index = indicesByUUID[ uuid ]; + + if ( index !== undefined && index >= nCachedObjects ) { + + // move existing object into the CACHED region + + var lastCachedIndex = nCachedObjects ++, + firstActiveObject = objects[ lastCachedIndex ]; + + indicesByUUID[ firstActiveObject.uuid ] = index; + objects[ index ] = firstActiveObject; + + indicesByUUID[ uuid ] = lastCachedIndex; + objects[ lastCachedIndex ] = object; + + // accounting is done, now do the same for all bindings + + for ( var j = 0, m = nBindings; j !== m; ++ j ) { + + var bindingsForPath = bindings[ j ], + firstActive = bindingsForPath[ lastCachedIndex ], + binding = bindingsForPath[ index ]; + + bindingsForPath[ index ] = firstActive; + bindingsForPath[ lastCachedIndex ] = binding; + + } + + } + + } // for arguments + + this.nCachedObjects_ = nCachedObjects; + + }, + + // remove & forget + uncache: function () { + + var objects = this._objects, + nObjects = objects.length, + nCachedObjects = this.nCachedObjects_, + indicesByUUID = this._indicesByUUID, + bindings = this._bindings, + nBindings = bindings.length; + + for ( var i = 0, n = arguments.length; i !== n; ++ i ) { + + var object = arguments[ i ], + uuid = object.uuid, + index = indicesByUUID[ uuid ]; + + if ( index !== undefined ) { + + delete indicesByUUID[ uuid ]; + + if ( index < nCachedObjects ) { + + // object is cached, shrink the CACHED region + + var firstActiveIndex = -- nCachedObjects, + lastCachedObject = objects[ firstActiveIndex ], + lastIndex = -- nObjects, + lastObject = objects[ lastIndex ]; + + // last cached object takes this object's place + indicesByUUID[ lastCachedObject.uuid ] = index; + objects[ index ] = lastCachedObject; + + // last object goes to the activated slot and pop + indicesByUUID[ lastObject.uuid ] = firstActiveIndex; + objects[ firstActiveIndex ] = lastObject; + objects.pop(); + + // accounting is done, now do the same for all bindings + + for ( var j = 0, m = nBindings; j !== m; ++ j ) { + + var bindingsForPath = bindings[ j ], + lastCached = bindingsForPath[ firstActiveIndex ], + last = bindingsForPath[ lastIndex ]; + + bindingsForPath[ index ] = lastCached; + bindingsForPath[ firstActiveIndex ] = last; + bindingsForPath.pop(); + + } + + } else { + + // object is active, just swap with the last and pop + + var lastIndex = -- nObjects, + lastObject = objects[ lastIndex ]; + + indicesByUUID[ lastObject.uuid ] = index; + objects[ index ] = lastObject; + objects.pop(); + + // accounting is done, now do the same for all bindings + + for ( var j = 0, m = nBindings; j !== m; ++ j ) { + + var bindingsForPath = bindings[ j ]; + + bindingsForPath[ index ] = bindingsForPath[ lastIndex ]; + bindingsForPath.pop(); + + } + + } // cached or active + + } // if object is known + + } // for arguments + + this.nCachedObjects_ = nCachedObjects; + + }, + + // Internal interface used by befriended PropertyBinding.Composite: + + subscribe_: function ( path, parsedPath ) { + + // returns an array of bindings for the given path that is changed + // according to the contained objects in the group + + var indicesByPath = this._bindingsIndicesByPath, + index = indicesByPath[ path ], + bindings = this._bindings; + + if ( index !== undefined ) return bindings[ index ]; + + var paths = this._paths, + parsedPaths = this._parsedPaths, + objects = this._objects, + nObjects = objects.length, + nCachedObjects = this.nCachedObjects_, + bindingsForPath = new Array( nObjects ); + + index = bindings.length; + + indicesByPath[ path ] = index; + + paths.push( path ); + parsedPaths.push( parsedPath ); + bindings.push( bindingsForPath ); + + for ( var i = nCachedObjects, n = objects.length; i !== n; ++ i ) { + + var object = objects[ i ]; + bindingsForPath[ i ] = new PropertyBinding( object, path, parsedPath ); + + } + + return bindingsForPath; + + }, + + unsubscribe_: function ( path ) { + + // tells the group to forget about a property path and no longer + // update the array previously obtained with 'subscribe_' + + var indicesByPath = this._bindingsIndicesByPath, + index = indicesByPath[ path ]; + + if ( index !== undefined ) { + + var paths = this._paths, + parsedPaths = this._parsedPaths, + bindings = this._bindings, + lastBindingsIndex = bindings.length - 1, + lastBindings = bindings[ lastBindingsIndex ], + lastBindingsPath = path[ lastBindingsIndex ]; + + indicesByPath[ lastBindingsPath ] = index; + + bindings[ index ] = lastBindings; + bindings.pop(); + + parsedPaths[ index ] = parsedPaths[ lastBindingsIndex ]; + parsedPaths.pop(); + + paths[ index ] = paths[ lastBindingsIndex ]; + paths.pop(); + + } + + } + + } ); + + /** + * + * Action provided by AnimationMixer for scheduling clip playback on specific + * objects. + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + * + */ + + function AnimationAction( mixer, clip, localRoot ) { + + this._mixer = mixer; + this._clip = clip; + this._localRoot = localRoot || null; + + var tracks = clip.tracks, + nTracks = tracks.length, + interpolants = new Array( nTracks ); + + var interpolantSettings = { + endingStart: ZeroCurvatureEnding, + endingEnd: ZeroCurvatureEnding + }; + + for ( var i = 0; i !== nTracks; ++ i ) { + + var interpolant = tracks[ i ].createInterpolant( null ); + interpolants[ i ] = interpolant; + interpolant.settings = interpolantSettings; + + } + + this._interpolantSettings = interpolantSettings; + + this._interpolants = interpolants; // bound by the mixer + + // inside: PropertyMixer (managed by the mixer) + this._propertyBindings = new Array( nTracks ); + + this._cacheIndex = null; // for the memory manager + this._byClipCacheIndex = null; // for the memory manager + + this._timeScaleInterpolant = null; + this._weightInterpolant = null; + + this.loop = LoopRepeat; + this._loopCount = - 1; + + // global mixer time when the action is to be started + // it's set back to 'null' upon start of the action + this._startTime = null; + + // scaled local time of the action + // gets clamped or wrapped to 0..clip.duration according to loop + this.time = 0; + + this.timeScale = 1; + this._effectiveTimeScale = 1; + + this.weight = 1; + this._effectiveWeight = 1; + + this.repetitions = Infinity; // no. of repetitions when looping + + this.paused = false; // true -> zero effective time scale + this.enabled = true; // false -> zero effective weight + + this.clampWhenFinished = false; // keep feeding the last frame? + + this.zeroSlopeAtStart = true; // for smooth interpolation w/o separate + this.zeroSlopeAtEnd = true; // clips for start, loop and end + + } + + Object.assign( AnimationAction.prototype, { + + // State & Scheduling + + play: function () { + + this._mixer._activateAction( this ); + + return this; + + }, + + stop: function () { + + this._mixer._deactivateAction( this ); + + return this.reset(); + + }, + + reset: function () { + + this.paused = false; + this.enabled = true; + + this.time = 0; // restart clip + this._loopCount = - 1; // forget previous loops + this._startTime = null; // forget scheduling + + return this.stopFading().stopWarping(); + + }, + + isRunning: function () { + + return this.enabled && ! this.paused && this.timeScale !== 0 && + this._startTime === null && this._mixer._isActiveAction( this ); + + }, + + // return true when play has been called + isScheduled: function () { + + return this._mixer._isActiveAction( this ); + + }, + + startAt: function ( time ) { + + this._startTime = time; + + return this; + + }, + + setLoop: function ( mode, repetitions ) { + + this.loop = mode; + this.repetitions = repetitions; + + return this; + + }, + + // Weight + + // set the weight stopping any scheduled fading + // although .enabled = false yields an effective weight of zero, this + // method does *not* change .enabled, because it would be confusing + setEffectiveWeight: function ( weight ) { + + this.weight = weight; + + // note: same logic as when updated at runtime + this._effectiveWeight = this.enabled ? weight : 0; + + return this.stopFading(); + + }, + + // return the weight considering fading and .enabled + getEffectiveWeight: function () { + + return this._effectiveWeight; + + }, + + fadeIn: function ( duration ) { + + return this._scheduleFading( duration, 0, 1 ); + + }, + + fadeOut: function ( duration ) { + + return this._scheduleFading( duration, 1, 0 ); + + }, + + crossFadeFrom: function ( fadeOutAction, duration, warp ) { + + fadeOutAction.fadeOut( duration ); + this.fadeIn( duration ); + + if ( warp ) { + + var fadeInDuration = this._clip.duration, + fadeOutDuration = fadeOutAction._clip.duration, + + startEndRatio = fadeOutDuration / fadeInDuration, + endStartRatio = fadeInDuration / fadeOutDuration; + + fadeOutAction.warp( 1.0, startEndRatio, duration ); + this.warp( endStartRatio, 1.0, duration ); + + } + + return this; + + }, + + crossFadeTo: function ( fadeInAction, duration, warp ) { + + return fadeInAction.crossFadeFrom( this, duration, warp ); + + }, + + stopFading: function () { + + var weightInterpolant = this._weightInterpolant; + + if ( weightInterpolant !== null ) { + + this._weightInterpolant = null; + this._mixer._takeBackControlInterpolant( weightInterpolant ); + + } + + return this; + + }, + + // Time Scale Control + + // set the time scale stopping any scheduled warping + // although .paused = true yields an effective time scale of zero, this + // method does *not* change .paused, because it would be confusing + setEffectiveTimeScale: function ( timeScale ) { + + this.timeScale = timeScale; + this._effectiveTimeScale = this.paused ? 0 : timeScale; + + return this.stopWarping(); + + }, + + // return the time scale considering warping and .paused + getEffectiveTimeScale: function () { + + return this._effectiveTimeScale; + + }, + + setDuration: function ( duration ) { + + this.timeScale = this._clip.duration / duration; + + return this.stopWarping(); + + }, + + syncWith: function ( action ) { + + this.time = action.time; + this.timeScale = action.timeScale; + + return this.stopWarping(); + + }, + + halt: function ( duration ) { + + return this.warp( this._effectiveTimeScale, 0, duration ); + + }, + + warp: function ( startTimeScale, endTimeScale, duration ) { + + var mixer = this._mixer, now = mixer.time, + interpolant = this._timeScaleInterpolant, + + timeScale = this.timeScale; + + if ( interpolant === null ) { + + interpolant = mixer._lendControlInterpolant(); + this._timeScaleInterpolant = interpolant; + + } + + var times = interpolant.parameterPositions, + values = interpolant.sampleValues; + + times[ 0 ] = now; + times[ 1 ] = now + duration; + + values[ 0 ] = startTimeScale / timeScale; + values[ 1 ] = endTimeScale / timeScale; + + return this; + + }, + + stopWarping: function () { + + var timeScaleInterpolant = this._timeScaleInterpolant; + + if ( timeScaleInterpolant !== null ) { + + this._timeScaleInterpolant = null; + this._mixer._takeBackControlInterpolant( timeScaleInterpolant ); + + } + + return this; + + }, + + // Object Accessors + + getMixer: function () { + + return this._mixer; + + }, + + getClip: function () { + + return this._clip; + + }, + + getRoot: function () { + + return this._localRoot || this._mixer._root; + + }, + + // Interna + + _update: function ( time, deltaTime, timeDirection, accuIndex ) { + + // called by the mixer + + if ( ! this.enabled ) { + + // call ._updateWeight() to update ._effectiveWeight + + this._updateWeight( time ); + return; + + } + + var startTime = this._startTime; + + if ( startTime !== null ) { + + // check for scheduled start of action + + var timeRunning = ( time - startTime ) * timeDirection; + if ( timeRunning < 0 || timeDirection === 0 ) { + + return; // yet to come / don't decide when delta = 0 + + } + + // start + + this._startTime = null; // unschedule + deltaTime = timeDirection * timeRunning; + + } + + // apply time scale and advance time + + deltaTime *= this._updateTimeScale( time ); + var clipTime = this._updateTime( deltaTime ); + + // note: _updateTime may disable the action resulting in + // an effective weight of 0 + + var weight = this._updateWeight( time ); + + if ( weight > 0 ) { + + var interpolants = this._interpolants; + var propertyMixers = this._propertyBindings; + + for ( var j = 0, m = interpolants.length; j !== m; ++ j ) { + + interpolants[ j ].evaluate( clipTime ); + propertyMixers[ j ].accumulate( accuIndex, weight ); + + } + + } + + }, + + _updateWeight: function ( time ) { + + var weight = 0; + + if ( this.enabled ) { + + weight = this.weight; + var interpolant = this._weightInterpolant; + + if ( interpolant !== null ) { + + var interpolantValue = interpolant.evaluate( time )[ 0 ]; + + weight *= interpolantValue; + + if ( time > interpolant.parameterPositions[ 1 ] ) { + + this.stopFading(); + + if ( interpolantValue === 0 ) { + + // faded out, disable + this.enabled = false; + + } + + } + + } + + } + + this._effectiveWeight = weight; + return weight; + + }, + + _updateTimeScale: function ( time ) { + + var timeScale = 0; + + if ( ! this.paused ) { + + timeScale = this.timeScale; + + var interpolant = this._timeScaleInterpolant; + + if ( interpolant !== null ) { + + var interpolantValue = interpolant.evaluate( time )[ 0 ]; + + timeScale *= interpolantValue; + + if ( time > interpolant.parameterPositions[ 1 ] ) { + + this.stopWarping(); + + if ( timeScale === 0 ) { + + // motion has halted, pause + this.paused = true; + + } else { + + // warp done - apply final time scale + this.timeScale = timeScale; + + } + + } + + } + + } + + this._effectiveTimeScale = timeScale; + return timeScale; + + }, + + _updateTime: function ( deltaTime ) { + + var time = this.time + deltaTime; + + if ( deltaTime === 0 ) return time; + + var duration = this._clip.duration, + + loop = this.loop, + loopCount = this._loopCount; + + if ( loop === LoopOnce ) { + + if ( loopCount === - 1 ) { + + // just started + + this._loopCount = 0; + this._setEndings( true, true, false ); + + } + + handle_stop: { + + if ( time >= duration ) { + + time = duration; + + } else if ( time < 0 ) { + + time = 0; + + } else break handle_stop; + + if ( this.clampWhenFinished ) this.paused = true; + else this.enabled = false; + + this._mixer.dispatchEvent( { + type: 'finished', action: this, + direction: deltaTime < 0 ? - 1 : 1 + } ); + + } + + } else { // repetitive Repeat or PingPong + + var pingPong = ( loop === LoopPingPong ); + + if ( loopCount === - 1 ) { + + // just started + + if ( deltaTime >= 0 ) { + + loopCount = 0; + + this._setEndings( true, this.repetitions === 0, pingPong ); + + } else { + + // when looping in reverse direction, the initial + // transition through zero counts as a repetition, + // so leave loopCount at -1 + + this._setEndings( this.repetitions === 0, true, pingPong ); + + } + + } + + if ( time >= duration || time < 0 ) { + + // wrap around + + var loopDelta = Math.floor( time / duration ); // signed + time -= duration * loopDelta; + + loopCount += Math.abs( loopDelta ); + + var pending = this.repetitions - loopCount; + + if ( pending <= 0 ) { + + // have to stop (switch state, clamp time, fire event) + + if ( this.clampWhenFinished ) this.paused = true; + else this.enabled = false; + + time = deltaTime > 0 ? duration : 0; + + this._mixer.dispatchEvent( { + type: 'finished', action: this, + direction: deltaTime > 0 ? 1 : - 1 + } ); + + } else { + + // keep running + + if ( pending === 1 ) { + + // entering the last round + + var atStart = deltaTime < 0; + this._setEndings( atStart, ! atStart, pingPong ); + + } else { + + this._setEndings( false, false, pingPong ); + + } + + this._loopCount = loopCount; + + this._mixer.dispatchEvent( { + type: 'loop', action: this, loopDelta: loopDelta + } ); + + } + + } + + if ( pingPong && ( loopCount & 1 ) === 1 ) { + + // invert time for the "pong round" + + this.time = time; + return duration - time; + + } + + } + + this.time = time; + return time; + + }, + + _setEndings: function ( atStart, atEnd, pingPong ) { + + var settings = this._interpolantSettings; + + if ( pingPong ) { + + settings.endingStart = ZeroSlopeEnding; + settings.endingEnd = ZeroSlopeEnding; + + } else { + + // assuming for LoopOnce atStart == atEnd == true + + if ( atStart ) { + + settings.endingStart = this.zeroSlopeAtStart ? ZeroSlopeEnding : ZeroCurvatureEnding; + + } else { + + settings.endingStart = WrapAroundEnding; + + } + + if ( atEnd ) { + + settings.endingEnd = this.zeroSlopeAtEnd ? ZeroSlopeEnding : ZeroCurvatureEnding; + + } else { + + settings.endingEnd = WrapAroundEnding; + + } + + } + + }, + + _scheduleFading: function ( duration, weightNow, weightThen ) { + + var mixer = this._mixer, now = mixer.time, + interpolant = this._weightInterpolant; + + if ( interpolant === null ) { + + interpolant = mixer._lendControlInterpolant(); + this._weightInterpolant = interpolant; + + } + + var times = interpolant.parameterPositions, + values = interpolant.sampleValues; + + times[ 0 ] = now; values[ 0 ] = weightNow; + times[ 1 ] = now + duration; values[ 1 ] = weightThen; + + return this; + + } + + } ); + + /** + * + * Player for AnimationClips. + * + * + * @author Ben Houston / http://clara.io/ + * @author David Sarno / http://lighthaus.us/ + * @author tschw + */ + + function AnimationMixer( root ) { + + this._root = root; + this._initMemoryManager(); + this._accuIndex = 0; + + this.time = 0; + + this.timeScale = 1.0; + + } + + AnimationMixer.prototype = Object.assign( Object.create( EventDispatcher.prototype ), { + + constructor: AnimationMixer, + + _bindAction: function ( action, prototypeAction ) { + + var root = action._localRoot || this._root, + tracks = action._clip.tracks, + nTracks = tracks.length, + bindings = action._propertyBindings, + interpolants = action._interpolants, + rootUuid = root.uuid, + bindingsByRoot = this._bindingsByRootAndName, + bindingsByName = bindingsByRoot[ rootUuid ]; + + if ( bindingsByName === undefined ) { + + bindingsByName = {}; + bindingsByRoot[ rootUuid ] = bindingsByName; + + } + + for ( var i = 0; i !== nTracks; ++ i ) { + + var track = tracks[ i ], + trackName = track.name, + binding = bindingsByName[ trackName ]; + + if ( binding !== undefined ) { + + bindings[ i ] = binding; + + } else { + + binding = bindings[ i ]; + + if ( binding !== undefined ) { + + // existing binding, make sure the cache knows + + if ( binding._cacheIndex === null ) { + + ++ binding.referenceCount; + this._addInactiveBinding( binding, rootUuid, trackName ); + + } + + continue; + + } + + var path = prototypeAction && prototypeAction. + _propertyBindings[ i ].binding.parsedPath; + + binding = new PropertyMixer( + PropertyBinding.create( root, trackName, path ), + track.ValueTypeName, track.getValueSize() ); + + ++ binding.referenceCount; + this._addInactiveBinding( binding, rootUuid, trackName ); + + bindings[ i ] = binding; + + } + + interpolants[ i ].resultBuffer = binding.buffer; + + } + + }, + + _activateAction: function ( action ) { + + if ( ! this._isActiveAction( action ) ) { + + if ( action._cacheIndex === null ) { + + // this action has been forgotten by the cache, but the user + // appears to be still using it -> rebind + + var rootUuid = ( action._localRoot || this._root ).uuid, + clipUuid = action._clip.uuid, + actionsForClip = this._actionsByClip[ clipUuid ]; + + this._bindAction( action, + actionsForClip && actionsForClip.knownActions[ 0 ] ); + + this._addInactiveAction( action, clipUuid, rootUuid ); + + } + + var bindings = action._propertyBindings; + + // increment reference counts / sort out state + for ( var i = 0, n = bindings.length; i !== n; ++ i ) { + + var binding = bindings[ i ]; + + if ( binding.useCount ++ === 0 ) { + + this._lendBinding( binding ); + binding.saveOriginalState(); + + } + + } + + this._lendAction( action ); + + } + + }, + + _deactivateAction: function ( action ) { + + if ( this._isActiveAction( action ) ) { + + var bindings = action._propertyBindings; + + // decrement reference counts / sort out state + for ( var i = 0, n = bindings.length; i !== n; ++ i ) { + + var binding = bindings[ i ]; + + if ( -- binding.useCount === 0 ) { + + binding.restoreOriginalState(); + this._takeBackBinding( binding ); + + } + + } + + this._takeBackAction( action ); + + } + + }, + + // Memory manager + + _initMemoryManager: function () { + + this._actions = []; // 'nActiveActions' followed by inactive ones + this._nActiveActions = 0; + + this._actionsByClip = {}; + // inside: + // { + // knownActions: Array< AnimationAction > - used as prototypes + // actionByRoot: AnimationAction - lookup + // } + + + this._bindings = []; // 'nActiveBindings' followed by inactive ones + this._nActiveBindings = 0; + + this._bindingsByRootAndName = {}; // inside: Map< name, PropertyMixer > + + + this._controlInterpolants = []; // same game as above + this._nActiveControlInterpolants = 0; + + var scope = this; + + this.stats = { + + actions: { + get total() { + + return scope._actions.length; + + }, + get inUse() { + + return scope._nActiveActions; + + } + }, + bindings: { + get total() { + + return scope._bindings.length; + + }, + get inUse() { + + return scope._nActiveBindings; + + } + }, + controlInterpolants: { + get total() { + + return scope._controlInterpolants.length; + + }, + get inUse() { + + return scope._nActiveControlInterpolants; + + } + } + + }; + + }, + + // Memory management for AnimationAction objects + + _isActiveAction: function ( action ) { + + var index = action._cacheIndex; + return index !== null && index < this._nActiveActions; + + }, + + _addInactiveAction: function ( action, clipUuid, rootUuid ) { + + var actions = this._actions, + actionsByClip = this._actionsByClip, + actionsForClip = actionsByClip[ clipUuid ]; + + if ( actionsForClip === undefined ) { + + actionsForClip = { + + knownActions: [ action ], + actionByRoot: {} + + }; + + action._byClipCacheIndex = 0; + + actionsByClip[ clipUuid ] = actionsForClip; + + } else { + + var knownActions = actionsForClip.knownActions; + + action._byClipCacheIndex = knownActions.length; + knownActions.push( action ); + + } + + action._cacheIndex = actions.length; + actions.push( action ); + + actionsForClip.actionByRoot[ rootUuid ] = action; + + }, + + _removeInactiveAction: function ( action ) { + + var actions = this._actions, + lastInactiveAction = actions[ actions.length - 1 ], + cacheIndex = action._cacheIndex; + + lastInactiveAction._cacheIndex = cacheIndex; + actions[ cacheIndex ] = lastInactiveAction; + actions.pop(); + + action._cacheIndex = null; + + + var clipUuid = action._clip.uuid, + actionsByClip = this._actionsByClip, + actionsForClip = actionsByClip[ clipUuid ], + knownActionsForClip = actionsForClip.knownActions, + + lastKnownAction = + knownActionsForClip[ knownActionsForClip.length - 1 ], + + byClipCacheIndex = action._byClipCacheIndex; + + lastKnownAction._byClipCacheIndex = byClipCacheIndex; + knownActionsForClip[ byClipCacheIndex ] = lastKnownAction; + knownActionsForClip.pop(); + + action._byClipCacheIndex = null; + + + var actionByRoot = actionsForClip.actionByRoot, + rootUuid = ( action._localRoot || this._root ).uuid; + + delete actionByRoot[ rootUuid ]; + + if ( knownActionsForClip.length === 0 ) { + + delete actionsByClip[ clipUuid ]; + + } + + this._removeInactiveBindingsForAction( action ); + + }, + + _removeInactiveBindingsForAction: function ( action ) { + + var bindings = action._propertyBindings; + for ( var i = 0, n = bindings.length; i !== n; ++ i ) { + + var binding = bindings[ i ]; + + if ( -- binding.referenceCount === 0 ) { + + this._removeInactiveBinding( binding ); + + } + + } + + }, + + _lendAction: function ( action ) { + + // [ active actions | inactive actions ] + // [ active actions >| inactive actions ] + // s a + // <-swap-> + // a s + + var actions = this._actions, + prevIndex = action._cacheIndex, + + lastActiveIndex = this._nActiveActions ++, + + firstInactiveAction = actions[ lastActiveIndex ]; + + action._cacheIndex = lastActiveIndex; + actions[ lastActiveIndex ] = action; + + firstInactiveAction._cacheIndex = prevIndex; + actions[ prevIndex ] = firstInactiveAction; + + }, + + _takeBackAction: function ( action ) { + + // [ active actions | inactive actions ] + // [ active actions |< inactive actions ] + // a s + // <-swap-> + // s a + + var actions = this._actions, + prevIndex = action._cacheIndex, + + firstInactiveIndex = -- this._nActiveActions, + + lastActiveAction = actions[ firstInactiveIndex ]; + + action._cacheIndex = firstInactiveIndex; + actions[ firstInactiveIndex ] = action; + + lastActiveAction._cacheIndex = prevIndex; + actions[ prevIndex ] = lastActiveAction; + + }, + + // Memory management for PropertyMixer objects + + _addInactiveBinding: function ( binding, rootUuid, trackName ) { + + var bindingsByRoot = this._bindingsByRootAndName, + bindingByName = bindingsByRoot[ rootUuid ], + + bindings = this._bindings; + + if ( bindingByName === undefined ) { + + bindingByName = {}; + bindingsByRoot[ rootUuid ] = bindingByName; + + } + + bindingByName[ trackName ] = binding; + + binding._cacheIndex = bindings.length; + bindings.push( binding ); + + }, + + _removeInactiveBinding: function ( binding ) { + + var bindings = this._bindings, + propBinding = binding.binding, + rootUuid = propBinding.rootNode.uuid, + trackName = propBinding.path, + bindingsByRoot = this._bindingsByRootAndName, + bindingByName = bindingsByRoot[ rootUuid ], + + lastInactiveBinding = bindings[ bindings.length - 1 ], + cacheIndex = binding._cacheIndex; + + lastInactiveBinding._cacheIndex = cacheIndex; + bindings[ cacheIndex ] = lastInactiveBinding; + bindings.pop(); + + delete bindingByName[ trackName ]; + + remove_empty_map: { + + for ( var _ in bindingByName ) break remove_empty_map; // eslint-disable-line no-unused-vars + + delete bindingsByRoot[ rootUuid ]; + + } + + }, + + _lendBinding: function ( binding ) { + + var bindings = this._bindings, + prevIndex = binding._cacheIndex, + + lastActiveIndex = this._nActiveBindings ++, + + firstInactiveBinding = bindings[ lastActiveIndex ]; + + binding._cacheIndex = lastActiveIndex; + bindings[ lastActiveIndex ] = binding; + + firstInactiveBinding._cacheIndex = prevIndex; + bindings[ prevIndex ] = firstInactiveBinding; + + }, + + _takeBackBinding: function ( binding ) { + + var bindings = this._bindings, + prevIndex = binding._cacheIndex, + + firstInactiveIndex = -- this._nActiveBindings, + + lastActiveBinding = bindings[ firstInactiveIndex ]; + + binding._cacheIndex = firstInactiveIndex; + bindings[ firstInactiveIndex ] = binding; + + lastActiveBinding._cacheIndex = prevIndex; + bindings[ prevIndex ] = lastActiveBinding; + + }, + + + // Memory management of Interpolants for weight and time scale + + _lendControlInterpolant: function () { + + var interpolants = this._controlInterpolants, + lastActiveIndex = this._nActiveControlInterpolants ++, + interpolant = interpolants[ lastActiveIndex ]; + + if ( interpolant === undefined ) { + + interpolant = new LinearInterpolant( + new Float32Array( 2 ), new Float32Array( 2 ), + 1, this._controlInterpolantsResultBuffer ); + + interpolant.__cacheIndex = lastActiveIndex; + interpolants[ lastActiveIndex ] = interpolant; + + } + + return interpolant; + + }, + + _takeBackControlInterpolant: function ( interpolant ) { + + var interpolants = this._controlInterpolants, + prevIndex = interpolant.__cacheIndex, + + firstInactiveIndex = -- this._nActiveControlInterpolants, + + lastActiveInterpolant = interpolants[ firstInactiveIndex ]; + + interpolant.__cacheIndex = firstInactiveIndex; + interpolants[ firstInactiveIndex ] = interpolant; + + lastActiveInterpolant.__cacheIndex = prevIndex; + interpolants[ prevIndex ] = lastActiveInterpolant; + + }, + + _controlInterpolantsResultBuffer: new Float32Array( 1 ), + + // return an action for a clip optionally using a custom root target + // object (this method allocates a lot of dynamic memory in case a + // previously unknown clip/root combination is specified) + clipAction: function ( clip, optionalRoot ) { + + var root = optionalRoot || this._root, + rootUuid = root.uuid, + + clipObject = typeof clip === 'string' ? + AnimationClip.findByName( root, clip ) : clip, + + clipUuid = clipObject !== null ? clipObject.uuid : clip, + + actionsForClip = this._actionsByClip[ clipUuid ], + prototypeAction = null; + + if ( actionsForClip !== undefined ) { + + var existingAction = + actionsForClip.actionByRoot[ rootUuid ]; + + if ( existingAction !== undefined ) { + + return existingAction; + + } + + // we know the clip, so we don't have to parse all + // the bindings again but can just copy + prototypeAction = actionsForClip.knownActions[ 0 ]; + + // also, take the clip from the prototype action + if ( clipObject === null ) + clipObject = prototypeAction._clip; + + } + + // clip must be known when specified via string + if ( clipObject === null ) return null; + + // allocate all resources required to run it + var newAction = new AnimationAction( this, clipObject, optionalRoot ); + + this._bindAction( newAction, prototypeAction ); + + // and make the action known to the memory manager + this._addInactiveAction( newAction, clipUuid, rootUuid ); + + return newAction; + + }, + + // get an existing action + existingAction: function ( clip, optionalRoot ) { + + var root = optionalRoot || this._root, + rootUuid = root.uuid, + + clipObject = typeof clip === 'string' ? + AnimationClip.findByName( root, clip ) : clip, + + clipUuid = clipObject ? clipObject.uuid : clip, + + actionsForClip = this._actionsByClip[ clipUuid ]; + + if ( actionsForClip !== undefined ) { + + return actionsForClip.actionByRoot[ rootUuid ] || null; + + } + + return null; + + }, + + // deactivates all previously scheduled actions + stopAllAction: function () { + + var actions = this._actions, + nActions = this._nActiveActions, + bindings = this._bindings, + nBindings = this._nActiveBindings; + + this._nActiveActions = 0; + this._nActiveBindings = 0; + + for ( var i = 0; i !== nActions; ++ i ) { + + actions[ i ].reset(); + + } + + for ( var i = 0; i !== nBindings; ++ i ) { + + bindings[ i ].useCount = 0; + + } + + return this; + + }, + + // advance the time and update apply the animation + update: function ( deltaTime ) { + + deltaTime *= this.timeScale; + + var actions = this._actions, + nActions = this._nActiveActions, + + time = this.time += deltaTime, + timeDirection = Math.sign( deltaTime ), + + accuIndex = this._accuIndex ^= 1; + + // run active actions + + for ( var i = 0; i !== nActions; ++ i ) { + + var action = actions[ i ]; + + action._update( time, deltaTime, timeDirection, accuIndex ); + + } + + // update scene graph + + var bindings = this._bindings, + nBindings = this._nActiveBindings; + + for ( var i = 0; i !== nBindings; ++ i ) { + + bindings[ i ].apply( accuIndex ); + + } + + return this; + + }, + + // return this mixer's root target object + getRoot: function () { + + return this._root; + + }, + + // free all resources specific to a particular clip + uncacheClip: function ( clip ) { + + var actions = this._actions, + clipUuid = clip.uuid, + actionsByClip = this._actionsByClip, + actionsForClip = actionsByClip[ clipUuid ]; + + if ( actionsForClip !== undefined ) { + + // note: just calling _removeInactiveAction would mess up the + // iteration state and also require updating the state we can + // just throw away + + var actionsToRemove = actionsForClip.knownActions; + + for ( var i = 0, n = actionsToRemove.length; i !== n; ++ i ) { + + var action = actionsToRemove[ i ]; + + this._deactivateAction( action ); + + var cacheIndex = action._cacheIndex, + lastInactiveAction = actions[ actions.length - 1 ]; + + action._cacheIndex = null; + action._byClipCacheIndex = null; + + lastInactiveAction._cacheIndex = cacheIndex; + actions[ cacheIndex ] = lastInactiveAction; + actions.pop(); + + this._removeInactiveBindingsForAction( action ); + + } + + delete actionsByClip[ clipUuid ]; + + } + + }, + + // free all resources specific to a particular root target object + uncacheRoot: function ( root ) { + + var rootUuid = root.uuid, + actionsByClip = this._actionsByClip; + + for ( var clipUuid in actionsByClip ) { + + var actionByRoot = actionsByClip[ clipUuid ].actionByRoot, + action = actionByRoot[ rootUuid ]; + + if ( action !== undefined ) { + + this._deactivateAction( action ); + this._removeInactiveAction( action ); + + } + + } + + var bindingsByRoot = this._bindingsByRootAndName, + bindingByName = bindingsByRoot[ rootUuid ]; + + if ( bindingByName !== undefined ) { + + for ( var trackName in bindingByName ) { + + var binding = bindingByName[ trackName ]; + binding.restoreOriginalState(); + this._removeInactiveBinding( binding ); + + } + + } + + }, + + // remove a targeted clip from the cache + uncacheAction: function ( clip, optionalRoot ) { + + var action = this.existingAction( clip, optionalRoot ); + + if ( action !== null ) { + + this._deactivateAction( action ); + this._removeInactiveAction( action ); + + } + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function Uniform( value ) { + + if ( typeof value === 'string' ) { + + console.warn( 'THREE.Uniform: Type parameter is no longer needed.' ); + value = arguments[ 1 ]; + + } + + this.value = value; + + } + + Uniform.prototype.clone = function () { + + return new Uniform( this.value.clone === undefined ? this.value : this.value.clone() ); + + }; + + /** + * @author benaadams / https://twitter.com/ben_a_adams + */ + + function InstancedBufferGeometry() { + + BufferGeometry.call( this ); + + this.type = 'InstancedBufferGeometry'; + this.maxInstancedCount = undefined; + + } + + InstancedBufferGeometry.prototype = Object.assign( Object.create( BufferGeometry.prototype ), { + + constructor: InstancedBufferGeometry, + + isInstancedBufferGeometry: true, + + copy: function ( source ) { + + BufferGeometry.prototype.copy.call( this, source ); + + this.maxInstancedCount = source.maxInstancedCount; + + return this; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + } + + } ); + + /** + * @author benaadams / https://twitter.com/ben_a_adams + */ + + function InterleavedBufferAttribute( interleavedBuffer, itemSize, offset, normalized ) { + + this.data = interleavedBuffer; + this.itemSize = itemSize; + this.offset = offset; + + this.normalized = normalized === true; + + } + + Object.defineProperties( InterleavedBufferAttribute.prototype, { + + count: { + + get: function () { + + return this.data.count; + + } + + }, + + array: { + + get: function () { + + return this.data.array; + + } + + } + + } ); + + Object.assign( InterleavedBufferAttribute.prototype, { + + isInterleavedBufferAttribute: true, + + setX: function ( index, x ) { + + this.data.array[ index * this.data.stride + this.offset ] = x; + + return this; + + }, + + setY: function ( index, y ) { + + this.data.array[ index * this.data.stride + this.offset + 1 ] = y; + + return this; + + }, + + setZ: function ( index, z ) { + + this.data.array[ index * this.data.stride + this.offset + 2 ] = z; + + return this; + + }, + + setW: function ( index, w ) { + + this.data.array[ index * this.data.stride + this.offset + 3 ] = w; + + return this; + + }, + + getX: function ( index ) { + + return this.data.array[ index * this.data.stride + this.offset ]; + + }, + + getY: function ( index ) { + + return this.data.array[ index * this.data.stride + this.offset + 1 ]; + + }, + + getZ: function ( index ) { + + return this.data.array[ index * this.data.stride + this.offset + 2 ]; + + }, + + getW: function ( index ) { + + return this.data.array[ index * this.data.stride + this.offset + 3 ]; + + }, + + setXY: function ( index, x, y ) { + + index = index * this.data.stride + this.offset; + + this.data.array[ index + 0 ] = x; + this.data.array[ index + 1 ] = y; + + return this; + + }, + + setXYZ: function ( index, x, y, z ) { + + index = index * this.data.stride + this.offset; + + this.data.array[ index + 0 ] = x; + this.data.array[ index + 1 ] = y; + this.data.array[ index + 2 ] = z; + + return this; + + }, + + setXYZW: function ( index, x, y, z, w ) { + + index = index * this.data.stride + this.offset; + + this.data.array[ index + 0 ] = x; + this.data.array[ index + 1 ] = y; + this.data.array[ index + 2 ] = z; + this.data.array[ index + 3 ] = w; + + return this; + + } + + } ); + + /** + * @author benaadams / https://twitter.com/ben_a_adams + */ + + function InterleavedBuffer( array, stride ) { + + this.array = array; + this.stride = stride; + this.count = array !== undefined ? array.length / stride : 0; + + this.dynamic = false; + this.updateRange = { offset: 0, count: - 1 }; + + this.version = 0; + + } + + Object.defineProperty( InterleavedBuffer.prototype, 'needsUpdate', { + + set: function ( value ) { + + if ( value === true ) this.version ++; + + } + + } ); + + Object.assign( InterleavedBuffer.prototype, { + + isInterleavedBuffer: true, + + onUploadCallback: function () {}, + + setArray: function ( array ) { + + if ( Array.isArray( array ) ) { + + throw new TypeError( 'THREE.BufferAttribute: array should be a Typed Array.' ); + + } + + this.count = array !== undefined ? array.length / this.stride : 0; + this.array = array; + + return this; + + }, + + setDynamic: function ( value ) { + + this.dynamic = value; + + return this; + + }, + + copy: function ( source ) { + + this.array = new source.array.constructor( source.array ); + this.count = source.count; + this.stride = source.stride; + this.dynamic = source.dynamic; + + return this; + + }, + + copyAt: function ( index1, attribute, index2 ) { + + index1 *= this.stride; + index2 *= attribute.stride; + + for ( var i = 0, l = this.stride; i < l; i ++ ) { + + this.array[ index1 + i ] = attribute.array[ index2 + i ]; + + } + + return this; + + }, + + set: function ( value, offset ) { + + if ( offset === undefined ) offset = 0; + + this.array.set( value, offset ); + + return this; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + onUpload: function ( callback ) { + + this.onUploadCallback = callback; + + return this; + + } + + } ); + + /** + * @author benaadams / https://twitter.com/ben_a_adams + */ + + function InstancedInterleavedBuffer( array, stride, meshPerAttribute ) { + + InterleavedBuffer.call( this, array, stride ); + + this.meshPerAttribute = meshPerAttribute || 1; + + } + + InstancedInterleavedBuffer.prototype = Object.assign( Object.create( InterleavedBuffer.prototype ), { + + constructor: InstancedInterleavedBuffer, + + isInstancedInterleavedBuffer: true, + + copy: function ( source ) { + + InterleavedBuffer.prototype.copy.call( this, source ); + + this.meshPerAttribute = source.meshPerAttribute; + + return this; + + } + + } ); + + /** + * @author benaadams / https://twitter.com/ben_a_adams + */ + + function InstancedBufferAttribute( array, itemSize, meshPerAttribute ) { + + BufferAttribute.call( this, array, itemSize ); + + this.meshPerAttribute = meshPerAttribute || 1; + + } + + InstancedBufferAttribute.prototype = Object.assign( Object.create( BufferAttribute.prototype ), { + + constructor: InstancedBufferAttribute, + + isInstancedBufferAttribute: true, + + copy: function ( source ) { + + BufferAttribute.prototype.copy.call( this, source ); + + this.meshPerAttribute = source.meshPerAttribute; + + return this; + + } + + } ); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author bhouston / http://clara.io/ + * @author stephomi / http://stephaneginier.com/ + */ + + function Raycaster( origin, direction, near, far ) { + + this.ray = new Ray( origin, direction ); + // direction is assumed to be normalized (for accurate distance calculations) + + this.near = near || 0; + this.far = far || Infinity; + + this.params = { + Mesh: {}, + Line: {}, + LOD: {}, + Points: { threshold: 1 }, + Sprite: {} + }; + + Object.defineProperties( this.params, { + PointCloud: { + get: function () { + + console.warn( 'THREE.Raycaster: params.PointCloud has been renamed to params.Points.' ); + return this.Points; + + } + } + } ); + + } + + function ascSort( a, b ) { + + return a.distance - b.distance; + + } + + function intersectObject( object, raycaster, intersects, recursive ) { + + if ( object.visible === false ) return; + + object.raycast( raycaster, intersects ); + + if ( recursive === true ) { + + var children = object.children; + + for ( var i = 0, l = children.length; i < l; i ++ ) { + + intersectObject( children[ i ], raycaster, intersects, true ); + + } + + } + + } + + Object.assign( Raycaster.prototype, { + + linePrecision: 1, + + set: function ( origin, direction ) { + + // direction is assumed to be normalized (for accurate distance calculations) + + this.ray.set( origin, direction ); + + }, + + setFromCamera: function ( coords, camera ) { + + if ( ( camera && camera.isPerspectiveCamera ) ) { + + this.ray.origin.setFromMatrixPosition( camera.matrixWorld ); + this.ray.direction.set( coords.x, coords.y, 0.5 ).unproject( camera ).sub( this.ray.origin ).normalize(); + + } else if ( ( camera && camera.isOrthographicCamera ) ) { + + this.ray.origin.set( coords.x, coords.y, ( camera.near + camera.far ) / ( camera.near - camera.far ) ).unproject( camera ); // set origin in plane of camera + this.ray.direction.set( 0, 0, - 1 ).transformDirection( camera.matrixWorld ); + + } else { + + console.error( 'THREE.Raycaster: Unsupported camera type.' ); + + } + + }, + + intersectObject: function ( object, recursive, optionalTarget ) { + + var intersects = optionalTarget || []; + + intersectObject( object, this, intersects, recursive ); + + intersects.sort( ascSort ); + + return intersects; + + }, + + intersectObjects: function ( objects, recursive, optionalTarget ) { + + var intersects = optionalTarget || []; + + if ( Array.isArray( objects ) === false ) { + + console.warn( 'THREE.Raycaster.intersectObjects: objects is not an Array.' ); + return intersects; + + } + + for ( var i = 0, l = objects.length; i < l; i ++ ) { + + intersectObject( objects[ i ], this, intersects, recursive ); + + } + + intersects.sort( ascSort ); + + return intersects; + + } + + } ); + + /** + * @author alteredq / http://alteredqualia.com/ + */ + + function Clock( autoStart ) { + + this.autoStart = ( autoStart !== undefined ) ? autoStart : true; + + this.startTime = 0; + this.oldTime = 0; + this.elapsedTime = 0; + + this.running = false; + + } + + Object.assign( Clock.prototype, { + + start: function () { + + this.startTime = ( typeof performance === 'undefined' ? Date : performance ).now(); // see #10732 + + this.oldTime = this.startTime; + this.elapsedTime = 0; + this.running = true; + + }, + + stop: function () { + + this.getElapsedTime(); + this.running = false; + this.autoStart = false; + + }, + + getElapsedTime: function () { + + this.getDelta(); + return this.elapsedTime; + + }, + + getDelta: function () { + + var diff = 0; + + if ( this.autoStart && ! this.running ) { + + this.start(); + return 0; + + } + + if ( this.running ) { + + var newTime = ( typeof performance === 'undefined' ? Date : performance ).now(); + + diff = ( newTime - this.oldTime ) / 1000; + this.oldTime = newTime; + + this.elapsedTime += diff; + + } + + return diff; + + } + + } ); + + /** + * @author bhouston / http://clara.io + * @author WestLangley / http://github.com/WestLangley + * + * Ref: https://en.wikipedia.org/wiki/Spherical_coordinate_system + * + * The poles (phi) are at the positive and negative y axis. + * The equator starts at positive z. + */ + + function Spherical( radius, phi, theta ) { + + this.radius = ( radius !== undefined ) ? radius : 1.0; + this.phi = ( phi !== undefined ) ? phi : 0; // up / down towards top and bottom pole + this.theta = ( theta !== undefined ) ? theta : 0; // around the equator of the sphere + + return this; + + } + + Object.assign( Spherical.prototype, { + + set: function ( radius, phi, theta ) { + + this.radius = radius; + this.phi = phi; + this.theta = theta; + + return this; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + copy: function ( other ) { + + this.radius = other.radius; + this.phi = other.phi; + this.theta = other.theta; + + return this; + + }, + + // restrict phi to be betwee EPS and PI-EPS + makeSafe: function () { + + var EPS = 0.000001; + this.phi = Math.max( EPS, Math.min( Math.PI - EPS, this.phi ) ); + + return this; + + }, + + setFromVector3: function ( vec3 ) { + + this.radius = vec3.length(); + + if ( this.radius === 0 ) { + + this.theta = 0; + this.phi = 0; + + } else { + + this.theta = Math.atan2( vec3.x, vec3.z ); // equator angle around y-up axis + this.phi = Math.acos( _Math.clamp( vec3.y / this.radius, - 1, 1 ) ); // polar angle + + } + + return this; + + } + + } ); + + /** + * @author Mugen87 / https://github.com/Mugen87 + * + * Ref: https://en.wikipedia.org/wiki/Cylindrical_coordinate_system + * + */ + + function Cylindrical( radius, theta, y ) { + + this.radius = ( radius !== undefined ) ? radius : 1.0; // distance from the origin to a point in the x-z plane + this.theta = ( theta !== undefined ) ? theta : 0; // counterclockwise angle in the x-z plane measured in radians from the positive z-axis + this.y = ( y !== undefined ) ? y : 0; // height above the x-z plane + + return this; + + } + + Object.assign( Cylindrical.prototype, { + + set: function ( radius, theta, y ) { + + this.radius = radius; + this.theta = theta; + this.y = y; + + return this; + + }, + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + copy: function ( other ) { + + this.radius = other.radius; + this.theta = other.theta; + this.y = other.y; + + return this; + + }, + + setFromVector3: function ( vec3 ) { + + this.radius = Math.sqrt( vec3.x * vec3.x + vec3.z * vec3.z ); + this.theta = Math.atan2( vec3.x, vec3.z ); + this.y = vec3.y; + + return this; + + } + + } ); + + /** + * @author bhouston / http://clara.io + */ + + function Box2( min, max ) { + + this.min = ( min !== undefined ) ? min : new Vector2( + Infinity, + Infinity ); + this.max = ( max !== undefined ) ? max : new Vector2( - Infinity, - Infinity ); + + } + + Object.assign( Box2.prototype, { + + set: function ( min, max ) { + + this.min.copy( min ); + this.max.copy( max ); + + return this; + + }, + + setFromPoints: function ( points ) { + + this.makeEmpty(); + + for ( var i = 0, il = points.length; i < il; i ++ ) { + + this.expandByPoint( points[ i ] ); + + } + + return this; + + }, + + setFromCenterAndSize: function () { + + var v1 = new Vector2(); + + return function setFromCenterAndSize( center, size ) { + + var halfSize = v1.copy( size ).multiplyScalar( 0.5 ); + this.min.copy( center ).sub( halfSize ); + this.max.copy( center ).add( halfSize ); + + return this; + + }; + + }(), + + clone: function () { + + return new this.constructor().copy( this ); + + }, + + copy: function ( box ) { + + this.min.copy( box.min ); + this.max.copy( box.max ); + + return this; + + }, + + makeEmpty: function () { + + this.min.x = this.min.y = + Infinity; + this.max.x = this.max.y = - Infinity; + + return this; + + }, + + isEmpty: function () { + + // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes + + return ( this.max.x < this.min.x ) || ( this.max.y < this.min.y ); + + }, + + getCenter: function ( target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Box2: .getCenter() target is now required' ); + target = new Vector2(); + + } + + return this.isEmpty() ? target.set( 0, 0 ) : target.addVectors( this.min, this.max ).multiplyScalar( 0.5 ); + + }, + + getSize: function ( target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Box2: .getSize() target is now required' ); + target = new Vector2(); + + } + + return this.isEmpty() ? target.set( 0, 0 ) : target.subVectors( this.max, this.min ); + + }, + + expandByPoint: function ( point ) { + + this.min.min( point ); + this.max.max( point ); + + return this; + + }, + + expandByVector: function ( vector ) { + + this.min.sub( vector ); + this.max.add( vector ); + + return this; + + }, + + expandByScalar: function ( scalar ) { + + this.min.addScalar( - scalar ); + this.max.addScalar( scalar ); + + return this; + + }, + + containsPoint: function ( point ) { + + return point.x < this.min.x || point.x > this.max.x || + point.y < this.min.y || point.y > this.max.y ? false : true; + + }, + + containsBox: function ( box ) { + + return this.min.x <= box.min.x && box.max.x <= this.max.x && + this.min.y <= box.min.y && box.max.y <= this.max.y; + + }, + + getParameter: function ( point, target ) { + + // This can potentially have a divide by zero if the box + // has a size dimension of 0. + + if ( target === undefined ) { + + console.warn( 'THREE.Box2: .getParameter() target is now required' ); + target = new Vector2(); + + } + + return target.set( + ( point.x - this.min.x ) / ( this.max.x - this.min.x ), + ( point.y - this.min.y ) / ( this.max.y - this.min.y ) + ); + + }, + + intersectsBox: function ( box ) { + + // using 4 splitting planes to rule out intersections + + return box.max.x < this.min.x || box.min.x > this.max.x || + box.max.y < this.min.y || box.min.y > this.max.y ? false : true; + + }, + + clampPoint: function ( point, target ) { + + if ( target === undefined ) { + + console.warn( 'THREE.Box2: .clampPoint() target is now required' ); + target = new Vector2(); + + } + + return target.copy( point ).clamp( this.min, this.max ); + + }, + + distanceToPoint: function () { + + var v1 = new Vector2(); + + return function distanceToPoint( point ) { + + var clampedPoint = v1.copy( point ).clamp( this.min, this.max ); + return clampedPoint.sub( point ).length(); + + }; + + }(), + + intersect: function ( box ) { + + this.min.max( box.min ); + this.max.min( box.max ); + + return this; + + }, + + union: function ( box ) { + + this.min.min( box.min ); + this.max.max( box.max ); + + return this; + + }, + + translate: function ( offset ) { + + this.min.add( offset ); + this.max.add( offset ); + + return this; + + }, + + equals: function ( box ) { + + return box.min.equals( this.min ) && box.max.equals( this.max ); + + } + + } ); + + /** + * @author alteredq / http://alteredqualia.com/ + */ + + function ImmediateRenderObject( material ) { + + Object3D.call( this ); + + this.material = material; + this.render = function ( /* renderCallback */ ) {}; + + } + + ImmediateRenderObject.prototype = Object.create( Object3D.prototype ); + ImmediateRenderObject.prototype.constructor = ImmediateRenderObject; + + ImmediateRenderObject.prototype.isImmediateRenderObject = true; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author WestLangley / http://github.com/WestLangley + */ + + function VertexNormalsHelper( object, size, hex, linewidth ) { + + this.object = object; + + this.size = ( size !== undefined ) ? size : 1; + + var color = ( hex !== undefined ) ? hex : 0xff0000; + + var width = ( linewidth !== undefined ) ? linewidth : 1; + + // + + var nNormals = 0; + + var objGeometry = this.object.geometry; + + if ( objGeometry && objGeometry.isGeometry ) { + + nNormals = objGeometry.faces.length * 3; + + } else if ( objGeometry && objGeometry.isBufferGeometry ) { + + nNormals = objGeometry.attributes.normal.count; + + } + + // + + var geometry = new BufferGeometry(); + + var positions = new Float32BufferAttribute( nNormals * 2 * 3, 3 ); + + geometry.addAttribute( 'position', positions ); + + LineSegments.call( this, geometry, new LineBasicMaterial( { color: color, linewidth: width } ) ); + + // + + this.matrixAutoUpdate = false; + + this.update(); + + } + + VertexNormalsHelper.prototype = Object.create( LineSegments.prototype ); + VertexNormalsHelper.prototype.constructor = VertexNormalsHelper; + + VertexNormalsHelper.prototype.update = ( function () { + + var v1 = new Vector3(); + var v2 = new Vector3(); + var normalMatrix = new Matrix3(); + + return function update() { + + var keys = [ 'a', 'b', 'c' ]; + + this.object.updateMatrixWorld( true ); + + normalMatrix.getNormalMatrix( this.object.matrixWorld ); + + var matrixWorld = this.object.matrixWorld; + + var position = this.geometry.attributes.position; + + // + + var objGeometry = this.object.geometry; + + if ( objGeometry && objGeometry.isGeometry ) { + + var vertices = objGeometry.vertices; + + var faces = objGeometry.faces; + + var idx = 0; + + for ( var i = 0, l = faces.length; i < l; i ++ ) { + + var face = faces[ i ]; + + for ( var j = 0, jl = face.vertexNormals.length; j < jl; j ++ ) { + + var vertex = vertices[ face[ keys[ j ] ] ]; + + var normal = face.vertexNormals[ j ]; + + v1.copy( vertex ).applyMatrix4( matrixWorld ); + + v2.copy( normal ).applyMatrix3( normalMatrix ).normalize().multiplyScalar( this.size ).add( v1 ); + + position.setXYZ( idx, v1.x, v1.y, v1.z ); + + idx = idx + 1; + + position.setXYZ( idx, v2.x, v2.y, v2.z ); + + idx = idx + 1; + + } + + } + + } else if ( objGeometry && objGeometry.isBufferGeometry ) { + + var objPos = objGeometry.attributes.position; + + var objNorm = objGeometry.attributes.normal; + + var idx = 0; + + // for simplicity, ignore index and drawcalls, and render every normal + + for ( var j = 0, jl = objPos.count; j < jl; j ++ ) { + + v1.set( objPos.getX( j ), objPos.getY( j ), objPos.getZ( j ) ).applyMatrix4( matrixWorld ); + + v2.set( objNorm.getX( j ), objNorm.getY( j ), objNorm.getZ( j ) ); + + v2.applyMatrix3( normalMatrix ).normalize().multiplyScalar( this.size ).add( v1 ); + + position.setXYZ( idx, v1.x, v1.y, v1.z ); + + idx = idx + 1; + + position.setXYZ( idx, v2.x, v2.y, v2.z ); + + idx = idx + 1; + + } + + } + + position.needsUpdate = true; + + }; + + }() ); + + /** + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + * @author WestLangley / http://github.com/WestLangley + */ + + function SpotLightHelper( light, color ) { + + Object3D.call( this ); + + this.light = light; + this.light.updateMatrixWorld(); + + this.matrix = light.matrixWorld; + this.matrixAutoUpdate = false; + + this.color = color; + + var geometry = new BufferGeometry(); + + var positions = [ + 0, 0, 0, 0, 0, 1, + 0, 0, 0, 1, 0, 1, + 0, 0, 0, - 1, 0, 1, + 0, 0, 0, 0, 1, 1, + 0, 0, 0, 0, - 1, 1 + ]; + + for ( var i = 0, j = 1, l = 32; i < l; i ++, j ++ ) { + + var p1 = ( i / l ) * Math.PI * 2; + var p2 = ( j / l ) * Math.PI * 2; + + positions.push( + Math.cos( p1 ), Math.sin( p1 ), 1, + Math.cos( p2 ), Math.sin( p2 ), 1 + ); + + } + + geometry.addAttribute( 'position', new Float32BufferAttribute( positions, 3 ) ); + + var material = new LineBasicMaterial( { fog: false } ); + + this.cone = new LineSegments( geometry, material ); + this.add( this.cone ); + + this.update(); + + } + + SpotLightHelper.prototype = Object.create( Object3D.prototype ); + SpotLightHelper.prototype.constructor = SpotLightHelper; + + SpotLightHelper.prototype.dispose = function () { + + this.cone.geometry.dispose(); + this.cone.material.dispose(); + + }; + + SpotLightHelper.prototype.update = function () { + + var vector = new Vector3(); + var vector2 = new Vector3(); + + return function update() { + + this.light.updateMatrixWorld(); + + var coneLength = this.light.distance ? this.light.distance : 1000; + var coneWidth = coneLength * Math.tan( this.light.angle ); + + this.cone.scale.set( coneWidth, coneWidth, coneLength ); + + vector.setFromMatrixPosition( this.light.matrixWorld ); + vector2.setFromMatrixPosition( this.light.target.matrixWorld ); + + this.cone.lookAt( vector2.sub( vector ) ); + + if ( this.color !== undefined ) { + + this.cone.material.color.set( this.color ); + + } else { + + this.cone.material.color.copy( this.light.color ); + + } + + }; + + }(); + + /** + * @author Sean Griffin / http://twitter.com/sgrif + * @author Michael Guerrero / http://realitymeltdown.com + * @author mrdoob / http://mrdoob.com/ + * @author ikerr / http://verold.com + * @author Mugen87 / https://github.com/Mugen87 + */ + + function getBoneList( object ) { + + var boneList = []; + + if ( object && object.isBone ) { + + boneList.push( object ); + + } + + for ( var i = 0; i < object.children.length; i ++ ) { + + boneList.push.apply( boneList, getBoneList( object.children[ i ] ) ); + + } + + return boneList; + + } + + function SkeletonHelper( object ) { + + var bones = getBoneList( object ); + + var geometry = new BufferGeometry(); + + var vertices = []; + var colors = []; + + var color1 = new Color( 0, 0, 1 ); + var color2 = new Color( 0, 1, 0 ); + + for ( var i = 0; i < bones.length; i ++ ) { + + var bone = bones[ i ]; + + if ( bone.parent && bone.parent.isBone ) { + + vertices.push( 0, 0, 0 ); + vertices.push( 0, 0, 0 ); + colors.push( color1.r, color1.g, color1.b ); + colors.push( color2.r, color2.g, color2.b ); + + } + + } + + geometry.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + geometry.addAttribute( 'color', new Float32BufferAttribute( colors, 3 ) ); + + var material = new LineBasicMaterial( { vertexColors: VertexColors, depthTest: false, depthWrite: false, transparent: true } ); + + LineSegments.call( this, geometry, material ); + + this.root = object; + this.bones = bones; + + this.matrix = object.matrixWorld; + this.matrixAutoUpdate = false; + + } + + SkeletonHelper.prototype = Object.create( LineSegments.prototype ); + SkeletonHelper.prototype.constructor = SkeletonHelper; + + SkeletonHelper.prototype.updateMatrixWorld = function () { + + var vector = new Vector3(); + + var boneMatrix = new Matrix4(); + var matrixWorldInv = new Matrix4(); + + return function updateMatrixWorld( force ) { + + var bones = this.bones; + + var geometry = this.geometry; + var position = geometry.getAttribute( 'position' ); + + matrixWorldInv.getInverse( this.root.matrixWorld ); + + for ( var i = 0, j = 0; i < bones.length; i ++ ) { + + var bone = bones[ i ]; + + if ( bone.parent && bone.parent.isBone ) { + + boneMatrix.multiplyMatrices( matrixWorldInv, bone.matrixWorld ); + vector.setFromMatrixPosition( boneMatrix ); + position.setXYZ( j, vector.x, vector.y, vector.z ); + + boneMatrix.multiplyMatrices( matrixWorldInv, bone.parent.matrixWorld ); + vector.setFromMatrixPosition( boneMatrix ); + position.setXYZ( j + 1, vector.x, vector.y, vector.z ); + + j += 2; + + } + + } + + geometry.getAttribute( 'position' ).needsUpdate = true; + + Object3D.prototype.updateMatrixWorld.call( this, force ); + + }; + + }(); + + /** + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + */ + + function PointLightHelper( light, sphereSize, color ) { + + this.light = light; + this.light.updateMatrixWorld(); + + this.color = color; + + var geometry = new SphereBufferGeometry( sphereSize, 4, 2 ); + var material = new MeshBasicMaterial( { wireframe: true, fog: false } ); + + Mesh.call( this, geometry, material ); + + this.matrix = this.light.matrixWorld; + this.matrixAutoUpdate = false; + + this.update(); + + + /* + var distanceGeometry = new THREE.IcosahedronGeometry( 1, 2 ); + var distanceMaterial = new THREE.MeshBasicMaterial( { color: hexColor, fog: false, wireframe: true, opacity: 0.1, transparent: true } ); + + this.lightSphere = new THREE.Mesh( bulbGeometry, bulbMaterial ); + this.lightDistance = new THREE.Mesh( distanceGeometry, distanceMaterial ); + + var d = light.distance; + + if ( d === 0.0 ) { + + this.lightDistance.visible = false; + + } else { + + this.lightDistance.scale.set( d, d, d ); + + } + + this.add( this.lightDistance ); + */ + + } + + PointLightHelper.prototype = Object.create( Mesh.prototype ); + PointLightHelper.prototype.constructor = PointLightHelper; + + PointLightHelper.prototype.dispose = function () { + + this.geometry.dispose(); + this.material.dispose(); + + }; + + PointLightHelper.prototype.update = function () { + + if ( this.color !== undefined ) { + + this.material.color.set( this.color ); + + } else { + + this.material.color.copy( this.light.color ); + + } + + /* + var d = this.light.distance; + + if ( d === 0.0 ) { + + this.lightDistance.visible = false; + + } else { + + this.lightDistance.visible = true; + this.lightDistance.scale.set( d, d, d ); + + } + */ + + }; + + /** + * @author abelnation / http://github.com/abelnation + * @author Mugen87 / http://github.com/Mugen87 + * @author WestLangley / http://github.com/WestLangley + */ + + function RectAreaLightHelper( light, color ) { + + Object3D.call( this ); + + this.light = light; + this.light.updateMatrixWorld(); + + this.matrix = light.matrixWorld; + this.matrixAutoUpdate = false; + + this.color = color; + + var material = new LineBasicMaterial( { fog: false } ); + + var geometry = new BufferGeometry(); + + geometry.addAttribute( 'position', new BufferAttribute( new Float32Array( 5 * 3 ), 3 ) ); + + this.line = new Line( geometry, material ); + this.add( this.line ); + + + this.update(); + + } + + RectAreaLightHelper.prototype = Object.create( Object3D.prototype ); + RectAreaLightHelper.prototype.constructor = RectAreaLightHelper; + + RectAreaLightHelper.prototype.dispose = function () { + + this.children[ 0 ].geometry.dispose(); + this.children[ 0 ].material.dispose(); + + }; + + RectAreaLightHelper.prototype.update = function () { + + // calculate new dimensions of the helper + + var hx = this.light.width * 0.5; + var hy = this.light.height * 0.5; + + var position = this.line.geometry.attributes.position; + var array = position.array; + + // update vertices + + array[ 0 ] = hx; array[ 1 ] = - hy; array[ 2 ] = 0; + array[ 3 ] = hx; array[ 4 ] = hy; array[ 5 ] = 0; + array[ 6 ] = - hx; array[ 7 ] = hy; array[ 8 ] = 0; + array[ 9 ] = - hx; array[ 10 ] = - hy; array[ 11 ] = 0; + array[ 12 ] = hx; array[ 13 ] = - hy; array[ 14 ] = 0; + + position.needsUpdate = true; + + if ( this.color !== undefined ) { + + this.line.material.color.set( this.color ); + + } else { + + this.line.material.color.copy( this.light.color ); + + } + + }; + + /** + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + * @author Mugen87 / https://github.com/Mugen87 + */ + + function HemisphereLightHelper( light, size, color ) { + + Object3D.call( this ); + + this.light = light; + this.light.updateMatrixWorld(); + + this.matrix = light.matrixWorld; + this.matrixAutoUpdate = false; + + this.color = color; + + var geometry = new OctahedronBufferGeometry( size ); + geometry.rotateY( Math.PI * 0.5 ); + + this.material = new MeshBasicMaterial( { wireframe: true, fog: false } ); + if ( this.color === undefined ) this.material.vertexColors = VertexColors; + + var position = geometry.getAttribute( 'position' ); + var colors = new Float32Array( position.count * 3 ); + + geometry.addAttribute( 'color', new BufferAttribute( colors, 3 ) ); + + this.add( new Mesh( geometry, this.material ) ); + + this.update(); + + } + + HemisphereLightHelper.prototype = Object.create( Object3D.prototype ); + HemisphereLightHelper.prototype.constructor = HemisphereLightHelper; + + HemisphereLightHelper.prototype.dispose = function () { + + this.children[ 0 ].geometry.dispose(); + this.children[ 0 ].material.dispose(); + + }; + + HemisphereLightHelper.prototype.update = function () { + + var vector = new Vector3(); + + var color1 = new Color(); + var color2 = new Color(); + + return function update() { + + var mesh = this.children[ 0 ]; + + if ( this.color !== undefined ) { + + this.material.color.set( this.color ); + + } else { + + var colors = mesh.geometry.getAttribute( 'color' ); + + color1.copy( this.light.color ); + color2.copy( this.light.groundColor ); + + for ( var i = 0, l = colors.count; i < l; i ++ ) { + + var color = ( i < ( l / 2 ) ) ? color1 : color2; + + colors.setXYZ( i, color.r, color.g, color.b ); + + } + + colors.needsUpdate = true; + + } + + mesh.lookAt( vector.setFromMatrixPosition( this.light.matrixWorld ).negate() ); + + }; + + }(); + + /** + * @author mrdoob / http://mrdoob.com/ + */ + + function GridHelper( size, divisions, color1, color2 ) { + + size = size || 10; + divisions = divisions || 10; + color1 = new Color( color1 !== undefined ? color1 : 0x444444 ); + color2 = new Color( color2 !== undefined ? color2 : 0x888888 ); + + var center = divisions / 2; + var step = size / divisions; + var halfSize = size / 2; + + var vertices = [], colors = []; + + for ( var i = 0, j = 0, k = - halfSize; i <= divisions; i ++, k += step ) { + + vertices.push( - halfSize, 0, k, halfSize, 0, k ); + vertices.push( k, 0, - halfSize, k, 0, halfSize ); + + var color = i === center ? color1 : color2; + + color.toArray( colors, j ); j += 3; + color.toArray( colors, j ); j += 3; + color.toArray( colors, j ); j += 3; + color.toArray( colors, j ); j += 3; + + } + + var geometry = new BufferGeometry(); + geometry.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + geometry.addAttribute( 'color', new Float32BufferAttribute( colors, 3 ) ); + + var material = new LineBasicMaterial( { vertexColors: VertexColors } ); + + LineSegments.call( this, geometry, material ); + + } + + GridHelper.prototype = Object.create( LineSegments.prototype ); + GridHelper.prototype.constructor = GridHelper; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author Mugen87 / http://github.com/Mugen87 + * @author Hectate / http://www.github.com/Hectate + */ + + function PolarGridHelper( radius, radials, circles, divisions, color1, color2 ) { + + radius = radius || 10; + radials = radials || 16; + circles = circles || 8; + divisions = divisions || 64; + color1 = new Color( color1 !== undefined ? color1 : 0x444444 ); + color2 = new Color( color2 !== undefined ? color2 : 0x888888 ); + + var vertices = []; + var colors = []; + + var x, z; + var v, i, j, r, color; + + // create the radials + + for ( i = 0; i <= radials; i ++ ) { + + v = ( i / radials ) * ( Math.PI * 2 ); + + x = Math.sin( v ) * radius; + z = Math.cos( v ) * radius; + + vertices.push( 0, 0, 0 ); + vertices.push( x, 0, z ); + + color = ( i & 1 ) ? color1 : color2; + + colors.push( color.r, color.g, color.b ); + colors.push( color.r, color.g, color.b ); + + } + + // create the circles + + for ( i = 0; i <= circles; i ++ ) { + + color = ( i & 1 ) ? color1 : color2; + + r = radius - ( radius / circles * i ); + + for ( j = 0; j < divisions; j ++ ) { + + // first vertex + + v = ( j / divisions ) * ( Math.PI * 2 ); + + x = Math.sin( v ) * r; + z = Math.cos( v ) * r; + + vertices.push( x, 0, z ); + colors.push( color.r, color.g, color.b ); + + // second vertex + + v = ( ( j + 1 ) / divisions ) * ( Math.PI * 2 ); + + x = Math.sin( v ) * r; + z = Math.cos( v ) * r; + + vertices.push( x, 0, z ); + colors.push( color.r, color.g, color.b ); + + } + + } + + var geometry = new BufferGeometry(); + geometry.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + geometry.addAttribute( 'color', new Float32BufferAttribute( colors, 3 ) ); + + var material = new LineBasicMaterial( { vertexColors: VertexColors } ); + + LineSegments.call( this, geometry, material ); + + } + + PolarGridHelper.prototype = Object.create( LineSegments.prototype ); + PolarGridHelper.prototype.constructor = PolarGridHelper; + + /** + * @author mrdoob / http://mrdoob.com/ + * @author WestLangley / http://github.com/WestLangley + */ + + function FaceNormalsHelper( object, size, hex, linewidth ) { + + // FaceNormalsHelper only supports THREE.Geometry + + this.object = object; + + this.size = ( size !== undefined ) ? size : 1; + + var color = ( hex !== undefined ) ? hex : 0xffff00; + + var width = ( linewidth !== undefined ) ? linewidth : 1; + + // + + var nNormals = 0; + + var objGeometry = this.object.geometry; + + if ( objGeometry && objGeometry.isGeometry ) { + + nNormals = objGeometry.faces.length; + + } else { + + console.warn( 'THREE.FaceNormalsHelper: only THREE.Geometry is supported. Use THREE.VertexNormalsHelper, instead.' ); + + } + + // + + var geometry = new BufferGeometry(); + + var positions = new Float32BufferAttribute( nNormals * 2 * 3, 3 ); + + geometry.addAttribute( 'position', positions ); + + LineSegments.call( this, geometry, new LineBasicMaterial( { color: color, linewidth: width } ) ); + + // + + this.matrixAutoUpdate = false; + this.update(); + + } + + FaceNormalsHelper.prototype = Object.create( LineSegments.prototype ); + FaceNormalsHelper.prototype.constructor = FaceNormalsHelper; + + FaceNormalsHelper.prototype.update = ( function () { + + var v1 = new Vector3(); + var v2 = new Vector3(); + var normalMatrix = new Matrix3(); + + return function update() { + + this.object.updateMatrixWorld( true ); + + normalMatrix.getNormalMatrix( this.object.matrixWorld ); + + var matrixWorld = this.object.matrixWorld; + + var position = this.geometry.attributes.position; + + // + + var objGeometry = this.object.geometry; + + var vertices = objGeometry.vertices; + + var faces = objGeometry.faces; + + var idx = 0; + + for ( var i = 0, l = faces.length; i < l; i ++ ) { + + var face = faces[ i ]; + + var normal = face.normal; + + v1.copy( vertices[ face.a ] ) + .add( vertices[ face.b ] ) + .add( vertices[ face.c ] ) + .divideScalar( 3 ) + .applyMatrix4( matrixWorld ); + + v2.copy( normal ).applyMatrix3( normalMatrix ).normalize().multiplyScalar( this.size ).add( v1 ); + + position.setXYZ( idx, v1.x, v1.y, v1.z ); + + idx = idx + 1; + + position.setXYZ( idx, v2.x, v2.y, v2.z ); + + idx = idx + 1; + + } + + position.needsUpdate = true; + + }; + + }() ); + + /** + * @author alteredq / http://alteredqualia.com/ + * @author mrdoob / http://mrdoob.com/ + * @author WestLangley / http://github.com/WestLangley + */ + + function DirectionalLightHelper( light, size, color ) { + + Object3D.call( this ); + + this.light = light; + this.light.updateMatrixWorld(); + + this.matrix = light.matrixWorld; + this.matrixAutoUpdate = false; + + this.color = color; + + if ( size === undefined ) size = 1; + + var geometry = new BufferGeometry(); + geometry.addAttribute( 'position', new Float32BufferAttribute( [ + - size, size, 0, + size, size, 0, + size, - size, 0, + - size, - size, 0, + - size, size, 0 + ], 3 ) ); + + var material = new LineBasicMaterial( { fog: false } ); + + this.lightPlane = new Line( geometry, material ); + this.add( this.lightPlane ); + + geometry = new BufferGeometry(); + geometry.addAttribute( 'position', new Float32BufferAttribute( [ 0, 0, 0, 0, 0, 1 ], 3 ) ); + + this.targetLine = new Line( geometry, material ); + this.add( this.targetLine ); + + this.update(); + + } + + DirectionalLightHelper.prototype = Object.create( Object3D.prototype ); + DirectionalLightHelper.prototype.constructor = DirectionalLightHelper; + + DirectionalLightHelper.prototype.dispose = function () { + + this.lightPlane.geometry.dispose(); + this.lightPlane.material.dispose(); + this.targetLine.geometry.dispose(); + this.targetLine.material.dispose(); + + }; + + DirectionalLightHelper.prototype.update = function () { + + var v1 = new Vector3(); + var v2 = new Vector3(); + var v3 = new Vector3(); + + return function update() { + + v1.setFromMatrixPosition( this.light.matrixWorld ); + v2.setFromMatrixPosition( this.light.target.matrixWorld ); + v3.subVectors( v2, v1 ); + + this.lightPlane.lookAt( v3 ); + + if ( this.color !== undefined ) { + + this.lightPlane.material.color.set( this.color ); + this.targetLine.material.color.set( this.color ); + + } else { + + this.lightPlane.material.color.copy( this.light.color ); + this.targetLine.material.color.copy( this.light.color ); + + } + + this.targetLine.lookAt( v3 ); + this.targetLine.scale.z = v3.length(); + + }; + + }(); + + /** + * @author alteredq / http://alteredqualia.com/ + * @author Mugen87 / https://github.com/Mugen87 + * + * - shows frustum, line of sight and up of the camera + * - suitable for fast updates + * - based on frustum visualization in lightgl.js shadowmap example + * http://evanw.github.com/lightgl.js/tests/shadowmap.html + */ + + function CameraHelper( camera ) { + + var geometry = new BufferGeometry(); + var material = new LineBasicMaterial( { color: 0xffffff, vertexColors: FaceColors } ); + + var vertices = []; + var colors = []; + + var pointMap = {}; + + // colors + + var colorFrustum = new Color( 0xffaa00 ); + var colorCone = new Color( 0xff0000 ); + var colorUp = new Color( 0x00aaff ); + var colorTarget = new Color( 0xffffff ); + var colorCross = new Color( 0x333333 ); + + // near + + addLine( 'n1', 'n2', colorFrustum ); + addLine( 'n2', 'n4', colorFrustum ); + addLine( 'n4', 'n3', colorFrustum ); + addLine( 'n3', 'n1', colorFrustum ); + + // far + + addLine( 'f1', 'f2', colorFrustum ); + addLine( 'f2', 'f4', colorFrustum ); + addLine( 'f4', 'f3', colorFrustum ); + addLine( 'f3', 'f1', colorFrustum ); + + // sides + + addLine( 'n1', 'f1', colorFrustum ); + addLine( 'n2', 'f2', colorFrustum ); + addLine( 'n3', 'f3', colorFrustum ); + addLine( 'n4', 'f4', colorFrustum ); + + // cone + + addLine( 'p', 'n1', colorCone ); + addLine( 'p', 'n2', colorCone ); + addLine( 'p', 'n3', colorCone ); + addLine( 'p', 'n4', colorCone ); + + // up + + addLine( 'u1', 'u2', colorUp ); + addLine( 'u2', 'u3', colorUp ); + addLine( 'u3', 'u1', colorUp ); + + // target + + addLine( 'c', 't', colorTarget ); + addLine( 'p', 'c', colorCross ); + + // cross + + addLine( 'cn1', 'cn2', colorCross ); + addLine( 'cn3', 'cn4', colorCross ); + + addLine( 'cf1', 'cf2', colorCross ); + addLine( 'cf3', 'cf4', colorCross ); + + function addLine( a, b, color ) { + + addPoint( a, color ); + addPoint( b, color ); + + } + + function addPoint( id, color ) { + + vertices.push( 0, 0, 0 ); + colors.push( color.r, color.g, color.b ); + + if ( pointMap[ id ] === undefined ) { + + pointMap[ id ] = []; + + } + + pointMap[ id ].push( ( vertices.length / 3 ) - 1 ); + + } + + geometry.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + geometry.addAttribute( 'color', new Float32BufferAttribute( colors, 3 ) ); + + LineSegments.call( this, geometry, material ); + + this.camera = camera; + if ( this.camera.updateProjectionMatrix ) this.camera.updateProjectionMatrix(); + + this.matrix = camera.matrixWorld; + this.matrixAutoUpdate = false; + + this.pointMap = pointMap; + + this.update(); + + } + + CameraHelper.prototype = Object.create( LineSegments.prototype ); + CameraHelper.prototype.constructor = CameraHelper; + + CameraHelper.prototype.update = function () { + + var geometry, pointMap; + + var vector = new Vector3(); + var camera = new Camera(); + + function setPoint( point, x, y, z ) { + + vector.set( x, y, z ).unproject( camera ); + + var points = pointMap[ point ]; + + if ( points !== undefined ) { + + var position = geometry.getAttribute( 'position' ); + + for ( var i = 0, l = points.length; i < l; i ++ ) { + + position.setXYZ( points[ i ], vector.x, vector.y, vector.z ); + + } + + } + + } + + return function update() { + + geometry = this.geometry; + pointMap = this.pointMap; + + var w = 1, h = 1; + + // we need just camera projection matrix + // world matrix must be identity + + camera.projectionMatrix.copy( this.camera.projectionMatrix ); + + // center / target + + setPoint( 'c', 0, 0, - 1 ); + setPoint( 't', 0, 0, 1 ); + + // near + + setPoint( 'n1', - w, - h, - 1 ); + setPoint( 'n2', w, - h, - 1 ); + setPoint( 'n3', - w, h, - 1 ); + setPoint( 'n4', w, h, - 1 ); + + // far + + setPoint( 'f1', - w, - h, 1 ); + setPoint( 'f2', w, - h, 1 ); + setPoint( 'f3', - w, h, 1 ); + setPoint( 'f4', w, h, 1 ); + + // up + + setPoint( 'u1', w * 0.7, h * 1.1, - 1 ); + setPoint( 'u2', - w * 0.7, h * 1.1, - 1 ); + setPoint( 'u3', 0, h * 2, - 1 ); + + // cross + + setPoint( 'cf1', - w, 0, 1 ); + setPoint( 'cf2', w, 0, 1 ); + setPoint( 'cf3', 0, - h, 1 ); + setPoint( 'cf4', 0, h, 1 ); + + setPoint( 'cn1', - w, 0, - 1 ); + setPoint( 'cn2', w, 0, - 1 ); + setPoint( 'cn3', 0, - h, - 1 ); + setPoint( 'cn4', 0, h, - 1 ); + + geometry.getAttribute( 'position' ).needsUpdate = true; + + }; + + }(); + + /** + * @author mrdoob / http://mrdoob.com/ + * @author Mugen87 / http://github.com/Mugen87 + */ + + function BoxHelper( object, color ) { + + this.object = object; + + if ( color === undefined ) color = 0xffff00; + + var indices = new Uint16Array( [ 0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7 ] ); + var positions = new Float32Array( 8 * 3 ); + + var geometry = new BufferGeometry(); + geometry.setIndex( new BufferAttribute( indices, 1 ) ); + geometry.addAttribute( 'position', new BufferAttribute( positions, 3 ) ); + + LineSegments.call( this, geometry, new LineBasicMaterial( { color: color } ) ); + + this.matrixAutoUpdate = false; + + this.update(); + + } + + BoxHelper.prototype = Object.create( LineSegments.prototype ); + BoxHelper.prototype.constructor = BoxHelper; + + BoxHelper.prototype.update = ( function () { + + var box = new Box3(); + + return function update( object ) { + + if ( object !== undefined ) { + + console.warn( 'THREE.BoxHelper: .update() has no longer arguments.' ); + + } + + if ( this.object !== undefined ) { + + box.setFromObject( this.object ); + + } + + if ( box.isEmpty() ) return; + + var min = box.min; + var max = box.max; + + /* + 5____4 + 1/___0/| + | 6__|_7 + 2/___3/ + + 0: max.x, max.y, max.z + 1: min.x, max.y, max.z + 2: min.x, min.y, max.z + 3: max.x, min.y, max.z + 4: max.x, max.y, min.z + 5: min.x, max.y, min.z + 6: min.x, min.y, min.z + 7: max.x, min.y, min.z + */ + + var position = this.geometry.attributes.position; + var array = position.array; + + array[ 0 ] = max.x; array[ 1 ] = max.y; array[ 2 ] = max.z; + array[ 3 ] = min.x; array[ 4 ] = max.y; array[ 5 ] = max.z; + array[ 6 ] = min.x; array[ 7 ] = min.y; array[ 8 ] = max.z; + array[ 9 ] = max.x; array[ 10 ] = min.y; array[ 11 ] = max.z; + array[ 12 ] = max.x; array[ 13 ] = max.y; array[ 14 ] = min.z; + array[ 15 ] = min.x; array[ 16 ] = max.y; array[ 17 ] = min.z; + array[ 18 ] = min.x; array[ 19 ] = min.y; array[ 20 ] = min.z; + array[ 21 ] = max.x; array[ 22 ] = min.y; array[ 23 ] = min.z; + + position.needsUpdate = true; + + this.geometry.computeBoundingSphere(); + + }; + + } )(); + + BoxHelper.prototype.setFromObject = function ( object ) { + + this.object = object; + this.update(); + + return this; + + }; + + /** + * @author WestLangley / http://github.com/WestLangley + */ + + function Box3Helper( box, hex ) { + + this.type = 'Box3Helper'; + + this.box = box; + + var color = ( hex !== undefined ) ? hex : 0xffff00; + + var indices = new Uint16Array( [ 0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7 ] ); + + var positions = [ 1, 1, 1, - 1, 1, 1, - 1, - 1, 1, 1, - 1, 1, 1, 1, - 1, - 1, 1, - 1, - 1, - 1, - 1, 1, - 1, - 1 ]; + + var geometry = new BufferGeometry(); + + geometry.setIndex( new BufferAttribute( indices, 1 ) ); + + geometry.addAttribute( 'position', new Float32BufferAttribute( positions, 3 ) ); + + LineSegments.call( this, geometry, new LineBasicMaterial( { color: color } ) ); + + this.geometry.computeBoundingSphere(); + + } + + Box3Helper.prototype = Object.create( LineSegments.prototype ); + Box3Helper.prototype.constructor = Box3Helper; + + Box3Helper.prototype.updateMatrixWorld = function ( force ) { + + var box = this.box; + + if ( box.isEmpty() ) return; + + box.getCenter( this.position ); + + box.getSize( this.scale ); + + this.scale.multiplyScalar( 0.5 ); + + Object3D.prototype.updateMatrixWorld.call( this, force ); + + }; + + /** + * @author WestLangley / http://github.com/WestLangley + */ + + function PlaneHelper( plane, size, hex ) { + + this.type = 'PlaneHelper'; + + this.plane = plane; + + this.size = ( size === undefined ) ? 1 : size; + + var color = ( hex !== undefined ) ? hex : 0xffff00; + + var positions = [ 1, - 1, 1, - 1, 1, 1, - 1, - 1, 1, 1, 1, 1, - 1, 1, 1, - 1, - 1, 1, 1, - 1, 1, 1, 1, 1, 0, 0, 1, 0, 0, 0 ]; + + var geometry = new BufferGeometry(); + geometry.addAttribute( 'position', new Float32BufferAttribute( positions, 3 ) ); + geometry.computeBoundingSphere(); + + Line.call( this, geometry, new LineBasicMaterial( { color: color } ) ); + + // + + var positions2 = [ 1, 1, 1, - 1, 1, 1, - 1, - 1, 1, 1, 1, 1, - 1, - 1, 1, 1, - 1, 1 ]; + + var geometry2 = new BufferGeometry(); + geometry2.addAttribute( 'position', new Float32BufferAttribute( positions2, 3 ) ); + geometry2.computeBoundingSphere(); + + this.add( new Mesh( geometry2, new MeshBasicMaterial( { color: color, opacity: 0.2, transparent: true, depthWrite: false } ) ) ); + + } + + PlaneHelper.prototype = Object.create( Line.prototype ); + PlaneHelper.prototype.constructor = PlaneHelper; + + PlaneHelper.prototype.updateMatrixWorld = function ( force ) { + + var scale = - this.plane.constant; + + if ( Math.abs( scale ) < 1e-8 ) scale = 1e-8; // sign does not matter + + this.scale.set( 0.5 * this.size, 0.5 * this.size, scale ); + + this.children[ 0 ].material.side = ( scale < 0 ) ? BackSide : FrontSide; // renderer flips side when determinant < 0; flipping not wanted here + + this.lookAt( this.plane.normal ); + + Object3D.prototype.updateMatrixWorld.call( this, force ); + + }; + + /** + * @author WestLangley / http://github.com/WestLangley + * @author zz85 / http://github.com/zz85 + * @author bhouston / http://clara.io + * + * Creates an arrow for visualizing directions + * + * Parameters: + * dir - Vector3 + * origin - Vector3 + * length - Number + * color - color in hex value + * headLength - Number + * headWidth - Number + */ + + var lineGeometry, coneGeometry; + + function ArrowHelper( dir, origin, length, color, headLength, headWidth ) { + + // dir is assumed to be normalized + + Object3D.call( this ); + + if ( color === undefined ) color = 0xffff00; + if ( length === undefined ) length = 1; + if ( headLength === undefined ) headLength = 0.2 * length; + if ( headWidth === undefined ) headWidth = 0.2 * headLength; + + if ( lineGeometry === undefined ) { + + lineGeometry = new BufferGeometry(); + lineGeometry.addAttribute( 'position', new Float32BufferAttribute( [ 0, 0, 0, 0, 1, 0 ], 3 ) ); + + coneGeometry = new CylinderBufferGeometry( 0, 0.5, 1, 5, 1 ); + coneGeometry.translate( 0, - 0.5, 0 ); + + } + + this.position.copy( origin ); + + this.line = new Line( lineGeometry, new LineBasicMaterial( { color: color } ) ); + this.line.matrixAutoUpdate = false; + this.add( this.line ); + + this.cone = new Mesh( coneGeometry, new MeshBasicMaterial( { color: color } ) ); + this.cone.matrixAutoUpdate = false; + this.add( this.cone ); + + this.setDirection( dir ); + this.setLength( length, headLength, headWidth ); + + } + + ArrowHelper.prototype = Object.create( Object3D.prototype ); + ArrowHelper.prototype.constructor = ArrowHelper; + + ArrowHelper.prototype.setDirection = ( function () { + + var axis = new Vector3(); + var radians; + + return function setDirection( dir ) { + + // dir is assumed to be normalized + + if ( dir.y > 0.99999 ) { + + this.quaternion.set( 0, 0, 0, 1 ); + + } else if ( dir.y < - 0.99999 ) { + + this.quaternion.set( 1, 0, 0, 0 ); + + } else { + + axis.set( dir.z, 0, - dir.x ).normalize(); + + radians = Math.acos( dir.y ); + + this.quaternion.setFromAxisAngle( axis, radians ); + + } + + }; + + }() ); + + ArrowHelper.prototype.setLength = function ( length, headLength, headWidth ) { + + if ( headLength === undefined ) headLength = 0.2 * length; + if ( headWidth === undefined ) headWidth = 0.2 * headLength; + + this.line.scale.set( 1, Math.max( 0, length - headLength ), 1 ); + this.line.updateMatrix(); + + this.cone.scale.set( headWidth, headLength, headWidth ); + this.cone.position.y = length; + this.cone.updateMatrix(); + + }; + + ArrowHelper.prototype.setColor = function ( color ) { + + this.line.material.color.copy( color ); + this.cone.material.color.copy( color ); + + }; + + /** + * @author sroucheray / http://sroucheray.org/ + * @author mrdoob / http://mrdoob.com/ + */ + + function AxesHelper( size ) { + + size = size || 1; + + var vertices = [ + 0, 0, 0, size, 0, 0, + 0, 0, 0, 0, size, 0, + 0, 0, 0, 0, 0, size + ]; + + var colors = [ + 1, 0, 0, 1, 0.6, 0, + 0, 1, 0, 0.6, 1, 0, + 0, 0, 1, 0, 0.6, 1 + ]; + + var geometry = new BufferGeometry(); + geometry.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) ); + geometry.addAttribute( 'color', new Float32BufferAttribute( colors, 3 ) ); + + var material = new LineBasicMaterial( { vertexColors: VertexColors } ); + + LineSegments.call( this, geometry, material ); + + } + + AxesHelper.prototype = Object.create( LineSegments.prototype ); + AxesHelper.prototype.constructor = AxesHelper; + + // + + Curve.create = function ( construct, getPoint ) { + + console.log( 'THREE.Curve.create() has been deprecated' ); + + construct.prototype = Object.create( Curve.prototype ); + construct.prototype.constructor = construct; + construct.prototype.getPoint = getPoint; + + return construct; + + }; + + // + + Object.assign( CurvePath.prototype, { + + createPointsGeometry: function ( divisions ) { + + console.warn( 'THREE.CurvePath: .createPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.' ); + + // generate geometry from path points (for Line or Points objects) + + var pts = this.getPoints( divisions ); + return this.createGeometry( pts ); + + }, + + createSpacedPointsGeometry: function ( divisions ) { + + console.warn( 'THREE.CurvePath: .createSpacedPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.' ); + + // generate geometry from equidistant sampling along the path + + var pts = this.getSpacedPoints( divisions ); + return this.createGeometry( pts ); + + }, + + createGeometry: function ( points ) { + + console.warn( 'THREE.CurvePath: .createGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.' ); + + var geometry = new Geometry(); + + for ( var i = 0, l = points.length; i < l; i ++ ) { + + var point = points[ i ]; + geometry.vertices.push( new Vector3( point.x, point.y, point.z || 0 ) ); + + } + + return geometry; + + } + + } ); + + // + + Object.assign( Path.prototype, { + + fromPoints: function ( points ) { + + console.warn( 'THREE.Path: .fromPoints() has been renamed to .setFromPoints().' ); + this.setFromPoints( points ); + + } + + } ); + + // + + function Spline( points ) { + + console.warn( 'THREE.Spline has been removed. Use THREE.CatmullRomCurve3 instead.' ); + + CatmullRomCurve3.call( this, points ); + this.type = 'catmullrom'; + + } + + Spline.prototype = Object.create( CatmullRomCurve3.prototype ); + + Object.assign( Spline.prototype, { + + initFromArray: function ( /* a */ ) { + + console.error( 'THREE.Spline: .initFromArray() has been removed.' ); + + }, + getControlPointsArray: function ( /* optionalTarget */ ) { + + console.error( 'THREE.Spline: .getControlPointsArray() has been removed.' ); + + }, + reparametrizeByArcLength: function ( /* samplingCoef */ ) { + + console.error( 'THREE.Spline: .reparametrizeByArcLength() has been removed.' ); + + } + + } ); + + GridHelper.prototype.setColors = function () { + + console.error( 'THREE.GridHelper: setColors() has been deprecated, pass them in the constructor instead.' ); + + }; + + SkeletonHelper.prototype.update = function () { + + console.error( 'THREE.SkeletonHelper: update() no longer needs to be called.' ); + + }; + + // + + Object.assign( Loader.prototype, { + + extractUrlBase: function ( url ) { + + console.warn( 'THREE.Loader: .extractUrlBase() has been deprecated. Use THREE.LoaderUtils.extractUrlBase() instead.' ); + return LoaderUtils.extractUrlBase( url ); + + } + + } ); + + // + + Object.assign( Box2.prototype, { + + center: function ( optionalTarget ) { + + console.warn( 'THREE.Box2: .center() has been renamed to .getCenter().' ); + return this.getCenter( optionalTarget ); + + }, + empty: function () { + + console.warn( 'THREE.Box2: .empty() has been renamed to .isEmpty().' ); + return this.isEmpty(); + + }, + isIntersectionBox: function ( box ) { + + console.warn( 'THREE.Box2: .isIntersectionBox() has been renamed to .intersectsBox().' ); + return this.intersectsBox( box ); + + }, + size: function ( optionalTarget ) { + + console.warn( 'THREE.Box2: .size() has been renamed to .getSize().' ); + return this.getSize( optionalTarget ); + + } + } ); + + Object.assign( Box3.prototype, { + + center: function ( optionalTarget ) { + + console.warn( 'THREE.Box3: .center() has been renamed to .getCenter().' ); + return this.getCenter( optionalTarget ); + + }, + empty: function () { + + console.warn( 'THREE.Box3: .empty() has been renamed to .isEmpty().' ); + return this.isEmpty(); + + }, + isIntersectionBox: function ( box ) { + + console.warn( 'THREE.Box3: .isIntersectionBox() has been renamed to .intersectsBox().' ); + return this.intersectsBox( box ); + + }, + isIntersectionSphere: function ( sphere ) { + + console.warn( 'THREE.Box3: .isIntersectionSphere() has been renamed to .intersectsSphere().' ); + return this.intersectsSphere( sphere ); + + }, + size: function ( optionalTarget ) { + + console.warn( 'THREE.Box3: .size() has been renamed to .getSize().' ); + return this.getSize( optionalTarget ); + + } + } ); + + Line3.prototype.center = function ( optionalTarget ) { + + console.warn( 'THREE.Line3: .center() has been renamed to .getCenter().' ); + return this.getCenter( optionalTarget ); + + }; + + Object.assign( _Math, { + + random16: function () { + + console.warn( 'THREE.Math: .random16() has been deprecated. Use Math.random() instead.' ); + return Math.random(); + + }, + + nearestPowerOfTwo: function ( value ) { + + console.warn( 'THREE.Math: .nearestPowerOfTwo() has been renamed to .floorPowerOfTwo().' ); + return _Math.floorPowerOfTwo( value ); + + }, + + nextPowerOfTwo: function ( value ) { + + console.warn( 'THREE.Math: .nextPowerOfTwo() has been renamed to .ceilPowerOfTwo().' ); + return _Math.ceilPowerOfTwo( value ); + + } + + } ); + + Object.assign( Matrix3.prototype, { + + flattenToArrayOffset: function ( array, offset ) { + + console.warn( "THREE.Matrix3: .flattenToArrayOffset() has been deprecated. Use .toArray() instead." ); + return this.toArray( array, offset ); + + }, + multiplyVector3: function ( vector ) { + + console.warn( 'THREE.Matrix3: .multiplyVector3() has been removed. Use vector.applyMatrix3( matrix ) instead.' ); + return vector.applyMatrix3( this ); + + }, + multiplyVector3Array: function ( /* a */ ) { + + console.error( 'THREE.Matrix3: .multiplyVector3Array() has been removed.' ); + + }, + applyToBuffer: function ( buffer /*, offset, length */ ) { + + console.warn( 'THREE.Matrix3: .applyToBuffer() has been removed. Use matrix.applyToBufferAttribute( attribute ) instead.' ); + return this.applyToBufferAttribute( buffer ); + + }, + applyToVector3Array: function ( /* array, offset, length */ ) { + + console.error( 'THREE.Matrix3: .applyToVector3Array() has been removed.' ); + + } + + } ); + + Object.assign( Matrix4.prototype, { + + extractPosition: function ( m ) { + + console.warn( 'THREE.Matrix4: .extractPosition() has been renamed to .copyPosition().' ); + return this.copyPosition( m ); + + }, + flattenToArrayOffset: function ( array, offset ) { + + console.warn( "THREE.Matrix4: .flattenToArrayOffset() has been deprecated. Use .toArray() instead." ); + return this.toArray( array, offset ); + + }, + getPosition: function () { + + var v1; + + return function getPosition() { + + if ( v1 === undefined ) v1 = new Vector3(); + console.warn( 'THREE.Matrix4: .getPosition() has been removed. Use Vector3.setFromMatrixPosition( matrix ) instead.' ); + return v1.setFromMatrixColumn( this, 3 ); + + }; + + }(), + setRotationFromQuaternion: function ( q ) { + + console.warn( 'THREE.Matrix4: .setRotationFromQuaternion() has been renamed to .makeRotationFromQuaternion().' ); + return this.makeRotationFromQuaternion( q ); + + }, + multiplyToArray: function () { + + console.warn( 'THREE.Matrix4: .multiplyToArray() has been removed.' ); + + }, + multiplyVector3: function ( vector ) { + + console.warn( 'THREE.Matrix4: .multiplyVector3() has been removed. Use vector.applyMatrix4( matrix ) instead.' ); + return vector.applyMatrix4( this ); + + }, + multiplyVector4: function ( vector ) { + + console.warn( 'THREE.Matrix4: .multiplyVector4() has been removed. Use vector.applyMatrix4( matrix ) instead.' ); + return vector.applyMatrix4( this ); + + }, + multiplyVector3Array: function ( /* a */ ) { + + console.error( 'THREE.Matrix4: .multiplyVector3Array() has been removed.' ); + + }, + rotateAxis: function ( v ) { + + console.warn( 'THREE.Matrix4: .rotateAxis() has been removed. Use Vector3.transformDirection( matrix ) instead.' ); + v.transformDirection( this ); + + }, + crossVector: function ( vector ) { + + console.warn( 'THREE.Matrix4: .crossVector() has been removed. Use vector.applyMatrix4( matrix ) instead.' ); + return vector.applyMatrix4( this ); + + }, + translate: function () { + + console.error( 'THREE.Matrix4: .translate() has been removed.' ); + + }, + rotateX: function () { + + console.error( 'THREE.Matrix4: .rotateX() has been removed.' ); + + }, + rotateY: function () { + + console.error( 'THREE.Matrix4: .rotateY() has been removed.' ); + + }, + rotateZ: function () { + + console.error( 'THREE.Matrix4: .rotateZ() has been removed.' ); + + }, + rotateByAxis: function () { + + console.error( 'THREE.Matrix4: .rotateByAxis() has been removed.' ); + + }, + applyToBuffer: function ( buffer /*, offset, length */ ) { + + console.warn( 'THREE.Matrix4: .applyToBuffer() has been removed. Use matrix.applyToBufferAttribute( attribute ) instead.' ); + return this.applyToBufferAttribute( buffer ); + + }, + applyToVector3Array: function ( /* array, offset, length */ ) { + + console.error( 'THREE.Matrix4: .applyToVector3Array() has been removed.' ); + + }, + makeFrustum: function ( left, right, bottom, top, near, far ) { + + console.warn( 'THREE.Matrix4: .makeFrustum() has been removed. Use .makePerspective( left, right, top, bottom, near, far ) instead.' ); + return this.makePerspective( left, right, top, bottom, near, far ); + + } + + } ); + + Plane.prototype.isIntersectionLine = function ( line ) { + + console.warn( 'THREE.Plane: .isIntersectionLine() has been renamed to .intersectsLine().' ); + return this.intersectsLine( line ); + + }; + + Quaternion.prototype.multiplyVector3 = function ( vector ) { + + console.warn( 'THREE.Quaternion: .multiplyVector3() has been removed. Use is now vector.applyQuaternion( quaternion ) instead.' ); + return vector.applyQuaternion( this ); + + }; + + Object.assign( Ray.prototype, { + + isIntersectionBox: function ( box ) { + + console.warn( 'THREE.Ray: .isIntersectionBox() has been renamed to .intersectsBox().' ); + return this.intersectsBox( box ); + + }, + isIntersectionPlane: function ( plane ) { + + console.warn( 'THREE.Ray: .isIntersectionPlane() has been renamed to .intersectsPlane().' ); + return this.intersectsPlane( plane ); + + }, + isIntersectionSphere: function ( sphere ) { + + console.warn( 'THREE.Ray: .isIntersectionSphere() has been renamed to .intersectsSphere().' ); + return this.intersectsSphere( sphere ); + + } + + } ); + + Object.assign( Triangle.prototype, { + + area: function () { + + console.warn( 'THREE.Triangle: .area() has been renamed to .getArea().' ); + return this.getArea(); + + }, + barycoordFromPoint: function ( point, target ) { + + console.warn( 'THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().' ); + return this.getBarycoord( point, target ); + + }, + midpoint: function ( target ) { + + console.warn( 'THREE.Triangle: .midpoint() has been renamed to .getMidpoint().' ); + return this.getMidpoint( target ); + + }, + normal: function ( target ) { + + console.warn( 'THREE.Triangle: .normal() has been renamed to .getNormal().' ); + return this.getNormal( target ); + + }, + plane: function ( target ) { + + console.warn( 'THREE.Triangle: .plane() has been renamed to .getPlane().' ); + return this.getPlane( target ); + + } + + } ); + + Object.assign( Triangle, { + + barycoordFromPoint: function ( point, a, b, c, target ) { + + console.warn( 'THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().' ); + return Triangle.getBarycoord( point, a, b, c, target ); + + }, + normal: function ( a, b, c, target ) { + + console.warn( 'THREE.Triangle: .normal() has been renamed to .getNormal().' ); + return Triangle.getNormal( a, b, c, target ); + + } + + } ); + + Object.assign( Shape.prototype, { + + extractAllPoints: function ( divisions ) { + + console.warn( 'THREE.Shape: .extractAllPoints() has been removed. Use .extractPoints() instead.' ); + return this.extractPoints( divisions ); + + }, + extrude: function ( options ) { + + console.warn( 'THREE.Shape: .extrude() has been removed. Use ExtrudeGeometry() instead.' ); + return new ExtrudeGeometry( this, options ); + + }, + makeGeometry: function ( options ) { + + console.warn( 'THREE.Shape: .makeGeometry() has been removed. Use ShapeGeometry() instead.' ); + return new ShapeGeometry( this, options ); + + } + + } ); + + Object.assign( Vector2.prototype, { + + fromAttribute: function ( attribute, index, offset ) { + + console.warn( 'THREE.Vector2: .fromAttribute() has been renamed to .fromBufferAttribute().' ); + return this.fromBufferAttribute( attribute, index, offset ); + + }, + distanceToManhattan: function ( v ) { + + console.warn( 'THREE.Vector2: .distanceToManhattan() has been renamed to .manhattanDistanceTo().' ); + return this.manhattanDistanceTo( v ); + + }, + lengthManhattan: function () { + + console.warn( 'THREE.Vector2: .lengthManhattan() has been renamed to .manhattanLength().' ); + return this.manhattanLength(); + + } + + } ); + + Object.assign( Vector3.prototype, { + + setEulerFromRotationMatrix: function () { + + console.error( 'THREE.Vector3: .setEulerFromRotationMatrix() has been removed. Use Euler.setFromRotationMatrix() instead.' ); + + }, + setEulerFromQuaternion: function () { + + console.error( 'THREE.Vector3: .setEulerFromQuaternion() has been removed. Use Euler.setFromQuaternion() instead.' ); + + }, + getPositionFromMatrix: function ( m ) { + + console.warn( 'THREE.Vector3: .getPositionFromMatrix() has been renamed to .setFromMatrixPosition().' ); + return this.setFromMatrixPosition( m ); + + }, + getScaleFromMatrix: function ( m ) { + + console.warn( 'THREE.Vector3: .getScaleFromMatrix() has been renamed to .setFromMatrixScale().' ); + return this.setFromMatrixScale( m ); + + }, + getColumnFromMatrix: function ( index, matrix ) { + + console.warn( 'THREE.Vector3: .getColumnFromMatrix() has been renamed to .setFromMatrixColumn().' ); + return this.setFromMatrixColumn( matrix, index ); + + }, + applyProjection: function ( m ) { + + console.warn( 'THREE.Vector3: .applyProjection() has been removed. Use .applyMatrix4( m ) instead.' ); + return this.applyMatrix4( m ); + + }, + fromAttribute: function ( attribute, index, offset ) { + + console.warn( 'THREE.Vector3: .fromAttribute() has been renamed to .fromBufferAttribute().' ); + return this.fromBufferAttribute( attribute, index, offset ); + + }, + distanceToManhattan: function ( v ) { + + console.warn( 'THREE.Vector3: .distanceToManhattan() has been renamed to .manhattanDistanceTo().' ); + return this.manhattanDistanceTo( v ); + + }, + lengthManhattan: function () { + + console.warn( 'THREE.Vector3: .lengthManhattan() has been renamed to .manhattanLength().' ); + return this.manhattanLength(); + + } + + } ); + + Object.assign( Vector4.prototype, { + + fromAttribute: function ( attribute, index, offset ) { + + console.warn( 'THREE.Vector4: .fromAttribute() has been renamed to .fromBufferAttribute().' ); + return this.fromBufferAttribute( attribute, index, offset ); + + }, + lengthManhattan: function () { + + console.warn( 'THREE.Vector4: .lengthManhattan() has been renamed to .manhattanLength().' ); + return this.manhattanLength(); + + } + + } ); + + // + + Object.assign( Geometry.prototype, { + + computeTangents: function () { + + console.error( 'THREE.Geometry: .computeTangents() has been removed.' ); + + }, + computeLineDistances: function () { + + console.error( 'THREE.Geometry: .computeLineDistances() has been removed. Use THREE.Line.computeLineDistances() instead.' ); + + } + + } ); + + Object.assign( Object3D.prototype, { + + getChildByName: function ( name ) { + + console.warn( 'THREE.Object3D: .getChildByName() has been renamed to .getObjectByName().' ); + return this.getObjectByName( name ); + + }, + renderDepth: function () { + + console.warn( 'THREE.Object3D: .renderDepth has been removed. Use .renderOrder, instead.' ); + + }, + translate: function ( distance, axis ) { + + console.warn( 'THREE.Object3D: .translate() has been removed. Use .translateOnAxis( axis, distance ) instead.' ); + return this.translateOnAxis( axis, distance ); + + }, + getWorldRotation: function () { + + console.error( 'THREE.Object3D: .getWorldRotation() has been removed. Use THREE.Object3D.getWorldQuaternion( target ) instead.' ); + + } + + } ); + + Object.defineProperties( Object3D.prototype, { + + eulerOrder: { + get: function () { + + console.warn( 'THREE.Object3D: .eulerOrder is now .rotation.order.' ); + return this.rotation.order; + + }, + set: function ( value ) { + + console.warn( 'THREE.Object3D: .eulerOrder is now .rotation.order.' ); + this.rotation.order = value; + + } + }, + useQuaternion: { + get: function () { + + console.warn( 'THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.' ); + + }, + set: function () { + + console.warn( 'THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.' ); + + } + } + + } ); + + Object.defineProperties( LOD.prototype, { + + objects: { + get: function () { + + console.warn( 'THREE.LOD: .objects has been renamed to .levels.' ); + return this.levels; + + } + } + + } ); + + Object.defineProperty( Skeleton.prototype, 'useVertexTexture', { + + get: function () { + + console.warn( 'THREE.Skeleton: useVertexTexture has been removed.' ); + + }, + set: function () { + + console.warn( 'THREE.Skeleton: useVertexTexture has been removed.' ); + + } + + } ); + + Object.defineProperty( Curve.prototype, '__arcLengthDivisions', { + + get: function () { + + console.warn( 'THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions.' ); + return this.arcLengthDivisions; + + }, + set: function ( value ) { + + console.warn( 'THREE.Curve: .__arcLengthDivisions is now .arcLengthDivisions.' ); + this.arcLengthDivisions = value; + + } + + } ); + + // + + PerspectiveCamera.prototype.setLens = function ( focalLength, filmGauge ) { + + console.warn( "THREE.PerspectiveCamera.setLens is deprecated. " + + "Use .setFocalLength and .filmGauge for a photographic setup." ); + + if ( filmGauge !== undefined ) this.filmGauge = filmGauge; + this.setFocalLength( focalLength ); + + }; + + // + + Object.defineProperties( Light.prototype, { + onlyShadow: { + set: function () { + + console.warn( 'THREE.Light: .onlyShadow has been removed.' ); + + } + }, + shadowCameraFov: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowCameraFov is now .shadow.camera.fov.' ); + this.shadow.camera.fov = value; + + } + }, + shadowCameraLeft: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowCameraLeft is now .shadow.camera.left.' ); + this.shadow.camera.left = value; + + } + }, + shadowCameraRight: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowCameraRight is now .shadow.camera.right.' ); + this.shadow.camera.right = value; + + } + }, + shadowCameraTop: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowCameraTop is now .shadow.camera.top.' ); + this.shadow.camera.top = value; + + } + }, + shadowCameraBottom: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowCameraBottom is now .shadow.camera.bottom.' ); + this.shadow.camera.bottom = value; + + } + }, + shadowCameraNear: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowCameraNear is now .shadow.camera.near.' ); + this.shadow.camera.near = value; + + } + }, + shadowCameraFar: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowCameraFar is now .shadow.camera.far.' ); + this.shadow.camera.far = value; + + } + }, + shadowCameraVisible: { + set: function () { + + console.warn( 'THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( light.shadow.camera ) instead.' ); + + } + }, + shadowBias: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowBias is now .shadow.bias.' ); + this.shadow.bias = value; + + } + }, + shadowDarkness: { + set: function () { + + console.warn( 'THREE.Light: .shadowDarkness has been removed.' ); + + } + }, + shadowMapWidth: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowMapWidth is now .shadow.mapSize.width.' ); + this.shadow.mapSize.width = value; + + } + }, + shadowMapHeight: { + set: function ( value ) { + + console.warn( 'THREE.Light: .shadowMapHeight is now .shadow.mapSize.height.' ); + this.shadow.mapSize.height = value; + + } + } + } ); + + // + + Object.defineProperties( BufferAttribute.prototype, { + + length: { + get: function () { + + console.warn( 'THREE.BufferAttribute: .length has been deprecated. Use .count instead.' ); + return this.array.length; + + } + }, + copyIndicesArray: function ( /* indices */ ) { + + console.error( 'THREE.BufferAttribute: .copyIndicesArray() has been removed.' ); + + } + + } ); + + Object.assign( BufferGeometry.prototype, { + + addIndex: function ( index ) { + + console.warn( 'THREE.BufferGeometry: .addIndex() has been renamed to .setIndex().' ); + this.setIndex( index ); + + }, + addDrawCall: function ( start, count, indexOffset ) { + + if ( indexOffset !== undefined ) { + + console.warn( 'THREE.BufferGeometry: .addDrawCall() no longer supports indexOffset.' ); + + } + console.warn( 'THREE.BufferGeometry: .addDrawCall() is now .addGroup().' ); + this.addGroup( start, count ); + + }, + clearDrawCalls: function () { + + console.warn( 'THREE.BufferGeometry: .clearDrawCalls() is now .clearGroups().' ); + this.clearGroups(); + + }, + computeTangents: function () { + + console.warn( 'THREE.BufferGeometry: .computeTangents() has been removed.' ); + + }, + computeOffsets: function () { + + console.warn( 'THREE.BufferGeometry: .computeOffsets() has been removed.' ); + + } + + } ); + + Object.defineProperties( BufferGeometry.prototype, { + + drawcalls: { + get: function () { + + console.error( 'THREE.BufferGeometry: .drawcalls has been renamed to .groups.' ); + return this.groups; + + } + }, + offsets: { + get: function () { + + console.warn( 'THREE.BufferGeometry: .offsets has been renamed to .groups.' ); + return this.groups; + + } + } + + } ); + + // + + Object.assign( ExtrudeBufferGeometry.prototype, { + + getArrays: function () { + + console.error( 'THREE.ExtrudeBufferGeometry: .getArrays() has been removed.' ); + + }, + + addShapeList: function () { + + console.error( 'THREE.ExtrudeBufferGeometry: .addShapeList() has been removed.' ); + + }, + + addShape: function () { + + console.error( 'THREE.ExtrudeBufferGeometry: .addShape() has been removed.' ); + + } + + } ); + + // + + Object.defineProperties( Uniform.prototype, { + + dynamic: { + set: function () { + + console.warn( 'THREE.Uniform: .dynamic has been removed. Use object.onBeforeRender() instead.' ); + + } + }, + onUpdate: { + value: function () { + + console.warn( 'THREE.Uniform: .onUpdate() has been removed. Use object.onBeforeRender() instead.' ); + return this; + + } + } + + } ); + + // + + Object.defineProperties( Material.prototype, { + + wrapAround: { + get: function () { + + console.warn( 'THREE.Material: .wrapAround has been removed.' ); + + }, + set: function () { + + console.warn( 'THREE.Material: .wrapAround has been removed.' ); + + } + }, + wrapRGB: { + get: function () { + + console.warn( 'THREE.Material: .wrapRGB has been removed.' ); + return new Color(); + + } + }, + + shading: { + get: function () { + + console.error( 'THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.' ); + + }, + set: function ( value ) { + + console.warn( 'THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.' ); + this.flatShading = ( value === FlatShading ); + + } + } + + } ); + + Object.defineProperties( MeshPhongMaterial.prototype, { + + metal: { + get: function () { + + console.warn( 'THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead.' ); + return false; + + }, + set: function () { + + console.warn( 'THREE.MeshPhongMaterial: .metal has been removed. Use THREE.MeshStandardMaterial instead' ); + + } + } + + } ); + + Object.defineProperties( ShaderMaterial.prototype, { + + derivatives: { + get: function () { + + console.warn( 'THREE.ShaderMaterial: .derivatives has been moved to .extensions.derivatives.' ); + return this.extensions.derivatives; + + }, + set: function ( value ) { + + console.warn( 'THREE. ShaderMaterial: .derivatives has been moved to .extensions.derivatives.' ); + this.extensions.derivatives = value; + + } + } + + } ); + + // + + Object.assign( WebGLRenderer.prototype, { + + animate: function ( callback ) { + + console.warn( 'THREE.WebGLRenderer: .animate() is now .setAnimationLoop().' ); + this.setAnimationLoop( callback ); + + }, + + getCurrentRenderTarget: function () { + + console.warn( 'THREE.WebGLRenderer: .getCurrentRenderTarget() is now .getRenderTarget().' ); + return this.getRenderTarget(); + + }, + + getMaxAnisotropy: function () { + + console.warn( 'THREE.WebGLRenderer: .getMaxAnisotropy() is now .capabilities.getMaxAnisotropy().' ); + return this.capabilities.getMaxAnisotropy(); + + }, + + getPrecision: function () { + + console.warn( 'THREE.WebGLRenderer: .getPrecision() is now .capabilities.precision.' ); + return this.capabilities.precision; + + }, + + resetGLState: function () { + + console.warn( 'THREE.WebGLRenderer: .resetGLState() is now .state.reset().' ); + return this.state.reset(); + + }, + + supportsFloatTextures: function () { + + console.warn( 'THREE.WebGLRenderer: .supportsFloatTextures() is now .extensions.get( \'OES_texture_float\' ).' ); + return this.extensions.get( 'OES_texture_float' ); + + }, + supportsHalfFloatTextures: function () { + + console.warn( 'THREE.WebGLRenderer: .supportsHalfFloatTextures() is now .extensions.get( \'OES_texture_half_float\' ).' ); + return this.extensions.get( 'OES_texture_half_float' ); + + }, + supportsStandardDerivatives: function () { + + console.warn( 'THREE.WebGLRenderer: .supportsStandardDerivatives() is now .extensions.get( \'OES_standard_derivatives\' ).' ); + return this.extensions.get( 'OES_standard_derivatives' ); + + }, + supportsCompressedTextureS3TC: function () { + + console.warn( 'THREE.WebGLRenderer: .supportsCompressedTextureS3TC() is now .extensions.get( \'WEBGL_compressed_texture_s3tc\' ).' ); + return this.extensions.get( 'WEBGL_compressed_texture_s3tc' ); + + }, + supportsCompressedTexturePVRTC: function () { + + console.warn( 'THREE.WebGLRenderer: .supportsCompressedTexturePVRTC() is now .extensions.get( \'WEBGL_compressed_texture_pvrtc\' ).' ); + return this.extensions.get( 'WEBGL_compressed_texture_pvrtc' ); + + }, + supportsBlendMinMax: function () { + + console.warn( 'THREE.WebGLRenderer: .supportsBlendMinMax() is now .extensions.get( \'EXT_blend_minmax\' ).' ); + return this.extensions.get( 'EXT_blend_minmax' ); + + }, + supportsVertexTextures: function () { + + console.warn( 'THREE.WebGLRenderer: .supportsVertexTextures() is now .capabilities.vertexTextures.' ); + return this.capabilities.vertexTextures; + + }, + supportsInstancedArrays: function () { + + console.warn( 'THREE.WebGLRenderer: .supportsInstancedArrays() is now .extensions.get( \'ANGLE_instanced_arrays\' ).' ); + return this.extensions.get( 'ANGLE_instanced_arrays' ); + + }, + enableScissorTest: function ( boolean ) { + + console.warn( 'THREE.WebGLRenderer: .enableScissorTest() is now .setScissorTest().' ); + this.setScissorTest( boolean ); + + }, + initMaterial: function () { + + console.warn( 'THREE.WebGLRenderer: .initMaterial() has been removed.' ); + + }, + addPrePlugin: function () { + + console.warn( 'THREE.WebGLRenderer: .addPrePlugin() has been removed.' ); + + }, + addPostPlugin: function () { + + console.warn( 'THREE.WebGLRenderer: .addPostPlugin() has been removed.' ); + + }, + updateShadowMap: function () { + + console.warn( 'THREE.WebGLRenderer: .updateShadowMap() has been removed.' ); + + }, + setFaceCulling: function () { + + console.warn( 'THREE.WebGLRenderer: .setFaceCulling() has been removed.' ); + + } + + } ); + + Object.defineProperties( WebGLRenderer.prototype, { + + shadowMapEnabled: { + get: function () { + + return this.shadowMap.enabled; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderer: .shadowMapEnabled is now .shadowMap.enabled.' ); + this.shadowMap.enabled = value; + + } + }, + shadowMapType: { + get: function () { + + return this.shadowMap.type; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderer: .shadowMapType is now .shadowMap.type.' ); + this.shadowMap.type = value; + + } + }, + shadowMapCullFace: { + get: function () { + + console.warn( 'THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.' ); + return undefined; + + }, + set: function ( /* value */ ) { + + console.warn( 'THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.' ); + + } + } + } ); + + Object.defineProperties( WebGLShadowMap.prototype, { + + cullFace: { + get: function () { + + console.warn( 'THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.' ); + return undefined; + + }, + set: function ( /* cullFace */ ) { + + console.warn( 'THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.' ); + + } + }, + renderReverseSided: { + get: function () { + + console.warn( 'THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.' ); + return undefined; + + }, + set: function () { + + console.warn( 'THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.' ); + + } + }, + renderSingleSided: { + get: function () { + + console.warn( 'THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.' ); + return undefined; + + }, + set: function () { + + console.warn( 'THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.' ); + + } + } + + } ); + + // + + Object.defineProperties( WebGLRenderTarget.prototype, { + + wrapS: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.' ); + return this.texture.wrapS; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.' ); + this.texture.wrapS = value; + + } + }, + wrapT: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.' ); + return this.texture.wrapT; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.' ); + this.texture.wrapT = value; + + } + }, + magFilter: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.' ); + return this.texture.magFilter; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.' ); + this.texture.magFilter = value; + + } + }, + minFilter: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.' ); + return this.texture.minFilter; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.' ); + this.texture.minFilter = value; + + } + }, + anisotropy: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.' ); + return this.texture.anisotropy; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.' ); + this.texture.anisotropy = value; + + } + }, + offset: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .offset is now .texture.offset.' ); + return this.texture.offset; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .offset is now .texture.offset.' ); + this.texture.offset = value; + + } + }, + repeat: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .repeat is now .texture.repeat.' ); + return this.texture.repeat; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .repeat is now .texture.repeat.' ); + this.texture.repeat = value; + + } + }, + format: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .format is now .texture.format.' ); + return this.texture.format; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .format is now .texture.format.' ); + this.texture.format = value; + + } + }, + type: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .type is now .texture.type.' ); + return this.texture.type; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .type is now .texture.type.' ); + this.texture.type = value; + + } + }, + generateMipmaps: { + get: function () { + + console.warn( 'THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.' ); + return this.texture.generateMipmaps; + + }, + set: function ( value ) { + + console.warn( 'THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.' ); + this.texture.generateMipmaps = value; + + } + } + + } ); + + // + + Object.defineProperties( WebVRManager.prototype, { + + standing: { + set: function ( /* value */ ) { + + console.warn( 'THREE.WebVRManager: .standing has been removed.' ); + + } + } + + } ); + + // + + Audio.prototype.load = function ( file ) { + + console.warn( 'THREE.Audio: .load has been deprecated. Use THREE.AudioLoader instead.' ); + var scope = this; + var audioLoader = new AudioLoader(); + audioLoader.load( file, function ( buffer ) { + + scope.setBuffer( buffer ); + + } ); + return this; + + }; + + AudioAnalyser.prototype.getData = function () { + + console.warn( 'THREE.AudioAnalyser: .getData() is now .getFrequencyData().' ); + return this.getFrequencyData(); + + }; + + // + + CubeCamera.prototype.updateCubeMap = function ( renderer, scene ) { + + console.warn( 'THREE.CubeCamera: .updateCubeMap() is now .update().' ); + return this.update( renderer, scene ); + + }; + + /** + * @author dmarcos / https://github.com/dmarcos + * @author mrdoob / http://mrdoob.com + */ + var VRControls = function ( object, onError ) { + + var scope = this; + + var vrDisplay, vrDisplays; + + var standingMatrix = new Matrix4(); + + var frameData = null; + + if ( 'VRFrameData' in window ) { + + frameData = new VRFrameData(); + + } + + function gotVRDisplays( displays ) { + + vrDisplays = displays; + + if ( displays.length > 0 ) { + + vrDisplay = displays[ 0 ]; + + } else { + + if ( onError ) onError( 'VR input not available.' ); + + } + + } + + if ( navigator.getVRDisplays ) { + + navigator.getVRDisplays().then( gotVRDisplays ).catch( function () { + + console.warn( 'VRControls: Unable to get VR Displays' ); + + } ); + + } + + // the Rift SDK returns the position in meters + // this scale factor allows the user to define how meters + // are converted to scene units. + + this.scale = 1; + + // If true will use "standing space" coordinate system where y=0 is the + // floor and x=0, z=0 is the center of the room. + this.standing = false; + + // Distance from the users eyes to the floor in meters. Used when + // standing=true but the VRDisplay doesn't provide stageParameters. + this.userHeight = 1.6; + + this.getVRDisplay = function () { + + return vrDisplay; + + }; + + this.setVRDisplay = function ( value ) { + + vrDisplay = value; + + }; + + this.getVRDisplays = function () { + + console.warn( 'VRControls: getVRDisplays() is being deprecated.' ); + return vrDisplays; + + }; + + this.getStandingMatrix = function () { + + return standingMatrix; + + }; + + this.update = function () { + + if ( vrDisplay ) { + + var pose; + + if ( vrDisplay.getFrameData ) { + + vrDisplay.getFrameData( frameData ); + pose = frameData.pose; + + } else if ( vrDisplay.getPose ) { + + pose = vrDisplay.getPose(); + + } + + if ( pose.orientation !== null ) { + + object.quaternion.fromArray( pose.orientation ); + + } + + if ( pose.position !== null ) { + + object.position.fromArray( pose.position ); + + } else { + + object.position.set( 0, 0, 0 ); + + } + + if ( this.standing ) { + + if ( vrDisplay.stageParameters ) { + + object.updateMatrix(); + + standingMatrix.fromArray( vrDisplay.stageParameters.sittingToStandingTransform ); + object.applyMatrix( standingMatrix ); + + } else { + + object.position.setY( object.position.y + this.userHeight ); + + } + + } + + object.position.multiplyScalar( scope.scale ); + + } + + }; + + this.dispose = function () { + + vrDisplay = null; + + }; + + }; + + /** + * @author dmarcos / https://github.com/dmarcos + * @author mrdoob / http://mrdoob.com + * + * WebVR Spec: http://mozvr.github.io/webvr-spec/webvr.html + * + * Firefox: http://mozvr.com/downloads/ + * Chromium: https://webvr.info/get-chrome + */ + var VREffect = function ( renderer, onError ) { + + var vrDisplay, vrDisplays; + var eyeTranslationL = new Vector3(); + var eyeTranslationR = new Vector3(); + var renderRectL, renderRectR; + var headMatrix = new Matrix4(); + var eyeMatrixL = new Matrix4(); + var eyeMatrixR = new Matrix4(); + + var frameData = null; + + if ( 'VRFrameData' in window ) { + + frameData = new window.VRFrameData(); + + } + + function gotVRDisplays( displays ) { + + vrDisplays = displays; + + if ( displays.length > 0 ) { + + vrDisplay = displays[ 0 ]; + + } else { + + if ( onError ) onError( 'HMD not available' ); + + } + + } + + if ( navigator.getVRDisplays ) { + + navigator.getVRDisplays().then( gotVRDisplays ).catch( function () { + + console.warn( 'VREffect: Unable to get VR Displays' ); + + } ); + + } + + // + + this.isPresenting = false; + + var scope = this; + + var rendererSize = renderer.getSize(); + var rendererUpdateStyle = false; + var rendererPixelRatio = renderer.getPixelRatio(); + + this.getVRDisplay = function () { + + return vrDisplay; + + }; + + this.setVRDisplay = function ( value ) { + + vrDisplay = value; + + }; + + this.getVRDisplays = function () { + + console.warn( 'VREffect: getVRDisplays() is being deprecated.' ); + return vrDisplays; + + }; + + this.setSize = function ( width, height, updateStyle ) { + + rendererSize = { width: width, height: height }; + rendererUpdateStyle = updateStyle; + + if ( scope.isPresenting ) { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + renderer.setPixelRatio( 1 ); + renderer.setSize( eyeParamsL.renderWidth * 2, eyeParamsL.renderHeight, false ); + + } else { + + renderer.setPixelRatio( rendererPixelRatio ); + renderer.setSize( width, height, updateStyle ); + + } + + }; + + // VR presentation + + var canvas = renderer.domElement; + var defaultLeftBounds = [ 0.0, 0.0, 0.5, 1.0 ]; + var defaultRightBounds = [ 0.5, 0.0, 0.5, 1.0 ]; + + function onVRDisplayPresentChange() { + + var wasPresenting = scope.isPresenting; + scope.isPresenting = vrDisplay !== undefined && vrDisplay.isPresenting; + + if ( scope.isPresenting ) { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + var eyeWidth = eyeParamsL.renderWidth; + var eyeHeight = eyeParamsL.renderHeight; + + if ( ! wasPresenting ) { + + rendererPixelRatio = renderer.getPixelRatio(); + rendererSize = renderer.getSize(); + + renderer.setPixelRatio( 1 ); + renderer.setSize( eyeWidth * 2, eyeHeight, false ); + + } + + } else if ( wasPresenting ) { + + renderer.setPixelRatio( rendererPixelRatio ); + renderer.setSize( rendererSize.width, rendererSize.height, rendererUpdateStyle ); + + } + + } + + window.addEventListener( 'vrdisplaypresentchange', onVRDisplayPresentChange, false ); + + this.setFullScreen = function ( boolean ) { + + return new Promise( function ( resolve, reject ) { + + if ( vrDisplay === undefined ) { + + reject( new Error( 'No VR hardware found.' ) ); + return; + + } + + if ( scope.isPresenting === boolean ) { + + resolve(); + return; + + } + + if ( boolean ) { + + resolve( vrDisplay.requestPresent( [ { source: canvas } ] ) ); + + } else { + + resolve( vrDisplay.exitPresent() ); + + } + + } ); + + }; + + this.requestPresent = function () { + + return this.setFullScreen( true ); + + }; + + this.exitPresent = function () { + + return this.setFullScreen( false ); + + }; + + this.requestAnimationFrame = function ( f ) { + + if ( vrDisplay !== undefined ) { + + return vrDisplay.requestAnimationFrame( f ); + + } else { + + return window.requestAnimationFrame( f ); + + } + + }; + + this.cancelAnimationFrame = function ( h ) { + + if ( vrDisplay !== undefined ) { + + vrDisplay.cancelAnimationFrame( h ); + + } else { + + window.cancelAnimationFrame( h ); + + } + + }; + + this.submitFrame = function () { + + if ( vrDisplay !== undefined && scope.isPresenting ) { + + vrDisplay.submitFrame(); + + } + + }; + + this.autoSubmitFrame = true; + + // render + + var cameraL = new PerspectiveCamera(); + cameraL.layers.enable( 1 ); + + var cameraR = new PerspectiveCamera(); + cameraR.layers.enable( 2 ); + + this.render = function ( scene, camera, renderTarget, forceClear ) { + + if ( vrDisplay && scope.isPresenting ) { + + var autoUpdate = scene.autoUpdate; + + if ( autoUpdate ) { + + scene.updateMatrixWorld(); + scene.autoUpdate = false; + + } + + if ( Array.isArray( scene ) ) { + + console.warn( 'VREffect.render() no longer supports arrays. Use object.layers instead.' ); + scene = scene[ 0 ]; + + } + + // When rendering we don't care what the recommended size is, only what the actual size + // of the backbuffer is. + var size = renderer.getSize(); + var layers = vrDisplay.getLayers(); + var leftBounds; + var rightBounds; + + if ( layers.length ) { + + var layer = layers[ 0 ]; + + leftBounds = layer.leftBounds !== null && layer.leftBounds.length === 4 ? layer.leftBounds : defaultLeftBounds; + rightBounds = layer.rightBounds !== null && layer.rightBounds.length === 4 ? layer.rightBounds : defaultRightBounds; + + } else { + + leftBounds = defaultLeftBounds; + rightBounds = defaultRightBounds; + + } + + renderRectL = { + x: Math.round( size.width * leftBounds[ 0 ] ), + y: Math.round( size.height * leftBounds[ 1 ] ), + width: Math.round( size.width * leftBounds[ 2 ] ), + height: Math.round( size.height * leftBounds[ 3 ] ) + }; + renderRectR = { + x: Math.round( size.width * rightBounds[ 0 ] ), + y: Math.round( size.height * rightBounds[ 1 ] ), + width: Math.round( size.width * rightBounds[ 2 ] ), + height: Math.round( size.height * rightBounds[ 3 ] ) + }; + + if ( renderTarget ) { + + renderer.setRenderTarget( renderTarget ); + renderTarget.scissorTest = true; + + } else { + + renderer.setRenderTarget( null ); + renderer.setScissorTest( true ); + + } + + if ( renderer.autoClear || forceClear ) renderer.clear(); + + if ( camera.parent === null ) camera.updateMatrixWorld(); + + camera.matrixWorld.decompose( cameraL.position, cameraL.quaternion, cameraL.scale ); + + cameraR.position.copy( cameraL.position ); + cameraR.quaternion.copy( cameraL.quaternion ); + cameraR.scale.copy( cameraL.scale ); + + if ( vrDisplay.getFrameData ) { + + vrDisplay.depthNear = camera.near; + vrDisplay.depthFar = camera.far; + + vrDisplay.getFrameData( frameData ); + + cameraL.projectionMatrix.elements = frameData.leftProjectionMatrix; + cameraR.projectionMatrix.elements = frameData.rightProjectionMatrix; + + getEyeMatrices( frameData ); + + cameraL.updateMatrix(); + cameraL.matrix.multiply( eyeMatrixL ); + cameraL.matrix.decompose( cameraL.position, cameraL.quaternion, cameraL.scale ); + + cameraR.updateMatrix(); + cameraR.matrix.multiply( eyeMatrixR ); + cameraR.matrix.decompose( cameraR.position, cameraR.quaternion, cameraR.scale ); + + } else { + + var eyeParamsL = vrDisplay.getEyeParameters( 'left' ); + var eyeParamsR = vrDisplay.getEyeParameters( 'right' ); + + cameraL.projectionMatrix = fovToProjection( eyeParamsL.fieldOfView, true, camera.near, camera.far ); + cameraR.projectionMatrix = fovToProjection( eyeParamsR.fieldOfView, true, camera.near, camera.far ); + + eyeTranslationL.fromArray( eyeParamsL.offset ); + eyeTranslationR.fromArray( eyeParamsR.offset ); + + cameraL.translateOnAxis( eyeTranslationL, cameraL.scale.x ); + cameraR.translateOnAxis( eyeTranslationR, cameraR.scale.x ); + + } + + // render left eye + if ( renderTarget ) { + + renderTarget.viewport.set( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + renderTarget.scissor.set( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + + } else { + + renderer.setViewport( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + renderer.setScissor( renderRectL.x, renderRectL.y, renderRectL.width, renderRectL.height ); + + } + renderer.render( scene, cameraL, renderTarget, forceClear ); + + // render right eye + if ( renderTarget ) { + + renderTarget.viewport.set( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + renderTarget.scissor.set( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + + } else { + + renderer.setViewport( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + renderer.setScissor( renderRectR.x, renderRectR.y, renderRectR.width, renderRectR.height ); + + } + renderer.render( scene, cameraR, renderTarget, forceClear ); + + if ( renderTarget ) { + + renderTarget.viewport.set( 0, 0, size.width, size.height ); + renderTarget.scissor.set( 0, 0, size.width, size.height ); + renderTarget.scissorTest = false; + renderer.setRenderTarget( null ); + + } else { + + renderer.setViewport( 0, 0, size.width, size.height ); + renderer.setScissorTest( false ); + + } + + if ( autoUpdate ) { + + scene.autoUpdate = true; + + } + + if ( scope.autoSubmitFrame ) { + + scope.submitFrame(); + + } + + return; + + } + + // Regular render mode if not HMD + + renderer.render( scene, camera, renderTarget, forceClear ); + + }; + + this.dispose = function () { + + window.removeEventListener( 'vrdisplaypresentchange', onVRDisplayPresentChange, false ); + + }; + + // + + var poseOrientation = new Quaternion(); + var posePosition = new Vector3(); + + // Compute model matrices of the eyes with respect to the head. + function getEyeMatrices( frameData ) { + + // Compute the matrix for the position of the head based on the pose + if ( frameData.pose.orientation ) { + + poseOrientation.fromArray( frameData.pose.orientation ); + headMatrix.makeRotationFromQuaternion( poseOrientation ); + + } else { + + headMatrix.identity(); + + } + + if ( frameData.pose.position ) { + + posePosition.fromArray( frameData.pose.position ); + headMatrix.setPosition( posePosition ); + + } + + // The view matrix transforms vertices from sitting space to eye space. As such, the view matrix can be thought of as a product of two matrices: + // headToEyeMatrix * sittingToHeadMatrix + + // The headMatrix that we've calculated above is the model matrix of the head in sitting space, which is the inverse of sittingToHeadMatrix. + // So when we multiply the view matrix with headMatrix, we're left with headToEyeMatrix: + // viewMatrix * headMatrix = headToEyeMatrix * sittingToHeadMatrix * headMatrix = headToEyeMatrix + + eyeMatrixL.fromArray( frameData.leftViewMatrix ); + eyeMatrixL.multiply( headMatrix ); + eyeMatrixR.fromArray( frameData.rightViewMatrix ); + eyeMatrixR.multiply( headMatrix ); + + // The eye's model matrix in head space is the inverse of headToEyeMatrix we calculated above. + + eyeMatrixL.getInverse( eyeMatrixL ); + eyeMatrixR.getInverse( eyeMatrixR ); + + } + + function fovToNDCScaleOffset( fov ) { + + var pxscale = 2.0 / ( fov.leftTan + fov.rightTan ); + var pxoffset = ( fov.leftTan - fov.rightTan ) * pxscale * 0.5; + var pyscale = 2.0 / ( fov.upTan + fov.downTan ); + var pyoffset = ( fov.upTan - fov.downTan ) * pyscale * 0.5; + return { scale: [ pxscale, pyscale ], offset: [ pxoffset, pyoffset ] }; + + } + + function fovPortToProjection( fov, rightHanded, zNear, zFar ) { + + rightHanded = rightHanded === undefined ? true : rightHanded; + zNear = zNear === undefined ? 0.01 : zNear; + zFar = zFar === undefined ? 10000.0 : zFar; + + var handednessScale = rightHanded ? - 1.0 : 1.0; + + // start with an identity matrix + var mobj = new Matrix4(); + var m = mobj.elements; + + // and with scale/offset info for normalized device coords + var scaleAndOffset = fovToNDCScaleOffset( fov ); + + // X result, map clip edges to [-w,+w] + m[ 0 * 4 + 0 ] = scaleAndOffset.scale[ 0 ]; + m[ 0 * 4 + 1 ] = 0.0; + m[ 0 * 4 + 2 ] = scaleAndOffset.offset[ 0 ] * handednessScale; + m[ 0 * 4 + 3 ] = 0.0; + + // Y result, map clip edges to [-w,+w] + // Y offset is negated because this proj matrix transforms from world coords with Y=up, + // but the NDC scaling has Y=down (thanks D3D?) + m[ 1 * 4 + 0 ] = 0.0; + m[ 1 * 4 + 1 ] = scaleAndOffset.scale[ 1 ]; + m[ 1 * 4 + 2 ] = - scaleAndOffset.offset[ 1 ] * handednessScale; + m[ 1 * 4 + 3 ] = 0.0; + + // Z result (up to the app) + m[ 2 * 4 + 0 ] = 0.0; + m[ 2 * 4 + 1 ] = 0.0; + m[ 2 * 4 + 2 ] = zFar / ( zNear - zFar ) * - handednessScale; + m[ 2 * 4 + 3 ] = ( zFar * zNear ) / ( zNear - zFar ); + + // W result (= Z in) + m[ 3 * 4 + 0 ] = 0.0; + m[ 3 * 4 + 1 ] = 0.0; + m[ 3 * 4 + 2 ] = handednessScale; + m[ 3 * 4 + 3 ] = 0.0; + + mobj.transpose(); + return mobj; + + } + + function fovToProjection( fov, rightHanded, zNear, zFar ) { + + var DEG2RAD = Math.PI / 180.0; + + var fovPort = { + upTan: Math.tan( fov.upDegrees * DEG2RAD ), + downTan: Math.tan( fov.downDegrees * DEG2RAD ), + leftTan: Math.tan( fov.leftDegrees * DEG2RAD ), + rightTan: Math.tan( fov.rightDegrees * DEG2RAD ) + }; + + return fovPortToProjection( fovPort, rightHanded, zNear, zFar ); + + } + + }; + + /** + * @author qiao / https://github.com/qiao + * @author mrdoob / http://mrdoob.com + * @author alteredq / http://alteredqualia.com/ + * @author WestLangley / http://github.com/WestLangley + * @author erich666 / http://erichaines.com + */ + var OrbitControls = function ( object, domElement ) { + + this.object = object; + + this.domElement = ( domElement !== undefined ) ? domElement : document; + + // Set to false to disable this control + this.enabled = true; + + // "target" sets the location of focus, where the object orbits around + this.target = new Vector3(); + + // How far you can dolly in and out ( PerspectiveCamera only ) + this.minDistance = 0; + this.maxDistance = Infinity; + + // How far you can zoom in and out ( OrthographicCamera only ) + this.minZoom = 0; + this.maxZoom = Infinity; + + // How far you can orbit vertically, upper and lower limits. + // Range is 0 to Math.PI radians. + this.minPolarAngle = 0; // radians + this.maxPolarAngle = Math.PI; // radians + + // How far you can orbit horizontally, upper and lower limits. + // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ]. + this.minAzimuthAngle = - Infinity; // radians + this.maxAzimuthAngle = Infinity; // radians + + // Set to true to enable damping (inertia) + // If damping is enabled, you must call controls.update() in your animation loop + this.enableDamping = false; + this.dampingFactor = 0.25; + + // This option actually enables dollying in and out; left as "zoom" for backwards compatibility. + // Set to false to disable zooming + this.enableZoom = true; + this.zoomSpeed = 1.0; + + // Set to false to disable rotating + this.enableRotate = true; + this.rotateSpeed = 1.0; + + // Set to false to disable panning + this.enablePan = true; + this.panSpeed = 1.0; + this.screenSpacePanning = false; // if true, pan in screen-space + this.keyPanSpeed = 7.0; // pixels moved per arrow key push + + // Set to true to automatically rotate around the target + // If auto-rotate is enabled, you must call controls.update() in your animation loop + this.autoRotate = false; + this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60 + + // Set to false to disable use of the keys + this.enableKeys = true; + + // The four arrow keys + this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 }; + + // Mouse buttons + this.mouseButtons = { ORBIT: MOUSE.LEFT, ZOOM: MOUSE.MIDDLE, PAN: MOUSE.RIGHT }; + + // for reset + this.target0 = this.target.clone(); + this.position0 = this.object.position.clone(); + this.zoom0 = this.object.zoom; + + // + // public methods + // + + this.getPolarAngle = function () { + + return spherical.phi; + + }; + + this.getAzimuthalAngle = function () { + + return spherical.theta; + + }; + + this.saveState = function () { + + scope.target0.copy( scope.target ); + scope.position0.copy( scope.object.position ); + scope.zoom0 = scope.object.zoom; + + }; + + this.reset = function () { + + scope.target.copy( scope.target0 ); + scope.object.position.copy( scope.position0 ); + scope.object.zoom = scope.zoom0; + + scope.object.updateProjectionMatrix(); + scope.dispatchEvent( changeEvent ); + + scope.update(); + + state = STATE.NONE; + + }; + + // this method is exposed, but perhaps it would be better if we can make it private... + this.update = function () { + + var offset = new Vector3(); + + // so camera.up is the orbit axis + var quat = new Quaternion().setFromUnitVectors( object.up, new Vector3( 0, 1, 0 ) ); + var quatInverse = quat.clone().inverse(); + + var lastPosition = new Vector3(); + var lastQuaternion = new Quaternion(); + + return function update() { + + var position = scope.object.position; + + offset.copy( position ).sub( scope.target ); + + // rotate offset to "y-axis-is-up" space + offset.applyQuaternion( quat ); + + // angle from z-axis around y-axis + spherical.setFromVector3( offset ); + + if ( scope.autoRotate && state === STATE.NONE ) { + + scope.rotateLeft( getAutoRotationAngle() ); + + } + + spherical.theta += sphericalDelta.theta; + spherical.phi += sphericalDelta.phi; + + // restrict theta to be between desired limits + spherical.theta = Math.max( scope.minAzimuthAngle, Math.min( scope.maxAzimuthAngle, spherical.theta ) ); + + // restrict phi to be between desired limits + spherical.phi = Math.max( scope.minPolarAngle, Math.min( scope.maxPolarAngle, spherical.phi ) ); + + spherical.makeSafe(); + + + spherical.radius *= scale; + + // restrict radius to be between desired limits + spherical.radius = Math.max( scope.minDistance, Math.min( scope.maxDistance, spherical.radius ) ); + + // move target to panned location + scope.target.add( panOffset ); + + offset.setFromSpherical( spherical ); + + // rotate offset back to "camera-up-vector-is-up" space + offset.applyQuaternion( quatInverse ); + + position.copy( scope.target ).add( offset ); + + scope.object.lookAt( scope.target ); + + if ( scope.enableDamping === true ) { + + sphericalDelta.theta *= ( 1 - scope.dampingFactor ); + sphericalDelta.phi *= ( 1 - scope.dampingFactor ); + + panOffset.multiplyScalar( 1 - scope.dampingFactor ); + + } else { + + sphericalDelta.set( 0, 0, 0 ); + + panOffset.set( 0, 0, 0 ); + + } + + scale = 1; + + // update condition is: + // min(camera displacement, camera rotation in radians)^2 > EPS + // using small-angle approximation cos(x/2) = 1 - x^2 / 8 + + if ( zoomChanged || + lastPosition.distanceToSquared( scope.object.position ) > EPS || + 8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) { + + scope.dispatchEvent( changeEvent ); + + lastPosition.copy( scope.object.position ); + lastQuaternion.copy( scope.object.quaternion ); + zoomChanged = false; + + return true; + + } + + return false; + + }; + + }(); + + this.dispose = function () { + + scope.domElement.removeEventListener( 'contextmenu', onContextMenu, false ); + scope.domElement.removeEventListener( 'mousedown', onMouseDown, false ); + scope.domElement.removeEventListener( 'wheel', onMouseWheel, false ); + + scope.domElement.removeEventListener( 'touchstart', onTouchStart, false ); + scope.domElement.removeEventListener( 'touchend', onTouchEnd, false ); + scope.domElement.removeEventListener( 'touchmove', onTouchMove, false ); + + document.removeEventListener( 'mousemove', onMouseMove, false ); + document.removeEventListener( 'mouseup', onMouseUp, false ); + + window.removeEventListener( 'keydown', onKeyDown, false ); + + //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here? + + }; + + // + // internals + // + + var scope = this; + + var changeEvent = { type: 'change' }; + var startEvent = { type: 'start' }; + var endEvent = { type: 'end' }; + + var STATE = { NONE: - 1, ROTATE: 0, DOLLY: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_DOLLY_PAN: 4 }; + + var state = STATE.NONE; + + var EPS = 0.000001; + + // current position in spherical coordinates + var spherical = new Spherical(); + var sphericalDelta = new Spherical(); + + var scale = 1; + var panOffset = new Vector3(); + var zoomChanged = false; + + var rotateStart = new Vector2(); + var rotateEnd = new Vector2(); + var rotateDelta = new Vector2(); + + var panStart = new Vector2(); + var panEnd = new Vector2(); + var panDelta = new Vector2(); + + var dollyStart = new Vector2(); + var dollyEnd = new Vector2(); + var dollyDelta = new Vector2(); + + function getAutoRotationAngle() { + + return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed; + + } + + function getZoomScale() { + + return Math.pow( 0.95, scope.zoomSpeed ); + + } + + scope.rotateLeft = function( angle ) { + + sphericalDelta.theta -= angle; + + }; + + scope.rotateUp = function( angle ) { + + sphericalDelta.phi -= angle; + + }; + + var panLeft = function () { + + var v = new Vector3(); + + return function panLeft( distance, objectMatrix ) { + + v.setFromMatrixColumn( objectMatrix, 0 ); // get X column of objectMatrix + v.multiplyScalar( - distance ); + + panOffset.add( v ); + + }; + + }(); + + var panUp = function () { + + var v = new Vector3(); + + return function panUp( distance, objectMatrix ) { + + if ( scope.screenSpacePanning === true ) { + + v.setFromMatrixColumn( objectMatrix, 1 ); + + } else { + + v.setFromMatrixColumn( objectMatrix, 0 ); + v.crossVectors( scope.object.up, v ); + + } + + v.multiplyScalar( distance ); + + panOffset.add( v ); + + }; + + }(); + + // deltaX and deltaY are in pixels; right and down are positive + var pan = function () { + + var offset = new Vector3(); + + return function pan( deltaX, deltaY ) { + + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; + + if ( scope.object.isPerspectiveCamera ) { + + // perspective + var position = scope.object.position; + offset.copy( position ).sub( scope.target ); + var targetDistance = offset.length(); + + // half of the fov is center to top of screen + targetDistance *= Math.tan( ( scope.object.fov / 2 ) * Math.PI / 180.0 ); + + // we use only clientHeight here so aspect ratio does not distort speed + panLeft( 2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix ); + panUp( 2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix ); + + } else if ( scope.object.isOrthographicCamera ) { + + // orthographic + panLeft( deltaX * ( scope.object.right - scope.object.left ) / scope.object.zoom / element.clientWidth, scope.object.matrix ); + panUp( deltaY * ( scope.object.top - scope.object.bottom ) / scope.object.zoom / element.clientHeight, scope.object.matrix ); + + } else { + + // camera neither orthographic nor perspective + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.' ); + scope.enablePan = false; + + } + + }; + + }(); + + function dollyIn( dollyScale ) { + + if ( scope.object.isPerspectiveCamera ) { + + scale /= dollyScale; + + } else if ( scope.object.isOrthographicCamera ) { + + scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom * dollyScale ) ); + scope.object.updateProjectionMatrix(); + zoomChanged = true; + + } else { + + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' ); + scope.enableZoom = false; + + } + + } + + function dollyOut( dollyScale ) { + + if ( scope.object.isPerspectiveCamera ) { + + scale *= dollyScale; + + } else if ( scope.object.isOrthographicCamera ) { + + scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom / dollyScale ) ); + scope.object.updateProjectionMatrix(); + zoomChanged = true; + + } else { + + console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' ); + scope.enableZoom = false; + + } + + } + + // + // event callbacks - update the object state + // + + function handleMouseDownRotate( event ) { + + //console.log( 'handleMouseDownRotate' ); + + rotateStart.set( event.clientX, event.clientY ); + + } + + function handleMouseDownDolly( event ) { + + //console.log( 'handleMouseDownDolly' ); + + dollyStart.set( event.clientX, event.clientY ); + + } + + function handleMouseDownPan( event ) { + + //console.log( 'handleMouseDownPan' ); + + panStart.set( event.clientX, event.clientY ); + + } + + function handleMouseMoveRotate( event ) { + + //console.log( 'handleMouseMoveRotate' ); + + rotateEnd.set( event.clientX, event.clientY ); + + rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed ); + + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; + + scope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height + + scope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight ); + + rotateStart.copy( rotateEnd ); + + scope.update(); + + } + + function handleMouseMoveDolly( event ) { + + //console.log( 'handleMouseMoveDolly' ); + + dollyEnd.set( event.clientX, event.clientY ); + + dollyDelta.subVectors( dollyEnd, dollyStart ); + + if ( dollyDelta.y > 0 ) { + + dollyIn( getZoomScale() ); + + } else if ( dollyDelta.y < 0 ) { + + dollyOut( getZoomScale() ); + + } + + dollyStart.copy( dollyEnd ); + + scope.update(); + + } + + function handleMouseMovePan( event ) { + + //console.log( 'handleMouseMovePan' ); + + panEnd.set( event.clientX, event.clientY ); + + panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed ); + + pan( panDelta.x, panDelta.y ); + + panStart.copy( panEnd ); + + scope.update(); + + } + + function handleMouseWheel( event ) { + + // console.log( 'handleMouseWheel' ); + + if ( event.deltaY < 0 ) { + + dollyOut( getZoomScale() ); + + } else if ( event.deltaY > 0 ) { + + dollyIn( getZoomScale() ); + + } + + scope.update(); + + } + + function handleKeyDown( event ) { + + //console.log( 'handleKeyDown' ); + + switch ( event.keyCode ) { + + case scope.keys.UP: + pan( 0, scope.keyPanSpeed ); + scope.update(); + break; + + case scope.keys.BOTTOM: + pan( 0, - scope.keyPanSpeed ); + scope.update(); + break; + + case scope.keys.LEFT: + pan( scope.keyPanSpeed, 0 ); + scope.update(); + break; + + case scope.keys.RIGHT: + pan( - scope.keyPanSpeed, 0 ); + scope.update(); + break; + + } + + } + + function handleTouchStartRotate( event ) { + + //console.log( 'handleTouchStartRotate' ); + + rotateStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); + + } + + function handleTouchStartDollyPan( event ) { + + //console.log( 'handleTouchStartDollyPan' ); + + if ( scope.enableZoom ) { + + var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; + var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; + + var distance = Math.sqrt( dx * dx + dy * dy ); + + dollyStart.set( 0, distance ); + + } + + if ( scope.enablePan ) { + + var x = 0.5 * ( event.touches[ 0 ].pageX + event.touches[ 1 ].pageX ); + var y = 0.5 * ( event.touches[ 0 ].pageY + event.touches[ 1 ].pageY ); + + panStart.set( x, y ); + + } + + } + + function handleTouchMoveRotate( event ) { + + //console.log( 'handleTouchMoveRotate' ); + + rotateEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ); + + rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed ); + + var element = scope.domElement === document ? scope.domElement.body : scope.domElement; + + scope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height + + scope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight ); + + rotateStart.copy( rotateEnd ); + + scope.update(); + + } + + function handleTouchMoveDollyPan( event ) { + + //console.log( 'handleTouchMoveDollyPan' ); + + if ( scope.enableZoom ) { + + var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; + var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; + + var distance = Math.sqrt( dx * dx + dy * dy ); + + dollyEnd.set( 0, distance ); + + dollyDelta.set( 0, Math.pow( dollyEnd.y / dollyStart.y, scope.zoomSpeed ) ); + + dollyIn( dollyDelta.y ); + + dollyStart.copy( dollyEnd ); + + } + + if ( scope.enablePan ) { + + var x = 0.5 * ( event.touches[ 0 ].pageX + event.touches[ 1 ].pageX ); + var y = 0.5 * ( event.touches[ 0 ].pageY + event.touches[ 1 ].pageY ); + + panEnd.set( x, y ); + + panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed ); + + pan( panDelta.x, panDelta.y ); + + panStart.copy( panEnd ); + + } + + scope.update(); + + } + + // + // event handlers - FSM: listen for events and reset state + // + + function onMouseDown( event ) { + + if ( scope.enabled === false ) return; + + event.preventDefault(); + + switch ( event.button ) { + + case scope.mouseButtons.ORBIT: + + if ( scope.enableRotate === false ) return; + + handleMouseDownRotate( event ); + + state = STATE.ROTATE; + + break; + + case scope.mouseButtons.ZOOM: + + if ( scope.enableZoom === false ) return; + + handleMouseDownDolly( event ); + + state = STATE.DOLLY; + + break; + + case scope.mouseButtons.PAN: + + if ( scope.enablePan === false ) return; + + handleMouseDownPan( event ); + + state = STATE.PAN; + + break; + + } + + if ( state !== STATE.NONE ) { + + document.addEventListener( 'mousemove', onMouseMove, false ); + document.addEventListener( 'mouseup', onMouseUp, false ); + + scope.dispatchEvent( startEvent ); + + } + + } + + function onMouseMove( event ) { + + if ( scope.enabled === false ) return; + + event.preventDefault(); + + switch ( state ) { + + case STATE.ROTATE: + + if ( scope.enableRotate === false ) return; + + handleMouseMoveRotate( event ); + + break; + + case STATE.DOLLY: + + if ( scope.enableZoom === false ) return; + + handleMouseMoveDolly( event ); + + break; + + case STATE.PAN: + + if ( scope.enablePan === false ) return; + + handleMouseMovePan( event ); + + break; + + } + + } + + function onMouseUp( event ) { + + if ( scope.enabled === false ) return; + + document.removeEventListener( 'mousemove', onMouseMove, false ); + document.removeEventListener( 'mouseup', onMouseUp, false ); + + scope.dispatchEvent( endEvent ); + + state = STATE.NONE; + + } + + function onMouseWheel( event ) { + + if ( scope.enabled === false || scope.enableZoom === false || ( state !== STATE.NONE && state !== STATE.ROTATE ) ) return; + + event.preventDefault(); + event.stopPropagation(); + + scope.dispatchEvent( startEvent ); + + handleMouseWheel( event ); + + scope.dispatchEvent( endEvent ); + + } + + function onKeyDown( event ) { + + if ( scope.enabled === false || scope.enableKeys === false || scope.enablePan === false ) return; + + handleKeyDown( event ); + + } + + function onTouchStart( event ) { + + if ( scope.enabled === false ) return; + + event.preventDefault(); + + switch ( event.touches.length ) { + + case 1: // one-fingered touch: rotate + + if ( scope.enableRotate === false ) return; + + handleTouchStartRotate( event ); + + state = STATE.TOUCH_ROTATE; + + break; + + case 2: // two-fingered touch: dolly-pan + + if ( scope.enableZoom === false && scope.enablePan === false ) return; + + handleTouchStartDollyPan( event ); + + state = STATE.TOUCH_DOLLY_PAN; + + break; + + default: + + state = STATE.NONE; + + } + + if ( state !== STATE.NONE ) { + + scope.dispatchEvent( startEvent ); + + } + + } + + function onTouchMove( event ) { + + if ( scope.enabled === false ) return; + + event.preventDefault(); + event.stopPropagation(); + + switch ( event.touches.length ) { + + case 1: // one-fingered touch: rotate + + if ( scope.enableRotate === false ) return; + if ( state !== STATE.TOUCH_ROTATE ) return; // is this needed? + + handleTouchMoveRotate( event ); + + break; + + case 2: // two-fingered touch: dolly-pan + + if ( scope.enableZoom === false && scope.enablePan === false ) return; + if ( state !== STATE.TOUCH_DOLLY_PAN ) return; // is this needed? + + handleTouchMoveDollyPan( event ); + + break; + + default: + + state = STATE.NONE; + + } + + } + + function onTouchEnd( event ) { + + if ( scope.enabled === false ) return; + + scope.dispatchEvent( endEvent ); + + state = STATE.NONE; + + } + + function onContextMenu( event ) { + + if ( scope.enabled === false ) return; + + event.preventDefault(); + + } + + // + + //scope.domElement.addEventListener\( 'contextmenu', onContextMenu, false ); + + scope.domElement.addEventListener( 'mousedown', onMouseDown, false ); + scope.domElement.addEventListener( 'wheel', onMouseWheel, false ); + + scope.domElement.addEventListener( 'touchstart', onTouchStart, false ); + scope.domElement.addEventListener( 'touchend', onTouchEnd, false ); + scope.domElement.addEventListener( 'touchmove', onTouchMove, false ); + + window.addEventListener( 'keydown', onKeyDown, false ); + + // force an update at start + + this.update(); + + }; + + OrbitControls.prototype = Object.create( EventDispatcher.prototype ); + OrbitControls.prototype.constructor = OrbitControls; + + Object.defineProperties( OrbitControls.prototype, { + + center: { + + get: function () { + + console.warn( 'OrbitControls: .center has been renamed to .target' ); + return this.target; + + } + + }, + + // backward compatibility + + noZoom: { + + get: function () { + + console.warn( 'OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.' ); + return ! this.enableZoom; + + }, + + set: function ( value ) { + + console.warn( 'OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.' ); + this.enableZoom = ! value; + + } + + }, + + noRotate: { + + get: function () { + + console.warn( 'OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.' ); + return ! this.enableRotate; + + }, + + set: function ( value ) { + + console.warn( 'OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.' ); + this.enableRotate = ! value; + + } + + }, + + noPan: { + + get: function () { + + console.warn( 'OrbitControls: .noPan has been deprecated. Use .enablePan instead.' ); + return ! this.enablePan; + + }, + + set: function ( value ) { + + console.warn( 'OrbitControls: .noPan has been deprecated. Use .enablePan instead.' ); + this.enablePan = ! value; + + } + + }, + + noKeys: { + + get: function () { + + console.warn( 'OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.' ); + return ! this.enableKeys; + + }, + + set: function ( value ) { + + console.warn( 'OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.' ); + this.enableKeys = ! value; + + } + + }, + + staticMoving: { + + get: function () { + + console.warn( 'OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.' ); + return ! this.enableDamping; + + }, + + set: function ( value ) { + + console.warn( 'OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.' ); + this.enableDamping = ! value; + + } + + }, + + dynamicDampingFactor: { + + get: function () { + + console.warn( 'OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.' ); + return this.dampingFactor; + + }, + + set: function ( value ) { + + console.warn( 'OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.' ); + this.dampingFactor = value; + + } + + } + + } ); + + /** + * @author richt / http://richt.me + * @author WestLangley / http://github.com/WestLangley + * + * W3C Device Orientation control (http://w3c.github.io/deviceorientation/spec-source-orientation.html) + */ + var DeviceOrientationControls = function ( object ) { + + var scope = this; + + this.object = object; + this.object.rotation.reorder( 'YXZ' ); + + this.enabled = true; + + this.deviceOrientation = {}; + this.screenOrientation = 0; + + this.alphaOffset = 0; // radians + + var onDeviceOrientationChangeEvent = function ( event ) { + + scope.deviceOrientation = event; + + }; + + var onScreenOrientationChangeEvent = function () { + + scope.screenOrientation = window.orientation || 0; + + }; + + // The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y'' + + var setObjectQuaternion = function () { + + var zee = new Vector3( 0, 0, 1 ); + + var euler = new Euler(); + + var q0 = new Quaternion(); + + var q1 = new Quaternion( - Math.sqrt( 0.5 ), 0, 0, Math.sqrt( 0.5 ) ); // - PI/2 around the x-axis + + return function ( quaternion, alpha, beta, gamma, orient ) { + + euler.set( beta, alpha, - gamma, 'YXZ' ); // 'ZXY' for the device, but 'YXZ' for us + + quaternion.setFromEuler( euler ); // orient the device + + quaternion.multiply( q1 ); // camera looks out the back of the device, not the top + + quaternion.multiply( q0.setFromAxisAngle( zee, - orient ) ); // adjust for screen orientation + + }; + + }(); + + this.connect = function () { + + onScreenOrientationChangeEvent(); // run once on load + + window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent, false ); + window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false ); + + scope.enabled = true; + + }; + + this.disconnect = function () { + + window.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent, false ); + window.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false ); + + scope.enabled = false; + + }; + + this.update = function () { + + if ( scope.enabled === false ) return; + + var device = scope.deviceOrientation; + + if ( device ) { + + var alpha = device.alpha ? _Math.degToRad( device.alpha ) + scope.alphaOffset : 0; // Z + + var beta = device.beta ? _Math.degToRad( device.beta ) : 0; // X' + + var gamma = device.gamma ? _Math.degToRad( device.gamma ) : 0; // Y'' + + var orient = scope.screenOrientation ? _Math.degToRad( scope.screenOrientation ) : 0; // O + + setObjectQuaternion( scope.object.quaternion, alpha, beta, gamma, orient ); + + } + + + }; + + this.dispose = function () { + + scope.disconnect(); + + }; + + this.connect(); + + }; + + /** + * Convert a quaternion to an angle + * + * Taken from https://stackoverflow.com/a/35448946 + * Thanks P. Ellul + */ + + function Quat2Angle(x, y, z, w) { + var test = x * y + z * w; // singularity at north pole + + if (test > 0.499) { + var _yaw = 2 * Math.atan2(x, w); + + var _pitch = Math.PI / 2; + + var _roll = 0; + return new Vector3(_pitch, _roll, _yaw); + } // singularity at south pole + + + if (test < -0.499) { + var _yaw2 = -2 * Math.atan2(x, w); + + var _pitch2 = -Math.PI / 2; + + var _roll2 = 0; + return new Vector3(_pitch2, _roll2, _yaw2); + } + + var sqx = x * x; + var sqy = y * y; + var sqz = z * z; + var yaw = Math.atan2(2 * y * w - 2 * x * z, 1 - 2 * sqy - 2 * sqz); + var pitch = Math.asin(2 * test); + var roll = Math.atan2(2 * x * w - 2 * y * z, 1 - 2 * sqx - 2 * sqz); + return new Vector3(pitch, roll, yaw); + } + + var OrbitOrientationControls = /*#__PURE__*/function () { + function OrbitOrientationControls(options) { + this.object = options.camera; + this.domElement = options.canvas; + this.orbit = new OrbitControls(this.object, this.domElement); + this.speed = 0.5; + this.orbit.target.set(0, 0, -1); + this.orbit.enableZoom = false; + this.orbit.enablePan = false; + this.orbit.rotateSpeed = -this.speed; // if orientation is supported + + if (options.orientation) { + this.orientation = new DeviceOrientationControls(this.object); + } // if projection is not full view + // limit the rotation angle in order to not display back half view + + + if (options.halfView) { + this.orbit.minAzimuthAngle = -Math.PI / 4; + this.orbit.maxAzimuthAngle = Math.PI / 4; + } + } + + var _proto = OrbitOrientationControls.prototype; + + _proto.update = function update() { + // orientation updates the camera using quaternions and + // orbit updates the camera using angles. They are incompatible + // and one update overrides the other. So before + // orbit overrides orientation we convert our quaternion changes to + // an angle change. Then save the angle into orbit so that + // it will take those into account when it updates the camera and overrides + // our changes + if (this.orientation) { + this.orientation.update(); + var quat = this.orientation.object.quaternion; + var currentAngle = Quat2Angle(quat.x, quat.y, quat.z, quat.w); // we also have to store the last angle since quaternions are b + + if (typeof this.lastAngle_ === 'undefined') { + this.lastAngle_ = currentAngle; + } + + this.orbit.rotateLeft((this.lastAngle_.z - currentAngle.z) * (1 + this.speed)); + this.orbit.rotateUp((this.lastAngle_.y - currentAngle.y) * (1 + this.speed)); + this.lastAngle_ = currentAngle; + } + + this.orbit.update(); + }; + + _proto.dispose = function dispose() { + this.orbit.dispose(); + + if (this.orientation) { + this.orientation.dispose(); + } + }; + + return OrbitOrientationControls; + }(); + + var corsSupport = function () { + var video = document$1.createElement('video'); + video.crossOrigin = 'anonymous'; + return video.hasAttribute('crossorigin'); + }(); + var validProjections = ['360', '360_LR', '360_TB', '360_CUBE', 'EAC', 'EAC_LR', 'NONE', 'AUTO', 'Sphere', 'Cube', 'equirectangular', '180', '180_LR', '180_MONO']; + var getInternalProjectionName = function getInternalProjectionName(projection) { + if (!projection) { + return; + } + + projection = projection.toString().trim(); + + if (/sphere/i.test(projection)) { + return '360'; + } + + if (/cube/i.test(projection)) { + return '360_CUBE'; + } + + if (/equirectangular/i.test(projection)) { + return '360'; + } + + for (var i = 0; i < validProjections.length; i++) { + if (new RegExp('^' + validProjections[i] + '$', 'i').test(projection)) { + return validProjections[i]; + } + } + }; + + /** + * This class reacts to interactions with the canvas and + * triggers appropriate functionality on the player. Right now + * it does two things: + * + * 1. A `mousedown`/`touchstart` followed by `touchend`/`mouseup` without any + * `touchmove` or `mousemove` toggles play/pause on the player + * 2. Only moving on/clicking the control bar or toggling play/pause should + * show the control bar. Moving around the scene in the canvas should not. + */ + + var CanvasPlayerControls = /*#__PURE__*/function (_videojs$EventTarget) { + _inheritsLoose(CanvasPlayerControls, _videojs$EventTarget); + + function CanvasPlayerControls(player, canvas, options) { + var _this; + + _this = _videojs$EventTarget.call(this) || this; + _this.player = player; + _this.canvas = canvas; + _this.options = options; + _this.onMoveEnd = videojs.bind(_assertThisInitialized(_this), _this.onMoveEnd); + _this.onMoveStart = videojs.bind(_assertThisInitialized(_this), _this.onMoveStart); + _this.onMove = videojs.bind(_assertThisInitialized(_this), _this.onMove); + _this.onControlBarMove = videojs.bind(_assertThisInitialized(_this), _this.onControlBarMove); + + _this.player.controlBar.on(['mousedown', 'mousemove', 'mouseup', 'touchstart', 'touchmove', 'touchend'], _this.onControlBarMove); // we have to override these here because + // video.js listens for user activity on the video element + // and makes the user active when the mouse moves. + // We don't want that for 3d videos + + + _this.oldReportUserActivity = _this.player.reportUserActivity; + + _this.player.reportUserActivity = function () {}; // canvas movements + + + _this.canvas.addEventListener('mousedown', _this.onMoveStart); + + _this.canvas.addEventListener('touchstart', _this.onMoveStart); + + _this.canvas.addEventListener('mousemove', _this.onMove); + + _this.canvas.addEventListener('touchmove', _this.onMove); + + _this.canvas.addEventListener('mouseup', _this.onMoveEnd); + + _this.canvas.addEventListener('touchend', _this.onMoveEnd); + + _this.shouldTogglePlay = false; + return _this; + } + + var _proto = CanvasPlayerControls.prototype; + + _proto.togglePlay = function togglePlay() { + if (this.player.paused()) { + this.player.play(); + } else { + this.player.pause(); + } + }; + + _proto.onMoveStart = function onMoveStart(e) { + // if the player does not have a controlbar or + // the move was a mouse click but not left click do not + // toggle play. + if (this.options.disableTogglePlay || !this.player.controls() || e.type === 'mousedown' && !videojs.dom.isSingleLeftClick(e)) { + this.shouldTogglePlay = false; + return; + } + + this.shouldTogglePlay = true; + this.touchMoveCount_ = 0; + }; + + _proto.onMoveEnd = function onMoveEnd(e) { + // We want to have the same behavior in VR360 Player and standard player. + // in touchend we want to know if was a touch click, for a click we show the bar, + // otherwise continue with the mouse logic. + // + // Maximum movement allowed during a touch event to still be considered a tap + // Other popular libs use anywhere from 2 (hammer.js) to 15, + // so 10 seems like a nice, round number. + if (e.type === 'touchend' && this.touchMoveCount_ < 10) { + if (this.player.userActive() === false) { + this.player.userActive(true); + return; + } + + this.player.userActive(false); + return; + } + + if (!this.shouldTogglePlay) { + return; + } // We want the same behavior in Desktop for VR360 and standard player + + + if (e.type == 'mouseup') { + this.togglePlay(); + } + }; + + _proto.onMove = function onMove(e) { + // Increase touchMoveCount_ since Android detects 1 - 6 touches when user click normally + this.touchMoveCount_++; + this.shouldTogglePlay = false; + }; + + _proto.onControlBarMove = function onControlBarMove(e) { + this.player.userActive(true); + }; + + _proto.dispose = function dispose() { + this.canvas.removeEventListener('mousedown', this.onMoveStart); + this.canvas.removeEventListener('touchstart', this.onMoveStart); + this.canvas.removeEventListener('mousemove', this.onMove); + this.canvas.removeEventListener('touchmove', this.onMove); + this.canvas.removeEventListener('mouseup', this.onMoveEnd); + this.canvas.removeEventListener('touchend', this.onMoveEnd); + this.player.controlBar.off(['mousedown', 'mousemove', 'mouseup', 'touchstart', 'touchmove', 'touchend'], this.onControlBarMove); + this.player.reportUserActivity = this.oldReportUserActivity; + }; + + return CanvasPlayerControls; + }(videojs.EventTarget); + + /** + * This class manages ambisonic decoding and binaural rendering via Omnitone library. + */ + + var OmnitoneController = /*#__PURE__*/function (_videojs$EventTarget) { + _inheritsLoose(OmnitoneController, _videojs$EventTarget); + + /** + * Omnitone controller class. + * + * @class + * @param {AudioContext} audioContext - associated AudioContext. + * @param {Omnitone library} omnitone - Omnitone library element. + * @param {HTMLVideoElement} video - vidoe tag element. + * @param {Object} options - omnitone options. + */ + function OmnitoneController(audioContext, omnitone, video, options) { + var _this; + + _this = _videojs$EventTarget.call(this) || this; + var settings = videojs.mergeOptions({ + // Safari uses the different AAC decoder than FFMPEG. The channel order is + // The default 4ch AAC channel layout for FFMPEG AAC channel ordering. + channelMap: videojs.browser.IS_SAFARI ? [2, 0, 1, 3] : [0, 1, 2, 3], + ambisonicOrder: 1 + }, options); + _this.videoElementSource = audioContext.createMediaElementSource(video); + _this.foaRenderer = omnitone.createFOARenderer(audioContext, settings); + + _this.foaRenderer.initialize().then(function () { + if (audioContext.state === 'suspended') { + _this.trigger({ + type: 'audiocontext-suspended' + }); + } + + _this.videoElementSource.connect(_this.foaRenderer.input); + + _this.foaRenderer.output.connect(audioContext.destination); + + _this.initialized = true; + + _this.trigger({ + type: 'omnitone-ready' + }); + }, function (error) { + videojs.log.warn("videojs-vr: Omnitone initializes failed with the following error: " + error + ")"); + }); + + return _this; + } + /** + * Updates the rotation of the Omnitone decoder based on three.js camera matrix. + * + * @param {Camera} camera Three.js camera object + */ + + + var _proto = OmnitoneController.prototype; + + _proto.update = function update(camera) { + if (!this.initialized) { + return; + } + + this.foaRenderer.setRotationMatrixFromCamera(camera.matrix); + } + /** + * Destroys the controller and does any necessary cleanup. + */ + ; + + _proto.dispose = function dispose() { + this.initialized = false; + this.foaRenderer.setRenderingMode('bypass'); + this.foaRenderer = null; + }; + + return OmnitoneController; + }(videojs.EventTarget); + + var Button = videojs.getComponent('Button'); + + var CardboardButton = /*#__PURE__*/function (_Button) { + _inheritsLoose(CardboardButton, _Button); + + function CardboardButton(player, options) { + var _this; + + _this = _Button.call(this, player, options) || this; + _this.handleVrDisplayActivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayActivate_); + _this.handleVrDisplayDeactivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayDeactivate_); + _this.handleVrDisplayPresentChange_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayPresentChange_); + _this.handleOrientationChange_ = videojs.bind(_assertThisInitialized(_this), _this.handleOrientationChange_); + window$1.addEventListener('orientationchange', _this.handleOrientationChange_); + window$1.addEventListener('vrdisplayactivate', _this.handleVrDisplayActivate_); + window$1.addEventListener('vrdisplaydeactivate', _this.handleVrDisplayDeactivate_); // vrdisplaypresentchange does not fire activate or deactivate + // and happens when hitting the back button during cardboard mode + // so we need to make sure we stay in the correct state by + // listening to it and checking if we are presenting it or not + + window$1.addEventListener('vrdisplaypresentchange', _this.handleVrDisplayPresentChange_); // we cannot show the cardboard button in fullscreen on + // android as it breaks the controls, and makes it impossible + // to exit cardboard mode + + if (videojs.browser.IS_ANDROID) { + _this.on(player, 'fullscreenchange', function () { + if (player.isFullscreen()) { + _this.hide(); + } else { + _this.show(); + } + }); + } + + return _this; + } + + var _proto = CardboardButton.prototype; + + _proto.buildCSSClass = function buildCSSClass() { + return "vjs-button-vr " + _Button.prototype.buildCSSClass.call(this); + }; + + _proto.handleVrDisplayPresentChange_ = function handleVrDisplayPresentChange_() { + if (!this.player_.vr().vrDisplay.isPresenting && this.active_) { + this.handleVrDisplayDeactivate_(); + } + + if (this.player_.vr().vrDisplay.isPresenting && !this.active_) { + this.handleVrDisplayActivate_(); + } + }; + + _proto.handleOrientationChange_ = function handleOrientationChange_() { + if (this.active_ && videojs.browser.IS_IOS) { + this.changeSize_(); + } + }; + + _proto.changeSize_ = function changeSize_() { + this.player_.width(window$1.innerWidth); + this.player_.height(window$1.innerHeight); + window$1.dispatchEvent(new window$1.Event('resize')); + }; + + _proto.handleVrDisplayActivate_ = function handleVrDisplayActivate_() { + // we mimic fullscreen on IOS + if (videojs.browser.IS_IOS) { + this.oldWidth_ = this.player_.currentWidth(); + this.oldHeight_ = this.player_.currentHeight(); + this.player_.enterFullWindow(); + this.changeSize_(); + } + + this.active_ = true; + }; + + _proto.handleVrDisplayDeactivate_ = function handleVrDisplayDeactivate_() { + // un-mimic fullscreen on iOS + if (videojs.browser.IS_IOS) { + if (this.oldWidth_) { + this.player_.width(this.oldWidth_); + } + + if (this.oldHeight_) { + this.player_.height(this.oldHeight_); + } + + this.player_.exitFullWindow(); + } + + this.active_ = false; + }; + + _proto.handleClick = function handleClick(event) { + // if cardboard mode display is not active, activate it + // otherwise deactivate it + if (!this.active_) { + // This starts playback mode when the cardboard button + // is clicked on Android. We need to do this as the controls + // disappear + if (!this.player_.hasStarted() && videojs.browser.IS_ANDROID) { + this.player_.play(); + } + + window$1.dispatchEvent(new window$1.Event('vrdisplayactivate')); + } else { + window$1.dispatchEvent(new window$1.Event('vrdisplaydeactivate')); + } + }; + + _proto.dispose = function dispose() { + _Button.prototype.dispose.call(this); + + window$1.removeEventListener('vrdisplayactivate', this.handleVrDisplayActivate_); + window$1.removeEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_); + window$1.removeEventListener('vrdisplaypresentchange', this.handleVrDisplayPresentChange_); + }; + + return CardboardButton; + }(Button); + + videojs.registerComponent('CardboardButton', CardboardButton); + + var BigPlayButton = videojs.getComponent('BigPlayButton'); + + var BigVrPlayButton = /*#__PURE__*/function (_BigPlayButton) { + _inheritsLoose(BigVrPlayButton, _BigPlayButton); + + function BigVrPlayButton() { + return _BigPlayButton.apply(this, arguments) || this; + } + + var _proto = BigVrPlayButton.prototype; + + _proto.buildCSSClass = function buildCSSClass() { + return "vjs-big-vr-play-button " + _BigPlayButton.prototype.buildCSSClass.call(this); + }; + + return BigVrPlayButton; + }(BigPlayButton); + + videojs.registerComponent('BigVrPlayButton', BigVrPlayButton); + + function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } + + function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } + + function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } + + var defaults = { + debug: false, + omnitone: false, + forceCardboard: false, + omnitoneOptions: {}, + projection: 'AUTO', + sphereDetail: 32, + disableTogglePlay: false + }; + var errors = { + 'web-vr-out-of-date': { + headline: '360 is out of date', + type: '360_OUT_OF_DATE', + message: "Your browser supports 360 but not the latest version. See http://webvr.info for more info." + }, + 'web-vr-not-supported': { + headline: '360 not supported on this device', + type: '360_NOT_SUPPORTED', + message: "Your browser does not support 360. See http://webvr.info for assistance." + }, + 'web-vr-hls-cors-not-supported': { + headline: '360 HLS video not supported on this device', + type: '360_NOT_SUPPORTED', + message: "Your browser/device does not support HLS 360 video. See http://webvr.info for assistance." + } + }; + var Plugin = videojs.getPlugin('plugin'); + var Component = videojs.getComponent('Component'); + + var VR = /*#__PURE__*/function (_Plugin) { + _inheritsLoose(VR, _Plugin); + + function VR(player, options) { + var _this; + + var settings = videojs.mergeOptions(defaults, options); + _this = _Plugin.call(this, player, settings) || this; + _this.options_ = settings; + _this.player_ = player; + _this.bigPlayButtonIndex_ = player.children().indexOf(player.getChild('BigPlayButton')) || 0; // custom videojs-errors integration boolean + + _this.videojsErrorsSupport_ = !!videojs.errors; + + if (_this.videojsErrorsSupport_) { + player.errors({ + errors: errors + }); + } // IE 11 does not support enough webgl to be supported + // older safari does not support cors, so it wont work + + + if (videojs.browser.IE_VERSION || !corsSupport) { + // if a player triggers error before 'loadstart' is fired + // video.js will reset the error overlay + _this.player_.on('loadstart', function () { + _this.triggerError_({ + code: 'web-vr-not-supported', + dismiss: false + }); + }); + + return _assertThisInitialized(_this); + } + + _this.polyfill_ = new WebVRPolyfill({ + // do not show rotate instructions + ROTATE_INSTRUCTIONS_DISABLED: true + }); + _this.polyfill_ = new WebVRPolyfill(); + _this.handleVrDisplayActivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayActivate_); + _this.handleVrDisplayDeactivate_ = videojs.bind(_assertThisInitialized(_this), _this.handleVrDisplayDeactivate_); + _this.handleResize_ = videojs.bind(_assertThisInitialized(_this), _this.handleResize_); + _this.animate_ = videojs.bind(_assertThisInitialized(_this), _this.animate_); + + _this.setProjection(_this.options_.projection); // any time the video element is recycled for ads + // we have to reset the vr state and re-init after ad + + + _this.on(player, 'adstart', function () { + return player.setTimeout(function () { + // if the video element was recycled for this ad + if (!player.ads || !player.ads.videoElementRecycled()) { + _this.log('video element not recycled for this ad, no need to reset'); + + return; + } + + _this.log('video element recycled for this ad, reseting'); + + _this.reset(); + + _this.one(player, 'playing', _this.init); + }); + }, 1); + + _this.on(player, 'loadedmetadata', _this.init); + + return _this; + } + + var _proto = VR.prototype; + + _proto.changeProjection_ = function changeProjection_(projection) { + var _this2 = this; + + projection = getInternalProjectionName(projection); // don't change to an invalid projection + + if (!projection) { + projection = 'NONE'; + } + + var position = { + x: 0, + y: 0, + z: 0 + }; + + if (this.scene) { + this.scene.remove(this.movieScreen); + } + + if (projection === 'AUTO') { + // mediainfo cannot be set to auto or we would infinite loop here + // each source should know whatever they are 360 or not, if using AUTO + if (this.player_.mediainfo && this.player_.mediainfo.projection && this.player_.mediainfo.projection !== 'AUTO') { + var autoProjection = getInternalProjectionName(this.player_.mediainfo.projection); + return this.changeProjection_(autoProjection); + } + + return this.changeProjection_('NONE'); + } else if (projection === '360') { + this.movieGeometry = new SphereBufferGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); + this.movieMaterial = new MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true, + side: BackSide + }); + this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); + this.movieScreen.position.set(position.x, position.y, position.z); + this.movieScreen.scale.x = -1; + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); + this.scene.add(this.movieScreen); + } else if (projection === '360_LR' || projection === '360_TB') { + // Left eye view + var geometry = new SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); + var uvs = geometry.faceVertexUvs[0]; + + for (var i = 0; i < uvs.length; i++) { + for (var j = 0; j < 3; j++) { + if (projection === '360_LR') { + uvs[i][j].x *= 0.5; + } else { + uvs[i][j].y *= 0.5; + uvs[i][j].y += 0.5; + } + } + } + + this.movieGeometry = new BufferGeometry().fromGeometry(geometry); + this.movieMaterial = new MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true, + side: BackSide + }); + this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); + this.movieScreen.scale.x = -1; + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); // display in left eye only + + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); // Right eye view + + geometry = new SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail); + uvs = geometry.faceVertexUvs[0]; + + for (var _i = 0; _i < uvs.length; _i++) { + for (var _j = 0; _j < 3; _j++) { + if (projection === '360_LR') { + uvs[_i][_j].x *= 0.5; + uvs[_i][_j].x += 0.5; + } else { + uvs[_i][_j].y *= 0.5; + } + } + } + + this.movieGeometry = new BufferGeometry().fromGeometry(geometry); + this.movieMaterial = new MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true, + side: BackSide + }); + this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); + this.movieScreen.scale.x = -1; + this.movieScreen.quaternion.setFromAxisAngle({ + x: 0, + y: 1, + z: 0 + }, -Math.PI / 2); // display in right eye only + + this.movieScreen.layers.set(2); + this.scene.add(this.movieScreen); + } else if (projection === '360_CUBE') { + this.movieGeometry = new BoxGeometry(256, 256, 256); + this.movieMaterial = new MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true, + side: BackSide + }); + var left = [new Vector2(0, 0.5), new Vector2(0.333, 0.5), new Vector2(0.333, 1), new Vector2(0, 1)]; + var right = [new Vector2(0.333, 0.5), new Vector2(0.666, 0.5), new Vector2(0.666, 1), new Vector2(0.333, 1)]; + var top = [new Vector2(0.666, 0.5), new Vector2(1, 0.5), new Vector2(1, 1), new Vector2(0.666, 1)]; + var bottom = [new Vector2(0, 0), new Vector2(0.333, 0), new Vector2(0.333, 0.5), new Vector2(0, 0.5)]; + var front = [new Vector2(0.333, 0), new Vector2(0.666, 0), new Vector2(0.666, 0.5), new Vector2(0.333, 0.5)]; + var back = [new Vector2(0.666, 0), new Vector2(1, 0), new Vector2(1, 0.5), new Vector2(0.666, 0.5)]; + this.movieGeometry.faceVertexUvs[0] = []; + this.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]]; + this.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]]; + this.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]]; + this.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]]; + this.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]]; + this.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]]; + this.movieGeometry.faceVertexUvs[0][6] = [bottom[2], bottom[1], bottom[3]]; + this.movieGeometry.faceVertexUvs[0][7] = [bottom[1], bottom[0], bottom[3]]; + this.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]]; + this.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]]; + this.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]]; + this.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]]; + this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); + this.movieScreen.position.set(position.x, position.y, position.z); + this.movieScreen.rotation.y = -Math.PI; + this.scene.add(this.movieScreen); + } else if (projection === '180' || projection === '180_LR' || projection === '180_MONO') { + var _geometry = new SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail, Math.PI, Math.PI); // Left eye view + + + _geometry.scale(-1, 1, 1); + + var _uvs = _geometry.faceVertexUvs[0]; + + if (projection !== '180_MONO') { + for (var _i2 = 0; _i2 < _uvs.length; _i2++) { + for (var _j2 = 0; _j2 < 3; _j2++) { + _uvs[_i2][_j2].x *= 0.5; + } + } + } + + this.movieGeometry = new BufferGeometry().fromGeometry(_geometry); + this.movieMaterial = new MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true + }); + this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); // display in left eye only + + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); // Right eye view + + _geometry = new SphereGeometry(256, this.options_.sphereDetail, this.options_.sphereDetail, Math.PI, Math.PI); + + _geometry.scale(-1, 1, 1); + + _uvs = _geometry.faceVertexUvs[0]; + + for (var _i3 = 0; _i3 < _uvs.length; _i3++) { + for (var _j3 = 0; _j3 < 3; _j3++) { + _uvs[_i3][_j3].x *= 0.5; + _uvs[_i3][_j3].x += 0.5; + } + } + + this.movieGeometry = new BufferGeometry().fromGeometry(_geometry); + this.movieMaterial = new MeshBasicMaterial({ + map: this.videoTexture, + overdraw: true + }); + this.movieScreen = new Mesh(this.movieGeometry, this.movieMaterial); // display in right eye only + + this.movieScreen.layers.set(2); + this.scene.add(this.movieScreen); + } else if (projection === 'EAC' || projection === 'EAC_LR') { + var makeScreen = function makeScreen(mapMatrix, scaleMatrix) { + // "Continuity correction?": because of discontinuous faces and aliasing, + // we truncate the 2-pixel-wide strips on all discontinuous edges, + var contCorrect = 2; + _this2.movieGeometry = new BoxGeometry(256, 256, 256); + _this2.movieMaterial = new ShaderMaterial({ + overdraw: true, + side: BackSide, + uniforms: { + mapped: { + value: _this2.videoTexture + }, + mapMatrix: { + value: mapMatrix + }, + contCorrect: { + value: contCorrect + }, + faceWH: { + value: new Vector2(1 / 3, 1 / 2).applyMatrix3(scaleMatrix) + }, + vidWH: { + value: new Vector2(_this2.videoTexture.image.videoWidth, _this2.videoTexture.image.videoHeight).applyMatrix3(scaleMatrix) + } + }, + vertexShader: "\nvarying vec2 vUv;\nuniform mat3 mapMatrix;\n\nvoid main() {\n vUv = (mapMatrix * vec3(uv, 1.)).xy;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.);\n}", + fragmentShader: "\nvarying vec2 vUv;\nuniform sampler2D mapped;\nuniform vec2 faceWH;\nuniform vec2 vidWH;\nuniform float contCorrect;\n\nconst float PI = 3.1415926535897932384626433832795;\n\nvoid main() {\n vec2 corner = vUv - mod(vUv, faceWH) + vec2(0, contCorrect / vidWH.y);\n\n vec2 faceWHadj = faceWH - vec2(0, contCorrect * 2. / vidWH.y);\n\n vec2 p = (vUv - corner) / faceWHadj - .5;\n vec2 q = 2. / PI * atan(2. * p) + .5;\n\n vec2 eUv = corner + q * faceWHadj;\n\n gl_FragColor = texture2D(mapped, eUv);\n}" + }); + var right = [new Vector2(0, 1 / 2), new Vector2(1 / 3, 1 / 2), new Vector2(1 / 3, 1), new Vector2(0, 1)]; + var front = [new Vector2(1 / 3, 1 / 2), new Vector2(2 / 3, 1 / 2), new Vector2(2 / 3, 1), new Vector2(1 / 3, 1)]; + var left = [new Vector2(2 / 3, 1 / 2), new Vector2(1, 1 / 2), new Vector2(1, 1), new Vector2(2 / 3, 1)]; + var bottom = [new Vector2(1 / 3, 0), new Vector2(1 / 3, 1 / 2), new Vector2(0, 1 / 2), new Vector2(0, 0)]; + var back = [new Vector2(1 / 3, 1 / 2), new Vector2(1 / 3, 0), new Vector2(2 / 3, 0), new Vector2(2 / 3, 1 / 2)]; + var top = [new Vector2(1, 0), new Vector2(1, 1 / 2), new Vector2(2 / 3, 1 / 2), new Vector2(2 / 3, 0)]; + + for (var _i4 = 0, _arr = [right, front, left, bottom, back, top]; _i4 < _arr.length; _i4++) { + var face = _arr[_i4]; + var height = _this2.videoTexture.image.videoHeight; + var lowY = 1; + var highY = 0; + + for (var _iterator = _createForOfIteratorHelperLoose(face), _step; !(_step = _iterator()).done;) { + var vector = _step.value; + + if (vector.y < lowY) { + lowY = vector.y; + } + + if (vector.y > highY) { + highY = vector.y; + } + } + + for (var _iterator2 = _createForOfIteratorHelperLoose(face), _step2; !(_step2 = _iterator2()).done;) { + var _vector = _step2.value; + + if (Math.abs(_vector.y - lowY) < Number.EPSILON) { + _vector.y += contCorrect / height; + } + + if (Math.abs(_vector.y - highY) < Number.EPSILON) { + _vector.y -= contCorrect / height; + } + + _vector.x = _vector.x / height * (height - contCorrect * 2) + contCorrect / height; + } + } + + _this2.movieGeometry.faceVertexUvs[0] = []; + _this2.movieGeometry.faceVertexUvs[0][0] = [right[2], right[1], right[3]]; + _this2.movieGeometry.faceVertexUvs[0][1] = [right[1], right[0], right[3]]; + _this2.movieGeometry.faceVertexUvs[0][2] = [left[2], left[1], left[3]]; + _this2.movieGeometry.faceVertexUvs[0][3] = [left[1], left[0], left[3]]; + _this2.movieGeometry.faceVertexUvs[0][4] = [top[2], top[1], top[3]]; + _this2.movieGeometry.faceVertexUvs[0][5] = [top[1], top[0], top[3]]; + _this2.movieGeometry.faceVertexUvs[0][6] = [bottom[2], bottom[1], bottom[3]]; + _this2.movieGeometry.faceVertexUvs[0][7] = [bottom[1], bottom[0], bottom[3]]; + _this2.movieGeometry.faceVertexUvs[0][8] = [front[2], front[1], front[3]]; + _this2.movieGeometry.faceVertexUvs[0][9] = [front[1], front[0], front[3]]; + _this2.movieGeometry.faceVertexUvs[0][10] = [back[2], back[1], back[3]]; + _this2.movieGeometry.faceVertexUvs[0][11] = [back[1], back[0], back[3]]; + _this2.movieScreen = new Mesh(_this2.movieGeometry, _this2.movieMaterial); + + _this2.movieScreen.position.set(position.x, position.y, position.z); + + _this2.movieScreen.rotation.y = -Math.PI; + return _this2.movieScreen; + }; + + if (projection === 'EAC') { + this.scene.add(makeScreen(new Matrix3(), new Matrix3())); + } else { + var scaleMatrix = new Matrix3().set(0, 0.5, 0, 1, 0, 0, 0, 0, 1); + makeScreen(new Matrix3().set(0, -0.5, 0.5, 1, 0, 0, 0, 0, 1), scaleMatrix); // display in left eye only + + this.movieScreen.layers.set(1); + this.scene.add(this.movieScreen); + makeScreen(new Matrix3().set(0, -0.5, 1, 1, 0, 0, 0, 0, 1), scaleMatrix); // display in right eye only + + this.movieScreen.layers.set(2); + this.scene.add(this.movieScreen); + } + } + + this.currentProjection_ = projection; + }; + + _proto.triggerError_ = function triggerError_(errorObj) { + // if we have videojs-errors use it + if (this.videojsErrorsSupport_) { + this.player_.error(errorObj); // if we don't have videojs-errors just use a normal player error + } else { + // strip any html content from the error message + // as it is not supported outside of videojs-errors + var div = document$1.createElement('div'); + div.innerHTML = errors[errorObj.code].message; + var message = div.textContent || div.innerText || ''; + this.player_.error({ + code: errorObj.code, + message: message + }); + } + }; + + _proto.log = function log() { + if (!this.options_.debug) { + return; + } + + for (var _len = arguments.length, msgs = new Array(_len), _key = 0; _key < _len; _key++) { + msgs[_key] = arguments[_key]; + } + + msgs.forEach(function (msg) { + videojs.log('VR: ', msg); + }); + }; + + _proto.handleVrDisplayActivate_ = function handleVrDisplayActivate_() { + var _this3 = this; + + if (!this.vrDisplay) { + return; + } + + this.vrDisplay.requestPresent([{ + source: this.renderedCanvas + }]).then(function () { + if (!_this3.vrDisplay.cardboardUI_ || !videojs.browser.IS_IOS) { + return; + } // webvr-polyfill/cardboard ui only watches for click events + // to tell that the back arrow button is pressed during cardboard vr. + // but somewhere along the line these events are silenced with preventDefault + // but only on iOS, so we translate them ourselves here + + + var touches = []; + + var iosCardboardTouchStart_ = function iosCardboardTouchStart_(e) { + for (var i = 0; i < e.touches.length; i++) { + touches.push(e.touches[i]); + } + }; + + var iosCardboardTouchEnd_ = function iosCardboardTouchEnd_(e) { + if (!touches.length) { + return; + } + + touches.forEach(function (t) { + var simulatedClick = new window$1.MouseEvent('click', { + screenX: t.screenX, + screenY: t.screenY, + clientX: t.clientX, + clientY: t.clientY + }); + + _this3.renderedCanvas.dispatchEvent(simulatedClick); + }); + touches = []; + }; + + _this3.renderedCanvas.addEventListener('touchstart', iosCardboardTouchStart_); + + _this3.renderedCanvas.addEventListener('touchend', iosCardboardTouchEnd_); + + _this3.iosRevertTouchToClick_ = function () { + _this3.renderedCanvas.removeEventListener('touchstart', iosCardboardTouchStart_); + + _this3.renderedCanvas.removeEventListener('touchend', iosCardboardTouchEnd_); + + _this3.iosRevertTouchToClick_ = null; + }; + }); + }; + + _proto.handleVrDisplayDeactivate_ = function handleVrDisplayDeactivate_() { + if (!this.vrDisplay || !this.vrDisplay.isPresenting) { + return; + } + + if (this.iosRevertTouchToClick_) { + this.iosRevertTouchToClick_(); + } + + this.vrDisplay.exitPresent(); + }; + + _proto.requestAnimationFrame = function requestAnimationFrame(fn) { + if (this.vrDisplay) { + return this.vrDisplay.requestAnimationFrame(fn); + } + + return this.player_.requestAnimationFrame(fn); + }; + + _proto.cancelAnimationFrame = function cancelAnimationFrame(id) { + if (this.vrDisplay) { + return this.vrDisplay.cancelAnimationFrame(id); + } + + return this.player_.cancelAnimationFrame(id); + }; + + _proto.togglePlay_ = function togglePlay_() { + if (this.player_.paused()) { + this.player_.play(); + } else { + this.player_.pause(); + } + }; + + _proto.animate_ = function animate_() { + if (!this.initialized_) { + return; + } + + if (this.getVideoEl_().readyState === this.getVideoEl_().HAVE_ENOUGH_DATA) { + if (this.videoTexture) { + this.videoTexture.needsUpdate = true; + } + } + + this.controls3d.update(); + + if (this.omniController) { + this.omniController.update(this.camera); + } + + this.effect.render(this.scene, this.camera); + + if (window$1.navigator.getGamepads) { + // Grab all gamepads + var gamepads = window$1.navigator.getGamepads(); + + for (var i = 0; i < gamepads.length; ++i) { + var gamepad = gamepads[i]; // Make sure gamepad is defined + // Only take input if state has changed since we checked last + + if (!gamepad || !gamepad.timestamp || gamepad.timestamp === this.prevTimestamps_[i]) { + continue; + } + + for (var j = 0; j < gamepad.buttons.length; ++j) { + if (gamepad.buttons[j].pressed) { + this.togglePlay_(); + this.prevTimestamps_[i] = gamepad.timestamp; + break; + } + } + } + } + + this.camera.getWorldDirection(this.cameraVector); + this.animationFrameId_ = this.requestAnimationFrame(this.animate_); + }; + + _proto.handleResize_ = function handleResize_() { + var width = this.player_.currentWidth(); + var height = this.player_.currentHeight(); + this.effect.setSize(width, height, false); + this.camera.aspect = width / height; + this.camera.updateProjectionMatrix(); + }; + + _proto.setProjection = function setProjection(projection) { + if (!getInternalProjectionName(projection)) { + videojs.log.error('videojs-vr: please pass a valid projection ' + validProjections.join(', ')); + return; + } + + this.currentProjection_ = projection; + this.defaultProjection_ = projection; + }; + + _proto.init = function init() { + var _this4 = this; + + this.reset(); + this.camera = new PerspectiveCamera(75, this.player_.currentWidth() / this.player_.currentHeight(), 1, 1000); // Store vector representing the direction in which the camera is looking, in world space. + + this.cameraVector = new Vector3(); + + if (this.currentProjection_ === '360_LR' || this.currentProjection_ === '360_TB' || this.currentProjection_ === '180' || this.currentProjection_ === '180_LR' || this.currentProjection_ === '180_MONO' || this.currentProjection_ === 'EAC_LR') { + // Render left eye when not in VR mode + this.camera.layers.enable(1); + } + + this.scene = new Scene(); + this.videoTexture = new VideoTexture(this.getVideoEl_()); // shared regardless of wether VideoTexture is used or + // an image canvas is used + + this.videoTexture.generateMipmaps = false; + this.videoTexture.minFilter = LinearFilter; + this.videoTexture.magFilter = LinearFilter; + this.videoTexture.format = RGBFormat; + this.changeProjection_(this.currentProjection_); + + if (this.currentProjection_ === 'NONE') { + this.log('Projection is NONE, dont init'); + this.reset(); + return; + } + + this.player_.removeChild('BigPlayButton'); + this.player_.addChild('BigVrPlayButton', {}, this.bigPlayButtonIndex_); + this.player_.bigPlayButton = this.player_.getChild('BigVrPlayButton'); // mobile devices, or cardboard forced to on + + if (this.options_.forceCardboard || videojs.browser.IS_ANDROID || videojs.browser.IS_IOS) { + this.addCardboardButton_(); + } // if ios remove full screen toggle + + + if (videojs.browser.IS_IOS && this.player_.controlBar && this.player_.controlBar.fullscreenToggle) { + this.player_.controlBar.fullscreenToggle.hide(); + } + + this.camera.position.set(0, 0, 0); + this.renderer = new WebGLRenderer({ + devicePixelRatio: window$1.devicePixelRatio, + alpha: false, + clearColor: 0xffffff, + antialias: true + }); + var webglContext = this.renderer.getContext('webgl'); + var oldTexImage2D = webglContext.texImage2D; + /* this is a workaround since threejs uses try catch */ + + webglContext.texImage2D = function () { + try { + for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { + args[_key2] = arguments[_key2]; + } + + return oldTexImage2D.apply(webglContext, args); + } catch (e) { + _this4.reset(); + + _this4.player_.pause(); + + _this4.triggerError_({ + code: 'web-vr-hls-cors-not-supported', + dismiss: false + }); + + throw new Error(e); + } + }; + + this.renderer.setSize(this.player_.currentWidth(), this.player_.currentHeight(), false); + this.effect = new VREffect(this.renderer); + this.effect.setSize(this.player_.currentWidth(), this.player_.currentHeight(), false); + this.vrDisplay = null; // Previous timestamps for gamepad updates + + this.prevTimestamps_ = []; + this.renderedCanvas = this.renderer.domElement; + this.renderedCanvas.setAttribute('style', 'width: 100%; height: 100%; position: absolute; top:0;'); + var videoElStyle = this.getVideoEl_().style; + this.player_.el().insertBefore(this.renderedCanvas, this.player_.el().firstChild); + videoElStyle.zIndex = '-1'; + videoElStyle.opacity = '0'; + + if (window$1.navigator.getVRDisplays) { + this.log('is supported, getting vr displays'); + window$1.navigator.getVRDisplays().then(function (displays) { + if (displays.length > 0) { + _this4.log('Displays found', displays); + + _this4.vrDisplay = displays[0]; // Native WebVR Head Mounted Displays (HMDs) like the HTC Vive + // also need the cardboard button to enter fully immersive mode + // so, we want to add the button if we're not polyfilled. + + if (!_this4.vrDisplay.isPolyfilled) { + _this4.log('Real HMD found using VRControls', _this4.vrDisplay); + + _this4.addCardboardButton_(); // We use VRControls here since we are working with an HMD + // and we only want orientation controls. + + + _this4.controls3d = new VRControls(_this4.camera); + } + } + + if (!_this4.controls3d) { + _this4.log('no HMD found Using Orbit & Orientation Controls'); + + var options = { + camera: _this4.camera, + canvas: _this4.renderedCanvas, + // check if its a half sphere view projection + halfView: _this4.currentProjection_.indexOf('180') === 0, + orientation: videojs.browser.IS_IOS || videojs.browser.IS_ANDROID || false + }; + + if (_this4.options_.motionControls === false) { + options.orientation = false; + } + + _this4.controls3d = new OrbitOrientationControls(options); + _this4.canvasPlayerControls = new CanvasPlayerControls(_this4.player_, _this4.renderedCanvas, _this4.options_); + } + + _this4.animationFrameId_ = _this4.requestAnimationFrame(_this4.animate_); + }); + } else if (window$1.navigator.getVRDevices) { + this.triggerError_({ + code: 'web-vr-out-of-date', + dismiss: false + }); + } else { + this.triggerError_({ + code: 'web-vr-not-supported', + dismiss: false + }); + } + + if (this.options_.omnitone) { + var audiocontext = AudioContext.getContext(); + this.omniController = new OmnitoneController(audiocontext, this.options_.omnitone, this.getVideoEl_(), this.options_.omnitoneOptions); + this.omniController.one('audiocontext-suspended', function () { + _this4.player.pause(); + + _this4.player.one('playing', function () { + audiocontext.resume(); + }); + }); + } + + this.on(this.player_, 'fullscreenchange', this.handleResize_); + window$1.addEventListener('vrdisplaypresentchange', this.handleResize_, true); + window$1.addEventListener('resize', this.handleResize_, true); + window$1.addEventListener('vrdisplayactivate', this.handleVrDisplayActivate_, true); + window$1.addEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_, true); + this.initialized_ = true; + this.trigger('initialized'); + }; + + _proto.addCardboardButton_ = function addCardboardButton_() { + if (!this.player_.controlBar.getChild('CardboardButton')) { + this.player_.controlBar.addChild('CardboardButton', {}); + } + }; + + _proto.getVideoEl_ = function getVideoEl_() { + return this.player_.el().getElementsByTagName('video')[0]; + }; + + _proto.reset = function reset() { + if (!this.initialized_) { + return; + } + + if (this.omniController) { + this.omniController.off('audiocontext-suspended'); + this.omniController.dispose(); + this.omniController = undefined; + } + + if (this.controls3d) { + this.controls3d.dispose(); + this.controls3d = null; + } + + if (this.canvasPlayerControls) { + this.canvasPlayerControls.dispose(); + this.canvasPlayerControls = null; + } + + if (this.effect) { + this.effect.dispose(); + this.effect = null; + } + + window$1.removeEventListener('resize', this.handleResize_, true); + window$1.removeEventListener('vrdisplaypresentchange', this.handleResize_, true); + window$1.removeEventListener('vrdisplayactivate', this.handleVrDisplayActivate_, true); + window$1.removeEventListener('vrdisplaydeactivate', this.handleVrDisplayDeactivate_, true); // re-add the big play button to player + + if (!this.player_.getChild('BigPlayButton')) { + this.player_.addChild('BigPlayButton', {}, this.bigPlayButtonIndex_); + } + + if (this.player_.getChild('BigVrPlayButton')) { + this.player_.removeChild('BigVrPlayButton'); + } // remove the cardboard button + + + if (this.player_.getChild('CardboardButton')) { + this.player_.controlBar.removeChild('CardboardButton'); + } // show the fullscreen again + + + if (videojs.browser.IS_IOS && this.player_.controlBar && this.player_.controlBar.fullscreenToggle) { + this.player_.controlBar.fullscreenToggle.show(); + } // reset the video element style so that it will be displayed + + + var videoElStyle = this.getVideoEl_().style; + videoElStyle.zIndex = ''; + videoElStyle.opacity = ''; // set the current projection to the default + + this.currentProjection_ = this.defaultProjection_; // reset the ios touch to click workaround + + if (this.iosRevertTouchToClick_) { + this.iosRevertTouchToClick_(); + } // remove the old canvas + + + if (this.renderedCanvas) { + this.renderedCanvas.parentNode.removeChild(this.renderedCanvas); + } + + if (this.animationFrameId_) { + this.cancelAnimationFrame(this.animationFrameId_); + } + + this.initialized_ = false; + }; + + _proto.dispose = function dispose() { + _Plugin.prototype.dispose.call(this); + + this.reset(); + }; + + _proto.polyfillVersion = function polyfillVersion() { + return WebVRPolyfill.version; + }; + + return VR; + }(Plugin); + + VR.prototype.setTimeout = Component.prototype.setTimeout; + VR.prototype.clearTimeout = Component.prototype.clearTimeout; + VR.VERSION = version; + videojs.registerPlugin('vr', VR); + + return VR; + +})); diff --git a/pod/main/static/videojs-vr/videojs-vr.min.js b/pod/main/static/videojs-vr/videojs-vr.min.js index f42640131e..c4ae5d213b 100644 --- a/pod/main/static/videojs-vr/videojs-vr.min.js +++ b/pod/main/static/videojs-vr/videojs-vr.min.js @@ -1,181 +1,180 @@ +/*! @name videojs-vr @version 1.8.0 @license Apache-2.0 */ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("global/window"),require("global/document"),require("video.js")):"function"==typeof define&&define.amd?define(["global/window","global/document","video.js"],t):(e=e||self).videojsVr=t(e.window,e.document,e.videojs)}(this,(function(e,t,i){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t,i=i&&i.hasOwnProperty("default")?i.default:i;var r="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function a(e,t){return e(t={exports:{}},t.exports),t.exports}var o=n(a((function(e){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.default=e.exports,e.exports.__esModule=!0}))),s=a((function(e){function t(i,r){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},e.exports.default=e.exports,e.exports.__esModule=!0,t(i,r)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0}));n(s);var c=n(a((function(e){e.exports=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,s(e,t)},e.exports.default=e.exports,e.exports.__esModule=!0}))),h=n(a((function(e,t){ /** - * videojs-vr - * @version 1.3.0 - * @copyright 2018 [object Object] - * @license Apache-2.0 - */ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],t):e.videojsVr=t(e.videojs)}(this,function(o){"use strict";o=o&&o.hasOwnProperty("default")?o["default"]:o;var l="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var e,c="undefined"!=typeof window?window:void 0!==l?l:"undefined"!=typeof self?self:{},t={},i=Object.freeze({"default":t}),n=i&&t||i,r=void 0!==l?l:"undefined"!=typeof window?window:{};"undefined"!=typeof document?e=document:(e=r["__GLOBAL_DOCUMENT_CACHE@4"])||(e=r["__GLOBAL_DOCUMENT_CACHE@4"]=n);var a,s,u=e,h=(function(e,t){ + * @license + * webvr-polyfill + * Copyright (c) 2015-2017 Google + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ /** - * @license - * webvr-polyfill - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ + * @license + * cardboard-vr-display + * Copyright (c) 2015-2017 Google + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ /** - * @license - * cardboard-vr-display - * Copyright (c) 2015-2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ + * @license + * webvr-polyfill-dpdb + * Copyright (c) 2017 Google + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ /** - * @license - * webvr-polyfill-dpdb - * Copyright (c) 2017 Google - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ + * @license + * wglu-preserve-state + * Copyright (c) 2016, Brandon Jones. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ /** - * @license - * wglu-preserve-state - * Copyright (c) 2016, Brandon Jones. - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ + * @license + * nosleep.js + * Copyright (c) 2017, Rich Tibbett + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +e.exports=function(){var e,t="undefined"!=typeof window?window:void 0!==r?r:"undefined"!=typeof self?self:{},i=function(){return/Android/i.test(navigator.userAgent)||/iPhone|iPad|iPod/i.test(navigator.userAgent)},n=function(e,t){for(var i=0,r=e.length;ie.TEXTURE31){console.error("TEXTURE_BINDING_2D or TEXTURE_BINDING_CUBE_MAP must be followed by a valid texture unit"),n.push(null,null);break}r||(r=e.getParameter(e.ACTIVE_TEXTURE)),e.activeTexture(o),n.push(e.getParameter(s),null);break;case e.ACTIVE_TEXTURE:r=e.getParameter(e.ACTIVE_TEXTURE),n.push(null);break;default:n.push(e.getParameter(s))}}i(e);for(var a=0;ae.TEXTURE31)break;e.activeTexture(o),e.bindTexture(e.TEXTURE_2D,c);break;case e.TEXTURE_BINDING_CUBE_MAP:var o=t[++a];if(oe.TEXTURE31)break;e.activeTexture(o),e.bindTexture(e.TEXTURE_CUBE_MAP,c);break;case e.VIEWPORT:e.viewport(c[0],c[1],c[2],c[3]);break;case e.BLEND:case e.CULL_FACE:case e.DEPTH_TEST:case e.SCISSOR_TEST:case e.STENCIL_TEST:c?e.enable(s):e.disable(s);break;default:console.log("No GL restore behavior for 0x"+s.toString(16))}r&&e.activeTexture(r)}}else i(e)},_=["attribute vec2 position;","attribute vec3 texCoord;","varying vec2 vTexCoord;","uniform vec4 viewportOffsetScale[2];","void main() {"," vec4 viewport = viewportOffsetScale[int(texCoord.z)];"," vTexCoord = (texCoord.xy * viewport.zw) + viewport.xy;"," gl_Position = vec4( position, 1.0, 1.0 );","}"].join("\n"),S=["precision mediump float;","uniform sampler2D diffuse;","varying vec2 vTexCoord;","void main() {"," gl_FragColor = texture2D(diffuse, vTexCoord);","}"].join("\n");function j(e,t,i,n){this.gl=e,this.cardboardUI=t,this.bufferScale=i,this.dirtySubmitFrameBindings=n,this.ctxAttribs=e.getContextAttributes(),this.meshWidth=20,this.meshHeight=20,this.bufferWidth=e.drawingBufferWidth,this.bufferHeight=e.drawingBufferHeight,this.realBindFramebuffer=e.bindFramebuffer,this.realEnable=e.enable,this.realDisable=e.disable,this.realColorMask=e.colorMask,this.realClearColor=e.clearColor,this.realViewport=e.viewport,l()||(this.realCanvasWidth=Object.getOwnPropertyDescriptor(e.canvas.__proto__,"width"),this.realCanvasHeight=Object.getOwnPropertyDescriptor(e.canvas.__proto__,"height")),this.isPatched=!1,this.lastBoundFramebuffer=null,this.cullFace=!1,this.depthTest=!1,this.blend=!1,this.scissorTest=!1,this.stencilTest=!1,this.viewport=[0,0,0,0],this.colorMask=[!0,!0,!0,!0],this.clearColor=[0,0,0,0],this.attribs={position:0,texCoord:1},this.program=A(e,_,S,this.attribs),this.uniforms=v(e,this.program),this.viewportOffsetScale=new Float32Array(8),this.setTextureBounds(),this.vertexBuffer=e.createBuffer(),this.indexBuffer=e.createBuffer(),this.indexCount=0,this.renderTarget=e.createTexture(),this.framebuffer=e.createFramebuffer(),this.depthStencilBuffer=null,this.depthBuffer=null,this.stencilBuffer=null,this.ctxAttribs.depth&&this.ctxAttribs.stencil?this.depthStencilBuffer=e.createRenderbuffer():this.ctxAttribs.depth?this.depthBuffer=e.createRenderbuffer():this.ctxAttribs.stencil&&(this.stencilBuffer=e.createRenderbuffer()),this.patch(),this.onResize()}j.prototype.destroy=function(){var e=this.gl;this.unpatch(),e.deleteProgram(this.program),e.deleteBuffer(this.vertexBuffer),e.deleteBuffer(this.indexBuffer),e.deleteTexture(this.renderTarget),e.deleteFramebuffer(this.framebuffer),this.depthStencilBuffer&&e.deleteRenderbuffer(this.depthStencilBuffer),this.depthBuffer&&e.deleteRenderbuffer(this.depthBuffer),this.stencilBuffer&&e.deleteRenderbuffer(this.stencilBuffer),this.cardboardUI&&this.cardboardUI.destroy()},j.prototype.onResize=function(){var e=this.gl,t=this,i=[e.RENDERBUFFER_BINDING,e.TEXTURE_BINDING_2D,e.TEXTURE0];I(e,i,function(e){t.realBindFramebuffer.call(e,e.FRAMEBUFFER,null),t.scissorTest&&t.realDisable.call(e,e.SCISSOR_TEST),t.realColorMask.call(e,!0,!0,!0,!0),t.realViewport.call(e,0,0,e.drawingBufferWidth,e.drawingBufferHeight),t.realClearColor.call(e,0,0,0,1),e.clear(e.COLOR_BUFFER_BIT),t.realBindFramebuffer.call(e,e.FRAMEBUFFER,t.framebuffer),e.bindTexture(e.TEXTURE_2D,t.renderTarget),e.texImage2D(e.TEXTURE_2D,0,t.ctxAttribs.alpha?e.RGBA:e.RGB,t.bufferWidth,t.bufferHeight,0,t.ctxAttribs.alpha?e.RGBA:e.RGB,e.UNSIGNED_BYTE,null),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,t.renderTarget,0),t.ctxAttribs.depth&&t.ctxAttribs.stencil?(e.bindRenderbuffer(e.RENDERBUFFER,t.depthStencilBuffer),e.renderbufferStorage(e.RENDERBUFFER,e.DEPTH_STENCIL,t.bufferWidth,t.bufferHeight),e.framebufferRenderbuffer(e.FRAMEBUFFER,e.DEPTH_STENCIL_ATTACHMENT,e.RENDERBUFFER,t.depthStencilBuffer)):t.ctxAttribs.depth?(e.bindRenderbuffer(e.RENDERBUFFER,t.depthBuffer),e.renderbufferStorage(e.RENDERBUFFER,e.DEPTH_COMPONENT16,t.bufferWidth,t.bufferHeight),e.framebufferRenderbuffer(e.FRAMEBUFFER,e.DEPTH_ATTACHMENT,e.RENDERBUFFER,t.depthBuffer)):t.ctxAttribs.stencil&&(e.bindRenderbuffer(e.RENDERBUFFER,t.stencilBuffer),e.renderbufferStorage(e.RENDERBUFFER,e.STENCIL_INDEX8,t.bufferWidth,t.bufferHeight),e.framebufferRenderbuffer(e.FRAMEBUFFER,e.STENCIL_ATTACHMENT,e.RENDERBUFFER,t.stencilBuffer)),!e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE&&console.error("Framebuffer incomplete!"),t.realBindFramebuffer.call(e,e.FRAMEBUFFER,t.lastBoundFramebuffer),t.scissorTest&&t.realEnable.call(e,e.SCISSOR_TEST),t.realColorMask.apply(e,t.colorMask),t.realViewport.apply(e,t.viewport),t.realClearColor.apply(e,t.clearColor)}),this.cardboardUI&&this.cardboardUI.onResize()},j.prototype.patch=function(){if(!this.isPatched){var r=this,t=this.gl.canvas,a=this.gl;l()||(t.width=m()*this.bufferScale,t.height=M()*this.bufferScale,Object.defineProperty(t,"width",{configurable:!0,enumerable:!0,get:function(){return r.bufferWidth},set:function(e){r.bufferWidth=e,r.realCanvasWidth.set.call(t,e),r.onResize()}}),Object.defineProperty(t,"height",{configurable:!0,enumerable:!0,get:function(){return r.bufferHeight},set:function(e){r.bufferHeight=e,r.realCanvasHeight.set.call(t,e),r.onResize()}})),this.lastBoundFramebuffer=a.getParameter(a.FRAMEBUFFER_BINDING),null==this.lastBoundFramebuffer&&(this.lastBoundFramebuffer=this.framebuffer,this.gl.bindFramebuffer(a.FRAMEBUFFER,this.framebuffer)),this.gl.bindFramebuffer=function(e,t){r.lastBoundFramebuffer=t||r.framebuffer,r.realBindFramebuffer.call(a,e,r.lastBoundFramebuffer)},this.cullFace=a.getParameter(a.CULL_FACE),this.depthTest=a.getParameter(a.DEPTH_TEST),this.blend=a.getParameter(a.BLEND),this.scissorTest=a.getParameter(a.SCISSOR_TEST),this.stencilTest=a.getParameter(a.STENCIL_TEST),a.enable=function(e){switch(e){case a.CULL_FACE:r.cullFace=!0;break;case a.DEPTH_TEST:r.depthTest=!0;break;case a.BLEND:r.blend=!0;break;case a.SCISSOR_TEST:r.scissorTest=!0;break;case a.STENCIL_TEST:r.stencilTest=!0}r.realEnable.call(a,e)},a.disable=function(e){switch(e){case a.CULL_FACE:r.cullFace=!1;break;case a.DEPTH_TEST:r.depthTest=!1;break;case a.BLEND:r.blend=!1;break;case a.SCISSOR_TEST:r.scissorTest=!1;break;case a.STENCIL_TEST:r.stencilTest=!1}r.realDisable.call(a,e)},this.colorMask=a.getParameter(a.COLOR_WRITEMASK),a.colorMask=function(e,t,i,n){r.colorMask[0]=e,r.colorMask[1]=t,r.colorMask[2]=i,r.colorMask[3]=n,r.realColorMask.call(a,e,t,i,n)},this.clearColor=a.getParameter(a.COLOR_CLEAR_VALUE),a.clearColor=function(e,t,i,n){r.clearColor[0]=e,r.clearColor[1]=t,r.clearColor[2]=i,r.clearColor[3]=n,r.realClearColor.call(a,e,t,i,n)},this.viewport=a.getParameter(a.VIEWPORT),a.viewport=function(e,t,i,n){r.viewport[0]=e,r.viewport[1]=t,r.viewport[2]=i,r.viewport[3]=n,r.realViewport.call(a,e,t,i,n)},this.isPatched=!0,T(t)}},j.prototype.unpatch=function(){if(this.isPatched){var e=this.gl,t=this.gl.canvas;l()||(Object.defineProperty(t,"width",this.realCanvasWidth),Object.defineProperty(t,"height",this.realCanvasHeight)),t.width=this.bufferWidth,t.height=this.bufferHeight,e.bindFramebuffer=this.realBindFramebuffer,e.enable=this.realEnable,e.disable=this.realDisable,e.colorMask=this.realColorMask,e.clearColor=this.realClearColor,e.viewport=this.realViewport,this.lastBoundFramebuffer==this.framebuffer&&e.bindFramebuffer(e.FRAMEBUFFER,null),this.isPatched=!1,setTimeout(function(){T(t)},1)}},j.prototype.setTextureBounds=function(e,t){e||(e=[0,0,.5,1]),t||(t=[.5,0,.5,1]),this.viewportOffsetScale[0]=e[0],this.viewportOffsetScale[1]=e[1],this.viewportOffsetScale[2]=e[2],this.viewportOffsetScale[3]=e[3],this.viewportOffsetScale[4]=t[0],this.viewportOffsetScale[5]=t[1],this.viewportOffsetScale[6]=t[2],this.viewportOffsetScale[7]=t[3]},j.prototype.submitFrame=function(){var e=this.gl,t=this,i=[];if(this.dirtySubmitFrameBindings||i.push(e.CURRENT_PROGRAM,e.ARRAY_BUFFER_BINDING,e.ELEMENT_ARRAY_BUFFER_BINDING,e.TEXTURE_BINDING_2D,e.TEXTURE0),I(e,i,function(e){t.realBindFramebuffer.call(e,e.FRAMEBUFFER,null),t.cullFace&&t.realDisable.call(e,e.CULL_FACE),t.depthTest&&t.realDisable.call(e,e.DEPTH_TEST),t.blend&&t.realDisable.call(e,e.BLEND),t.scissorTest&&t.realDisable.call(e,e.SCISSOR_TEST),t.stencilTest&&t.realDisable.call(e,e.STENCIL_TEST),t.realColorMask.call(e,!0,!0,!0,!0),t.realViewport.call(e,0,0,e.drawingBufferWidth,e.drawingBufferHeight),(t.ctxAttribs.alpha||l())&&(t.realClearColor.call(e,0,0,0,1),e.clear(e.COLOR_BUFFER_BIT)),e.useProgram(t.program),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,t.indexBuffer),e.bindBuffer(e.ARRAY_BUFFER,t.vertexBuffer),e.enableVertexAttribArray(t.attribs.position),e.enableVertexAttribArray(t.attribs.texCoord),e.vertexAttribPointer(t.attribs.position,2,e.FLOAT,!1,20,0),e.vertexAttribPointer(t.attribs.texCoord,3,e.FLOAT,!1,20,8),e.activeTexture(e.TEXTURE0),e.uniform1i(t.uniforms.diffuse,0),e.bindTexture(e.TEXTURE_2D,t.renderTarget),e.uniform4fv(t.uniforms.viewportOffsetScale,t.viewportOffsetScale),e.drawElements(e.TRIANGLES,t.indexCount,e.UNSIGNED_SHORT,0),t.cardboardUI&&t.cardboardUI.renderNoState(),t.realBindFramebuffer.call(t.gl,e.FRAMEBUFFER,t.framebuffer),t.ctxAttribs.preserveDrawingBuffer||(t.realClearColor.call(e,0,0,0,0),e.clear(e.COLOR_BUFFER_BIT)),t.dirtySubmitFrameBindings||t.realBindFramebuffer.call(e,e.FRAMEBUFFER,t.lastBoundFramebuffer),t.cullFace&&t.realEnable.call(e,e.CULL_FACE),t.depthTest&&t.realEnable.call(e,e.DEPTH_TEST),t.blend&&t.realEnable.call(e,e.BLEND),t.scissorTest&&t.realEnable.call(e,e.SCISSOR_TEST),t.stencilTest&&t.realEnable.call(e,e.STENCIL_TEST),t.realColorMask.apply(e,t.colorMask),t.realViewport.apply(e,t.viewport),!t.ctxAttribs.alpha&&t.ctxAttribs.preserveDrawingBuffer||t.realClearColor.apply(e,t.clearColor)}),l()){var n=e.canvas;n.width==t.bufferWidth&&n.height==t.bufferHeight||(t.bufferWidth=n.width,t.bufferHeight=n.height,t.onResize())}},j.prototype.updateDeviceInfo=function(n){var e=this.gl,r=this,t=[e.ARRAY_BUFFER_BINDING,e.ELEMENT_ARRAY_BUFFER_BINDING];I(e,t,function(e){var t=r.computeMeshVertices_(r.meshWidth,r.meshHeight,n);if(e.bindBuffer(e.ARRAY_BUFFER,r.vertexBuffer),e.bufferData(e.ARRAY_BUFFER,t,e.STATIC_DRAW),!r.indexCount){var i=r.computeMeshIndices_(r.meshWidth,r.meshHeight);e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,r.indexBuffer),e.bufferData(e.ELEMENT_ARRAY_BUFFER,i,e.STATIC_DRAW),r.indexCount=i.length}})},j.prototype.computeMeshVertices_=function(e,t,i){for(var n=new Float32Array(2*e*t*5),r=i.getLeftEyeVisibleTanAngles(),a=i.getLeftEyeNoLensTanAngles(),s=i.getLeftEyeVisibleScreenRect(a),o=0,c=0;c<2;c++){for(var u=0;ut-42&&e.clientXr.clientHeight-42?i(e):e.clientX<42&&e.clientY<42&&n(e)},r.addEventListener("click",this.listener,!1)},R.prototype.onResize=function(){var e=this.gl,g=this,t=[e.ARRAY_BUFFER_BINDING];I(e,t,function(i){var a=[],s=i.drawingBufferWidth/2,e=Math.max(screen.width,screen.height)*window.devicePixelRatio,t=i.drawingBufferWidth/e,n=t*window.devicePixelRatio,r=4*n/2,o=42*n,c=28*n/2,u=14*n;function h(e,t){var i=(90-e)*z,n=Math.cos(i),r=Math.sin(i);a.push(.3125*n*c+s,.3125*r*c+c),a.push(t*n*c+s,t*r*c+c)}a.push(s-r,o),a.push(s-r,i.drawingBufferHeight),a.push(s+r,o),a.push(s+r,i.drawingBufferHeight),g.gearOffset=a.length/2;for(var l=0;l<=6;l++){var d=60*l;h(d,1),h(d+12,1),h(d+20,.75),h(d+40,.75),h(d+48,1)}function p(e,t){a.push(u+e,i.drawingBufferHeight-u-t)}g.gearVertexCount=a.length/2-g.gearOffset,g.arrowOffset=a.length/2;var f=r/Math.sin(45*z);p(0,c),p(c,0),p(c+f,f),p(f,c+f),p(f,c-f),p(0,c),p(c,2*c),p(c+f,2*c-f),p(f,c-f),p(0,c),p(f,c-r),p(28*n,c-r),p(f,c+r),p(28*n,c+r),g.arrowVertexCount=a.length/2-g.arrowOffset,i.bindBuffer(i.ARRAY_BUFFER,g.vertexBuffer),i.bufferData(i.ARRAY_BUFFER,new Float32Array(a),i.STATIC_DRAW)})},R.prototype.render=function(){var e=this.gl,t=this,i=[e.CULL_FACE,e.DEPTH_TEST,e.BLEND,e.SCISSOR_TEST,e.STENCIL_TEST,e.COLOR_WRITEMASK,e.VIEWPORT,e.CURRENT_PROGRAM,e.ARRAY_BUFFER_BINDING];I(e,i,function(e){e.disable(e.CULL_FACE),e.disable(e.DEPTH_TEST),e.disable(e.BLEND),e.disable(e.SCISSOR_TEST),e.disable(e.STENCIL_TEST),e.colorMask(!0,!0,!0,!0),e.viewport(0,0,e.drawingBufferWidth,e.drawingBufferHeight),t.renderNoState()})},R.prototype.renderNoState=function(){var e,t,i,n,r,a,s,o,c,u,h=this.gl;h.useProgram(this.program),h.bindBuffer(h.ARRAY_BUFFER,this.vertexBuffer),h.enableVertexAttribArray(this.attribs.position),h.vertexAttribPointer(this.attribs.position,2,h.FLOAT,!1,8,0),h.uniform4f(this.uniforms.color,1,1,1,1),e=this.projMat,t=0,i=h.drawingBufferWidth,n=0,r=h.drawingBufferHeight,o=1/(t-i),c=1/(n-r),u=1/((a=.1)-(s=1024)),e[0]=-2*o,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=-2*c,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=2*u,e[11]=0,e[12]=(t+i)*o,e[13]=(r+n)*c,e[14]=(s+a)*u,e[15]=1,h.uniformMatrix4fv(this.uniforms.projectionMat,!1,this.projMat),h.drawArrays(h.TRIANGLE_STRIP,0,4),h.drawArrays(h.TRIANGLE_STRIP,this.gearOffset,this.gearVertexCount),h.drawArrays(h.TRIANGLE_STRIP,this.arrowOffset,this.arrowVertexCount)},U.prototype.distortInverse=function(e){for(var t=0,i=1,n=e-this.distort(t);1e-4Math.abs(e.z)?F.set(-e.y,e.x,0):F.set(0,-e.z,e.y)):F.crossVectors(e,t),this.x=F.x,this.y=F.y,this.z=F.z,this.w=G,this.normalize(),this}};var H=new Y({widthMeters:.11,heightMeters:.062,bevelMeters:.004}),V=new Y({widthMeters:.1038,heightMeters:.0584,bevelMeters:.004}),W={CardboardV1:new Z({id:"CardboardV1",label:"Cardboard I/O 2014",fov:40,interLensDistance:.06,baselineLensDistance:.035,screenLensDistance:.042,distortionCoefficients:[.441,.156],inverseCoefficients:[-.4410035,.42756155,-.4804439,.5460139,-.58821183,.5733938,-.48303202,.33299083,-.17573841,.0651772,-.01488963,.001559834]}),CardboardV2:new Z({id:"CardboardV2",label:"Cardboard I/O 2015",fov:60,interLensDistance:.064,baselineLensDistance:.035,screenLensDistance:.039,distortionCoefficients:[.34,.55],inverseCoefficients:[-.33836704,-.18162185,.862655,-1.2462051,1.0560602,-.58208317,.21609078,-.05444823,.009177956,-.0009904169,6183535e-11,-16981803e-13]})};function X(e){this.viewer=W.CardboardV2,this.updateDeviceParams(e),this.distortion=new U(this.viewer.distortionCoefficients)}function Z(e){this.id=e.id,this.label=e.label,this.fov=e.fov,this.interLensDistance=e.interLensDistance,this.baselineLensDistance=e.baselineLensDistance,this.screenLensDistance=e.screenLensDistance,this.distortionCoefficients=e.distortionCoefficients,this.inverseCoefficients=e.inverseCoefficients}X.prototype.updateDeviceParams=function(e){this.device=this.determineDevice_(e)||this.device},X.prototype.getDevice=function(){return this.device},X.prototype.setViewer=function(e){this.viewer=e,this.distortion=new U(this.viewer.distortionCoefficients)},X.prototype.determineDevice_=function(e){if(!e)return l()?(console.warn("Using fallback iOS device measurements."),V):(console.warn("Using fallback Android device measurements."),H);var t=.0254/e.xdpi,i=.0254/e.ydpi,n=m(),r=M();return new Y({widthMeters:t*n,heightMeters:i*r,bevelMeters:.001*e.bevelMm})},X.prototype.getDistortedFieldOfViewLeftEye=function(){var e=this.viewer,t=this.device,i=this.distortion,n=e.screenLensDistance,r=(t.widthMeters-e.interLensDistance)/2,a=e.interLensDistance/2,s=e.baselineLensDistance-t.bevelMeters,o=t.heightMeters-s,c=B*Math.atan(i.distort(r/n)),u=B*Math.atan(i.distort(a/n)),h=B*Math.atan(i.distort(s/n)),l=B*Math.atan(i.distort(o/n));return{leftDegrees:Math.min(c,e.fov),rightDegrees:Math.min(u,e.fov),downDegrees:Math.min(h,e.fov),upDegrees:Math.min(l,e.fov)}},X.prototype.getLeftEyeVisibleTanAngles=function(){var e=this.viewer,t=this.device,i=this.distortion,n=Math.tan(-P*e.fov),r=Math.tan(P*e.fov),a=Math.tan(P*e.fov),s=Math.tan(-P*e.fov),o=t.widthMeters/4,c=t.heightMeters/2,u=e.baselineLensDistance-t.bevelMeters-c,h=e.interLensDistance/2-o,l=-u,d=e.screenLensDistance,p=i.distort((h-o)/d),f=i.distort((l+c)/d),g=i.distort((h+o)/d),m=i.distort((l-c)/d),M=new Float32Array(4);return M[0]=Math.max(n,p),M[1]=Math.min(r,f),M[2]=Math.min(a,g),M[3]=Math.max(s,m),M},X.prototype.getLeftEyeNoLensTanAngles=function(){var e=this.viewer,t=this.device,i=this.distortion,n=new Float32Array(4),r=i.distortInverse(Math.tan(-P*e.fov)),a=i.distortInverse(Math.tan(P*e.fov)),s=i.distortInverse(Math.tan(P*e.fov)),o=i.distortInverse(Math.tan(-P*e.fov)),c=t.widthMeters/4,u=t.heightMeters/2,h=e.baselineLensDistance-t.bevelMeters-u,l=e.interLensDistance/2-c,d=-h,p=e.screenLensDistance,f=(l-c)/p,g=(d+u)/p,m=(l+c)/p,M=(d-u)/p;return n[0]=Math.max(r,f),n[1]=Math.min(a,g),n[2]=Math.min(s,m),n[3]=Math.max(o,M),n},X.prototype.getLeftEyeVisibleScreenRect=function(e){var t=this.viewer,i=this.device,n=t.screenLensDistance,r=(i.widthMeters-t.interLensDistance)/2,a=t.baselineLensDistance-i.bevelMeters,s=(e[0]*n+r)/i.widthMeters,o=(e[1]*n+a)/i.heightMeters,c=(e[2]*n+r)/i.widthMeters,u=(e[3]*n+a)/i.heightMeters;return{x:s,y:u,width:c-s,height:o-u}},X.prototype.getFieldOfViewLeftEye=function(e){return e?this.getUndistortedFieldOfViewLeftEye():this.getDistortedFieldOfViewLeftEye()},X.prototype.getFieldOfViewRightEye=function(e){var t=this.getFieldOfViewLeftEye(e);return{leftDegrees:t.rightDegrees,rightDegrees:t.leftDegrees,upDegrees:t.upDegrees,downDegrees:t.downDegrees}},X.prototype.getUndistortedFieldOfViewLeftEye=function(){var e=this.getUndistortedParams_();return{leftDegrees:B*Math.atan(e.outerDist),rightDegrees:B*Math.atan(e.innerDist),downDegrees:B*Math.atan(e.bottomDist),upDegrees:B*Math.atan(e.topDist)}},X.prototype.getUndistortedViewportLeftEye=function(){var e=this.getUndistortedParams_(),t=this.viewer,i=this.device,n=t.screenLensDistance,r=i.widthMeters/n,a=i.heightMeters/n,s=i.width/r,o=i.height/a,c=Math.round((e.eyePosX-e.outerDist)*s),u=Math.round((e.eyePosY-e.bottomDist)*o);return{x:c,y:u,width:Math.round((e.eyePosX+e.innerDist)*s)-c,height:Math.round((e.eyePosY+e.topDist)*o)-u}},X.prototype.getUndistortedParams_=function(){var e=this.viewer,t=this.device,i=this.distortion,n=e.screenLensDistance,r=e.interLensDistance/2/n,a=t.widthMeters/n,s=t.heightMeters/n,o=a/2-r,c=(e.baselineLensDistance-t.bevelMeters)/n,u=e.fov,h=i.distortInverse(Math.tan(P*u)),l=Math.min(o,h),d=Math.min(r,h),p=Math.min(c,h),f=Math.min(s-c,h);return{outerDist:l,innerDist:d,topDist:f,bottomDist:p,eyePosX:o,eyePosY:c}},X.Viewers=W;var q={format:1,last_updated:"2018-02-20T22:55:10Z",devices:[{type:"android",rules:[{mdmh:"asus/*/Nexus 7/*"},{ua:"Nexus 7"}],dpi:[320.8,323],bw:3,ac:500},{type:"android",rules:[{mdmh:"asus/*/ASUS_Z00AD/*"},{ua:"ASUS_Z00AD"}],dpi:[403,404.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Google/*/Pixel XL/*"},{ua:"Pixel XL"}],dpi:[537.9,533],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Google/*/Pixel/*"},{ua:"Pixel"}],dpi:[432.6,436.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"HTC/*/HTC6435LVW/*"},{ua:"HTC6435LVW"}],dpi:[449.7,443.3],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"HTC/*/HTC One XL/*"},{ua:"HTC One XL"}],dpi:[315.3,314.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"htc/*/Nexus 9/*"},{ua:"Nexus 9"}],dpi:289,bw:3,ac:500},{type:"android",rules:[{mdmh:"HTC/*/HTC One M9/*"},{ua:"HTC One M9"}],dpi:[442.5,443.3],bw:3,ac:500},{type:"android",rules:[{mdmh:"HTC/*/HTC One_M8/*"},{ua:"HTC One_M8"}],dpi:[449.7,447.4],bw:3,ac:500},{type:"android",rules:[{mdmh:"HTC/*/HTC One/*"},{ua:"HTC One"}],dpi:472.8,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Huawei/*/Nexus 6P/*"},{ua:"Nexus 6P"}],dpi:[515.1,518],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LENOVO/*/Lenovo PB2-690Y/*"},{ua:"Lenovo PB2-690Y"}],dpi:[457.2,454.713],bw:3,ac:500},{type:"android",rules:[{mdmh:"LGE/*/Nexus 5X/*"},{ua:"Nexus 5X"}],dpi:[422,419.9],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/LGMS345/*"},{ua:"LGMS345"}],dpi:[221.7,219.1],bw:3,ac:500},{type:"android",rules:[{mdmh:"LGE/*/LG-D800/*"},{ua:"LG-D800"}],dpi:[422,424.1],bw:3,ac:500},{type:"android",rules:[{mdmh:"LGE/*/LG-D850/*"},{ua:"LG-D850"}],dpi:[537.9,541.9],bw:3,ac:500},{type:"android",rules:[{mdmh:"LGE/*/VS985 4G/*"},{ua:"VS985 4G"}],dpi:[537.9,535.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/Nexus 5/*"},{ua:"Nexus 5 B"}],dpi:[442.4,444.8],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/Nexus 4/*"},{ua:"Nexus 4"}],dpi:[319.8,318.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/LG-P769/*"},{ua:"LG-P769"}],dpi:[240.6,247.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/LGMS323/*"},{ua:"LGMS323"}],dpi:[206.6,204.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"LGE/*/LGLS996/*"},{ua:"LGLS996"}],dpi:[403.4,401.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Micromax/*/4560MMX/*"},{ua:"4560MMX"}],dpi:[240,219.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Micromax/*/A250/*"},{ua:"Micromax A250"}],dpi:[480,446.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Micromax/*/Micromax AQ4501/*"},{ua:"Micromax AQ4501"}],dpi:240,bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/G5/*"},{ua:"Moto G (5) Plus"}],dpi:[403.4,403],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/DROID RAZR/*"},{ua:"DROID RAZR"}],dpi:[368.1,256.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT830C/*"},{ua:"XT830C"}],dpi:[254,255.9],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1021/*"},{ua:"XT1021"}],dpi:[254,256.7],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1023/*"},{ua:"XT1023"}],dpi:[254,256.7],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1028/*"},{ua:"XT1028"}],dpi:[326.6,327.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1034/*"},{ua:"XT1034"}],dpi:[326.6,328.4],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1053/*"},{ua:"XT1053"}],dpi:[315.3,316.1],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1562/*"},{ua:"XT1562"}],dpi:[403.4,402.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/Nexus 6/*"},{ua:"Nexus 6 B"}],dpi:[494.3,489.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1063/*"},{ua:"XT1063"}],dpi:[295,296.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/XT1064/*"},{ua:"XT1064"}],dpi:[295,295.6],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1092/*"},{ua:"XT1092"}],dpi:[422,424.1],bw:3,ac:500},{type:"android",rules:[{mdmh:"motorola/*/XT1095/*"},{ua:"XT1095"}],dpi:[422,423.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"motorola/*/G4/*"},{ua:"Moto G (4)"}],dpi:401,bw:4,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/A0001/*"},{ua:"A0001"}],dpi:[403.4,401],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE E1005/*"},{ua:"ONE E1005"}],dpi:[442.4,441.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE A2005/*"},{ua:"ONE A2005"}],dpi:[391.9,405.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONEPLUS A5000/*"},{ua:"ONEPLUS A5000 "}],dpi:[403.411,399.737],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"OnePlus/*/ONE A5010/*"},{ua:"ONEPLUS A5010"}],dpi:[403,400],bw:2,ac:1e3},{type:"android",rules:[{mdmh:"OPPO/*/X909/*"},{ua:"X909"}],dpi:[442.4,444.1],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9082/*"},{ua:"GT-I9082"}],dpi:[184.7,185.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G360P/*"},{ua:"SM-G360P"}],dpi:[196.7,205.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/Nexus S/*"},{ua:"Nexus S"}],dpi:[234.5,229.8],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9300/*"},{ua:"GT-I9300"}],dpi:[304.8,303.9],bw:5,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-T230NU/*"},{ua:"SM-T230NU"}],dpi:216,bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SGH-T399/*"},{ua:"SGH-T399"}],dpi:[217.7,231.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SGH-M919/*"},{ua:"SGH-M919"}],dpi:[440.8,437.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N9005/*"},{ua:"SM-N9005"}],dpi:[386.4,387],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SAMSUNG-SM-N900A/*"},{ua:"SAMSUNG-SM-N900A"}],dpi:[386.4,387.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9500/*"},{ua:"GT-I9500"}],dpi:[442.5,443.3],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/GT-I9505/*"},{ua:"GT-I9505"}],dpi:439.4,bw:4,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G900F/*"},{ua:"SM-G900F"}],dpi:[415.6,431.6],bw:5,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G900M/*"},{ua:"SM-G900M"}],dpi:[415.6,431.6],bw:5,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G800F/*"},{ua:"SM-G800F"}],dpi:326.8,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G906S/*"},{ua:"SM-G906S"}],dpi:[562.7,572.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9300/*"},{ua:"GT-I9300"}],dpi:[306.7,304.8],bw:5,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-T535/*"},{ua:"SM-T535"}],dpi:[142.6,136.4],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-N920C/*"},{ua:"SM-N920C"}],dpi:[515.1,518.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N920P/*"},{ua:"SM-N920P"}],dpi:[386.3655,390.144],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N920W8/*"},{ua:"SM-N920W8"}],dpi:[515.1,518.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9300I/*"},{ua:"GT-I9300I"}],dpi:[304.8,305.8],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-I9195/*"},{ua:"GT-I9195"}],dpi:[249.4,256.7],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SPH-L520/*"},{ua:"SPH-L520"}],dpi:[249.4,255.9],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SAMSUNG-SGH-I717/*"},{ua:"SAMSUNG-SGH-I717"}],dpi:285.8,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SPH-D710/*"},{ua:"SPH-D710"}],dpi:[217.7,204.2],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/GT-N7100/*"},{ua:"GT-N7100"}],dpi:265.1,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SCH-I605/*"},{ua:"SCH-I605"}],dpi:265.1,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/Galaxy Nexus/*"},{ua:"Galaxy Nexus"}],dpi:[315.3,314.2],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N910H/*"},{ua:"SM-N910H"}],dpi:[515.1,518],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-N910C/*"},{ua:"SM-N910C"}],dpi:[515.2,520.2],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G130M/*"},{ua:"SM-G130M"}],dpi:[165.9,164.8],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G928I/*"},{ua:"SM-G928I"}],dpi:[515.1,518.4],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G920F/*"},{ua:"SM-G920F"}],dpi:580.6,bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G920P/*"},{ua:"SM-G920P"}],dpi:[522.5,577],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G925F/*"},{ua:"SM-G925F"}],dpi:580.6,bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G925V/*"},{ua:"SM-G925V"}],dpi:[522.5,576.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G930F/*"},{ua:"SM-G930F"}],dpi:576.6,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"samsung/*/SM-G935F/*"},{ua:"SM-G935F"}],dpi:533,bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G950F/*"},{ua:"SM-G950F"}],dpi:[562.707,565.293],bw:3,ac:500},{type:"android",rules:[{mdmh:"samsung/*/SM-G955U/*"},{ua:"SM-G955U"}],dpi:[522.514,525.762],bw:3,ac:500},{type:"android",rules:[{mdmh:"Sony/*/C6903/*"},{ua:"C6903"}],dpi:[442.5,443.3],bw:3,ac:500},{type:"android",rules:[{mdmh:"Sony/*/D6653/*"},{ua:"D6653"}],dpi:[428.6,427.6],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Sony/*/E6653/*"},{ua:"E6653"}],dpi:[428.6,425.7],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Sony/*/E6853/*"},{ua:"E6853"}],dpi:[403.4,401.9],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Sony/*/SGP321/*"},{ua:"SGP321"}],dpi:[224.7,224.1],bw:3,ac:500},{type:"android",rules:[{mdmh:"TCT/*/ALCATEL ONE TOUCH Fierce/*"},{ua:"ALCATEL ONE TOUCH Fierce"}],dpi:[240,247.5],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"THL/*/thl 5000/*"},{ua:"thl 5000"}],dpi:[480,443.3],bw:3,ac:1e3},{type:"android",rules:[{mdmh:"Fly/*/IQ4412/*"},{ua:"IQ4412"}],dpi:307.9,bw:3,ac:1e3},{type:"android",rules:[{mdmh:"ZTE/*/ZTE Blade L2/*"},{ua:"ZTE Blade L2"}],dpi:240,bw:3,ac:500},{type:"android",rules:[{mdmh:"BENEVE/*/VR518/*"},{ua:"VR518"}],dpi:480,bw:3,ac:500},{type:"ios",rules:[{res:[640,960]}],dpi:[325.1,328.4],bw:4,ac:1e3},{type:"ios",rules:[{res:[640,1136]}],dpi:[317.1,320.2],bw:3,ac:1e3},{type:"ios",rules:[{res:[750,1334]}],dpi:326.4,bw:4,ac:1e3},{type:"ios",rules:[{res:[1242,2208]}],dpi:[453.6,458.4],bw:4,ac:1e3},{type:"ios",rules:[{res:[1125,2001]}],dpi:[410.9,415.4],bw:4,ac:1e3},{type:"ios",rules:[{res:[1125,2436]}],dpi:458,bw:4,ac:1e3}]};function J(e,t){if(this.dpdb=q,this.recalculateDeviceParams_(),e){this.onDeviceParamsUpdated=t;var i=new XMLHttpRequest,n=this;i.open("GET",e,!0),i.addEventListener("load",function(){n.loading=!1,200<=i.status&&i.status<=299?(n.dpdb=JSON.parse(i.response),n.recalculateDeviceParams_()):console.error("Error loading online DPDB!")}),i.send()}}function K(e){this.xdpi=e.xdpi,this.ydpi=e.ydpi,this.bevelMm=e.bevelMm}function $(e,t){this.set(e,t)}function ee(e,t){this.kFilter=e,this.isDebug=t,this.currentAccelMeasurement=new $,this.currentGyroMeasurement=new $,this.previousGyroMeasurement=new $,l()?this.filterQ=new Q(-1,0,0,1):this.filterQ=new Q(1,0,0,1),this.previousFilterQ=new Q,this.previousFilterQ.copy(this.filterQ),this.accelQ=new Q,this.isOrientationInitialized=!1,this.estimatedGravity=new k,this.measuredGravity=new k,this.gyroIntegralQ=new Q}function te(e,t){this.predictionTimeS=e,this.isDebug=t,this.previousQ=new Q,this.previousTimestampS=null,this.deltaQ=new Q,this.outQ=new Q}function ie(e,t,i,n){this.yawOnly=i,this.accelerometer=new k,this.gyroscope=new k,this.filter=new ee(e,n),this.posePredictor=new te(t,n),this.isFirefoxAndroid=u(),this.isIOS=l();var r=h();this.isDeviceMotionInRadians=!this.isIOS&&r&&r<66,this.isWithoutDeviceMotion=p(),this.filterToWorldQ=new Q,l()?this.filterToWorldQ.setFromAxisAngle(new k(1,0,0),Math.PI/2):this.filterToWorldQ.setFromAxisAngle(new k(1,0,0),-Math.PI/2),this.inverseWorldToScreenQ=new Q,this.worldToScreenQ=new Q,this.originalPoseAdjustQ=new Q,this.originalPoseAdjustQ.setFromAxisAngle(new k(0,0,1),-window.orientation*Math.PI/180),this.setScreenTransform_(),g()&&this.filterToWorldQ.multiply(this.inverseWorldToScreenQ),this.resetQ=new Q,this.orientationOut_=new Float32Array(4),this.start()}J.prototype.getDeviceParams=function(){return this.deviceParams},J.prototype.recalculateDeviceParams_=function(){var e=this.calcDeviceParams_();e?(this.deviceParams=e,this.onDeviceParamsUpdated&&this.onDeviceParamsUpdated(this.deviceParams)):console.error("Failed to recalculate device parameters.")},J.prototype.calcDeviceParams_=function(){var e=this.dpdb;if(!e)return console.error("DPDB not available."),null;if(1!=e.format)return console.error("DPDB has unexpected format version."),null;if(!e.devices||!e.devices.length)return console.error("DPDB does not have a devices section."),null;var t=navigator.userAgent||navigator.vendor||window.opera,i=m(),n=M();if(!e.devices)return console.error("DPDB has no devices section."),null;for(var r=0;r 1"),0):2*Math.acos(n.w)),this.estimatedGravity.x.toFixed(1),this.estimatedGravity.y.toFixed(1),this.estimatedGravity.z.toFixed(1),this.measuredGravity.x.toFixed(1),this.measuredGravity.y.toFixed(1),this.measuredGravity.z.toFixed(1));var a=new Q;a.copy(this.filterQ),a.multiply(r),this.filterQ.slerp(a,1-this.kFilter),this.previousFilterQ.copy(this.filterQ)},ee.prototype.getOrientation=function(){return this.filterQ},ee.prototype.accelToQuaternion_=function(e){var t=new k;t.copy(e),t.normalize();var i=new Q;return i.setFromUnitVectors(new k(0,0,-1),t),i.inverse(),i},ee.prototype.gyroToQuaternionDelta_=function(e,t){var i=new Q,n=new k;return n.copy(e),n.normalize(),i.setFromAxisAngle(n,e.length()*t),i},te.prototype.getPrediction=function(e,t,i){if(!this.previousTimestampS)return this.previousQ.copy(e),this.previousTimestampS=i,e;var n=new k;n.copy(t),n.normalize();var r=t.length();if(r<20*P)return this.isDebug&&console.log("Moving slowly, at %s deg/s: no prediction",(B*r).toFixed(1)),this.outQ.copy(e),this.previousQ.copy(e),this.outQ;var a=r*this.predictionTimeS;return this.deltaQ.setFromAxisAngle(n,a),this.outQ.copy(this.previousQ),this.outQ.multiply(this.deltaQ),this.previousQ.copy(e),this.previousTimestampS=i,this.outQ},ie.prototype.getPosition=function(){return null},ie.prototype.getOrientation=function(){var e=void 0;if(this.isWithoutDeviceMotion&&this._deviceOrientationQ){this.deviceOrientationFixQ=this.deviceOrientationFixQ||(n=(new Q).setFromAxisAngle(new k(0,0,-1),0),r=new Q,-90===window.orientation?r.setFromAxisAngle(new k(0,1,0),Math.PI/-2):r.setFromAxisAngle(new k(0,1,0),Math.PI/2),n.multiply(r)),this.deviceOrientationFilterToWorldQ=this.deviceOrientationFilterToWorldQ||((i=new Q).setFromAxisAngle(new k(1,0,0),-Math.PI/2),i),e=this._deviceOrientationQ;var t=new Q;return t.copy(e),t.multiply(this.deviceOrientationFilterToWorldQ),t.multiply(this.resetQ),t.multiply(this.worldToScreenQ),t.multiplyQuaternions(this.deviceOrientationFixQ,t),this.yawOnly&&(t.x=0,t.z=0,t.normalize()),this.orientationOut_[0]=t.x,this.orientationOut_[1]=t.y,this.orientationOut_[2]=t.z,this.orientationOut_[3]=t.w,this.orientationOut_}var i,n,r,a=this.filter.getOrientation();e=this.posePredictor.getPrediction(a,this.gyroscope,this.previousTimestampS);var t=new Q;return t.copy(this.filterToWorldQ),t.multiply(this.resetQ),t.multiply(e),t.multiply(this.worldToScreenQ),this.yawOnly&&(t.x=0,t.z=0,t.normalize()),this.orientationOut_[0]=t.x,this.orientationOut_[1]=t.y,this.orientationOut_[2]=t.z,this.orientationOut_[3]=t.w,this.orientationOut_},ie.prototype.resetPose=function(){this.resetQ.copy(this.filter.getOrientation()),this.resetQ.x=0,this.resetQ.y=0,this.resetQ.z*=-1,this.resetQ.normalize(),g()&&this.resetQ.multiply(this.inverseWorldToScreenQ),this.resetQ.multiply(this.originalPoseAdjustQ)},ie.prototype.onDeviceOrientation_=function(e){this._deviceOrientationQ=this._deviceOrientationQ||new Q;var t=e.alpha,i=e.beta,n=e.gamma;t=(t||0)*Math.PI/180,i=(i||0)*Math.PI/180,n=(n||0)*Math.PI/180,this._deviceOrientationQ.setFromEulerYXZ(i,t,-n)},ie.prototype.onDeviceMotion_=function(e){this.updateDeviceMotion_(e)},ie.prototype.updateDeviceMotion_=function(e){var t=e.accelerationIncludingGravity,i=e.rotationRate,n=e.timeStamp/1e3,r=n-this.previousTimestampS;return r<0?L("fusion-pose-sensor:invalid:non-monotonic","Invalid timestamps detected: non-monotonic timestamp from devicemotion"):r<=.001||1h.capabilities.maxLayers)e(new Error("Invalid number of layers."));else{var i=c[0];if(i.source){var n=i.leftBounds||Ae,r=i.rightBounds||ve;if(u){var a=h.layer_;a.source!==i.source&&(a.source=i.source);for(var s=0;s<4;s++)a.leftBounds[s]=n[s],a.rightBounds[s]=r[s];return h.wrapForFullscreen(h.layer_.source),h.updatePresent_(),void t()}if(h.layer_={predistorted:i.predistorted,source:i.source,leftBounds:n.slice(0),rightBounds:r.slice(0)},h.waitingForPresent_=!1,h.layer_&&h.layer_.source){var o=h.wrapForFullscreen(h.layer_.source);h.addFullscreenListeners_(o,function(){var e=document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement;h.isPresenting=o===e,h.isPresenting?(screen.orientation&&screen.orientation.lock&&screen.orientation.lock("landscape-primary")["catch"](function(e){console.error("screen.orientation.lock() failed due to",e.message)}),h.waitingForPresent_=!1,h.beginPresent_(),t()):(screen.orientation&&screen.orientation.unlock&&screen.orientation.unlock(),h.removeFullscreenWrapper(),h.disableWakeLock(),h.endPresent_(),h.removeFullscreenListeners_()),h.fireVRDisplayPresentChange_()},function(){h.waitingForPresent_&&(h.removeFullscreenWrapper(),h.removeFullscreenListeners_(),h.disableWakeLock(),h.waitingForPresent_=!1,h.isPresenting=!1,e(new Error("Unable to present.")))}),function(e){if(d())return!1;if(e.requestFullscreen)e.requestFullscreen();else if(e.webkitRequestFullscreen)e.webkitRequestFullscreen();else if(e.mozRequestFullScreen)e.mozRequestFullScreen();else{if(!e.msRequestFullscreen)return!1;e.msRequestFullscreen()}return!0}(o)?(h.enableWakeLock(),h.waitingForPresent_=!0):(l()||d())&&(h.enableWakeLock(),h.isPresenting=!0,h.beginPresent_(),h.fireVRDisplayPresentChange_(),t())}h.waitingForPresent_||l()||(y(),e(new Error("Unable to present.")))}else t()}else e(new Error("VRDisplay is not capable of presenting."))})},Te.prototype.exitPresent=function(){var i=this.isPresenting,n=this;return this.isPresenting=!1,this.layer_=null,this.disableWakeLock(),new Promise(function(e,t){i?(!y()&&l()&&(n.endPresent_(),n.fireVRDisplayPresentChange_()),d()&&(n.removeFullscreenWrapper(),n.removeFullscreenListeners_(),n.endPresent_(),n.fireVRDisplayPresentChange_()),e()):t(new Error("Was not presenting to VRDisplay."))})},Te.prototype.getLayers=function(){return this.layer_?[this.layer_]:[]},Te.prototype.fireVRDisplayPresentChange_=function(){var e=new CustomEvent("vrdisplaypresentchange",{detail:{display:this}});window.dispatchEvent(e)},Te.prototype.fireVRDisplayConnect_=function(){var e=new CustomEvent("vrdisplayconnect",{detail:{display:this}});window.dispatchEvent(e)},Te.prototype.addFullscreenListeners_=function(e,t,i){this.removeFullscreenListeners_(),this.fullscreenEventTarget_=e,this.fullscreenChangeHandler_=t,this.fullscreenErrorHandler_=i,t&&(document.fullscreenEnabled?e.addEventListener("fullscreenchange",t,!1):document.webkitFullscreenEnabled?e.addEventListener("webkitfullscreenchange",t,!1):document.mozFullScreenEnabled?document.addEventListener("mozfullscreenchange",t,!1):document.msFullscreenEnabled&&e.addEventListener("msfullscreenchange",t,!1)),i&&(document.fullscreenEnabled?e.addEventListener("fullscreenerror",i,!1):document.webkitFullscreenEnabled?e.addEventListener("webkitfullscreenerror",i,!1):document.mozFullScreenEnabled?document.addEventListener("mozfullscreenerror",i,!1):document.msFullscreenEnabled&&e.addEventListener("msfullscreenerror",i,!1))},Te.prototype.removeFullscreenListeners_=function(){if(this.fullscreenEventTarget_){var e=this.fullscreenEventTarget_;if(this.fullscreenChangeHandler_){var t=this.fullscreenChangeHandler_;e.removeEventListener("fullscreenchange",t,!1),e.removeEventListener("webkitfullscreenchange",t,!1),document.removeEventListener("mozfullscreenchange",t,!1),e.removeEventListener("msfullscreenchange",t,!1)}if(this.fullscreenErrorHandler_){var i=this.fullscreenErrorHandler_;e.removeEventListener("fullscreenerror",i,!1),e.removeEventListener("webkitfullscreenerror",i,!1),document.removeEventListener("mozfullscreenerror",i,!1),e.removeEventListener("msfullscreenerror",i,!1)}this.fullscreenEventTarget_=null,this.fullscreenChangeHandler_=null,this.fullscreenErrorHandler_=null}},Te.prototype.enableWakeLock=function(){this.wakelock_&&this.wakelock_.enable()},Te.prototype.disableWakeLock=function(){this.wakelock_&&this.wakelock_.disable()},Te.prototype.beginPresent_=function(){},Te.prototype.endPresent_=function(){},Te.prototype.submitFrame=function(e){};var Ne={MOBILE_WAKE_LOCK:!0,DEBUG:(Te.prototype.getEyeParameters=function(e){return null},!1),DPDB_URL:"https://dpdb.webvr.rocks/dpdb.json",K_FILTER:.98,PREDICTION_TIME_S:.04,CARDBOARD_UI_DISABLED:!1,ROTATE_INSTRUCTIONS_DISABLED:!1,YAW_ONLY:!1,BUFFER_SCALE:.5,DIRTY_SUBMIT_FRAME_BINDINGS:!1},De={LEFT:"left",RIGHT:"right"};function Le(e){var t=E({},Ne);e=E(t,e||{}),Te.call(this,{wakelock:e.MOBILE_WAKE_LOCK}),this.config=e,this.displayName="Cardboard VRDisplay",this.capabilities=new Ee({hasPosition:!1,hasOrientation:!0,hasExternalDisplay:!1,canPresent:!0,maxLayers:1}),this.stageParameters=null,this.bufferScale_=this.config.BUFFER_SCALE,this.poseSensor_=new oe(this.config),this.distorter_=null,this.cardboardUI_=null,this.dpdb_=new J(this.config.DPDB_URL,this.onDeviceParamsUpdated_.bind(this)),this.deviceInfo_=new X(this.dpdb_.getDeviceParams()),this.viewerSelector_=new le,this.viewerSelector_.onChange(this.onViewerChanged_.bind(this)),this.deviceInfo_.setViewer(this.viewerSelector_.getCurrentViewer()),this.config.ROTATE_INSTRUCTIONS_DISABLED||(this.rotateInstructions_=new ce),l()&&window.addEventListener("resize",this.onResize_.bind(this))}return(Le.prototype=Object.create(Te.prototype))._getPose=function(){return{position:null,orientation:this.poseSensor_.getOrientation(),linearVelocity:null,linearAcceleration:null,angularVelocity:null,angularAcceleration:null}},Le.prototype._resetPose=function(){this.poseSensor_.resetPose&&this.poseSensor_.resetPose()},Le.prototype._getFieldOfView=function(e){var t;if(e==De.LEFT)t=this.deviceInfo_.getFieldOfViewLeftEye();else{if(e!=De.RIGHT)return console.error("Invalid eye provided: %s",e),null;t=this.deviceInfo_.getFieldOfViewRightEye()}return t},Le.prototype._getEyeOffset=function(e){var t;if(e==De.LEFT)t=[.5*-this.deviceInfo_.viewer.interLensDistance,0,0];else{if(e!=De.RIGHT)return console.error("Invalid eye provided: %s",e),null;t=[.5*this.deviceInfo_.viewer.interLensDistance,0,0]}return t},Le.prototype.getEyeParameters=function(e){var t=this._getEyeOffset(e),i=this._getFieldOfView(e),n={offset:t,renderWidth:.5*this.deviceInfo_.device.width*this.bufferScale_,renderHeight:this.deviceInfo_.device.height*this.bufferScale_};return Object.defineProperty(n,"fieldOfView",{enumerable:!0,get:function(){return b("VRFieldOfView","VRFrameData's projection matrices"),i}}),n},Le.prototype.onDeviceParamsUpdated_=function(e){this.config.DEBUG&&console.log("DPDB reported that device params were updated."),this.deviceInfo_.updateDeviceParams(e),this.distorter_&&this.distorter_.updateDeviceInfo(this.deviceInfo_)},Le.prototype.updateBounds_=function(){this.layer_&&this.distorter_&&(this.layer_.leftBounds||this.layer_.rightBounds)&&this.distorter_.setTextureBounds(this.layer_.leftBounds,this.layer_.rightBounds)},Le.prototype.beginPresent_=function(){var e=this.layer_.source.getContext("webgl");e||(e=this.layer_.source.getContext("experimental-webgl")),e||(e=this.layer_.source.getContext("webgl2")),e&&(this.layer_.predistorted?this.config.CARDBOARD_UI_DISABLED||(e.canvas.width=m()*this.bufferScale_,e.canvas.height=M()*this.bufferScale_,this.cardboardUI_=new R(e)):(this.config.CARDBOARD_UI_DISABLED||(this.cardboardUI_=new R(e)),this.distorter_=new j(e,this.cardboardUI_,this.config.BUFFER_SCALE,this.config.DIRTY_SUBMIT_FRAME_BINDINGS),this.distorter_.updateDeviceInfo(this.deviceInfo_)),this.cardboardUI_&&this.cardboardUI_.listen(function(e){this.viewerSelector_.show(this.layer_.source.parentElement),e.stopPropagation(),e.preventDefault()}.bind(this),function(e){this.exitPresent(),e.stopPropagation(),e.preventDefault()}.bind(this)),this.rotateInstructions_&&(g()&&w()?this.rotateInstructions_.showTemporarily(3e3,this.layer_.source.parentElement):this.rotateInstructions_.update()),this.orientationHandler=this.onOrientationChange_.bind(this),window.addEventListener("orientationchange",this.orientationHandler),this.vrdisplaypresentchangeHandler=this.updateBounds_.bind(this),window.addEventListener("vrdisplaypresentchange",this.vrdisplaypresentchangeHandler),this.fireVRDisplayDeviceParamsChange_())},Le.prototype.endPresent_=function(){this.distorter_&&(this.distorter_.destroy(),this.distorter_=null),this.cardboardUI_&&(this.cardboardUI_.destroy(),this.cardboardUI_=null),this.rotateInstructions_&&this.rotateInstructions_.hide(),this.viewerSelector_.hide(),window.removeEventListener("orientationchange",this.orientationHandler),window.removeEventListener("vrdisplaypresentchange",this.vrdisplaypresentchangeHandler)},Le.prototype.updatePresent_=function(){this.endPresent_(),this.beginPresent_()},Le.prototype.submitFrame=function(e){if(this.distorter_)this.updateBounds_(),this.distorter_.submitFrame();else if(this.cardboardUI_&&this.layer_){var t=this.layer_.source.getContext("webgl").canvas;t.width==this.lastWidth&&t.height==this.lastHeight||this.cardboardUI_.onResize(),this.lastWidth=t.width,this.lastHeight=t.height,this.cardboardUI_.render()}},Le.prototype.onOrientationChange_=function(e){this.viewerSelector_.hide(),this.rotateInstructions_&&this.rotateInstructions_.update(),this.onResize_()},Le.prototype.onResize_=function(e){if(this.layer_){var t=this.layer_.source.getContext("webgl");t.canvas.setAttribute("style",["position: absolute","top: 0","left: 0","width: 100vw","height: 100vh","border: 0","margin: 0","padding: 0px","box-sizing: content-box"].join("; ")+";"),T(t.canvas)}},Le.prototype.onViewerChanged_=function(e){this.deviceInfo_.setViewer(e),this.distorter_&&this.distorter_.updateDeviceInfo(this.deviceInfo_),this.fireVRDisplayDeviceParamsChange_()},Le.prototype.fireVRDisplayDeviceParamsChange_=function(){var e=new CustomEvent("vrdisplaydeviceparamschange",{detail:{vrdisplay:this,deviceInfo:this.deviceInfo_}});window.dispatchEvent(e)},Le.VRFrameData=function(){this.leftProjectionMatrix=new Float32Array(16),this.leftViewMatrix=new Float32Array(16),this.rightProjectionMatrix=new Float32Array(16),this.rightViewMatrix=new Float32Array(16),this.pose=null},Le.VRDisplay=Te,Le}()}(t={exports:{}},t.exports),(e=t.exports)&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e),o={PROVIDE_MOBILE_VRDISPLAY:!0,GET_VR_DISPLAYS_TIMEOUT:1e3,MOBILE_WAKE_LOCK:!0,DEBUG:!1,DPDB_URL:"https://dpdb.webvr.rocks/dpdb.json",K_FILTER:.98,PREDICTION_TIME_S:.04,TOUCH_PANNER_DISABLED:!0,CARDBOARD_UI_DISABLED:!1,ROTATE_INSTRUCTIONS_DISABLED:!1,YAW_ONLY:!1,BUFFER_SCALE:.5,DIRTY_SUBMIT_FRAME_BINDINGS:!1};function c(e){this.config=a(a({},o),e),this.polyfillDisplays=[],this.enabled=!1,this.hasNative="getVRDisplays"in navigator,this["native"]={},this["native"].getVRDisplays=navigator.getVRDisplays,this["native"].VRFrameData=window.VRFrameData,this["native"].VRDisplay=window.VRDisplay,(!this.hasNative||this.config.PROVIDE_MOBILE_VRDISPLAY&&n())&&(this.enable(),this.getVRDisplays().then(function(e){e&&e[0]&&e[0].fireVRDisplayConnect_&&e[0].fireVRDisplayConnect_()}))}c.prototype.getPolyfillDisplays=function(){if(this._polyfillDisplaysPopulated)return this.polyfillDisplays;if(n()){var e=new s({MOBILE_WAKE_LOCK:this.config.MOBILE_WAKE_LOCK,DEBUG:this.config.DEBUG,DPDB_URL:this.config.DPDB_URL,CARDBOARD_UI_DISABLED:this.config.CARDBOARD_UI_DISABLED,K_FILTER:this.config.K_FILTER,PREDICTION_TIME_S:this.config.PREDICTION_TIME_S,TOUCH_PANNER_DISABLED:this.config.TOUCH_PANNER_DISABLED,ROTATE_INSTRUCTIONS_DISABLED:this.config.ROTATE_INSTRUCTIONS_DISABLED,YAW_ONLY:this.config.YAW_ONLY,BUFFER_SCALE:this.config.BUFFER_SCALE,DIRTY_SUBMIT_FRAME_BINDINGS:this.config.DIRTY_SUBMIT_FRAME_BINDINGS});this.polyfillDisplays.push(e)}return this._polyfillDisplaysPopulated=!0,this.polyfillDisplays},c.prototype.enable=function(){if(this.enabled=!0,this.hasNative&&this["native"].VRFrameData){var t=this["native"].VRFrameData,i=new this["native"].VRFrameData,n=this["native"].VRDisplay.prototype.getFrameData;window.VRDisplay.prototype.getFrameData=function(e){e instanceof t?n.call(this,e):(n.call(this,i),e.pose=i.pose,r(i.leftProjectionMatrix,e.leftProjectionMatrix),r(i.rightProjectionMatrix,e.rightProjectionMatrix),r(i.leftViewMatrix,e.leftViewMatrix),r(i.rightViewMatrix,e.rightViewMatrix))}}navigator.getVRDisplays=this.getVRDisplays.bind(this),window.VRDisplay=s.VRDisplay,window.VRFrameData=s.VRFrameData},c.prototype.getVRDisplays=function(){var t,i=this,n=this.config;if(!this.hasNative)return Promise.resolve(this.getPolyfillDisplays());var r,e=this["native"].getVRDisplays.call(navigator),a=new Promise(function(e){t=setTimeout(function(){console.warn("Native WebVR implementation detected, but `getVRDisplays()` failed to resolve. Falling back to polyfill."),e([])},n.GET_VR_DISPLAYS_TIMEOUT)});return(r=[e,a],Promise.race?Promise.race(r):new Promise(function(e,t){for(var i=0;i>8&255]+r[e>>16&255]+r[e>>24&255]+"-"+r[255&t]+r[t>>8&255]+"-"+r[t>>16&15|64]+r[t>>24&255]+"-"+r[63&i|128]+r[i>>8&255]+"-"+r[i>>16&255]+r[i>>24&255]+r[255&n]+r[n>>8&255]+r[n>>16&255]+r[n>>24&255]).toUpperCase()}}(),clamp:function(e,t,i){return Math.max(t,Math.min(i,e))},euclideanModulo:function(e,t){return(e%t+t)%t},mapLinear:function(e,t,i,n,r){return n+(e-t)*(r-n)/(i-t)},lerp:function(e,t,i){return(1-i)*e+i*t},smoothstep:function(e,t,i){return e<=t?0:i<=e?1:(e=(e-t)/(i-t))*e*(3-2*e)},smootherstep:function(e,t,i){return e<=t?0:i<=e?1:(e=(e-t)/(i-t))*e*e*(e*(6*e-15)+10)},randInt:function(e,t){return e+Math.floor(Math.random()*(t-e+1))},randFloat:function(e,t){return e+Math.random()*(t-e)},randFloatSpread:function(e){return e*(.5-Math.random())},degToRad:function(e){return e*Vt.DEG2RAD},radToDeg:function(e){return e*Vt.RAD2DEG},isPowerOfTwo:function(e){return 0==(e&e-1)&&0!==e},ceilPowerOfTwo:function(e){return Math.pow(2,Math.ceil(Math.log(e)/Math.LN2))},floorPowerOfTwo:function(e){return Math.pow(2,Math.floor(Math.log(e)/Math.LN2))}};function Wt(e,t){this.x=e||0,this.y=t||0}function Xt(){this.elements=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],0Number.EPSILON){var A=Math.sqrt(y),v=Math.atan2(A,m*M);g=Math.sin(g*v)/A,s=Math.sin(s*v)/A}var w=s*M;if(o=o*g+l*w,c=c*g+d*w,u=u*g+p*w,h=h*g+f*w,g===1-s){var x=1/Math.sqrt(o*o+c*c+u*u+h*h);o*=x,c*=x,u*=x,h*=x}}e[t]=o,e[t+1]=c,e[t+2]=u,e[t+3]=h}}),Object.defineProperties(Zt.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this.onChangeCallback()}},y:{get:function(){return this._y},set:function(e){this._y=e,this.onChangeCallback()}},z:{get:function(){return this._z},set:function(e){this._z=e,this.onChangeCallback()}},w:{get:function(){return this._w},set:function(e){this._w=e,this.onChangeCallback()}}}),Object.assign(Zt.prototype,{set:function(e,t,i,n){return this._x=e,this._y=t,this._z=i,this._w=n,this.onChangeCallback(),this},clone:function(){return new this.constructor(this._x,this._y,this._z,this._w)},copy:function(e){return this._x=e.x,this._y=e.y,this._z=e.z,this._w=e.w,this.onChangeCallback(),this},setFromEuler:function(e,t){if(!e||!e.isEuler)throw new Error("THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.");var i=e._x,n=e._y,r=e._z,a=e.order,s=Math.cos,o=Math.sin,c=s(i/2),u=s(n/2),h=s(r/2),l=o(i/2),d=o(n/2),p=o(r/2);return"XYZ"===a?(this._x=l*u*h+c*d*p,this._y=c*d*h-l*u*p,this._z=c*u*p+l*d*h,this._w=c*u*h-l*d*p):"YXZ"===a?(this._x=l*u*h+c*d*p,this._y=c*d*h-l*u*p,this._z=c*u*p-l*d*h,this._w=c*u*h+l*d*p):"ZXY"===a?(this._x=l*u*h-c*d*p,this._y=c*d*h+l*u*p,this._z=c*u*p+l*d*h,this._w=c*u*h-l*d*p):"ZYX"===a?(this._x=l*u*h-c*d*p,this._y=c*d*h+l*u*p,this._z=c*u*p-l*d*h,this._w=c*u*h+l*d*p):"YZX"===a?(this._x=l*u*h+c*d*p,this._y=c*d*h+l*u*p,this._z=c*u*p-l*d*h,this._w=c*u*h-l*d*p):"XZY"===a&&(this._x=l*u*h-c*d*p,this._y=c*d*h-l*u*p,this._z=c*u*p+l*d*h,this._w=c*u*h+l*d*p),!1!==t&&this.onChangeCallback(),this},setFromAxisAngle:function(e,t){var i=t/2,n=Math.sin(i);return this._x=e.x*n,this._y=e.y*n,this._z=e.z*n,this._w=Math.cos(i),this.onChangeCallback(),this},setFromRotationMatrix:function(e){var t,i=e.elements,n=i[0],r=i[4],a=i[8],s=i[1],o=i[5],c=i[9],u=i[2],h=i[6],l=i[10],d=n+o+l;return 0Math.abs(e.z)?T.set(-e.y,e.x,0):T.set(0,-e.z,e.y)):T.crossVectors(e,t),this._x=T.x,this._y=T.y,this._z=T.z,this._w=E,this.normalize()}),inverse:function(){return this.conjugate()},conjugate:function(){return this._x*=-1,this._y*=-1,this._z*=-1,this.onChangeCallback(),this},dot:function(e){return this._x*e._x+this._y*e._y+this._z*e._z+this._w*e._w},lengthSq:function(){return this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w},length:function(){return Math.sqrt(this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w)},normalize:function(){var e=this.length();return 0===e?(this._x=0,this._y=0,this._z=0,this._w=1):(e=1/e,this._x=this._x*e,this._y=this._y*e,this._z=this._z*e,this._w=this._w*e),this.onChangeCallback(),this},multiply:function(e,t){return t!==undefined?(console.warn("THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead."),this.multiplyQuaternions(e,t)):this.multiplyQuaternions(this,e)},premultiply:function(e){return this.multiplyQuaternions(e,this)},multiplyQuaternions:function(e,t){var i=e._x,n=e._y,r=e._z,a=e._w,s=t._x,o=t._y,c=t._z,u=t._w;return this._x=i*u+a*s+n*c-r*o,this._y=n*u+a*o+r*s-i*c,this._z=r*u+a*c+i*o-n*s,this._w=a*u-i*s-n*o-r*c,this.onChangeCallback(),this},slerp:function(e,t){if(0===t)return this;if(1===t)return this.copy(e);var i=this._x,n=this._y,r=this._z,a=this._w,s=a*e._w+i*e._x+n*e._y+r*e._z;if(s<0?(this._w=-e._w,this._x=-e._x,this._y=-e._y,this._z=-e._z,s=-s):this.copy(e),1<=s)return this._w=a,this._x=i,this._y=n,this._z=r,this;var o=Math.sqrt(1-s*s);if(Math.abs(o)<.001)return this._w=.5*(a+this._w),this._x=.5*(i+this._x),this._y=.5*(n+this._y),this._z=.5*(r+this._z),this;var c=Math.atan2(o,s),u=Math.sin((1-t)*c)/o,h=Math.sin(t*c)/o;return this._w=a*u+this._w*h,this._x=i*u+this._x*h,this._y=n*u+this._y*h,this._z=r*u+this._z*h,this.onChangeCallback(),this},equals:function(e){return e._x===this._x&&e._y===this._y&&e._z===this._z&&e._w===this._w},fromArray:function(e,t){return t===undefined&&(t=0),this._x=e[t],this._y=e[t+1],this._z=e[t+2],this._w=e[t+3],this.onChangeCallback(),this},toArray:function(e,t){return e===undefined&&(e=[]),t===undefined&&(t=0),e[t]=this._x,e[t+1]=this._y,e[t+2]=this._z,e[t+3]=this._w,e},onChange:function(e){return this.onChangeCallback=e,this},onChangeCallback:function(){}}),Object.assign(qt.prototype,{isVector3:!0,set:function(e,t,i){return this.x=e,this.y=t,this.z=i,this},setScalar:function(e){return this.x=e,this.y=e,this.z=e,this},setX:function(e){return this.x=e,this},setY:function(e){return this.y=e,this},setZ:function(e){return this.z=e,this},setComponent:function(e,t){switch(e){case 0:this.x=t;break;case 1:this.y=t;break;case 2:this.z=t;break;default:throw new Error("index is out of range: "+e)}return this},getComponent:function(e){switch(e){case 0:return this.x;case 1:return this.y;case 2:return this.z;default:throw new Error("index is out of range: "+e)}},clone:function(){return new this.constructor(this.x,this.y,this.z)},copy:function(e){return this.x=e.x,this.y=e.y,this.z=e.z,this},add:function(e,t){return t!==undefined?(console.warn("THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(e,t)):(this.x+=e.x,this.y+=e.y,this.z+=e.z,this)},addScalar:function(e){return this.x+=e,this.y+=e,this.z+=e,this},addVectors:function(e,t){return this.x=e.x+t.x,this.y=e.y+t.y,this.z=e.z+t.z,this},addScaledVector:function(e,t){return this.x+=e.x*t,this.y+=e.y*t,this.z+=e.z*t,this},sub:function(e,t){return t!==undefined?(console.warn("THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(e,t)):(this.x-=e.x,this.y-=e.y,this.z-=e.z,this)},subScalar:function(e){return this.x-=e,this.y-=e,this.z-=e,this},subVectors:function(e,t){return this.x=e.x-t.x,this.y=e.y-t.y,this.z=e.z-t.z,this},multiply:function(e,t){return t!==undefined?(console.warn("THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead."),this.multiplyVectors(e,t)):(this.x*=e.x,this.y*=e.y,this.z*=e.z,this)},multiplyScalar:function(e){return this.x*=e,this.y*=e,this.z*=e,this},multiplyVectors:function(e,t){return this.x=e.x*t.x,this.y=e.y*t.y,this.z=e.z*t.z,this},applyEuler:(j=new Zt,function(e){return e&&e.isEuler||console.error("THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order."),this.applyQuaternion(j.setFromEuler(e))}),applyAxisAngle:(S=new Zt,function(e,t){return this.applyQuaternion(S.setFromAxisAngle(e,t))}),applyMatrix3:function(e){var t=this.x,i=this.y,n=this.z,r=e.elements;return this.x=r[0]*t+r[3]*i+r[6]*n,this.y=r[1]*t+r[4]*i+r[7]*n,this.z=r[2]*t+r[5]*i+r[8]*n,this},applyMatrix4:function(e){var t=this.x,i=this.y,n=this.z,r=e.elements,a=1/(r[3]*t+r[7]*i+r[11]*n+r[15]);return this.x=(r[0]*t+r[4]*i+r[8]*n+r[12])*a,this.y=(r[1]*t+r[5]*i+r[9]*n+r[13])*a,this.z=(r[2]*t+r[6]*i+r[10]*n+r[14])*a,this},applyQuaternion:function(e){var t=this.x,i=this.y,n=this.z,r=e.x,a=e.y,s=e.z,o=e.w,c=o*t+a*n-s*i,u=o*i+s*t-r*n,h=o*n+r*i-a*t,l=-r*t-a*i-s*n;return this.x=c*o+l*-r+u*-s-h*-a,this.y=u*o+l*-a+h*-r-c*-s,this.z=h*o+l*-s+c*-a-u*-r,this},project:(_=new Xt,function(e){return _.multiplyMatrices(e.projectionMatrix,_.getInverse(e.matrixWorld)),this.applyMatrix4(_)}),unproject:(I=new Xt,function(e){return I.multiplyMatrices(e.matrixWorld,I.getInverse(e.projectionMatrix)),this.applyMatrix4(I)}),transformDirection:function(e){var t=this.x,i=this.y,n=this.z,r=e.elements;return this.x=r[0]*t+r[4]*i+r[8]*n,this.y=r[1]*t+r[5]*i+r[9]*n,this.z=r[2]*t+r[6]*i+r[10]*n,this.normalize()},divide:function(e){return this.x/=e.x,this.y/=e.y,this.z/=e.z,this},divideScalar:function(e){return this.multiplyScalar(1/e)},min:function(e){return this.x=Math.min(this.x,e.x),this.y=Math.min(this.y,e.y),this.z=Math.min(this.z,e.z),this},max:function(e){return this.x=Math.max(this.x,e.x),this.y=Math.max(this.y,e.y),this.z=Math.max(this.z,e.z),this},clamp:function(e,t){return this.x=Math.max(e.x,Math.min(t.x,this.x)),this.y=Math.max(e.y,Math.min(t.y,this.y)),this.z=Math.max(e.z,Math.min(t.z,this.z)),this},clampScalar:(L=new qt,b=new qt,function(e,t){return L.set(e,e,e),b.set(t,t,t),this.clamp(L,b)}),clampLength:function(e,t){var i=this.length();return this.divideScalar(i||1).multiplyScalar(Math.max(e,Math.min(t,i)))},floor:function(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this.z=Math.floor(this.z),this},ceil:function(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this.z=Math.ceil(this.z),this},round:function(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this.z=Math.round(this.z),this},roundToZero:function(){return this.x=this.x<0?Math.ceil(this.x):Math.floor(this.x),this.y=this.y<0?Math.ceil(this.y):Math.floor(this.y),this.z=this.z<0?Math.ceil(this.z):Math.floor(this.z),this},negate:function(){return this.x=-this.x,this.y=-this.y,this.z=-this.z,this},dot:function(e){return this.x*e.x+this.y*e.y+this.z*e.z},lengthSq:function(){return this.x*this.x+this.y*this.y+this.z*this.z},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)},manhattanLength:function(){return Math.abs(this.x)+Math.abs(this.y)+Math.abs(this.z)},normalize:function(){return this.divideScalar(this.length()||1)},setLength:function(e){return this.normalize().multiplyScalar(e)},lerp:function(e,t){return this.x+=(e.x-this.x)*t,this.y+=(e.y-this.y)*t,this.z+=(e.z-this.z)*t,this},lerpVectors:function(e,t,i){return this.subVectors(t,e).multiplyScalar(i).add(e)},cross:function(e,t){return t!==undefined?(console.warn("THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead."),this.crossVectors(e,t)):this.crossVectors(this,e)},crossVectors:function(e,t){var i=e.x,n=e.y,r=e.z,a=t.x,s=t.y,o=t.z;return this.x=n*o-r*s,this.y=r*a-i*o,this.z=i*s-n*a,this},projectOnVector:function(e){var t=e.dot(this)/e.lengthSq();return this.copy(e).multiplyScalar(t)},projectOnPlane:(D=new qt,function(e){return D.copy(this).projectOnVector(e),this.sub(D)}),reflect:(N=new qt,function(e){return this.sub(N.copy(e).multiplyScalar(2*this.dot(e)))}),angleTo:function(e){var t=this.dot(e)/Math.sqrt(this.lengthSq()*e.lengthSq());return Math.acos(Vt.clamp(t,-1,1))},distanceTo:function(e){return Math.sqrt(this.distanceToSquared(e))},distanceToSquared:function(e){var t=this.x-e.x,i=this.y-e.y,n=this.z-e.z;return t*t+i*i+n*n},manhattanDistanceTo:function(e){return Math.abs(this.x-e.x)+Math.abs(this.y-e.y)+Math.abs(this.z-e.z)},setFromSpherical:function(e){var t=Math.sin(e.phi)*e.radius;return this.x=t*Math.sin(e.theta),this.y=Math.cos(e.phi)*e.radius,this.z=t*Math.cos(e.theta),this},setFromCylindrical:function(e){return this.x=e.radius*Math.sin(e.theta),this.y=e.y,this.z=e.radius*Math.cos(e.theta),this},setFromMatrixPosition:function(e){var t=e.elements;return this.x=t[12],this.y=t[13],this.z=t[14],this},setFromMatrixScale:function(e){var t=this.setFromMatrixColumn(e,0).length(),i=this.setFromMatrixColumn(e,1).length(),n=this.setFromMatrixColumn(e,2).length();return this.x=t,this.y=i,this.z=n,this},setFromMatrixColumn:function(e,t){return this.fromArray(e.elements,4*t)},equals:function(e){return e.x===this.x&&e.y===this.y&&e.z===this.z},fromArray:function(e,t){return t===undefined&&(t=0),this.x=e[t],this.y=e[t+1],this.z=e[t+2],this},toArray:function(e,t){return e===undefined&&(e=[]),t===undefined&&(t=0),e[t]=this.x,e[t+1]=this.y,e[t+2]=this.z,e},fromBufferAttribute:function(e,t,i){return i!==undefined&&console.warn("THREE.Vector3: offset has been removed from .fromBufferAttribute()."),this.x=e.getX(t),this.y=e.getY(t),this.z=e.getZ(t),this}}),Object.assign(Jt.prototype,{isMatrix3:!0,set:function(e,t,i,n,r,a,s,o,c){var u=this.elements;return u[0]=e,u[1]=n,u[2]=s,u[3]=t,u[4]=r,u[5]=o,u[6]=i,u[7]=a,u[8]=c,this},identity:function(){return this.set(1,0,0,0,1,0,0,0,1),this},clone:function(){return(new this.constructor).fromArray(this.elements)},copy:function(e){var t=this.elements,i=e.elements;return t[0]=i[0],t[1]=i[1],t[2]=i[2],t[3]=i[3],t[4]=i[4],t[5]=i[5],t[6]=i[6],t[7]=i[7],t[8]=i[8],this},setFromMatrix4:function(e){var t=e.elements;return this.set(t[0],t[4],t[8],t[1],t[5],t[9],t[2],t[6],t[10]),this},applyToBufferAttribute:(C=new qt,function(e){for(var t=0,i=e.count;tthis.max.x||e.ythis.max.y||e.zthis.max.z)},containsBox:function(e){return this.min.x<=e.min.x&&e.max.x<=this.max.x&&this.min.y<=e.min.y&&e.max.y<=this.max.y&&this.min.z<=e.min.z&&e.max.z<=this.max.z},getParameter:function(e,t){return t===undefined&&(console.warn("THREE.Box3: .getParameter() target is now required"),t=new qt),t.set((e.x-this.min.x)/(this.max.x-this.min.x),(e.y-this.min.y)/(this.max.y-this.min.y),(e.z-this.min.z)/(this.max.z-this.min.z))},intersectsBox:function(e){return!(e.max.xthis.max.x||e.max.ythis.max.y||e.max.zthis.max.z)},intersectsSphere:(ni=new qt,function(e){return this.clampPoint(e.center,ni),ni.distanceToSquared(e.center)<=e.radius*e.radius}),intersectsPlane:function(e){var t,i;return 0=e.constant},intersectsTriangle:function(){var o=new qt,c=new qt,u=new qt,i=new qt,n=new qt,r=new qt,h=new qt,a=new qt,l=new qt,s=new qt;function d(e){var t,i;for(t=0,i=e.length-3;t<=i;t+=3){h.fromArray(e,t);var n=l.x*Math.abs(h.x)+l.y*Math.abs(h.y)+l.z*Math.abs(h.z),r=o.dot(h),a=c.dot(h),s=u.dot(h);if(Math.max(-Math.max(r,a,s),Math.min(r,a,s))>n)return!1}return!0}return function(e){if(this.isEmpty())return!1;this.getCenter(a),l.subVectors(this.max,a),o.subVectors(e.a,a),c.subVectors(e.b,a),u.subVectors(e.c,a),i.subVectors(c,o),n.subVectors(u,c),r.subVectors(o,u);var t=[0,-i.z,i.y,0,-n.z,n.y,0,-r.z,r.y,i.z,0,-i.x,n.z,0,-n.x,r.z,0,-r.x,-i.y,i.x,0,-n.y,n.x,0,-r.y,r.x,0];return!!d(t)&&(!!d(t=[1,0,0,0,1,0,0,0,1])&&(s.crossVectors(i,n),d(t=[s.x,s.y,s.z])))}}(),clampPoint:function(e,t){return t===undefined&&(console.warn("THREE.Box3: .clampPoint() target is now required"),t=new qt),t.copy(e).clamp(this.min,this.max)},distanceToPoint:(ii=new qt,function(e){return ii.copy(e).clamp(this.min,this.max).sub(e).length()}),getBoundingSphere:(ti=new qt,function(e){return e===undefined&&(console.warn("THREE.Box3: .getBoundingSphere() target is now required"),e=new xi),this.getCenter(e.center),e.radius=.5*this.getSize(ti).length(),e}),intersect:function(e){return this.min.max(e.min),this.max.min(e.max),this.isEmpty()&&this.makeEmpty(),this},union:function(e){return this.min.min(e.min),this.max.max(e.max),this},applyMatrix4:(ei=[new qt,new qt,new qt,new qt,new qt,new qt,new qt,new qt],function(e){return this.isEmpty()||(ei[0].set(this.min.x,this.min.y,this.min.z).applyMatrix4(e),ei[1].set(this.min.x,this.min.y,this.max.z).applyMatrix4(e),ei[2].set(this.min.x,this.max.y,this.min.z).applyMatrix4(e),ei[3].set(this.min.x,this.max.y,this.max.z).applyMatrix4(e),ei[4].set(this.max.x,this.min.y,this.min.z).applyMatrix4(e),ei[5].set(this.max.x,this.min.y,this.max.z).applyMatrix4(e),ei[6].set(this.max.x,this.max.y,this.min.z).applyMatrix4(e),ei[7].set(this.max.x,this.max.y,this.max.z).applyMatrix4(e),this.setFromPoints(ei)),this}),translate:function(e){return this.min.add(e),this.max.add(e),this},equals:function(e){return e.min.equals(this.min)&&e.max.equals(this.max)}}),Object.assign(xi.prototype,{set:function(e,t){return this.center.copy(e),this.radius=t,this},setFromPoints:(ai=new wi,function(e,t){var i=this.center;t!==undefined?i.copy(t):ai.setFromPoints(e).getCenter(i);for(var n=0,r=0,a=e.length;rthis.radius*this.radius&&(t.sub(this.center).normalize(),t.multiplyScalar(this.radius).add(this.center)),t},getBoundingBox:function(e){return e===undefined&&(console.warn("THREE.Sphere: .getBoundingBox() target is now required"),e=new wi),e.set(this.center,this.center),e.expandByScalar(this.radius),e},applyMatrix4:function(e){return this.center.applyMatrix4(e),this.radius=this.radius*e.getMaxScaleOnAxis(),this},translate:function(e){return this.center.add(e),this},equals:function(e){return e.center.equals(this.center)&&e.radius===this.radius}}),Object.assign(Ei.prototype,{set:function(e,t){return this.normal.copy(e),this.constant=t,this},setComponents:function(e,t,i,n){return this.normal.set(e,t,i),this.constant=n,this},setFromNormalAndCoplanarPoint:function(e,t){return this.normal.copy(e),this.constant=-t.dot(this.normal),this},setFromCoplanarPoints:(ui=new qt,hi=new qt,function(e,t,i){var n=ui.subVectors(i,t).cross(hi.subVectors(e,t)).normalize();return this.setFromNormalAndCoplanarPoint(n,e),this}),clone:function(){return(new this.constructor).copy(this)},copy:function(e){return this.normal.copy(e.normal),this.constant=e.constant,this},normalize:function(){var e=1/this.normal.length();return this.normal.multiplyScalar(e),this.constant*=e,this},negate:function(){return this.constant*=-1,this.normal.negate(),this},distanceToPoint:function(e){return this.normal.dot(e)+this.constant},distanceToSphere:function(e){return this.distanceToPoint(e.center)-e.radius},projectPoint:function(e,t){return t===undefined&&(console.warn("THREE.Plane: .projectPoint() target is now required"),t=new qt),t.copy(this.normal).multiplyScalar(-this.distanceToPoint(e)).add(e)},intersectLine:(ci=new qt,function(e,t){t===undefined&&(console.warn("THREE.Plane: .intersectLine() target is now required"),t=new qt);var i=e.delta(ci),n=this.normal.dot(i);if(0===n)return 0===this.distanceToPoint(e.start)?t.copy(e.start):undefined;var r=-(e.start.dot(this.normal)+this.constant)/n;return r<0||1 0.0 ) {\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tfloat maxDistanceCutoffFactor = pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\treturn distanceFalloff * maxDistanceCutoffFactor;\n#else\n\t\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\n#endif\n\t}\n\treturn 1.0;\n}\nvec3 BRDF_Diffuse_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 specularColor, const in float dotLH ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\n\treturn ( 1.0 - specularColor ) * fresnel + specularColor;\n}\nfloat G_GGX_Smith( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gl = dotNL + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\tfloat gv = dotNV + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\treturn 1.0 / ( gl * gv );\n}\nfloat G_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}\nvec3 BRDF_Specular_GGX( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNL = saturate( dot( geometry.normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( G * 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}\nvec3 BRDF_Specular_GGX_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.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 AB = vec2( -1.04, 1.04 ) * a004 + r.zw;\n\treturn specularColor * AB.x + AB.y;\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_Specular_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\nfloat GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\n\treturn ( 2.0 / pow2( ggxRoughness + 0.0001 ) - 2.0 );\n}\nfloat BlinnExponentToGGXRoughness( const in float blinnExponent ) {\n\treturn sqrt( 2.0 / ( blinnExponent + 2.0 ) );\n}\n",bumpmap_pars_fragment:"#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 );\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif\n",clipping_planes_fragment:"#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vViewPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vViewPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\tif ( clipped ) discard;\n\t#endif\n#endif\n",clipping_planes_pars_fragment:"#if NUM_CLIPPING_PLANES > 0\n\t#if ! defined( PHYSICAL ) && ! defined( PHONG )\n\t\tvarying vec3 vViewPosition;\n\t#endif\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif\n",clipping_planes_pars_vertex:"#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvarying vec3 vViewPosition;\n#endif\n",clipping_planes_vertex:"#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n",color_fragment:"#ifdef USE_COLOR\n\tdiffuseColor.rgb *= vColor;\n#endif",color_pars_fragment:"#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif\n",color_pars_vertex:"#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif",color_vertex:"#ifdef USE_COLOR\n\tvColor.xyz = color.xyz;\n#endif",common:"#define PI 3.14159265359\n#define PI2 6.28318530718\n#define PI_HALF 1.5707963267949\n#define RECIPROCAL_PI 0.31830988618\n#define RECIPROCAL_PI2 0.15915494\n#define LOG2 1.442695\n#define EPSILON 1e-6\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#define whiteCompliment(a) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract(sin(sn) * c);\n}\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nvec3 projectOnPlane(in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\tfloat distance = dot( planeNormal, point - pointOnPlane );\n\treturn - distance * planeNormal + point;\n}\nfloat sideOfPlane( in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn sign( dot( point - pointOnPlane, planeNormal ) );\n}\nvec3 linePlaneIntersect( in vec3 pointOnLine, in vec3 lineDirection, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn lineDirection * ( dot( planeNormal, pointOnPlane - pointOnLine ) / dot( planeNormal, lineDirection ) ) + pointOnLine;\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\n",cube_uv_reflection_fragment:"#ifdef ENVMAP_TYPE_CUBE_UV\n#define cubeUV_textureSize (1024.0)\nint getFaceFromDirection(vec3 direction) {\n\tvec3 absDirection = abs(direction);\n\tint face = -1;\n\tif( absDirection.x > absDirection.z ) {\n\t\tif(absDirection.x > absDirection.y )\n\t\t\tface = direction.x > 0.0 ? 0 : 3;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\telse {\n\t\tif(absDirection.z > absDirection.y )\n\t\t\tface = direction.z > 0.0 ? 2 : 5;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\treturn face;\n}\n#define cubeUV_maxLods1 (log2(cubeUV_textureSize*0.25) - 1.0)\n#define cubeUV_rangeClamp (exp2((6.0 - 1.0) * 2.0))\nvec2 MipLevelInfo( vec3 vec, float roughnessLevel, float roughness ) {\n\tfloat scale = exp2(cubeUV_maxLods1 - roughnessLevel);\n\tfloat dxRoughness = dFdx(roughness);\n\tfloat dyRoughness = dFdy(roughness);\n\tvec3 dx = dFdx( vec * scale * dxRoughness );\n\tvec3 dy = dFdy( vec * scale * dyRoughness );\n\tfloat d = max( dot( dx, dx ), dot( dy, dy ) );\n\td = clamp(d, 1.0, cubeUV_rangeClamp);\n\tfloat mipLevel = 0.5 * log2(d);\n\treturn vec2(floor(mipLevel), fract(mipLevel));\n}\n#define cubeUV_maxLods2 (log2(cubeUV_textureSize*0.25) - 2.0)\n#define cubeUV_rcpTextureSize (1.0 / cubeUV_textureSize)\nvec2 getCubeUV(vec3 direction, float roughnessLevel, float mipLevel) {\n\tmipLevel = roughnessLevel > cubeUV_maxLods2 - 3.0 ? 0.0 : mipLevel;\n\tfloat a = 16.0 * cubeUV_rcpTextureSize;\n\tvec2 exp2_packed = exp2( vec2( roughnessLevel, mipLevel ) );\n\tvec2 rcp_exp2_packed = vec2( 1.0 ) / exp2_packed;\n\tfloat powScale = exp2_packed.x * exp2_packed.y;\n\tfloat scale = rcp_exp2_packed.x * rcp_exp2_packed.y * 0.25;\n\tfloat mipOffset = 0.75*(1.0 - rcp_exp2_packed.y) * rcp_exp2_packed.x;\n\tbool bRes = mipLevel == 0.0;\n\tscale = bRes && (scale < a) ? a : scale;\n\tvec3 r;\n\tvec2 offset;\n\tint face = getFaceFromDirection(direction);\n\tfloat rcpPowScale = 1.0 / powScale;\n\tif( face == 0) {\n\t\tr = vec3(direction.x, -direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 1) {\n\t\tr = vec3(direction.y, direction.x, direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 2) {\n\t\tr = vec3(direction.z, direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 3) {\n\t\tr = vec3(direction.x, direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse if( face == 4) {\n\t\tr = vec3(direction.y, direction.x, -direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse {\n\t\tr = vec3(direction.z, -direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\tr = normalize(r);\n\tfloat texelOffset = 0.5 * cubeUV_rcpTextureSize;\n\tvec2 s = ( r.yz / abs( r.x ) + vec2( 1.0 ) ) * 0.5;\n\tvec2 base = offset + vec2( texelOffset );\n\treturn base + s * ( scale - 2.0 * texelOffset );\n}\n#define cubeUV_maxLods3 (log2(cubeUV_textureSize*0.25) - 3.0)\nvec4 textureCubeUV(vec3 reflectedDirection, float roughness ) {\n\tfloat roughnessVal = roughness* cubeUV_maxLods3;\n\tfloat r1 = floor(roughnessVal);\n\tfloat r2 = r1 + 1.0;\n\tfloat t = fract(roughnessVal);\n\tvec2 mipInfo = MipLevelInfo(reflectedDirection, r1, roughness);\n\tfloat s = mipInfo.y;\n\tfloat level0 = mipInfo.x;\n\tfloat level1 = level0 + 1.0;\n\tlevel1 = level1 > 5.0 ? 5.0 : level1;\n\tlevel0 += min( floor( s + 0.5 ), 5.0 );\n\tvec2 uv_10 = getCubeUV(reflectedDirection, r1, level0);\n\tvec4 color10 = envMapTexelToLinear(texture2D(envMap, uv_10));\n\tvec2 uv_20 = getCubeUV(reflectedDirection, r2, level0);\n\tvec4 color20 = envMapTexelToLinear(texture2D(envMap, uv_20));\n\tvec4 result = mix(color10, color20, t);\n\treturn vec4(result.rgb, 1.0);\n}\n#endif\n",defaultnormal_vertex:"vec3 transformedNormal = normalMatrix * objectNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n",displacementmap_pars_vertex:"#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif\n",displacementmap_vertex:"#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, uv ).x * displacementScale + displacementBias );\n#endif\n",emissivemap_fragment:"#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif\n",emissivemap_pars_fragment:"#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif\n",encodings_fragment:" gl_FragColor = linearToOutputTexel( gl_FragColor );\n",encodings_pars_fragment:"\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( gammaFactor ) ), value.w );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( 1.0 / gammaFactor ) ), value.w );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.w );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.w );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.xyz * value.w * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = min( floor( D ) / 255.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = value.rgb * cLogLuvM;\n\tXp_Y_XYZp = max(Xp_Y_XYZp, vec3(1e-6, 1e-6, 1e-6));\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract(Le);\n\tvResult.z = (Le - (floor(vResult.w*255.0))/255.0)/255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2((Le - 127.0) / 2.0);\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = Xp_Y_XYZp.rgb * cLogLuvInverseM;\n\treturn vec4( max(vRGB, 0.0), 1.0 );\n}\n",envmap_fragment:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvec3 cameraToVertex = normalize( vWorldPosition - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\tvec2 sampleUV;\n\t\treflectVec = normalize( reflectVec );\n\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\tvec4 envColor = texture2D( envMap, sampleUV );\n\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\treflectVec = normalize( reflectVec );\n\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0, 0.0, 1.0 ) );\n\t\tvec4 envColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\tenvColor = envMapTexelToLinear( envColor );\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif\n",envmap_pars_fragment:"#if defined( USE_ENVMAP ) || defined( PHYSICAL )\n\tuniform float reflectivity;\n\tuniform float envMapIntensity;\n#endif\n#ifdef USE_ENVMAP\n\t#if ! defined( PHYSICAL ) && ( defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) )\n\t\tvarying vec3 vWorldPosition;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) || defined( PHYSICAL )\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif\n",envmap_pars_vertex:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif\n",envmap_vertex:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif\n",fog_vertex:"\n#ifdef USE_FOG\nfogDepth = -mvPosition.z;\n#endif",fog_pars_vertex:"#ifdef USE_FOG\n varying float fogDepth;\n#endif\n",fog_fragment:"#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = whiteCompliment( exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 ) );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, fogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif\n",fog_pars_fragment:"#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float fogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif\n",gradientmap_pars_fragment:"#ifdef TOON\n\tuniform sampler2D gradientMap;\n\tvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\t\tfloat dotNL = dot( normal, lightDirection );\n\t\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t\t#ifdef USE_GRADIENTMAP\n\t\t\treturn texture2D( gradientMap, coord ).rgb;\n\t\t#else\n\t\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t\t#endif\n\t}\n#endif\n",lightmap_fragment:"#ifdef USE_LIGHTMAP\n\treflectedLight.indirectDiffuse += PI * texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n#endif\n",lightmap_pars_fragment:"#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif",lights_lambert_vertex:"vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointDirectLightIrradiance( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotDirectLightIrradiance( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalDirectLightIrradiance( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvLightFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n#endif\n",lights_pars_begin:"uniform vec3 ambientLightColor;\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treturn irradiance;\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalDirectLightIrradiance( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tdirectLight.color = directionalLight.color;\n\t\tdirectLight.direction = directionalLight.direction;\n\t\tdirectLight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t\tfloat shadowCameraNear;\n\t\tfloat shadowCameraFar;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointDirectLightIrradiance( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tdirectLight.color = pointLight.color;\n\t\tdirectLight.color *= punctualLightIntensityToIrradianceFactor( lightDistance, pointLight.distance, pointLight.decay );\n\t\tdirectLight.visible = ( directLight.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotDirectLightIrradiance( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tfloat angleCos = dot( directLight.direction, spotLight.direction );\n\t\tif ( angleCos > spotLight.coneCos ) {\n\t\t\tfloat spotEffect = smoothstep( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\t\tdirectLight.color = spotLight.color;\n\t\t\tdirectLight.color *= spotEffect * punctualLightIntensityToIrradianceFactor( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tdirectLight.visible = true;\n\t\t} else {\n\t\t\tdirectLight.color = vec3( 0.0 );\n\t\t\tdirectLight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tirradiance *= PI;\n\t\t#endif\n\t\treturn irradiance;\n\t}\n#endif\n",lights_pars_maps:"#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\tvec3 getLightProbeIndirectIrradiance( const in GeometricContext geometry, const in int maxMIPLevel ) {\n\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\tvec4 envMapColor = textureCubeUV( queryVec, 1.0 );\n\t\t#else\n\t\t\tvec4 envMapColor = vec4( 0.0 );\n\t\t#endif\n\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t}\n\tfloat getSpecularMIPLevel( const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\tfloat maxMIPLevelScalar = float( maxMIPLevel );\n\t\tfloat desiredMIPLevel = maxMIPLevelScalar + 0.79248 - 0.5 * log2( pow2( blinnShininessExponent ) + 1.0 );\n\t\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\n\t}\n\tvec3 getLightProbeIndirectRadiance( const in GeometricContext geometry, const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( -geometry.viewDir, geometry.normal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( -geometry.viewDir, geometry.normal, refractionRatio );\n\t\t#endif\n\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\tfloat specularMIPLevel = getSpecularMIPLevel( blinnShininessExponent, maxMIPLevel );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\tvec4 envMapColor = textureCubeUV(queryReflectVec, BlinnExponentToGGXRoughness(blinnShininessExponent));\n\t\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\t\tvec2 sampleUV;\n\t\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, sampleUV, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, sampleUV, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0,0.0,1.0 ) );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#endif\n\t\treturn envMapColor.rgb * envMapIntensity;\n\t}\n#endif\n",lights_phong_fragment:"BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;\n",lights_phong_pars_fragment:"varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct BlinnPhongMaterial {\n\tvec3\tdiffuseColor;\n\tvec3\tspecularColor;\n\tfloat\tspecularShininess;\n\tfloat\tspecularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifdef TOON\n\t\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\t#else\n\t\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\t\tvec3 irradiance = dotNL * directLight.color;\n\t#endif\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_Specular_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)\n",lights_physical_fragment:"PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nmaterial.specularRoughness = clamp( roughnessFactor, 0.04, 1.0 );\n#ifdef STANDARD\n\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.clearCoat = saturate( clearCoat );\tmaterial.clearCoatRoughness = clamp( clearCoatRoughness, 0.04, 1.0 );\n#endif\n",lights_physical_pars_fragment:"struct PhysicalMaterial {\n\tvec3\tdiffuseColor;\n\tfloat\tspecularRoughness;\n\tvec3\tspecularColor;\n\t#ifndef STANDARD\n\t\tfloat clearCoat;\n\t\tfloat clearCoatRoughness;\n\t#endif\n};\n#define MAXIMUM_SPECULAR_COEFFICIENT 0.16\n#define DEFAULT_SPECULAR_COEFFICIENT 0.04\nfloat clearCoatDHRApprox( const in float roughness, const in float dotNL ) {\n\treturn DEFAULT_SPECULAR_COEFFICIENT + ( 1.0 - DEFAULT_SPECULAR_COEFFICIENT ) * ( pow( 1.0 - dotNL, 5.0 ) * pow( 1.0 - roughness, 2.0 ) );\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\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.specularRoughness;\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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\t#ifndef STANDARD\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.directSpecular += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry, material.specularColor, material.specularRoughness );\n\treflectedLight.directDiffuse += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\t#ifndef STANDARD\n\t\treflectedLight.directSpecular += irradiance * material.clearCoat * BRDF_Specular_GGX( directLight, geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 clearCoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifndef STANDARD\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\tfloat dotNL = dotNV;\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.indirectSpecular += ( 1.0 - clearCoatDHR ) * radiance * BRDF_Specular_GGX_Environment( geometry, material.specularColor, material.specularRoughness );\n\t#ifndef STANDARD\n\t\treflectedLight.indirectSpecular += clearCoatRadiance * material.clearCoat * BRDF_Specular_GGX_Environment( geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\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\n#define Material_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.specularRoughness )\n#define Material_ClearCoat_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.clearCoatRoughness )\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}\n",lights_fragment_begin:"\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = normalize( vViewPosition );\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( pointLight.shadow, directLight.visible ) ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( spotLight.shadow, directLight.visible ) ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( directionalLight.shadow, directLight.visible ) ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearCoatRadiance = vec3( 0.0 );\n#endif\n",lights_fragment_maps:"#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec3 lightMapIrradiance = texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tirradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getLightProbeIndirectRadiance( geometry, Material_BlinnShininessExponent( material ), maxMipLevel );\n\t#ifndef STANDARD\n\t\tclearCoatRadiance += getLightProbeIndirectRadiance( geometry, Material_ClearCoat_BlinnShininessExponent( material ), maxMipLevel );\n\t#endif\n#endif\n",lights_fragment_end:"#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, clearCoatRadiance, geometry, material, reflectedLight );\n#endif\n",logdepthbuf_fragment:"#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif",logdepthbuf_pars_fragment:"#ifdef USE_LOGDEPTHBUF\n\tuniform float logDepthBufFC;\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n#endif\n",logdepthbuf_pars_vertex:"#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n\tuniform float logDepthBufFC;\n#endif",logdepthbuf_vertex:"#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t#else\n\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\tgl_Position.z *= gl_Position.w;\n\t#endif\n#endif\n",map_fragment:"#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif\n",map_pars_fragment:"#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n",map_particle_fragment:"#ifdef USE_MAP\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n",map_particle_pars_fragment:"#ifdef USE_MAP\n\tuniform mat3 uvTransform;\n\tuniform sampler2D map;\n#endif\n",metalnessmap_fragment:"float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif\n",metalnessmap_pars_fragment:"#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif",morphnormal_vertex:"#ifdef USE_MORPHNORMALS\n\tobjectNormal += ( morphNormal0 - normal ) * morphTargetInfluences[ 0 ];\n\tobjectNormal += ( morphNormal1 - normal ) * morphTargetInfluences[ 1 ];\n\tobjectNormal += ( morphNormal2 - normal ) * morphTargetInfluences[ 2 ];\n\tobjectNormal += ( morphNormal3 - normal ) * morphTargetInfluences[ 3 ];\n#endif\n",morphtarget_pars_vertex:"#ifdef USE_MORPHTARGETS\n\t#ifndef USE_MORPHNORMALS\n\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif",morphtarget_vertex:"#ifdef USE_MORPHTARGETS\n\ttransformed += ( morphTarget0 - position ) * morphTargetInfluences[ 0 ];\n\ttransformed += ( morphTarget1 - position ) * morphTargetInfluences[ 1 ];\n\ttransformed += ( morphTarget2 - position ) * morphTargetInfluences[ 2 ];\n\ttransformed += ( morphTarget3 - position ) * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\ttransformed += ( morphTarget4 - position ) * morphTargetInfluences[ 4 ];\n\ttransformed += ( morphTarget5 - position ) * morphTargetInfluences[ 5 ];\n\ttransformed += ( morphTarget6 - position ) * morphTargetInfluences[ 6 ];\n\ttransformed += ( morphTarget7 - position ) * morphTargetInfluences[ 7 ];\n\t#endif\n#endif\n",normal_fragment_begin:"#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n#endif\n",normal_fragment_maps:"#ifdef USE_NORMALMAP\n\tnormal = perturbNormal2Arb( -vViewPosition, normal );\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\n#endif\n",normalmap_pars_fragment:"#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tfloat scale = sign( st1.t * st0.s - st0.t * st1.s );\t\tscale *= float( gl_FrontFacing ) * 2.0 - 1.0;\n\t\tvec3 S = normalize( ( q0 * st1.t - q1 * st0.t ) * scale );\n\t\tvec3 T = normalize( ( - q0 * st1.s + q1 * st0.s ) * scale );\n\t\tvec3 N = normalize( surf_norm );\n\t\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t\tmapN.xy = normalScale * mapN.xy;\n\t\tmat3 tsn = mat3( S, T, N );\n\t\treturn normalize( tsn * mapN );\n\t}\n#endif\n",packing:"vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn (( near + viewZ ) * far ) / (( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}\n",premultiplied_alpha_fragment:"#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif\n",project_vertex:"vec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );\ngl_Position = projectionMatrix * mvPosition;\n",dithering_fragment:"#if defined( DITHERING )\n gl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif\n",dithering_pars_fragment:"#if defined( DITHERING )\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif\n",roughnessmap_fragment:"float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif\n",roughnessmap_pars_fragment:"#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif",shadowmap_pars_fragment:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tfloat texture2DShadowLerp( sampler2D depths, vec2 size, vec2 uv, float compare ) {\n\t\tconst vec2 offset = vec2( 0.0, 1.0 );\n\t\tvec2 texelSize = vec2( 1.0 ) / size;\n\t\tvec2 centroidUV = floor( uv * size + 0.5 ) / size;\n\t\tfloat lb = texture2DCompare( depths, centroidUV + texelSize * offset.xx, compare );\n\t\tfloat lt = texture2DCompare( depths, centroidUV + texelSize * offset.xy, compare );\n\t\tfloat rb = texture2DCompare( depths, centroidUV + texelSize * offset.yx, compare );\n\t\tfloat rt = texture2DCompare( depths, centroidUV + texelSize * offset.yy, compare );\n\t\tvec2 f = fract( uv * size + 0.5 );\n\t\tfloat a = mix( lb, lt, f.y );\n\t\tfloat b = mix( rb, rt, f.y );\n\t\tfloat c = mix( a, b, f.x );\n\t\treturn c;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif\n",shadowmap_pars_vertex:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n#endif\n",shadowmap_vertex:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n#endif\n",shadowmask_pars_fragment:"float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tshadow *= bool( directionalLight.shadow ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tshadow *= bool( spotLight.shadow ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tshadow *= bool( pointLight.shadow ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#endif\n\t#endif\n\treturn shadow;\n}\n",skinbase_vertex:"#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif",skinning_pars_vertex:"#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif\n",skinning_vertex:"#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif\n",skinnormal_vertex:"#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n#endif\n",specularmap_fragment:"float specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.r;\n#else\n\tspecularStrength = 1.0;\n#endif",specularmap_pars_fragment:"#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif",tonemapping_fragment:"#if defined( TONE_MAPPING )\n gl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif\n",tonemapping_pars_fragment:"#ifndef saturate\n\t#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nuniform float toneMappingWhitePoint;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\n#define Uncharted2Helper( x ) max( ( ( x * ( 0.15 * x + 0.10 * 0.50 ) + 0.20 * 0.02 ) / ( x * ( 0.15 * x + 0.50 ) + 0.20 * 0.30 ) ) - 0.02 / 0.30, vec3( 0.0 ) )\nvec3 Uncharted2ToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( Uncharted2Helper( color ) / Uncharted2Helper( vec3( toneMappingWhitePoint ) ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\n",uv_pars_fragment:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n#endif",uv_pars_vertex:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n\tuniform mat3 uvTransform;\n#endif\n",uv_vertex:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif",uv2_pars_fragment:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif",uv2_pars_vertex:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n#endif",uv2_vertex:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = uv2;\n#endif",worldpos_vertex:"#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n\tvec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\n#endif\n",cube_frag:"uniform samplerCube tCube;\nuniform float tFlip;\nuniform float opacity;\nvarying vec3 vWorldPosition;\nvoid main() {\n\tgl_FragColor = textureCube( tCube, vec3( tFlip * vWorldPosition.x, vWorldPosition.yz ) );\n\tgl_FragColor.a *= opacity;\n}\n",cube_vert:"varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n\tgl_Position.z = gl_Position.w;\n}\n",depth_frag:"#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - gl_FragCoord.z ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( gl_FragCoord.z );\n\t#endif\n}\n",depth_vert:"#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",distanceRGBA_frag:"#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main () {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include \n\t#include \n\t#include \n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}\n",distanceRGBA_vert:"#define DISTANCE\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvWorldPosition = worldPosition.xyz;\n}\n",equirect_frag:"uniform sampler2D tEquirect;\nvarying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvec3 direction = normalize( vWorldPosition );\n\tvec2 sampleUV;\n\tsampleUV.y = asin( clamp( direction.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\tsampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;\n\tgl_FragColor = texture2D( tEquirect, sampleUV );\n}\n",equirect_vert:"varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n}\n",linedashed_frag:"uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",linedashed_vert:"uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvLineDistance = scale * lineDistance;\n\tvec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include \n\t#include \n\t#include \n}\n",meshbasic_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\treflectedLight.indirectDiffuse += texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include \n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshbasic_vert:"#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_ENVMAP\n\t#include \n\t#include \n\t#include \n\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshlambert_frag:"uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\treflectedLight.indirectDiffuse = getAmbientLightIrradiance( ambientLightColor );\n\t#include \n\treflectedLight.indirectDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshlambert_vert:"#define LAMBERT\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshphong_frag:"#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshphong_vert:"#define PHONG\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshphysical_frag:"#define PHYSICAL\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifndef STANDARD\n\tuniform float clearCoat;\n\tuniform float clearCoatRoughness;\n#endif\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshphysical_vert:"#define PHYSICAL\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n}\n",normal_frag:"#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}\n",normal_vert:"#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}\n",points_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",points_vert:"uniform float size;\nuniform float scale;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#ifdef USE_SIZEATTENUATION\n\t\tgl_PointSize = size * ( scale / - mvPosition.z );\n\t#else\n\t\tgl_PointSize = size;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",shadow_frag:"uniform vec3 color;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include \n}\n",shadow_vert:"#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"},Li={merge:function(e){for(var t={},i=0;i>16&255)/255,this.g=(e>>8&255)/255,this.b=(255&e)/255,this},setRGB:function(e,t,i){return this.r=e,this.g=t,this.b=i,this},setHSL:function(){function a(e,t,i){return i<0&&(i+=1),1t&&(t=e[i]);return t}gn.prototype=Object.assign(Object.create(p.prototype),{constructor:gn,isGeometry:!0,applyMatrix:function(e){for(var t=(new Jt).getNormalMatrix(e),i=0,n=this.vertices.length;ii.far?null:{distance:c,point:u.clone(),object:e}}function X(e,t,i,n,r,a,s,o){R.fromBufferAttribute(n,a),U.fromBufferAttribute(n,s),P.fromBufferAttribute(n,o);var c=W(e,e.material,t,i,R,U,P,H);if(c){r&&(G.fromBufferAttribute(r,a),Q.fromBufferAttribute(r,s),Y.fromBufferAttribute(r,o),c.uv=V(H,R,U,P,G,Q,Y));var u=new sn(a,s,o);vr.getNormal(R,U,P,u.normal),c.face=u,c.faceIndex=a}return c}return function(e,t){var i,n=this.geometry,r=this.material,a=this.matrixWorld;if(r!==undefined&&(null===n.boundingSphere&&n.computeBoundingSphere(),z.copy(n.boundingSphere),z.applyMatrix4(a),!1!==e.ray.intersectsSphere(z)&&(C.getInverse(a),O.copy(e.ray).applyMatrix4(C),null===n.boundingBox||!1!==O.intersectsBox(n.boundingBox))))if(n.isBufferGeometry){var s,o,c,u,h,l=n.index,d=n.attributes.position,p=n.attributes.uv;if(null!==l)for(u=0,h=l.count;u/gm,function(e,t){var i=Di[t];if(i===undefined)throw new Error("Can not resolve #include <"+t+">");return Da(i)})}function La(e){return e.replace(/#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g,function(e,t,i,n){for(var r="",a=parseInt(t);a 0 ) {","\t\tfloat fogFactor = 0.0;","\t\tif ( fogType == 1 ) {","\t\t\tfogFactor = smoothstep( fogNear, fogFar, fogDepth );","\t\t} else {","\t\t\tconst float LOG2 = 1.442695;","\t\t\tfogFactor = exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 );","\t\t\tfogFactor = 1.0 - clamp( fogFactor, 0.0, 1.0 );","\t\t}","\t\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );","\t}","}"].join("\n")),f.compileShader(t),f.compileShader(i),f.attachShader(e,t),f.attachShader(e,i),f.linkProgram(e),A=e,v={position:f.getAttribLocation(A,"position"),uv:f.getAttribLocation(A,"uv")},w={uvOffset:f.getUniformLocation(A,"uvOffset"),uvScale:f.getUniformLocation(A,"uvScale"),rotation:f.getUniformLocation(A,"rotation"),center:f.getUniformLocation(A,"center"),scale:f.getUniformLocation(A,"scale"),color:f.getUniformLocation(A,"color"),map:f.getUniformLocation(A,"map"),opacity:f.getUniformLocation(A,"opacity"),modelViewMatrix:f.getUniformLocation(A,"modelViewMatrix"),projectionMatrix:f.getUniformLocation(A,"projectionMatrix"),fogType:f.getUniformLocation(A,"fogType"),fogDensity:f.getUniformLocation(A,"fogDensity"),fogNear:f.getUniformLocation(A,"fogNear"),fogFar:f.getUniformLocation(A,"fogFar"),fogColor:f.getUniformLocation(A,"fogColor"),fogDepth:f.getUniformLocation(A,"fogDepth"),alphaTest:f.getUniformLocation(A,"alphaTest")};var a=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");a.width=8,a.height=8;var s=a.getContext("2d");s.fillStyle="white",s.fillRect(0,0,8,8),x=new os(a)}function L(e,t){return e.renderOrder!==t.renderOrder?e.renderOrder-t.renderOrder:e.z!==t.z?t.z-e.z:t.id-e.id}this.render=function(e,t,i){if(0!==e.length){A===undefined&&D(),g.useProgram(A),g.initAttributes(),g.enableAttribute(v.position),g.enableAttribute(v.uv),g.disableUnusedAttributes(),g.disable(f.CULL_FACE),g.enable(f.BLEND),f.bindBuffer(f.ARRAY_BUFFER,M),f.vertexAttribPointer(v.position,2,f.FLOAT,!1,16,0),f.vertexAttribPointer(v.uv,2,f.FLOAT,!1,16,8),f.bindBuffer(f.ELEMENT_ARRAY_BUFFER,y),f.uniformMatrix4fv(w.projectionMatrix,!1,i.projectionMatrix.elements),g.activeTexture(f.TEXTURE0),f.uniform1i(w.map,0);var n=0,r=0,a=t.fog;a?(f.uniform3f(w.fogColor,a.color.r,a.color.g,a.color.b),a.isFog?(f.uniform1f(w.fogNear,a.near),f.uniform1f(w.fogFar,a.far),f.uniform1i(w.fogType,1),r=n=1):a.isFogExp2&&(f.uniform1f(w.fogDensity,a.density),f.uniform1i(w.fogType,2),r=n=2)):(f.uniform1i(w.fogType,0),r=n=0);for(var s=0,o=e.length;st||e.height>t){if("data"in e)return void console.warn("THREE.WebGLRenderer: image in DataTexture is too big ("+e.width+"x"+e.height+").");var i=t/Math.max(e.width,e.height),n=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");return n.width=Math.floor(e.width*i),n.height=Math.floor(e.height*i),n.getContext("2d").drawImage(e,0,0,e.width,e.height,0,0,n.width,n.height),console.warn("THREE.WebGLRenderer: image is too big ("+e.width+"x"+e.height+"). Resized to "+n.width+"x"+n.height,e),n}return e}function E(e){return Vt.isPowerOfTwo(e.width)&&Vt.isPowerOfTwo(e.height)}function T(e,t){return e.generateMipmaps&&t&&e.minFilter!==ke&&e.minFilter!==Qe}function N(e,t,i,n){g.generateMipmap(e),M.get(t).__maxMipLevel=Math.log(Math.max(i,n))*Math.LOG2E}function a(e){return e===ke||e===Fe||e===Ge?g.NEAREST:g.LINEAR}function D(e){var t=e.target;t.removeEventListener("dispose",D),function(e){var t=M.get(e);if(e.image&&t.__image__webglTextureCube)g.deleteTexture(t.__image__webglTextureCube);else{if(t.__webglInit===undefined)return;g.deleteTexture(t.__webglTexture)}M.remove(e)}(t),t.isVideoTexture&&delete o[t.id],v.memory.textures--}function s(e){var t=e.target;t.removeEventListener("dispose",s),function(e){var t=M.get(e),i=M.get(e.texture);if(!e)return;i.__webglTexture!==undefined&&g.deleteTexture(i.__webglTexture);e.depthTexture&&e.depthTexture.dispose();if(e.isWebGLRenderTargetCube)for(var n=0;n<6;n++)g.deleteFramebuffer(t.__webglFramebuffer[n]),t.__webglDepthbuffer&&g.deleteRenderbuffer(t.__webglDepthbuffer[n]);else g.deleteFramebuffer(t.__webglFramebuffer),t.__webglDepthbuffer&&g.deleteRenderbuffer(t.__webglDepthbuffer);M.remove(e.texture),M.remove(e)}(t),v.memory.textures--}function c(e,t){var i,n,r,a=M.get(e);if(e.isVideoTexture&&(n=(i=e).id,r=v.render.frame,o[n]!==r&&(o[n]=r,i.update())),0=B.maxTextures&&console.warn("THREE.WebGLRenderer: Trying to use "+e+" texture units while this GPU supports only "+B.maxTextures),V+=1,e},this.setTexture2D=(he=!1,function(e,t){e&&e.isWebGLRenderTarget&&(he||(console.warn("THREE.WebGLRenderer.setTexture2D: don't use render targets as textures. Use their .texture property instead."),he=!0),e=e.texture),l.setTexture2D(e,t)}),this.setTexture=(le=!1,function(e,t){le||(console.warn("THREE.WebGLRenderer: .setTexture is deprecated, use setTexture2D instead."),le=!0),l.setTexture2D(e,t)}),this.setTextureCube=(de=!1,function(e,t){e&&e.isWebGLRenderTargetCube&&(de||(console.warn("THREE.WebGLRenderer.setTextureCube: don't use cube render targets as textures. Use their .texture property instead."),de=!0),e=e.texture),e&&e.isCubeTexture||Array.isArray(e.image)&&6===e.image.length?l.setTextureCube(e,t):l.setTextureCubeDynamic(e,t)}),this.getRenderTarget=function(){return w},this.setRenderTarget=function(e){(w=e)&&F.get(e).__webglFramebuffer===undefined&&l.setupRenderTarget(e);var t=null,i=!1;if(e){var n=F.get(e).__webglFramebuffer;e.isWebGLRenderTargetCube?(t=n[e.activeCubeFace],i=!0):t=n,E.copy(e.viewport),S.copy(e.scissor),j=e.scissorTest}else E.copy(O).multiplyScalar(X),S.copy(z).multiplyScalar(X),j=R;if(x!==t&&(P.bindFramebuffer(P.FRAMEBUFFER,t),x=t),k.viewport(E),k.scissor(S),k.setScissorTest(j),i){var r=F.get(e.texture);P.framebufferTexture2D(P.FRAMEBUFFER,P.COLOR_ATTACHMENT0,P.TEXTURE_CUBE_MAP_POSITIVE_X+e.activeCubeFace,r.__webglTexture,e.activeMipMapLevel)}},this.readRenderTargetPixels=function(e,t,i,n,r,a){if(e&&e.isWebGLRenderTarget){var s=F.get(e).__webglFramebuffer;if(s){var o=!1;s!==x&&(P.bindFramebuffer(P.FRAMEBUFFER,s),o=!0);try{var c=e.texture,u=c.format,h=c.type;if(u!==st&&A.convert(u)!==P.getParameter(P.IMPLEMENTATION_COLOR_READ_FORMAT))return void console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.");if(!(h===Ve||A.convert(h)===P.getParameter(P.IMPLEMENTATION_COLOR_READ_TYPE)||h===Ke&&(T.get("OES_texture_float")||T.get("WEBGL_color_buffer_float"))||h===$e&&T.get("EXT_color_buffer_half_float")))return void console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.");P.checkFramebufferStatus(P.FRAMEBUFFER)===P.FRAMEBUFFER_COMPLETE?0<=t&&t<=e.width-n&&0<=i&&i<=e.height-r&&P.readPixels(t,i,n,r,A.convert(u),A.convert(h),a):console.error("THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete.")}finally{o&&P.bindFramebuffer(P.FRAMEBUFFER,x)}}}else console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.")},this.copyFramebufferToTexture=function(e,t,i){var n=t.image.width,r=t.image.height,a=A.convert(t.format);this.setTexture2D(t,0),P.copyTexImage2D(P.TEXTURE_2D,i||0,a,e.x,e.y,n,r,0)},this.copyTextureToTexture=function(e,t,i,n){var r=t.image.width,a=t.image.height,s=A.convert(i.format),o=A.convert(i.type),c=t.isDataTexture?t.image.data:t.image;this.setTexture2D(i,0),P.texSubImage2D(P.TEXTURE_2D,n||0,e.x,e.y,r,a,s,o,c)}}function ms(e,t){this.name="",this.color=new Ii(e),this.density=t!==undefined?t:25e-5}function Ms(e,t,i){this.name="",this.color=new Ii(e),this.near=t!==undefined?t:1,this.far=i!==undefined?i:1e3}function ys(){nn.call(this),this.type="Scene",this.background=null,this.fog=null,this.overrideMaterial=null,this.autoUpdate=!0}function As(e){gr.call(this),this.type="SpriteMaterial",this.color=new Ii(16777215),this.map=null,this.rotation=0,this.fog=!1,this.lights=!1,this.setValues(e)}function vs(e){nn.call(this),this.type="Sprite",this.material=e!==undefined?e:new As,this.center=new Wt(.5,.5)}function ws(){nn.call(this),this.type="LOD",Object.defineProperties(this,{levels:{enumerable:!0,value:[]}})}function xs(e,t){if(e=e||[],this.bones=e.slice(0),this.boneMatrices=new Float32Array(16*this.bones.length),t===undefined)this.calculateInverses();else if(this.bones.length===t.length)this.boneInverses=t.slice(0);else{console.warn("THREE.Skeleton boneInverses is the wrong length."),this.boneInverses=[];for(var i=0,n=this.bones.length;ii)){var n=e.ray.origin.distanceTo(Ra);ne.far||t.push({distance:n,point:Ra.clone(),face:null,object:this})}}),clone:function(){return new this.constructor(this.material).copy(this)},copy:function(e){return nn.prototype.copy.call(this,e),e.center!==undefined&&this.center.copy(e.center),this}}),ws.prototype=Object.assign(Object.create(nn.prototype),{constructor:ws,copy:function(e){nn.prototype.copy.call(this,e,!1);for(var t=e.levels,i=0,n=t.length;i=t[n].distance;n++)t[n-1].object.visible=!1,t[n].object.visible=!0;for(;ne.far||t.push({distance:v,point:c.clone().applyMatrix4(this.matrixWorld),index:f,face:null,faceIndex:null,object:this}))}else for(f=0,g=d.length/3-1;fe.far||t.push({distance:v,point:c.clone().applyMatrix4(this.matrixWorld),index:f,face:null,faceIndex:null,object:this}))}else if(r.isGeometry){var y=r.vertices,A=y.length;for(f=0;fe.far||t.push({distance:v,point:c.clone().applyMatrix4(this.matrixWorld),index:f,face:null,faceIndex:null,object:this}))}}}}),clone:function(){return new this.constructor(this.geometry,this.material).copy(this)}}),Ls.prototype=Object.assign(Object.create(Ds.prototype),{constructor:Ls,isLineSegments:!0,computeLineDistances:(Za=new qt,qa=new qt,function(){var e=this.geometry;if(e.isBufferGeometry)if(null===e.index){for(var t=e.attributes.position,i=[],n=0,r=t.count;nr.far)return;a.push({distance:n,distanceToRay:Math.sqrt(i),point:u.clone(),index:t,face:null,object:s})}}}),clone:function(){return new this.constructor(this.geometry,this.material).copy(this)}}),Ss.prototype=Object.assign(Object.create(nn.prototype),{constructor:Ss,isGroup:!0}),js.prototype=Object.assign(Object.create(mi.prototype),{constructor:js,isVideoTexture:!0,update:function(){var e=this.image;e.readyState>=e.HAVE_CURRENT_DATA&&(this.needsUpdate=!0)}}),((Cs.prototype=Object.create(mi.prototype)).constructor=Cs).prototype.isCompressedTexture=!0,((Os.prototype=Object.create(mi.prototype)).constructor=Os).prototype.isDepthTexture=!0,(zs.prototype=Object.create(Bn.prototype)).constructor=zs,(Rs.prototype=Object.create(gn.prototype)).constructor=Rs,(Us.prototype=Object.create(Bn.prototype)).constructor=Us,(Ps.prototype=Object.create(gn.prototype)).constructor=Ps,(Bs.prototype=Object.create(Bn.prototype)).constructor=Bs,(ks.prototype=Object.create(gn.prototype)).constructor=ks,(Fs.prototype=Object.create(Bs.prototype)).constructor=Fs,(Gs.prototype=Object.create(gn.prototype)).constructor=Gs,(Qs.prototype=Object.create(Bs.prototype)).constructor=Qs,(Ys.prototype=Object.create(gn.prototype)).constructor=Ys,(Hs.prototype=Object.create(Bs.prototype)).constructor=Hs,(Vs.prototype=Object.create(gn.prototype)).constructor=Vs,(Ws.prototype=Object.create(Bs.prototype)).constructor=Ws,(Xs.prototype=Object.create(gn.prototype)).constructor=Xs,(Zs.prototype=Object.create(Bn.prototype)).constructor=Zs,(qs.prototype=Object.create(gn.prototype)).constructor=qs,(Js.prototype=Object.create(Bn.prototype)).constructor=Js,(Ks.prototype=Object.create(gn.prototype)).constructor=Ks,($s.prototype=Object.create(Bn.prototype)).constructor=$s;var eo=function(e,t,i){i=i||2;var n,r,a,s,o,c,u,h=t&&t.length,l=h?t[0]*i:e.length,d=to(e,0,l,i,!0),p=[];if(!d)return p;if(h&&(d=function(e,t,i,n){var r,a,s,o,c,u=[];for(r=0,a=t.length;r80*i){n=a=e[0],r=s=e[1];for(var f=i;fa.x?r.x>s.x?r.x:s.x:a.x>s.x?a.x:s.x,h=r.y>a.y?r.y>s.y?r.y:s.y:a.y>s.y?a.y:s.y,l=ho(o,c,t,i,n),d=ho(u,h,t,i,n),p=e.nextZ;p&&p.z<=d;){if(p!==e.prev&&p!==e.next&&po(r.x,r.y,a.x,a.y,s.x,s.y,p.x,p.y)&&0<=fo(p.prev,p,p.next))return!1;p=p.nextZ}for(p=e.prevZ;p&&p.z>=l;){if(p!==e.prev&&p!==e.next&&po(r.x,r.y,a.x,a.y,s.x,s.y,p.x,p.y)&&0<=fo(p.prev,p,p.next))return!1;p=p.prevZ}return!0}function so(e,t,i){var n=e;do{var r=n.prev,a=n.next.next;!go(r,a)&&mo(r,n,n.next,a)&&Mo(r,a)&&Mo(a,r)&&(t.push(r.i/i),t.push(n.i/i),t.push(a.i/i),vo(n),vo(n.next),n=e=a),n=n.next}while(n!==e);return n}function oo(e,t,i,n,r,a){var s,o,c=e;do{for(var u=c.next.next;u!==c.prev;){if(c.i!==u.i&&(o=u,(s=c).next.i!==o.i&&s.prev.i!==o.i&&!function(e,t){var i=e;do{if(i.i!==e.i&&i.next.i!==e.i&&i.i!==t.i&&i.next.i!==t.i&&mo(i,i.next,e,t))return!0;i=i.next}while(i!==e);return!1}(s,o)&&Mo(s,o)&&Mo(o,s)&&function(e,t){var i=e,n=!1,r=(e.x+t.x)/2,a=(e.y+t.y)/2;for(;i.y>a!=i.next.y>a&&i.next.y!==i.y&&r<(i.next.x-i.x)*(a-i.y)/(i.next.y-i.y)+i.x&&(n=!n),i=i.next,i!==e;);return n}(s,o))){var h=yo(c,u);return c=io(c,c.next),h=io(h,h.next),no(c,t,i,n,r,a),void no(h,t,i,n,r,a)}u=u.next}c=c.next}while(c!==e)}function co(e,t){return e.x-t.x}function uo(e,t){if(t=function(e,t){var i,n=t,r=e.x,a=e.y,s=-Infinity;do{if(a<=n.y&&a>=n.next.y&&n.next.y!==n.y){var o=n.x+(a-n.y)*(n.next.x-n.x)/(n.next.y-n.y);if(o<=r&&s=n.x&&n.x>=h&&r!==n.x&&po(ai.x)&&Mo(n,e)&&(i=n,d=c),n=n.next;return i}(e,t)){var i=yo(t,e);io(i,i.next)}}function ho(e,t,i,n,r){return(e=1431655765&((e=858993459&((e=252645135&((e=16711935&((e=32767*(e-i)*r)|e<<8))|e<<4))|e<<2))|e<<1))|(t=1431655765&((t=858993459&((t=252645135&((t=16711935&((t=32767*(t-n)*r)|t<<8))|t<<4))|t<<2))|t<<1))<<1}function lo(e){for(var t=e,i=e;t.xNumber.EPSILON){var d=Math.sqrt(h),p=Math.sqrt(c*c+u*u),f=t.x-o/d,g=t.y+s/d,m=((i.x-u/p-f)*u-(i.y+c/p-g)*c)/(s*u-o*c),M=(n=f+s*m-e.x)*n+(r=g+o*m-e.y)*r;if(M<=2)return new Wt(n,r);a=Math.sqrt(M/2)}else{var y=!1;s>Number.EPSILON?c>Number.EPSILON&&(y=!0):s<-Number.EPSILON?c<-Number.EPSILON&&(y=!0):Math.sign(o)===Math.sign(u)&&(y=!0),y?(n=-o,r=s,a=Math.sqrt(h)):(n=s,r=o,a=Math.sqrt(h/2))}return new Wt(n/a,r/a)}for(var z=[],R=0,U=T.length,P=U-1,B=R+1;RNumber.EPSILON&&(u.normalize(),r=Math.acos(Vt.clamp(s[i-1].dot(s[i]),-1,1)),o[i].applyMatrix4(h.makeRotationAxis(u,r))),c[i].crossVectors(s[i],o[i]);if(!0===t)for(r=Math.acos(Vt.clamp(o[0].dot(o[e]),-1,1)),r/=e,0n.length-2?n.length-1:a+1],h=n[a>n.length-3?n.length-1:a+2];return i.set(Ac(s,o.x,c.x,u.x,h.x),Ac(s,o.y,c.y,u.y,h.y)),i},bc.prototype.copy=function(e){hc.prototype.copy.call(this,e),this.points=[];for(var t=0,i=e.points.length;t=t){var r=i[n]-t,a=this.curves[n],s=a.getLength(),o=0===s?0:1-r/s;return a.getPointAt(o)}n++}return null},getLength:function(){var e=this.getCurveLengths();return e[e.length-1]},updateArcLengths:function(){this.needsUpdate=!0,this.cacheLengths=null,this.getCurveLengths()},getCurveLengths:function(){if(this.cacheLengths&&this.cacheLengths.length===this.curves.length)return this.cacheLengths;for(var e=[],t=0,i=0,n=this.curves.length;i>>1;et;)--a;if(++a,0!==r||a!==n){a<=r&&(r=(a=Math.max(a,1))-1);var s=this.getValueSize();this.times=$c.arraySlice(i,r,a),this.values=$c.arraySlice(this.values,r*s,a*s)}return this},validate:function(){var e=!0,t=this.getValueSize();t-Math.floor(t)!=0&&(console.error("THREE.KeyframeTrack: Invalid value size in track.",this),e=!1);var i=this.times,n=this.values,r=i.length;0===r&&(console.error("THREE.KeyframeTrack: Track is empty.",this),e=!1);for(var a=null,s=0;s!==r;s++){var o=i[s];if("number"==typeof o&&isNaN(o)){console.error("THREE.KeyframeTrack: Time is not a valid number.",this,s,o),e=!1;break}if(null!==a&&oNumber.EPSILON){if(u<0&&(s=t[a],c=-c,o=t[r],u=-u),e.yo.y)continue;if(e.y===s.y){if(e.x===s.x)return!0}else{var h=u*(e.x-s.x)-c*(e.y-s.y);if(0===h)return!0;if(h<0)continue;n=!n}}else{if(e.y!==s.y)continue;if(o.x<=e.x&&e.x<=s.x||s.x<=e.x&&e.x<=o.x)return!0}}return n}var r=xo.isClockWise,a=this.subPaths;if(0===a.length)return[];if(!0===t)return i(a);var s,o,c,u=[];if(1===a.length)return o=a[0],(c=new jc).curves=o.curves,u.push(c),u;var h=!r(a[0].getPoints());h=e?!h:h;var l,d,p=[],f=[],g=[],m=0;f[m]=undefined,g[m]=[];for(var M=0,y=a.length;Mi.parameterPositions[1]&&(this.stopFading(),0===n&&(this.enabled=!1))}}return this._effectiveWeight=t},_updateTimeScale:function(e){var t=0;if(!this.paused){t=this.timeScale;var i=this._timeScaleInterpolant;if(null!==i)t*=i.evaluate(e)[0],e>i.parameterPositions[1]&&(this.stopWarping(),0===t?this.paused=!0:this.timeScale=t)}return this._effectiveTimeScale=t},_updateTime:function(e){var t=this.time+e;if(0===e)return t;var i=this._clip.duration,n=this.loop,r=this._loopCount;if(2200===n){-1===r&&(this._loopCount=0,this._setEndings(!0,!0,!1));e:{if(i<=t)t=i;else{if(!(t<0))break e;t=0}this.clampWhenFinished?this.paused=!0:this.enabled=!1,this._mixer.dispatchEvent({type:"finished",action:this,direction:e<0?-1:1})}}else{var a=2202===n;if(-1===r&&(0<=e?(r=0,this._setEndings(!0,0===this.repetitions,a)):this._setEndings(0===this.repetitions,!0,a)),i<=t||t<0){var s=Math.floor(t/i);t-=i*s,r+=Math.abs(s);var o=this.repetitions-r;if(o<=0)this.clampWhenFinished?this.paused=!0:this.enabled=!1,t=0this.max.x||e.ythis.max.y)},containsBox:function(e){return this.min.x<=e.min.x&&e.max.x<=this.max.x&&this.min.y<=e.min.y&&e.max.y<=this.max.y},getParameter:function(e,t){return t===undefined&&(console.warn("THREE.Box2: .getParameter() target is now required"),t=new Wt),t.set((e.x-this.min.x)/(this.max.x-this.min.x),(e.y-this.min.y)/(this.max.y-this.min.y))},intersectsBox:function(e){return!(e.max.xthis.max.x||e.max.ythis.max.y)},clampPoint:function(e,t){return t===undefined&&(console.warn("THREE.Box2: .clampPoint() target is now required"),t=new Wt),t.copy(e).clamp(this.min,this.max)},distanceToPoint:(Ku=new Wt,function(e){return Ku.copy(e).clamp(this.min,this.max).sub(e).length()}),intersect:function(e){return this.min.max(e.min),this.max.min(e.max),this},union:function(e){return this.min.min(e.min),this.max.max(e.max),this},translate:function(e){return this.min.add(e),this.max.add(e),this},equals:function(e){return e.min.equals(this.min)&&e.max.equals(this.max)}}),((Ph.prototype=Object.create(nn.prototype)).constructor=Ph).prototype.isImmediateRenderObject=!0,((Bh.prototype=Object.create(Ls.prototype)).constructor=Bh).prototype.update=(eh=new qt,th=new qt,ih=new Jt,function(){var e=["a","b","c"];this.object.updateMatrixWorld(!0),ih.getNormalMatrix(this.object.matrixWorld);var t=this.object.matrixWorld,i=this.geometry.attributes.position,n=this.object.geometry;if(n&&n.isGeometry)for(var r=n.vertices,a=n.faces,s=0,o=0,c=a.length;op||8*(1-s.dot(o.object.quaternion))>p)||(o.dispatchEvent(c),a.copy(o.object.position),s.copy(o.object.quaternion),y=!1))}),this.dispose=function(){o.domElement.removeEventListener("contextmenu",H,!1),o.domElement.removeEventListener("mousedown",U,!1),o.domElement.removeEventListener("wheel",k,!1),o.domElement.removeEventListener("touchstart",G,!1),o.domElement.removeEventListener("touchend",Y,!1),o.domElement.removeEventListener("touchmove",Q,!1),document.removeEventListener("mousemove",P,!1),document.removeEventListener("mouseup",B,!1),window.removeEventListener("keydown",F,!1)};var o=this,c={type:"change"},u={type:"start"},h={type:"end"},l={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_DOLLY_PAN:4},d=l.NONE,p=1e-6,f=new Rh,g=new Rh,m=1,M=new qt,y=!1,A=new Wt,v=new Wt,w=new Wt,x=new Wt,E=new Wt,T=new Wt,N=new Wt,D=new Wt,L=new Wt;function b(){return Math.pow(.95,o.zoomSpeed)}o.rotateLeft=function(e){g.theta-=e},o.rotateUp=function(e){g.phi-=e};var I,_,S,j=(I=new qt,function(e,t){I.setFromMatrixColumn(t,0),I.multiplyScalar(-e),M.add(I)}),C=(_=new qt,function(e,t){!0===o.screenSpacePanning?_.setFromMatrixColumn(t,1):(_.setFromMatrixColumn(t,0),_.crossVectors(o.object.up,_)),_.multiplyScalar(e),M.add(_)}),O=(S=new qt,function(e,t){var i=o.domElement===document?o.domElement.body:o.domElement;if(o.object.isPerspectiveCamera){var n=o.object.position;S.copy(n).sub(o.target);var r=S.length();r*=Math.tan(o.object.fov/2*Math.PI/180),j(2*e*r/i.clientHeight,o.object.matrix),C(2*t*r/i.clientHeight,o.object.matrix)}else o.object.isOrthographicCamera?(j(e*(o.object.right-o.object.left)/o.object.zoom/i.clientWidth,o.object.matrix),C(t*(o.object.top-o.object.bottom)/o.object.zoom/i.clientHeight,o.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),o.enablePan=!1)});function z(e){o.object.isPerspectiveCamera?m/=e:o.object.isOrthographicCamera?(o.object.zoom=Math.max(o.minZoom,Math.min(o.maxZoom,o.object.zoom*e)),o.object.updateProjectionMatrix(),y=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),o.enableZoom=!1)}function R(e){o.object.isPerspectiveCamera?m*=e:o.object.isOrthographicCamera?(o.object.zoom=Math.max(o.minZoom,Math.min(o.maxZoom,o.object.zoom/e)),o.object.updateProjectionMatrix(),y=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),o.enableZoom=!1)}function U(e){if(!1!==o.enabled){switch(e.preventDefault(),e.button){case o.mouseButtons.ORBIT:if(!1===o.enableRotate)return;n=e,A.set(n.clientX,n.clientY),d=l.ROTATE;break;case o.mouseButtons.ZOOM:if(!1===o.enableZoom)return;i=e,N.set(i.clientX,i.clientY),d=l.DOLLY;break;case o.mouseButtons.PAN:if(!1===o.enablePan)return;t=e,x.set(t.clientX,t.clientY),d=l.PAN}var t,i,n;d!==l.NONE&&(document.addEventListener("mousemove",P,!1),document.addEventListener("mouseup",B,!1),o.dispatchEvent(u))}}function P(e){var t,i;if(!1!==o.enabled)switch(e.preventDefault(),d){case l.ROTATE:if(!1===o.enableRotate)return;!function(e){v.set(e.clientX,e.clientY),w.subVectors(v,A).multiplyScalar(o.rotateSpeed);var t=o.domElement===document?o.domElement.body:o.domElement;o.rotateLeft(2*Math.PI*w.x/t.clientWidth),o.rotateUp(2*Math.PI*w.y/t.clientHeight),A.copy(v),o.update()}(e);break;case l.DOLLY:if(!1===o.enableZoom)return;i=e,D.set(i.clientX,i.clientY),L.subVectors(D,N),0http://webvr.info for more info."},"web-vr-not-supported":{headline:"360 not supported on this device",type:"360_NOT_SUPPORTED",message:"Your browser does not support 360. See http://webvr.info for assistance."},"web-vr-hls-cors-not-supported":{headline:"360 HLS video not supported on this device",type:"360_NOT_SUPPORTED",message:"Your browser/device does not support HLS 360 video. See http://webvr.info for assistance."}},yl=o.getPlugin("plugin"),Al=o.getComponent("Component"),vl=function(r){function a(e,t){sl(this,a);var i=o.mergeOptions(ml,t),n=cl(this,r.call(this,e,i));return n.options_=i,n.player_=e,n.bigPlayButtonIndex_=e.children().indexOf(e.getChild("BigPlayButton"))||0,n.videojsErrorsSupport_=!!o.errors,n.videojsErrorsSupport_&&e.errors({errors:Ml}),o.browser.IE_VERSION||!ll?(n.player_.on("loadstart",function(){n.triggerError_({code:"web-vr-not-supported",dismiss:!1})}),cl(n)):(n.polyfill_=new d({ROTATE_INSTRUCTIONS_DISABLED:!0}),n.polyfill_=new d,n.handleVrDisplayActivate_=o.bind(n,n.handleVrDisplayActivate_),n.handleVrDisplayDeactivate_=o.bind(n,n.handleVrDisplayDeactivate_),n.handleResize_=o.bind(n,n.handleResize_),n.animate_=o.bind(n,n.animate_),n.setProjection(n.options_.projection),n.on(e,"loadedmetadata",n.init),n)}return ol(a,r),a.prototype.changeProjection_=function(e){(e=pl(e))||(e="NONE");var t=0,i=0,n=0;if(this.scene&&this.scene.remove(this.movieScreen),"AUTO"===e){if(this.player_.mediainfo&&this.player_.mediainfo.projection&&"AUTO"!==this.player_.mediainfo.projection){var r=pl(this.player_.mediainfo.projection);return this.changeProjection_(r)}return this.changeProjection_("NONE")}if("360"===e)this.movieGeometry=new So(256,32,32),this.movieMaterial=new mr({map:this.videoTexture,overdraw:!0,side:Z}),this.movieScreen=new wr(this.movieGeometry,this.movieMaterial),this.movieScreen.position.set(t,i,n),this.movieScreen.scale.x=-1,this.movieScreen.quaternion.setFromAxisAngle({x:0,y:1,z:0},-Math.PI/2),this.scene.add(this.movieScreen);else if("360_LR"===e||"360_TB"===e){for(var a=new _o(256,32,32),s=a.faceVertexUvs[0],o=0;oe.TEXTURE31){console.error("TEXTURE_BINDING_2D or TEXTURE_BINDING_CUBE_MAP must be followed by a valid texture unit"),r.push(null,null);break}n||(n=e.getParameter(e.ACTIVE_TEXTURE)),e.activeTexture(c),r.push(e.getParameter(o),null);break;case e.ACTIVE_TEXTURE:n=e.getParameter(e.ACTIVE_TEXTURE),r.push(null);break;default:r.push(e.getParameter(o))}for(i(e),a=0;ae.TEXTURE31)break;e.activeTexture(c),e.bindTexture(e.TEXTURE_2D,s);break;case e.TEXTURE_BINDING_CUBE_MAP:var c;if((c=t[++a])e.TEXTURE31)break;e.activeTexture(c),e.bindTexture(e.TEXTURE_CUBE_MAP,s);break;case e.VIEWPORT:e.viewport(s[0],s[1],s[2],s[3]);break;case e.BLEND:case e.CULL_FACE:case e.DEPTH_TEST:case e.SCISSOR_TEST:case e.STENCIL_TEST:s?e.enable(o):e.disable(o);break;default:console.log("No GL restore behavior for 0x"+o.toString(16))}n&&e.activeTexture(n)}}else i(e)},L=["attribute vec2 position;","attribute vec3 texCoord;","varying vec2 vTexCoord;","uniform vec4 viewportOffsetScale[2];","void main() {"," vec4 viewport = viewportOffsetScale[int(texCoord.z)];"," vTexCoord = (texCoord.xy * viewport.zw) + viewport.xy;"," gl_Position = vec4( position, 1.0, 1.0 );","}"].join("\n"),P=["precision mediump float;","uniform sampler2D diffuse;","varying vec2 vTexCoord;","void main() {"," gl_FragColor = texture2D(diffuse, vTexCoord);","}"].join("\n");function C(e,t,i,r){this.gl=e,this.cardboardUI=t,this.bufferScale=i,this.dirtySubmitFrameBindings=r,this.ctxAttribs=e.getContextAttributes(),this.instanceExt=e.getExtension("ANGLE_instanced_arrays"),this.meshWidth=20,this.meshHeight=20,this.bufferWidth=e.drawingBufferWidth,this.bufferHeight=e.drawingBufferHeight,this.realBindFramebuffer=e.bindFramebuffer,this.realEnable=e.enable,this.realDisable=e.disable,this.realColorMask=e.colorMask,this.realClearColor=e.clearColor,this.realViewport=e.viewport,s()||(this.realCanvasWidth=Object.getOwnPropertyDescriptor(e.canvas.__proto__,"width"),this.realCanvasHeight=Object.getOwnPropertyDescriptor(e.canvas.__proto__,"height")),this.isPatched=!1,this.lastBoundFramebuffer=null,this.cullFace=!1,this.depthTest=!1,this.blend=!1,this.scissorTest=!1,this.stencilTest=!1,this.viewport=[0,0,0,0],this.colorMask=[!0,!0,!0,!0],this.clearColor=[0,0,0,0],this.attribs={position:0,texCoord:1},this.program=A(e,L,P,this.attribs),this.uniforms=x(e,this.program),this.viewportOffsetScale=new Float32Array(8),this.setTextureBounds(),this.vertexBuffer=e.createBuffer(),this.indexBuffer=e.createBuffer(),this.indexCount=0,this.renderTarget=e.createTexture(),this.framebuffer=e.createFramebuffer(),this.depthStencilBuffer=null,this.depthBuffer=null,this.stencilBuffer=null,this.ctxAttribs.depth&&this.ctxAttribs.stencil?this.depthStencilBuffer=e.createRenderbuffer():this.ctxAttribs.depth?this.depthBuffer=e.createRenderbuffer():this.ctxAttribs.stencil&&(this.stencilBuffer=e.createRenderbuffer()),this.patch(),this.onResize()}C.prototype.destroy=function(){var e=this.gl;this.unpatch(),e.deleteProgram(this.program),e.deleteBuffer(this.vertexBuffer),e.deleteBuffer(this.indexBuffer),e.deleteTexture(this.renderTarget),e.deleteFramebuffer(this.framebuffer),this.depthStencilBuffer&&e.deleteRenderbuffer(this.depthStencilBuffer),this.depthBuffer&&e.deleteRenderbuffer(this.depthBuffer),this.stencilBuffer&&e.deleteRenderbuffer(this.stencilBuffer),this.cardboardUI&&this.cardboardUI.destroy()},C.prototype.onResize=function(){var e=this.gl,t=this,i=[e.RENDERBUFFER_BINDING,e.TEXTURE_BINDING_2D,e.TEXTURE0];R(e,i,(function(e){t.realBindFramebuffer.call(e,e.FRAMEBUFFER,null),t.scissorTest&&t.realDisable.call(e,e.SCISSOR_TEST),t.realColorMask.call(e,!0,!0,!0,!0),t.realViewport.call(e,0,0,e.drawingBufferWidth,e.drawingBufferHeight),t.realClearColor.call(e,0,0,0,1),e.clear(e.COLOR_BUFFER_BIT),t.realBindFramebuffer.call(e,e.FRAMEBUFFER,t.framebuffer),e.bindTexture(e.TEXTURE_2D,t.renderTarget),e.texImage2D(e.TEXTURE_2D,0,t.ctxAttribs.alpha?e.RGBA:e.RGB,t.bufferWidth,t.bufferHeight,0,t.ctxAttribs.alpha?e.RGBA:e.RGB,e.UNSIGNED_BYTE,null),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,t.renderTarget,0),t.ctxAttribs.depth&&t.ctxAttribs.stencil?(e.bindRenderbuffer(e.RENDERBUFFER,t.depthStencilBuffer),e.renderbufferStorage(e.RENDERBUFFER,e.DEPTH_STENCIL,t.bufferWidth,t.bufferHeight),e.framebufferRenderbuffer(e.FRAMEBUFFER,e.DEPTH_STENCIL_ATTACHMENT,e.RENDERBUFFER,t.depthStencilBuffer)):t.ctxAttribs.depth?(e.bindRenderbuffer(e.RENDERBUFFER,t.depthBuffer),e.renderbufferStorage(e.RENDERBUFFER,e.DEPTH_COMPONENT16,t.bufferWidth,t.bufferHeight),e.framebufferRenderbuffer(e.FRAMEBUFFER,e.DEPTH_ATTACHMENT,e.RENDERBUFFER,t.depthBuffer)):t.ctxAttribs.stencil&&(e.bindRenderbuffer(e.RENDERBUFFER,t.stencilBuffer),e.renderbufferStorage(e.RENDERBUFFER,e.STENCIL_INDEX8,t.bufferWidth,t.bufferHeight),e.framebufferRenderbuffer(e.FRAMEBUFFER,e.STENCIL_ATTACHMENT,e.RENDERBUFFER,t.stencilBuffer)),!e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE&&console.error("Framebuffer incomplete!"),t.realBindFramebuffer.call(e,e.FRAMEBUFFER,t.lastBoundFramebuffer),t.scissorTest&&t.realEnable.call(e,e.SCISSOR_TEST),t.realColorMask.apply(e,t.colorMask),t.realViewport.apply(e,t.viewport),t.realClearColor.apply(e,t.clearColor)})),this.cardboardUI&&this.cardboardUI.onResize()},C.prototype.patch=function(){if(!this.isPatched){var e=this,t=this.gl.canvas,i=this.gl;s()||(t.width=v()*this.bufferScale,t.height=g()*this.bufferScale,Object.defineProperty(t,"width",{configurable:!0,enumerable:!0,get:function(){return e.bufferWidth},set:function(i){e.bufferWidth=i,e.realCanvasWidth.set.call(t,i),e.onResize()}}),Object.defineProperty(t,"height",{configurable:!0,enumerable:!0,get:function(){return e.bufferHeight},set:function(i){e.bufferHeight=i,e.realCanvasHeight.set.call(t,i),e.onResize()}})),this.lastBoundFramebuffer=i.getParameter(i.FRAMEBUFFER_BINDING),null==this.lastBoundFramebuffer&&(this.lastBoundFramebuffer=this.framebuffer,this.gl.bindFramebuffer(i.FRAMEBUFFER,this.framebuffer)),this.gl.bindFramebuffer=function(t,r){e.lastBoundFramebuffer=r||e.framebuffer,e.realBindFramebuffer.call(i,t,e.lastBoundFramebuffer)},this.cullFace=i.getParameter(i.CULL_FACE),this.depthTest=i.getParameter(i.DEPTH_TEST),this.blend=i.getParameter(i.BLEND),this.scissorTest=i.getParameter(i.SCISSOR_TEST),this.stencilTest=i.getParameter(i.STENCIL_TEST),i.enable=function(t){switch(t){case i.CULL_FACE:e.cullFace=!0;break;case i.DEPTH_TEST:e.depthTest=!0;break;case i.BLEND:e.blend=!0;break;case i.SCISSOR_TEST:e.scissorTest=!0;break;case i.STENCIL_TEST:e.stencilTest=!0}e.realEnable.call(i,t)},i.disable=function(t){switch(t){case i.CULL_FACE:e.cullFace=!1;break;case i.DEPTH_TEST:e.depthTest=!1;break;case i.BLEND:e.blend=!1;break;case i.SCISSOR_TEST:e.scissorTest=!1;break;case i.STENCIL_TEST:e.stencilTest=!1}e.realDisable.call(i,t)},this.colorMask=i.getParameter(i.COLOR_WRITEMASK),i.colorMask=function(t,r,n,a){e.colorMask[0]=t,e.colorMask[1]=r,e.colorMask[2]=n,e.colorMask[3]=a,e.realColorMask.call(i,t,r,n,a)},this.clearColor=i.getParameter(i.COLOR_CLEAR_VALUE),i.clearColor=function(t,r,n,a){e.clearColor[0]=t,e.clearColor[1]=r,e.clearColor[2]=n,e.clearColor[3]=a,e.realClearColor.call(i,t,r,n,a)},this.viewport=i.getParameter(i.VIEWPORT),i.viewport=function(t,r,n,a){e.viewport[0]=t,e.viewport[1]=r,e.viewport[2]=n,e.viewport[3]=a,e.realViewport.call(i,t,r,n,a)},this.isPatched=!0,_(t)}},C.prototype.unpatch=function(){if(this.isPatched){var e=this.gl,t=this.gl.canvas;s()||(Object.defineProperty(t,"width",this.realCanvasWidth),Object.defineProperty(t,"height",this.realCanvasHeight)),t.width=this.bufferWidth,t.height=this.bufferHeight,e.bindFramebuffer=this.realBindFramebuffer,e.enable=this.realEnable,e.disable=this.realDisable,e.colorMask=this.realColorMask,e.clearColor=this.realClearColor,e.viewport=this.realViewport,this.lastBoundFramebuffer==this.framebuffer&&e.bindFramebuffer(e.FRAMEBUFFER,null),this.isPatched=!1,setTimeout((function(){_(t)}),1)}},C.prototype.setTextureBounds=function(e,t){e||(e=[0,0,.5,1]),t||(t=[.5,0,.5,1]),this.viewportOffsetScale[0]=e[0],this.viewportOffsetScale[1]=e[1],this.viewportOffsetScale[2]=e[2],this.viewportOffsetScale[3]=e[3],this.viewportOffsetScale[4]=t[0],this.viewportOffsetScale[5]=t[1],this.viewportOffsetScale[6]=t[2],this.viewportOffsetScale[7]=t[3]},C.prototype.submitFrame=function(){var e=this.gl,t=this,i=[];if(this.dirtySubmitFrameBindings||i.push(e.CURRENT_PROGRAM,e.ARRAY_BUFFER_BINDING,e.ELEMENT_ARRAY_BUFFER_BINDING,e.TEXTURE_BINDING_2D,e.TEXTURE0),R(e,i,(function(e){t.realBindFramebuffer.call(e,e.FRAMEBUFFER,null);var i=0,r=0;t.instanceExt&&(i=e.getVertexAttrib(t.attribs.position,t.instanceExt.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE),r=e.getVertexAttrib(t.attribs.texCoord,t.instanceExt.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE)),t.cullFace&&t.realDisable.call(e,e.CULL_FACE),t.depthTest&&t.realDisable.call(e,e.DEPTH_TEST),t.blend&&t.realDisable.call(e,e.BLEND),t.scissorTest&&t.realDisable.call(e,e.SCISSOR_TEST),t.stencilTest&&t.realDisable.call(e,e.STENCIL_TEST),t.realColorMask.call(e,!0,!0,!0,!0),t.realViewport.call(e,0,0,e.drawingBufferWidth,e.drawingBufferHeight),(t.ctxAttribs.alpha||s())&&(t.realClearColor.call(e,0,0,0,1),e.clear(e.COLOR_BUFFER_BIT)),e.useProgram(t.program),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,t.indexBuffer),e.bindBuffer(e.ARRAY_BUFFER,t.vertexBuffer),e.enableVertexAttribArray(t.attribs.position),e.enableVertexAttribArray(t.attribs.texCoord),e.vertexAttribPointer(t.attribs.position,2,e.FLOAT,!1,20,0),e.vertexAttribPointer(t.attribs.texCoord,3,e.FLOAT,!1,20,8),t.instanceExt&&(0!=i&&t.instanceExt.vertexAttribDivisorANGLE(t.attribs.position,0),0!=r&&t.instanceExt.vertexAttribDivisorANGLE(t.attribs.texCoord,0)),e.activeTexture(e.TEXTURE0),e.uniform1i(t.uniforms.diffuse,0),e.bindTexture(e.TEXTURE_2D,t.renderTarget),e.uniform4fv(t.uniforms.viewportOffsetScale,t.viewportOffsetScale),e.drawElements(e.TRIANGLES,t.indexCount,e.UNSIGNED_SHORT,0),t.cardboardUI&&t.cardboardUI.renderNoState(),t.realBindFramebuffer.call(t.gl,e.FRAMEBUFFER,t.framebuffer),t.ctxAttribs.preserveDrawingBuffer||(t.realClearColor.call(e,0,0,0,0),e.clear(e.COLOR_BUFFER_BIT)),t.dirtySubmitFrameBindings||t.realBindFramebuffer.call(e,e.FRAMEBUFFER,t.lastBoundFramebuffer),t.cullFace&&t.realEnable.call(e,e.CULL_FACE),t.depthTest&&t.realEnable.call(e,e.DEPTH_TEST),t.blend&&t.realEnable.call(e,e.BLEND),t.scissorTest&&t.realEnable.call(e,e.SCISSOR_TEST),t.stencilTest&&t.realEnable.call(e,e.STENCIL_TEST),t.realColorMask.apply(e,t.colorMask),t.realViewport.apply(e,t.viewport),!t.ctxAttribs.alpha&&t.ctxAttribs.preserveDrawingBuffer||t.realClearColor.apply(e,t.clearColor),t.instanceExt&&(0!=i&&t.instanceExt.vertexAttribDivisorANGLE(t.attribs.position,i),0!=r&&t.instanceExt.vertexAttribDivisorANGLE(t.attribs.texCoord,r))})),s()){var r=e.canvas;r.width==t.bufferWidth&&r.height==t.bufferHeight||(t.bufferWidth=r.width,t.bufferHeight=r.height,t.onResize())}},C.prototype.updateDeviceInfo=function(e){var t=this.gl,i=this,r=[t.ARRAY_BUFFER_BINDING,t.ELEMENT_ARRAY_BUFFER_BINDING];R(t,r,(function(t){var r=i.computeMeshVertices_(i.meshWidth,i.meshHeight,e);if(t.bindBuffer(t.ARRAY_BUFFER,i.vertexBuffer),t.bufferData(t.ARRAY_BUFFER,r,t.STATIC_DRAW),!i.indexCount){var n=i.computeMeshIndices_(i.meshWidth,i.meshHeight);t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,i.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,n,t.STATIC_DRAW),i.indexCount=n.length}}))},C.prototype.computeMeshVertices_=function(e,t,i){for(var r=new Float32Array(2*e*t*5),n=i.getLeftEyeVisibleTanAngles(),a=i.getLeftEyeNoLensTanAngles(),s=i.getLeftEyeVisibleScreenRect(a),c=0,h=0;h<2;h++){for(var l=0;ln-42&&r.clientXi.clientHeight-42?e(r):r.clientX<42&&r.clientY<42&&t(r)},i.addEventListener("click",this.listener,!1)},N.prototype.onResize=function(){var e=this.gl,t=this,i=[e.ARRAY_BUFFER_BINDING];R(e,i,(function(e){var i=[],r=e.drawingBufferWidth/2,n=Math.max(screen.width,screen.height)*window.devicePixelRatio,a=e.drawingBufferWidth/n*window.devicePixelRatio,o=4*a/2,s=42*a,c=28*a/2,h=14*a;function l(e,t){var n=(90-e)*O,a=Math.cos(n),o=Math.sin(n);i.push(.3125*a*c+r,.3125*o*c+c),i.push(t*a*c+r,t*o*c+c)}i.push(r-o,s),i.push(r-o,e.drawingBufferHeight),i.push(r+o,s),i.push(r+o,e.drawingBufferHeight),t.gearOffset=i.length/2;for(var u=0;u<=6;u++){var d=60*u;l(d,1),l(d+12,1),l(d+20,.75),l(d+40,.75),l(d+48,1)}function p(t,r){i.push(h+t,e.drawingBufferHeight-h-r)}t.gearVertexCount=i.length/2-t.gearOffset,t.arrowOffset=i.length/2;var f=o/Math.sin(45*O);p(0,c),p(c,0),p(c+f,f),p(f,c+f),p(f,c-f),p(0,c),p(c,2*c),p(c+f,2*c-f),p(f,c-f),p(0,c),p(f,c-o),p(28*a,c-o),p(f,c+o),p(28*a,c+o),t.arrowVertexCount=i.length/2-t.arrowOffset,e.bindBuffer(e.ARRAY_BUFFER,t.vertexBuffer),e.bufferData(e.ARRAY_BUFFER,new Float32Array(i),e.STATIC_DRAW)}))},N.prototype.render=function(){var e=this.gl,t=this,i=[e.CULL_FACE,e.DEPTH_TEST,e.BLEND,e.SCISSOR_TEST,e.STENCIL_TEST,e.COLOR_WRITEMASK,e.VIEWPORT,e.CURRENT_PROGRAM,e.ARRAY_BUFFER_BINDING];R(e,i,(function(e){e.disable(e.CULL_FACE),e.disable(e.DEPTH_TEST),e.disable(e.BLEND),e.disable(e.SCISSOR_TEST),e.disable(e.STENCIL_TEST),e.colorMask(!0,!0,!0,!0),e.viewport(0,0,e.drawingBufferWidth,e.drawingBufferHeight),t.renderNoState()}))},N.prototype.renderNoState=function(){var e,t,i,r,n,a,o,s,c,h,l=this.gl;l.useProgram(this.program),l.bindBuffer(l.ARRAY_BUFFER,this.vertexBuffer),l.enableVertexAttribArray(this.attribs.position),l.vertexAttribPointer(this.attribs.position,2,l.FLOAT,!1,8,0),l.uniform4f(this.uniforms.color,1,1,1,1),e=this.projMat,t=0,i=l.drawingBufferWidth,r=0,n=l.drawingBufferHeight,s=1/(t-i),c=1/(r-n),h=1/((a=.1)-(o=1024)),e[0]=-2*s,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=-2*c,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=2*h,e[11]=0,e[12]=(t+i)*s,e[13]=(n+r)*c,e[14]=(o+a)*h,e[15]=1,l.uniformMatrix4fv(this.uniforms.projectionMat,!1,this.projMat),l.drawArrays(l.TRIANGLE_STRIP,0,4),l.drawArrays(l.TRIANGLE_STRIP,this.gearOffset,this.gearVertexCount),l.drawArrays(l.TRIANGLE_STRIP,this.arrowOffset,this.arrowVertexCount)},B.prototype.distortInverse=function(e){for(var t=0,i=1,r=e-this.distort(t);Math.abs(i-t)>1e-4;){var n=e-this.distort(i),a=i-n*((i-t)/(n-r));t=i,i=a,r=n}return i},B.prototype.distort=function(e){for(var t=e*e,i=0,r=0;r=1)return this.w=a,this.x=i,this.y=r,this.z=n,this;var s=Math.acos(o),c=Math.sqrt(1-o*o);if(Math.abs(c)<.001)return this.w=.5*(a+this.w),this.x=.5*(i+this.x),this.y=.5*(r+this.y),this.z=.5*(n+this.z),this;var h=Math.sin((1-t)*s)/c,l=Math.sin(t*s)/c;return this.w=a*h+this.w*l,this.x=i*h+this.x*l,this.y=r*h+this.y*l,this.z=n*h+this.z*l,this},setFromUnitVectors:function(e,t){return void 0===G&&(G=new z),(V=e.dot(t)+1)<1e-6?(V=0,Math.abs(e.x)>Math.abs(e.z)?G.set(-e.y,e.x,0):G.set(0,-e.z,e.y)):G.crossVectors(e,t),this.x=G.x,this.y=G.y,this.z=G.z,this.w=V,this.normalize(),this}};var j=new k({widthMeters:.11,heightMeters:.062,bevelMeters:.004}),W=new k({widthMeters:.1038,heightMeters:.0584,bevelMeters:.004}),X={CardboardV1:new q({id:"CardboardV1",label:"Cardboard I/O 2014",fov:40,interLensDistance:.06,baselineLensDistance:.035,screenLensDistance:.042,distortionCoefficients:[.441,.156],inverseCoefficients:[-.4410035,.42756155,-.4804439,.5460139,-.58821183,.5733938,-.48303202,.33299083,-.17573841,.0651772,-.01488963,.001559834]}),CardboardV2:new q({id:"CardboardV2",label:"Cardboard I/O 2015",fov:60,interLensDistance:.064,baselineLensDistance:.035,screenLensDistance:.039,distortionCoefficients:[.34,.55],inverseCoefficients:[-.33836704,-.18162185,.862655,-1.2462051,1.0560602,-.58208317,.21609078,-.05444823,.009177956,-.0009904169,6183535e-11,-16981803e-13]})};function Y(e,t){this.viewer=X.CardboardV2,this.updateDeviceParams(e),this.distortion=new B(this.viewer.distortionCoefficients);for(var i=0;i=200&&i.status<=299?(r.dpdb=JSON.parse(i.response),r.recalculateDeviceParams_()):console.error("Error loading online DPDB!")})),i.send()}}function J(e){this.xdpi=e.xdpi,this.ydpi=e.ydpi,this.bevelMm=e.bevelMm}function K(e,t){this.set(e,t)}function $(e,t){this.kFilter=e,this.isDebug=t,this.currentAccelMeasurement=new K,this.currentGyroMeasurement=new K,this.previousGyroMeasurement=new K,s()?this.filterQ=new H(-1,0,0,1):this.filterQ=new H(1,0,0,1),this.previousFilterQ=new H,this.previousFilterQ.copy(this.filterQ),this.accelQ=new H,this.isOrientationInitialized=!1,this.estimatedGravity=new z,this.measuredGravity=new z,this.gyroIntegralQ=new H}function ee(e,t){this.predictionTimeS=e,this.isDebug=t,this.previousQ=new H,this.previousTimestampS=null,this.deltaQ=new H,this.outQ=new H}function te(e,t,i,r){this.yawOnly=i,this.accelerometer=new z,this.gyroscope=new z,this.filter=new $(e,r),this.posePredictor=new ee(t,r),this.isFirefoxAndroid=l(),this.isIOS=s();var n=u();this.isDeviceMotionInRadians=!this.isIOS&&n&&n<66,this.isWithoutDeviceMotion=p()||d(),this.filterToWorldQ=new H,s()?this.filterToWorldQ.setFromAxisAngle(new z(1,0,0),Math.PI/2):this.filterToWorldQ.setFromAxisAngle(new z(1,0,0),-Math.PI/2),this.inverseWorldToScreenQ=new H,this.worldToScreenQ=new H,this.originalPoseAdjustQ=new H,this.originalPoseAdjustQ.setFromAxisAngle(new z(0,0,1),-window.orientation*Math.PI/180),this.setScreenTransform_(),m()&&this.filterToWorldQ.multiply(this.inverseWorldToScreenQ),this.resetQ=new H,this.orientationOut_=new Float32Array(4),this.start()}Z.prototype.getDeviceParams=function(){return this.deviceParams},Z.prototype.recalculateDeviceParams_=function(){var e=this.calcDeviceParams_();e?(this.deviceParams=e,this.onDeviceParamsUpdated&&this.onDeviceParamsUpdated(this.deviceParams)):console.error("Failed to recalculate device parameters.")},Z.prototype.calcDeviceParams_=function(){var e=this.dpdb;if(!e)return console.error("DPDB not available."),null;if(1!=e.format)return console.error("DPDB has unexpected format version."),null;if(!e.devices||!e.devices.length)return console.error("DPDB does not have a devices section."),null;var t=navigator.userAgent||navigator.vendor||window.opera,i=v(),r=g();if(!e.devices)return console.error("DPDB has no devices section."),null;for(var n=0;n1||this.run_(),this.previousGyroMeasurement.copy(this.currentGyroMeasurement)},$.prototype.run_=function(){if(!this.isOrientationInitialized)return this.accelQ=this.accelToQuaternion_(this.currentAccelMeasurement.sample),this.previousFilterQ.copy(this.accelQ),void(this.isOrientationInitialized=!0);var e=this.currentGyroMeasurement.timestampS-this.previousGyroMeasurement.timestampS,t=this.gyroToQuaternionDelta_(this.currentGyroMeasurement.sample,e);this.gyroIntegralQ.multiply(t),this.filterQ.copy(this.previousFilterQ),this.filterQ.multiply(t);var i=new H;i.copy(this.filterQ),i.inverse(),this.estimatedGravity.set(0,0,-1),this.estimatedGravity.applyQuaternion(i),this.estimatedGravity.normalize(),this.measuredGravity.copy(this.currentAccelMeasurement.sample),this.measuredGravity.normalize();var r,n=new H;n.setFromUnitVectors(this.estimatedGravity,this.measuredGravity),n.inverse(),this.isDebug&&console.log("Delta: %d deg, G_est: (%s, %s, %s), G_meas: (%s, %s, %s)",U*((r=n).w>1?(console.warn("getQuaternionAngle: w > 1"),0):2*Math.acos(r.w)),this.estimatedGravity.x.toFixed(1),this.estimatedGravity.y.toFixed(1),this.estimatedGravity.z.toFixed(1),this.measuredGravity.x.toFixed(1),this.measuredGravity.y.toFixed(1),this.measuredGravity.z.toFixed(1));var a=new H;a.copy(this.filterQ),a.multiply(n),this.filterQ.slerp(a,1-this.kFilter),this.previousFilterQ.copy(this.filterQ)},$.prototype.getOrientation=function(){return this.filterQ},$.prototype.accelToQuaternion_=function(e){var t=new z;t.copy(e),t.normalize();var i=new H;return i.setFromUnitVectors(new z(0,0,-1),t),i.inverse(),i},$.prototype.gyroToQuaternionDelta_=function(e,t){var i=new H,r=new z;return r.copy(e),r.normalize(),i.setFromAxisAngle(r,e.length()*t),i},ee.prototype.getPrediction=function(e,t,i){if(!this.previousTimestampS)return this.previousQ.copy(e),this.previousTimestampS=i,e;var r=new z;r.copy(t),r.normalize();var n=t.length();if(n<20*F)return this.isDebug&&console.log("Moving slowly, at %s deg/s: no prediction",(U*n).toFixed(1)),this.outQ.copy(e),this.previousQ.copy(e),this.outQ;var a=n*this.predictionTimeS;return this.deltaQ.setFromAxisAngle(r,a),this.outQ.copy(this.previousQ),this.outQ.multiply(this.deltaQ),this.previousQ.copy(e),this.previousTimestampS=i,this.outQ},te.prototype.getPosition=function(){return null},te.prototype.getOrientation=function(){var e=void 0;if(this.isWithoutDeviceMotion&&this._deviceOrientationQ)return this.deviceOrientationFixQ=this.deviceOrientationFixQ||(i=(new H).setFromAxisAngle(new z(0,0,-1),0),r=new H,-90===window.orientation?r.setFromAxisAngle(new z(0,1,0),Math.PI/-2):r.setFromAxisAngle(new z(0,1,0),Math.PI/2),i.multiply(r)),this.deviceOrientationFilterToWorldQ=this.deviceOrientationFilterToWorldQ||((t=new H).setFromAxisAngle(new z(1,0,0),-Math.PI/2),t),e=this._deviceOrientationQ,(n=new H).copy(e),n.multiply(this.deviceOrientationFilterToWorldQ),n.multiply(this.resetQ),n.multiply(this.worldToScreenQ),n.multiplyQuaternions(this.deviceOrientationFixQ,n),this.yawOnly&&(n.x=0,n.z=0,n.normalize()),this.orientationOut_[0]=n.x,this.orientationOut_[1]=n.y,this.orientationOut_[2]=n.z,this.orientationOut_[3]=n.w,this.orientationOut_;var t,i,r,n,a=this.filter.getOrientation();return e=this.posePredictor.getPrediction(a,this.gyroscope,this.previousTimestampS),(n=new H).copy(this.filterToWorldQ),n.multiply(this.resetQ),n.multiply(e),n.multiply(this.worldToScreenQ),this.yawOnly&&(n.x=0,n.z=0,n.normalize()),this.orientationOut_[0]=n.x,this.orientationOut_[1]=n.y,this.orientationOut_[2]=n.z,this.orientationOut_[3]=n.w,this.orientationOut_},te.prototype.resetPose=function(){this.resetQ.copy(this.filter.getOrientation()),this.resetQ.x=0,this.resetQ.y=0,this.resetQ.z*=-1,this.resetQ.normalize(),m()&&this.resetQ.multiply(this.inverseWorldToScreenQ),this.resetQ.multiply(this.originalPoseAdjustQ)},te.prototype.onDeviceOrientation_=function(e){this._deviceOrientationQ=this._deviceOrientationQ||new H;var t=e.alpha,i=e.beta,r=e.gamma;t=(t||0)*Math.PI/180,i=(i||0)*Math.PI/180,r=(r||0)*Math.PI/180,this._deviceOrientationQ.setFromEulerYXZ(i,t,-r)},te.prototype.onDeviceMotion_=function(e){this.updateDeviceMotion_(e)},te.prototype.updateDeviceMotion_=function(e){var t=e.accelerationIncludingGravity,i=e.rotationRate,r=e.timeStamp/1e3,n=r-this.previousTimestampS;return n<0?(T("fusion-pose-sensor:invalid:non-monotonic","Invalid timestamps detected: non-monotonic timestamp from devicemotion"),void(this.previousTimestampS=r)):n<=.001||n>1?(T("fusion-pose-sensor:invalid:outside-threshold","Invalid timestamps detected: Timestamp from devicemotion outside expected range."),void(this.previousTimestampS=r)):(this.accelerometer.set(-t.x,-t.y,-t.z),i&&(f()?this.gyroscope.set(-i.beta,i.alpha,i.gamma):this.gyroscope.set(i.alpha,i.beta,i.gamma),this.isDeviceMotionInRadians||this.gyroscope.multiplyScalar(Math.PI/180),this.filter.addGyroMeasurement(this.gyroscope,r)),this.filter.addAccelMeasurement(this.accelerometer,r),void(this.previousTimestampS=r))},te.prototype.onOrientationChange_=function(e){this.setScreenTransform_()},te.prototype.onMessage_=function(e){var t=e.data;t&&t.type&&"devicemotion"===t.type.toLowerCase()&&this.updateDeviceMotion_(t.deviceMotionEvent)},te.prototype.setScreenTransform_=function(){switch(this.worldToScreenQ.set(0,0,0,1),window.orientation){case 0:break;case 90:this.worldToScreenQ.setFromAxisAngle(new z(0,0,1),-Math.PI/2);break;case-90:this.worldToScreenQ.setFromAxisAngle(new z(0,0,1),Math.PI/2)}this.inverseWorldToScreenQ.copy(this.worldToScreenQ),this.inverseWorldToScreenQ.inverse()},te.prototype.start=function(){var e,t,i;this.onDeviceMotionCallback_=this.onDeviceMotion_.bind(this),this.onOrientationChangeCallback_=this.onOrientationChange_.bind(this),this.onMessageCallback_=this.onMessage_.bind(this),this.onDeviceOrientationCallback_=this.onDeviceOrientation_.bind(this),s()&&(e=window.self!==window.top,t=M(document.referrer),i=M(window.location.href),e&&t!==i)&&window.addEventListener("message",this.onMessageCallback_),window.addEventListener("orientationchange",this.onOrientationChangeCallback_),this.isWithoutDeviceMotion?window.addEventListener("deviceorientation",this.onDeviceOrientationCallback_):window.addEventListener("devicemotion",this.onDeviceMotionCallback_)},te.prototype.stop=function(){window.removeEventListener("devicemotion",this.onDeviceMotionCallback_),window.removeEventListener("deviceorientation",this.onDeviceOrientationCallback_),window.removeEventListener("orientationchange",this.onOrientationChangeCallback_),window.removeEventListener("message",this.onMessageCallback_)};var ie=new z(1,0,0),re=new z(0,0,1),ne=new H;ne.setFromAxisAngle(ie,-Math.PI/2),ne.multiply((new H).setFromAxisAngle(re,Math.PI/2));var ae=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.config=t,this.sensor=null,this.fusionSensor=null,this._out=new Float32Array(4),this.api=null,this.errors=[],this._sensorQ=new H,this._outQ=new H,this._onSensorRead=this._onSensorRead.bind(this),this._onSensorError=this._onSensorError.bind(this),this.init()}return n(e,[{key:"init",value:function(){var e=null;try{(e=new RelativeOrientationSensor({frequency:60,referenceFrame:"screen"})).addEventListener("error",this._onSensorError)}catch(e){this.errors.push(e),"SecurityError"===e.name?(console.error("Cannot construct sensors due to the Feature Policy"),console.warn('Attempting to fall back using "devicemotion"; however this will fail in the future without correct permissions.'),this.useDeviceMotion()):"ReferenceError"===e.name?this.useDeviceMotion():console.error(e)}e&&(this.api="sensor",this.sensor=e,this.sensor.addEventListener("reading",this._onSensorRead),this.sensor.start())}},{key:"useDeviceMotion",value:function(){this.api="devicemotion",this.fusionSensor=new te(this.config.K_FILTER,this.config.PREDICTION_TIME_S,this.config.YAW_ONLY,this.config.DEBUG),this.sensor&&(this.sensor.removeEventListener("reading",this._onSensorRead),this.sensor.removeEventListener("error",this._onSensorError),this.sensor=null)}},{key:"getOrientation",value:function(){if(this.fusionSensor)return this.fusionSensor.getOrientation();if(!this.sensor||!this.sensor.quaternion)return this._out[0]=this._out[1]=this._out[2]=0,this._out[3]=1,this._out;var e=this.sensor.quaternion;this._sensorQ.set(e[0],e[1],e[2],e[3]);var t=this._outQ;return t.copy(ne),t.multiply(this._sensorQ),this.config.YAW_ONLY&&(t.x=t.z=0,t.normalize()),this._out[0]=t.x,this._out[1]=t.y,this._out[2]=t.z,this._out[3]=t.w,this._out}},{key:"_onSensorError",value:function(e){this.errors.push(e.error),"NotAllowedError"===e.error.name?console.error("Permission to access sensor was denied"):"NotReadableError"===e.error.name?console.error("Sensor could not be read"):console.error(e.error),this.useDeviceMotion()}},{key:"_onSensorRead",value:function(){}}]),e}();function oe(){this.loadIcon_();var e=document.createElement("div");(a=e.style).position="fixed",a.top=0,a.right=0,a.bottom=0,a.left=0,a.backgroundColor="gray",a.fontFamily="sans-serif",a.zIndex=1e6;var t=document.createElement("img");t.src=this.icon,(a=t.style).marginLeft="25%",a.marginTop="25%",a.width="50%",e.appendChild(t);var i=document.createElement("div");(a=i.style).textAlign="center",a.fontSize="16px",a.lineHeight="24px",a.margin="24px 25%",a.width="50%",i.innerHTML="Place your phone into your Cardboard viewer.",e.appendChild(i);var r=document.createElement("div");(a=r.style).backgroundColor="#CFD8DC",a.position="fixed",a.bottom=0,a.width="100%",a.height="48px",a.padding="14px 24px",a.boxSizing="border-box",a.color="#656A6B",e.appendChild(r);var n=document.createElement("div");n.style.float="left",n.innerHTML="No Cardboard viewer?";var a,o=document.createElement("a");o.href="https://www.google.com/get/cardboard/get-cardboard/",o.innerHTML="get one",o.target="_blank",(a=o.style).float="right",a.fontWeight=600,a.textTransform="uppercase",a.borderLeft="1px solid gray",a.paddingLeft="24px",a.textDecoration="none",a.color="#656A6B",r.appendChild(n),r.appendChild(o),this.overlay=e,this.text=i,this.hide()}function se(e){try{this.selectedKey=localStorage.getItem("WEBVR_CARDBOARD_VIEWER")}catch(e){console.error("Failed to load viewer profile: %s",e)}this.selectedKey||(this.selectedKey=e||"CardboardV1"),this.dialog=this.createDialog_(Y.Viewers),this.root=null,this.onChangeCallbacks_=[]}oe.prototype.show=function(e){e||this.overlay.parentElement?e&&(this.overlay.parentElement&&this.overlay.parentElement!=e&&this.overlay.parentElement.removeChild(this.overlay),e.appendChild(this.overlay)):document.body.appendChild(this.overlay),this.overlay.style.display="block";var t=this.overlay.querySelector("img").style;m()?(t.width="20%",t.marginLeft="40%",t.marginTop="3%"):(t.width="50%",t.marginLeft="25%",t.marginTop="25%")},oe.prototype.hide=function(){this.overlay.style.display="none"},oe.prototype.showTemporarily=function(e,t){this.show(t),this.timer=setTimeout(this.hide.bind(this),e)},oe.prototype.disableShowTemporarily=function(){clearTimeout(this.timer)},oe.prototype.update=function(){this.disableShowTemporarily(),!m()&&w()?this.show():this.hide()},oe.prototype.loadIcon_=function(){this.icon="data:image/svg+xml,"+encodeURIComponent("")},se.prototype.show=function(e){this.root=e,e.appendChild(this.dialog),this.dialog.querySelector("#"+this.selectedKey).checked=!0,this.dialog.style.display="block"},se.prototype.hide=function(){this.root&&this.root.contains(this.dialog)&&this.root.removeChild(this.dialog),this.dialog.style.display="none"},se.prototype.getCurrentViewer=function(){return Y.Viewers[this.selectedKey]},se.prototype.getSelectedKey_=function(){var e=this.dialog.querySelector("input[name=field]:checked");return e?e.id:null},se.prototype.onChange=function(e){this.onChangeCallbacks_.push(e)},se.prototype.fireOnChange_=function(e){for(var t=0;t.5&&(this.noSleepVideo.currentTime=Math.random())}.bind(this)))}return r(e,[{key:"enable",value:function(){a?(this.disable(),this.noSleepTimer=window.setInterval((function(){window.location.href="/",window.setTimeout(window.stop,0)}),15e3)):this.noSleepVideo.play()}},{key:"disable",value:function(){a?this.noSleepTimer&&(window.clearInterval(this.noSleepTimer),this.noSleepTimer=null):this.noSleepVideo.pause()}}]),e}();e.exports=o},function(e,t,i){e.exports="data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQADQGgcIQADQGgcAAAACQGeYUQn/wALKCEAA0BoHAAAAAkBnmNEJ/8ACykhAANAaBwhAANAaBwAAAANQZpoNExDP/6plgAMuSEAA0BoHAAAAAtBnoZFESwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBnqVEJ/8ACykhAANAaBwAAAAJAZ6nRCf/AAsoIQADQGgcIQADQGgcAAAADUGarDRMQz/+qZYADLghAANAaBwAAAALQZ7KRRUsK/8ACPkhAANAaBwAAAAJAZ7pRCf/AAsoIQADQGgcIQADQGgcAAAACQGe60Qn/wALKCEAA0BoHAAAAA1BmvA0TEM//qmWAAy5IQADQGgcIQADQGgcAAAAC0GfDkUVLCv/AAj5IQADQGgcAAAACQGfLUQn/wALKSEAA0BoHCEAA0BoHAAAAAkBny9EJ/8ACyghAANAaBwAAAANQZs0NExDP/6plgAMuCEAA0BoHAAAAAtBn1JFFSwr/wAI+SEAA0BoHCEAA0BoHAAAAAkBn3FEJ/8ACyghAANAaBwAAAAJAZ9zRCf/AAsoIQADQGgcIQADQGgcAAAADUGbeDRMQz/+qZYADLkhAANAaBwAAAALQZ+WRRUsK/8ACPghAANAaBwhAANAaBwAAAAJAZ+1RCf/AAspIQADQGgcAAAACQGft0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bm7w0TEM//qmWAAy4IQADQGgcAAAAC0Gf2kUVLCv/AAj5IQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHAAAAAkBn/tEJ/8ACykhAANAaBwAAAANQZvgNExDP/6plgAMuSEAA0BoHCEAA0BoHAAAAAtBnh5FFSwr/wAI+CEAA0BoHAAAAAkBnj1EJ/8ACyghAANAaBwhAANAaBwAAAAJAZ4/RCf/AAspIQADQGgcAAAADUGaJDRMQz/+qZYADLghAANAaBwAAAALQZ5CRRUsK/8ACPkhAANAaBwhAANAaBwAAAAJAZ5hRCf/AAsoIQADQGgcAAAACQGeY0Qn/wALKSEAA0BoHCEAA0BoHAAAAA1Bmmg0TEM//qmWAAy5IQADQGgcAAAAC0GehkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGepUQn/wALKSEAA0BoHAAAAAkBnqdEJ/8ACyghAANAaBwAAAANQZqsNExDP/6plgAMuCEAA0BoHCEAA0BoHAAAAAtBnspFFSwr/wAI+SEAA0BoHAAAAAkBnulEJ/8ACyghAANAaBwhAANAaBwAAAAJAZ7rRCf/AAsoIQADQGgcAAAADUGa8DRMQz/+qZYADLkhAANAaBwhAANAaBwAAAALQZ8ORRUsK/8ACPkhAANAaBwAAAAJAZ8tRCf/AAspIQADQGgcIQADQGgcAAAACQGfL0Qn/wALKCEAA0BoHAAAAA1BmzQ0TEM//qmWAAy4IQADQGgcAAAAC0GfUkUVLCv/AAj5IQADQGgcIQADQGgcAAAACQGfcUQn/wALKCEAA0BoHAAAAAkBn3NEJ/8ACyghAANAaBwhAANAaBwAAAANQZt4NExC//6plgAMuSEAA0BoHAAAAAtBn5ZFFSwr/wAI+CEAA0BoHCEAA0BoHAAAAAkBn7VEJ/8ACykhAANAaBwAAAAJAZ+3RCf/AAspIQADQGgcAAAADUGbuzRMQn/+nhAAYsAhAANAaBwhAANAaBwAAAAJQZ/aQhP/AAspIQADQGgcAAAACQGf+UQn/wALKCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHCEAA0BoHAAACiFtb292AAAAbG12aGQAAAAA1YCCX9WAgl8AAAPoAAAH/AABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAGGlvZHMAAAAAEICAgAcAT////v7/AAAF+XRyYWsAAABcdGtoZAAAAAPVgIJf1YCCXwAAAAEAAAAAAAAH0AAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAygAAAMoAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAB9AAABdwAAEAAAAABXFtZGlhAAAAIG1kaGQAAAAA1YCCX9WAgl8AAV+QAAK/IFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAUcbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAE3HN0YmwAAACYc3RzZAAAAAAAAAABAAAAiGF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAygDKAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAyYXZjQwFNQCj/4QAbZ01AKOyho3ySTUBAQFAAAAMAEAAr8gDxgxlgAQAEaO+G8gAAABhzdHRzAAAAAAAAAAEAAAA8AAALuAAAABRzdHNzAAAAAAAAAAEAAAABAAAB8GN0dHMAAAAAAAAAPAAAAAEAABdwAAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAADqYAAAAAQAAF3AAAAABAAAAAAAAAAEAAAu4AAAAAQAAOpgAAAABAAAXcAAAAAEAAAAAAAAAAQAAC7gAAAABAAA6mAAAAAEAABdwAAAAAQAAAAAAAAABAAALuAAAAAEAAC7gAAAAAQAAF3AAAAABAAAAAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAEEc3RzegAAAAAAAAAAAAAAPAAAAzQAAAAQAAAADQAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAAPAAAADQAAAA0AAAARAAAADwAAAA0AAAANAAAAEQAAAA8AAAANAAAADQAAABEAAAANAAAADQAAAQBzdGNvAAAAAAAAADwAAAAwAAADZAAAA3QAAAONAAADoAAAA7kAAAPQAAAD6wAAA/4AAAQXAAAELgAABEMAAARcAAAEbwAABIwAAAShAAAEugAABM0AAATkAAAE/wAABRIAAAUrAAAFQgAABV0AAAVwAAAFiQAABaAAAAW1AAAFzgAABeEAAAX+AAAGEwAABiwAAAY/AAAGVgAABnEAAAaEAAAGnQAABrQAAAbPAAAG4gAABvUAAAcSAAAHJwAAB0AAAAdTAAAHcAAAB4UAAAeeAAAHsQAAB8gAAAfjAAAH9gAACA8AAAgmAAAIQQAACFQAAAhnAAAIhAAACJcAAAMsdHJhawAAAFx0a2hkAAAAA9WAgl/VgIJfAAAAAgAAAAAAAAf8AAAAAAAAAAAAAAABAQAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAACsm1kaWEAAAAgbWRoZAAAAADVgIJf1YCCXwAArEQAAWAAVcQAAAAAACdoZGxyAAAAAAAAAABzb3VuAAAAAAAAAAAAAAAAU3RlcmVvAAAAAmNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAidzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAIABICAgBRAFQAAAAADDUAAAAAABYCAgAISEAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAABYAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAAUc3RzegAAAAAAAAAGAAAAWAAAAXBzdGNvAAAAAAAAAFgAAAOBAAADhwAAA5oAAAOtAAADswAAA8oAAAPfAAAD5QAAA/gAAAQLAAAEEQAABCgAAAQ9AAAEUAAABFYAAARpAAAEgAAABIYAAASbAAAErgAABLQAAATHAAAE3gAABPMAAAT5AAAFDAAABR8AAAUlAAAFPAAABVEAAAVXAAAFagAABX0AAAWDAAAFmgAABa8AAAXCAAAFyAAABdsAAAXyAAAF+AAABg0AAAYgAAAGJgAABjkAAAZQAAAGZQAABmsAAAZ+AAAGkQAABpcAAAauAAAGwwAABskAAAbcAAAG7wAABwYAAAcMAAAHIQAABzQAAAc6AAAHTQAAB2QAAAdqAAAHfwAAB5IAAAeYAAAHqwAAB8IAAAfXAAAH3QAAB/AAAAgDAAAICQAACCAAAAg1AAAIOwAACE4AAAhhAAAIeAAACH4AAAiRAAAIpAAACKoAAAiwAAAItgAACLwAAAjCAAAAFnVkdGEAAAAObmFtZVN0ZXJlbwAAAHB1ZHRhAAAAaG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAO2lsc3QAAAAzqXRvbwAAACtkYXRhAAAAAQAAAABIYW5kQnJha2UgMC4xMC4yIDIwMTUwNjExMDA="}])}))})))&&ce.__esModule&&Object.prototype.hasOwnProperty.call(ce,"default")?ce.default:ce,le=1e3,ue=[0,0,.5,1],de=[.5,0,.5,1],pe=window.requestAnimationFrame,fe=window.cancelAnimationFrame;function me(e){Object.defineProperties(this,{hasPosition:{writable:!1,enumerable:!0,value:e.hasPosition},hasExternalDisplay:{writable:!1,enumerable:!0,value:e.hasExternalDisplay},canPresent:{writable:!1,enumerable:!0,value:e.canPresent},maxLayers:{writable:!1,enumerable:!0,value:e.maxLayers},hasOrientation:{enumerable:!0,get:function(){return S("VRDisplayCapabilities.prototype.hasOrientation","VRDisplay.prototype.getFrameData"),e.hasOrientation}}})}function ve(e){var t=!("wakelock"in(e=e||{}))||e.wakelock;this.isPolyfilled=!0,this.displayId=le++,this.displayName="",this.depthNear=.01,this.depthFar=1e4,this.isPresenting=!1,Object.defineProperty(this,"isConnected",{get:function(){return S("VRDisplay.prototype.isConnected","VRDisplayCapabilities.prototype.hasExternalDisplay"),!1}}),this.capabilities=new me({hasPosition:!1,hasOrientation:!1,hasExternalDisplay:!1,canPresent:!1,maxLayers:1}),this.stageParameters=null,this.waitingForPresent_=!1,this.layer_=null,this.originalParent_=null,this.fullscreenElement_=null,this.fullscreenWrapper_=null,this.fullscreenElementCachedStyle_=null,this.fullscreenEventTarget_=null,this.fullscreenChangeHandler_=null,this.fullscreenErrorHandler_=null,t&&w()&&(this.wakelock_=new he)}ve.prototype.getFrameData=function(e){return E(e,this._getPose(),this)},ve.prototype.getPose=function(){return S("VRDisplay.prototype.getPose","VRDisplay.prototype.getFrameData"),this._getPose()},ve.prototype.resetPose=function(){return S("VRDisplay.prototype.resetPose"),this._resetPose()},ve.prototype.getImmediatePose=function(){return S("VRDisplay.prototype.getImmediatePose","VRDisplay.prototype.getFrameData"),this._getPose()},ve.prototype.requestAnimationFrame=function(e){return pe(e)},ve.prototype.cancelAnimationFrame=function(e){return fe(e)},ve.prototype.wrapForFullscreen=function(e){if(s())return e;if(!this.fullscreenWrapper_){this.fullscreenWrapper_=document.createElement("div");var t=["height: "+Math.min(screen.height,screen.width)+"px !important","top: 0 !important","left: 0 !important","right: 0 !important","border: 0","margin: 0","padding: 0","z-index: 999999 !important","position: fixed"];this.fullscreenWrapper_.setAttribute("style",t.join("; ")+";"),this.fullscreenWrapper_.classList.add("webvr-polyfill-fullscreen-wrapper")}if(this.fullscreenElement_==e)return this.fullscreenWrapper_;if(this.fullscreenElement_&&(this.originalParent_?this.originalParent_.appendChild(this.fullscreenElement_):this.fullscreenElement_.parentElement.removeChild(this.fullscreenElement_)),this.fullscreenElement_=e,this.originalParent_=e.parentElement,this.originalParent_||document.body.appendChild(e),!this.fullscreenWrapper_.parentElement){var i=this.fullscreenElement_.parentElement;i.insertBefore(this.fullscreenWrapper_,this.fullscreenElement_),i.removeChild(this.fullscreenElement_)}this.fullscreenWrapper_.insertBefore(this.fullscreenElement_,this.fullscreenWrapper_.firstChild),this.fullscreenElementCachedStyle_=this.fullscreenElement_.getAttribute("style");var r=this;return function(){if(r.fullscreenElement_){var e=["position: absolute","top: 0","left: 0","width: "+Math.max(screen.width,screen.height)+"px","height: "+Math.min(screen.height,screen.width)+"px","border: 0","margin: 0","padding: 0"];r.fullscreenElement_.setAttribute("style",e.join("; ")+";")}}(),this.fullscreenWrapper_},ve.prototype.removeFullscreenWrapper=function(){if(this.fullscreenElement_){var e=this.fullscreenElement_;this.fullscreenElementCachedStyle_?e.setAttribute("style",this.fullscreenElementCachedStyle_):e.removeAttribute("style"),this.fullscreenElement_=null,this.fullscreenElementCachedStyle_=null;var t=this.fullscreenWrapper_.parentElement;return this.fullscreenWrapper_.removeChild(e),this.originalParent_===t?t.insertBefore(e,this.fullscreenWrapper_):this.originalParent_&&this.originalParent_.appendChild(e),t.removeChild(this.fullscreenWrapper_),e}},ve.prototype.requestPresent=function(e){var t=this.isPresenting,i=this;return e instanceof Array||(S("VRDisplay.prototype.requestPresent with non-array argument","an array of VRLayers as the first argument"),e=[e]),new Promise((function(r,n){if(i.capabilities.canPresent)if(0==e.length||e.length>i.capabilities.maxLayers)n(new Error("Invalid number of layers."));else{var a=e[0];if(a.source){var o=a.leftBounds||ue,h=a.rightBounds||de;if(t){var l=i.layer_;l.source!==a.source&&(l.source=a.source);for(var u=0;u<4;u++)l.leftBounds[u]=o[u],l.rightBounds[u]=h[u];return i.wrapForFullscreen(i.layer_.source),i.updatePresent_(),void r()}if(i.layer_={predistorted:a.predistorted,source:a.source,leftBounds:o.slice(0),rightBounds:h.slice(0)},i.waitingForPresent_=!1,i.layer_&&i.layer_.source){var d=i.wrapForFullscreen(i.layer_.source);i.addFullscreenListeners_(d,(function(){var e=document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement;i.isPresenting=d===e,i.isPresenting?(screen.orientation&&screen.orientation.lock&&screen.orientation.lock("landscape-primary").catch((function(e){console.error("screen.orientation.lock() failed due to",e.message)})),i.waitingForPresent_=!1,i.beginPresent_(),r()):(screen.orientation&&screen.orientation.unlock&&screen.orientation.unlock(),i.removeFullscreenWrapper(),i.disableWakeLock(),i.endPresent_(),i.removeFullscreenListeners_()),i.fireVRDisplayPresentChange_()}),(function(){i.waitingForPresent_&&(i.removeFullscreenWrapper(),i.removeFullscreenListeners_(),i.disableWakeLock(),i.waitingForPresent_=!1,i.isPresenting=!1,n(new Error("Unable to present.")))})),function(e){if(c())return!1;if(e.requestFullscreen)e.requestFullscreen();else if(e.webkitRequestFullscreen)e.webkitRequestFullscreen();else if(e.mozRequestFullScreen)e.mozRequestFullScreen();else{if(!e.msRequestFullscreen)return!1;e.msRequestFullscreen()}return!0}(d)?(i.enableWakeLock(),i.waitingForPresent_=!0):(s()||c())&&(i.enableWakeLock(),i.isPresenting=!0,i.beginPresent_(),i.fireVRDisplayPresentChange_(),r())}i.waitingForPresent_||s()||(y(),n(new Error("Unable to present.")))}else r()}else n(new Error("VRDisplay is not capable of presenting."))}))},ve.prototype.exitPresent=function(){var e=this.isPresenting,t=this;return this.isPresenting=!1,this.layer_=null,this.disableWakeLock(),new Promise((function(i,r){e?(!y()&&s()&&(t.endPresent_(),t.fireVRDisplayPresentChange_()),c()&&(t.removeFullscreenWrapper(),t.removeFullscreenListeners_(),t.endPresent_(),t.fireVRDisplayPresentChange_()),i()):r(new Error("Was not presenting to VRDisplay."))}))},ve.prototype.getLayers=function(){return this.layer_?[this.layer_]:[]},ve.prototype.fireVRDisplayPresentChange_=function(){var e=new CustomEvent("vrdisplaypresentchange",{detail:{display:this}});window.dispatchEvent(e)},ve.prototype.fireVRDisplayConnect_=function(){var e=new CustomEvent("vrdisplayconnect",{detail:{display:this}});window.dispatchEvent(e)},ve.prototype.addFullscreenListeners_=function(e,t,i){this.removeFullscreenListeners_(),this.fullscreenEventTarget_=e,this.fullscreenChangeHandler_=t,this.fullscreenErrorHandler_=i,t&&(document.fullscreenEnabled?e.addEventListener("fullscreenchange",t,!1):document.webkitFullscreenEnabled?e.addEventListener("webkitfullscreenchange",t,!1):document.mozFullScreenEnabled?document.addEventListener("mozfullscreenchange",t,!1):document.msFullscreenEnabled&&e.addEventListener("msfullscreenchange",t,!1)),i&&(document.fullscreenEnabled?e.addEventListener("fullscreenerror",i,!1):document.webkitFullscreenEnabled?e.addEventListener("webkitfullscreenerror",i,!1):document.mozFullScreenEnabled?document.addEventListener("mozfullscreenerror",i,!1):document.msFullscreenEnabled&&e.addEventListener("msfullscreenerror",i,!1))},ve.prototype.removeFullscreenListeners_=function(){if(this.fullscreenEventTarget_){var e=this.fullscreenEventTarget_;if(this.fullscreenChangeHandler_){var t=this.fullscreenChangeHandler_;e.removeEventListener("fullscreenchange",t,!1),e.removeEventListener("webkitfullscreenchange",t,!1),document.removeEventListener("mozfullscreenchange",t,!1),e.removeEventListener("msfullscreenchange",t,!1)}if(this.fullscreenErrorHandler_){var i=this.fullscreenErrorHandler_;e.removeEventListener("fullscreenerror",i,!1),e.removeEventListener("webkitfullscreenerror",i,!1),document.removeEventListener("mozfullscreenerror",i,!1),e.removeEventListener("msfullscreenerror",i,!1)}this.fullscreenEventTarget_=null,this.fullscreenChangeHandler_=null,this.fullscreenErrorHandler_=null}},ve.prototype.enableWakeLock=function(){this.wakelock_&&this.wakelock_.enable()},ve.prototype.disableWakeLock=function(){this.wakelock_&&this.wakelock_.disable()},ve.prototype.beginPresent_=function(){},ve.prototype.endPresent_=function(){},ve.prototype.submitFrame=function(e){},ve.prototype.getEyeParameters=function(e){return null};var ge={ADDITIONAL_VIEWERS:[],DEFAULT_VIEWER:"",MOBILE_WAKE_LOCK:!0,DEBUG:!1,DPDB_URL:"https://dpdb.webvr.rocks/dpdb.json",K_FILTER:.98,PREDICTION_TIME_S:.04,CARDBOARD_UI_DISABLED:!1,ROTATE_INSTRUCTIONS_DISABLED:!1,YAW_ONLY:!1,BUFFER_SCALE:.5,DIRTY_SUBMIT_FRAME_BINDINGS:!1},ye="left",Ae="right";function xe(e){var t=b({},ge);e=b(t,e||{}),ve.call(this,{wakelock:e.MOBILE_WAKE_LOCK}),this.config=e,this.displayName="Cardboard VRDisplay",this.capabilities=new me({hasPosition:!1,hasOrientation:!0,hasExternalDisplay:!1,canPresent:!0,maxLayers:1}),this.stageParameters=null,this.bufferScale_=this.config.BUFFER_SCALE,this.poseSensor_=new ae(this.config),this.distorter_=null,this.cardboardUI_=null,this.dpdb_=new Z(this.config.DPDB_URL,this.onDeviceParamsUpdated_.bind(this)),this.deviceInfo_=new Y(this.dpdb_.getDeviceParams(),e.ADDITIONAL_VIEWERS),this.viewerSelector_=new se(e.DEFAULT_VIEWER),this.viewerSelector_.onChange(this.onViewerChanged_.bind(this)),this.deviceInfo_.setViewer(this.viewerSelector_.getCurrentViewer()),this.config.ROTATE_INSTRUCTIONS_DISABLED||(this.rotateInstructions_=new oe),s()&&window.addEventListener("resize",this.onResize_.bind(this))}return xe.prototype=Object.create(ve.prototype),xe.prototype._getPose=function(){return{position:null,orientation:this.poseSensor_.getOrientation(),linearVelocity:null,linearAcceleration:null,angularVelocity:null,angularAcceleration:null}},xe.prototype._resetPose=function(){this.poseSensor_.resetPose&&this.poseSensor_.resetPose()},xe.prototype._getFieldOfView=function(e){var t;if(e==ye)t=this.deviceInfo_.getFieldOfViewLeftEye();else{if(e!=Ae)return console.error("Invalid eye provided: %s",e),null;t=this.deviceInfo_.getFieldOfViewRightEye()}return t},xe.prototype._getEyeOffset=function(e){var t;if(e==ye)t=[.5*-this.deviceInfo_.viewer.interLensDistance,0,0];else{if(e!=Ae)return console.error("Invalid eye provided: %s",e),null;t=[.5*this.deviceInfo_.viewer.interLensDistance,0,0]}return t},xe.prototype.getEyeParameters=function(e){var t=this._getEyeOffset(e),i=this._getFieldOfView(e),r={offset:t,renderWidth:.5*this.deviceInfo_.device.width*this.bufferScale_,renderHeight:this.deviceInfo_.device.height*this.bufferScale_};return Object.defineProperty(r,"fieldOfView",{enumerable:!0,get:function(){return S("VRFieldOfView","VRFrameData's projection matrices"),i}}),r},xe.prototype.onDeviceParamsUpdated_=function(e){this.config.DEBUG&&console.log("DPDB reported that device params were updated."),this.deviceInfo_.updateDeviceParams(e),this.distorter_&&this.distorter_.updateDeviceInfo(this.deviceInfo_)},xe.prototype.updateBounds_=function(){this.layer_&&this.distorter_&&(this.layer_.leftBounds||this.layer_.rightBounds)&&this.distorter_.setTextureBounds(this.layer_.leftBounds,this.layer_.rightBounds)},xe.prototype.beginPresent_=function(){var e=this.layer_.source.getContext("webgl");e||(e=this.layer_.source.getContext("experimental-webgl")),e||(e=this.layer_.source.getContext("webgl2")),e&&(this.layer_.predistorted?this.config.CARDBOARD_UI_DISABLED||(e.canvas.width=v()*this.bufferScale_,e.canvas.height=g()*this.bufferScale_,this.cardboardUI_=new N(e)):(this.config.CARDBOARD_UI_DISABLED||(this.cardboardUI_=new N(e)),this.distorter_=new C(e,this.cardboardUI_,this.config.BUFFER_SCALE,this.config.DIRTY_SUBMIT_FRAME_BINDINGS),this.distorter_.updateDeviceInfo(this.deviceInfo_)),this.cardboardUI_&&this.cardboardUI_.listen(function(e){this.viewerSelector_.show(this.layer_.source.parentElement),e.stopPropagation(),e.preventDefault()}.bind(this),function(e){this.exitPresent(),e.stopPropagation(),e.preventDefault()}.bind(this)),this.rotateInstructions_&&(m()&&w()?this.rotateInstructions_.showTemporarily(3e3,this.layer_.source.parentElement):this.rotateInstructions_.update()),this.orientationHandler=this.onOrientationChange_.bind(this),window.addEventListener("orientationchange",this.orientationHandler),this.vrdisplaypresentchangeHandler=this.updateBounds_.bind(this),window.addEventListener("vrdisplaypresentchange",this.vrdisplaypresentchangeHandler),this.fireVRDisplayDeviceParamsChange_())},xe.prototype.endPresent_=function(){this.distorter_&&(this.distorter_.destroy(),this.distorter_=null),this.cardboardUI_&&(this.cardboardUI_.destroy(),this.cardboardUI_=null),this.rotateInstructions_&&this.rotateInstructions_.hide(),this.viewerSelector_.hide(),window.removeEventListener("orientationchange",this.orientationHandler),window.removeEventListener("vrdisplaypresentchange",this.vrdisplaypresentchangeHandler)},xe.prototype.updatePresent_=function(){this.endPresent_(),this.beginPresent_()},xe.prototype.submitFrame=function(e){if(this.distorter_)this.updateBounds_(),this.distorter_.submitFrame();else if(this.cardboardUI_&&this.layer_){var t=this.layer_.source.getContext("webgl");t||(t=this.layer_.source.getContext("experimental-webgl")),t||(t=this.layer_.source.getContext("webgl2"));var i=t.canvas;i.width==this.lastWidth&&i.height==this.lastHeight||this.cardboardUI_.onResize(),this.lastWidth=i.width,this.lastHeight=i.height,this.cardboardUI_.render()}},xe.prototype.onOrientationChange_=function(e){this.viewerSelector_.hide(),this.rotateInstructions_&&this.rotateInstructions_.update(),this.onResize_()},xe.prototype.onResize_=function(e){if(this.layer_){var t=this.layer_.source.getContext("webgl");t||(t=this.layer_.source.getContext("experimental-webgl")),t||(t=this.layer_.source.getContext("webgl2")),t.canvas.setAttribute("style",["position: absolute","top: 0","left: 0","width: 100vw","height: 100vh","border: 0","margin: 0","padding: 0px","box-sizing: content-box"].join("; ")+";"),_(t.canvas)}},xe.prototype.onViewerChanged_=function(e){this.deviceInfo_.setViewer(e),this.distorter_&&this.distorter_.updateDeviceInfo(this.deviceInfo_),this.fireVRDisplayDeviceParamsChange_()},xe.prototype.fireVRDisplayDeviceParamsChange_=function(){var e=new CustomEvent("vrdisplaydeviceparamschange",{detail:{vrdisplay:this,deviceInfo:this.deviceInfo_}});window.dispatchEvent(e)},xe.VRFrameData=function(){this.leftProjectionMatrix=new Float32Array(16),this.leftViewMatrix=new Float32Array(16),this.rightProjectionMatrix=new Float32Array(16),this.rightViewMatrix=new Float32Array(16),this.pose=null},xe.VRDisplay=ve,xe}()})))&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,s={ADDITIONAL_VIEWERS:[],DEFAULT_VIEWER:"",PROVIDE_MOBILE_VRDISPLAY:!0,MOBILE_WAKE_LOCK:!0,DEBUG:!1,DPDB_URL:"https://dpdb.webvr.rocks/dpdb.json",K_FILTER:.98,PREDICTION_TIME_S:.04,CARDBOARD_UI_DISABLED:!1,ROTATE_INSTRUCTIONS_DISABLED:!1,YAW_ONLY:!1,BUFFER_SCALE:.5,DIRTY_SUBMIT_FRAME_BINDINGS:!1};function c(e){this.config=a(a({},s),e),this.polyfillDisplays=[],this.enabled=!1,this.hasNative="getVRDisplays"in navigator,this.native={},this.native.getVRDisplays=navigator.getVRDisplays,this.native.VRFrameData=window.VRFrameData,this.native.VRDisplay=window.VRDisplay,(!this.hasNative||this.config.PROVIDE_MOBILE_VRDISPLAY&&i())&&(this.enable(),this.getVRDisplays().then((function(e){e&&e[0]&&e[0].fireVRDisplayConnect_&&e[0].fireVRDisplayConnect_()})))}c.prototype.getPolyfillDisplays=function(){if(this._polyfillDisplaysPopulated)return this.polyfillDisplays;if(i()){var e=new o({ADDITIONAL_VIEWERS:this.config.ADDITIONAL_VIEWERS,DEFAULT_VIEWER:this.config.DEFAULT_VIEWER,MOBILE_WAKE_LOCK:this.config.MOBILE_WAKE_LOCK,DEBUG:this.config.DEBUG,DPDB_URL:this.config.DPDB_URL,CARDBOARD_UI_DISABLED:this.config.CARDBOARD_UI_DISABLED,K_FILTER:this.config.K_FILTER,PREDICTION_TIME_S:this.config.PREDICTION_TIME_S,ROTATE_INSTRUCTIONS_DISABLED:this.config.ROTATE_INSTRUCTIONS_DISABLED,YAW_ONLY:this.config.YAW_ONLY,BUFFER_SCALE:this.config.BUFFER_SCALE,DIRTY_SUBMIT_FRAME_BINDINGS:this.config.DIRTY_SUBMIT_FRAME_BINDINGS});this.polyfillDisplays.push(e)}return this._polyfillDisplaysPopulated=!0,this.polyfillDisplays},c.prototype.enable=function(){if(this.enabled=!0,this.hasNative&&this.native.VRFrameData){var e=this.native.VRFrameData,t=new this.native.VRFrameData,i=this.native.VRDisplay.prototype.getFrameData;window.VRDisplay.prototype.getFrameData=function(r){r instanceof e?i.call(this,r):(i.call(this,t),r.pose=t.pose,n(t.leftProjectionMatrix,r.leftProjectionMatrix),n(t.rightProjectionMatrix,r.rightProjectionMatrix),n(t.leftViewMatrix,r.leftViewMatrix),n(t.rightViewMatrix,r.rightViewMatrix))}}navigator.getVRDisplays=this.getVRDisplays.bind(this),window.VRDisplay=o.VRDisplay,window.VRFrameData=o.VRFrameData},c.prototype.getVRDisplays=function(){var e=this;return this.config,this.hasNative?this.native.getVRDisplays.call(navigator).then((function(t){return t.length>0?t:e.getPolyfillDisplays()})):Promise.resolve(this.getPolyfillDisplays())},c.version="0.10.12",c.VRFrameData=o.VRFrameData,c.VRDisplay=o.VRDisplay;var h=Object.freeze({default:c}),l=h&&c||h;return void 0!==t&&t.window&&(t.document||(t.document=t.window.document),t.navigator||(t.navigator=t.window.navigator)),l}()})));function l(){}void 0===Number.EPSILON&&(Number.EPSILON=Math.pow(2,-52)),void 0===Number.isInteger&&(Number.isInteger=function(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e}),void 0===Math.sign&&(Math.sign=function(e){return e<0?-1:e>0?1:+e}),"name"in Function.prototype==!1&&Object.defineProperty(Function.prototype,"name",{get:function(){return this.toString().match(/^\s*function\s*([^\(\s]*)/)[1]}}),void 0===Object.assign&&(Object.assign=function(e){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var t=Object(e),i=1;i>8&255]+e[t>>16&255]+e[t>>24&255]+"-"+e[255&i]+e[i>>8&255]+"-"+e[i>>16&15|64]+e[i>>24&255]+"-"+e[63&r|128]+e[r>>8&255]+"-"+e[r>>16&255]+e[r>>24&255]+e[255&n]+e[n>>8&255]+e[n>>16&255]+e[n>>24&255]).toUpperCase()}}(),clamp:function(e,t,i){return Math.max(t,Math.min(i,e))},euclideanModulo:function(e,t){return(e%t+t)%t},mapLinear:function(e,t,i,r,n){return r+(e-t)*(n-r)/(i-t)},lerp:function(e,t,i){return(1-i)*e+i*t},smoothstep:function(e,t,i){return e<=t?0:e>=i?1:(e=(e-t)/(i-t))*e*(3-2*e)},smootherstep:function(e,t,i){return e<=t?0:e>=i?1:(e=(e-t)/(i-t))*e*e*(e*(6*e-15)+10)},randInt:function(e,t){return e+Math.floor(Math.random()*(t-e+1))},randFloat:function(e,t){return e+Math.random()*(t-e)},randFloatSpread:function(e){return e*(.5-Math.random())},degToRad:function(e){return e*M.DEG2RAD},radToDeg:function(e){return e*M.RAD2DEG},isPowerOfTwo:function(e){return 0==(e&e-1)&&0!==e},ceilPowerOfTwo:function(e){return Math.pow(2,Math.ceil(Math.log(e)/Math.LN2))},floorPowerOfTwo:function(e){return Math.pow(2,Math.floor(Math.log(e)/Math.LN2))}};function T(e,t){this.x=e||0,this.y=t||0}function S(){this.elements=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],arguments.length>0&&console.error("THREE.Matrix4: the constructor no longer reads arguments. use .set() instead.")}function R(e,t,i,r){this._x=e||0,this._y=t||0,this._z=i||0,this._w=void 0!==r?r:1}function L(e,t,i){this.x=e||0,this.y=t||0,this.z=i||0}function P(){this.elements=[1,0,0,0,1,0,0,0,1],arguments.length>0&&console.error("THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.")}Object.defineProperties(T.prototype,{width:{get:function(){return this.x},set:function(e){this.x=e}},height:{get:function(){return this.y},set:function(e){this.y=e}}}),Object.assign(T.prototype,{isVector2:!0,set:function(e,t){return this.x=e,this.y=t,this},setScalar:function(e){return this.x=e,this.y=e,this},setX:function(e){return this.x=e,this},setY:function(e){return this.y=e,this},setComponent:function(e,t){switch(e){case 0:this.x=t;break;case 1:this.y=t;break;default:throw new Error("index is out of range: "+e)}return this},getComponent:function(e){switch(e){case 0:return this.x;case 1:return this.y;default:throw new Error("index is out of range: "+e)}},clone:function(){return new this.constructor(this.x,this.y)},copy:function(e){return this.x=e.x,this.y=e.y,this},add:function(e,t){return void 0!==t?(console.warn("THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(e,t)):(this.x+=e.x,this.y+=e.y,this)},addScalar:function(e){return this.x+=e,this.y+=e,this},addVectors:function(e,t){return this.x=e.x+t.x,this.y=e.y+t.y,this},addScaledVector:function(e,t){return this.x+=e.x*t,this.y+=e.y*t,this},sub:function(e,t){return void 0!==t?(console.warn("THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(e,t)):(this.x-=e.x,this.y-=e.y,this)},subScalar:function(e){return this.x-=e,this.y-=e,this},subVectors:function(e,t){return this.x=e.x-t.x,this.y=e.y-t.y,this},multiply:function(e){return this.x*=e.x,this.y*=e.y,this},multiplyScalar:function(e){return this.x*=e,this.y*=e,this},divide:function(e){return this.x/=e.x,this.y/=e.y,this},divideScalar:function(e){return this.multiplyScalar(1/e)},applyMatrix3:function(e){var t=this.x,i=this.y,r=e.elements;return this.x=r[0]*t+r[3]*i+r[6],this.y=r[1]*t+r[4]*i+r[7],this},min:function(e){return this.x=Math.min(this.x,e.x),this.y=Math.min(this.y,e.y),this},max:function(e){return this.x=Math.max(this.x,e.x),this.y=Math.max(this.y,e.y),this},clamp:function(e,t){return this.x=Math.max(e.x,Math.min(t.x,this.x)),this.y=Math.max(e.y,Math.min(t.y,this.y)),this},clampScalar:(u=new T,d=new T,function(e,t){return u.set(e,e),d.set(t,t),this.clamp(u,d)}),clampLength:function(e,t){var i=this.length();return this.divideScalar(i||1).multiplyScalar(Math.max(e,Math.min(t,i)))},floor:function(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this},ceil:function(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this},round:function(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this},roundToZero:function(){return this.x=this.x<0?Math.ceil(this.x):Math.floor(this.x),this.y=this.y<0?Math.ceil(this.y):Math.floor(this.y),this},negate:function(){return this.x=-this.x,this.y=-this.y,this},dot:function(e){return this.x*e.x+this.y*e.y},lengthSq:function(){return this.x*this.x+this.y*this.y},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y)},manhattanLength:function(){return Math.abs(this.x)+Math.abs(this.y)},normalize:function(){return this.divideScalar(this.length()||1)},angle:function(){var e=Math.atan2(this.y,this.x);return e<0&&(e+=2*Math.PI),e},distanceTo:function(e){return Math.sqrt(this.distanceToSquared(e))},distanceToSquared:function(e){var t=this.x-e.x,i=this.y-e.y;return t*t+i*i},manhattanDistanceTo:function(e){return Math.abs(this.x-e.x)+Math.abs(this.y-e.y)},setLength:function(e){return this.normalize().multiplyScalar(e)},lerp:function(e,t){return this.x+=(e.x-this.x)*t,this.y+=(e.y-this.y)*t,this},lerpVectors:function(e,t,i){return this.subVectors(t,e).multiplyScalar(i).add(e)},equals:function(e){return e.x===this.x&&e.y===this.y},fromArray:function(e,t){return void 0===t&&(t=0),this.x=e[t],this.y=e[t+1],this},toArray:function(e,t){return void 0===e&&(e=[]),void 0===t&&(t=0),e[t]=this.x,e[t+1]=this.y,e},fromBufferAttribute:function(e,t,i){return void 0!==i&&console.warn("THREE.Vector2: offset has been removed from .fromBufferAttribute()."),this.x=e.getX(t),this.y=e.getY(t),this},rotateAround:function(e,t){var i=Math.cos(t),r=Math.sin(t),n=this.x-e.x,a=this.y-e.y;return this.x=n*i-a*r+e.x,this.y=n*r+a*i+e.y,this}}),Object.assign(S.prototype,{isMatrix4:!0,set:function(e,t,i,r,n,a,o,s,c,h,l,u,d,p,f,m){var v=this.elements;return v[0]=e,v[4]=t,v[8]=i,v[12]=r,v[1]=n,v[5]=a,v[9]=o,v[13]=s,v[2]=c,v[6]=h,v[10]=l,v[14]=u,v[3]=d,v[7]=p,v[11]=f,v[15]=m,this},identity:function(){return this.set(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1),this},clone:function(){return(new S).fromArray(this.elements)},copy:function(e){var t=this.elements,i=e.elements;return t[0]=i[0],t[1]=i[1],t[2]=i[2],t[3]=i[3],t[4]=i[4],t[5]=i[5],t[6]=i[6],t[7]=i[7],t[8]=i[8],t[9]=i[9],t[10]=i[10],t[11]=i[11],t[12]=i[12],t[13]=i[13],t[14]=i[14],t[15]=i[15],this},copyPosition:function(e){var t=this.elements,i=e.elements;return t[12]=i[12],t[13]=i[13],t[14]=i[14],this},extractBasis:function(e,t,i){return e.setFromMatrixColumn(this,0),t.setFromMatrixColumn(this,1),i.setFromMatrixColumn(this,2),this},makeBasis:function(e,t,i){return this.set(e.x,t.x,i.x,0,e.y,t.y,i.y,0,e.z,t.z,i.z,0,0,0,0,1),this},extractRotation:(x=new L,function(e){var t=this.elements,i=e.elements,r=1/x.setFromMatrixColumn(e,0).length(),n=1/x.setFromMatrixColumn(e,1).length(),a=1/x.setFromMatrixColumn(e,2).length();return t[0]=i[0]*r,t[1]=i[1]*r,t[2]=i[2]*r,t[3]=0,t[4]=i[4]*n,t[5]=i[5]*n,t[6]=i[6]*n,t[7]=0,t[8]=i[8]*a,t[9]=i[9]*a,t[10]=i[10]*a,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,this}),makeRotationFromEuler:function(e){e&&e.isEuler||console.error("THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.");var t=this.elements,i=e.x,r=e.y,n=e.z,a=Math.cos(i),o=Math.sin(i),s=Math.cos(r),c=Math.sin(r),h=Math.cos(n),l=Math.sin(n);if("XYZ"===e.order){var u=a*h,d=a*l,p=o*h,f=o*l;t[0]=s*h,t[4]=-s*l,t[8]=c,t[1]=d+p*c,t[5]=u-f*c,t[9]=-o*s,t[2]=f-u*c,t[6]=p+d*c,t[10]=a*s}else if("YXZ"===e.order){var m=s*h,v=s*l,g=c*h,y=c*l;t[0]=m+y*o,t[4]=g*o-v,t[8]=a*c,t[1]=a*l,t[5]=a*h,t[9]=-o,t[2]=v*o-g,t[6]=y+m*o,t[10]=a*s}else if("ZXY"===e.order){m=s*h,v=s*l,g=c*h,y=c*l;t[0]=m-y*o,t[4]=-a*l,t[8]=g+v*o,t[1]=v+g*o,t[5]=a*h,t[9]=y-m*o,t[2]=-a*c,t[6]=o,t[10]=a*s}else if("ZYX"===e.order){u=a*h,d=a*l,p=o*h,f=o*l;t[0]=s*h,t[4]=p*c-d,t[8]=u*c+f,t[1]=s*l,t[5]=f*c+u,t[9]=d*c-p,t[2]=-c,t[6]=o*s,t[10]=a*s}else if("YZX"===e.order){var A=a*s,x=a*c,w=o*s,b=o*c;t[0]=s*h,t[4]=b-A*l,t[8]=w*l+x,t[1]=l,t[5]=a*h,t[9]=-o*h,t[2]=-c*h,t[6]=x*l+w,t[10]=A-b*l}else if("XZY"===e.order){A=a*s,x=a*c,w=o*s,b=o*c;t[0]=s*h,t[4]=-l,t[8]=c*h,t[1]=A*l+b,t[5]=a*h,t[9]=x*l-w,t[2]=w*l-x,t[6]=o*h,t[10]=b*l+A}return t[3]=0,t[7]=0,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,this},makeRotationFromQuaternion:(y=new L(0,0,0),A=new L(1,1,1),function(e){return this.compose(y,e,A)}),lookAt:(m=new L,v=new L,g=new L,function(e,t,i){var r=this.elements;return g.subVectors(e,t),0===g.lengthSq()&&(g.z=1),g.normalize(),m.crossVectors(i,g),0===m.lengthSq()&&(1===Math.abs(i.z)?g.x+=1e-4:g.z+=1e-4,g.normalize(),m.crossVectors(i,g)),m.normalize(),v.crossVectors(g,m),r[0]=m.x,r[4]=v.x,r[8]=g.x,r[1]=m.y,r[5]=v.y,r[9]=g.y,r[2]=m.z,r[6]=v.z,r[10]=g.z,this}),multiply:function(e,t){return void 0!==t?(console.warn("THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead."),this.multiplyMatrices(e,t)):this.multiplyMatrices(this,e)},premultiply:function(e){return this.multiplyMatrices(e,this)},multiplyMatrices:function(e,t){var i=e.elements,r=t.elements,n=this.elements,a=i[0],o=i[4],s=i[8],c=i[12],h=i[1],l=i[5],u=i[9],d=i[13],p=i[2],f=i[6],m=i[10],v=i[14],g=i[3],y=i[7],A=i[11],x=i[15],w=r[0],b=r[4],_=r[8],E=r[12],M=r[1],T=r[5],S=r[9],R=r[13],L=r[2],P=r[6],C=r[10],D=r[14],I=r[3],O=r[7],N=r[11],B=r[15];return n[0]=a*w+o*M+s*L+c*I,n[4]=a*b+o*T+s*P+c*O,n[8]=a*_+o*S+s*C+c*N,n[12]=a*E+o*R+s*D+c*B,n[1]=h*w+l*M+u*L+d*I,n[5]=h*b+l*T+u*P+d*O,n[9]=h*_+l*S+u*C+d*N,n[13]=h*E+l*R+u*D+d*B,n[2]=p*w+f*M+m*L+v*I,n[6]=p*b+f*T+m*P+v*O,n[10]=p*_+f*S+m*C+v*N,n[14]=p*E+f*R+m*D+v*B,n[3]=g*w+y*M+A*L+x*I,n[7]=g*b+y*T+A*P+x*O,n[11]=g*_+y*S+A*C+x*N,n[15]=g*E+y*R+A*D+x*B,this},multiplyScalar:function(e){var t=this.elements;return t[0]*=e,t[4]*=e,t[8]*=e,t[12]*=e,t[1]*=e,t[5]*=e,t[9]*=e,t[13]*=e,t[2]*=e,t[6]*=e,t[10]*=e,t[14]*=e,t[3]*=e,t[7]*=e,t[11]*=e,t[15]*=e,this},applyToBufferAttribute:function(){var e=new L;return function(t){for(var i=0,r=t.count;i=0?1:-1,y=1-v*v;if(y>Number.EPSILON){var A=Math.sqrt(y),x=Math.atan2(A,v*g);m=Math.sin(m*x)/A,o=Math.sin(o*x)/A}var w=o*g;if(s=s*m+u*w,c=c*m+d*w,h=h*m+p*w,l=l*m+f*w,m===1-o){var b=1/Math.sqrt(s*s+c*c+h*h+l*l);s*=b,c*=b,h*=b,l*=b}}e[t]=s,e[t+1]=c,e[t+2]=h,e[t+3]=l}}),Object.defineProperties(R.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this.onChangeCallback()}},y:{get:function(){return this._y},set:function(e){this._y=e,this.onChangeCallback()}},z:{get:function(){return this._z},set:function(e){this._z=e,this.onChangeCallback()}},w:{get:function(){return this._w},set:function(e){this._w=e,this.onChangeCallback()}}}),Object.assign(R.prototype,{set:function(e,t,i,r){return this._x=e,this._y=t,this._z=i,this._w=r,this.onChangeCallback(),this},clone:function(){return new this.constructor(this._x,this._y,this._z,this._w)},copy:function(e){return this._x=e.x,this._y=e.y,this._z=e.z,this._w=e.w,this.onChangeCallback(),this},setFromEuler:function(e,t){if(!e||!e.isEuler)throw new Error("THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.");var i=e._x,r=e._y,n=e._z,a=e.order,o=Math.cos,s=Math.sin,c=o(i/2),h=o(r/2),l=o(n/2),u=s(i/2),d=s(r/2),p=s(n/2);return"XYZ"===a?(this._x=u*h*l+c*d*p,this._y=c*d*l-u*h*p,this._z=c*h*p+u*d*l,this._w=c*h*l-u*d*p):"YXZ"===a?(this._x=u*h*l+c*d*p,this._y=c*d*l-u*h*p,this._z=c*h*p-u*d*l,this._w=c*h*l+u*d*p):"ZXY"===a?(this._x=u*h*l-c*d*p,this._y=c*d*l+u*h*p,this._z=c*h*p+u*d*l,this._w=c*h*l-u*d*p):"ZYX"===a?(this._x=u*h*l-c*d*p,this._y=c*d*l+u*h*p,this._z=c*h*p-u*d*l,this._w=c*h*l+u*d*p):"YZX"===a?(this._x=u*h*l+c*d*p,this._y=c*d*l+u*h*p,this._z=c*h*p-u*d*l,this._w=c*h*l-u*d*p):"XZY"===a&&(this._x=u*h*l-c*d*p,this._y=c*d*l-u*h*p,this._z=c*h*p+u*d*l,this._w=c*h*l+u*d*p),!1!==t&&this.onChangeCallback(),this},setFromAxisAngle:function(e,t){var i=t/2,r=Math.sin(i);return this._x=e.x*r,this._y=e.y*r,this._z=e.z*r,this._w=Math.cos(i),this.onChangeCallback(),this},setFromRotationMatrix:function(e){var t,i=e.elements,r=i[0],n=i[4],a=i[8],o=i[1],s=i[5],c=i[9],h=i[2],l=i[6],u=i[10],d=r+s+u;return d>0?(t=.5/Math.sqrt(d+1),this._w=.25/t,this._x=(l-c)*t,this._y=(a-h)*t,this._z=(o-n)*t):r>s&&r>u?(t=2*Math.sqrt(1+r-s-u),this._w=(l-c)/t,this._x=.25*t,this._y=(n+o)/t,this._z=(a+h)/t):s>u?(t=2*Math.sqrt(1+s-r-u),this._w=(a-h)/t,this._x=(n+o)/t,this._y=.25*t,this._z=(c+l)/t):(t=2*Math.sqrt(1+u-r-s),this._w=(o-n)/t,this._x=(a+h)/t,this._y=(c+l)/t,this._z=.25*t),this.onChangeCallback(),this},setFromUnitVectors:function(){var e,t=new L;return function(i,r){return void 0===t&&(t=new L),(e=i.dot(r)+1)<1e-6?(e=0,Math.abs(i.x)>Math.abs(i.z)?t.set(-i.y,i.x,0):t.set(0,-i.z,i.y)):t.crossVectors(i,r),this._x=t.x,this._y=t.y,this._z=t.z,this._w=e,this.normalize()}}(),inverse:function(){return this.conjugate()},conjugate:function(){return this._x*=-1,this._y*=-1,this._z*=-1,this.onChangeCallback(),this},dot:function(e){return this._x*e._x+this._y*e._y+this._z*e._z+this._w*e._w},lengthSq:function(){return this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w},length:function(){return Math.sqrt(this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w)},normalize:function(){var e=this.length();return 0===e?(this._x=0,this._y=0,this._z=0,this._w=1):(e=1/e,this._x=this._x*e,this._y=this._y*e,this._z=this._z*e,this._w=this._w*e),this.onChangeCallback(),this},multiply:function(e,t){return void 0!==t?(console.warn("THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead."),this.multiplyQuaternions(e,t)):this.multiplyQuaternions(this,e)},premultiply:function(e){return this.multiplyQuaternions(e,this)},multiplyQuaternions:function(e,t){var i=e._x,r=e._y,n=e._z,a=e._w,o=t._x,s=t._y,c=t._z,h=t._w;return this._x=i*h+a*o+r*c-n*s,this._y=r*h+a*s+n*o-i*c,this._z=n*h+a*c+i*s-r*o,this._w=a*h-i*o-r*s-n*c,this.onChangeCallback(),this},slerp:function(e,t){if(0===t)return this;if(1===t)return this.copy(e);var i=this._x,r=this._y,n=this._z,a=this._w,o=a*e._w+i*e._x+r*e._y+n*e._z;if(o<0?(this._w=-e._w,this._x=-e._x,this._y=-e._y,this._z=-e._z,o=-o):this.copy(e),o>=1)return this._w=a,this._x=i,this._y=r,this._z=n,this;var s=Math.sqrt(1-o*o);if(Math.abs(s)<.001)return this._w=.5*(a+this._w),this._x=.5*(i+this._x),this._y=.5*(r+this._y),this._z=.5*(n+this._z),this;var c=Math.atan2(s,o),h=Math.sin((1-t)*c)/s,l=Math.sin(t*c)/s;return this._w=a*h+this._w*l,this._x=i*h+this._x*l,this._y=r*h+this._y*l,this._z=n*h+this._z*l,this.onChangeCallback(),this},equals:function(e){return e._x===this._x&&e._y===this._y&&e._z===this._z&&e._w===this._w},fromArray:function(e,t){return void 0===t&&(t=0),this._x=e[t],this._y=e[t+1],this._z=e[t+2],this._w=e[t+3],this.onChangeCallback(),this},toArray:function(e,t){return void 0===e&&(e=[]),void 0===t&&(t=0),e[t]=this._x,e[t+1]=this._y,e[t+2]=this._z,e[t+3]=this._w,e},onChange:function(e){return this.onChangeCallback=e,this},onChangeCallback:function(){}}),Object.assign(L.prototype,{isVector3:!0,set:function(e,t,i){return this.x=e,this.y=t,this.z=i,this},setScalar:function(e){return this.x=e,this.y=e,this.z=e,this},setX:function(e){return this.x=e,this},setY:function(e){return this.y=e,this},setZ:function(e){return this.z=e,this},setComponent:function(e,t){switch(e){case 0:this.x=t;break;case 1:this.y=t;break;case 2:this.z=t;break;default:throw new Error("index is out of range: "+e)}return this},getComponent:function(e){switch(e){case 0:return this.x;case 1:return this.y;case 2:return this.z;default:throw new Error("index is out of range: "+e)}},clone:function(){return new this.constructor(this.x,this.y,this.z)},copy:function(e){return this.x=e.x,this.y=e.y,this.z=e.z,this},add:function(e,t){return void 0!==t?(console.warn("THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(e,t)):(this.x+=e.x,this.y+=e.y,this.z+=e.z,this)},addScalar:function(e){return this.x+=e,this.y+=e,this.z+=e,this},addVectors:function(e,t){return this.x=e.x+t.x,this.y=e.y+t.y,this.z=e.z+t.z,this},addScaledVector:function(e,t){return this.x+=e.x*t,this.y+=e.y*t,this.z+=e.z*t,this},sub:function(e,t){return void 0!==t?(console.warn("THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(e,t)):(this.x-=e.x,this.y-=e.y,this.z-=e.z,this)},subScalar:function(e){return this.x-=e,this.y-=e,this.z-=e,this},subVectors:function(e,t){return this.x=e.x-t.x,this.y=e.y-t.y,this.z=e.z-t.z,this},multiply:function(e,t){return void 0!==t?(console.warn("THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead."),this.multiplyVectors(e,t)):(this.x*=e.x,this.y*=e.y,this.z*=e.z,this)},multiplyScalar:function(e){return this.x*=e,this.y*=e,this.z*=e,this},multiplyVectors:function(e,t){return this.x=e.x*t.x,this.y=e.y*t.y,this.z=e.z*t.z,this},applyEuler:(w=new R,function(e){return e&&e.isEuler||console.error("THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order."),this.applyQuaternion(w.setFromEuler(e))}),applyAxisAngle:function(){var e=new R;return function(t,i){return this.applyQuaternion(e.setFromAxisAngle(t,i))}}(),applyMatrix3:function(e){var t=this.x,i=this.y,r=this.z,n=e.elements;return this.x=n[0]*t+n[3]*i+n[6]*r,this.y=n[1]*t+n[4]*i+n[7]*r,this.z=n[2]*t+n[5]*i+n[8]*r,this},applyMatrix4:function(e){var t=this.x,i=this.y,r=this.z,n=e.elements,a=1/(n[3]*t+n[7]*i+n[11]*r+n[15]);return this.x=(n[0]*t+n[4]*i+n[8]*r+n[12])*a,this.y=(n[1]*t+n[5]*i+n[9]*r+n[13])*a,this.z=(n[2]*t+n[6]*i+n[10]*r+n[14])*a,this},applyQuaternion:function(e){var t=this.x,i=this.y,r=this.z,n=e.x,a=e.y,o=e.z,s=e.w,c=s*t+a*r-o*i,h=s*i+o*t-n*r,l=s*r+n*i-a*t,u=-n*t-a*i-o*r;return this.x=c*s+u*-n+h*-o-l*-a,this.y=h*s+u*-a+l*-n-c*-o,this.z=l*s+u*-o+c*-a-h*-n,this},project:function(){var e=new S;return function(t){return e.multiplyMatrices(t.projectionMatrix,e.getInverse(t.matrixWorld)),this.applyMatrix4(e)}}(),unproject:function(){var e=new S;return function(t){return e.multiplyMatrices(t.matrixWorld,e.getInverse(t.projectionMatrix)),this.applyMatrix4(e)}}(),transformDirection:function(e){var t=this.x,i=this.y,r=this.z,n=e.elements;return this.x=n[0]*t+n[4]*i+n[8]*r,this.y=n[1]*t+n[5]*i+n[9]*r,this.z=n[2]*t+n[6]*i+n[10]*r,this.normalize()},divide:function(e){return this.x/=e.x,this.y/=e.y,this.z/=e.z,this},divideScalar:function(e){return this.multiplyScalar(1/e)},min:function(e){return this.x=Math.min(this.x,e.x),this.y=Math.min(this.y,e.y),this.z=Math.min(this.z,e.z),this},max:function(e){return this.x=Math.max(this.x,e.x),this.y=Math.max(this.y,e.y),this.z=Math.max(this.z,e.z),this},clamp:function(e,t){return this.x=Math.max(e.x,Math.min(t.x,this.x)),this.y=Math.max(e.y,Math.min(t.y,this.y)),this.z=Math.max(e.z,Math.min(t.z,this.z)),this},clampScalar:function(){var e=new L,t=new L;return function(i,r){return e.set(i,i,i),t.set(r,r,r),this.clamp(e,t)}}(),clampLength:function(e,t){var i=this.length();return this.divideScalar(i||1).multiplyScalar(Math.max(e,Math.min(t,i)))},floor:function(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this.z=Math.floor(this.z),this},ceil:function(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this.z=Math.ceil(this.z),this},round:function(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this.z=Math.round(this.z),this},roundToZero:function(){return this.x=this.x<0?Math.ceil(this.x):Math.floor(this.x),this.y=this.y<0?Math.ceil(this.y):Math.floor(this.y),this.z=this.z<0?Math.ceil(this.z):Math.floor(this.z),this},negate:function(){return this.x=-this.x,this.y=-this.y,this.z=-this.z,this},dot:function(e){return this.x*e.x+this.y*e.y+this.z*e.z},lengthSq:function(){return this.x*this.x+this.y*this.y+this.z*this.z},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)},manhattanLength:function(){return Math.abs(this.x)+Math.abs(this.y)+Math.abs(this.z)},normalize:function(){return this.divideScalar(this.length()||1)},setLength:function(e){return this.normalize().multiplyScalar(e)},lerp:function(e,t){return this.x+=(e.x-this.x)*t,this.y+=(e.y-this.y)*t,this.z+=(e.z-this.z)*t,this},lerpVectors:function(e,t,i){return this.subVectors(t,e).multiplyScalar(i).add(e)},cross:function(e,t){return void 0!==t?(console.warn("THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead."),this.crossVectors(e,t)):this.crossVectors(this,e)},crossVectors:function(e,t){var i=e.x,r=e.y,n=e.z,a=t.x,o=t.y,s=t.z;return this.x=r*s-n*o,this.y=n*a-i*s,this.z=i*o-r*a,this},projectOnVector:function(e){var t=e.dot(this)/e.lengthSq();return this.copy(e).multiplyScalar(t)},projectOnPlane:function(){var e=new L;return function(t){return e.copy(this).projectOnVector(t),this.sub(e)}}(),reflect:function(){var e=new L;return function(t){return this.sub(e.copy(t).multiplyScalar(2*this.dot(t)))}}(),angleTo:function(e){var t=this.dot(e)/Math.sqrt(this.lengthSq()*e.lengthSq());return Math.acos(M.clamp(t,-1,1))},distanceTo:function(e){return Math.sqrt(this.distanceToSquared(e))},distanceToSquared:function(e){var t=this.x-e.x,i=this.y-e.y,r=this.z-e.z;return t*t+i*i+r*r},manhattanDistanceTo:function(e){return Math.abs(this.x-e.x)+Math.abs(this.y-e.y)+Math.abs(this.z-e.z)},setFromSpherical:function(e){var t=Math.sin(e.phi)*e.radius;return this.x=t*Math.sin(e.theta),this.y=Math.cos(e.phi)*e.radius,this.z=t*Math.cos(e.theta),this},setFromCylindrical:function(e){return this.x=e.radius*Math.sin(e.theta),this.y=e.y,this.z=e.radius*Math.cos(e.theta),this},setFromMatrixPosition:function(e){var t=e.elements;return this.x=t[12],this.y=t[13],this.z=t[14],this},setFromMatrixScale:function(e){var t=this.setFromMatrixColumn(e,0).length(),i=this.setFromMatrixColumn(e,1).length(),r=this.setFromMatrixColumn(e,2).length();return this.x=t,this.y=i,this.z=r,this},setFromMatrixColumn:function(e,t){return this.fromArray(e.elements,4*t)},equals:function(e){return e.x===this.x&&e.y===this.y&&e.z===this.z},fromArray:function(e,t){return void 0===t&&(t=0),this.x=e[t],this.y=e[t+1],this.z=e[t+2],this},toArray:function(e,t){return void 0===e&&(e=[]),void 0===t&&(t=0),e[t]=this.x,e[t+1]=this.y,e[t+2]=this.z,e},fromBufferAttribute:function(e,t,i){return void 0!==i&&console.warn("THREE.Vector3: offset has been removed from .fromBufferAttribute()."),this.x=e.getX(t),this.y=e.getY(t),this.z=e.getZ(t),this}}),Object.assign(P.prototype,{isMatrix3:!0,set:function(e,t,i,r,n,a,o,s,c){var h=this.elements;return h[0]=e,h[1]=r,h[2]=o,h[3]=t,h[4]=n,h[5]=s,h[6]=i,h[7]=a,h[8]=c,this},identity:function(){return this.set(1,0,0,0,1,0,0,0,1),this},clone:function(){return(new this.constructor).fromArray(this.elements)},copy:function(e){var t=this.elements,i=e.elements;return t[0]=i[0],t[1]=i[1],t[2]=i[2],t[3]=i[3],t[4]=i[4],t[5]=i[5],t[6]=i[6],t[7]=i[7],t[8]=i[8],this},setFromMatrix4:function(e){var t=e.elements;return this.set(t[0],t[4],t[8],t[1],t[5],t[9],t[2],t[6],t[10]),this},applyToBufferAttribute:function(){var e=new L;return function(t){for(var i=0,r=t.count;i2048||t.height>2048?t.toDataURL("image/jpeg",.6):t.toDataURL("image/png")}(r)}),i.image=r.uuid}return t||(e.textures[this.uuid]=i),i},dispose:function(){this.dispatchEvent({type:"dispose"})},transformUv:function(e){if(300===this.mapping){if(e.applyMatrix3(this.matrix),e.x<0||e.x>1)switch(this.wrapS){case 1e3:e.x=e.x-Math.floor(e.x);break;case 1001:e.x=e.x<0?0:1;break;case 1002:1===Math.abs(Math.floor(e.x)%2)?e.x=Math.ceil(e.x)-e.x:e.x=e.x-Math.floor(e.x)}if(e.y<0||e.y>1)switch(this.wrapT){case 1e3:e.y=e.y-Math.floor(e.y);break;case 1001:e.y=e.y<0?0:1;break;case 1002:1===Math.abs(Math.floor(e.y)%2)?e.y=Math.ceil(e.y)-e.y:e.y=e.y-Math.floor(e.y)}this.flipY&&(e.y=1-e.y)}}}),Object.defineProperty(F.prototype,"needsUpdate",{set:function(e){!0===e&&this.version++}}),Object.assign(U.prototype,{isVector4:!0,set:function(e,t,i,r){return this.x=e,this.y=t,this.z=i,this.w=r,this},setScalar:function(e){return this.x=e,this.y=e,this.z=e,this.w=e,this},setX:function(e){return this.x=e,this},setY:function(e){return this.y=e,this},setZ:function(e){return this.z=e,this},setW:function(e){return this.w=e,this},setComponent:function(e,t){switch(e){case 0:this.x=t;break;case 1:this.y=t;break;case 2:this.z=t;break;case 3:this.w=t;break;default:throw new Error("index is out of range: "+e)}return this},getComponent:function(e){switch(e){case 0:return this.x;case 1:return this.y;case 2:return this.z;case 3:return this.w;default:throw new Error("index is out of range: "+e)}},clone:function(){return new this.constructor(this.x,this.y,this.z,this.w)},copy:function(e){return this.x=e.x,this.y=e.y,this.z=e.z,this.w=void 0!==e.w?e.w:1,this},add:function(e,t){return void 0!==t?(console.warn("THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(e,t)):(this.x+=e.x,this.y+=e.y,this.z+=e.z,this.w+=e.w,this)},addScalar:function(e){return this.x+=e,this.y+=e,this.z+=e,this.w+=e,this},addVectors:function(e,t){return this.x=e.x+t.x,this.y=e.y+t.y,this.z=e.z+t.z,this.w=e.w+t.w,this},addScaledVector:function(e,t){return this.x+=e.x*t,this.y+=e.y*t,this.z+=e.z*t,this.w+=e.w*t,this},sub:function(e,t){return void 0!==t?(console.warn("THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(e,t)):(this.x-=e.x,this.y-=e.y,this.z-=e.z,this.w-=e.w,this)},subScalar:function(e){return this.x-=e,this.y-=e,this.z-=e,this.w-=e,this},subVectors:function(e,t){return this.x=e.x-t.x,this.y=e.y-t.y,this.z=e.z-t.z,this.w=e.w-t.w,this},multiplyScalar:function(e){return this.x*=e,this.y*=e,this.z*=e,this.w*=e,this},applyMatrix4:function(e){var t=this.x,i=this.y,r=this.z,n=this.w,a=e.elements;return this.x=a[0]*t+a[4]*i+a[8]*r+a[12]*n,this.y=a[1]*t+a[5]*i+a[9]*r+a[13]*n,this.z=a[2]*t+a[6]*i+a[10]*r+a[14]*n,this.w=a[3]*t+a[7]*i+a[11]*r+a[15]*n,this},divideScalar:function(e){return this.multiplyScalar(1/e)},setAxisAngleFromQuaternion:function(e){this.w=2*Math.acos(e.w);var t=Math.sqrt(1-e.w*e.w);return t<1e-4?(this.x=1,this.y=0,this.z=0):(this.x=e.x/t,this.y=e.y/t,this.z=e.z/t),this},setAxisAngleFromRotationMatrix:function(e){var t,i,r,n,a=e.elements,o=a[0],s=a[4],c=a[8],h=a[1],l=a[5],u=a[9],d=a[2],p=a[6],f=a[10];if(Math.abs(s-h)<.01&&Math.abs(c-d)<.01&&Math.abs(u-p)<.01){if(Math.abs(s+h)<.1&&Math.abs(c+d)<.1&&Math.abs(u+p)<.1&&Math.abs(o+l+f-3)<.1)return this.set(1,0,0,0),this;t=Math.PI;var m=(o+1)/2,v=(l+1)/2,g=(f+1)/2,y=(s+h)/4,A=(c+d)/4,x=(u+p)/4;return m>v&&m>g?m<.01?(i=0,r=.707106781,n=.707106781):(r=y/(i=Math.sqrt(m)),n=A/i):v>g?v<.01?(i=.707106781,r=0,n=.707106781):(i=y/(r=Math.sqrt(v)),n=x/r):g<.01?(i=.707106781,r=.707106781,n=0):(i=A/(n=Math.sqrt(g)),r=x/n),this.set(i,r,n,t),this}var w=Math.sqrt((p-u)*(p-u)+(c-d)*(c-d)+(h-s)*(h-s));return Math.abs(w)<.001&&(w=1),this.x=(p-u)/w,this.y=(c-d)/w,this.z=(h-s)/w,this.w=Math.acos((o+l+f-1)/2),this},min:function(e){return this.x=Math.min(this.x,e.x),this.y=Math.min(this.y,e.y),this.z=Math.min(this.z,e.z),this.w=Math.min(this.w,e.w),this},max:function(e){return this.x=Math.max(this.x,e.x),this.y=Math.max(this.y,e.y),this.z=Math.max(this.z,e.z),this.w=Math.max(this.w,e.w),this},clamp:function(e,t){return this.x=Math.max(e.x,Math.min(t.x,this.x)),this.y=Math.max(e.y,Math.min(t.y,this.y)),this.z=Math.max(e.z,Math.min(t.z,this.z)),this.w=Math.max(e.w,Math.min(t.w,this.w)),this},clampScalar:function(){var e,t;return function(i,r){return void 0===e&&(e=new U,t=new U),e.set(i,i,i,i),t.set(r,r,r,r),this.clamp(e,t)}}(),clampLength:function(e,t){var i=this.length();return this.divideScalar(i||1).multiplyScalar(Math.max(e,Math.min(t,i)))},floor:function(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this.z=Math.floor(this.z),this.w=Math.floor(this.w),this},ceil:function(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this.z=Math.ceil(this.z),this.w=Math.ceil(this.w),this},round:function(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this.z=Math.round(this.z),this.w=Math.round(this.w),this},roundToZero:function(){return this.x=this.x<0?Math.ceil(this.x):Math.floor(this.x),this.y=this.y<0?Math.ceil(this.y):Math.floor(this.y),this.z=this.z<0?Math.ceil(this.z):Math.floor(this.z),this.w=this.w<0?Math.ceil(this.w):Math.floor(this.w),this},negate:function(){return this.x=-this.x,this.y=-this.y,this.z=-this.z,this.w=-this.w,this},dot:function(e){return this.x*e.x+this.y*e.y+this.z*e.z+this.w*e.w},lengthSq:function(){return this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w)},manhattanLength:function(){return Math.abs(this.x)+Math.abs(this.y)+Math.abs(this.z)+Math.abs(this.w)},normalize:function(){return this.divideScalar(this.length()||1)},setLength:function(e){return this.normalize().multiplyScalar(e)},lerp:function(e,t){return this.x+=(e.x-this.x)*t,this.y+=(e.y-this.y)*t,this.z+=(e.z-this.z)*t,this.w+=(e.w-this.w)*t,this},lerpVectors:function(e,t,i){return this.subVectors(t,e).multiplyScalar(i).add(e)},equals:function(e){return e.x===this.x&&e.y===this.y&&e.z===this.z&&e.w===this.w},fromArray:function(e,t){return void 0===t&&(t=0),this.x=e[t],this.y=e[t+1],this.z=e[t+2],this.w=e[t+3],this},toArray:function(e,t){return void 0===e&&(e=[]),void 0===t&&(t=0),e[t]=this.x,e[t+1]=this.y,e[t+2]=this.z,e[t+3]=this.w,e},fromBufferAttribute:function(e,t,i){return void 0!==i&&console.warn("THREE.Vector4: offset has been removed from .fromBufferAttribute()."),this.x=e.getX(t),this.y=e.getY(t),this.z=e.getZ(t),this.w=e.getW(t),this}}),z.prototype=Object.assign(Object.create(l.prototype),{constructor:z,isWebGLRenderTarget:!0,setSize:function(e,t){this.width===e&&this.height===t||(this.width=e,this.height=t,this.dispose()),this.viewport.set(0,0,e,t),this.scissor.set(0,0,e,t)},clone:function(){return(new this.constructor).copy(this)},copy:function(e){return this.width=e.width,this.height=e.height,this.viewport.copy(e.viewport),this.texture=e.texture.clone(),this.depthBuffer=e.depthBuffer,this.stencilBuffer=e.stencilBuffer,this.depthTexture=e.depthTexture,this},dispose:function(){this.dispatchEvent({type:"dispose"})}}),G.prototype=Object.create(z.prototype),G.prototype.constructor=G,G.prototype.isWebGLRenderTargetCube=!0,V.prototype=Object.create(F.prototype),V.prototype.constructor=V,V.prototype.isDataTexture=!0,Object.assign(H.prototype,{isBox3:!0,set:function(e,t){return this.min.copy(e),this.max.copy(t),this},setFromArray:function(e){for(var t=1/0,i=1/0,r=1/0,n=-1/0,a=-1/0,o=-1/0,s=0,c=e.length;sn&&(n=h),l>a&&(a=l),u>o&&(o=u)}return this.min.set(t,i,r),this.max.set(n,a,o),this},setFromBufferAttribute:function(e){for(var t=1/0,i=1/0,r=1/0,n=-1/0,a=-1/0,o=-1/0,s=0,c=e.count;sn&&(n=h),l>a&&(a=l),u>o&&(o=u)}return this.min.set(t,i,r),this.max.set(n,a,o),this},setFromPoints:function(e){this.makeEmpty();for(var t=0,i=e.length;tthis.max.x||e.ythis.max.y||e.zthis.max.z)},containsBox:function(e){return this.min.x<=e.min.x&&e.max.x<=this.max.x&&this.min.y<=e.min.y&&e.max.y<=this.max.y&&this.min.z<=e.min.z&&e.max.z<=this.max.z},getParameter:function(e,t){return void 0===t&&(console.warn("THREE.Box3: .getParameter() target is now required"),t=new L),t.set((e.x-this.min.x)/(this.max.x-this.min.x),(e.y-this.min.y)/(this.max.y-this.min.y),(e.z-this.min.z)/(this.max.z-this.min.z))},intersectsBox:function(e){return!(e.max.xthis.max.x||e.max.ythis.max.y||e.max.zthis.max.z)},intersectsSphere:(C=new L,function(e){return this.clampPoint(e.center,C),C.distanceToSquared(e.center)<=e.radius*e.radius}),intersectsPlane:function(e){var t,i;return e.normal.x>0?(t=e.normal.x*this.min.x,i=e.normal.x*this.max.x):(t=e.normal.x*this.max.x,i=e.normal.x*this.min.x),e.normal.y>0?(t+=e.normal.y*this.min.y,i+=e.normal.y*this.max.y):(t+=e.normal.y*this.max.y,i+=e.normal.y*this.min.y),e.normal.z>0?(t+=e.normal.z*this.min.z,i+=e.normal.z*this.max.z):(t+=e.normal.z*this.max.z,i+=e.normal.z*this.min.z),t<=e.constant&&i>=e.constant},intersectsTriangle:function(){var e=new L,t=new L,i=new L,r=new L,n=new L,a=new L,o=new L,s=new L,c=new L,h=new L;function l(r){var n,a;for(n=0,a=r.length-3;n<=a;n+=3){o.fromArray(r,n);var s=c.x*Math.abs(o.x)+c.y*Math.abs(o.y)+c.z*Math.abs(o.z),h=e.dot(o),l=t.dot(o),u=i.dot(o);if(Math.max(-Math.max(h,l,u),Math.min(h,l,u))>s)return!1}return!0}return function(o){if(this.isEmpty())return!1;this.getCenter(s),c.subVectors(this.max,s),e.subVectors(o.a,s),t.subVectors(o.b,s),i.subVectors(o.c,s),r.subVectors(t,e),n.subVectors(i,t),a.subVectors(e,i);var u=[0,-r.z,r.y,0,-n.z,n.y,0,-a.z,a.y,r.z,0,-r.x,n.z,0,-n.x,a.z,0,-a.x,-r.y,r.x,0,-n.y,n.x,0,-a.y,a.x,0];return!!l(u)&&(!!l(u=[1,0,0,0,1,0,0,0,1])&&(h.crossVectors(r,n),l(u=[h.x,h.y,h.z])))}}(),clampPoint:function(e,t){return void 0===t&&(console.warn("THREE.Box3: .clampPoint() target is now required"),t=new L),t.copy(e).clamp(this.min,this.max)},distanceToPoint:function(){var e=new L;return function(t){return e.copy(t).clamp(this.min,this.max).sub(t).length()}}(),getBoundingSphere:function(){var e=new L;return function(t){return void 0===t&&(console.warn("THREE.Box3: .getBoundingSphere() target is now required"),t=new k),this.getCenter(t.center),t.radius=.5*this.getSize(e).length(),t}}(),intersect:function(e){return this.min.max(e.min),this.max.min(e.max),this.isEmpty()&&this.makeEmpty(),this},union:function(e){return this.min.min(e.min),this.max.max(e.max),this},applyMatrix4:function(e){if(this.isEmpty())return this;var t=e.elements,i=t[0]*this.min.x,r=t[1]*this.min.x,n=t[2]*this.min.x,a=t[0]*this.max.x,o=t[1]*this.max.x,s=t[2]*this.max.x,c=t[4]*this.min.y,h=t[5]*this.min.y,l=t[6]*this.min.y,u=t[4]*this.max.y,d=t[5]*this.max.y,p=t[6]*this.max.y,f=t[8]*this.min.z,m=t[9]*this.min.z,v=t[10]*this.min.z,g=t[8]*this.max.z,y=t[9]*this.max.z,A=t[10]*this.max.z;return this.min.x=Math.min(i,a)+Math.min(c,u)+Math.min(f,g)+t[12],this.min.y=Math.min(r,o)+Math.min(h,d)+Math.min(m,y)+t[13],this.min.z=Math.min(n,s)+Math.min(l,p)+Math.min(v,A)+t[14],this.max.x=Math.max(i,a)+Math.max(c,u)+Math.max(f,g)+t[12],this.max.y=Math.max(r,o)+Math.max(h,d)+Math.max(m,y)+t[13],this.max.z=Math.max(n,s)+Math.max(l,p)+Math.max(v,A)+t[14],this},translate:function(e){return this.min.add(e),this.max.add(e),this},equals:function(e){return e.min.equals(this.min)&&e.max.equals(this.max)}}),Object.assign(k.prototype,{set:function(e,t){return this.center.copy(e),this.radius=t,this},setFromPoints:(D=new H,function(e,t){var i=this.center;void 0!==t?i.copy(t):D.setFromPoints(e).getCenter(i);for(var r=0,n=0,a=e.length;nthis.radius*this.radius&&(t.sub(this.center).normalize(),t.multiplyScalar(this.radius).add(this.center)),t},getBoundingBox:function(e){return void 0===e&&(console.warn("THREE.Sphere: .getBoundingBox() target is now required"),e=new H),e.set(this.center,this.center),e.expandByScalar(this.radius),e},applyMatrix4:function(e){return this.center.applyMatrix4(e),this.radius=this.radius*e.getMaxScaleOnAxis(),this},translate:function(e){return this.center.add(e),this},equals:function(e){return e.center.equals(this.center)&&e.radius===this.radius}}),Object.assign(j.prototype,{set:function(e,t){return this.normal.copy(e),this.constant=t,this},setComponents:function(e,t,i,r){return this.normal.set(e,t,i),this.constant=r,this},setFromNormalAndCoplanarPoint:function(e,t){return this.normal.copy(e),this.constant=-t.dot(this.normal),this},setFromCoplanarPoints:function(){var e=new L,t=new L;return function(i,r,n){var a=e.subVectors(n,r).cross(t.subVectors(i,r)).normalize();return this.setFromNormalAndCoplanarPoint(a,i),this}}(),clone:function(){return(new this.constructor).copy(this)},copy:function(e){return this.normal.copy(e.normal),this.constant=e.constant,this},normalize:function(){var e=1/this.normal.length();return this.normal.multiplyScalar(e),this.constant*=e,this},negate:function(){return this.constant*=-1,this.normal.negate(),this},distanceToPoint:function(e){return this.normal.dot(e)+this.constant},distanceToSphere:function(e){return this.distanceToPoint(e.center)-e.radius},projectPoint:function(e,t){return void 0===t&&(console.warn("THREE.Plane: .projectPoint() target is now required"),t=new L),t.copy(this.normal).multiplyScalar(-this.distanceToPoint(e)).add(e)},intersectLine:function(){var e=new L;return function(t,i){void 0===i&&(console.warn("THREE.Plane: .intersectLine() target is now required"),i=new L);var r=t.delta(e),n=this.normal.dot(r);if(0===n)return 0===this.distanceToPoint(t.start)?i.copy(t.start):void 0;var a=-(t.start.dot(this.normal)+this.constant)/n;return a<0||a>1?void 0:i.copy(r).multiplyScalar(a).add(t.start)}}(),intersectsLine:function(e){var t=this.distanceToPoint(e.start),i=this.distanceToPoint(e.end);return t<0&&i>0||i<0&&t>0},intersectsBox:function(e){return e.intersectsPlane(this)},intersectsSphere:function(e){return e.intersectsPlane(this)},coplanarPoint:function(e){return void 0===e&&(console.warn("THREE.Plane: .coplanarPoint() target is now required"),e=new L),e.copy(this.normal).multiplyScalar(-this.constant)},applyMatrix4:function(){var e=new L,t=new P;return function(i,r){var n=r||t.getNormalMatrix(i),a=this.coplanarPoint(e).applyMatrix4(i),o=this.normal.applyMatrix3(n).normalize();return this.constant=-a.dot(o),this}}(),translate:function(e){return this.constant-=e.dot(this.normal),this},equals:function(e){return e.normal.equals(this.normal)&&e.constant===this.constant}}),Object.assign(W.prototype,{set:function(e,t,i,r,n,a){var o=this.planes;return o[0].copy(e),o[1].copy(t),o[2].copy(i),o[3].copy(r),o[4].copy(n),o[5].copy(a),this},clone:function(){return(new this.constructor).copy(this)},copy:function(e){for(var t=this.planes,i=0;i<6;i++)t[i].copy(e.planes[i]);return this},setFromMatrix:function(e){var t=this.planes,i=e.elements,r=i[0],n=i[1],a=i[2],o=i[3],s=i[4],c=i[5],h=i[6],l=i[7],u=i[8],d=i[9],p=i[10],f=i[11],m=i[12],v=i[13],g=i[14],y=i[15];return t[0].setComponents(o-r,l-s,f-u,y-m).normalize(),t[1].setComponents(o+r,l+s,f+u,y+m).normalize(),t[2].setComponents(o+n,l+c,f+d,y+v).normalize(),t[3].setComponents(o-n,l-c,f-d,y-v).normalize(),t[4].setComponents(o-a,l-h,f-p,y-g).normalize(),t[5].setComponents(o+a,l+h,f+p,y+g).normalize(),this},intersectsObject:(N=new k,function(e){var t=e.geometry;return null===t.boundingSphere&&t.computeBoundingSphere(),N.copy(t.boundingSphere).applyMatrix4(e.matrixWorld),this.intersectsSphere(N)}),intersectsSprite:function(){var e=new k;return function(t){return e.center.set(0,0,0),e.radius=.7071067811865476,e.applyMatrix4(t.matrixWorld),this.intersectsSphere(e)}}(),intersectsSphere:function(e){for(var t=this.planes,i=e.center,r=-e.radius,n=0;n<6;n++){if(t[n].distanceToPoint(i)0?e.min.x:e.max.x,O.x=r.normal.x>0?e.max.x:e.min.x,I.y=r.normal.y>0?e.min.y:e.max.y,O.y=r.normal.y>0?e.max.y:e.min.y,I.z=r.normal.z>0?e.min.z:e.max.z,O.z=r.normal.z>0?e.max.z:e.min.z;var n=r.distanceToPoint(I),a=r.distanceToPoint(O);if(n<0&&a<0)return!1}return!0}),containsPoint:function(e){for(var t=this.planes,i=0;i<6;i++)if(t[i].distanceToPoint(e)<0)return!1;return!0}});var X,Y={alphamap_fragment:"#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif\n",alphamap_pars_fragment:"#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif\n",alphatest_fragment:"#ifdef ALPHATEST\n\tif ( diffuseColor.a < ALPHATEST ) discard;\n#endif\n",aomap_fragment:"#ifdef USE_AOMAP\n\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\n\treflectedLight.indirectDiffuse *= ambientOcclusion;\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.specularRoughness );\n\t#endif\n#endif\n",aomap_pars_fragment:"#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif",begin_vertex:"\nvec3 transformed = vec3( position );\n",beginnormal_vertex:"\nvec3 objectNormal = vec3( normal );\n",bsdfs:"float punctualLightIntensityToIrradianceFactor( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n\tif( decayExponent > 0.0 ) {\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tfloat maxDistanceCutoffFactor = pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\treturn distanceFalloff * maxDistanceCutoffFactor;\n#else\n\t\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\n#endif\n\t}\n\treturn 1.0;\n}\nvec3 BRDF_Diffuse_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 specularColor, const in float dotLH ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\n\treturn ( 1.0 - specularColor ) * fresnel + specularColor;\n}\nfloat G_GGX_Smith( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gl = dotNL + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\tfloat gv = dotNV + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\treturn 1.0 / ( gl * gv );\n}\nfloat G_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}\nvec3 BRDF_Specular_GGX( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNL = saturate( dot( geometry.normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( G * 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}\nvec3 BRDF_Specular_GGX_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.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 AB = vec2( -1.04, 1.04 ) * a004 + r.zw;\n\treturn specularColor * AB.x + AB.y;\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_Specular_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\nfloat GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\n\treturn ( 2.0 / pow2( ggxRoughness + 0.0001 ) - 2.0 );\n}\nfloat BlinnExponentToGGXRoughness( const in float blinnExponent ) {\n\treturn sqrt( 2.0 / ( blinnExponent + 2.0 ) );\n}\n",bumpmap_pars_fragment:"#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 );\n\t\tfDet *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif\n",clipping_planes_fragment:"#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vViewPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vViewPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\tif ( clipped ) discard;\n\t#endif\n#endif\n",clipping_planes_pars_fragment:"#if NUM_CLIPPING_PLANES > 0\n\t#if ! defined( PHYSICAL ) && ! defined( PHONG )\n\t\tvarying vec3 vViewPosition;\n\t#endif\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif\n",clipping_planes_pars_vertex:"#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvarying vec3 vViewPosition;\n#endif\n",clipping_planes_vertex:"#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n",color_fragment:"#ifdef USE_COLOR\n\tdiffuseColor.rgb *= vColor;\n#endif",color_pars_fragment:"#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif\n",color_pars_vertex:"#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif",color_vertex:"#ifdef USE_COLOR\n\tvColor.xyz = color.xyz;\n#endif",common:"#define PI 3.14159265359\n#define PI2 6.28318530718\n#define PI_HALF 1.5707963267949\n#define RECIPROCAL_PI 0.31830988618\n#define RECIPROCAL_PI2 0.15915494\n#define LOG2 1.442695\n#define EPSILON 1e-6\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#define whiteCompliment(a) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract(sin(sn) * c);\n}\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nvec3 projectOnPlane(in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\tfloat distance = dot( planeNormal, point - pointOnPlane );\n\treturn - distance * planeNormal + point;\n}\nfloat sideOfPlane( in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn sign( dot( point - pointOnPlane, planeNormal ) );\n}\nvec3 linePlaneIntersect( in vec3 pointOnLine, in vec3 lineDirection, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn lineDirection * ( dot( planeNormal, pointOnPlane - pointOnLine ) / dot( planeNormal, lineDirection ) ) + pointOnLine;\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\n",cube_uv_reflection_fragment:"#ifdef ENVMAP_TYPE_CUBE_UV\n#define cubeUV_textureSize (1024.0)\nint getFaceFromDirection(vec3 direction) {\n\tvec3 absDirection = abs(direction);\n\tint face = -1;\n\tif( absDirection.x > absDirection.z ) {\n\t\tif(absDirection.x > absDirection.y )\n\t\t\tface = direction.x > 0.0 ? 0 : 3;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\telse {\n\t\tif(absDirection.z > absDirection.y )\n\t\t\tface = direction.z > 0.0 ? 2 : 5;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\treturn face;\n}\n#define cubeUV_maxLods1 (log2(cubeUV_textureSize*0.25) - 1.0)\n#define cubeUV_rangeClamp (exp2((6.0 - 1.0) * 2.0))\nvec2 MipLevelInfo( vec3 vec, float roughnessLevel, float roughness ) {\n\tfloat scale = exp2(cubeUV_maxLods1 - roughnessLevel);\n\tfloat dxRoughness = dFdx(roughness);\n\tfloat dyRoughness = dFdy(roughness);\n\tvec3 dx = dFdx( vec * scale * dxRoughness );\n\tvec3 dy = dFdy( vec * scale * dyRoughness );\n\tfloat d = max( dot( dx, dx ), dot( dy, dy ) );\n\td = clamp(d, 1.0, cubeUV_rangeClamp);\n\tfloat mipLevel = 0.5 * log2(d);\n\treturn vec2(floor(mipLevel), fract(mipLevel));\n}\n#define cubeUV_maxLods2 (log2(cubeUV_textureSize*0.25) - 2.0)\n#define cubeUV_rcpTextureSize (1.0 / cubeUV_textureSize)\nvec2 getCubeUV(vec3 direction, float roughnessLevel, float mipLevel) {\n\tmipLevel = roughnessLevel > cubeUV_maxLods2 - 3.0 ? 0.0 : mipLevel;\n\tfloat a = 16.0 * cubeUV_rcpTextureSize;\n\tvec2 exp2_packed = exp2( vec2( roughnessLevel, mipLevel ) );\n\tvec2 rcp_exp2_packed = vec2( 1.0 ) / exp2_packed;\n\tfloat powScale = exp2_packed.x * exp2_packed.y;\n\tfloat scale = rcp_exp2_packed.x * rcp_exp2_packed.y * 0.25;\n\tfloat mipOffset = 0.75*(1.0 - rcp_exp2_packed.y) * rcp_exp2_packed.x;\n\tbool bRes = mipLevel == 0.0;\n\tscale = bRes && (scale < a) ? a : scale;\n\tvec3 r;\n\tvec2 offset;\n\tint face = getFaceFromDirection(direction);\n\tfloat rcpPowScale = 1.0 / powScale;\n\tif( face == 0) {\n\t\tr = vec3(direction.x, -direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 1) {\n\t\tr = vec3(direction.y, direction.x, direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 2) {\n\t\tr = vec3(direction.z, direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 3) {\n\t\tr = vec3(direction.x, direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse if( face == 4) {\n\t\tr = vec3(direction.y, direction.x, -direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse {\n\t\tr = vec3(direction.z, -direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\tr = normalize(r);\n\tfloat texelOffset = 0.5 * cubeUV_rcpTextureSize;\n\tvec2 s = ( r.yz / abs( r.x ) + vec2( 1.0 ) ) * 0.5;\n\tvec2 base = offset + vec2( texelOffset );\n\treturn base + s * ( scale - 2.0 * texelOffset );\n}\n#define cubeUV_maxLods3 (log2(cubeUV_textureSize*0.25) - 3.0)\nvec4 textureCubeUV(vec3 reflectedDirection, float roughness ) {\n\tfloat roughnessVal = roughness* cubeUV_maxLods3;\n\tfloat r1 = floor(roughnessVal);\n\tfloat r2 = r1 + 1.0;\n\tfloat t = fract(roughnessVal);\n\tvec2 mipInfo = MipLevelInfo(reflectedDirection, r1, roughness);\n\tfloat s = mipInfo.y;\n\tfloat level0 = mipInfo.x;\n\tfloat level1 = level0 + 1.0;\n\tlevel1 = level1 > 5.0 ? 5.0 : level1;\n\tlevel0 += min( floor( s + 0.5 ), 5.0 );\n\tvec2 uv_10 = getCubeUV(reflectedDirection, r1, level0);\n\tvec4 color10 = envMapTexelToLinear(texture2D(envMap, uv_10));\n\tvec2 uv_20 = getCubeUV(reflectedDirection, r2, level0);\n\tvec4 color20 = envMapTexelToLinear(texture2D(envMap, uv_20));\n\tvec4 result = mix(color10, color20, t);\n\treturn vec4(result.rgb, 1.0);\n}\n#endif\n",defaultnormal_vertex:"vec3 transformedNormal = normalMatrix * objectNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n",displacementmap_pars_vertex:"#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif\n",displacementmap_vertex:"#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, uv ).x * displacementScale + displacementBias );\n#endif\n",emissivemap_fragment:"#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif\n",emissivemap_pars_fragment:"#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif\n",encodings_fragment:" gl_FragColor = linearToOutputTexel( gl_FragColor );\n",encodings_pars_fragment:"\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( gammaFactor ) ), value.w );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( 1.0 / gammaFactor ) ), value.w );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.w );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.w );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.xyz * value.w * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = min( floor( D ) / 255.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = value.rgb * cLogLuvM;\n\tXp_Y_XYZp = max(Xp_Y_XYZp, vec3(1e-6, 1e-6, 1e-6));\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract(Le);\n\tvResult.z = (Le - (floor(vResult.w*255.0))/255.0)/255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2((Le - 127.0) / 2.0);\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = Xp_Y_XYZp.rgb * cLogLuvInverseM;\n\treturn vec4( max(vRGB, 0.0), 1.0 );\n}\n",envmap_fragment:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvec3 cameraToVertex = normalize( vWorldPosition - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\tvec2 sampleUV;\n\t\treflectVec = normalize( reflectVec );\n\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\tvec4 envColor = texture2D( envMap, sampleUV );\n\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\treflectVec = normalize( reflectVec );\n\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0, 0.0, 1.0 ) );\n\t\tvec4 envColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\tenvColor = envMapTexelToLinear( envColor );\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif\n",envmap_pars_fragment:"#if defined( USE_ENVMAP ) || defined( PHYSICAL )\n\tuniform float reflectivity;\n\tuniform float envMapIntensity;\n#endif\n#ifdef USE_ENVMAP\n\t#if ! defined( PHYSICAL ) && ( defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) )\n\t\tvarying vec3 vWorldPosition;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) || defined( PHYSICAL )\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif\n",envmap_pars_vertex:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif\n",envmap_vertex:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif\n",fog_vertex:"\n#ifdef USE_FOG\nfogDepth = -mvPosition.z;\n#endif",fog_pars_vertex:"#ifdef USE_FOG\n varying float fogDepth;\n#endif\n",fog_fragment:"#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = whiteCompliment( exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 ) );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, fogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif\n",fog_pars_fragment:"#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float fogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif\n",gradientmap_pars_fragment:"#ifdef TOON\n\tuniform sampler2D gradientMap;\n\tvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\t\tfloat dotNL = dot( normal, lightDirection );\n\t\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t\t#ifdef USE_GRADIENTMAP\n\t\t\treturn texture2D( gradientMap, coord ).rgb;\n\t\t#else\n\t\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t\t#endif\n\t}\n#endif\n",lightmap_fragment:"#ifdef USE_LIGHTMAP\n\treflectedLight.indirectDiffuse += PI * texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n#endif\n",lightmap_pars_fragment:"#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif",lights_lambert_vertex:"vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointDirectLightIrradiance( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotDirectLightIrradiance( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalDirectLightIrradiance( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvLightFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n#endif\n",lights_pars_begin:"uniform vec3 ambientLightColor;\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treturn irradiance;\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalDirectLightIrradiance( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tdirectLight.color = directionalLight.color;\n\t\tdirectLight.direction = directionalLight.direction;\n\t\tdirectLight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t\tfloat shadowCameraNear;\n\t\tfloat shadowCameraFar;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointDirectLightIrradiance( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tdirectLight.color = pointLight.color;\n\t\tdirectLight.color *= punctualLightIntensityToIrradianceFactor( lightDistance, pointLight.distance, pointLight.decay );\n\t\tdirectLight.visible = ( directLight.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotDirectLightIrradiance( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tfloat angleCos = dot( directLight.direction, spotLight.direction );\n\t\tif ( angleCos > spotLight.coneCos ) {\n\t\t\tfloat spotEffect = smoothstep( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\t\tdirectLight.color = spotLight.color;\n\t\t\tdirectLight.color *= spotEffect * punctualLightIntensityToIrradianceFactor( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tdirectLight.visible = true;\n\t\t} else {\n\t\t\tdirectLight.color = vec3( 0.0 );\n\t\t\tdirectLight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tirradiance *= PI;\n\t\t#endif\n\t\treturn irradiance;\n\t}\n#endif\n",lights_pars_maps:"#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\tvec3 getLightProbeIndirectIrradiance( const in GeometricContext geometry, const in int maxMIPLevel ) {\n\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\tvec4 envMapColor = textureCubeUV( queryVec, 1.0 );\n\t\t#else\n\t\t\tvec4 envMapColor = vec4( 0.0 );\n\t\t#endif\n\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t}\n\tfloat getSpecularMIPLevel( const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\tfloat maxMIPLevelScalar = float( maxMIPLevel );\n\t\tfloat desiredMIPLevel = maxMIPLevelScalar + 0.79248 - 0.5 * log2( pow2( blinnShininessExponent ) + 1.0 );\n\t\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\n\t}\n\tvec3 getLightProbeIndirectRadiance( const in GeometricContext geometry, const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( -geometry.viewDir, geometry.normal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( -geometry.viewDir, geometry.normal, refractionRatio );\n\t\t#endif\n\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\tfloat specularMIPLevel = getSpecularMIPLevel( blinnShininessExponent, maxMIPLevel );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\tvec4 envMapColor = textureCubeUV(queryReflectVec, BlinnExponentToGGXRoughness(blinnShininessExponent));\n\t\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\t\tvec2 sampleUV;\n\t\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, sampleUV, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, sampleUV, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0,0.0,1.0 ) );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#endif\n\t\treturn envMapColor.rgb * envMapIntensity;\n\t}\n#endif\n",lights_phong_fragment:"BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;\n",lights_phong_pars_fragment:"varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct BlinnPhongMaterial {\n\tvec3\tdiffuseColor;\n\tvec3\tspecularColor;\n\tfloat\tspecularShininess;\n\tfloat\tspecularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifdef TOON\n\t\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\t#else\n\t\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\t\tvec3 irradiance = dotNL * directLight.color;\n\t#endif\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_Specular_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)\n",lights_physical_fragment:"PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nmaterial.specularRoughness = clamp( roughnessFactor, 0.04, 1.0 );\n#ifdef STANDARD\n\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.clearCoat = saturate( clearCoat );\tmaterial.clearCoatRoughness = clamp( clearCoatRoughness, 0.04, 1.0 );\n#endif\n",lights_physical_pars_fragment:"struct PhysicalMaterial {\n\tvec3\tdiffuseColor;\n\tfloat\tspecularRoughness;\n\tvec3\tspecularColor;\n\t#ifndef STANDARD\n\t\tfloat clearCoat;\n\t\tfloat clearCoatRoughness;\n\t#endif\n};\n#define MAXIMUM_SPECULAR_COEFFICIENT 0.16\n#define DEFAULT_SPECULAR_COEFFICIENT 0.04\nfloat clearCoatDHRApprox( const in float roughness, const in float dotNL ) {\n\treturn DEFAULT_SPECULAR_COEFFICIENT + ( 1.0 - DEFAULT_SPECULAR_COEFFICIENT ) * ( pow( 1.0 - dotNL, 5.0 ) * pow( 1.0 - roughness, 2.0 ) );\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\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.specularRoughness;\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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\t#ifndef STANDARD\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.directSpecular += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry, material.specularColor, material.specularRoughness );\n\treflectedLight.directDiffuse += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\t#ifndef STANDARD\n\t\treflectedLight.directSpecular += irradiance * material.clearCoat * BRDF_Specular_GGX( directLight, geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 clearCoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifndef STANDARD\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\tfloat dotNL = dotNV;\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.indirectSpecular += ( 1.0 - clearCoatDHR ) * radiance * BRDF_Specular_GGX_Environment( geometry, material.specularColor, material.specularRoughness );\n\t#ifndef STANDARD\n\t\treflectedLight.indirectSpecular += clearCoatRadiance * material.clearCoat * BRDF_Specular_GGX_Environment( geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\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\n#define Material_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.specularRoughness )\n#define Material_ClearCoat_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.clearCoatRoughness )\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}\n",lights_fragment_begin:"\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = normalize( vViewPosition );\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( pointLight.shadow, directLight.visible ) ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( spotLight.shadow, directLight.visible ) ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( directionalLight.shadow, directLight.visible ) ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearCoatRadiance = vec3( 0.0 );\n#endif\n",lights_fragment_maps:"#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec3 lightMapIrradiance = texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tirradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getLightProbeIndirectRadiance( geometry, Material_BlinnShininessExponent( material ), maxMipLevel );\n\t#ifndef STANDARD\n\t\tclearCoatRadiance += getLightProbeIndirectRadiance( geometry, Material_ClearCoat_BlinnShininessExponent( material ), maxMipLevel );\n\t#endif\n#endif\n",lights_fragment_end:"#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, clearCoatRadiance, geometry, material, reflectedLight );\n#endif\n",logdepthbuf_fragment:"#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif",logdepthbuf_pars_fragment:"#ifdef USE_LOGDEPTHBUF\n\tuniform float logDepthBufFC;\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n#endif\n",logdepthbuf_pars_vertex:"#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n\tuniform float logDepthBufFC;\n#endif",logdepthbuf_vertex:"#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t#else\n\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\tgl_Position.z *= gl_Position.w;\n\t#endif\n#endif\n",map_fragment:"#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif\n",map_pars_fragment:"#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n",map_particle_fragment:"#ifdef USE_MAP\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n",map_particle_pars_fragment:"#ifdef USE_MAP\n\tuniform mat3 uvTransform;\n\tuniform sampler2D map;\n#endif\n",metalnessmap_fragment:"float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif\n",metalnessmap_pars_fragment:"#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif",morphnormal_vertex:"#ifdef USE_MORPHNORMALS\n\tobjectNormal += ( morphNormal0 - normal ) * morphTargetInfluences[ 0 ];\n\tobjectNormal += ( morphNormal1 - normal ) * morphTargetInfluences[ 1 ];\n\tobjectNormal += ( morphNormal2 - normal ) * morphTargetInfluences[ 2 ];\n\tobjectNormal += ( morphNormal3 - normal ) * morphTargetInfluences[ 3 ];\n#endif\n",morphtarget_pars_vertex:"#ifdef USE_MORPHTARGETS\n\t#ifndef USE_MORPHNORMALS\n\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif",morphtarget_vertex:"#ifdef USE_MORPHTARGETS\n\ttransformed += ( morphTarget0 - position ) * morphTargetInfluences[ 0 ];\n\ttransformed += ( morphTarget1 - position ) * morphTargetInfluences[ 1 ];\n\ttransformed += ( morphTarget2 - position ) * morphTargetInfluences[ 2 ];\n\ttransformed += ( morphTarget3 - position ) * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\ttransformed += ( morphTarget4 - position ) * morphTargetInfluences[ 4 ];\n\ttransformed += ( morphTarget5 - position ) * morphTargetInfluences[ 5 ];\n\ttransformed += ( morphTarget6 - position ) * morphTargetInfluences[ 6 ];\n\ttransformed += ( morphTarget7 - position ) * morphTargetInfluences[ 7 ];\n\t#endif\n#endif\n",normal_fragment_begin:"#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n#endif\n",normal_fragment_maps:"#ifdef USE_NORMALMAP\n\tnormal = perturbNormal2Arb( -vViewPosition, normal );\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\n#endif\n",normalmap_pars_fragment:"#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tfloat scale = sign( st1.t * st0.s - st0.t * st1.s );\n\t\tvec3 S = normalize( ( q0 * st1.t - q1 * st0.t ) * scale );\n\t\tvec3 T = normalize( ( - q0 * st1.s + q1 * st0.s ) * scale );\n\t\tvec3 N = normalize( surf_norm );\n\t\tmat3 tsn = mat3( S, T, N );\n\t\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t\tmapN.xy *= normalScale;\n\t\tmapN.xy *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t\treturn normalize( tsn * mapN );\n\t}\n#endif\n",packing:"vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn (( near + viewZ ) * far ) / (( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}\n",premultiplied_alpha_fragment:"#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif\n",project_vertex:"vec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );\ngl_Position = projectionMatrix * mvPosition;\n",dithering_fragment:"#if defined( DITHERING )\n gl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif\n",dithering_pars_fragment:"#if defined( DITHERING )\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif\n",roughnessmap_fragment:"float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif\n",roughnessmap_pars_fragment:"#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif",shadowmap_pars_fragment:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tfloat texture2DShadowLerp( sampler2D depths, vec2 size, vec2 uv, float compare ) {\n\t\tconst vec2 offset = vec2( 0.0, 1.0 );\n\t\tvec2 texelSize = vec2( 1.0 ) / size;\n\t\tvec2 centroidUV = floor( uv * size + 0.5 ) / size;\n\t\tfloat lb = texture2DCompare( depths, centroidUV + texelSize * offset.xx, compare );\n\t\tfloat lt = texture2DCompare( depths, centroidUV + texelSize * offset.xy, compare );\n\t\tfloat rb = texture2DCompare( depths, centroidUV + texelSize * offset.yx, compare );\n\t\tfloat rt = texture2DCompare( depths, centroidUV + texelSize * offset.yy, compare );\n\t\tvec2 f = fract( uv * size + 0.5 );\n\t\tfloat a = mix( lb, lt, f.y );\n\t\tfloat b = mix( rb, rt, f.y );\n\t\tfloat c = mix( a, b, f.x );\n\t\treturn c;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif\n",shadowmap_pars_vertex:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n#endif\n",shadowmap_vertex:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n#endif\n",shadowmask_pars_fragment:"float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tshadow *= bool( directionalLight.shadow ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tshadow *= bool( spotLight.shadow ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tshadow *= bool( pointLight.shadow ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#endif\n\t#endif\n\treturn shadow;\n}\n",skinbase_vertex:"#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif",skinning_pars_vertex:"#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif\n",skinning_vertex:"#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif\n",skinnormal_vertex:"#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n#endif\n",specularmap_fragment:"float specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.r;\n#else\n\tspecularStrength = 1.0;\n#endif",specularmap_pars_fragment:"#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif",tonemapping_fragment:"#if defined( TONE_MAPPING )\n gl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif\n",tonemapping_pars_fragment:"#ifndef saturate\n\t#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nuniform float toneMappingWhitePoint;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\n#define Uncharted2Helper( x ) max( ( ( x * ( 0.15 * x + 0.10 * 0.50 ) + 0.20 * 0.02 ) / ( x * ( 0.15 * x + 0.50 ) + 0.20 * 0.30 ) ) - 0.02 / 0.30, vec3( 0.0 ) )\nvec3 Uncharted2ToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( Uncharted2Helper( color ) / Uncharted2Helper( vec3( toneMappingWhitePoint ) ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\n",uv_pars_fragment:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n#endif",uv_pars_vertex:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n\tuniform mat3 uvTransform;\n#endif\n",uv_vertex:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif",uv2_pars_fragment:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif",uv2_pars_vertex:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n#endif",uv2_vertex:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = uv2;\n#endif",worldpos_vertex:"#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n\tvec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\n#endif\n",cube_frag:"uniform samplerCube tCube;\nuniform float tFlip;\nuniform float opacity;\nvarying vec3 vWorldPosition;\nvoid main() {\n\tgl_FragColor = textureCube( tCube, vec3( tFlip * vWorldPosition.x, vWorldPosition.yz ) );\n\tgl_FragColor.a *= opacity;\n}\n",cube_vert:"varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n\tgl_Position.z = gl_Position.w;\n}\n",depth_frag:"#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - gl_FragCoord.z ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( gl_FragCoord.z );\n\t#endif\n}\n",depth_vert:"#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",distanceRGBA_frag:"#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main () {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include \n\t#include \n\t#include \n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}\n",distanceRGBA_vert:"#define DISTANCE\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvWorldPosition = worldPosition.xyz;\n}\n",equirect_frag:"uniform sampler2D tEquirect;\nvarying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvec3 direction = normalize( vWorldPosition );\n\tvec2 sampleUV;\n\tsampleUV.y = asin( clamp( direction.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\tsampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;\n\tgl_FragColor = texture2D( tEquirect, sampleUV );\n}\n",equirect_vert:"varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n}\n",linedashed_frag:"uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",linedashed_vert:"uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvLineDistance = scale * lineDistance;\n\tvec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include \n\t#include \n\t#include \n}\n",meshbasic_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\treflectedLight.indirectDiffuse += texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include \n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshbasic_vert:"#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_ENVMAP\n\t#include \n\t#include \n\t#include \n\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshlambert_frag:"uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\treflectedLight.indirectDiffuse = getAmbientLightIrradiance( ambientLightColor );\n\t#include \n\treflectedLight.indirectDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshlambert_vert:"#define LAMBERT\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshphong_frag:"#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshphong_vert:"#define PHONG\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshphysical_frag:"#define PHYSICAL\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifndef STANDARD\n\tuniform float clearCoat;\n\tuniform float clearCoatRoughness;\n#endif\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n",meshphysical_vert:"#define PHYSICAL\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n}\n",normal_frag:"#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}\n",normal_vert:"#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}\n",points_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",points_vert:"uniform float size;\nuniform float scale;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_SIZEATTENUATION\n\t\tgl_PointSize = size * ( scale / - mvPosition.z );\n\t#else\n\t\tgl_PointSize = size;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n}\n",shadow_frag:"uniform vec3 color;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include \n}\n",shadow_vert:"#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"},q={merge:function(e){for(var t={},i=0;i>16&255)/255,this.g=(e>>8&255)/255,this.b=(255&e)/255,this},setRGB:function(e,t,i){return this.r=e,this.g=t,this.b=i,this},setHSL:function(){function e(e,t,i){return i<0&&(i+=1),i>1&&(i-=1),i<1/6?e+6*(t-e)*i:i<.5?t:i<2/3?e+6*(t-e)*(2/3-i):e}return function(t,i,r){if(t=M.euclideanModulo(t,1),i=M.clamp(i,0,1),r=M.clamp(r,0,1),0===i)this.r=this.g=this.b=r;else{var n=r<=.5?r*(1+i):r+i-r*i,a=2*r-n;this.r=e(a,n,t+1/3),this.g=e(a,n,t),this.b=e(a,n,t-1/3)}return this}}(),setStyle:function(e){function t(t){void 0!==t&&parseFloat(t)<1&&console.warn("THREE.Color: Alpha component of "+e+" will be ignored.")}var i;if(i=/^((?:rgb|hsl)a?)\(\s*([^\)]*)\)/.exec(e)){var r,n=i[1],a=i[2];switch(n){case"rgb":case"rgba":if(r=/^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(a))return this.r=Math.min(255,parseInt(r[1],10))/255,this.g=Math.min(255,parseInt(r[2],10))/255,this.b=Math.min(255,parseInt(r[3],10))/255,t(r[5]),this;if(r=/^(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(a))return this.r=Math.min(100,parseInt(r[1],10))/100,this.g=Math.min(100,parseInt(r[2],10))/100,this.b=Math.min(100,parseInt(r[3],10))/100,t(r[5]),this;break;case"hsl":case"hsla":if(r=/^([0-9]*\.?[0-9]+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(a)){var o=parseFloat(r[1])/360,s=parseInt(r[2],10)/100,c=parseInt(r[3],10)/100;return t(r[5]),this.setHSL(o,s,c)}}}else if(i=/^\#([A-Fa-f0-9]+)$/.exec(e)){var h,l=(h=i[1]).length;if(3===l)return this.r=parseInt(h.charAt(0)+h.charAt(0),16)/255,this.g=parseInt(h.charAt(1)+h.charAt(1),16)/255,this.b=parseInt(h.charAt(2)+h.charAt(2),16)/255,this;if(6===l)return this.r=parseInt(h.charAt(0)+h.charAt(1),16)/255,this.g=parseInt(h.charAt(2)+h.charAt(3),16)/255,this.b=parseInt(h.charAt(4)+h.charAt(5),16)/255,this}e&&e.length>0&&(void 0!==(h=Q[e])?this.setHex(h):console.warn("THREE.Color: Unknown color "+e));return this},clone:function(){return new this.constructor(this.r,this.g,this.b)},copy:function(e){return this.r=e.r,this.g=e.g,this.b=e.b,this},copyGammaToLinear:function(e,t){return void 0===t&&(t=2),this.r=Math.pow(e.r,t),this.g=Math.pow(e.g,t),this.b=Math.pow(e.b,t),this},copyLinearToGamma:function(e,t){void 0===t&&(t=2);var i=t>0?1/t:1;return this.r=Math.pow(e.r,i),this.g=Math.pow(e.g,i),this.b=Math.pow(e.b,i),this},convertGammaToLinear:function(e){return this.copyGammaToLinear(this,e),this},convertLinearToGamma:function(e){return this.copyLinearToGamma(this,e),this},getHex:function(){return 255*this.r<<16^255*this.g<<8^255*this.b<<0},getHexString:function(){return("000000"+this.getHex().toString(16)).slice(-6)},getHSL:function(e){void 0===e&&(console.warn("THREE.Color: .getHSL() target is now required"),e={h:0,s:0,l:0});var t,i,r=this.r,n=this.g,a=this.b,o=Math.max(r,n,a),s=Math.min(r,n,a),c=(s+o)/2;if(s===o)t=0,i=0;else{var h=o-s;switch(i=c<=.5?h/(o+s):h/(2-o-s),o){case r:t=(n-a)/h+(n1){for(var t=0;t1){for(var t=0;t0){r.children=[];for(s=0;s0&&(i.geometries=u),d.length>0&&(i.materials=d),p.length>0&&(i.textures=p),f.length>0&&(i.images=f),o.length>0&&(i.shapes=o)}return i.object=r,i;function m(e){var t=[];for(var i in e){var r=e[i];delete r.metadata,t.push(r)}return t}},clone:function(e){return(new this.constructor).copy(this,e)},copy:function(e,t){if(void 0===t&&(t=!0),this.name=e.name,this.up.copy(e.up),this.position.copy(e.position),this.quaternion.copy(e.quaternion),this.scale.copy(e.scale),this.matrix.copy(e.matrix),this.matrixWorld.copy(e.matrixWorld),this.matrixAutoUpdate=e.matrixAutoUpdate,this.matrixWorldNeedsUpdate=e.matrixWorldNeedsUpdate,this.layers.mask=e.layers.mask,this.visible=e.visible,this.castShadow=e.castShadow,this.receiveShadow=e.receiveShadow,this.frustumCulled=e.frustumCulled,this.renderOrder=e.renderOrder,this.userData=JSON.parse(JSON.stringify(e.userData)),!0===t)for(var i=0;it&&(t=e[i]);return t}ve.prototype=Object.assign(Object.create(l.prototype),{constructor:ve,isGeometry:!0,applyMatrix:function(e){for(var t=(new P).getNormalMatrix(e),i=0,r=this.vertices.length;i0)for(d=0;d0&&(this.normalsNeedUpdate=!0)},computeFlatVertexNormals:function(){var e,t,i;for(this.computeFaceNormals(),e=0,t=this.faces.length;e0&&(this.normalsNeedUpdate=!0)},computeMorphNormals:function(){var e,t,i,r,n;for(i=0,r=this.faces.length;i=0;i--){var f=d[i];for(this.faces.splice(f,1),o=0,s=this.faceVertexUvs.length;o0,v=p.vertexNormals.length>0,g=1!==p.color.r||1!==p.color.g||1!==p.color.b,y=p.vertexColors.length>0,A=0;if(A=_(A,0,0),A=_(A,1,!0),A=_(A,2,!1),A=_(A,3,f),A=_(A,4,m),A=_(A,5,v),A=_(A,6,g),A=_(A,7,y),o.push(A),o.push(p.a,p.b,p.c),o.push(p.materialIndex),f){var x=this.faceVertexUvs[0][n];o.push(T(x[0]),T(x[1]),T(x[2]))}if(m&&o.push(E(p.normal)),v){var w=p.vertexNormals;o.push(E(w[0]),E(w[1]),E(w[2]))}if(g&&o.push(M(p.color)),y){var b=p.vertexColors;o.push(M(b[0]),M(b[1]),M(b[2]))}}function _(e,t,i){return i?e|1<0&&(e.data.colors=h),u.length>0&&(e.data.uvs=[u]),e.data.faces=o,e},clone:function(){return(new ve).copy(this)},copy:function(e){var t,i,r,n,a,o;this.vertices=[],this.colors=[],this.faces=[],this.faceVertexUvs=[[]],this.morphTargets=[],this.morphNormals=[],this.skinWeights=[],this.skinIndices=[],this.lineDistances=[],this.boundingBox=null,this.boundingSphere=null,this.name=e.name;var s=e.vertices;for(t=0,i=s.length;t0,o=n[1]&&n[1].length>0,s=e.morphTargets,c=s.length;if(c>0){t=[];for(var h=0;h0){l=[];for(h=0;h0?1:-1,h.push(P.x,P.y,P.z),l.push(y/m),l.push(1-A/v),S+=1}}for(A=0;A65535?Ee:be)(e,1):this.index=e},addAttribute:function(e,t){return t&&t.isBufferAttribute||t&&t.isInterleavedBufferAttribute?"index"===e?(console.warn("THREE.BufferGeometry.addAttribute: Use .setIndex() for index attribute."),this.setIndex(t),this):(this.attributes[e]=t,this):(console.warn("THREE.BufferGeometry: .addAttribute() now expects ( name, attribute )."),this.addAttribute(e,new ge(arguments[1],arguments[2])))},getAttribute:function(e){return this.attributes[e]},removeAttribute:function(e){return delete this.attributes[e],this},addGroup:function(e,t,i){this.groups.push({start:e,count:t,materialIndex:void 0!==i?i:0})},clearGroups:function(){this.groups=[]},setDrawRange:function(e,t){this.drawRange.start=e,this.drawRange.count=t},applyMatrix:function(e){var t=this.attributes.position;void 0!==t&&(e.applyToBufferAttribute(t),t.needsUpdate=!0);var i=this.attributes.normal;void 0!==i&&((new P).getNormalMatrix(e).applyToBufferAttribute(i),i.needsUpdate=!0);return null!==this.boundingBox&&this.computeBoundingBox(),null!==this.boundingSphere&&this.computeBoundingSphere(),this},rotateX:function(){var e=new S;return function(t){return e.makeRotationX(t),this.applyMatrix(e),this}}(),rotateY:function(){var e=new S;return function(t){return e.makeRotationY(t),this.applyMatrix(e),this}}(),rotateZ:function(){var e=new S;return function(t){return e.makeRotationZ(t),this.applyMatrix(e),this}}(),translate:function(){var e=new S;return function(t,i,r){return e.makeTranslation(t,i,r),this.applyMatrix(e),this}}(),scale:function(){var e=new S;return function(t,i,r){return e.makeScale(t,i,r),this.applyMatrix(e),this}}(),lookAt:function(){var e=new he;return function(t){e.lookAt(t),e.updateMatrix(),this.applyMatrix(e.matrix)}}(),center:function(){var e=new L;return function(){return this.computeBoundingBox(),this.boundingBox.getCenter(e).negate(),this.translate(e.x,e.y,e.z),this}}(),setFromObject:function(e){var t=e.geometry;if(e.isPoints||e.isLine){var i=new Me(3*t.vertices.length,3),r=new Me(3*t.colors.length,3);if(this.addAttribute("position",i.copyVector3sArray(t.vertices)),this.addAttribute("color",r.copyColorsArray(t.colors)),t.lineDistances&&t.lineDistances.length===t.vertices.length){var n=new Me(t.lineDistances.length,1);this.addAttribute("lineDistance",n.copyArray(t.lineDistances))}null!==t.boundingSphere&&(this.boundingSphere=t.boundingSphere.clone()),null!==t.boundingBox&&(this.boundingBox=t.boundingBox.clone())}else e.isMesh&&t&&t.isGeometry&&this.fromGeometry(t);return this},setFromPoints:function(e){for(var t=[],i=0,r=e.length;i0){var i=new Float32Array(3*e.normals.length);this.addAttribute("normal",new ge(i,3).copyVector3sArray(e.normals))}if(e.colors.length>0){var r=new Float32Array(3*e.colors.length);this.addAttribute("color",new ge(r,3).copyColorsArray(e.colors))}if(e.uvs.length>0){var n=new Float32Array(2*e.uvs.length);this.addAttribute("uv",new ge(n,2).copyVector2sArray(e.uvs))}if(e.uvs2.length>0){var a=new Float32Array(2*e.uvs2.length);this.addAttribute("uv2",new ge(a,2).copyVector2sArray(e.uvs2))}for(var o in this.groups=e.groups,e.morphTargets){for(var s=[],c=e.morphTargets[o],h=0,l=c.length;h0){var p=new Me(4*e.skinIndices.length,4);this.addAttribute("skinIndex",p.copyVector4sArray(e.skinIndices))}if(e.skinWeights.length>0){var f=new Me(4*e.skinWeights.length,4);this.addAttribute("skinWeight",f.copyVector4sArray(e.skinWeights))}return null!==e.boundingSphere&&(this.boundingSphere=e.boundingSphere.clone()),null!==e.boundingBox&&(this.boundingBox=e.boundingBox.clone()),this},computeBoundingBox:function(){null===this.boundingBox&&(this.boundingBox=new H);var e=this.attributes.position;void 0!==e?this.boundingBox.setFromBufferAttribute(e):this.boundingBox.makeEmpty(),(isNaN(this.boundingBox.min.x)||isNaN(this.boundingBox.min.y)||isNaN(this.boundingBox.min.z))&&console.error('THREE.BufferGeometry.computeBoundingBox: Computed min/max have NaN values. The "position" attribute is likely to have NaN values.',this)},computeBoundingSphere:function(){var e=new H,t=new L;return function(){null===this.boundingSphere&&(this.boundingSphere=new k);var i=this.attributes.position;if(i){var r=this.boundingSphere.center;e.setFromBufferAttribute(i),e.getCenter(r);for(var n=0,a=0,o=i.count;a0&&(e.userData=this.userData),void 0!==this.parameters){var t=this.parameters;for(var i in t)void 0!==t[i]&&(e[i]=t[i]);return e}e.data={attributes:{}};var r=this.index;if(null!==r){var n=Array.prototype.slice.call(r.array);e.data.index={type:r.array.constructor.name,array:n}}var a=this.attributes;for(var i in a){var o=a[i];n=Array.prototype.slice.call(o.array);e.data.attributes[i]={itemSize:o.itemSize,type:o.array.constructor.name,array:n,normalized:o.normalized}}var s=this.groups;s.length>0&&(e.data.groups=JSON.parse(JSON.stringify(s)));var c=this.boundingSphere;return null!==c&&(e.data.boundingSphere={center:c.center.toArray(),radius:c.radius}),e},clone:function(){return(new Pe).copy(this)},copy:function(e){var t,i,r;this.index=null,this.attributes={},this.morphAttributes={},this.groups=[],this.boundingBox=null,this.boundingSphere=null,this.name=e.name;var n=e.index;null!==n&&this.setIndex(n.clone());var a=e.attributes;for(t in a){var o=a[t];this.addAttribute(t,o.clone())}var s=e.morphAttributes;for(t in s){var c=[],h=s[t];for(i=0,r=h.length;i0&&e.getShaderPrecisionFormat(e.FRAGMENT_SHADER,e.HIGH_FLOAT).precision>0)return"highp";t="mediump"}return"mediump"===t&&e.getShaderPrecisionFormat(e.VERTEX_SHADER,e.MEDIUM_FLOAT).precision>0&&e.getShaderPrecisionFormat(e.FRAGMENT_SHADER,e.MEDIUM_FLOAT).precision>0?"mediump":"lowp"}var a=void 0!==i.precision?i.precision:"highp",o=n(a);o!==a&&(console.warn("THREE.WebGLRenderer:",a,"not supported, using",o,"instead."),a=o);var s=!0===i.logarithmicDepthBuffer,c=e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS),h=e.getParameter(e.MAX_VERTEX_TEXTURE_IMAGE_UNITS),l=e.getParameter(e.MAX_TEXTURE_SIZE),u=e.getParameter(e.MAX_CUBE_MAP_TEXTURE_SIZE),d=e.getParameter(e.MAX_VERTEX_ATTRIBS),p=e.getParameter(e.MAX_VERTEX_UNIFORM_VECTORS),f=e.getParameter(e.MAX_VARYING_VECTORS),m=e.getParameter(e.MAX_FRAGMENT_UNIFORM_VECTORS),v=h>0,g=!!t.get("OES_texture_float");return{getMaxAnisotropy:function(){if(void 0!==r)return r;var i=t.get("EXT_texture_filter_anisotropic");return r=null!==i?e.getParameter(i.MAX_TEXTURE_MAX_ANISOTROPY_EXT):0},getMaxPrecision:n,precision:a,logarithmicDepthBuffer:s,maxTextures:c,maxVertexTextures:h,maxTextureSize:l,maxCubemapSize:u,maxAttributes:d,maxVertexUniforms:p,maxVaryings:f,maxFragmentUniforms:m,vertexTextures:v,floatFragmentTextures:g,floatVertexTextures:v&&g}}function $e(){var e=this,t=null,i=0,r=!1,n=!1,a=new j,o=new P,s={value:null,needsUpdate:!1};function c(){s.value!==t&&(s.value=t,s.needsUpdate=i>0),e.numPlanes=i,e.numIntersection=0}function h(t,i,r,n){var c=null!==t?t.length:0,h=null;if(0!==c){if(h=s.value,!0!==n||null===h){var l=r+4*c,u=i.matrixWorldInverse;o.getNormalMatrix(u),(null===h||h.length65535?Ee:be)(o,1),t.update(r,e.ELEMENT_ARRAY_BUFFER),n[i.id]=r,r}}}function it(e,t,i){var r,n,a;this.setMode=function(e){r=e},this.setIndex=function(e){n=e.type,a=e.bytesPerElement},this.render=function(t,o){e.drawElements(r,o,n,t*a),i.update(o,r)},this.renderInstances=function(e,o,s){var c=t.get("ANGLE_instanced_arrays");null!==c?(c.drawElementsInstancedANGLE(r,s,n,o*a,e.maxInstancedCount),i.update(s,r,e.maxInstancedCount)):console.error("THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.")}}function rt(e){var t={frame:0,calls:0,triangles:0,points:0,lines:0};return{memory:{geometries:0,textures:0},render:t,programs:null,autoReset:!0,reset:function(){t.frame++,t.calls=0,t.triangles=0,t.points=0,t.lines=0},update:function(i,r,n){switch(n=n||1,t.calls++,r){case e.TRIANGLES:t.triangles+=n*(i/3);break;case e.TRIANGLE_STRIP:case e.TRIANGLE_FAN:t.triangles+=n*(i-2);break;case e.LINES:t.lines+=n*(i/2);break;case e.LINE_STRIP:t.lines+=n*(i-1);break;case e.LINE_LOOP:t.lines+=n*i;break;case e.POINTS:t.points+=n*i;break;default:console.error("THREE.WebGLInfo: Unknown draw mode:",r)}}}}function nt(e,t){return Math.abs(t[1])-Math.abs(e[1])}function at(e){var t={},i=new Float32Array(8);return{update:function(r,n,a,o){var s=r.morphTargetInfluences,c=s.length,h=t[n.id];if(void 0===h){h=[];for(var l=0;l0&&(i.alphaTest=this.alphaTest),!0===this.premultipliedAlpha&&(i.premultipliedAlpha=this.premultipliedAlpha),!0===this.wireframe&&(i.wireframe=this.wireframe),this.wireframeLinewidth>1&&(i.wireframeLinewidth=this.wireframeLinewidth),"round"!==this.wireframeLinecap&&(i.wireframeLinecap=this.wireframeLinecap),"round"!==this.wireframeLinejoin&&(i.wireframeLinejoin=this.wireframeLinejoin),!0===this.morphTargets&&(i.morphTargets=!0),!0===this.skinning&&(i.skinning=!0),!1===this.visible&&(i.visible=!1),"{}"!==JSON.stringify(this.userData)&&(i.userData=this.userData),t){var n=r(e.textures),a=r(e.images);n.length>0&&(i.textures=n),a.length>0&&(i.images=a)}return i},clone:function(){return(new this.constructor).copy(this)},copy:function(e){this.name=e.name,this.fog=e.fog,this.lights=e.lights,this.blending=e.blending,this.side=e.side,this.flatShading=e.flatShading,this.vertexColors=e.vertexColors,this.opacity=e.opacity,this.transparent=e.transparent,this.blendSrc=e.blendSrc,this.blendDst=e.blendDst,this.blendEquation=e.blendEquation,this.blendSrcAlpha=e.blendSrcAlpha,this.blendDstAlpha=e.blendDstAlpha,this.blendEquationAlpha=e.blendEquationAlpha,this.depthFunc=e.depthFunc,this.depthTest=e.depthTest,this.depthWrite=e.depthWrite,this.colorWrite=e.colorWrite,this.precision=e.precision,this.polygonOffset=e.polygonOffset,this.polygonOffsetFactor=e.polygonOffsetFactor,this.polygonOffsetUnits=e.polygonOffsetUnits,this.dithering=e.dithering,this.alphaTest=e.alphaTest,this.premultipliedAlpha=e.premultipliedAlpha,this.overdraw=e.overdraw,this.visible=e.visible,this.userData=JSON.parse(JSON.stringify(e.userData)),this.clipShadows=e.clipShadows,this.clipIntersection=e.clipIntersection;var t=e.clippingPlanes,i=null;if(null!==t){var r=t.length;i=new Array(r);for(var n=0;n!==r;++n)i[n]=t[n].clone()}return this.clippingPlanes=i,this.shadowSide=e.shadowSide,this},dispose:function(){this.dispatchEvent({type:"dispose"})}}),je.prototype=Object.create(ke.prototype),je.prototype.constructor=je,je.prototype.isMeshBasicMaterial=!0,je.prototype.copy=function(e){return ke.prototype.copy.call(this,e),this.color.copy(e.color),this.map=e.map,this.lightMap=e.lightMap,this.lightMapIntensity=e.lightMapIntensity,this.aoMap=e.aoMap,this.aoMapIntensity=e.aoMapIntensity,this.specularMap=e.specularMap,this.alphaMap=e.alphaMap,this.envMap=e.envMap,this.combine=e.combine,this.reflectivity=e.reflectivity,this.refractionRatio=e.refractionRatio,this.wireframe=e.wireframe,this.wireframeLinewidth=e.wireframeLinewidth,this.wireframeLinecap=e.wireframeLinecap,this.wireframeLinejoin=e.wireframeLinejoin,this.skinning=e.skinning,this.morphTargets=e.morphTargets,this},We.prototype=Object.create(ke.prototype),We.prototype.constructor=We,We.prototype.isShaderMaterial=!0,We.prototype.copy=function(e){return ke.prototype.copy.call(this,e),this.fragmentShader=e.fragmentShader,this.vertexShader=e.vertexShader,this.uniforms=q.clone(e.uniforms),this.defines=Object.assign({},e.defines),this.wireframe=e.wireframe,this.wireframeLinewidth=e.wireframeLinewidth,this.lights=e.lights,this.clipping=e.clipping,this.skinning=e.skinning,this.morphTargets=e.morphTargets,this.morphNormals=e.morphNormals,this.extensions=e.extensions,this},We.prototype.toJSON=function(e){var t=ke.prototype.toJSON.call(this,e);return t.uniforms=this.uniforms,t.vertexShader=this.vertexShader,t.fragmentShader=this.fragmentShader,t},Object.assign(Xe.prototype,{set:function(e,t){return this.origin.copy(e),this.direction.copy(t),this},clone:function(){return(new this.constructor).copy(this)},copy:function(e){return this.origin.copy(e.origin),this.direction.copy(e.direction),this},at:function(e,t){return void 0===t&&(console.warn("THREE.Ray: .at() target is now required"),t=new L),t.copy(this.direction).multiplyScalar(e).add(this.origin)},lookAt:function(e){return this.direction.copy(e).sub(this.origin).normalize(),this},recast:function(){var e=new L;return function(t){return this.origin.copy(this.at(t,e)),this}}(),closestPointToPoint:function(e,t){void 0===t&&(console.warn("THREE.Ray: .closestPointToPoint() target is now required"),t=new L),t.subVectors(e,this.origin);var i=t.dot(this.direction);return i<0?t.copy(this.origin):t.copy(this.direction).multiplyScalar(i).add(this.origin)},distanceToPoint:function(e){return Math.sqrt(this.distanceSqToPoint(e))},distanceSqToPoint:function(){var e=new L;return function(t){var i=e.subVectors(t,this.origin).dot(this.direction);return i<0?this.origin.distanceToSquared(t):(e.copy(this.direction).multiplyScalar(i).add(this.origin),e.distanceToSquared(t))}}(),distanceSqToSegment:(Be=new L,Fe=new L,Ue=new L,function(e,t,i,r){Be.copy(e).add(t).multiplyScalar(.5),Fe.copy(t).sub(e).normalize(),Ue.copy(this.origin).sub(Be);var n,a,o,s,c=.5*e.distanceTo(t),h=-this.direction.dot(Fe),l=Ue.dot(this.direction),u=-Ue.dot(Fe),d=Ue.lengthSq(),p=Math.abs(1-h*h);if(p>0)if(a=h*l-u,s=c*p,(n=h*u-l)>=0)if(a>=-s)if(a<=s){var f=1/p;o=(n*=f)*(n+h*(a*=f)+2*l)+a*(h*n+a+2*u)+d}else a=c,o=-(n=Math.max(0,-(h*a+l)))*n+a*(a+2*u)+d;else a=-c,o=-(n=Math.max(0,-(h*a+l)))*n+a*(a+2*u)+d;else a<=-s?o=-(n=Math.max(0,-(-h*c+l)))*n+(a=n>0?-c:Math.min(Math.max(-c,-u),c))*(a+2*u)+d:a<=s?(n=0,o=(a=Math.min(Math.max(-c,-u),c))*(a+2*u)+d):o=-(n=Math.max(0,-(h*c+l)))*n+(a=n>0?c:Math.min(Math.max(-c,-u),c))*(a+2*u)+d;else a=h>0?-c:c,o=-(n=Math.max(0,-(h*a+l)))*n+a*(a+2*u)+d;return i&&i.copy(this.direction).multiplyScalar(n).add(this.origin),r&&r.copy(Fe).multiplyScalar(a).add(Be),o}),intersectSphere:function(){var e=new L;return function(t,i){e.subVectors(t.center,this.origin);var r=e.dot(this.direction),n=e.dot(e)-r*r,a=t.radius*t.radius;if(n>a)return null;var o=Math.sqrt(a-n),s=r-o,c=r+o;return s<0&&c<0?null:s<0?this.at(c,i):this.at(s,i)}}(),intersectsSphere:function(e){return this.distanceToPoint(e.center)<=e.radius},distanceToPlane:function(e){var t=e.normal.dot(this.direction);if(0===t)return 0===e.distanceToPoint(this.origin)?0:null;var i=-(this.origin.dot(e.normal)+e.constant)/t;return i>=0?i:null},intersectPlane:function(e,t){var i=this.distanceToPlane(e);return null===i?null:this.at(i,t)},intersectsPlane:function(e){var t=e.distanceToPoint(this.origin);return 0===t||e.normal.dot(this.direction)*t<0},intersectBox:function(e,t){var i,r,n,a,o,s,c=1/this.direction.x,h=1/this.direction.y,l=1/this.direction.z,u=this.origin;return c>=0?(i=(e.min.x-u.x)*c,r=(e.max.x-u.x)*c):(i=(e.max.x-u.x)*c,r=(e.min.x-u.x)*c),h>=0?(n=(e.min.y-u.y)*h,a=(e.max.y-u.y)*h):(n=(e.max.y-u.y)*h,a=(e.min.y-u.y)*h),i>a||n>r?null:((n>i||i!=i)&&(i=n),(a=0?(o=(e.min.z-u.z)*l,s=(e.max.z-u.z)*l):(o=(e.max.z-u.z)*l,s=(e.min.z-u.z)*l),i>s||o>r?null:((o>i||i!=i)&&(i=o),(s=0?i:r,t)))},intersectsBox:(Ne=new L,function(e){return null!==this.intersectBox(e,Ne)}),intersectTriangle:function(){var e=new L,t=new L,i=new L,r=new L;return function(n,a,o,s,c){t.subVectors(a,n),i.subVectors(o,n),r.crossVectors(t,i);var h,l=this.direction.dot(r);if(l>0){if(s)return null;h=1}else{if(!(l<0))return null;h=-1,l=-l}e.subVectors(this.origin,n);var u=h*this.direction.dot(i.crossVectors(e,i));if(u<0)return null;var d=h*this.direction.dot(t.cross(e));if(d<0)return null;if(u+d>l)return null;var p=-h*e.dot(r);return p<0?null:this.at(p/l,c)}}(),applyMatrix4:function(e){return this.origin.applyMatrix4(e),this.direction.transformDirection(e),this},equals:function(e){return e.origin.equals(this.origin)&&e.direction.equals(this.direction)}}),Object.assign(Ye.prototype,{set:function(e,t){return this.start.copy(e),this.end.copy(t),this},clone:function(){return(new this.constructor).copy(this)},copy:function(e){return this.start.copy(e.start),this.end.copy(e.end),this},getCenter:function(e){return void 0===e&&(console.warn("THREE.Line3: .getCenter() target is now required"),e=new L),e.addVectors(this.start,this.end).multiplyScalar(.5)},delta:function(e){return void 0===e&&(console.warn("THREE.Line3: .delta() target is now required"),e=new L),e.subVectors(this.end,this.start)},distanceSq:function(){return this.start.distanceToSquared(this.end)},distance:function(){return this.start.distanceTo(this.end)},at:function(e,t){return void 0===t&&(console.warn("THREE.Line3: .at() target is now required"),t=new L),this.delta(t).multiplyScalar(e).add(this.start)},closestPointToPointParameter:(ze=new L,Ge=new L,function(e,t){ze.subVectors(e,this.start),Ge.subVectors(this.end,this.start);var i=Ge.dot(Ge),r=Ge.dot(ze)/i;return t&&(r=M.clamp(r,0,1)),r}),closestPointToPoint:function(e,t,i){var r=this.closestPointToPointParameter(e,t);return void 0===i&&(console.warn("THREE.Line3: .closestPointToPoint() target is now required"),i=new L),this.delta(i).multiplyScalar(r).add(this.start)},applyMatrix4:function(e){return this.start.applyMatrix4(e),this.end.applyMatrix4(e),this},equals:function(e){return e.start.equals(this.start)&&e.end.equals(this.end)}}),Object.assign(qe,{getNormal:(Ve=new L,function(e,t,i,r){void 0===r&&(console.warn("THREE.Triangle: .getNormal() target is now required"),r=new L),r.subVectors(i,t),Ve.subVectors(e,t),r.cross(Ve);var n=r.lengthSq();return n>0?r.multiplyScalar(1/Math.sqrt(n)):r.set(0,0,0)}),getBarycoord:function(){var e=new L,t=new L,i=new L;return function(r,n,a,o,s){e.subVectors(o,n),t.subVectors(a,n),i.subVectors(r,n);var c=e.dot(e),h=e.dot(t),l=e.dot(i),u=t.dot(t),d=t.dot(i),p=c*u-h*h;if(void 0===s&&(console.warn("THREE.Triangle: .getBarycoord() target is now required"),s=new L),0===p)return s.set(-2,-1,-1);var f=1/p,m=(u*l-h*d)*f,v=(c*d-h*l)*f;return s.set(1-m-v,v,m)}}(),containsPoint:function(){var e=new L;return function(t,i,r,n){return qe.getBarycoord(t,i,r,n,e),e.x>=0&&e.y>=0&&e.x+e.y<=1}}()}),Object.assign(qe.prototype,{set:function(e,t,i){return this.a.copy(e),this.b.copy(t),this.c.copy(i),this},setFromPointsAndIndices:function(e,t,i,r){return this.a.copy(e[t]),this.b.copy(e[i]),this.c.copy(e[r]),this},clone:function(){return(new this.constructor).copy(this)},copy:function(e){return this.a.copy(e.a),this.b.copy(e.b),this.c.copy(e.c),this},getArea:function(){var e=new L,t=new L;return function(){return e.subVectors(this.c,this.b),t.subVectors(this.a,this.b),.5*e.cross(t).length()}}(),getMidpoint:function(e){return void 0===e&&(console.warn("THREE.Triangle: .getMidpoint() target is now required"),e=new L),e.addVectors(this.a,this.b).add(this.c).multiplyScalar(1/3)},getNormal:function(e){return qe.getNormal(this.a,this.b,this.c,e)},getPlane:function(e){return void 0===e&&(console.warn("THREE.Triangle: .getPlane() target is now required"),e=new L),e.setFromCoplanarPoints(this.a,this.b,this.c)},getBarycoord:function(e,t){return qe.getBarycoord(e,this.a,this.b,this.c,t)},containsPoint:function(e){return qe.containsPoint(e,this.a,this.b,this.c)},intersectsBox:function(e){return e.intersectsTriangle(this)},closestPointToPoint:function(){var e=new j,t=[new Ye,new Ye,new Ye],i=new L,r=new L;return function(n,a){void 0===a&&(console.warn("THREE.Triangle: .closestPointToPoint() target is now required"),a=new L);var o=1/0;if(e.setFromCoplanarPoints(this.a,this.b,this.c),e.projectPoint(n,i),!0===this.containsPoint(i))a.copy(i);else{t[0].set(this.a,this.b),t[1].set(this.b,this.c),t[2].set(this.c,this.a);for(var s=0;s0){var o=n[a[0]];if(void 0!==o)for(this.morphTargetInfluences=[],this.morphTargetDictionary={},e=0,t=o.length;e0)for(this.morphTargetInfluences=[],this.morphTargetDictionary={},e=0,t=s.length;ei.far?null:{distance:c,point:f.clone(),object:e}}function g(e,t,i,o,s,c,d,f){r.fromBufferAttribute(o,c),n.fromBufferAttribute(o,d),a.fromBufferAttribute(o,f);var g=v(e,e.material,t,i,r,n,a,p);if(g){s&&(h.fromBufferAttribute(s,c),l.fromBufferAttribute(s,d),u.fromBufferAttribute(s,f),g.uv=m(p,r,n,a,h,l,u));var y=new de(c,d,f);qe.getNormal(r,n,a,y.normal),g.face=y}return g}return function(d,f){var y,A=this.geometry,x=this.material,w=this.matrixWorld;if(void 0!==x&&(null===A.boundingSphere&&A.computeBoundingSphere(),i.copy(A.boundingSphere),i.applyMatrix4(w),!1!==d.ray.intersectsSphere(i)&&(e.getInverse(w),t.copy(d.ray).applyMatrix4(e),null===A.boundingBox||!1!==t.intersectsBox(A.boundingBox))))if(A.isBufferGeometry){var b,_,E,M,T,S=A.index,R=A.attributes.position,L=A.attributes.uv;if(null!==S)for(M=0,T=S.count;M0&&(I=F);for(var U=0,z=B.length;U0)return e;var n=t*i,a=ut[n];if(void 0===a&&(a=new Float32Array(n),ut[n]=a),0!==t){r.toArray(a,0);for(var o=1,s=0;o!==t;++o)s+=i,e[o].toArray(a,s)}return a}function gt(e,t){if(e.length!==t.length)return!1;for(var i=0,r=e.length;i/gm,(function(e,t){var i=Y[t];if(void 0===i)throw new Error("Can not resolve #include <"+t+">");return ni(i)}))}function ai(e){return e.replace(/#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g,(function(e,t,i,r){for(var n="",a=parseInt(t);a0?e.gammaFactor:1,x=function(e,t,i){return[(e=e||{}).derivatives||t.envMapCubeUV||t.bumpMap||t.normalMap||t.flatShading?"#extension GL_OES_standard_derivatives : enable":"",(e.fragDepth||t.logarithmicDepthBuffer)&&i.get("EXT_frag_depth")?"#extension GL_EXT_frag_depth : enable":"",e.drawBuffers&&i.get("WEBGL_draw_buffers")?"#extension GL_EXT_draw_buffers : require":"",(e.shaderTextureLOD||t.envMap)&&i.get("EXT_shader_texture_lod")?"#extension GL_EXT_shader_texture_lod : enable":""].filter(ti).join("\n")}(r.extensions,a,t),w=function(e){var t=[];for(var i in e){var r=e[i];!1!==r&&t.push("#define "+i+" "+r)}return t.join("\n")}(s),b=o.createProgram();r.isRawShaderMaterial?((f=[w].filter(ti).join("\n")).length>0&&(f+="\n"),(m=[x,w].filter(ti).join("\n")).length>0&&(m+="\n")):(f=["precision "+a.precision+" float;","precision "+a.precision+" int;","#define SHADER_NAME "+n.name,w,a.supportsVertexTextures?"#define VERTEX_TEXTURES":"","#define GAMMA_FACTOR "+A,"#define MAX_BONES "+a.maxBones,a.useFog&&a.fog?"#define USE_FOG":"",a.useFog&&a.fogExp?"#define FOG_EXP2":"",a.map?"#define USE_MAP":"",a.envMap?"#define USE_ENVMAP":"",a.envMap?"#define "+d:"",a.lightMap?"#define USE_LIGHTMAP":"",a.aoMap?"#define USE_AOMAP":"",a.emissiveMap?"#define USE_EMISSIVEMAP":"",a.bumpMap?"#define USE_BUMPMAP":"",a.normalMap?"#define USE_NORMALMAP":"",a.displacementMap&&a.supportsVertexTextures?"#define USE_DISPLACEMENTMAP":"",a.specularMap?"#define USE_SPECULARMAP":"",a.roughnessMap?"#define USE_ROUGHNESSMAP":"",a.metalnessMap?"#define USE_METALNESSMAP":"",a.alphaMap?"#define USE_ALPHAMAP":"",a.vertexColors?"#define USE_COLOR":"",a.flatShading?"#define FLAT_SHADED":"",a.skinning?"#define USE_SKINNING":"",a.useVertexTexture?"#define BONE_TEXTURE":"",a.morphTargets?"#define USE_MORPHTARGETS":"",a.morphNormals&&!1===a.flatShading?"#define USE_MORPHNORMALS":"",a.doubleSided?"#define DOUBLE_SIDED":"",a.flipSided?"#define FLIP_SIDED":"",a.shadowMapEnabled?"#define USE_SHADOWMAP":"",a.shadowMapEnabled?"#define "+l:"",a.sizeAttenuation?"#define USE_SIZEATTENUATION":"",a.logarithmicDepthBuffer?"#define USE_LOGDEPTHBUF":"",a.logarithmicDepthBuffer&&t.get("EXT_frag_depth")?"#define USE_LOGDEPTHBUF_EXT":"","uniform mat4 modelMatrix;","uniform mat4 modelViewMatrix;","uniform mat4 projectionMatrix;","uniform mat4 viewMatrix;","uniform mat3 normalMatrix;","uniform vec3 cameraPosition;","attribute vec3 position;","attribute vec3 normal;","attribute vec2 uv;","#ifdef USE_COLOR","\tattribute vec3 color;","#endif","#ifdef USE_MORPHTARGETS","\tattribute vec3 morphTarget0;","\tattribute vec3 morphTarget1;","\tattribute vec3 morphTarget2;","\tattribute vec3 morphTarget3;","\t#ifdef USE_MORPHNORMALS","\t\tattribute vec3 morphNormal0;","\t\tattribute vec3 morphNormal1;","\t\tattribute vec3 morphNormal2;","\t\tattribute vec3 morphNormal3;","\t#else","\t\tattribute vec3 morphTarget4;","\t\tattribute vec3 morphTarget5;","\t\tattribute vec3 morphTarget6;","\t\tattribute vec3 morphTarget7;","\t#endif","#endif","#ifdef USE_SKINNING","\tattribute vec4 skinIndex;","\tattribute vec4 skinWeight;","#endif","\n"].filter(ti).join("\n"),m=[x,"precision "+a.precision+" float;","precision "+a.precision+" int;","#define SHADER_NAME "+n.name,w,a.alphaTest?"#define ALPHATEST "+a.alphaTest+(a.alphaTest%1?"":".0"):"","#define GAMMA_FACTOR "+A,a.useFog&&a.fog?"#define USE_FOG":"",a.useFog&&a.fogExp?"#define FOG_EXP2":"",a.map?"#define USE_MAP":"",a.envMap?"#define USE_ENVMAP":"",a.envMap?"#define "+u:"",a.envMap?"#define "+d:"",a.envMap?"#define "+p:"",a.lightMap?"#define USE_LIGHTMAP":"",a.aoMap?"#define USE_AOMAP":"",a.emissiveMap?"#define USE_EMISSIVEMAP":"",a.bumpMap?"#define USE_BUMPMAP":"",a.normalMap?"#define USE_NORMALMAP":"",a.specularMap?"#define USE_SPECULARMAP":"",a.roughnessMap?"#define USE_ROUGHNESSMAP":"",a.metalnessMap?"#define USE_METALNESSMAP":"",a.alphaMap?"#define USE_ALPHAMAP":"",a.vertexColors?"#define USE_COLOR":"",a.gradientMap?"#define USE_GRADIENTMAP":"",a.flatShading?"#define FLAT_SHADED":"",a.doubleSided?"#define DOUBLE_SIDED":"",a.flipSided?"#define FLIP_SIDED":"",a.shadowMapEnabled?"#define USE_SHADOWMAP":"",a.shadowMapEnabled?"#define "+l:"",a.premultipliedAlpha?"#define PREMULTIPLIED_ALPHA":"",a.physicallyCorrectLights?"#define PHYSICALLY_CORRECT_LIGHTS":"",a.logarithmicDepthBuffer?"#define USE_LOGDEPTHBUF":"",a.logarithmicDepthBuffer&&t.get("EXT_frag_depth")?"#define USE_LOGDEPTHBUF_EXT":"",a.envMap&&t.get("EXT_shader_texture_lod")?"#define TEXTURE_LOD_EXT":"","uniform mat4 viewMatrix;","uniform vec3 cameraPosition;",0!==a.toneMapping?"#define TONE_MAPPING":"",0!==a.toneMapping?Y.tonemapping_pars_fragment:"",0!==a.toneMapping?ei("toneMapping",a.toneMapping):"",a.dithering?"#define DITHERING":"",a.outputEncoding||a.mapEncoding||a.envMapEncoding||a.emissiveMapEncoding?Y.encodings_pars_fragment:"",a.mapEncoding?$t("mapTexelToLinear",a.mapEncoding):"",a.envMapEncoding?$t("envMapTexelToLinear",a.envMapEncoding):"",a.emissiveMapEncoding?$t("emissiveMapTexelToLinear",a.emissiveMapEncoding):"",a.outputEncoding?(v="linearToOutputTexel",g=a.outputEncoding,y=Kt(g),"vec4 "+v+"( vec4 value ) { return LinearTo"+y[0]+y[1]+"; }"):"",a.depthPacking?"#define DEPTH_PACKING "+r.depthPacking:"","\n"].filter(ti).join("\n")),c=ri(c=ii(c=ni(c),a),a),h=ri(h=ii(h=ni(h),a),a);var _=f+(c=ai(c)),E=m+(h=ai(h)),M=Zt(o,o.VERTEX_SHADER,_),T=Zt(o,o.FRAGMENT_SHADER,E);o.attachShader(b,M),o.attachShader(b,T),void 0!==r.index0AttributeName?o.bindAttribLocation(b,0,r.index0AttributeName):!0===a.morphTargets&&o.bindAttribLocation(b,0,"position"),o.linkProgram(b);var S,R,L=o.getProgramInfoLog(b).trim(),P=o.getShaderInfoLog(M).trim(),C=o.getShaderInfoLog(T).trim(),D=!0,I=!0;return!1===o.getProgramParameter(b,o.LINK_STATUS)?(D=!1,console.error("THREE.WebGLProgram: shader error: ",o.getError(),"gl.VALIDATE_STATUS",o.getProgramParameter(b,o.VALIDATE_STATUS),"gl.getProgramInfoLog",L,P,C)):""!==L?console.warn("THREE.WebGLProgram: gl.getProgramInfoLog()",L):""!==P&&""!==C||(I=!1),I&&(this.diagnostics={runnable:D,material:r,programLog:L,vertexShader:{log:P,prefix:f},fragmentShader:{log:C,prefix:m}}),o.deleteShader(M),o.deleteShader(T),this.getUniforms=function(){return void 0===S&&(S=new Qt(o,b,e)),S},this.getAttributes=function(){return void 0===R&&(R=function(e,t){for(var i={},r=e.getProgramParameter(t,e.ACTIVE_ATTRIBUTES),n=0;n0,maxBones:d,useVertexTexture:i.floatVertexTextures,morphTargets:t.morphTargets,morphNormals:t.morphNormals,maxMorphTargets:e.maxMorphTargets,maxMorphNormals:e.maxMorphNormals,numDirLights:r.directional.length,numPointLights:r.point.length,numSpotLights:r.spot.length,numRectAreaLights:r.rectArea.length,numHemiLights:r.hemi.length,numClippingPlanes:c,numClipIntersection:h,dithering:t.dithering,shadowMapEnabled:e.shadowMap.enabled&&l.receiveShadow&&a.length>0,shadowMapType:e.shadowMap.type,toneMapping:e.toneMapping,physicallyCorrectLights:e.physicallyCorrectLights,premultipliedAlpha:t.premultipliedAlpha,alphaTest:t.alphaTest,doubleSided:2===t.side,flipSided:1===t.side,depthPacking:void 0!==t.depthPacking&&t.depthPacking}},this.getProgramCode=function(t,i){var r=[];if(i.shaderID?r.push(i.shaderID):(r.push(t.fragmentShader),r.push(t.vertexShader)),void 0!==t.defines)for(var n in t.defines)r.push(n),r.push(t.defines[n]);for(var o=0;o1&&i.sort(hi),r.length>1&&r.sort(li)}}}function di(){var e={};return{get:function(t,i){var r=t.id+","+i.id,n=e[r];return void 0===n&&(n=new ui,e[r]=n),n},dispose:function(){e={}}}}function pi(){var e={};return{get:function(t){if(void 0!==e[t.id])return e[t.id];var i;switch(t.type){case"DirectionalLight":i={direction:new L,color:new Z,shadow:!1,shadowBias:0,shadowRadius:1,shadowMapSize:new T};break;case"SpotLight":i={position:new L,direction:new L,color:new Z,distance:0,coneCos:0,penumbraCos:0,decay:0,shadow:!1,shadowBias:0,shadowRadius:1,shadowMapSize:new T};break;case"PointLight":i={position:new L,color:new Z,distance:0,decay:0,shadow:!1,shadowBias:0,shadowRadius:1,shadowMapSize:new T,shadowCameraNear:1,shadowCameraFar:1e3};break;case"HemisphereLight":i={direction:new L,skyColor:new Z,groundColor:new Z};break;case"RectAreaLight":i={color:new Z,position:new L,halfWidth:new L,halfHeight:new L}}return e[t.id]=i,i}}}var fi,mi,vi,gi,yi,Ai,xi,wi,bi=0;function _i(){var e=new pi,t={id:bi++,hash:"",ambient:[0,0,0],directional:[],directionalShadowMap:[],directionalShadowMatrix:[],spot:[],spotShadowMap:[],spotShadowMatrix:[],rectArea:[],point:[],pointShadowMap:[],pointShadowMatrix:[],hemi:[]},i=new L,r=new S,n=new S;return{setup:function(a,o,s){for(var c=0,h=0,l=0,u=0,d=0,p=0,f=0,m=0,v=s.matrixWorldInverse,g=0,y=a.length;g0:s&&s.isGeometry&&(m=s.morphTargets&&s.morphTargets.length>0)),t.isSkinnedMesh&&!1===i.skinning&&console.warn("THREE.WebGLShadowMap: THREE.SkinnedMesh with material.skinning set to false:",t);var v=0;m&&(v|=1),t.isSkinnedMesh&&i.skinning&&(v|=2),c=p[v]}if(e.localClippingEnabled&&!0===i.clipShadows&&0!==i.clippingPlanes.length){var g=c.uuid,y=i.uuid,A=u[g];void 0===A&&(A={},u[g]=A);var x=A[y];void 0===x&&(x=c.clone(),A[y]=x),c=x}return c.visible=i.visible,c.wireframe=i.wireframe,c.side=null!=i.shadowSide?i.shadowSide:d[i.side],c.clipShadows=i.clipShadows,c.clippingPlanes=i.clippingPlanes,c.clipIntersection=i.clipIntersection,c.wireframeLinewidth=i.wireframeLinewidth,c.linewidth=i.linewidth,r&&c.isMeshDistanceMaterial&&(c.referencePosition.copy(n),c.nearDistance=a,c.farDistance=o),c}function _(i,n,a,o){if(!1!==i.visible){if(i.layers.test(n.layers)&&(i.isMesh||i.isLine||i.isPoints)&&i.castShadow&&(!i.frustumCulled||r.intersectsObject(i))){i.modelViewMatrix.multiplyMatrices(a.matrixWorldInverse,i.matrixWorld);var s=t.update(i),h=i.material;if(Array.isArray(h))for(var l=s.groups,u=0,d=l.length;u 0 ) {","\t\tfloat fogFactor = 0.0;","\t\tif ( fogType == 1 ) {","\t\t\tfogFactor = smoothstep( fogNear, fogFar, fogDepth );","\t\t} else {","\t\t\tconst float LOG2 = 1.442695;","\t\t\tfogFactor = exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 );","\t\t\tfogFactor = 1.0 - clamp( fogFactor, 0.0, 1.0 );","\t\t}","\t\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );","\t}","}"].join("\n")),t.compileShader(i),t.compileShader(r),t.attachShader(e,i),t.attachShader(e,r),t.linkProgram(e),e}(),c={position:t.getAttribLocation(s,"position"),uv:t.getAttribLocation(s,"uv")},h={uvOffset:t.getUniformLocation(s,"uvOffset"),uvScale:t.getUniformLocation(s,"uvScale"),rotation:t.getUniformLocation(s,"rotation"),center:t.getUniformLocation(s,"center"),scale:t.getUniformLocation(s,"scale"),color:t.getUniformLocation(s,"color"),map:t.getUniformLocation(s,"map"),opacity:t.getUniformLocation(s,"opacity"),modelViewMatrix:t.getUniformLocation(s,"modelViewMatrix"),projectionMatrix:t.getUniformLocation(s,"projectionMatrix"),fogType:t.getUniformLocation(s,"fogType"),fogDensity:t.getUniformLocation(s,"fogDensity"),fogNear:t.getUniformLocation(s,"fogNear"),fogFar:t.getUniformLocation(s,"fogFar"),fogColor:t.getUniformLocation(s,"fogColor"),fogDepth:t.getUniformLocation(s,"fogDepth"),alphaTest:t.getUniformLocation(s,"alphaTest")};var r=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");r.width=8,r.height=8;var u=r.getContext("2d");u.fillStyle="white",u.fillRect(0,0,8,8),l=new Li(r)}function m(e,t){return e.renderOrder!==t.renderOrder?e.renderOrder-t.renderOrder:e.z!==t.z?t.z-e.z:t.id-e.id}this.render=function(n,v,g){if(0!==n.length){void 0===s&&f(),i.useProgram(s),i.initAttributes(),i.enableAttribute(c.position),i.enableAttribute(c.uv),i.disableUnusedAttributes(),i.disable(t.CULL_FACE),i.enable(t.BLEND),t.bindBuffer(t.ARRAY_BUFFER,a),t.vertexAttribPointer(c.position,2,t.FLOAT,!1,16,0),t.vertexAttribPointer(c.uv,2,t.FLOAT,!1,16,8),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,o),t.uniformMatrix4fv(h.projectionMatrix,!1,g.projectionMatrix.elements),i.activeTexture(t.TEXTURE0),t.uniform1i(h.map,0);var y=0,A=0,x=v.fog;x?(t.uniform3f(h.fogColor,x.color.r,x.color.g,x.color.b),x.isFog?(t.uniform1f(h.fogNear,x.near),t.uniform1f(h.fogFar,x.far),t.uniform1i(h.fogType,1),y=1,A=1):x.isFogExp2&&(t.uniform1f(h.fogDensity,x.density),t.uniform1i(h.fogType,2),y=2,A=2)):(t.uniform1i(h.fogType,0),y=0,A=0);for(var w=0,b=n.length;w=1):-1!==L.indexOf("OpenGL ES")&&(R=parseFloat(/^OpenGL\ ES\ ([0-9])/.exec(L)[1]),S=R>=2);var P=null,C={},D=new U,I=new U;function O(t,i,r){var n=new Uint8Array(4),a=e.createTexture();e.bindTexture(t,a),e.texParameteri(t,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(t,e.TEXTURE_MAG_FILTER,e.NEAREST);for(var o=0;ot||e.height>t){if("data"in e)return void console.warn("THREE.WebGLRenderer: image in DataTexture is too big ("+e.width+"x"+e.height+").");var i=t/Math.max(e.width,e.height),r=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");return r.width=Math.floor(e.width*i),r.height=Math.floor(e.height*i),r.getContext("2d").drawImage(e,0,0,e.width,e.height,0,0,r.width,r.height),console.warn("THREE.WebGLRenderer: image is too big ("+e.width+"x"+e.height+"). Resized to "+r.width+"x"+r.height,e),r}return e}function u(e){return M.isPowerOfTwo(e.width)&&M.isPowerOfTwo(e.height)}function d(e,t){return e.generateMipmaps&&t&&1003!==e.minFilter&&1006!==e.minFilter}function p(t,i,n,a){e.generateMipmap(t),r.get(i).__maxMipLevel=Math.log(Math.max(n,a))*Math.LOG2E}function f(t){return 1003===t||1004===t||1005===t?e.NEAREST:e.LINEAR}function m(t){var i=t.target;i.removeEventListener("dispose",m),function(t){var i=r.get(t);if(t.image&&i.__image__webglTextureCube)e.deleteTexture(i.__image__webglTextureCube);else{if(void 0===i.__webglInit)return;e.deleteTexture(i.__webglTexture)}r.remove(t)}(i),i.isVideoTexture&&delete h[i.id],o.memory.textures--}function v(t){var i=t.target;i.removeEventListener("dispose",v),function(t){var i=r.get(t),n=r.get(t.texture);if(!t)return;void 0!==n.__webglTexture&&e.deleteTexture(n.__webglTexture);t.depthTexture&&t.depthTexture.dispose();if(t.isWebGLRenderTargetCube)for(var a=0;a<6;a++)e.deleteFramebuffer(i.__webglFramebuffer[a]),i.__webglDepthbuffer&&e.deleteRenderbuffer(i.__webglDepthbuffer[a]);else e.deleteFramebuffer(i.__webglFramebuffer),i.__webglDepthbuffer&&e.deleteRenderbuffer(i.__webglDepthbuffer);r.remove(t.texture),r.remove(t)}(i),o.memory.textures--}function g(t,f){var v=r.get(t);if(t.isVideoTexture&&function(e){var t=e.id,i=o.render.frame;h[t]!==i&&(h[t]=i,e.update())}(t),t.version>0&&v.__version!==t.version){var g=t.image;if(void 0===g)console.warn("THREE.WebGLRenderer: Texture marked for update but image is undefined",t);else{if(!1!==g.complete)return void function(t,r,h){void 0===t.__webglInit&&(t.__webglInit=!0,r.addEventListener("dispose",m),t.__webglTexture=e.createTexture(),o.memory.textures++);i.activeTexture(e.TEXTURE0+h),i.bindTexture(e.TEXTURE_2D,t.__webglTexture),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,r.flipY),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,r.premultiplyAlpha),e.pixelStorei(e.UNPACK_ALIGNMENT,r.unpackAlignment);var f=l(r.image,n.maxTextureSize);(function(e){return 1001!==e.wrapS||1001!==e.wrapT||1003!==e.minFilter&&1006!==e.minFilter})(r)&&!1===u(f)&&(f=function(e){return e instanceof HTMLImageElement||e instanceof HTMLCanvasElement||e instanceof ImageBitmap?(void 0===s&&(s=document.createElementNS("http://www.w3.org/1999/xhtml","canvas")),s.width=M.floorPowerOfTwo(e.width),s.height=M.floorPowerOfTwo(e.height),s.getContext("2d").drawImage(e,0,0,s.width,s.height),console.warn("THREE.WebGLRenderer: image is not power of two ("+e.width+"x"+e.height+"). Resized to "+s.width+"x"+s.height,e),s):e}(f));var v=u(f),g=a.convert(r.format),A=a.convert(r.type);y(e.TEXTURE_2D,r,v);var x,w=r.mipmaps;if(r.isDepthTexture){var b=e.DEPTH_COMPONENT;if(1015===r.type){if(!c)throw new Error("Float Depth Texture only supported in WebGL2.0");b=e.DEPTH_COMPONENT32F}else c&&(b=e.DEPTH_COMPONENT16);1026===r.format&&b===e.DEPTH_COMPONENT&&1012!==r.type&&1014!==r.type&&(console.warn("THREE.WebGLRenderer: Use UnsignedShortType or UnsignedIntType for DepthFormat DepthTexture."),r.type=1012,A=a.convert(r.type)),1027===r.format&&(b=e.DEPTH_STENCIL,1020!==r.type&&(console.warn("THREE.WebGLRenderer: Use UnsignedInt248Type for DepthStencilFormat DepthTexture."),r.type=1020,A=a.convert(r.type))),i.texImage2D(e.TEXTURE_2D,0,b,f.width,f.height,0,g,A,null)}else if(r.isDataTexture)if(w.length>0&&v){for(var _=0,E=w.length;_-1?i.compressedTexImage2D(e.TEXTURE_2D,_,g,x.width,x.height,0,x.data):console.warn("THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()"):i.texImage2D(e.TEXTURE_2D,_,g,x.width,x.height,0,g,A,x.data);t.__maxMipLevel=w.length-1}else if(w.length>0&&v){for(_=0,E=w.length;_1||r.get(o).__currentAnisotropy)&&(e.texParameterf(i,c.TEXTURE_MAX_ANISOTROPY_EXT,Math.min(o.anisotropy,n.getMaxAnisotropy())),r.get(o).__currentAnisotropy=o.anisotropy)}}function A(t,n,o,s){var c=a.convert(n.texture.format),h=a.convert(n.texture.type);i.texImage2D(s,0,c,n.width,n.height,0,c,h,null),e.bindFramebuffer(e.FRAMEBUFFER,t),e.framebufferTexture2D(e.FRAMEBUFFER,o,s,r.get(n.texture).__webglTexture,0),e.bindFramebuffer(e.FRAMEBUFFER,null)}function x(t,i){e.bindRenderbuffer(e.RENDERBUFFER,t),i.depthBuffer&&!i.stencilBuffer?(e.renderbufferStorage(e.RENDERBUFFER,e.DEPTH_COMPONENT16,i.width,i.height),e.framebufferRenderbuffer(e.FRAMEBUFFER,e.DEPTH_ATTACHMENT,e.RENDERBUFFER,t)):i.depthBuffer&&i.stencilBuffer?(e.renderbufferStorage(e.RENDERBUFFER,e.DEPTH_STENCIL,i.width,i.height),e.framebufferRenderbuffer(e.FRAMEBUFFER,e.DEPTH_STENCIL_ATTACHMENT,e.RENDERBUFFER,t)):e.renderbufferStorage(e.RENDERBUFFER,e.RGBA4,i.width,i.height),e.bindRenderbuffer(e.RENDERBUFFER,null)}function w(t){var i=r.get(t),n=!0===t.isWebGLRenderTargetCube;if(t.depthTexture){if(n)throw new Error("target.depthTexture not supported in Cube render targets");!function(t,i){if(i&&i.isWebGLRenderTargetCube)throw new Error("Depth Texture with cube render targets is not supported");if(e.bindFramebuffer(e.FRAMEBUFFER,t),!i.depthTexture||!i.depthTexture.isDepthTexture)throw new Error("renderTarget.depthTexture must be an instance of THREE.DepthTexture");r.get(i.depthTexture).__webglTexture&&i.depthTexture.image.width===i.width&&i.depthTexture.image.height===i.height||(i.depthTexture.image.width=i.width,i.depthTexture.image.height=i.height,i.depthTexture.needsUpdate=!0),g(i.depthTexture,0);var n=r.get(i.depthTexture).__webglTexture;if(1026===i.depthTexture.format)e.framebufferTexture2D(e.FRAMEBUFFER,e.DEPTH_ATTACHMENT,e.TEXTURE_2D,n,0);else{if(1027!==i.depthTexture.format)throw new Error("Unknown depthTexture format");e.framebufferTexture2D(e.FRAMEBUFFER,e.DEPTH_STENCIL_ATTACHMENT,e.TEXTURE_2D,n,0)}}(i.__webglFramebuffer,t)}else if(n){i.__webglDepthbuffer=[];for(var a=0;a<6;a++)e.bindFramebuffer(e.FRAMEBUFFER,i.__webglFramebuffer[a]),i.__webglDepthbuffer[a]=e.createRenderbuffer(),x(i.__webglDepthbuffer[a],t)}else e.bindFramebuffer(e.FRAMEBUFFER,i.__webglFramebuffer),i.__webglDepthbuffer=e.createRenderbuffer(),x(i.__webglDepthbuffer,t);e.bindFramebuffer(e.FRAMEBUFFER,null)}this.setTexture2D=g,this.setTextureCube=function(t,s){var c=r.get(t);if(6===t.image.length)if(t.version>0&&c.__version!==t.version){c.__image__webglTextureCube||(t.addEventListener("dispose",m),c.__image__webglTextureCube=e.createTexture(),o.memory.textures++),i.activeTexture(e.TEXTURE0+s),i.bindTexture(e.TEXTURE_CUBE_MAP,c.__image__webglTextureCube),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,t.flipY);for(var h=t&&t.isCompressedTexture,f=t.image[0]&&t.image[0].isDataTexture,v=[],g=0;g<6;g++)v[g]=h||f?f?t.image[g].image:t.image[g]:l(t.image[g],n.maxCubemapSize);var A=v[0],x=u(A),w=a.convert(t.format),b=a.convert(t.type);y(e.TEXTURE_CUBE_MAP,t,x);for(g=0;g<6;g++)if(h)for(var _,E=v[g].mipmaps,M=0,T=E.length;M-1?i.compressedTexImage2D(e.TEXTURE_CUBE_MAP_POSITIVE_X+g,M,w,_.width,_.height,0,_.data):console.warn("THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()"):i.texImage2D(e.TEXTURE_CUBE_MAP_POSITIVE_X+g,M,w,_.width,_.height,0,w,b,_.data);else f?i.texImage2D(e.TEXTURE_CUBE_MAP_POSITIVE_X+g,0,w,v[g].width,v[g].height,0,w,b,v[g].data):i.texImage2D(e.TEXTURE_CUBE_MAP_POSITIVE_X+g,0,w,w,b,v[g]);c.__maxMipLevel=h?E.length-1:0,d(t,x)&&p(e.TEXTURE_CUBE_MAP,t,A.width,A.height),c.__version=t.version,t.onUpdate&&t.onUpdate(t)}else i.activeTexture(e.TEXTURE0+s),i.bindTexture(e.TEXTURE_CUBE_MAP,c.__image__webglTextureCube)},this.setTextureCubeDynamic=function(t,n){i.activeTexture(e.TEXTURE0+n),i.bindTexture(e.TEXTURE_CUBE_MAP,r.get(t).__webglTexture)},this.setupRenderTarget=function(t){var n=r.get(t),a=r.get(t.texture);t.addEventListener("dispose",v),a.__webglTexture=e.createTexture(),o.memory.textures++;var s=!0===t.isWebGLRenderTargetCube,c=u(t);if(s){n.__webglFramebuffer=[];for(var h=0;h<6;h++)n.__webglFramebuffer[h]=e.createFramebuffer()}else n.__webglFramebuffer=e.createFramebuffer();if(s){i.bindTexture(e.TEXTURE_CUBE_MAP,a.__webglTexture),y(e.TEXTURE_CUBE_MAP,t.texture,c);for(h=0;h<6;h++)A(n.__webglFramebuffer[h],t,e.COLOR_ATTACHMENT0,e.TEXTURE_CUBE_MAP_POSITIVE_X+h);d(t.texture,c)&&p(e.TEXTURE_CUBE_MAP,t.texture,t.width,t.height),i.bindTexture(e.TEXTURE_CUBE_MAP,null)}else i.bindTexture(e.TEXTURE_2D,a.__webglTexture),y(e.TEXTURE_2D,t.texture,c),A(n.__webglFramebuffer,t,e.COLOR_ATTACHMENT0,e.TEXTURE_2D),d(t.texture,c)&&p(e.TEXTURE_2D,t.texture,t.width,t.height),i.bindTexture(e.TEXTURE_2D,null);t.depthBuffer&&w(t)},this.updateRenderTargetMipmap=function(t){var n=t.texture;if(d(n,u(t))){var a=t.isWebGLRenderTargetCube?e.TEXTURE_CUBE_MAP:e.TEXTURE_2D,o=r.get(n).__webglTexture;i.bindTexture(a,o),p(a,n,t.width,t.height),i.bindTexture(a,null)}}}function Ii(e,t){return{convert:function(i){var r;if(1e3===i)return e.REPEAT;if(1001===i)return e.CLAMP_TO_EDGE;if(1002===i)return e.MIRRORED_REPEAT;if(1003===i)return e.NEAREST;if(1004===i)return e.NEAREST_MIPMAP_NEAREST;if(1005===i)return e.NEAREST_MIPMAP_LINEAR;if(1006===i)return e.LINEAR;if(1007===i)return e.LINEAR_MIPMAP_NEAREST;if(1008===i)return e.LINEAR_MIPMAP_LINEAR;if(1009===i)return e.UNSIGNED_BYTE;if(1017===i)return e.UNSIGNED_SHORT_4_4_4_4;if(1018===i)return e.UNSIGNED_SHORT_5_5_5_1;if(1019===i)return e.UNSIGNED_SHORT_5_6_5;if(1010===i)return e.BYTE;if(1011===i)return e.SHORT;if(1012===i)return e.UNSIGNED_SHORT;if(1013===i)return e.INT;if(1014===i)return e.UNSIGNED_INT;if(1015===i)return e.FLOAT;if(1016===i&&null!==(r=t.get("OES_texture_half_float")))return r.HALF_FLOAT_OES;if(1021===i)return e.ALPHA;if(1022===i)return e.RGB;if(1023===i)return e.RGBA;if(1024===i)return e.LUMINANCE;if(1025===i)return e.LUMINANCE_ALPHA;if(1026===i)return e.DEPTH_COMPONENT;if(1027===i)return e.DEPTH_STENCIL;if(100===i)return e.FUNC_ADD;if(101===i)return e.FUNC_SUBTRACT;if(102===i)return e.FUNC_REVERSE_SUBTRACT;if(200===i)return e.ZERO;if(201===i)return e.ONE;if(202===i)return e.SRC_COLOR;if(203===i)return e.ONE_MINUS_SRC_COLOR;if(204===i)return e.SRC_ALPHA;if(205===i)return e.ONE_MINUS_SRC_ALPHA;if(206===i)return e.DST_ALPHA;if(207===i)return e.ONE_MINUS_DST_ALPHA;if(208===i)return e.DST_COLOR;if(209===i)return e.ONE_MINUS_DST_COLOR;if(210===i)return e.SRC_ALPHA_SATURATE;if((33776===i||33777===i||33778===i||33779===i)&&null!==(r=t.get("WEBGL_compressed_texture_s3tc"))){if(33776===i)return r.COMPRESSED_RGB_S3TC_DXT1_EXT;if(33777===i)return r.COMPRESSED_RGBA_S3TC_DXT1_EXT;if(33778===i)return r.COMPRESSED_RGBA_S3TC_DXT3_EXT;if(33779===i)return r.COMPRESSED_RGBA_S3TC_DXT5_EXT}if((35840===i||35841===i||35842===i||35843===i)&&null!==(r=t.get("WEBGL_compressed_texture_pvrtc"))){if(35840===i)return r.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;if(35841===i)return r.COMPRESSED_RGB_PVRTC_2BPPV1_IMG;if(35842===i)return r.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG;if(35843===i)return r.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG}if(36196===i&&null!==(r=t.get("WEBGL_compressed_texture_etc1")))return r.COMPRESSED_RGB_ETC1_WEBGL;if((37808===i||37809===i||37810===i||37811===i||37812===i||37813===i||37814===i||37815===i||37816===i||37817===i||37818===i||37819===i||37820===i||37821===i)&&null!==(r=t.get("WEBGL_compressed_texture_astc")))return i;if((103===i||104===i)&&null!==(r=t.get("EXT_blend_minmax"))){if(103===i)return r.MIN_EXT;if(104===i)return r.MAX_EXT}return 1020===i&&null!==(r=t.get("WEBGL_depth_texture"))?r.UNSIGNED_INT_24_8_WEBGL:0}}}function Oi(e,t,i,r){le.call(this),this.type="PerspectiveCamera",this.fov=void 0!==e?e:50,this.zoom=1,this.near=void 0!==i?i:.1,this.far=void 0!==r?r:2e3,this.focus=10,this.aspect=void 0!==t?t:1,this.view=null,this.filmGauge=35,this.filmOffset=0,this.updateProjectionMatrix()}function Ni(e){Oi.call(this),this.cameras=e||[]}function Bi(e){var t=this,i=null,r=null,n=null,a=new S,o=new S;"undefined"!=typeof window&&"VRFrameData"in window&&(r=new window.VRFrameData,window.addEventListener("vrdisplaypresentchange",v,!1));var s=new S,c=new R,h=new L,l=new Oi;l.bounds=new U(0,0,.5,1),l.layers.enable(1);var u=new Oi;u.bounds=new U(.5,0,.5,1),u.layers.enable(2);var d,p,f=new Ni([l,u]);function m(){return null!==i&&!0===i.isPresenting}function v(){if(m()){var r=i.getEyeParameters("left"),n=r.renderWidth,a=r.renderHeight;p=e.getPixelRatio(),d=e.getSize(),e.setDrawingBufferSize(2*n,a,1),g.start()}else t.enabled&&(e.setDrawingBufferSize(d.width,d.height,p),g.stop())}f.layers.enable(1),f.layers.enable(2),this.enabled=!1,this.userHeight=1.6,this.getDevice=function(){return i},this.setDevice=function(e){void 0!==e&&(i=e),g.setContext(e)},this.setPoseTarget=function(e){void 0!==e&&(n=e)},this.getCamera=function(e){if(null===i)return e;i.depthNear=e.near,i.depthFar=e.far,i.getFrameData(r);var d=i.stageParameters;d?a.fromArray(d.sittingToStandingTransform):a.makeTranslation(0,t.userHeight,0);var p=r.pose,m=null!==n?n:e;if(m.matrix.copy(a),m.matrix.decompose(m.position,m.quaternion,m.scale),null!==p.orientation&&(c.fromArray(p.orientation),m.quaternion.multiply(c)),null!==p.position&&(c.setFromRotationMatrix(a),h.fromArray(p.position),h.applyQuaternion(c),m.position.add(h)),m.updateMatrixWorld(),!1===i.isPresenting)return e;l.near=e.near,u.near=e.near,l.far=e.far,u.far=e.far,f.matrixWorld.copy(e.matrixWorld),f.matrixWorldInverse.copy(e.matrixWorldInverse),l.matrixWorldInverse.fromArray(r.leftViewMatrix),u.matrixWorldInverse.fromArray(r.rightViewMatrix),o.getInverse(a),l.matrixWorldInverse.multiply(o),u.matrixWorldInverse.multiply(o);var v=m.parent;null!==v&&(s.getInverse(v.matrixWorld),l.matrixWorldInverse.multiply(s),u.matrixWorldInverse.multiply(s)),l.matrixWorld.getInverse(l.matrixWorldInverse),u.matrixWorld.getInverse(u.matrixWorldInverse),l.projectionMatrix.fromArray(r.leftProjectionMatrix),u.projectionMatrix.fromArray(r.rightProjectionMatrix),f.projectionMatrix.copy(l.projectionMatrix);var g=i.getLayers();if(g.length){var y=g[0];null!==y.leftBounds&&4===y.leftBounds.length&&l.bounds.fromArray(y.leftBounds),null!==y.rightBounds&&4===y.rightBounds.length&&u.bounds.fromArray(y.rightBounds)}return f},this.getStandingMatrix=function(){return a},this.isPresenting=m;var g=new ee;this.setAnimationLoop=function(e){g.setAnimationLoop(e)},this.submitFrame=function(){m()&&i.submitFrame()},this.dispose=function(){"undefined"!=typeof window&&window.removeEventListener("vrdisplaypresentchange",v)}}function Fi(e){var t=e.context,i=null,r=null,n=null,a=null;function o(){return null!==r&&null!==n}var s=new Oi;s.layers.enable(1),s.viewport=new U;var c=new Oi;c.layers.enable(2),c.viewport=new U;var h=new Ni([s,c]);function l(e,t){null===t?e.matrixWorld.copy(e.matrix):e.matrixWorld.multiplyMatrices(t.matrixWorld,e.matrix),e.matrixWorldInverse.getInverse(e.matrixWorld)}h.layers.enable(1),h.layers.enable(2),this.enabled=!1,this.getDevice=function(){return i},this.setDevice=function(e){void 0!==e&&(i=e),t.setCompatibleXRDevice(e)},this.setSession=function(i,a){null!==(r=i)&&(r.addEventListener("end",(function(){e.setFramebuffer(null),d.stop()})),r.baseLayer=new XRWebGLLayer(r,t),r.requestFrameOfReference(a.frameOfReferenceType).then((function(t){n=t,e.setFramebuffer(r.baseLayer.framebuffer),d.setContext(r),d.start()})))},this.getCamera=function(e){if(o()){var t=e.parent,i=h.cameras;l(h,t);for(var r=0;r=0){var c=r[o];if(void 0!==c){var h=c.normalized,l=c.itemSize,u=A.get(c);if(void 0===u)continue;var f=u.buffer,v=u.type,g=u.bytesPerElement;if(c.isInterleavedBufferAttribute){var y=c.data,x=y.stride,w=c.offset;y&&y.isInstancedInterleavedBuffer?(m.enableAttributeAndDivisor(s,y.meshPerAttribute),void 0===i.maxInstancedCount&&(i.maxInstancedCount=y.meshPerAttribute*y.count)):m.enableAttribute(s),d.bindBuffer(d.ARRAY_BUFFER,f),d.vertexAttribPointer(s,l,v,h,x*g,w*g)}else c.isInstancedBufferAttribute?(m.enableAttributeAndDivisor(s,c.meshPerAttribute),void 0===i.maxInstancedCount&&(i.maxInstancedCount=c.meshPerAttribute*c.count)):m.enableAttribute(s),d.bindBuffer(d.ARRAY_BUFFER,f),d.vertexAttribPointer(s,l,v,h,0,0)}else if(void 0!==a){var b=a[o];if(void 0!==b)switch(b.length){case 2:d.vertexAttrib2fv(s,b);break;case 3:d.vertexAttrib3fv(s,b);break;case 4:d.vertexAttrib4fv(s,b);break;default:d.vertexAttrib1fv(s,b)}}}}m.disableUnusedAttributes()}(r,s,i),null!==u&&d.bindBuffer(d.ELEMENT_ARRAY_BUFFER,l.buffer));var y=1/0;null!==u?y=u.count:void 0!==f&&(y=f.count);var w=i.drawRange.start*v,b=i.drawRange.count*v,_=null!==a?a.start*v:0,E=null!==a?a.count*v:1/0,M=Math.max(w,_),T=Math.min(y,w+b,_+E)-1,S=Math.max(0,T-M+1);if(0!==S){if(n.isMesh)if(!0===r.wireframe)m.setLineWidth(r.wireframeLinewidth*pe()),g.setMode(d.LINES);else switch(n.drawMode){case 0:g.setMode(d.TRIANGLES);break;case 1:g.setMode(d.TRIANGLE_STRIP);break;case 2:g.setMode(d.TRIANGLE_FAN)}else if(n.isLine){var L=r.linewidth;void 0===L&&(L=1),m.setLineWidth(L*pe()),n.isLineSegments?g.setMode(d.LINES):n.isLineLoop?g.setMode(d.LINE_LOOP):g.setMode(d.LINE_STRIP)}else n.isPoints&&g.setMode(d.POINTS);i&&i.isInstancedBufferGeometry?i.maxInstancedCount>0&&g.renderInstances(i,M,S):g.render(M,S)}},this.compile=function(e,t){(u=E.get(e,t)).init(),e.traverse((function(e){e.isLight&&(u.pushLight(e),e.castShadow&&u.pushShadow(e))})),u.setupLights(t),e.traverse((function(t){if(t.material)if(Array.isArray(t.material))for(var i=0;i=0&&e.numSupportedMorphTargets++}if(e.morphNormals){e.numSupportedMorphNormals=0;for(p=0;p=0&&e.numSupportedMorphNormals++}var f=r.shader.uniforms;(e.isShaderMaterial||e.isRawShaderMaterial)&&!0!==e.clipping||(r.numClippingPlanes=ce.numPlanes,r.numIntersection=ce.numIntersection,f.clippingPlanes=ce.uniform),r.fog=t,r.lightsHash=n.state.hash,e.lights&&(f.ambientLightColor.value=n.state.ambient,f.directionalLights.value=n.state.directional,f.spotLights.value=n.state.spot,f.rectAreaLights.value=n.state.rectArea,f.pointLights.value=n.state.point,f.hemisphereLights.value=n.state.hemi,f.directionalShadowMap.value=n.state.directionalShadowMap,f.directionalShadowMatrix.value=n.state.directionalShadowMatrix,f.spotShadowMap.value=n.state.spotShadowMap,f.spotShadowMatrix.value=n.state.spotShadowMatrix,f.pointShadowMap.value=n.state.pointShadowMap,f.pointShadowMatrix.value=n.state.pointShadowMatrix);var m=r.program.getUniforms(),v=Qt.seqWithValue(m.seq,f);r.uniformsList=v}function Re(e,t,i,r){Z=0;var n=g.get(i),a=u.state.lights;if(he&&(le||e!==k)){var o=e===k&&i.id===G;ce.setState(i.clippingPlanes,i.clipIntersection,i.clipShadows,e,n,o)}!1===i.needsUpdate&&(void 0===n.program||i.fog&&n.fog!==t||i.lights&&n.lightsHash!==a.state.hash?i.needsUpdate=!0:void 0===n.numClippingPlanes||n.numClippingPlanes===ce.numPlanes&&n.numIntersection===ce.numIntersection||(i.needsUpdate=!0)),i.needsUpdate&&(Se(i,t,r),i.needsUpdate=!1);var s,c,h=!1,l=!1,p=!1,v=n.program,y=v.getUniforms(),A=n.shader.uniforms;if(m.useProgram(v.program)&&(h=!0,l=!0,p=!0),i.id!==G&&(G=i.id,l=!0),h||e!==k){if(y.setValue(d,"projectionMatrix",e.projectionMatrix),f.logarithmicDepthBuffer&&y.setValue(d,"logDepthBufFC",2/(Math.log(e.far+1)/Math.LN2)),k!==(j||e)&&(k=j||e,l=!0,p=!0),i.isShaderMaterial||i.isMeshPhongMaterial||i.isMeshStandardMaterial||i.envMap){var x=y.map.cameraPosition;void 0!==x&&x.setValue(d,de.setFromMatrixPosition(e.matrixWorld))}(i.isMeshPhongMaterial||i.isMeshLambertMaterial||i.isMeshBasicMaterial||i.isMeshStandardMaterial||i.isShaderMaterial||i.skinning)&&y.setValue(d,"viewMatrix",e.matrixWorldInverse)}if(i.skinning){y.setOptional(d,r,"bindMatrix"),y.setOptional(d,r,"bindMatrixInverse");var w=r.skeleton;if(w){var b=w.bones;if(f.floatVertexTextures){if(void 0===w.boneTexture){var _=Math.sqrt(4*b.length);_=M.ceilPowerOfTwo(_),_=Math.max(_,4);var E=new Float32Array(_*_*4);E.set(w.boneMatrices);var T=new V(E,_,_,1023,1015);T.needsUpdate=!0,w.boneMatrices=E,w.boneTexture=T,w.boneTextureSize=_}y.setValue(d,"boneTexture",w.boneTexture),y.setValue(d,"boneTextureSize",w.boneTextureSize)}else y.setOptional(d,w,"boneMatrices")}}return l&&(y.setValue(d,"toneMappingExposure",O.toneMappingExposure),y.setValue(d,"toneMappingWhitePoint",O.toneMappingWhitePoint),i.lights&&(c=p,(s=A).ambientLightColor.needsUpdate=c,s.directionalLights.needsUpdate=c,s.pointLights.needsUpdate=c,s.spotLights.needsUpdate=c,s.rectAreaLights.needsUpdate=c,s.hemisphereLights.needsUpdate=c),t&&i.fog&&function(e,t){e.fogColor.value=t.color,t.isFog?(e.fogNear.value=t.near,e.fogFar.value=t.far):t.isFogExp2&&(e.fogDensity.value=t.density)}(A,t),i.isMeshBasicMaterial?Le(A,i):i.isMeshLambertMaterial?(Le(A,i),function(e,t){t.emissiveMap&&(e.emissiveMap.value=t.emissiveMap)}(A,i)):i.isMeshPhongMaterial?(Le(A,i),i.isMeshToonMaterial?function(e,t){Pe(e,t),t.gradientMap&&(e.gradientMap.value=t.gradientMap)}(A,i):Pe(A,i)):i.isMeshStandardMaterial?(Le(A,i),i.isMeshPhysicalMaterial?function(e,t){e.clearCoat.value=t.clearCoat,e.clearCoatRoughness.value=t.clearCoatRoughness,Ce(e,t)}(A,i):Ce(A,i)):i.isMeshDepthMaterial?(Le(A,i),function(e,t){t.displacementMap&&(e.displacementMap.value=t.displacementMap,e.displacementScale.value=t.displacementScale,e.displacementBias.value=t.displacementBias)}(A,i)):i.isMeshDistanceMaterial?(Le(A,i),function(e,t){t.displacementMap&&(e.displacementMap.value=t.displacementMap,e.displacementScale.value=t.displacementScale,e.displacementBias.value=t.displacementBias);e.referencePosition.value.copy(t.referencePosition),e.nearDistance.value=t.nearDistance,e.farDistance.value=t.farDistance}(A,i)):i.isMeshNormalMaterial?(Le(A,i),function(e,t){t.bumpMap&&(e.bumpMap.value=t.bumpMap,e.bumpScale.value=t.bumpScale,1===t.side&&(e.bumpScale.value*=-1));t.normalMap&&(e.normalMap.value=t.normalMap,e.normalScale.value.copy(t.normalScale),1===t.side&&e.normalScale.value.negate());t.displacementMap&&(e.displacementMap.value=t.displacementMap,e.displacementScale.value=t.displacementScale,e.displacementBias.value=t.displacementBias)}(A,i)):i.isLineBasicMaterial?(function(e,t){e.diffuse.value=t.color,e.opacity.value=t.opacity}(A,i),i.isLineDashedMaterial&&function(e,t){e.dashSize.value=t.dashSize,e.totalSize.value=t.dashSize+t.gapSize,e.scale.value=t.scale}(A,i)):i.isPointsMaterial?function(e,t){e.diffuse.value=t.color,e.opacity.value=t.opacity,e.size.value=t.size*re,e.scale.value=.5*ie,e.map.value=t.map,null!==t.map&&(!0===t.map.matrixAutoUpdate&&t.map.updateMatrix(),e.uvTransform.value.copy(t.map.matrix))}(A,i):i.isShadowMaterial&&(A.color.value=i.color,A.opacity.value=i.opacity),void 0!==A.ltc_1&&(A.ltc_1.value=K.LTC_1),void 0!==A.ltc_2&&(A.ltc_2.value=K.LTC_2),Qt.upload(d,n.uniformsList,A,O)),i.isShaderMaterial&&!0===i.uniformsNeedUpdate&&(Qt.upload(d,n.uniformsList,A,O),i.uniformsNeedUpdate=!1),y.setValue(d,"modelViewMatrix",r.modelViewMatrix),y.setValue(d,"normalMatrix",r.normalMatrix),y.setValue(d,"modelMatrix",r.matrixWorld),v}function Le(e,t){var i;e.opacity.value=t.opacity,t.color&&(e.diffuse.value=t.color),t.emissive&&e.emissive.value.copy(t.emissive).multiplyScalar(t.emissiveIntensity),t.map&&(e.map.value=t.map),t.alphaMap&&(e.alphaMap.value=t.alphaMap),t.specularMap&&(e.specularMap.value=t.specularMap),t.envMap&&(e.envMap.value=t.envMap,e.flipEnvMap.value=t.envMap&&t.envMap.isCubeTexture?-1:1,e.reflectivity.value=t.reflectivity,e.refractionRatio.value=t.refractionRatio,e.maxMipLevel.value=g.get(t.envMap).__maxMipLevel),t.lightMap&&(e.lightMap.value=t.lightMap,e.lightMapIntensity.value=t.lightMapIntensity),t.aoMap&&(e.aoMap.value=t.aoMap,e.aoMapIntensity.value=t.aoMapIntensity),t.map?i=t.map:t.specularMap?i=t.specularMap:t.displacementMap?i=t.displacementMap:t.normalMap?i=t.normalMap:t.bumpMap?i=t.bumpMap:t.roughnessMap?i=t.roughnessMap:t.metalnessMap?i=t.metalnessMap:t.alphaMap?i=t.alphaMap:t.emissiveMap&&(i=t.emissiveMap),void 0!==i&&(i.isWebGLRenderTarget&&(i=i.texture),!0===i.matrixAutoUpdate&&i.updateMatrix(),e.uvTransform.value.copy(i.matrix))}function Pe(e,t){e.specular.value=t.specular,e.shininess.value=Math.max(t.shininess,1e-4),t.emissiveMap&&(e.emissiveMap.value=t.emissiveMap),t.bumpMap&&(e.bumpMap.value=t.bumpMap,e.bumpScale.value=t.bumpScale,1===t.side&&(e.bumpScale.value*=-1)),t.normalMap&&(e.normalMap.value=t.normalMap,e.normalScale.value.copy(t.normalScale),1===t.side&&e.normalScale.value.negate()),t.displacementMap&&(e.displacementMap.value=t.displacementMap,e.displacementScale.value=t.displacementScale,e.displacementBias.value=t.displacementBias)}function Ce(e,t){e.roughness.value=t.roughness,e.metalness.value=t.metalness,t.roughnessMap&&(e.roughnessMap.value=t.roughnessMap),t.metalnessMap&&(e.metalnessMap.value=t.metalnessMap),t.emissiveMap&&(e.emissiveMap.value=t.emissiveMap),t.bumpMap&&(e.bumpMap.value=t.bumpMap,e.bumpScale.value=t.bumpScale,1===t.side&&(e.bumpScale.value*=-1)),t.normalMap&&(e.normalMap.value=t.normalMap,e.normalScale.value.copy(t.normalScale),1===t.side&&e.normalScale.value.negate()),t.displacementMap&&(e.displacementMap.value=t.displacementMap,e.displacementScale.value=t.displacementScale,e.displacementBias.value=t.displacementBias),t.envMap&&(e.envMapIntensity.value=t.envMapIntensity)}Ee.setAnimationLoop((function(){ve.isPresenting()||be&&be()})),Ee.setContext(window),this.setAnimationLoop=function(e){be=e,ve.setAnimationLoop(e),Ee.start()},this.render=function(e,t,i,r){if(t&&t.isCamera){if(!N){H="",G=-1,k=null,!0===e.autoUpdate&&e.updateMatrixWorld(),null===t.parent&&t.updateMatrixWorld(),ve.enabled&&(t=ve.getCamera(t)),(u=E.get(e,t)).init(),e.onBeforeRender(O,e,t,i),ue.multiplyMatrices(t.projectionMatrix,t.matrixWorldInverse),se.setFromMatrix(ue),le=this.localClippingEnabled,he=ce.init(this.clippingPlanes,le,t),(l=_.get(e,t)).init(),function e(t,i,r){if(!1===t.visible)return;if(t.layers.test(i.layers))if(t.isLight)u.pushLight(t),t.castShadow&&u.pushShadow(t);else if(t.isSprite)t.frustumCulled&&!se.intersectsSprite(t)||u.pushSprite(t);else if(t.isImmediateRenderObject)r&&de.setFromMatrixPosition(t.matrixWorld).applyMatrix4(ue),l.push(t,null,t.material,de.z,null);else if((t.isMesh||t.isLine||t.isPoints)&&(t.isSkinnedMesh&&t.skeleton.update(),!t.frustumCulled||se.intersectsObject(t))){r&&de.setFromMatrixPosition(t.matrixWorld).applyMatrix4(ue);var n=w.update(t),a=t.material;if(Array.isArray(a))for(var o=n.groups,s=0,c=o.length;s=f.maxTextures&&console.warn("THREE.WebGLRenderer: Trying to use "+e+" texture units while this GPU supports only "+f.maxTextures),Z+=1,e},this.setTexture2D=(_e=!1,function(e,t){e&&e.isWebGLRenderTarget&&(_e||(console.warn("THREE.WebGLRenderer.setTexture2D: don't use render targets as textures. Use their .texture property instead."),_e=!0),e=e.texture),y.setTexture2D(e,t)}),this.setTexture=function(){var e=!1;return function(t,i){e||(console.warn("THREE.WebGLRenderer: .setTexture is deprecated, use setTexture2D instead."),e=!0),y.setTexture2D(t,i)}}(),this.setTextureCube=function(){var e=!1;return function(t,i){t&&t.isWebGLRenderTargetCube&&(e||(console.warn("THREE.WebGLRenderer.setTextureCube: don't use cube render targets as textures. Use their .texture property instead."),e=!0),t=t.texture),t&&t.isCubeTexture||Array.isArray(t.image)&&6===t.image.length?y.setTextureCube(t,i):y.setTextureCubeDynamic(t,i)}}(),this.setFramebuffer=function(e){B=e},this.getRenderTarget=function(){return F},this.setRenderTarget=function(e){F=e,e&&void 0===g.get(e).__webglFramebuffer&&y.setupRenderTarget(e);var t=B,i=!1;if(e){var r=g.get(e).__webglFramebuffer;e.isWebGLRenderTargetCube?(t=r[e.activeCubeFace],i=!0):t=r,X.copy(e.viewport),Y.copy(e.scissor),Q=e.scissorTest}else X.copy(ne).multiplyScalar(re),Y.copy(ae).multiplyScalar(re),Q=oe;if(z!==t&&(d.bindFramebuffer(d.FRAMEBUFFER,t),z=t),m.viewport(X),m.scissor(Y),m.setScissorTest(Q),i){var n=g.get(e.texture);d.framebufferTexture2D(d.FRAMEBUFFER,d.COLOR_ATTACHMENT0,d.TEXTURE_CUBE_MAP_POSITIVE_X+e.activeCubeFace,n.__webglTexture,e.activeMipMapLevel)}},this.readRenderTargetPixels=function(e,t,i,r,n,a){if(e&&e.isWebGLRenderTarget){var o=g.get(e).__webglFramebuffer;if(o){var s=!1;o!==z&&(d.bindFramebuffer(d.FRAMEBUFFER,o),s=!0);try{var c=e.texture,h=c.format,l=c.type;if(1023!==h&&I.convert(h)!==d.getParameter(d.IMPLEMENTATION_COLOR_READ_FORMAT))return void console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.");if(!(1009===l||I.convert(l)===d.getParameter(d.IMPLEMENTATION_COLOR_READ_TYPE)||1015===l&&(p.get("OES_texture_float")||p.get("WEBGL_color_buffer_float"))||1016===l&&p.get("EXT_color_buffer_half_float")))return void console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.");d.checkFramebufferStatus(d.FRAMEBUFFER)===d.FRAMEBUFFER_COMPLETE?t>=0&&t<=e.width-r&&i>=0&&i<=e.height-n&&d.readPixels(t,i,r,n,I.convert(h),I.convert(l),a):console.error("THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete.")}finally{s&&d.bindFramebuffer(d.FRAMEBUFFER,z)}}}else console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.")},this.copyFramebufferToTexture=function(e,t,i){var r=t.image.width,n=t.image.height,a=I.convert(t.format);this.setTexture2D(t,0),d.copyTexImage2D(d.TEXTURE_2D,i||0,a,e.x,e.y,r,n,0)},this.copyTextureToTexture=function(e,t,i,r){var n=t.image.width,a=t.image.height,o=I.convert(i.format),s=I.convert(i.type);this.setTexture2D(i,0),t.isDataTexture?d.texSubImage2D(d.TEXTURE_2D,r||0,e.x,e.y,n,a,o,s,t.image.data):d.texSubImage2D(d.TEXTURE_2D,r||0,e.x,e.y,o,s,t.image)}}function zi(e,t){this.name="",this.color=new Z(e),this.density=void 0!==t?t:25e-5}function Gi(e,t,i){this.name="",this.color=new Z(e),this.near=void 0!==t?t:1,this.far=void 0!==i?i:1e3}function Vi(){he.call(this),this.type="Scene",this.background=null,this.fog=null,this.overrideMaterial=null,this.autoUpdate=!0}function Hi(e){ke.call(this),this.type="SpriteMaterial",this.color=new Z(16777215),this.map=null,this.rotation=0,this.fog=!1,this.lights=!1,this.setValues(e)}function ki(e){he.call(this),this.type="Sprite",this.material=void 0!==e?e:new Hi,this.center=new T(.5,.5)}function ji(){he.call(this),this.type="LOD",Object.defineProperties(this,{levels:{enumerable:!0,value:[]}})}function Wi(e,t){if(e=e||[],this.bones=e.slice(0),this.boneMatrices=new Float32Array(16*this.bones.length),void 0===t)this.calculateInverses();else if(this.bones.length===t.length)this.boneInverses=t.slice(0);else{console.warn("THREE.Skeleton boneInverses is the wrong length."),this.boneInverses=[];for(var i=0,r=this.bones.length;i=0?(e(g-h,v,d),p.subVectors(u,d)):(e(g+h,v,d),p.subVectors(d,u)),v-h>=0?(e(g,v-h,d),f.subVectors(u,d)):(e(g,v+h,d),f.subVectors(d,u)),l.crossVectors(p,f).normalize(),s.push(l.x,l.y,l.z),c.push(g,v)}}for(r=0;r.9&&o<.1&&(t<.2&&(a[e+0]+=1),i<.2&&(a[e+2]+=1),r<.2&&(a[e+4]+=1))}}()}(),this.addAttribute("position",new Me(n,3)),this.addAttribute("normal",new Me(n.slice(),3)),this.addAttribute("uv",new Me(a,2)),0===r?this.computeVertexNormals():this.normalizeNormals()}function hr(e,t){ve.call(this),this.type="TetrahedronGeometry",this.parameters={radius:e,detail:t},this.fromBufferGeometry(new lr(e,t)),this.mergeVertices()}function lr(e,t){cr.call(this,[1,1,1,-1,-1,1,-1,1,-1,1,-1,-1],[2,1,0,0,3,2,1,3,0,2,3,1],e,t),this.type="TetrahedronBufferGeometry",this.parameters={radius:e,detail:t}}function ur(e,t){ve.call(this),this.type="OctahedronGeometry",this.parameters={radius:e,detail:t},this.fromBufferGeometry(new dr(e,t)),this.mergeVertices()}function dr(e,t){cr.call(this,[1,0,0,-1,0,0,0,1,0,0,-1,0,0,0,1,0,0,-1],[0,2,4,0,4,3,0,3,5,0,5,2,1,2,5,1,5,3,1,3,4,1,4,2],e,t),this.type="OctahedronBufferGeometry",this.parameters={radius:e,detail:t}}function pr(e,t){ve.call(this),this.type="IcosahedronGeometry",this.parameters={radius:e,detail:t},this.fromBufferGeometry(new fr(e,t)),this.mergeVertices()}function fr(e,t){var i=(1+Math.sqrt(5))/2,r=[-1,i,0,1,i,0,-1,-i,0,1,-i,0,0,-1,i,0,1,i,0,-1,-i,0,1,-i,i,0,-1,i,0,1,-i,0,-1,-i,0,1];cr.call(this,r,[0,11,5,0,5,1,0,1,7,0,7,10,0,10,11,1,5,9,5,11,4,11,10,2,10,7,6,7,1,8,3,9,4,3,4,2,3,2,6,3,6,8,3,8,9,4,9,5,2,4,11,6,2,10,8,6,7,9,8,1],e,t),this.type="IcosahedronBufferGeometry",this.parameters={radius:e,detail:t}}function mr(e,t){ve.call(this),this.type="DodecahedronGeometry",this.parameters={radius:e,detail:t},this.fromBufferGeometry(new vr(e,t)),this.mergeVertices()}function vr(e,t){var i=(1+Math.sqrt(5))/2,r=1/i,n=[-1,-1,-1,-1,-1,1,-1,1,-1,-1,1,1,1,-1,-1,1,-1,1,1,1,-1,1,1,1,0,-r,-i,0,-r,i,0,r,-i,0,r,i,-r,-i,0,-r,i,0,r,-i,0,r,i,0,-i,0,-r,i,0,-r,-i,0,r,i,0,r];cr.call(this,n,[3,11,7,3,7,15,3,15,13,7,19,17,7,17,6,7,6,15,17,4,8,17,8,10,17,10,6,8,0,16,8,16,2,8,2,10,0,12,1,0,1,18,0,18,16,6,10,2,6,2,13,6,13,15,2,16,18,2,18,3,2,3,13,18,1,9,18,9,11,18,11,3,4,14,12,4,12,0,4,0,8,11,9,5,11,5,19,11,19,7,19,5,14,19,14,4,19,4,17,1,12,14,1,14,5,1,5,9],e,t),this.type="DodecahedronBufferGeometry",this.parameters={radius:e,detail:t}}function gr(e,t,i,r,n,a){ve.call(this),this.type="TubeGeometry",this.parameters={path:e,tubularSegments:t,radius:i,radialSegments:r,closed:n},void 0!==a&&console.warn("THREE.TubeGeometry: taper has been removed.");var o=new yr(e,t,i,r,n);this.tangents=o.tangents,this.normals=o.normals,this.binormals=o.binormals,this.fromBufferGeometry(o),this.mergeVertices()}function yr(e,t,i,r,n){Pe.call(this),this.type="TubeBufferGeometry",this.parameters={path:e,tubularSegments:t,radius:i,radialSegments:r,closed:n},t=t||64,i=i||1,r=r||8,n=n||!1;var a=e.computeFrenetFrames(t,n);this.tangents=a.tangents,this.normals=a.normals,this.binormals=a.binormals;var o,s,c=new L,h=new L,l=new T,u=new L,d=[],p=[],f=[],m=[];function v(n){u=e.getPointAt(n/t,u);var o=a.normals[n],l=a.binormals[n];for(s=0;s<=r;s++){var f=s/r*Math.PI*2,m=Math.sin(f),v=-Math.cos(f);h.x=v*o.x+m*l.x,h.y=v*o.y+m*l.y,h.z=v*o.z+m*l.z,h.normalize(),p.push(h.x,h.y,h.z),c.x=u.x+i*h.x,c.y=u.y+i*h.y,c.z=u.z+i*h.z,d.push(c.x,c.y,c.z)}}!function(){for(o=0;oi)){var r=e.ray.origin.distanceTo(fi);re.far||t.push({distance:r,point:fi.clone(),face:null,object:this})}}),clone:function(){return new this.constructor(this.material).copy(this)},copy:function(e){return he.prototype.copy.call(this,e),void 0!==e.center&&this.center.copy(e.center),this}}),ji.prototype=Object.assign(Object.create(he.prototype),{constructor:ji,copy:function(e){he.prototype.copy.call(this,e,!1);for(var t=e.levels,i=0,r=t.length;i1){e.setFromMatrixPosition(i.matrixWorld),t.setFromMatrixPosition(this.matrixWorld);var n=e.distanceTo(t);r[0].object.visible=!0;for(var a=1,o=r.length;a=r[a].distance;a++)r[a-1].object.visible=!1,r[a].object.visible=!0;for(;ao))d.applyMatrix4(this.matrixWorld),(_=r.ray.origin.distanceTo(d))r.far||n.push({distance:_,point:u.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this})}else for(g=0,y=m.length/3-1;go))d.applyMatrix4(this.matrixWorld),(_=r.ray.origin.distanceTo(d))r.far||n.push({distance:_,point:u.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this})}}else if(s.isGeometry){var w=s.vertices,b=w.length;for(g=0;go))d.applyMatrix4(this.matrixWorld),(_=r.ray.origin.distanceTo(d))r.far||n.push({distance:_,point:u.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this})}}}}}(),clone:function(){return new this.constructor(this.geometry,this.material).copy(this)}}),Zi.prototype=Object.assign(Object.create(Qi.prototype),{constructor:Zi,isLineSegments:!0,computeLineDistances:function(){var e=new L,t=new L;return function(){var i=this.geometry;if(i.isBufferGeometry)if(null===i.index){for(var r=i.attributes.position,n=[],a=0,o=r.count;ar.far)return;n.push({distance:c,distanceToRay:Math.sqrt(o),point:d.clone(),index:i,face:null,object:a})}}}}(),clone:function(){return new this.constructor(this.geometry,this.material).copy(this)}}),er.prototype=Object.assign(Object.create(he.prototype),{constructor:er,isGroup:!0}),tr.prototype=Object.assign(Object.create(F.prototype),{constructor:tr,isVideoTexture:!0,update:function(){var e=this.image;e.readyState>=e.HAVE_CURRENT_DATA&&(this.needsUpdate=!0)}}),ir.prototype=Object.create(F.prototype),ir.prototype.constructor=ir,ir.prototype.isCompressedTexture=!0,rr.prototype=Object.create(F.prototype),rr.prototype.constructor=rr,rr.prototype.isDepthTexture=!0,nr.prototype=Object.create(Pe.prototype),nr.prototype.constructor=nr,ar.prototype=Object.create(ve.prototype),ar.prototype.constructor=ar,or.prototype=Object.create(Pe.prototype),or.prototype.constructor=or,sr.prototype=Object.create(ve.prototype),sr.prototype.constructor=sr,cr.prototype=Object.create(Pe.prototype),cr.prototype.constructor=cr,hr.prototype=Object.create(ve.prototype),hr.prototype.constructor=hr,lr.prototype=Object.create(cr.prototype),lr.prototype.constructor=lr,ur.prototype=Object.create(ve.prototype),ur.prototype.constructor=ur,dr.prototype=Object.create(cr.prototype),dr.prototype.constructor=dr,pr.prototype=Object.create(ve.prototype),pr.prototype.constructor=pr,fr.prototype=Object.create(cr.prototype),fr.prototype.constructor=fr,mr.prototype=Object.create(ve.prototype),mr.prototype.constructor=mr,vr.prototype=Object.create(cr.prototype),vr.prototype.constructor=vr,gr.prototype=Object.create(ve.prototype),gr.prototype.constructor=gr,yr.prototype=Object.create(Pe.prototype),yr.prototype.constructor=yr,Ar.prototype=Object.create(ve.prototype),Ar.prototype.constructor=Ar,xr.prototype=Object.create(Pe.prototype),xr.prototype.constructor=xr,wr.prototype=Object.create(ve.prototype),wr.prototype.constructor=wr,br.prototype=Object.create(Pe.prototype),br.prototype.constructor=br;var _r=function(e,t,i){i=i||2;var r,n,a,o,s,c,h,l=t&&t.length,u=l?t[0]*i:e.length,d=Er(e,0,u,i,!0),p=[];if(!d)return p;if(l&&(d=function(e,t,i,r){var n,a,o,s,c,h=[];for(n=0,a=t.length;n80*i){r=a=e[0],n=o=e[1];for(var f=i;fa&&(a=s),c>o&&(o=c);h=0!==(h=Math.max(a-r,o-n))?1/h:0}return Tr(d,p,i,r,n,h),p};function Er(e,t,i,r,n){var a,o;if(n===function(e,t,i,r){for(var n=0,a=t,o=i-r;a0)for(a=t;a=t;a-=r)o=Hr(a,e[a],e[a+1],o);return o&&Ur(o,o.next)&&(kr(o),o=o.next),o}function Mr(e,t){if(!e)return e;t||(t=e);var i,r=e;do{if(i=!1,r.steiner||!Ur(r,r.next)&&0!==Fr(r.prev,r,r.next))r=r.next;else{if(kr(r),(r=t=r.prev)===r.next)break;i=!0}}while(i||r!==t);return t}function Tr(e,t,i,r,n,a,o){if(e){!o&&a&&function(e,t,i,r){var n=e;do{null===n.z&&(n.z=Ir(n.x,n.y,t,i,r)),n.prevZ=n.prev,n.nextZ=n.next,n=n.next}while(n!==e);n.prevZ.nextZ=null,n.prevZ=null,function(e){var t,i,r,n,a,o,s,c,h=1;do{for(i=e,e=null,a=null,o=0;i;){for(o++,r=i,s=0,t=0;t0||c>0&&r;)0!==s&&(0===c||!r||i.z<=r.z)?(n=i,i=i.nextZ,s--):(n=r,r=r.nextZ,c--),a?a.nextZ=n:e=n,n.prevZ=a,a=n;i=r}a.nextZ=null,h*=2}while(o>1)}(n)}(e,r,n,a);for(var s,c,h=e;e.prev!==e.next;)if(s=e.prev,c=e.next,a?Rr(e,r,n,a):Sr(e))t.push(s.i/i),t.push(e.i/i),t.push(c.i/i),kr(e),e=c.next,h=c.next;else if((e=c)===h){o?1===o?Tr(e=Lr(e,t,i),t,i,r,n,a,2):2===o&&Pr(e,t,i,r,n,a):Tr(Mr(e),t,i,r,n,a,1);break}}}function Sr(e){var t=e.prev,i=e,r=e.next;if(Fr(t,i,r)>=0)return!1;for(var n=e.next.next;n!==e.prev;){if(Nr(t.x,t.y,i.x,i.y,r.x,r.y,n.x,n.y)&&Fr(n.prev,n,n.next)>=0)return!1;n=n.next}return!0}function Rr(e,t,i,r){var n=e.prev,a=e,o=e.next;if(Fr(n,a,o)>=0)return!1;for(var s=n.xa.x?n.x>o.x?n.x:o.x:a.x>o.x?a.x:o.x,l=n.y>a.y?n.y>o.y?n.y:o.y:a.y>o.y?a.y:o.y,u=Ir(s,c,t,i,r),d=Ir(h,l,t,i,r),p=e.nextZ;p&&p.z<=d;){if(p!==e.prev&&p!==e.next&&Nr(n.x,n.y,a.x,a.y,o.x,o.y,p.x,p.y)&&Fr(p.prev,p,p.next)>=0)return!1;p=p.nextZ}for(p=e.prevZ;p&&p.z>=u;){if(p!==e.prev&&p!==e.next&&Nr(n.x,n.y,a.x,a.y,o.x,o.y,p.x,p.y)&&Fr(p.prev,p,p.next)>=0)return!1;p=p.prevZ}return!0}function Lr(e,t,i){var r=e;do{var n=r.prev,a=r.next.next;!Ur(n,a)&&zr(n,r,r.next,a)&&Gr(n,a)&&Gr(a,n)&&(t.push(n.i/i),t.push(r.i/i),t.push(a.i/i),kr(r),kr(r.next),r=e=a),r=r.next}while(r!==e);return r}function Pr(e,t,i,r,n,a){var o=e;do{for(var s=o.next.next;s!==o.prev;){if(o.i!==s.i&&Br(o,s)){var c=Vr(o,s);return o=Mr(o,o.next),c=Mr(c,c.next),Tr(o,t,i,r,n,a),void Tr(c,t,i,r,n,a)}s=s.next}o=o.next}while(o!==e)}function Cr(e,t){return e.x-t.x}function Dr(e,t){if(t=function(e,t){var i,r=t,n=e.x,a=e.y,o=-1/0;do{if(a<=r.y&&a>=r.next.y&&r.next.y!==r.y){var s=r.x+(a-r.y)*(r.next.x-r.x)/(r.next.y-r.y);if(s<=n&&s>o){if(o=s,s===n){if(a===r.y)return r;if(a===r.next.y)return r.next}i=r.x=r.x&&r.x>=l&&n!==r.x&&Nr(ai.x)&&Gr(r,e)&&(i=r,d=c),r=r.next;return i}(e,t)){var i=Vr(t,e);Mr(i,i.next)}}function Ir(e,t,i,r,n){return(e=1431655765&((e=858993459&((e=252645135&((e=16711935&((e=32767*(e-i)*n)|e<<8))|e<<4))|e<<2))|e<<1))|(t=1431655765&((t=858993459&((t=252645135&((t=16711935&((t=32767*(t-r)*n)|t<<8))|t<<4))|t<<2))|t<<1))<<1}function Or(e){var t=e,i=e;do{t.x=0&&(e-o)*(r-s)-(i-o)*(t-s)>=0&&(i-o)*(a-s)-(n-o)*(r-s)>=0}function Br(e,t){return e.next.i!==t.i&&e.prev.i!==t.i&&!function(e,t){var i=e;do{if(i.i!==e.i&&i.next.i!==e.i&&i.i!==t.i&&i.next.i!==t.i&&zr(i,i.next,e,t))return!0;i=i.next}while(i!==e);return!1}(e,t)&&Gr(e,t)&&Gr(t,e)&&function(e,t){var i=e,r=!1,n=(e.x+t.x)/2,a=(e.y+t.y)/2;do{i.y>a!=i.next.y>a&&i.next.y!==i.y&&n<(i.next.x-i.x)*(a-i.y)/(i.next.y-i.y)+i.x&&(r=!r),i=i.next}while(i!==e);return r}(e,t)}function Fr(e,t,i){return(t.y-e.y)*(i.x-t.x)-(t.x-e.x)*(i.y-t.y)}function Ur(e,t){return e.x===t.x&&e.y===t.y}function zr(e,t,i,r){return!!(Ur(e,t)&&Ur(i,r)||Ur(e,r)&&Ur(i,t))||Fr(e,t,i)>0!=Fr(e,t,r)>0&&Fr(i,r,e)>0!=Fr(i,r,t)>0}function Gr(e,t){return Fr(e.prev,e,e.next)<0?Fr(e,t,e.next)>=0&&Fr(e,e.prev,t)>=0:Fr(e,t,e.prev)<0||Fr(e,e.next,t)<0}function Vr(e,t){var i=new jr(e.i,e.x,e.y),r=new jr(t.i,t.x,t.y),n=e.next,a=t.prev;return e.next=t,t.prev=e,i.next=n,n.prev=i,r.next=i,i.prev=r,a.next=r,r.prev=a,r}function Hr(e,t,i,r){var n=new jr(e,t,i);return r?(n.next=r.next,n.prev=r,r.next.prev=n,r.next=n):(n.prev=n,n.next=n),n}function kr(e){e.next.prev=e.prev,e.prev.next=e.next,e.prevZ&&(e.prevZ.nextZ=e.nextZ),e.nextZ&&(e.nextZ.prevZ=e.prevZ)}function jr(e,t,i){this.i=e,this.x=t,this.y=i,this.prev=null,this.next=null,this.z=null,this.prevZ=null,this.nextZ=null,this.steiner=!1}var Wr={area:function(e){for(var t=e.length,i=0,r=t-1,n=0;n2&&e[t-1].equals(e[0])&&e.pop()}function Yr(e,t){for(var i=0;iNumber.EPSILON){var d=Math.sqrt(l),p=Math.sqrt(c*c+h*h),f=t.x-s/d,m=t.y+o/d,v=((i.x-h/p-f)*h-(i.y+c/p-m)*c)/(o*h-s*c),g=(r=f+o*v-e.x)*r+(n=m+s*v-e.y)*n;if(g<=2)return new T(r,n);a=Math.sqrt(g/2)}else{var y=!1;o>Number.EPSILON?c>Number.EPSILON&&(y=!0):o<-Number.EPSILON?c<-Number.EPSILON&&(y=!0):Math.sign(s)===Math.sign(h)&&(y=!0),y?(r=-s,n=o,a=Math.sqrt(l)):(r=o,n=s,a=Math.sqrt(l/2))}return new T(r/a,n/a)}for(var V=[],H=0,k=P.length,j=k-1,W=H+1;H=0;D--){for(O=D/d,N=l*Math.cos(O*Math.PI/2),I=u*Math.sin(O*Math.PI/2),H=0,k=P.length;H=0;){i=H,(r=H-1)<0&&(r=e.length-1);var n=0,a=s+2*d;for(n=0;n0)&&f.push(w,b,E),(c!==i-1||h0&&g(!0),t>0&&g(!1)),this.setIndex(h),this.addAttribute("position",new Me(l,3)),this.addAttribute("normal",new Me(u,3)),this.addAttribute("uv",new Me(d,2))}function pn(e,t,i,r,n,a,o){un.call(this,0,e,t,i,r,n,a,o),this.type="ConeGeometry",this.parameters={radius:e,height:t,radialSegments:i,heightSegments:r,openEnded:n,thetaStart:a,thetaLength:o}}function fn(e,t,i,r,n,a,o){dn.call(this,0,e,t,i,r,n,a,o),this.type="ConeBufferGeometry",this.parameters={radius:e,height:t,radialSegments:i,heightSegments:r,openEnded:n,thetaStart:a,thetaLength:o}}function mn(e,t,i,r){ve.call(this),this.type="CircleGeometry",this.parameters={radius:e,segments:t,thetaStart:i,thetaLength:r},this.fromBufferGeometry(new vn(e,t,i,r)),this.mergeVertices()}function vn(e,t,i,r){Pe.call(this),this.type="CircleBufferGeometry",this.parameters={radius:e,segments:t,thetaStart:i,thetaLength:r},e=e||1,t=void 0!==t?Math.max(3,t):8,i=void 0!==i?i:0,r=void 0!==r?r:2*Math.PI;var n,a,o=[],s=[],c=[],h=[],l=new L,u=new T;for(s.push(0,0,0),c.push(0,0,1),h.push(.5,.5),a=0,n=3;a<=t;a++,n+=3){var d=i+a/t*r;l.x=e*Math.cos(d),l.y=e*Math.sin(d),s.push(l.x,l.y,l.z),c.push(0,0,1),u.x=(s[n]/e+1)/2,u.y=(s[n+1]/e+1)/2,h.push(u.x,u.y)}for(n=1;n<=t;n++)o.push(n,n+1,0);this.setIndex(o),this.addAttribute("position",new Me(s,3)),this.addAttribute("normal",new Me(c,3)),this.addAttribute("uv",new Me(h,2))}Kr.prototype=Object.create(ve.prototype),Kr.prototype.constructor=Kr,$r.prototype=Object.create(Qr.prototype),$r.prototype.constructor=$r,en.prototype=Object.create(ve.prototype),en.prototype.constructor=en,tn.prototype=Object.create(Pe.prototype),tn.prototype.constructor=tn,rn.prototype=Object.create(ve.prototype),rn.prototype.constructor=rn,nn.prototype=Object.create(Pe.prototype),nn.prototype.constructor=nn,an.prototype=Object.create(ve.prototype),an.prototype.constructor=an,on.prototype=Object.create(Pe.prototype),on.prototype.constructor=on,sn.prototype=Object.create(ve.prototype),sn.prototype.constructor=sn,sn.prototype.toJSON=function(){var e=ve.prototype.toJSON.call(this);return hn(this.parameters.shapes,e)},cn.prototype=Object.create(Pe.prototype),cn.prototype.constructor=cn,cn.prototype.toJSON=function(){var e=Pe.prototype.toJSON.call(this);return hn(this.parameters.shapes,e)},ln.prototype=Object.create(Pe.prototype),ln.prototype.constructor=ln,un.prototype=Object.create(ve.prototype),un.prototype.constructor=un,dn.prototype=Object.create(Pe.prototype),dn.prototype.constructor=dn,pn.prototype=Object.create(un.prototype),pn.prototype.constructor=pn,fn.prototype=Object.create(dn.prototype),fn.prototype.constructor=fn,mn.prototype=Object.create(ve.prototype),mn.prototype.constructor=mn,vn.prototype=Object.create(Pe.prototype),vn.prototype.constructor=vn;var gn=Object.freeze({WireframeGeometry:nr,ParametricGeometry:ar,ParametricBufferGeometry:or,TetrahedronGeometry:hr,TetrahedronBufferGeometry:lr,OctahedronGeometry:ur,OctahedronBufferGeometry:dr,IcosahedronGeometry:pr,IcosahedronBufferGeometry:fr,DodecahedronGeometry:mr,DodecahedronBufferGeometry:vr,PolyhedronGeometry:sr,PolyhedronBufferGeometry:cr,TubeGeometry:gr,TubeBufferGeometry:yr,TorusKnotGeometry:Ar,TorusKnotBufferGeometry:xr,TorusGeometry:wr,TorusBufferGeometry:br,TextGeometry:Kr,TextBufferGeometry:$r,SphereGeometry:en,SphereBufferGeometry:tn,RingGeometry:rn,RingBufferGeometry:nn,PlaneGeometry:Ie,PlaneBufferGeometry:Oe,LatheGeometry:an,LatheBufferGeometry:on,ShapeGeometry:sn,ShapeBufferGeometry:cn,ExtrudeGeometry:qr,ExtrudeBufferGeometry:Qr,EdgesGeometry:ln,ConeGeometry:pn,ConeBufferGeometry:fn,CylinderGeometry:un,CylinderBufferGeometry:dn,CircleGeometry:mn,CircleBufferGeometry:vn,BoxGeometry:Ce,BoxBufferGeometry:De});function yn(e){ke.call(this),this.type="ShadowMaterial",this.color=new Z(0),this.transparent=!0,this.setValues(e)}function An(e){We.call(this,e),this.type="RawShaderMaterial"}function xn(e){ke.call(this),this.defines={STANDARD:""},this.type="MeshStandardMaterial",this.color=new Z(16777215),this.roughness=.5,this.metalness=.5,this.map=null,this.lightMap=null,this.lightMapIntensity=1,this.aoMap=null,this.aoMapIntensity=1,this.emissive=new Z(0),this.emissiveIntensity=1,this.emissiveMap=null,this.bumpMap=null,this.bumpScale=1,this.normalMap=null,this.normalScale=new T(1,1),this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.roughnessMap=null,this.metalnessMap=null,this.alphaMap=null,this.envMap=null,this.envMapIntensity=1,this.refractionRatio=.98,this.wireframe=!1,this.wireframeLinewidth=1,this.wireframeLinecap="round",this.wireframeLinejoin="round",this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(e)}function wn(e){xn.call(this),this.defines={PHYSICAL:""},this.type="MeshPhysicalMaterial",this.reflectivity=.5,this.clearCoat=0,this.clearCoatRoughness=0,this.setValues(e)}function bn(e){ke.call(this),this.type="MeshPhongMaterial",this.color=new Z(16777215),this.specular=new Z(1118481),this.shininess=30,this.map=null,this.lightMap=null,this.lightMapIntensity=1,this.aoMap=null,this.aoMapIntensity=1,this.emissive=new Z(0),this.emissiveIntensity=1,this.emissiveMap=null,this.bumpMap=null,this.bumpScale=1,this.normalMap=null,this.normalScale=new T(1,1),this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.specularMap=null,this.alphaMap=null,this.envMap=null,this.combine=0,this.reflectivity=1,this.refractionRatio=.98,this.wireframe=!1,this.wireframeLinewidth=1,this.wireframeLinecap="round",this.wireframeLinejoin="round",this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(e)}function _n(e){bn.call(this),this.defines={TOON:""},this.type="MeshToonMaterial",this.gradientMap=null,this.setValues(e)}function En(e){ke.call(this),this.type="MeshNormalMaterial",this.bumpMap=null,this.bumpScale=1,this.normalMap=null,this.normalScale=new T(1,1),this.displacementMap=null,this.displacementScale=1,this.displacementBias=0,this.wireframe=!1,this.wireframeLinewidth=1,this.fog=!1,this.lights=!1,this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(e)}function Mn(e){ke.call(this),this.type="MeshLambertMaterial",this.color=new Z(16777215),this.map=null,this.lightMap=null,this.lightMapIntensity=1,this.aoMap=null,this.aoMapIntensity=1,this.emissive=new Z(0),this.emissiveIntensity=1,this.emissiveMap=null,this.specularMap=null,this.alphaMap=null,this.envMap=null,this.combine=0,this.reflectivity=1,this.refractionRatio=.98,this.wireframe=!1,this.wireframeLinewidth=1,this.wireframeLinecap="round",this.wireframeLinejoin="round",this.skinning=!1,this.morphTargets=!1,this.morphNormals=!1,this.setValues(e)}function Tn(e){qi.call(this),this.type="LineDashedMaterial",this.scale=1,this.dashSize=3,this.gapSize=1,this.setValues(e)}yn.prototype=Object.create(ke.prototype),yn.prototype.constructor=yn,yn.prototype.isShadowMaterial=!0,yn.prototype.copy=function(e){return ke.prototype.copy.call(this,e),this.color.copy(e.color),this},An.prototype=Object.create(We.prototype),An.prototype.constructor=An,An.prototype.isRawShaderMaterial=!0,xn.prototype=Object.create(ke.prototype),xn.prototype.constructor=xn,xn.prototype.isMeshStandardMaterial=!0,xn.prototype.copy=function(e){return ke.prototype.copy.call(this,e),this.defines={STANDARD:""},this.color.copy(e.color),this.roughness=e.roughness,this.metalness=e.metalness,this.map=e.map,this.lightMap=e.lightMap,this.lightMapIntensity=e.lightMapIntensity,this.aoMap=e.aoMap,this.aoMapIntensity=e.aoMapIntensity,this.emissive.copy(e.emissive),this.emissiveMap=e.emissiveMap,this.emissiveIntensity=e.emissiveIntensity,this.bumpMap=e.bumpMap,this.bumpScale=e.bumpScale,this.normalMap=e.normalMap,this.normalScale.copy(e.normalScale),this.displacementMap=e.displacementMap,this.displacementScale=e.displacementScale,this.displacementBias=e.displacementBias,this.roughnessMap=e.roughnessMap,this.metalnessMap=e.metalnessMap,this.alphaMap=e.alphaMap,this.envMap=e.envMap,this.envMapIntensity=e.envMapIntensity,this.refractionRatio=e.refractionRatio,this.wireframe=e.wireframe,this.wireframeLinewidth=e.wireframeLinewidth,this.wireframeLinecap=e.wireframeLinecap,this.wireframeLinejoin=e.wireframeLinejoin,this.skinning=e.skinning,this.morphTargets=e.morphTargets,this.morphNormals=e.morphNormals,this},wn.prototype=Object.create(xn.prototype),wn.prototype.constructor=wn,wn.prototype.isMeshPhysicalMaterial=!0,wn.prototype.copy=function(e){return xn.prototype.copy.call(this,e),this.defines={PHYSICAL:""},this.reflectivity=e.reflectivity,this.clearCoat=e.clearCoat,this.clearCoatRoughness=e.clearCoatRoughness,this},bn.prototype=Object.create(ke.prototype),bn.prototype.constructor=bn,bn.prototype.isMeshPhongMaterial=!0,bn.prototype.copy=function(e){return ke.prototype.copy.call(this,e),this.color.copy(e.color),this.specular.copy(e.specular),this.shininess=e.shininess,this.map=e.map,this.lightMap=e.lightMap,this.lightMapIntensity=e.lightMapIntensity,this.aoMap=e.aoMap,this.aoMapIntensity=e.aoMapIntensity,this.emissive.copy(e.emissive),this.emissiveMap=e.emissiveMap,this.emissiveIntensity=e.emissiveIntensity,this.bumpMap=e.bumpMap,this.bumpScale=e.bumpScale,this.normalMap=e.normalMap,this.normalScale.copy(e.normalScale),this.displacementMap=e.displacementMap,this.displacementScale=e.displacementScale,this.displacementBias=e.displacementBias,this.specularMap=e.specularMap,this.alphaMap=e.alphaMap,this.envMap=e.envMap,this.combine=e.combine,this.reflectivity=e.reflectivity,this.refractionRatio=e.refractionRatio,this.wireframe=e.wireframe,this.wireframeLinewidth=e.wireframeLinewidth,this.wireframeLinecap=e.wireframeLinecap,this.wireframeLinejoin=e.wireframeLinejoin,this.skinning=e.skinning,this.morphTargets=e.morphTargets,this.morphNormals=e.morphNormals,this},_n.prototype=Object.create(bn.prototype),_n.prototype.constructor=_n,_n.prototype.isMeshToonMaterial=!0,_n.prototype.copy=function(e){return bn.prototype.copy.call(this,e),this.gradientMap=e.gradientMap,this},En.prototype=Object.create(ke.prototype),En.prototype.constructor=En,En.prototype.isMeshNormalMaterial=!0,En.prototype.copy=function(e){return ke.prototype.copy.call(this,e),this.bumpMap=e.bumpMap,this.bumpScale=e.bumpScale,this.normalMap=e.normalMap,this.normalScale.copy(e.normalScale),this.displacementMap=e.displacementMap,this.displacementScale=e.displacementScale,this.displacementBias=e.displacementBias,this.wireframe=e.wireframe,this.wireframeLinewidth=e.wireframeLinewidth,this.skinning=e.skinning,this.morphTargets=e.morphTargets,this.morphNormals=e.morphNormals,this},Mn.prototype=Object.create(ke.prototype),Mn.prototype.constructor=Mn,Mn.prototype.isMeshLambertMaterial=!0,Mn.prototype.copy=function(e){return ke.prototype.copy.call(this,e),this.color.copy(e.color),this.map=e.map,this.lightMap=e.lightMap,this.lightMapIntensity=e.lightMapIntensity,this.aoMap=e.aoMap,this.aoMapIntensity=e.aoMapIntensity,this.emissive.copy(e.emissive),this.emissiveMap=e.emissiveMap,this.emissiveIntensity=e.emissiveIntensity,this.specularMap=e.specularMap,this.alphaMap=e.alphaMap,this.envMap=e.envMap,this.combine=e.combine,this.reflectivity=e.reflectivity,this.refractionRatio=e.refractionRatio,this.wireframe=e.wireframe,this.wireframeLinewidth=e.wireframeLinewidth,this.wireframeLinecap=e.wireframeLinecap,this.wireframeLinejoin=e.wireframeLinejoin,this.skinning=e.skinning,this.morphTargets=e.morphTargets,this.morphNormals=e.morphNormals,this},Tn.prototype=Object.create(qi.prototype),Tn.prototype.constructor=Tn,Tn.prototype.isLineDashedMaterial=!0,Tn.prototype.copy=function(e){return qi.prototype.copy.call(this,e),this.scale=e.scale,this.dashSize=e.dashSize,this.gapSize=e.gapSize,this};var Sn=Object.freeze({ShadowMaterial:yn,SpriteMaterial:Hi,RawShaderMaterial:An,ShaderMaterial:We,PointsMaterial:Ki,MeshPhysicalMaterial:wn,MeshStandardMaterial:xn,MeshPhongMaterial:bn,MeshToonMaterial:_n,MeshNormalMaterial:En,MeshLambertMaterial:Mn,MeshDepthMaterial:Ti,MeshDistanceMaterial:Si,MeshBasicMaterial:je,LineDashedMaterial:Tn,LineBasicMaterial:qi,Material:ke}),Rn={enabled:!1,files:{},add:function(e,t){!1!==this.enabled&&(this.files[e]=t)},get:function(e){if(!1!==this.enabled)return this.files[e]},remove:function(e){delete this.files[e]},clear:function(){this.files={}}};function Ln(e,t,i){var r=this,n=!1,a=0,o=0,s=void 0;this.onStart=void 0,this.onLoad=e,this.onProgress=t,this.onError=i,this.itemStart=function(e){o++,!1===n&&void 0!==r.onStart&&r.onStart(e,a,o),n=!0},this.itemEnd=function(e){a++,void 0!==r.onProgress&&r.onProgress(e,a,o),a===o&&(n=!1,void 0!==r.onLoad&&r.onLoad())},this.itemError=function(e){void 0!==r.onError&&r.onError(e)},this.resolveURL=function(e){return s?s(e):e},this.setURLModifier=function(e){return s=e,this}}var Pn=new Ln,Cn={};function Dn(e){this.manager=void 0!==e?e:Pn}function In(e){this.manager=void 0!==e?e:Pn}function On(e){this.manager=void 0!==e?e:Pn}function Nn(){this.type="Curve",this.arcLengthDivisions=200}function Bn(e,t,i,r,n,a,o,s){Nn.call(this),this.type="EllipseCurve",this.aX=e||0,this.aY=t||0,this.xRadius=i||1,this.yRadius=r||1,this.aStartAngle=n||0,this.aEndAngle=a||2*Math.PI,this.aClockwise=o||!1,this.aRotation=s||0}function Fn(e,t,i,r,n,a){Bn.call(this,e,t,i,i,r,n,a),this.type="ArcCurve"}function Un(){var e=0,t=0,i=0,r=0;function n(n,a,o,s){e=n,t=o,i=-3*n+3*a-2*o-s,r=2*n-2*a+o+s}return{initCatmullRom:function(e,t,i,r,a){n(t,i,a*(i-e),a*(r-t))},initNonuniformCatmullRom:function(e,t,i,r,a,o,s){var c=(t-e)/a-(i-e)/(a+o)+(i-t)/o,h=(i-t)/o-(r-t)/(o+s)+(r-i)/s;n(t,i,c*=o,h*=o)},calc:function(n){var a=n*n;return e+t*n+i*a+r*(a*n)}}}Object.assign(Dn.prototype,{load:function(e,t,i,r){void 0===e&&(e=""),void 0!==this.path&&(e=this.path+e),e=this.manager.resolveURL(e);var n=this,a=Rn.get(e);if(void 0!==a)return n.manager.itemStart(e),setTimeout((function(){t&&t(a),n.manager.itemEnd(e)}),0),a;if(void 0===Cn[e]){var o=e.match(/^data:(.*?)(;base64)?,(.*)$/);if(o){var s=o[1],c=!!o[2],h=o[3];h=window.decodeURIComponent(h),c&&(h=window.atob(h));try{var l,u=(this.responseType||"").toLowerCase();switch(u){case"arraybuffer":case"blob":for(var d=new Uint8Array(h.length),p=0;p0||0===e.search(/^data\:image\/jpeg/);n.format=r?1022:1023,n.needsUpdate=!0,void 0!==t&&t(n)}),i,r),n},setCrossOrigin:function(e){return this.crossOrigin=e,this},setPath:function(e){return this.path=e,this}}),Object.assign(Nn.prototype,{getPoint:function(){return console.warn("THREE.Curve: .getPoint() not implemented."),null},getPointAt:function(e,t){var i=this.getUtoTmapping(e);return this.getPoint(i,t)},getPoints:function(e){void 0===e&&(e=5);for(var t=[],i=0;i<=e;i++)t.push(this.getPoint(i/e));return t},getSpacedPoints:function(e){void 0===e&&(e=5);for(var t=[],i=0;i<=e;i++)t.push(this.getPointAt(i/e));return t},getLength:function(){var e=this.getLengths();return e[e.length-1]},getLengths:function(e){if(void 0===e&&(e=this.arcLengthDivisions),this.cacheArcLengths&&this.cacheArcLengths.length===e+1&&!this.needsUpdate)return this.cacheArcLengths;this.needsUpdate=!1;var t,i,r=[],n=this.getPoint(0),a=0;for(r.push(0),i=1;i<=e;i++)a+=(t=this.getPoint(i/e)).distanceTo(n),r.push(a),n=t;return this.cacheArcLengths=r,r},updateArcLengths:function(){this.needsUpdate=!0,this.getLengths()},getUtoTmapping:function(e,t){var i,r=this.getLengths(),n=0,a=r.length;i=t||e*r[a-1];for(var o,s=0,c=a-1;s<=c;)if((o=r[n=Math.floor(s+(c-s)/2)]-i)<0)s=n+1;else{if(!(o>0)){c=n;break}c=n-1}if(r[n=c]===i)return n/(a-1);var h=r[n];return(n+(i-h)/(r[n+1]-h))/(a-1)},getTangent:function(e){var t=e-1e-4,i=e+1e-4;t<0&&(t=0),i>1&&(i=1);var r=this.getPoint(t);return this.getPoint(i).clone().sub(r).normalize()},getTangentAt:function(e){var t=this.getUtoTmapping(e);return this.getTangent(t)},computeFrenetFrames:function(e,t){var i,r,n,a=new L,o=[],s=[],c=[],h=new L,l=new S;for(i=0;i<=e;i++)r=i/e,o[i]=this.getTangentAt(r),o[i].normalize();s[0]=new L,c[0]=new L;var u=Number.MAX_VALUE,d=Math.abs(o[0].x),p=Math.abs(o[0].y),f=Math.abs(o[0].z);for(d<=u&&(u=d,a.set(1,0,0)),p<=u&&(u=p,a.set(0,1,0)),f<=u&&a.set(0,0,1),h.crossVectors(o[0],a).normalize(),s[0].crossVectors(o[0],h),c[0].crossVectors(o[0],s[0]),i=1;i<=e;i++)s[i]=s[i-1].clone(),c[i]=c[i-1].clone(),h.crossVectors(o[i-1],o[i]),h.length()>Number.EPSILON&&(h.normalize(),n=Math.acos(M.clamp(o[i-1].dot(o[i]),-1,1)),s[i].applyMatrix4(l.makeRotationAxis(h,n))),c[i].crossVectors(o[i],s[i]);if(!0===t)for(n=Math.acos(M.clamp(s[0].dot(s[e]),-1,1)),n/=e,o[0].dot(h.crossVectors(s[0],s[e]))>0&&(n=-n),i=1;i<=e;i++)s[i].applyMatrix4(l.makeRotationAxis(o[i],n*i)),c[i].crossVectors(o[i],s[i]);return{tangents:o,normals:s,binormals:c}},clone:function(){return(new this.constructor).copy(this)},copy:function(e){return this.arcLengthDivisions=e.arcLengthDivisions,this},toJSON:function(){var e={metadata:{version:4.5,type:"Curve",generator:"Curve.toJSON"}};return e.arcLengthDivisions=this.arcLengthDivisions,e.type=this.type,e},fromJSON:function(e){return this.arcLengthDivisions=e.arcLengthDivisions,this}}),Bn.prototype=Object.create(Nn.prototype),Bn.prototype.constructor=Bn,Bn.prototype.isEllipseCurve=!0,Bn.prototype.getPoint=function(e,t){for(var i=t||new T,r=2*Math.PI,n=this.aEndAngle-this.aStartAngle,a=Math.abs(n)r;)n-=r;n0?0:(Math.floor(Math.abs(l)/c)+1)*c:0===u&&l===c-1&&(l=c-2,u=1),this.closed||l>0?i=s[(l-1)%c]:(zn.subVectors(s[0],s[1]).add(s[0]),i=zn),r=s[l%c],n=s[(l+1)%c],this.closed||l+2r.length-2?r.length-1:a+1],l=r[a>r.length-3?r.length-1:a+2];return i.set(jn(o,s.x,c.x,h.x,l.x),jn(o,s.y,c.y,h.y,l.y)),i},$n.prototype.copy=function(e){Nn.prototype.copy.call(this,e),this.points=[];for(var t=0,i=e.points.length;t=t){var n=i[r]-t,a=this.curves[r],o=a.getLength(),s=0===o?0:1-n/o;return a.getPointAt(s)}r++}return null},getLength:function(){var e=this.getCurveLengths();return e[e.length-1]},updateArcLengths:function(){this.needsUpdate=!0,this.cacheLengths=null,this.getCurveLengths()},getCurveLengths:function(){if(this.cacheLengths&&this.cacheLengths.length===this.curves.length)return this.cacheLengths;for(var e=[],t=0,i=0,r=this.curves.length;i1&&!i[i.length-1].equals(i[0])&&i.push(i[0]),i},copy:function(e){Nn.prototype.copy.call(this,e),this.curves=[];for(var t=0,i=e.curves.length;t0){var h=c.getPoint(0);h.equals(this.currentPoint)||this.lineTo(h.x,h.y)}this.curves.push(c);var l=c.getPoint(1);this.currentPoint.copy(l)},copy:function(e){return ta.prototype.copy.call(this,e),this.currentPoint.copy(e.currentPoint),this},toJSON:function(){var e=ta.prototype.toJSON.call(this);return e.currentPoint=this.currentPoint.toArray(),e},fromJSON:function(e){return ta.prototype.fromJSON.call(this,e),this.currentPoint.fromArray(e.currentPoint),this}}),ra.prototype=Object.assign(Object.create(ia.prototype),{constructor:ra,getPointsHoles:function(e){for(var t=[],i=0,r=this.holes.length;i=n)break e;var s=t[1];e=(n=t[--i-1]))break t}a=i,i=0}for(;i>>1;et;)--a;if(++a,0!==n||a!==r){n>=a&&(n=(a=Math.max(a,1))-1);var o=this.getValueSize();this.times=Ea.arraySlice(i,n,a),this.values=Ea.arraySlice(this.values,n*o,a*o)}return this},validate:function(){var e=!0,t=this.getValueSize();t-Math.floor(t)!=0&&(console.error("THREE.KeyframeTrack: Invalid value size in track.",this),e=!1);var i=this.times,r=this.values,n=i.length;0===n&&(console.error("THREE.KeyframeTrack: Track is empty.",this),e=!1);for(var a=null,o=0;o!==n;o++){var s=i[o];if("number"==typeof s&&isNaN(s)){console.error("THREE.KeyframeTrack: Time is not a valid number.",this,o,s),e=!1;break}if(null!==a&&a>s){console.error("THREE.KeyframeTrack: Out of order keys.",this,o,s,a),e=!1;break}a=s}if(void 0!==r&&Ea.isTypedArray(r)){o=0;for(var c=r.length;o!==c;++o){var h=r[o];if(isNaN(h)){console.error("THREE.KeyframeTrack: Value is not a valid number.",this,o,h),e=!1;break}}}return e},optimize:function(){for(var e=this.times,t=this.values,i=this.getValueSize(),r=2302===this.getInterpolation(),n=1,a=e.length-1,o=1;o0){e[n]=e[a];for(f=a*i,m=n*i,d=0;d!==i;++d)t[m+d]=t[f+d];++n}return n!==e.length&&(this.times=Ea.arraySlice(e,0,n),this.values=Ea.arraySlice(t,0,n*i)),this}}),Ta.prototype=Object.assign(Object.create(Ma.prototype),{constructor:Ta,ValueTypeName:"vector"}),Object.assign(Sa,{parse:function(e){for(var t=[],i=e.tracks,r=1/(e.fps||1),n=0,a=i.length;n!==a;++n)t.push(Ma.parse(i[n]).scale(r));return new Sa(e.name,e.duration,t)},toJSON:function(e){for(var t=[],i=e.tracks,r={name:e.name,duration:e.duration,tracks:t,uuid:e.uuid},n=0,a=i.length;n!==a;++n)t.push(Ma.toJSON(i[n]));return r},CreateFromMorphTargetSequence:function(e,t,i,r){for(var n=t.length,a=[],o=0;o1){var h=r[u=c[1]];h||(r[u]=h=[]),h.push(s)}}var l=[];for(var u in r)l.push(Sa.CreateFromMorphTargetSequence(u,r[u],t,i));return l},parseAnimation:function(e,t){if(!e)return console.error("THREE.AnimationClip: No animation in JSONLoader data."),null;for(var i=function(e,t,i,r,n){if(0!==i.length){var a=[],o=[];Ea.flattenJSON(i,a,o,r),0!==a.length&&n.push(new e(t,a,o))}},r=[],n=e.name||"default",a=e.length||-1,o=e.fps||30,s=e.hierarchy||[],c=0;c1?e.skinWeights[r+1]:0,s=i>2?e.skinWeights[r+2]:0,c=i>3?e.skinWeights[r+3]:0;t.skinWeights.push(new U(a,o,s,c))}if(e.skinIndices)for(r=0,n=e.skinIndices.length;r1?e.skinIndices[r+1]:0,u=i>2?e.skinIndices[r+2]:0,d=i>3?e.skinIndices[r+3]:0;t.skinIndices.push(new U(h,l,u,d))}t.bones=e.bones,t.bones&&t.bones.length>0&&(t.skinWeights.length!==t.skinIndices.length||t.skinIndices.length!==t.vertices.length)&&console.warn("When skinning, number of vertices ("+t.vertices.length+"), skinIndices ("+t.skinIndices.length+"), and skinWeights ("+t.skinWeights.length+") should match.")}(e,i),function(e,t){var i=e.scale;if(void 0!==e.morphTargets)for(var r=0,n=e.morphTargets.length;r0){console.warn('THREE.JSONLoader: "morphColors" no longer supported. Using them as face colors.');var l=t.faces,u=e.morphColors[0].colors;for(r=0,n=l.length;r0&&(t.animations=i)}(e,i),i.computeFaceNormals(),i.computeBoundingSphere(),void 0===e.materials||0===e.materials.length?{geometry:i}:{geometry:i,materials:Na.prototype.initMaterials(e.materials,t,this.crossOrigin)}}}),Object.assign(function(e){this.manager=void 0!==e?e:Pn,this.texturePath=""}.prototype,{load:function(e,t,i,r){""===this.texturePath&&(this.texturePath=e.substring(0,e.lastIndexOf("/")+1));var n=this;new Dn(n.manager).load(e,(function(i){var a=null;try{a=JSON.parse(i)}catch(t){return void 0!==r&&r(t),void console.error("THREE:ObjectLoader: Can't parse "+e+".",t.message)}var o=a.metadata;void 0!==o&&void 0!==o.type&&"geometry"!==o.type.toLowerCase()?n.parse(a,t):console.error("THREE.ObjectLoader: Can't load "+e+". Use THREE.JSONLoader instead.")}),i,r)},setTexturePath:function(e){return this.texturePath=e,this},setCrossOrigin:function(e){return this.crossOrigin=e,this},parse:function(e,t){var i=this.parseShape(e.shapes),r=this.parseGeometries(e.geometries,i),n=this.parseImages(e.images,(function(){void 0!==t&&t(s)})),a=this.parseTextures(e.textures,n),o=this.parseMaterials(e.materials,a),s=this.parseObject(e.object,r,o);return e.animations&&(s.animations=this.parseAnimations(e.animations)),void 0!==e.images&&0!==e.images.length||void 0!==t&&t(s),s},parseShape:function(e){var t={};if(void 0!==e)for(var i=0,r=e.length;i0){var a=new In(new Ln(t));a.setCrossOrigin(this.crossOrigin);for(var o=0,s=e.length;o0?new Yi(o,s):new Qe(o,s);break;case"LOD":r=new ji;break;case"Line":r=new Qi(n(e.geometry),a(e.material),e.mode);break;case"LineLoop":r=new Ji(n(e.geometry),a(e.material));break;case"LineSegments":r=new Zi(n(e.geometry),a(e.material));break;case"PointCloud":case"Points":r=new $i(n(e.geometry),a(e.material));break;case"Sprite":r=new ki(a(e.material));break;case"Group":r=new er;break;default:r=new he}if(r.uuid=e.uuid,void 0!==e.name&&(r.name=e.name),void 0!==e.matrix?(r.matrix.fromArray(e.matrix),void 0!==e.matrixAutoUpdate&&(r.matrixAutoUpdate=e.matrixAutoUpdate),r.matrixAutoUpdate&&r.matrix.decompose(r.position,r.quaternion,r.scale)):(void 0!==e.position&&r.position.fromArray(e.position),void 0!==e.rotation&&r.rotation.fromArray(e.rotation),void 0!==e.quaternion&&r.quaternion.fromArray(e.quaternion),void 0!==e.scale&&r.scale.fromArray(e.scale)),void 0!==e.castShadow&&(r.castShadow=e.castShadow),void 0!==e.receiveShadow&&(r.receiveShadow=e.receiveShadow),e.shadow&&(void 0!==e.shadow.bias&&(r.shadow.bias=e.shadow.bias),void 0!==e.shadow.radius&&(r.shadow.radius=e.shadow.radius),void 0!==e.shadow.mapSize&&r.shadow.mapSize.fromArray(e.shadow.mapSize),void 0!==e.shadow.camera&&(r.shadow.camera=this.parseObject(e.shadow.camera))),void 0!==e.visible&&(r.visible=e.visible),void 0!==e.frustumCulled&&(r.frustumCulled=e.frustumCulled),void 0!==e.renderOrder&&(r.renderOrder=e.renderOrder),void 0!==e.userData&&(r.userData=e.userData),void 0!==e.children)for(var c=e.children,h=0;hNumber.EPSILON){if(h<0&&(o=t[a],c=-c,s=t[n],h=-h),e.ys.y)continue;if(e.y===o.y){if(e.x===o.x)return!0}else{var l=h*(e.x-o.x)-c*(e.y-o.y);if(0===l)return!0;if(l<0)continue;r=!r}}else{if(e.y!==o.y)continue;if(s.x<=e.x&&e.x<=o.x||o.x<=e.x&&e.x<=s.x)return!0}}return r}var n=Wr.isClockWise,a=this.subPaths;if(0===a.length)return[];if(!0===t)return i(a);var o,s,c,h=[];if(1===a.length)return s=a[0],(c=new ra).curves=s.curves,h.push(c),h;var l=!n(a[0].getPoints());l=e?!l:l;var u,d,p=[],f=[],m=[],v=0;f[v]=void 0,m[v]=[];for(var g=0,y=a.length;g1){for(var A=!1,x=[],w=0,b=f.length;w0&&(A||(m=p))}g=0;for(var R=f.length;g0){this.source.connect(this.filters[0]);for(var e=1,t=this.filters.length;e0){this.source.disconnect(this.filters[0]);for(var e=1,t=this.filters.length;e=.5)for(var a=0;a!==n;++a)e[t+a]=e[i+a]},_slerp:function(e,t,i,r){R.slerpFlat(e,t,e,t,e,i,r)},_lerp:function(e,t,i,r,n){for(var a=1-r,o=0;o!==n;++o){var s=t+o;e[s]=e[s]*a+e[i+o]*r}}});var ho,lo,uo,po,fo,mo,vo,go,yo,Ao,xo,wo;function bo(e,t,i){var r=i||_o.parseTrackName(t);this._targetGroup=e,this._bindings=e.subscribe_(t,r)}function _o(e,t,i){this.path=t,this.parsedPath=i||_o.parseTrackName(t),this.node=_o.findNode(e,this.parsedPath.nodeName)||e,this.rootNode=e}function Eo(e,t,i){this._mixer=e,this._clip=t,this._localRoot=i||null;for(var r=t.tracks,n=r.length,a=new Array(n),o={endingStart:2400,endingEnd:2400},s=0;s!==n;++s){var c=r[s].createInterpolant(null);a[s]=c,c.settings=o}this._interpolantSettings=o,this._interpolants=a,this._propertyBindings=new Array(n),this._cacheIndex=null,this._byClipCacheIndex=null,this._timeScaleInterpolant=null,this._weightInterpolant=null,this.loop=2201,this._loopCount=-1,this._startTime=null,this.time=0,this.timeScale=1,this._effectiveTimeScale=1,this.weight=1,this._effectiveWeight=1,this.repetitions=1/0,this.paused=!1,this.enabled=!0,this.clampWhenFinished=!1,this.zeroSlopeAtStart=!0,this.zeroSlopeAtEnd=!0}function Mo(e){this._root=e,this._initMemoryManager(),this._accuIndex=0,this.time=0,this.timeScale=1}function To(e){"string"==typeof e&&(console.warn("THREE.Uniform: Type parameter is no longer needed."),e=arguments[1]),this.value=e}function So(){Pe.call(this),this.type="InstancedBufferGeometry",this.maxInstancedCount=void 0}function Ro(e,t,i,r){this.data=e,this.itemSize=t,this.offset=i,this.normalized=!0===r}function Lo(e,t){this.array=e,this.stride=t,this.count=void 0!==e?e.length/t:0,this.dynamic=!1,this.updateRange={offset:0,count:-1},this.version=0}function Po(e,t,i){Lo.call(this,e,t),this.meshPerAttribute=i||1}function Co(e,t,i){ge.call(this,e,t),this.meshPerAttribute=i||1}function Do(e,t){return e.distance-t.distance}function Io(e,t,i,r){if(!1!==e.visible&&(e.raycast(t,i),!0===r))for(var n=e.children,a=0,o=n.length;a=t){var l=t++,u=e[l];i[u.uuid]=h,e[h]=u,i[c]=l,e[l]=s;for(var d=0,p=n;d!==p;++d){var f=r[d],m=f[l],v=f[h];f[h]=m,f[l]=v}}}this.nCachedObjects_=t},uncache:function(){for(var e=this._objects,t=e.length,i=this.nCachedObjects_,r=this._indicesByUUID,n=this._bindings,a=n.length,o=0,s=arguments.length;o!==s;++o){var c=arguments[o],h=c.uuid,l=r[h];if(void 0!==l)if(delete r[h],l0)for(var c=this._interpolants,h=this._propertyBindings,l=0,u=c.length;l!==u;++l)c[l].evaluate(o),h[l].accumulate(r,s)}else this._updateWeight(e)},_updateWeight:function(e){var t=0;if(this.enabled){t=this.weight;var i=this._weightInterpolant;if(null!==i){var r=i.evaluate(e)[0];t*=r,e>i.parameterPositions[1]&&(this.stopFading(),0===r&&(this.enabled=!1))}}return this._effectiveWeight=t,t},_updateTimeScale:function(e){var t=0;if(!this.paused){t=this.timeScale;var i=this._timeScaleInterpolant;if(null!==i)t*=i.evaluate(e)[0],e>i.parameterPositions[1]&&(this.stopWarping(),0===t?this.paused=!0:this.timeScale=t)}return this._effectiveTimeScale=t,t},_updateTime:function(e){var t=this.time+e;if(0===e)return t;var i=this._clip.duration,r=this.loop,n=this._loopCount;if(2200===r){-1===n&&(this._loopCount=0,this._setEndings(!0,!0,!1));e:{if(t>=i)t=i;else{if(!(t<0))break e;t=0}this.clampWhenFinished?this.paused=!0:this.enabled=!1,this._mixer.dispatchEvent({type:"finished",action:this,direction:e<0?-1:1})}}else{var a=2202===r;if(-1===n&&(e>=0?(n=0,this._setEndings(!0,0===this.repetitions,a)):this._setEndings(0===this.repetitions,!0,a)),t>=i||t<0){var o=Math.floor(t/i);t-=i*o,n+=Math.abs(o);var s=this.repetitions-n;if(s<=0)this.clampWhenFinished?this.paused=!0:this.enabled=!1,t=e>0?i:0,this._mixer.dispatchEvent({type:"finished",action:this,direction:e>0?1:-1});else{if(1===s){var c=e<0;this._setEndings(c,!c,a)}else this._setEndings(!1,!1,a);this._loopCount=n,this._mixer.dispatchEvent({type:"loop",action:this,loopDelta:o})}}if(a&&1==(1&n))return this.time=t,i-t}return this.time=t,t},_setEndings:function(e,t,i){var r=this._interpolantSettings;i?(r.endingStart=2401,r.endingEnd=2401):(r.endingStart=e?this.zeroSlopeAtStart?2401:2400:2402,r.endingEnd=t?this.zeroSlopeAtEnd?2401:2400:2402)},_scheduleFading:function(e,t,i){var r=this._mixer,n=r.time,a=this._weightInterpolant;null===a&&(a=r._lendControlInterpolant(),this._weightInterpolant=a);var o=a.parameterPositions,s=a.sampleValues;return o[0]=n,s[0]=t,o[1]=n+e,s[1]=i,this}}),Mo.prototype=Object.assign(Object.create(l.prototype),{constructor:Mo,_bindAction:function(e,t){var i=e._localRoot||this._root,r=e._clip.tracks,n=r.length,a=e._propertyBindings,o=e._interpolants,s=i.uuid,c=this._bindingsByRootAndName,h=c[s];void 0===h&&(h={},c[s]=h);for(var l=0;l!==n;++l){var u=r[l],d=u.name,p=h[d];if(void 0!==p)a[l]=p;else{if(void 0!==(p=a[l])){null===p._cacheIndex&&(++p.referenceCount,this._addInactiveBinding(p,s,d));continue}var f=t&&t._propertyBindings[l].binding.parsedPath;++(p=new co(_o.create(i,d,f),u.ValueTypeName,u.getValueSize())).referenceCount,this._addInactiveBinding(p,s,d),a[l]=p}o[l].resultBuffer=p.buffer}},_activateAction:function(e){if(!this._isActiveAction(e)){if(null===e._cacheIndex){var t=(e._localRoot||this._root).uuid,i=e._clip.uuid,r=this._actionsByClip[i];this._bindAction(e,r&&r.knownActions[0]),this._addInactiveAction(e,i,t)}for(var n=e._propertyBindings,a=0,o=n.length;a!==o;++a){var s=n[a];0==s.useCount++&&(this._lendBinding(s),s.saveOriginalState())}this._lendAction(e)}},_deactivateAction:function(e){if(this._isActiveAction(e)){for(var t=e._propertyBindings,i=0,r=t.length;i!==r;++i){var n=t[i];0==--n.useCount&&(n.restoreOriginalState(),this._takeBackBinding(n))}this._takeBackAction(e)}},_initMemoryManager:function(){this._actions=[],this._nActiveActions=0,this._actionsByClip={},this._bindings=[],this._nActiveBindings=0,this._bindingsByRootAndName={},this._controlInterpolants=[],this._nActiveControlInterpolants=0;var e=this;this.stats={actions:{get total(){return e._actions.length},get inUse(){return e._nActiveActions}},bindings:{get total(){return e._bindings.length},get inUse(){return e._nActiveBindings}},controlInterpolants:{get total(){return e._controlInterpolants.length},get inUse(){return e._nActiveControlInterpolants}}}},_isActiveAction:function(e){var t=e._cacheIndex;return null!==t&&tthis.max.x||e.ythis.max.y)},containsBox:function(e){return this.min.x<=e.min.x&&e.max.x<=this.max.x&&this.min.y<=e.min.y&&e.max.y<=this.max.y},getParameter:function(e,t){return void 0===t&&(console.warn("THREE.Box2: .getParameter() target is now required"),t=new T),t.set((e.x-this.min.x)/(this.max.x-this.min.x),(e.y-this.min.y)/(this.max.y-this.min.y))},intersectsBox:function(e){return!(e.max.xthis.max.x||e.max.ythis.max.y)},clampPoint:function(e,t){return void 0===t&&(console.warn("THREE.Box2: .clampPoint() target is now required"),t=new T),t.copy(e).clamp(this.min,this.max)},distanceToPoint:function(){var e=new T;return function(t){return e.copy(t).clamp(this.min,this.max).sub(t).length()}}(),intersect:function(e){return this.min.max(e.min),this.max.min(e.max),this},union:function(e){return this.min.min(e.min),this.max.max(e.max),this},translate:function(e){return this.min.add(e),this.max.add(e),this},equals:function(e){return e.min.equals(this.min)&&e.max.equals(this.max)}}),Bo.prototype=Object.create(he.prototype),Bo.prototype.constructor=Bo,Bo.prototype.isImmediateRenderObject=!0,Fo.prototype=Object.create(Zi.prototype),Fo.prototype.constructor=Fo,Fo.prototype.update=function(){var e=new L,t=new L,i=new P;return function(){var r=["a","b","c"];this.object.updateMatrixWorld(!0),i.getNormalMatrix(this.object.matrixWorld);var n=this.object.matrixWorld,a=this.geometry.attributes.position,o=this.object.geometry;if(o&&o.isGeometry)for(var s=o.vertices,c=o.faces,h=0,l=0,u=c.length;l.99999?this.quaternion.set(0,0,0,1):e.y<-.99999?this.quaternion.set(1,0,0,0):(wo.set(e.z,0,-e.x).normalize(),xo=Math.acos(e.y),this.quaternion.setFromAxisAngle(wo,xo))}),Jo.prototype.setLength=function(e,t,i){void 0===t&&(t=.2*e),void 0===i&&(i=.2*t),this.line.scale.set(1,Math.max(0,e-t),1),this.line.updateMatrix(),this.cone.scale.set(i,t,i),this.cone.position.y=e,this.cone.updateMatrix()},Jo.prototype.setColor=function(e){this.line.material.color.copy(e),this.cone.material.color.copy(e)},Ko.prototype=Object.create(Zi.prototype),Ko.prototype.constructor=Ko,Nn.create=function(e,t){return console.log("THREE.Curve.create() has been deprecated"),e.prototype=Object.create(Nn.prototype),e.prototype.constructor=e,e.prototype.getPoint=t,e},Object.assign(ta.prototype,{createPointsGeometry:function(e){console.warn("THREE.CurvePath: .createPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.");var t=this.getPoints(e);return this.createGeometry(t)},createSpacedPointsGeometry:function(e){console.warn("THREE.CurvePath: .createSpacedPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.");var t=this.getSpacedPoints(e);return this.createGeometry(t)},createGeometry:function(e){console.warn("THREE.CurvePath: .createGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.");for(var t=new ve,i=0,r=e.length;i0?i=e[0]:t&&t("VR input not available.")})).catch((function(){console.warn("VRControls: Unable to get VR Displays")})),this.scale=1,this.standing=!1,this.userHeight=1.6,this.getVRDisplay=function(){return i},this.setVRDisplay=function(e){i=e},this.getVRDisplays=function(){return console.warn("VRControls: getVRDisplays() is being deprecated."),r},this.getStandingMatrix=function(){return a},this.update=function(){var t;i&&(i.getFrameData?(i.getFrameData(o),t=o.pose):i.getPose&&(t=i.getPose()),null!==t.orientation&&e.quaternion.fromArray(t.orientation),null!==t.position?e.position.fromArray(t.position):e.position.set(0,0,0),this.standing&&(i.stageParameters?(e.updateMatrix(),a.fromArray(i.stageParameters.sittingToStandingTransform),e.applyMatrix(a)):e.position.setY(e.position.y+this.userHeight)),e.position.multiplyScalar(n.scale))},this.dispose=function(){i=null}},ts=function(e,t){var i,r,n,a,o=new L,s=new L,c=new S,h=new S,l=new S,u=null;"VRFrameData"in window&&(u=new window.VRFrameData),navigator.getVRDisplays&&navigator.getVRDisplays().then((function(e){r=e,e.length>0?i=e[0]:t&&t("HMD not available")})).catch((function(){console.warn("VREffect: Unable to get VR Displays")})),this.isPresenting=!1;var d=this,p=e.getSize(),f=!1,m=e.getPixelRatio();this.getVRDisplay=function(){return i},this.setVRDisplay=function(e){i=e},this.getVRDisplays=function(){return console.warn("VREffect: getVRDisplays() is being deprecated."),r},this.setSize=function(t,r,n){if(p={width:t,height:r},f=n,d.isPresenting){var a=i.getEyeParameters("left");e.setPixelRatio(1),e.setSize(2*a.renderWidth,a.renderHeight,!1)}else e.setPixelRatio(m),e.setSize(t,r,n)};var v=e.domElement,g=[0,0,.5,1],y=[.5,0,.5,1];function A(){var t=d.isPresenting;if(d.isPresenting=void 0!==i&&i.isPresenting,d.isPresenting){var r=i.getEyeParameters("left"),n=r.renderWidth,a=r.renderHeight;t||(m=e.getPixelRatio(),p=e.getSize(),e.setPixelRatio(1),e.setSize(2*n,a,!1))}else t&&(e.setPixelRatio(m),e.setSize(p.width,p.height,f))}window.addEventListener("vrdisplaypresentchange",A,!1),this.setFullScreen=function(e){return new Promise((function(t,r){void 0!==i?d.isPresenting!==e?t(e?i.requestPresent([{source:v}]):i.exitPresent()):t():r(new Error("No VR hardware found."))}))},this.requestPresent=function(){return this.setFullScreen(!0)},this.exitPresent=function(){return this.setFullScreen(!1)},this.requestAnimationFrame=function(e){return void 0!==i?i.requestAnimationFrame(e):window.requestAnimationFrame(e)},this.cancelAnimationFrame=function(e){void 0!==i?i.cancelAnimationFrame(e):window.cancelAnimationFrame(e)},this.submitFrame=function(){void 0!==i&&d.isPresenting&&i.submitFrame()},this.autoSubmitFrame=!0;var x=new Oi;x.layers.enable(1);var w=new Oi;w.layers.enable(2),this.render=function(t,r,p,f){if(i&&d.isPresenting){var m=t.autoUpdate;m&&(t.updateMatrixWorld(),t.autoUpdate=!1),Array.isArray(t)&&(console.warn("VREffect.render() no longer supports arrays. Use object.layers instead."),t=t[0]);var v,A,M=e.getSize(),T=i.getLayers();if(T.length){var S=T[0];v=null!==S.leftBounds&&4===S.leftBounds.length?S.leftBounds:g,A=null!==S.rightBounds&&4===S.rightBounds.length?S.rightBounds:y}else v=g,A=y;if(n={x:Math.round(M.width*v[0]),y:Math.round(M.height*v[1]),width:Math.round(M.width*v[2]),height:Math.round(M.height*v[3])},a={x:Math.round(M.width*A[0]),y:Math.round(M.height*A[1]),width:Math.round(M.width*A[2]),height:Math.round(M.height*A[3])},p?(e.setRenderTarget(p),p.scissorTest=!0):(e.setRenderTarget(null),e.setScissorTest(!0)),(e.autoClear||f)&&e.clear(),null===r.parent&&r.updateMatrixWorld(),r.matrixWorld.decompose(x.position,x.quaternion,x.scale),w.position.copy(x.position),w.quaternion.copy(x.quaternion),w.scale.copy(x.scale),i.getFrameData)i.depthNear=r.near,i.depthFar=r.far,i.getFrameData(u),x.projectionMatrix.elements=u.leftProjectionMatrix,w.projectionMatrix.elements=u.rightProjectionMatrix,function(e){e.pose.orientation?(b.fromArray(e.pose.orientation),c.makeRotationFromQuaternion(b)):c.identity();e.pose.position&&(_.fromArray(e.pose.position),c.setPosition(_));h.fromArray(e.leftViewMatrix),h.multiply(c),l.fromArray(e.rightViewMatrix),l.multiply(c),h.getInverse(h),l.getInverse(l)}(u),x.updateMatrix(),x.matrix.multiply(h),x.matrix.decompose(x.position,x.quaternion,x.scale),w.updateMatrix(),w.matrix.multiply(l),w.matrix.decompose(w.position,w.quaternion,w.scale);else{var R=i.getEyeParameters("left"),L=i.getEyeParameters("right");x.projectionMatrix=E(R.fieldOfView,!0,r.near,r.far),w.projectionMatrix=E(L.fieldOfView,!0,r.near,r.far),o.fromArray(R.offset),s.fromArray(L.offset),x.translateOnAxis(o,x.scale.x),w.translateOnAxis(s,w.scale.x)}return p?(p.viewport.set(n.x,n.y,n.width,n.height),p.scissor.set(n.x,n.y,n.width,n.height)):(e.setViewport(n.x,n.y,n.width,n.height),e.setScissor(n.x,n.y,n.width,n.height)),e.render(t,x,p,f),p?(p.viewport.set(a.x,a.y,a.width,a.height),p.scissor.set(a.x,a.y,a.width,a.height)):(e.setViewport(a.x,a.y,a.width,a.height),e.setScissor(a.x,a.y,a.width,a.height)),e.render(t,w,p,f),p?(p.viewport.set(0,0,M.width,M.height),p.scissor.set(0,0,M.width,M.height),p.scissorTest=!1,e.setRenderTarget(null)):(e.setViewport(0,0,M.width,M.height),e.setScissorTest(!1)),m&&(t.autoUpdate=!0),void(d.autoSubmitFrame&&d.submitFrame())}e.render(t,r,p,f)},this.dispose=function(){window.removeEventListener("vrdisplaypresentchange",A,!1)};var b=new R,_=new L;function E(e,t,i,r){var n=Math.PI/180;return function(e,t,i,r){i=void 0===i?.01:i,r=void 0===r?1e4:r;var n=(t=void 0===t||t)?-1:1,a=new S,o=a.elements,s=function(e){var t=2/(e.leftTan+e.rightTan),i=(e.leftTan-e.rightTan)*t*.5,r=2/(e.upTan+e.downTan);return{scale:[t,r],offset:[i,(e.upTan-e.downTan)*r*.5]}}(e);return o[0]=s.scale[0],o[1]=0,o[2]=s.offset[0]*n,o[3]=0,o[4]=0,o[5]=s.scale[1],o[6]=-s.offset[1]*n,o[7]=0,o[8]=0,o[9]=0,o[10]=r/(i-r)*-n,o[11]=r*i/(i-r),o[12]=0,o[13]=0,o[14]=n,o[15]=0,a.transpose(),a}({upTan:Math.tan(e.upDegrees*n),downTan:Math.tan(e.downDegrees*n),leftTan:Math.tan(e.leftDegrees*n),rightTan:Math.tan(e.rightDegrees*n)},t,i,r)}},is=function(e,t){this.object=e,this.domElement=void 0!==t?t:document,this.enabled=!0,this.target=new L,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.25,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!1,this.keyPanSpeed=7,this.autoRotate=!1,this.autoRotateSpeed=2,this.enableKeys=!0,this.keys={LEFT:37,UP:38,RIGHT:39,BOTTOM:40},this.mouseButtons={ORBIT:b,ZOOM:_,PAN:E},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this.getPolarAngle=function(){return h.phi},this.getAzimuthalAngle=function(){return h.theta},this.saveState=function(){i.target0.copy(i.target),i.position0.copy(i.object.position),i.zoom0=i.object.zoom},this.reset=function(){i.target.copy(i.target0),i.object.position.copy(i.position0),i.object.zoom=i.zoom0,i.object.updateProjectionMatrix(),i.dispatchEvent(r),i.update(),s=o.NONE},this.update=function(){var t=new L,n=(new R).setFromUnitVectors(e.up,new L(0,1,0)),a=n.clone().inverse(),f=new L,m=new R;return function(){var e=i.object.position;return t.copy(e).sub(i.target),t.applyQuaternion(n),h.setFromVector3(t),i.autoRotate&&s===o.NONE&&i.rotateLeft(2*Math.PI/60/60*i.autoRotateSpeed),h.theta+=l.theta,h.phi+=l.phi,h.theta=Math.max(i.minAzimuthAngle,Math.min(i.maxAzimuthAngle,h.theta)),h.phi=Math.max(i.minPolarAngle,Math.min(i.maxPolarAngle,h.phi)),h.makeSafe(),h.radius*=u,h.radius=Math.max(i.minDistance,Math.min(i.maxDistance,h.radius)),i.target.add(d),t.setFromSpherical(h),t.applyQuaternion(a),e.copy(i.target).add(t),i.object.lookAt(i.target),!0===i.enableDamping?(l.theta*=1-i.dampingFactor,l.phi*=1-i.dampingFactor,d.multiplyScalar(1-i.dampingFactor)):(l.set(0,0,0),d.set(0,0,0)),u=1,!!(p||f.distanceToSquared(i.object.position)>c||8*(1-m.dot(i.object.quaternion))>c)&&(i.dispatchEvent(r),f.copy(i.object.position),m.copy(i.object.quaternion),p=!1,!0)}}(),this.dispose=function(){i.domElement.removeEventListener("contextmenu",k,!1),i.domElement.removeEventListener("mousedown",N,!1),i.domElement.removeEventListener("wheel",U,!1),i.domElement.removeEventListener("touchstart",G,!1),i.domElement.removeEventListener("touchend",H,!1),i.domElement.removeEventListener("touchmove",V,!1),document.removeEventListener("mousemove",B,!1),document.removeEventListener("mouseup",F,!1),window.removeEventListener("keydown",z,!1)};var i=this,r={type:"change"},n={type:"start"},a={type:"end"},o={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_DOLLY_PAN:4},s=o.NONE,c=1e-6,h=new Oo,l=new Oo,u=1,d=new L,p=!1,f=new T,m=new T,v=new T,g=new T,y=new T,A=new T,x=new T,w=new T,M=new T;function S(){return Math.pow(.95,i.zoomSpeed)}i.rotateLeft=function(e){l.theta-=e},i.rotateUp=function(e){l.phi-=e};var P=function(){var e=new L;return function(t,i){e.setFromMatrixColumn(i,0),e.multiplyScalar(-t),d.add(e)}}(),C=function(){var e=new L;return function(t,r){!0===i.screenSpacePanning?e.setFromMatrixColumn(r,1):(e.setFromMatrixColumn(r,0),e.crossVectors(i.object.up,e)),e.multiplyScalar(t),d.add(e)}}(),D=function(){var e=new L;return function(t,r){var n=i.domElement===document?i.domElement.body:i.domElement;if(i.object.isPerspectiveCamera){var a=i.object.position;e.copy(a).sub(i.target);var o=e.length();o*=Math.tan(i.object.fov/2*Math.PI/180),P(2*t*o/n.clientHeight,i.object.matrix),C(2*r*o/n.clientHeight,i.object.matrix)}else i.object.isOrthographicCamera?(P(t*(i.object.right-i.object.left)/i.object.zoom/n.clientWidth,i.object.matrix),C(r*(i.object.top-i.object.bottom)/i.object.zoom/n.clientHeight,i.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),i.enablePan=!1)}}();function I(e){i.object.isPerspectiveCamera?u/=e:i.object.isOrthographicCamera?(i.object.zoom=Math.max(i.minZoom,Math.min(i.maxZoom,i.object.zoom*e)),i.object.updateProjectionMatrix(),p=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),i.enableZoom=!1)}function O(e){i.object.isPerspectiveCamera?u*=e:i.object.isOrthographicCamera?(i.object.zoom=Math.max(i.minZoom,Math.min(i.maxZoom,i.object.zoom/e)),i.object.updateProjectionMatrix(),p=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),i.enableZoom=!1)}function N(e){if(!1!==i.enabled){switch(e.preventDefault(),e.button){case i.mouseButtons.ORBIT:if(!1===i.enableRotate)return;!function(e){f.set(e.clientX,e.clientY)}(e),s=o.ROTATE;break;case i.mouseButtons.ZOOM:if(!1===i.enableZoom)return;!function(e){x.set(e.clientX,e.clientY)}(e),s=o.DOLLY;break;case i.mouseButtons.PAN:if(!1===i.enablePan)return;!function(e){g.set(e.clientX,e.clientY)}(e),s=o.PAN}s!==o.NONE&&(document.addEventListener("mousemove",B,!1),document.addEventListener("mouseup",F,!1),i.dispatchEvent(n))}}function B(e){if(!1!==i.enabled)switch(e.preventDefault(),s){case o.ROTATE:if(!1===i.enableRotate)return;!function(e){m.set(e.clientX,e.clientY),v.subVectors(m,f).multiplyScalar(i.rotateSpeed);var t=i.domElement===document?i.domElement.body:i.domElement;i.rotateLeft(2*Math.PI*v.x/t.clientHeight),i.rotateUp(2*Math.PI*v.y/t.clientHeight),f.copy(m),i.update()}(e);break;case o.DOLLY:if(!1===i.enableZoom)return;!function(e){w.set(e.clientX,e.clientY),M.subVectors(w,x),M.y>0?I(S()):M.y<0&&O(S()),x.copy(w),i.update()}(e);break;case o.PAN:if(!1===i.enablePan)return;!function(e){y.set(e.clientX,e.clientY),A.subVectors(y,g).multiplyScalar(i.panSpeed),D(A.x,A.y),g.copy(y),i.update()}(e)}}function F(e){!1!==i.enabled&&(document.removeEventListener("mousemove",B,!1),document.removeEventListener("mouseup",F,!1),i.dispatchEvent(a),s=o.NONE)}function U(e){!1===i.enabled||!1===i.enableZoom||s!==o.NONE&&s!==o.ROTATE||(e.preventDefault(),e.stopPropagation(),i.dispatchEvent(n),function(e){e.deltaY<0?O(S()):e.deltaY>0&&I(S()),i.update()}(e),i.dispatchEvent(a))}function z(e){!1!==i.enabled&&!1!==i.enableKeys&&!1!==i.enablePan&&function(e){switch(e.keyCode){case i.keys.UP:D(0,i.keyPanSpeed),i.update();break;case i.keys.BOTTOM:D(0,-i.keyPanSpeed),i.update();break;case i.keys.LEFT:D(i.keyPanSpeed,0),i.update();break;case i.keys.RIGHT:D(-i.keyPanSpeed,0),i.update()}}(e)}function G(e){if(!1!==i.enabled){switch(e.preventDefault(),e.touches.length){case 1:if(!1===i.enableRotate)return;!function(e){f.set(e.touches[0].pageX,e.touches[0].pageY)}(e),s=o.TOUCH_ROTATE;break;case 2:if(!1===i.enableZoom&&!1===i.enablePan)return;!function(e){if(i.enableZoom){var t=e.touches[0].pageX-e.touches[1].pageX,r=e.touches[0].pageY-e.touches[1].pageY,n=Math.sqrt(t*t+r*r);x.set(0,n)}if(i.enablePan){var a=.5*(e.touches[0].pageX+e.touches[1].pageX),o=.5*(e.touches[0].pageY+e.touches[1].pageY);g.set(a,o)}}(e),s=o.TOUCH_DOLLY_PAN;break;default:s=o.NONE}s!==o.NONE&&i.dispatchEvent(n)}}function V(e){if(!1!==i.enabled)switch(e.preventDefault(),e.stopPropagation(),e.touches.length){case 1:if(!1===i.enableRotate)return;if(s!==o.TOUCH_ROTATE)return;!function(e){m.set(e.touches[0].pageX,e.touches[0].pageY),v.subVectors(m,f).multiplyScalar(i.rotateSpeed);var t=i.domElement===document?i.domElement.body:i.domElement;i.rotateLeft(2*Math.PI*v.x/t.clientHeight),i.rotateUp(2*Math.PI*v.y/t.clientHeight),f.copy(m),i.update()}(e);break;case 2:if(!1===i.enableZoom&&!1===i.enablePan)return;if(s!==o.TOUCH_DOLLY_PAN)return;!function(e){if(i.enableZoom){var t=e.touches[0].pageX-e.touches[1].pageX,r=e.touches[0].pageY-e.touches[1].pageY,n=Math.sqrt(t*t+r*r);w.set(0,n),M.set(0,Math.pow(w.y/x.y,i.zoomSpeed)),I(M.y),x.copy(w)}if(i.enablePan){var a=.5*(e.touches[0].pageX+e.touches[1].pageX),o=.5*(e.touches[0].pageY+e.touches[1].pageY);y.set(a,o),A.subVectors(y,g).multiplyScalar(i.panSpeed),D(A.x,A.y),g.copy(y)}i.update()}(e);break;default:s=o.NONE}}function H(e){!1!==i.enabled&&(i.dispatchEvent(a),s=o.NONE)}function k(e){!1!==i.enabled&&e.preventDefault()}i.domElement.addEventListener("mousedown",N,!1),i.domElement.addEventListener("wheel",U,!1),i.domElement.addEventListener("touchstart",G,!1),i.domElement.addEventListener("touchend",H,!1),i.domElement.addEventListener("touchmove",V,!1),window.addEventListener("keydown",z,!1),this.update()};(is.prototype=Object.create(l.prototype)).constructor=is,Object.defineProperties(is.prototype,{center:{get:function(){return console.warn("OrbitControls: .center has been renamed to .target"),this.target}},noZoom:{get:function(){return console.warn("OrbitControls: .noZoom has been deprecated. Use .enableZoom instead."),!this.enableZoom},set:function(e){console.warn("OrbitControls: .noZoom has been deprecated. Use .enableZoom instead."),this.enableZoom=!e}},noRotate:{get:function(){return console.warn("OrbitControls: .noRotate has been deprecated. Use .enableRotate instead."),!this.enableRotate},set:function(e){console.warn("OrbitControls: .noRotate has been deprecated. Use .enableRotate instead."),this.enableRotate=!e}},noPan:{get:function(){return console.warn("OrbitControls: .noPan has been deprecated. Use .enablePan instead."),!this.enablePan},set:function(e){console.warn("OrbitControls: .noPan has been deprecated. Use .enablePan instead."),this.enablePan=!e}},noKeys:{get:function(){return console.warn("OrbitControls: .noKeys has been deprecated. Use .enableKeys instead."),!this.enableKeys},set:function(e){console.warn("OrbitControls: .noKeys has been deprecated. Use .enableKeys instead."),this.enableKeys=!e}},staticMoving:{get:function(){return console.warn("OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead."),!this.enableDamping},set:function(e){console.warn("OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead."),this.enableDamping=!e}},dynamicDampingFactor:{get:function(){return console.warn("OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead."),this.dampingFactor},set:function(e){console.warn("OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead."),this.dampingFactor=e}}});var rs=function(e){var t=this;this.object=e,this.object.rotation.reorder("YXZ"),this.enabled=!0,this.deviceOrientation={},this.screenOrientation=0,this.alphaOffset=0;var i=function(e){t.deviceOrientation=e},r=function(){t.screenOrientation=window.orientation||0},n=function(){var e=new L(0,0,1),t=new ie,i=new R,r=new R(-Math.sqrt(.5),0,0,Math.sqrt(.5));return function(n,a,o,s,c){t.set(o,a,-s,"YXZ"),n.setFromEuler(t),n.multiply(r),n.multiply(i.setFromAxisAngle(e,-c))}}();this.connect=function(){r(),window.addEventListener("orientationchange",r,!1),window.addEventListener("deviceorientation",i,!1),t.enabled=!0},this.disconnect=function(){window.removeEventListener("orientationchange",r,!1),window.removeEventListener("deviceorientation",i,!1),t.enabled=!1},this.update=function(){if(!1!==t.enabled){var e=t.deviceOrientation;if(e){var i=e.alpha?M.degToRad(e.alpha)+t.alphaOffset:0,r=e.beta?M.degToRad(e.beta):0,a=e.gamma?M.degToRad(e.gamma):0,o=t.screenOrientation?M.degToRad(t.screenOrientation):0;n(t.object.quaternion,i,r,a,o)}}},this.dispose=function(){t.disconnect()},this.connect()};var ns,as=function(){function e(e){this.object=e.camera,this.domElement=e.canvas,this.orbit=new is(this.object,this.domElement),this.speed=.5,this.orbit.target.set(0,0,-1),this.orbit.enableZoom=!1,this.orbit.enablePan=!1,this.orbit.rotateSpeed=-this.speed,e.orientation&&(this.orientation=new rs(this.object)),e.halfView&&(this.orbit.minAzimuthAngle=-Math.PI/4,this.orbit.maxAzimuthAngle=Math.PI/4)}var t=e.prototype;return t.update=function(){if(this.orientation){this.orientation.update();var e=this.orientation.object.quaternion,t=function(e,t,i,r){var n=e*t+i*r;if(n>.499){var a=2*Math.atan2(e,r);return new L(Math.PI/2,0,a)}if(n<-.499){var o=-2*Math.atan2(e,r);return new L(-Math.PI/2,0,o)}var s=e*e,c=t*t,h=i*i,l=Math.atan2(2*t*r-2*e*i,1-2*c-2*h);return new L(Math.asin(2*n),Math.atan2(2*e*r-2*t*i,1-2*s-2*h),l)}(e.x,e.y,e.z,e.w);void 0===this.lastAngle_&&(this.lastAngle_=t),this.orbit.rotateLeft((this.lastAngle_.z-t.z)*(1+this.speed)),this.orbit.rotateUp((this.lastAngle_.y-t.y)*(1+this.speed)),this.lastAngle_=t}this.orbit.update()},t.dispose=function(){this.orbit.dispose(),this.orientation&&this.orientation.dispose()},e}(),os=((ns=t.createElement("video")).crossOrigin="anonymous",ns.hasAttribute("crossorigin")),ss=["360","360_LR","360_TB","360_CUBE","EAC","EAC_LR","NONE","AUTO","Sphere","Cube","equirectangular","180","180_LR","180_MONO"],cs=function(e){if(e){if(e=e.toString().trim(),/sphere/i.test(e))return"360";if(/cube/i.test(e))return"360_CUBE";if(/equirectangular/i.test(e))return"360";for(var t=0;t=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function fs(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,r=new Array(t);ihttp://webvr.info for more info."},"web-vr-not-supported":{headline:"360 not supported on this device",type:"360_NOT_SUPPORTED",message:"Your browser does not support 360. See http://webvr.info for assistance."},"web-vr-hls-cors-not-supported":{headline:"360 HLS video not supported on this device",type:"360_NOT_SUPPORTED",message:"Your browser/device does not support HLS 360 video. See http://webvr.info for assistance."}},gs=i.getPlugin("plugin"),ys=i.getComponent("Component"),As=function(r){function n(e,t){var n,a=i.mergeOptions(ms,t);return(n=r.call(this,e,a)||this).options_=a,n.player_=e,n.bigPlayButtonIndex_=e.children().indexOf(e.getChild("BigPlayButton"))||0,n.videojsErrorsSupport_=!!i.errors,n.videojsErrorsSupport_&&e.errors({errors:vs}),i.browser.IE_VERSION||!os?(n.player_.on("loadstart",(function(){n.triggerError_({code:"web-vr-not-supported",dismiss:!1})})),o(n)):(n.polyfill_=new h({ROTATE_INSTRUCTIONS_DISABLED:!0}),n.polyfill_=new h,n.handleVrDisplayActivate_=i.bind(o(n),n.handleVrDisplayActivate_),n.handleVrDisplayDeactivate_=i.bind(o(n),n.handleVrDisplayDeactivate_),n.handleResize_=i.bind(o(n),n.handleResize_),n.animate_=i.bind(o(n),n.animate_),n.setProjection(n.options_.projection),n.on(e,"adstart",(function(){return e.setTimeout((function(){e.ads&&e.ads.videoElementRecycled()?(n.log("video element recycled for this ad, reseting"),n.reset(),n.one(e,"playing",n.init)):n.log("video element not recycled for this ad, no need to reset")}))}),1),n.on(e,"loadedmetadata",n.init),n)}c(n,r);var a=n.prototype;return a.changeProjection_=function(e){var t=this;(e=cs(e))||(e="NONE");var i=0,r=0,n=0;if(this.scene&&this.scene.remove(this.movieScreen),"AUTO"===e){if(this.player_.mediainfo&&this.player_.mediainfo.projection&&"AUTO"!==this.player_.mediainfo.projection){var a=cs(this.player_.mediainfo.projection);return this.changeProjection_(a)}return this.changeProjection_("NONE")}if("360"===e)this.movieGeometry=new tn(256,this.options_.sphereDetail,this.options_.sphereDetail),this.movieMaterial=new je({map:this.videoTexture,overdraw:!0,side:1}),this.movieScreen=new Qe(this.movieGeometry,this.movieMaterial),this.movieScreen.position.set(i,r,n),this.movieScreen.scale.x=-1,this.movieScreen.quaternion.setFromAxisAngle({x:0,y:1,z:0},-Math.PI/2),this.scene.add(this.movieScreen);else if("360_LR"===e||"360_TB"===e){for(var o=new en(256,this.options_.sphereDetail,this.options_.sphereDetail),s=o.faceVertexUvs[0],c=0;cy&&(y=x.y)}for(var w,b=ps(m);!(w=b()).done;){var _=w.value;Math.abs(_.y-g)0&&(t.log("Displays found",e),t.vrDisplay=e[0],t.vrDisplay.isPolyfilled||(t.log("Real HMD found using VRControls",t.vrDisplay),t.addCardboardButton_(),t.controls3d=new es(t.camera))),!t.controls3d){t.log("no HMD found Using Orbit & Orientation Controls");var r={camera:t.camera,canvas:t.renderedCanvas,halfView:0===t.currentProjection_.indexOf("180"),orientation:i.browser.IS_IOS||i.browser.IS_ANDROID||!1};!1===t.options_.motionControls&&(r.orientation=!1),t.controls3d=new as(r),t.canvasPlayerControls=new hs(t.player_,t.renderedCanvas,t.options_)}t.animationFrameId_=t.requestAnimationFrame(t.animate_)}))):e.navigator.getVRDevices?this.triggerError_({code:"web-vr-out-of-date",dismiss:!1}):this.triggerError_({code:"web-vr-not-supported",dismiss:!1}),this.options_.omnitone){var o=to();this.omniController=new ls(o,this.options_.omnitone,this.getVideoEl_(),this.options_.omnitoneOptions),this.omniController.one("audiocontext-suspended",(function(){t.player.pause(),t.player.one("playing",(function(){o.resume()}))}))}this.on(this.player_,"fullscreenchange",this.handleResize_),e.addEventListener("vrdisplaypresentchange",this.handleResize_,!0),e.addEventListener("resize",this.handleResize_,!0),e.addEventListener("vrdisplayactivate",this.handleVrDisplayActivate_,!0),e.addEventListener("vrdisplaydeactivate",this.handleVrDisplayDeactivate_,!0),this.initialized_=!0,this.trigger("initialized")},a.addCardboardButton_=function(){this.player_.controlBar.getChild("CardboardButton")||this.player_.controlBar.addChild("CardboardButton",{})},a.getVideoEl_=function(){return this.player_.el().getElementsByTagName("video")[0]},a.reset=function(){if(this.initialized_){this.omniController&&(this.omniController.off("audiocontext-suspended"),this.omniController.dispose(),this.omniController=void 0),this.controls3d&&(this.controls3d.dispose(),this.controls3d=null),this.canvasPlayerControls&&(this.canvasPlayerControls.dispose(),this.canvasPlayerControls=null),this.effect&&(this.effect.dispose(),this.effect=null),e.removeEventListener("resize",this.handleResize_,!0),e.removeEventListener("vrdisplaypresentchange",this.handleResize_,!0),e.removeEventListener("vrdisplayactivate",this.handleVrDisplayActivate_,!0),e.removeEventListener("vrdisplaydeactivate",this.handleVrDisplayDeactivate_,!0),this.player_.getChild("BigPlayButton")||this.player_.addChild("BigPlayButton",{},this.bigPlayButtonIndex_),this.player_.getChild("BigVrPlayButton")&&this.player_.removeChild("BigVrPlayButton"),this.player_.getChild("CardboardButton")&&this.player_.controlBar.removeChild("CardboardButton"),i.browser.IS_IOS&&this.player_.controlBar&&this.player_.controlBar.fullscreenToggle&&this.player_.controlBar.fullscreenToggle.show();var t=this.getVideoEl_().style;t.zIndex="",t.opacity="",this.currentProjection_=this.defaultProjection_,this.iosRevertTouchToClick_&&this.iosRevertTouchToClick_(),this.renderedCanvas&&this.renderedCanvas.parentNode.removeChild(this.renderedCanvas),this.animationFrameId_&&this.cancelAnimationFrame(this.animationFrameId_),this.initialized_=!1}},a.dispose=function(){r.prototype.dispose.call(this),this.reset()},a.polyfillVersion=function(){return h.version},n}(gs);return As.prototype.setTimeout=ys.prototype.setTimeout,As.prototype.clearTimeout=ys.prototype.clearTimeout,As.VERSION="1.8.0",i.registerPlugin("vr",As),As})); From c81a7ce17a03d82f8284c00be23c12c5efa8e725 Mon Sep 17 00:00:00 2001 From: ptitloup Date: Fri, 8 Oct 2021 15:25:52 +0200 Subject: [PATCH 028/134] check if not iframe to show maintenance sheduled message --- pod/main/templates/base.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/pod/main/templates/base.html b/pod/main/templates/base.html index 264e831df5..7d1f79b8b7 100644 --- a/pod/main/templates/base.html +++ b/pod/main/templates/base.html @@ -72,9 +72,9 @@
- {%if MAINTENANCE_SHEDULED%} + {% if MAINTENANCE_SHEDULED and not request.GET.is_iframe %}
{{MAINTENANCE_TEXT_SHEDULED|safe}}
- {%endif%} + {% endif %}