Fun overlaying WebGL with three.js over a YouTube iframe on my contact page at blog.xarta.co.uk/contact
JavaScript PHP CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
tunnelgl
typings
2014-me-at-work256.png
2014-me-at-work512.png
License.md
README.md
borgcube256.png
borgcube512.png
contactdetails.php
contactpage.css
contactpagefooter.js
contactpageheader.js
typings.json

README.md

three.js WebGL & YouTube video overlay experiment

David Bayliss 2017 Feb / Mar

See https://blog.xarta.co.uk/contact for working example

Dependencies include:

Also some CSS and a font I put together for the contact list at the end.

Issues:

  • only works "well" in Chrome, but still GL related errors reported in console
  • Firefox has an issue with 3drotate (in JQuery)
  • Internet Explorer doesn't like the tunnelgl iframe
  • Edge works but needs more horsepower (struggles on a circa 2009 Core 2 Duo laptop)
  • Edge - update April 2017: noticed on Windows 10 v1703 Edge continues countdown past 0

ToDo (might add-to as I remember)

  • start using git issues rather than README.md like this for them
  • do something fun where I pause at the end of my street
  • look at lighting and better camera control ... e.g. avoid flying through the Borg Cube
  • generally improve my JavaScript
  • and tackle issues listed above.

Will make more notes at:

https://blog.xarta.co.uk/2017/02/google-earth-and-three-js-on-contact-page/