<div dir="ltr">Hi Leonard,<div><br></div><div>here is a version of the example which uses cobweb with cobweb-dom for DOM API use.</div><div><br></div><div><a href="https://x3d-v4-scripting-cobweb.glitch.me/">https://x3d-v4-scripting-cobweb.glitch.me/</a><br></div><div>and</div><div><a href="https://glitch.com/edit/#!/x3d-v4-scripting-cobweb?path=index.html:63:1">https://glitch.com/edit/#!/x3d-v4-scripting-cobweb?path=index.html:63:1</a><br></div><div><br></div><div>The necessary changes were minor:</div><div>- The display area div needed to be replaced with a x3d canvas</div><div>- The ball div needed to become a sphere shape transform</div><div>- The ball position is set via the translation attribute rather than position style properties.</div><div><br></div><div>The viewpoint is at a distance such that 1px in the original div rectangle corresponds to about 1m in the x3d scene when viewed from the viewpoint.</div><div><br></div><div>Otherwise no changes are needed since full control via the DOM API is possible.</div><div><br></div><div>I also found that I need to update cobweb-dom to work with the latest cobweb since there were some changes in the cobweb parser. The current cobweb-dom only works with cobweb < 3.0.</div><div><br></div><div>I suppose the next question is if one can use x3d scripts instead of the html scripts or somehow mix and match. What functionality should be provided in an x3d script ? The tricky thing to try maybe to do the animation inside x3d but replace the x3d interpolator with a custom interpolator from an html script ? Maybe I can think of something.</div><div><br></div><div>-Andreas</div><div><br></div><div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Sat, Aug 12, 2017 at 1:13 AM, Andreas Plesch <span dir="ltr"><<a href="mailto:andreasplesch@gmail.com" target="_blank">andreasplesch@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="auto"><div>I went back to the cobweb repo to very carefully read through the rather mind bending script node code in </div><div dir="auto"><br></div><div dir="auto"><a href="https://github.com/create3000/cobweb/blob/master/cobweb.js/cobweb/Components/Scripting/Script.js" target="_blank">https://github.com/create3000/<wbr>cobweb/blob/master/cobweb.js/<wbr>cobweb/Components/Scripting/<wbr>Script.js</a></div><div dir="auto"><br></div><div dir="auto">and came to the conclusion that the x3d scripts are only evaled once during initialization, contrary to what I had thought. The script text is cleverly appended with an array of all defined named functions which then becomes the return value of the eval call. These functions are then stored in a local scope this.context object, essentially as methods. Then, whenever a lifecycle function or a field function needs to be executed, the context method is called.</div><div dir="auto"><br></div><div dir="auto">One could probably expose this context object and then redefine its methods from Dom scripts. However, one would lose the cobweb constructed "with" "global" object which allows easy and standard access to x3d functions and user defined fields. It could be probably reconstructed if needed.</div><div dir="auto"><br></div><div dir="auto">I may try to convert the example to cobweb dom.</div><div dir="auto"><br></div><div dir="auto">Andreas</div><div dir="auto"><br></div><div dir="auto">-The formatting survived the direct mail but not the route through the list probably because I receive digests.</div><div dir="auto"><br><div class="gmail_extra" dir="auto"><br><div class="gmail_quote">On Aug 11, 2017 9:03 PM, "Leonard Daly" <<a href="mailto:Leonard.Daly@realism.com" target="_blank">Leonard.Daly@realism.com</a>> wrote:<br type="attribution"><blockquote class="m_-7705566929662997561quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
  
    
  
  <div text="#000000" bgcolor="#FFFFFF">
    <div class="m_-7705566929662997561m_-2111562572881299261moz-cite-prefix">I was asked by John to construct an
      example illustrating the items listed below. I also have replies
      to Andreas' comments. The original message is at the bottom (for
      reference). I've copied the relevant questions/statements to the
      top to make reading easier.<br>
      <br>
      First to the example. It is located at
