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

          Transition Time In Source Status Execution Times Last Executer Last Execution Date
          Open Open In Progress In Progress
          22h 22m 1 Jonne Väisänen 25/Jun/15 9:49 AM
          In Progress In Progress Answered Answered
          11h 56m 1 Jonne Väisänen 25/Jun/15 9:46 PM
          Answered Answered Closed Closed
          3d 16h 20m 1 Jonne Väisänen 29/Jun/15 2:07 PM
          fla Fernando Lopez made changes -
          Fix Version/s 2021 [ 12600 ]
          mev Manuel Escriche made changes -
          HD-Enabler Web Tundra Avatar [ 10901 ]
          HD-Chapter WebUI [ 10842 ]
          mev Manuel Escriche made changes -
          Summary FIWARE.Request.Lab.WebUI.VirtualCharacters.AddTextBelowCanvas FIWARE.Request.Tech.WebUI.VirtualCharacters.AddTextBelowCanvas
          jonne.vaisanen Jonne Väisänen made changes -
          Summary CLONE - [Fiware-creatifi-coaching] [CreatiFI Barcelona Hub] General Support #325: Add text below a Virtual Character render FIWARE.Request.Lab.WebUI.VirtualCharacters.AddTextBelowCanvas
          jonne.vaisanen Jonne Väisänen made changes -
          Resolution Done [ 10000 ]
          Status Answered [ 10104 ] Closed [ 6 ]
          jonne.vaisanen Jonne Väisänen made changes -
          Status In Progress [ 3 ] Answered [ 10104 ]
          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
          jonne.vaisanen Jonne Väisänen made changes -
          Attachment UpdatedCode.png [ 16974 ]
          Attachment FixedPage.png [ 16975 ]
          jonne.vaisanen Jonne Väisänen made changes -
          Status Open [ 1 ] In Progress [ 3 ]
          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
          mev Manuel Escriche made changes -
          Assignee Jonne Väisänen [ jonne.vaisanen ]
          mev Manuel Escriche made changes -
          Component/s FIWARE-TECH-HELP [ 10278 ]
          leandroguillen Leandro Guillén made changes -
          Assignee Leandro Guillén [ leandro.guillen ]
          leandroguillen Leandro Guillén made changes -
          Project Help-Coaches-Desk [ 10926 ] Help-Desk [ 10841 ]
          Key HELC-823 HELP-3418
          FI-WARE Environment FI-LAB [ 10100 ]
          leandroguillen Leandro Guillén made changes -
          Field Original Value New Value
          Link This issue clones HELC-814 [ HELC-814 ]
          leandroguillen Leandro Guillén created issue -

            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: