# data[].attributes.attachment_link.description
25 Screens, Last modified on Nov 16, 2022 12:14 GMT

# data[].attributes.attachment_link.description
33 Screens, Last modified on Nov 23, 2022 22:24 GMT

# data[].attributes.body
draft : changing

# data[].attributes.attachment_link.title
Hardwood 90's Interactive Webcomic (Marvin Dolo)

# data[].attributes.attachment_link.description
90 Screens, Published on Nov 18, 2022 08:39 GMT

# data[].attributes.body
Next class we will have a formative presentation of your projects. You will need to present to the class:
- A working link to your Adobe XD web comic with all of the elements you have build so far
- Your preproduction materials: Mural comic draught, character designs, storyboards, script draughts. If you have any of your sketches on paper, please photograph them and upload to padlet.
- Any research you have undertaken during the project (relevant artists, concepts, styles, etc..)

Each person will have 15 minutes to present their project.

# data[].attributes.body
https://freesound.org/

# data[].attributes.body
https://www.youtube.com/watch?v=Q6tXYXhJr1w&feature=youtu.be

# data[].attributes.body
https://www.youtube.com/watch?v=tyf-mic4vTs

# data[].attributes.body
Adobe XD LinkedIn Learning full course: LINKEDIN LEARNING PATHWAY (Links to an external site.)

Adobe themselves have some excellent tutorial films, of course. They start at the beginner level and take you all of the way up. So, please take some time to investigate these: Adobe support (Links to an external site.)

Here are some that might be of use for the web comic project:

Getting Started with Adobe XD Prototypes

https://www.adobe.com/products/xd/learn/get-started-xd-prototype.html

Creating infinite scroll

https://helpx.adobe.com/uk/xd/help/create-scrollable-artboards.html

Creating drop-down menu

https://www.adobe.com/products/xd/learn/design/layout/create-dropdown-menu.html#:~:text=Create%20the%20dropdown%20component&text=This%20can%20be%20done%20by,state%20of%20the%20dropdown%20menu.

Integration of Illustrator and Photoshop and Adobe XD:

https://www.youtube.com/watch?v=ZrsDVq3445w

How to add sound in Adobe XD:

https://www.youtube.com/watch?v=2Z3RJDHYJOE

Adobe XD: Full Page Parallax Animation in Adobe XD

https://www.youtube.com/watch?v=xeTiXwsS3AU

Add Videos to your XD pages:

https://www.adobe.com/products/xd/learn/design/importing-files/video-integration-in-adobe-xd.html

Adding hyperlinks in Adobe XD:

https://www.youtube.com/watch?v=TyWzNKdnWu4

# data[].attributes.attachment_link.description
Speed up your creative process. Collaborative online walls that help you organize your ideas. Get your thoughts down fast and gather all your insights in one place.

# data[].attributes.attachment_link.description
Speed up your creative process. Collaborative online walls that help you organize your ideas. Get your thoughts down fast and gather all your insights in one place.

# data[].attributes.headline
Requesting to borrow equipment from university 

# data[].attributes.subject
Requesting to borrow equipment from university 

# data[].attributes.body
https://app.mural.co/

# data[].attributes.attachment_link.title
AI-powered visual workspace for team collaboration | Mural

# data[].attributes.attachment_link.description
Boost team collaboration and innovation with Mural, the AI-powered visual workspace. Plan, strategize, and execute projects seamlessly on one intuitive tool.

# data[].attributes.attachment_link.title
Interactive comics directory - Screendiver

# data[].attributes.attachment_link.description
Discover the world's best interactive comics and interactive graphic novels on Screendiver. Updated weekly.

# data[].attributes.attachment_link.readable_text
In 200 Words or Less...

The "infinite canvas" is a challenge to think big; a series of design strategies based on treating the screen as a window rather than a page. The basic premise is that there's no reason that long-form comics have to be split into pages when moving online. Pages are an option -and they can work well when screen shapes are taken into account-but the advantages of putting all panels together on a single "canvas" are significant and worth exploiting.

A handful of cartoonists and developers have taken up that challenge in the decade since I started beating the drum on my own site, with occasionally impressive results, but its been a rocky road. By the early '00s, most using the term had only a sketchy idea of what it meant, and such formats are still a poor fit for most readers' day-to-day reading habits.