<a class="m_-7705566929662997561m_-2111562572881299261moz-txt-link-freetext" href="http://tools.realism.com/development/WG-Support/2017-08-09/ScriptIllustration.html" target="_blank">http://tools.realism.com/devel<wbr>opment/WG-Support/2017-08-09/<wbr>ScriptIllustration.html</a><br>
      It does not use Cobweb since I can't begin to figure out how to do
      this in Cobweb. OTOH, if X3D is DOM integrated, then the it
      shouldn't matter where various functions and methods are located.<br>
      <br>
      The example is strictly 2D, but I think it clearly illustrates the
      goal. The default Y interpolator is nothing (no change). Selecting
      different buttons change the interpolator in real-time. Each
      interpolator is defined as a function. The variable 'changeY'
      holds the current interpolator. When a button is pressed, the
      value of 'changeY' is set to the selected interpolator. There is
      no 'case' statement the uses the correct interpolator on each pass
      through the animation loop.<br>
      <br>
      John if this doesn't illustrate the concept, please explain what
      you need to see.<br>
      <br>
      Andreas, you have done and continue to do a lot in support of web
      3D, especially wrt to X3DOM. I continue to be impressed with your
      solutions to problems presented to that list. [I'll have one soon,
      with a potential solution.]<br>
      <br>
      <br>
      <div><font color="#3333ff">AP: Mixing DOM and x3d scripts is
          inherently problematic since x3d scripts expect their own
          environment (scope). But let's see.</font></div>
      <div><font color="#3333ff"> </font></div>
      <font color="#3333ff">AP: Not sure if x3d scripts should be
        available globally, eg. as window.foo which means foo is global.
        This would mean that any other script or framework needs to be
        careful not to use the same function names.<br>
        <br>
        AP: window.x3d should be nicer, as a dedicated namespace. x3dom
        uses the x3dom namespace.</font><br>
      <br>
      If X3D and HTML are fully integrated then they will be mixed. It
      is now common practice to put library methods into their own
      namescope. This namescope is not limited, but is prefixed by a
      known library label (e.g., x3dom, THREE, etc.). Mandating that X3D
      in HTML use the 'x3d' namescope would cause problems if someone
      wanted to run two different libraries from the same HTML context.
      iframe can fix that, but it seems overly restrictive.<br>
      <br>
      <br>
      <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
        <font color="#009900">function bar(event, time) {<br>
               window.foo = bar;            // I would (perhaps) settle
          for window.x3d.foo = bar;<br>
          }<br>
        </font><br>
      </blockquote>
      <div><br>
      </div>
      <font color="#3333ff">AP: This currently does not work since
        cobweb goes back to the original function source each time the
        script is run. But the x3d script could probably use internally
        a global HTML script function which can be redefined at will, to
        enable a hook into an x3d script.</font><br>
      <br>
      [<font color="#009900">1]    <br>
      </font>
      <blockquote><font color="#009900"><Script ...>    <!--
          X3D Script node --><br>
               function foo (event, time) {<br>
                   window.bar = foo;<br>
               }<br>
          </script></font><br>
      </blockquote>
      <br>
      <font color="#3333ff">AP: This probably already works since cobweb
        evals the function text almost as is.</font>
      <div><font color="#3333ff"><br>
        </font></div>
      <div><font color="#3333ff">Is this the same as</font></div>
      <div><br>
        <font color="#009900">[2]<br>
        </font></div>
      <blockquote>
        <div><font color="#009900">var foo = function (event, time)
            {do_work;};</font></div>
        <div><font color="#009900">window.bar = foo;</font></div>
      </blockquote>
      <div><font color="#3333ff"> ?</font></div>
      <br>
      It seems to me that eval the script text each time, especially in
      an animation loop, is needlessly expensive. <br>
      The two examples (indented if that works in your mail reader) are
      not the same. The first example sets window.bar to be 'foo' each
      time it runs. The second example only sets window.bar to be 'foo'
      after the definition is processed. If there is something else
      setting window.bar after the 'foo' function definition is
      processed, then that definition to 'foo' is never used.<br>
      <br>
      <br>
      <font color="#3333ff">AP: What does the SAI say about manipulating
        or calling x3d script functions from the outside ? You may only
        be able to remove and add complete script nodes but not work
        with the script functions ?</font>
      <div><font color="#3333ff"><br>
        </font></div>
      <font color="#3333ff">AP: Proposed text would be great. For now,
        it may be productive to settle for slightly less integration by
        keeping x3d scripts pretty much internal to the x3d context but
        allow x3d scene control via the DOM, eg. make x3d nodes similar
        to svg/html elements.</font><br>
      <br>
      <br>
      This is my main point. DOM is an API. If X3D chooses to define an
      API in HTML, then it must be done so as not to interfere with the
      DOM API. Developers will use the DOM API to do things anyway. X3D
      should only expand on that, not restrict that. Anything less would
      not be full integration. There is no such thing as an SVG Script
      tag. It is located in the same space all all HTML scripts.<br>
      <br>
      <br>
      Leonard Daly<br>
      <br>
      P.S. I hope all of the formatting and styling worked.<br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      On 8/11/2017 7:33 AM, Andreas Plesch wrote:<br>
    </div>
    <blockquote type="cite">
      <div dir="ltr">
        <div class="gmail_extra">
          <div class="gmail_quote">
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">Date: Thu, 10 Aug 2017
              18:31:25 -0700<br>
              From: Leonard Daly <<a href="mailto:Leonard.Daly@realism.com" target="_blank">Leonard.Daly@realism.com</a>><br>
              To: John Carlson <<a href="mailto:yottzumm@gmail.com" target="_blank">yottzumm@gmail.com</a>>, X3D
              Graphics public mailing<br>
                      list <<a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a>>,
              Web3D Consortium <<a href="mailto:consortium@web3d.org" target="_blank">consortium@web3d.org</a>><br>
              Cc: X3D Graphics Working Group <<a href="mailto:x3d@web3d.org" target="_blank">x3d@web3d.org</a>><br>
              Subject: Re: [x3d-public] [x3d] X3D Specification
              Relationships<br>
                      diagram<br>
            </blockquote>
            <div><br>
            </div>
            <div>Leonard, thanks for raising this, and I appreciate your
              attempt to rally broader support around v4 and web
              compatibility. I continue to do what I can which is not
              too much these days.</div>
            <div><br>
            </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
              On 8/10/2017 5:17 PM, John Carlson wrote:<br>
              ><br>
              > Leonard wrote:<br>
              ><br>
              > >and node name collisions (i.e., Script).<br>
              ><br>
              > There has been quite a bit of progress with this and
              X3DJSONLD and<br>
              > X3DOM. It?s been under the covers because I have not
              advertised it<br>
              > much. I have several scripts running, but not the
              full complement of<br>
              > my examples.  It does not run the X3D event model
              yet, except for<br>
              > initialize().<br>
              ><br>
              > Cobweb of course, already handles this, so quit
              bellyaching.<br>
              ><br>
              <br>
              Cobweb even with Andreas' DOM interface extensions does
              not integrate<br>
              with the DOM regarding Scripts. A full integration would
              allow the<br>
              following:<br>
              <br>
            </blockquote>
            <div><br>
            </div>
            <div>Mixing DOM and x3d scripts is inherently problematic
              since x3d scripts expect their own environment (scope).
              But let's see.</div>
            <div> </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
              X3D Script function called 'foo'<br>
              HTML script function called 'bar'<br>
              <br>
              In the body of bar, I should be able to redefine 'foo'. It
              is (in a<br>
              fully integrated system) available as window.foo.
              Similarly for inside<br>
              of 'foo' to change 'bar'.<br>
              <br>
            </blockquote>
            <div><br>
            </div>
            <div>Not sure if x3d scripts should be available globally,
              eg. as window.foo which means foo is global. This would
              mean that any other script or framework needs to be
              careful not to use the same function names.</div>
            <div> </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
              function bar(event, time) {<br>
                   window.foo = bar;            // I would (perhaps)
              settle for<br>
              window.x3d.foo = bar;<br>
              }<br>
              <br>
            </blockquote>
            <div><br>
            </div>
            <div>window.x3d should be nicer, as a dedicated namespace.
              x3dom uses the x3dom namespace.</div>
            <div><br>
            </div>
            <div>This currently does not work since cobweb goes back to
              the original function source each time the script is run.
              But the x3d script could probably use internally a global
              HTML script function which can be redefined at will, to
              enable a hook into an x3d script.</div>
            <div><br>
            </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
              and<br>
              <br>
              <Script ...>    <!-- X3D Script node --><br>
                   function foo (event, time) {<br>
                       window.bar = foo;<br>
                   }<br>
              </script><br>
              <br>
            </blockquote>
            <div><br>
            </div>
            <div>This probably already works since cobweb evals the
              function text almost as is.</div>
            <div><br>
            </div>
            <div>Is this the same as</div>
            <div><br>
            </div>
            <div>var foo = function (event, time) {do_work;};</div>
            <div>window.bar = foo;</div>
            <div> ?</div>
            <div><br>
            </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
              I should be able to construct an object with 'foo' as a
              method. E.g.,<br>
              <br>
              var globalVar = {};<br>
              globalVar.x3d = foo;<br>
              <br>
              // should call the X3D script passing it a reference to
              the current<br>
              value of 'event' and 'time'.<br>
              globalVar.x3d(event, time);<br>
              <br>
            </blockquote>
            <div><br>
            </div>
            <div>It may be possible to 'export' named x3d script
              functions to window.x3d, so they can be called. cobweb
              would currently redefine a named function each time an x3d
              script is executed.</div>
            <div><br>
            </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
              <br>
              Inside 'foo' I should be able to access any DOM element to
              get it's<br>
              current state or even establish an event listener.<br>
            </blockquote>
            <div><br>
            </div>
            <div>You should be able to do that in cobweb now although it
              would be strange to find DOM code in an X3D script.
              Perhaps for HUD of GUI purposes it could be useful,
              actually.</div>
            <div><br>
            </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><br>
              I know there are some things that Cobweb can do, but there
              has been no<br>
              discussions in the WG for the language that would be
              necessary to ensure<br>
              HTML/DOM/X3D interaction like I described above.<br>
            </blockquote>
            <div><br>
            </div>
            <div>What does the SAI say about manipulating or calling x3d
              script functions from the outside ? You may only be able
              to remove and add complete script nodes but not work with
              the script functions ?</div>
            <div><br>
            </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
              <br>
              Unrolling scripts on the server (or at least not in the
              runtime of the<br>
              browser) is all fine and good, but again there has been no
              discussion in<br>
              the WG as to how to even approach writing that up.<br>
              <br>
              I will be happy to be (relatively) quiet on these points
              if someone can<br>
              show me working examples and proposed text to make this
              work.<br>
            </blockquote>
            <div><br>
            </div>
            <div>Proposed text would be great. For now, it may be
              productive to settle for slightly less integration by
              keeping x3d scripts pretty much internal to the x3d
              context but allow x3d scene control via the DOM, eg. make
              x3d nodes similar to svg/html elements.</div>
            <div><br>
            </div>
            <div>-Andreas</div>
            <div><br>
            </div>
            <blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
              <br>
              <br>
              --<br>
              *Leonard Daly*<br>
              3D Systems & Cloud Consultant<br>
              LA ACM SIGGRAPH Chair<br>
              President, Daly Realism - /Creating the Future/<br>
              -------------- next part --------------<br>
              An HTML attachment was scrubbed...<br>
              URL: <<a href="http://web3d.org/pipermail/x3d-public_web3d.org/attachments/20170810/93cc05ca/attachment.html" rel="noreferrer" target="_blank">http://web3d.org/pipermail/x3<wbr>d-public_web3d.org/attachments<wbr>/20170810/93cc05ca/attachment.<wbr>html</a>><br>
              <br>
              ------------------------------<br>
              <br>
              Subject: Digest Footer<br>
              <br>
              ______________________________<wbr>_________________<br>
              x3d-public mailing list<br>
              <a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a><br>
              <a href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org" rel="noreferrer" target="_blank">http://web3d.org/mailman/listi<wbr>nfo/x3d-public_web3d.org</a><br>
              <br>
              <br>
              ------------------------------<br>
              <br>
              End of x3d-public Digest, Vol 101, Issue 9<br>
              ******************************<wbr>************</blockquote>
          </div>
          <div><br><span class="HOEnZb"><font color="#888888"><font color="#888888">
          </font></font></span></div><span class="HOEnZb"><font color="#888888"><font color="#888888">
          -- <br>
          <div class="m_-7705566929662997561m_-2111562572881299261gmail_signature">Andreas Plesch<br>
            39 Barbara Rd.<br>
            Waltham, MA 02453</div>
        </font></font></span></div><span class="HOEnZb"><font color="#888888"><font color="#888888">
      </font></font></span></div><span class="HOEnZb"><font color="#888888"><font color="#888888">
      <br>
      <fieldset class="m_-7705566929662997561m_-2111562572881299261mimeAttachmentHeader"></fieldset>
      <br>
      <pre>______________________________<wbr>_________________
x3d-public mailing list
<a class="m_-7705566929662997561m_-2111562572881299261moz-txt-link-abbreviated" href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a>
<a class="m_-7705566929662997561m_-2111562572881299261moz-txt-link-freetext" href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org" target="_blank">http://web3d.org/mailman/listi<wbr>nfo/x3d-public_web3d.org</a>
</pre>
    </font></font></span></blockquote><span class="HOEnZb"><font color="#888888"><font color="#888888">
    <p><br>
    </p>
    <div class="m_-7705566929662997561m_-2111562572881299261moz-signature">-- <br>
      <font class="m_-7705566929662997561m_-2111562572881299261tahoma,arial,helvetica m_-7705566929662997561m_-2111562572881299261san m_-7705566929662997561m_-2111562572881299261serif" color="#333366">
        <font size="+1"><b>Leonard Daly</b></font><br>
        3D Systems & Cloud Consultant<br>
        LA ACM SIGGRAPH Chair<br>
        President, Daly Realism - <i>Creating the Future</i></font></div></font></font></span></div></blockquote></div></div></div></div>
</blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="gmail_signature" data-smartmail="gmail_signature">Andreas Plesch<br>39 Barbara Rd.<br>Waltham, MA 02453</div>
</div>