lightbeam-we icon indicating copy to clipboard operation
lightbeam-we copied to clipboard

Published 20 hours ago • verified publisher icon mozilla

Create a visualization view in WebVR (and WebAR?) using A-Frame

Open cvan opened this issue 7 years ago • 12 comments

Hi, my name is Chris Van Wiemeersch (@cvan). I work on the WebVR team here at Mozilla. I was one of the co-creators of A-Frame, the framework for easily creating WebVR experiences.

@potch pointed me to this WebExtension port of Lightbeam. I'm really excited that this exists. Really nice work!

@caseyyee and I would love to help out in creating a WebVR view for the visualization in the Lightbeam extension. Let us know if you have any specific ideas. If it's all right with y'all, we can discuss in this issue and open Pull Requests. Let me know otherwise.

I'm available on the MoCo Slack, but I'd definitely prefer to keep conversations public and transparent on GitHub. If a 3D, WebVR/AR visualization is out of scope for Lightbeam, I understand. I figured I'd file an issue to kickstart the conversation. Thanks!

cvan avatar Sep 16 '17 01:09 cvan

Hi @cvan, thanks for reaching out :) Here is my Mozfest proposal - https://github.com/MozillaFoundation/mozfest-program-2017/issues/319 and here is my - initial POC.

I tried to play around a bit with A-Frame, to come up with this POC. Let me know what you think about this and I would certainly need your help going forward. Thank you.

princiya avatar Sep 16 '17 04:09 princiya

Amazing :) Love that you already have a start on it. Happy to jump in and help get this going. This is the sort of project that will really help elevate WebVR. Super easy to basically graft VR onto any existing web apps.

caseyyee avatar Sep 19 '17 18:09 caseyyee

Super excited you both found this :)

jonathanKingston avatar Sep 20 '17 02:09 jonathanKingston

@princiya: awesome work! is there a GitHub repo we can work out of?

cvan avatar Sep 28 '17 22:09 cvan

@cvan @caseyyee here is the repo https://github.com/princiya/lightbeam-aframe. This is a work in progress and inputs, feedback, suggestions from all possible angles is highly appreciable.

  • As part of POC, I created data.json to serve static nodes and links which represent the trackers.
  • The next step is to create a dynamic view of the first party and third party trackers.

princiya avatar Oct 02 '17 15:10 princiya

@princiya it might make sense to create a branch here and use the dynamic data we have here?

jonathanKingston avatar Oct 02 '17 15:10 jonathanKingston

@jonathanKingston I was not sure to add it here, do you think it makes more sense to do so?

princiya avatar Oct 02 '17 17:10 princiya

@princiya to make a branch of the lightbeam code with web vr enabled using the storage code rather than a dump of the data.

jonathanKingston avatar Oct 02 '17 18:10 jonathanKingston

@princiya awesome! I can help with making a PR of that branch of Lightbeam use the live code from the WebExtensions APIs. Would you like me to cherry-pick your commits, or do you want to create the branch?

cvan avatar Oct 12 '17 23:10 cvan

A copy of a dataset would be helpful to start prototyping some visuals if you have it :)

caseyyee avatar Oct 13 '17 00:10 caseyyee

@caseyyee I would rather not dump mine, however it's super easy to get. Install Lightbeam from AMO then click the save button after browsing a few news sites. :)

I know @princiya is travelling at the moment but I can help with any questions you might have etc.

jonathanKingston avatar Oct 13 '17 00:10 jonathanKingston

@caseyyee: yeah just use Dev Edition or Nightly. and clone this repo (and the other one), and enable loading of the extension from about:debugging.

cvan avatar Oct 13 '17 02:10 cvan