As bandwidth increases and hardware matures, such expanded-canvas comics may become increasingly practical, but our understanding of the advantages and obstacles will also need to improve if "infinite canvas" webcomics are going to be more than just a temporary novelty.

Potential Advantages

Despite its weird beginnings, the expanded-canvas approach isn't just for propellerheads and formalists. In fact, most of the advantages to telling stories on a single picture plane are surprisingly practical and contribute to the reading experience without the need for radical designs or dancing bananas.

Print cartoonists (myself included) make a constant series of compromises in pacing and design to stuff our stories into pages. We add and subtract panels, restrict size variation, break reading flow, and rarely if ever vary the distance between panels for fear of wasting paper. Without such restrictions, though, every one of those choices can be made exclusively on behalf of the needs of the story.

Pacing. For any given sequence a cartoonist dreams up, there's going to be an optimum number of panels to get the job done. On an expanded canvas, he or she can add or subtract "beats" until the sequence feels right, just as a film editor might do. But in print, the size of the page and restrictions on page count make the length of a given sequence the first consideration, instead of a byproduct of good pacing as it should be.

Dynamic Range. Just as music allows for a wide range of volume, comics artists can vary panel size and shape for dramatic effect and they frequently do so in both print and online comics. On a single large canvas, those variations can again follow the needs of the story, but when a fixed page is involved, every decision about the size and shape of one panel restricts the size and shape of the next one.

Distance=Time. In a century of printed comics, featuring every size and shape of panel imaginable, it's striking to see how little has been done with panel distance. Comic strips, comic books, and graphic novels have all kept their panels within an eighth to a quarter inch from one another for fear of wasting paper. But in a medium that measures time using space, readers will feel a slowing of the action as panels drift apart (as used toward the end of this early attempt from this site) and a quickening when they run closer. It's only an accident of technology that's kept this basic tool in check for all these years, it's past time to begin using it.

Flow. Page breaks set up a rhythm which have nothing to do with stories they're in (or worse, force storytellers to match their stories to that rhythm). When the pages fit the screen and navigating between them is intuitive, that problem is reduced, but most page implementations online are clumsy hybrids of printed page shapes and a smattering of scrolling and clicking that distract from the reading experience. Expanded canvas webcomics can be just as clumsy (see The Wish List below) but done right, they can feature a single mode of navigation that vanishes after a minute or two. More importantly, the only breaks that need to occur are those that fit the stories natural break points.

Introducing a third dimension doesn't have to be just a novelty. I'd like to think it contributed to the mood of The Right Number and I'm convinced it could be used for other storytelling purposes including layered narratives, flashbacks, and tonal variation. There's bound to be a wide range of techniques that fall under the heading "cool shit" when a form is new, but which gradually reveal themselves to have practical uses. I think this is one of them.

Identity. Comics won't survive and thrive on the Web without a solid identity as an art form. Cartoonists can attract temporary attention with wannabe movies or multimedia, but readers will always be lured away by the real thing eventually. By putting comics "back together" on a single plane, the expanded canvas approach can deliver a reading experience more like comics and less like any other medium than anything we've seen to date. And for all the bells and whistles it's associated with now, its emphasis on a single unbroken reading line and uninterrupted single mode of presentation can also provide what readers want most from any storytelling medium: a seamless, transparent window into the world of the story.

Criticism

The most common critique of the whole infinite canvas mindset-and of me, the dork who coined the term-is that it's nothing but a gimmick that's past its time, and that it doesn't fit with the culture, technology, and economy of the Web as it is. Browsers aren't built for this sort of thing, there's limited interest in long-form comics of any kind, readers want their formats simple, etc... Most of which is reasonable enough, though I'd obviously disagree with the "past its time" part.

When I started talking about this stuff in '95, I was talking about the "future of comics." Maybe I still am, and I can't offer much evidence that the "future" I'm trumpeting is particularly imminent. Most who've explored this area have moved on. Even I'm not going to be very active in this space while I work on a graphic novel due in 2011.

