Uploaded image for project: 'Help-Desk'
  1. Help-Desk
  2. HELP-3418

FIWARE.Request.Tech.WebUI.VirtualCharacters.AddTextBelowCanvas

    Details

    • Type: extRequest
    • Status: Closed
    • Priority: Major
    • Resolution: Done
    • Fix Version/s: 2021
    • Component/s: FIWARE-TECH-HELP
    • Labels:
      None
    • HD-Chapter:
      WebUI
    • HD-Enabler:
      Web Tundra Avatar

      Description

      Hi,

      A user need help with Virtual Characters Enabler. Here it is her question:

      "We've been implementing the Virtual Characters Enablers. We would like to
      add some text to the html scene/page.
      We are able to add text before the character (see an example at
      http://annacarreras.com/toonaville/vc/Guia.html)
      But we are not able to add text below the character render space.
      We would like to obtain something like the attached image.
      Could you give us some indications?"

      Thanks in advance.
      Kr, Xavier Carol.

      _______________________________________________
      Fiware-creatifi-coaching mailing list
      Fiware-creatifi-coaching@lists.fi-ware.org
      https://lists.fi-ware.org/listinfo/fiware-creatifi-coaching

      [Created via e-mail received from: Xavier Carol Rossell <xavier.carol@i2cat.net>]

        Issue Links

          Activity

          Hide
          jonne.vaisanen Jonne Väisänen added a comment -

          Hey,
          currently I'm busy with another project, but I'll return at this later today probable in evening.

          br,
          Jonne Väisänen

          Show
          jonne.vaisanen Jonne Väisänen added a comment - Hey, currently I'm busy with another project, but I'll return at this later today probable in evening. br, Jonne Väisänen
          Hide
          jonne.vaisanen Jonne Väisänen added a comment -

          Hi Xavier,
          I got the text below the render canvas, I included the screenshots into this ticket.

          Here is what I need to do order to get text to appear on bottom:

          • I adjusted SCREEN_HEIGHT variable size smaller, so there is more space to add extra text below
            following code change did the trick:
            "var SCREEN_WIDTH = window.innerWidth-2, SCREEN_HEIGHT = window.innerHeight -300;"
          • I changed rendering div area from absolute positioning to relative, so no overlapping DOM elements appear
            <div id="ThreeJS" style="position: relative; left:0px; top:0px">
            </div>
          • I added new div for the text that should appear on bottom
            <div class="character">
            <div class="charactertext">Here is some more text that you can see below the canvas DOM object.</div>
            </div>

          Hopefully this will help.

          I'll send this same message to xavier.carol@i2cat.net address as well.

          br,
          Jonne

          Show
          jonne.vaisanen Jonne Väisänen added a comment - Hi Xavier, I got the text below the render canvas, I included the screenshots into this ticket. Here is what I need to do order to get text to appear on bottom: I adjusted SCREEN_HEIGHT variable size smaller, so there is more space to add extra text below following code change did the trick: "var SCREEN_WIDTH = window.innerWidth-2, SCREEN_HEIGHT = window.innerHeight -300;" I changed rendering div area from absolute positioning to relative, so no overlapping DOM elements appear <div id="ThreeJS" style="position: relative; left:0px; top:0px"> </div> I added new div for the text that should appear on bottom <div class="character"> <div class="charactertext">Here is some more text that you can see below the canvas DOM object.</div> </div> Hopefully this will help. I'll send this same message to xavier.carol@i2cat.net address as well. br, Jonne

            People

            • Assignee:
              jonne.vaisanen Jonne Väisänen
              Reporter:
              leandroguillen Leandro Guillén
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: