amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /** * Jetpack related posts */ /** * The Gutenberg block */ .jp-related-posts-i2 { margin-top: 1.5rem; } .jp-related-posts-i2__list { --hgap: 1rem; display: flex; flex-wrap: wrap; column-gap: var(--hgap); row-gap: 2rem; margin: 0; padding: 0; list-style-type: none; } .jp-related-posts-i2__post { display: flex; flex-direction: column; /* Default: 2 items by row */ flex-basis: calc(( 100% - var(--hgap) ) / 2); } /* Quantity qeuries: see https://alistapart.com/article/quantity-queries-for-css/ */ .jp-related-posts-i2__post:nth-last-child(n+3):first-child, .jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * { /* From 3 total items on, 3 items by row */ flex-basis: calc(( 100% - var(--hgap) * 2 ) / 3); } .jp-related-posts-i2__post:nth-last-child(4):first-child, .jp-related-posts-i2__post:nth-last-child(4):first-child ~ * { /* Exception for 4 total items: 2 items by row */ flex-basis: calc(( 100% - var(--hgap) ) / 2); } .jp-related-posts-i2__post-link { display: flex; flex-direction: column; row-gap: 0.5rem; width: 100%; margin-bottom: 1rem; line-height: 1.2; } .jp-related-posts-i2__post-link:focus-visible { outline-offset: 2px; } .jp-related-posts-i2__post-img { order: -1; max-width: 100%; } .jp-related-posts-i2__post-defs { margin: 0; list-style-type: unset; } /* Hide, except from screen readers */ .jp-related-posts-i2__post-defs dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .jp-related-posts-i2__post-defs dd { margin: 0; } /* List view */ .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list { display: block; } .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post { margin-bottom: 2rem; } /* Breakpoints */ @media only screen and (max-width: 640px) { .jp-related-posts-i2__list { display: block; } .jp-related-posts-i2__post { margin-bottom: 2rem; } } /* Container */ #jp-relatedposts { display: none; padding-top: 1em; margin: 1em 0; position: relative; clear: both; } .jp-relatedposts::after { content: ""; display: block; clear: both; } /* Headline above related posts section, labeled "Related" */ #jp-relatedposts h3.jp-relatedposts-headline { margin: 0 0 1em 0; display: inline-block; float: left; font-size: 9pt; font-weight: 700; font-family: inherit; } #jp-relatedposts h3.jp-relatedposts-headline em::before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 1em; } #jp-relatedposts h3.jp-relatedposts-headline em { font-style: normal; font-weight: 700; } /* Related posts items (wrapping items) */ #jp-relatedposts .jp-relatedposts-items { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: -20px; } /* Related posts item */ #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { float: left; width: 33%; margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */ box-sizing: border-box; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding-right: 20px; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) { clear: both; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } /* Related posts item content */ #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { font-size: 14px; line-height: 20px; margin: 0; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs { position: relative; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; border-bottom: 0; } #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { margin-bottom: 0; } #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { text-transform: none; margin: 0; font-family: inherit; display: block; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: inherit; font-weight: 400; text-decoration: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span { display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span { height: auto; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { opacity: 0.6; } /* Hide the date by default, but leave the element there if * a theme wants to use css to make it visible. */ .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { display: none; } /* Behavior when there are thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt { display: none; } /* Behavior when there are no thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt { overflow: hidden; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span { margin-bottom: 1em; } /* List Layout */ #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post { clear: both; width: 100%; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img { float: left; overflow: hidden; max-width: 33%; margin-right: 3%; } #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { display: inline-block; max-width: 63%; } /* * Responsive */ @media only screen and (max-width: 640px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 50%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: 20px; } } @media only screen and (max-width: 320px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100%; clear: both; margin: 0 0 1em; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { float: none; max-width: 100%; margin-right: 0; } } /* * Hide the related post section in the print view of a post */ @media print { .jp-relatedposts { display: none ; } } .amp-logo amp-img{width:371px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ div.acss138d7{clear:both;}div.acssbe199{--relposth-columns:6;--relposth-columns_m:2;--relposth-columns_t:3;}div.acss7d601{aspect-ratio:4/3;background:transparent no-repeat scroll 0% 0%;height:150px;max-width:150px;}div.acss3647e{color:#333333;font-family:Arial Narrow;font-size:11px;height:50px;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Hypertext '08: Dene Crigar, Hyperlinking in 3D Multimedia Performances

Dene joined us remotely from her lab in Vancouver, demonstrating multimedia works that are performed through hyperlinks triggered by a performer’s actions in a 3D space.  The demonstration is intended to challenge the notions of a hyperlink as a silent component of a 2D work.

First demonstration — Virtual DJ.  

Spinning circles of light seem to track the performer as she moves a motion-tracking controller in 3D space.  Four cameras track down on a 9x9x9 space; we saw 8 maps of “Level 1,” the music and lights are located in different directions, so one has to remember where each zone is.  She carries a small container that emits an infrared light, picked up by the cameras.  Space divided into a 3D grid, with different media objects programmed into the grid.  A PC reads the performer’s location in space, talks to a Mac which runs sound and visual elements. Software: “Reason”

Things of Day and Dream, corporeal poetry.


Software: “Ableton” (it sounded like that… unfamiliar to me)  Recorded a poem, divided it up into chunks… video clips keyed with the text in 13 zones.  Each chunk of spoken word invokes a different chunk of video, with music playing throughout.  Text, video, and music all embedded in 13 different zones.  Very short — just a minute and 5 seconds.  Grid divided into 2 regions, 10 different phrases on the “dream” side, and 2 with “awake,” and in the middle is a liminal zone.  [Question… what does live interaction add to the performance? Watching someone else — a specialist — interact with a 3D space is one kind of experience…]

Rhapsody Room. 

Spaces trigger individual words, also keying changes in the sound track and lighting. “Jolt,” “sky,” “final”.   Pronouns high, in the middle were the modifiers, and on the ground were the verbs.  Intersting experience.

[The complexity of navigating through the 3D menus reminds me of the frustrating experience of navigating multiple 90 degree turns through nested Windows menus.  It takes a precision that seems mechanical and robotic… how often does the system poll the location of the controller? How does that affect the nature of the experience?]

The whole studio setup reminds me — just slightly — of the “mood room” in Anthony Clarvoe’s PICK UP AX.  Lab set up with a collaborator in Canada… very little lag time.  There’s too much lag to create classical music.

Question from Mark Marino: how do new users interact with the system?

Dene says it takes people about 20 seconds of moving the controller up and down, but within 30 seconds people start moving around.  People who are comfortable with their bodies and uninhibited are all over the place, but people who are more reserved are more timid with the controller.   Designed to be portable and friendly to new users.

Rather than a mouse running across a desk, the mouse is a tracker, the surface is air, and a hyperlink is an invisible point in 3D space.  [I guess her controller doesn’t have a clicker, so it’s all activated by “hover”.]

Invoked Jeff Parker’s “A Poetics of the Link.” 

Patterns, repetition, cycles… a physical instantiation of the interaction of cameras, trackers, light, computers, along with the human performer’s body, brought to fruition by the hyperlinks.  Disorienting, but not silent gaps.  We tend to think of hypertext disjoined spaces, but Dene sees them as potentially contiguous.

Dene — “event link” — multidimensional event space. Invoked Aarseth’s notion of time in ergotic works. Time in the tale, time of the telling, and the event time.  DIalectic between aporia (gaps) and epiphany (insight).  Dene sees her work as lacking gaps.

3D perforamce works are about signification and mapping… performer finds her own sense of order. Transition, relay, and movement. Emphasizes the performer inside the system. Human, corporeal contribution to the work of art.  Add, along to the perception of reading along multiple paths, also the mutiple paths of performance, multiple ways of the human performer interacting with the work.

“Corporeal Poetics.”

The controller has no “click” function, so all the 3D ineractions is “hover.”

Diana Slattery, “Glide” – build a visual language and gesturing, hand gestures.

Kate Pullinger and mouse-over.  “Breathing Wall” — breathing into an apparatus to move the story along with the breath.

Mark B. asked how this counts as literature — is it scored?  Virtual DJ isn’t written down, Rhapsody Room is open enough that anyone can innovate, but Day and Dream takes practice to perform.

The notion of ephemeral beauty is part of the allure of this kind of work… “Do I really care” whether it’s possible to capture it?

The space can handle four different trackers, each triggering different actions in the various spaces.

The demos we saw were all based on the tracker’s location in 3D space.

In The Mindful Play Environment, it is possible to use trajectory, speed, proximity of trackers to each other…  Dene’s website has a video of that work in progress for the Oregon Museum of Science and Industry.

Share
Published by
Dennis G. Jerz

Recent Posts

Kids Rarely Read Whole Books Anymore. Even in English Class.

Twelfth-grade reading scores are at historic lows, and college professors, even at elite schools, are increasingly…

2 days ago

The Moral Authority Of Animals

Chimpanzees in Arnhem’s Royal Burgers’ Zoo in the Netherlands had learned zookeepers’ rule that meals…

2 days ago

A lost generation of news consumers? Survey shows how teenagers dislike the news media

More than half of the teens surveyed believe journalists regularly engage in unethical behaviors like…

2 weeks ago

Pie, anyone?

2 weeks ago