The reason I'm still hopeful-apart from the basic logic of the premise in my admittedly-biased eyes-is that the winds of change all seem to be blowing in the right direction for this ship to sail eventually, especially in regards to hardware, platform, bandwidth, and software.

The Wish List

For the infinite canvas approach to ever get out of diapers, a few things need to happen.

An Alternative to Scrolling. In a post-iPhone world, multi-touch displays look poised to invade desktop and laptop computing reasonably soon. If implemented with the kind of seamless motion seen in multiple prototypes over the years, we may finally leave the clumsy world of scroll bars behind for good. Traditional scrolling's tiny buttons and jerky refresh rate have made navigating extended canvases created in HTML distracting and even painful to look at.

Display and Bandwidth Gains. Both display resolution and bandwidth has limited the size of the big comics maps that this design strategy depends on. We're not out of the woods yet, but Moore's Law still seems to be on track.

New Authoring Environments (as of February 2009). Whether through plugins or Javascript, a few enterprising programmers have attempted to create expanded canvas environments. The most flexible, smooth and attractive so far has been Daniel Merlin Goodbrey's Flash-based Tarquin Engine. There have even been two online initiatives called "infinite canvas," most recently a raw but easy-to-use online tool by Microsoft's Ian Gilman, part of their impressive Seadragon team. The notion of scalable environments has been bubbling under the surface for years and momentum has been increasing lately in related fields.

A Reader-Centered Philosophy. The only way the infinite canvas approach can ever come of age is if the readers' needs come first. Advancing from one panel to the next should be as easy as hitting a spacebar or tapping the screen. Bookmarking locations for return reading should be as easy as, well... a bookmark. If all-in-one downloads would be convenient, readers should have that option.

Brief History

The first reference to the term "infinite canvas" I've been able to dig up in my records was a lecture I gave at Ohio State University in 1995. I'd been working on a proposal for a Voyager CD-ROM version of Understanding Comics at the time and was hatching ideas for how comics in digital environments might take different shapes from their print counterparts. I imagined all of the book's 1200-plus panels visible at once-from a great "distance" as it were-allowing the reader to then zoom in and start navigating from one panel to the next.

Long shot from my bombastically weird Understanding Comics CD-ROM Proposal (1995). Each chapter's panels appear in a staircase on each of nine purple tiles, with supplementary information on adjacent tiles.

Voyager went belly up soon after, but within a year or two, the Web was looking hospitable for some small scale versions of the idea. I launched my site in 1998 and never looked back.

For the next couple of years, I found a receptive audience at places like MIT, computer conferences, and trade magazines. Webcomics artists were split at first, and print comics artists mostly thought I'd lost my mind. When Reinventing Comics came out in 2000, the term "infinite canvas" came into broader usage, for good or ill. I spent the next several years alternating between Pied Piper and punching bag.

My own webcomics, many of which played with infinite canvas-style ideas, were mostly between 1998-2004, after which I put new web content on hold for Making Comics and my family's year-long 50 State Tour.

Untangling Misconceptions

There's a faction out there that thinks all experimental webcomics formats are unreadable garbage for pretentious blowhards. I have no beef with these people. It's a fair enough complaint (and even if it wasn't, there's no logical counter-argument to a spitball). But there are a few other misconceptions worth tackling.

Comic Strips. For the most part, comic strips and the infinite canvas have nothing to do with each other. From the beginning, this was a movement related to long-form webcomics (the online equivalent of comic books and graphic novels). I'm not suggesting for a moment that daily gag-strip artists start creating 40-foot tall staircase-shaped cascading storylines. Comics strips work fine online and have been one of our biggest success stories of the last decade. They don't need any help from mad scientists.

The Multimedia Model. Comics using cinematic sound and motion like Broken Saints, or with complex autonomous panel rearrangements as in Nawlz or the work of artists like John Barber are sometimes lumped in with the "infinite canvas" crowd. I admire the work of these artists, and recommend checking them out, but their comics are really another animal entirely; part of the broader category of experimental webcomics, but representing a different design strategy overall.

