Sunday, July 23, 2017

2017 WW: Building in Cybalounge 4: HTML page prim: Put the web into your web-world

Building in Cybalounge 4: HTML page prim: 
Put the web into your web-world
Instructions for displaying a web page in a web-world, then setting event that presents it in a tablet or in another web tab.  The page or tablet can be scrolled or (if settings allow) edited.
HTML page
Click image to enlarge
  • Cybalounge is a developing environment for building web-worlds.
  • A web-world is a three dimensional virtual world you visit on your browser.
  • Cybalounge provides tools for equipping a web-world with customized content.
  • With these tools, you can build without learning JavascriptHTML5, and WebGL.
  • Visit a web-worldCybalounge  Enter as guest, no registration, no password.
  • I will probably be there any weekday at 10-10:30 am California time.
  • My workshop: click push-pin (bottom), scroll for Selby's test world, click enter.
  • If I am not in the entry world, check my workshop.

Background

*******************************************************************
  • (More after the break, scroll down!)
********************************************************************** 


Metaverse events, current and upcoming


Next WIP show

    • Sunday July 23, noon SLT (California) time
    • Cookie II location (fourth Sunday of the month)
    • HG address below: paste into the World Map next to Find. Click Find, TP
    • grid.kitely.com:8002:Cookie II 
    • In Kitely, put Cookie II into the find bar of the world map. 

    ****************************
    • The HTML Page Prim is a 2D plane with an HTML page as  content.
    • You can put almost any web page on it, including Google Docs and YouTube videos.

    Prep: enter building mode

    • Enter building mode: Click the crossed tools (bottom line), then click the ground.
    • Leave building mode: Click the crossed tools again.  
    • Note that in building mode, the crossed tool button in highlighted.

    Add HTML Page

    • Stand about where you want to put the HTML page.
    • Click the ground (to be sure that the HTML page is a child of the root object.)
    • Pix of this panel
    • Click Special,  Click Add HTML Page.
    • Click dimensions and enter the url of the page you want to display  
    • (Yes, dimensions is confusing for url entry; it will probably be changed.)
    • Page width (in pixels):  960 seems to be the common practice.
    • That was the right size for this blog.
    • The dimensions and other attributes are handled as with the cube.
    • Note that the page gets diminished contrast when its prim is selected.  
    • Click on the ground to deselect it (selecting the root cube).
    • Click crossed tools to stop editing and use objects normally
    • Note: crossed tools are highlighted when editing, not in normal use.

    Set event: click gets scrollable/editable page

    • Click the HTML page, click attributes, click event
    • In EventType change NONE to CLICK
    Settings for web page open
    Click image to enlarge
    • For the HTML object, this event opens the page in editable form.
    • If EventPopup is checked, the page opens inworld in a tablet.  
    • If EventPopup is not checked, the page opens in a separate browser tab.  
    • Either display allows scrolling.  
    • If the browser page allows editing, anyone can edit the tablet.
    • Most web pages do not allow editing
    • You might want to allow editing of a Google Docs page.
    • If a primitive has an event, the cursor becomes a hand when above that primitive.

    Notes

    • Yes, the back side of the HTML object is in reverse.   Maybe it should not show.
    • There may be problems on HD displays.  
    • Some software is not fully compatible with HD pixel counts.
    • I have found enough problems in editing on my HD laptop that I do not edit with it.
    • (I have found other software having problems with my HD laptop.)
    • It seems that after I add a few objects, things don't work as expected.
    • If I note that things are not working as expected, I go to another local world.
    • (Remember the pushpin.) Then I come back.  
    • Maybe I could just exit the build mode.

    Related

    General

    Tools for web-worlds

    Use cases for web-worlds

    **********************************************************************************

    License

    • Original text in this blog is CC By: unless specified public domain
    • Use as you please with attribution: link to the original.
    • All images without attribution in this blog are CC0: public domain.
    *********************************

    News and Notes

    HG links-- depending on your interests 

    Communities in the virtual worlds

    Radio in the virtual worlds


    Metaverse beginner help

    The Hypergrid WIP Show

    • The Hypergrid WIP is a one hour "show & tell" of works in progress. 
    • Everyone is invited.  Building, scripting, entertainment-- whatever you are working on.
    • Selby may capture video of presentations in voice, for posting on YouTube.
    • The WIP show normally meets on 2 Sundays a month at 12 pm California time.
    • The show meets at the Pandora location on the second Sunday 
    • But will not meet in the summer.
    • And at Cookie II on the fourth Sunday.  
    • To keep up with the WIP meetings, join the Kitely group, Work in progress.

    Next WIP meeting

      • Sunday July 23, noon SLT (California) time
      • Cookie II location (fourth Sunday of the month)
      • HG address below: paste into the World Map next to Find. Click Find, TP
      • grid.kitely.com:8002:Cookie II 
      • In Kitely, put Cookie II into the find bar of the world map. 
      -
      • Suspended for Summer: Pandora Location: (second Sunday of the month)
      • Pandora allows presenters to run high threat OSSL functions.
      • world.narasnook.com:8900
      • Put the line above in your World Map next to Find.  Click FindTP
      • At Narasnook, use World Map to search for Pandora

              Previous Articles from the WIP show 

                -



                  No comments:

                  Post a Comment