"Art Needs Limitations." A frequent objection to the very idea of an "infinite canvas" is that comics, and art generally, thrives on limitations. It's true that working within limitations has forced cartoonists to devise elegant solutions over the years, but those solutions were the byproduct of pushing hard against the edges of what the technology of print allowed. When those limitations change, that same work ethic should direct us to expand our efforts to the new outer reaches of the possible. Reproducing old limitations out of habit serves no purpose other than making us feel comfortable in the delusion that nothing has changed.

Needless to say, I think things have changed, and will change much more before the fat lady sings.

--Scott
February 2009
<< inventions

# data[].attributes.attachment_link.title
scottmccloud.com - The "Infinite Canvas"

# data[].attributes.attachment_link.description
The "infinite canvas" is a challenge to think big; a series of design strategies based on treating the screen as a window rather than a page. The basic premise is that there's no reason that long-form comics have to be split into pages when moving online.

# data[].attributes.headline
Initial Character Design (Character Sheet)

# data[].attributes.subject
Initial Character Design (Character Sheet)

# data[].attributes.body
Please post on Padlet your story ideas and your initial character sketches. Next lesson we will be working with those to create a draught layout for your comic.

# data[].attributes.headline
The outline of my story for my interactive comic website project

# data[].attributes.subject
The outline of my story for my interactive comic website project

# data[].attributes.headline
Draft of my Vampire story (PROBABLY CHANGE)

# data[].attributes.subject
Draft of my Vampire story (PROBABLY CHANGE)

# data[].attributes.attachment_link.description
Lovely gifs to discover over at Charles Huettner tumbr Charles Huettner was originally published on The Curious Brain

# data[].attributes.attachment_link.title
Everything Everywhere All At Once - Rocks scene

# data[].attributes.body
https://words.bighugelabs.com/site/plot
https://www.seventhsanctum.com/index-writ.php

http://chaoticshiny.com/modernchargen.php

https://boredhumans.com/story_generator.php

# data[].attributes.headline
The main weapon that he used in the 2005 series

# data[].attributes.subject
The main weapon that he used in the 2005 series

# data[].attributes.body
Created for the original God of War in 2005, Kratos has since travelled as far as any video game character in his depth and personality. In his past incarnation, he took his cues from ancient myths, displaying bone-headed violence and amorality. In 2018’s God of War, he retains his skills as a warrior, but is now a father whose gruff, tough-love approach to parenting belies a touching capacity for love and tenderness toward his son, and a deep grief for his late wife.

# data[].attributes.body
Obelisk and Metronome.
Or this, for a chronological read.
https://obeliskandmetronome.tumblr.com/tagged/OM1/chrono

# data[].attributes.body
The Stranger, Rider

# data[].attributes.body
Created by Sega in the early 1990s to compete with Nintendo's Super Mario series. His trademark abilities are being able to curl into a ball and run at the speed of sound. He was designed with blue fur in order to match Sega's logo

# data[].attributes.body
The Drifter

# data[].attributes.body
The Stranger

# data[].attributes.body
Rick Grimes is a former sheriff's deputy who was shot and put into a coma. When he woke up he was in a zombie apocalypse I picked him because I like how good of a leader he is and that he managed to turn his group into a kind of family rather than just friends or people who he survives with

# data[].attributes.body
I like Iron Man because he is a normal guy who is very intelligent. His personality is very narcissistic and forward thinking. His abilities are the ability to fly, shoot and navigate. His background story is that he was abducted by terrorists and had heart problems leading to a new power source to keep him alive (arc reactor).

# data[].attributes.body
Alex Mason from the Call Of Duty: Black Ops game series

# data[].attributes.attachment_link.title
Abolition Of Man, First Comic Book Entirely Drawn By A.I. Algorithm

# data[].attributes.attachment_link.description
With news that Google has suspended a scientist after they tried to secure legal representation for the rights of a LaMDA artificial intelligence. And it

# data[].attributes.attachment_link.description
A retrospective narrative based on psychogeographic connections to Cumbria, Northern England.

# data[].attributes.headline
Character: Violet Evergarden (From the anime series: Violet Evergarden)

# data[].attributes.subject
Character: Violet Evergarden (From the anime series: Violet Evergarden)

# data[].attributes.headline
My comic panels that I drew from the workshop (12/10/22)

# data[].attributes.subject
My comic panels that I drew from the workshop (12/10/22)