# data[].attributes.attachment_link.title
p5.js Web Editor | Luxuriant atrociraptor

# data[].attributes.body
[Theory - Computer arts & design]

# data[].attributes.attachment_link.readable_text
function setup() {
  createCanvas(400, 400);
}

function draw() {
 if (mouseIsPressed) {
 fill(200);
 } else {
 fill(100);
 }
ellipse(mouseX, mouseY, 80, 80);
}

function draw() {
 if (mouseIsPressed) {
 fill (50);
 } else {
 fill(201);
 }
ellipse(mouseX, mouseY, 90, 90);
}

# data[].attributes.body
The ball speeds up when the mouse is pressed.

# data[].attributes.attachment_link.readable_text
let xpos=10;
let ypos=10;
let s=50;
let speed=5;
function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
noStroke();
xpos = xpos + speed;
rect(xpos,ypos, s, s);
}
function mousePressed() {
xpos=50;
ypos=50;
}

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
[Tech - Computer arts & design]

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.headline
interactive media theory  Assessment Q&A 

# data[].attributes.subject
interactive media theory  Assessment Q&A 

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
Volume warning by the way

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
Interactivity:

1.0. Ai :

Answer:

Open Air is usually slower at generating but are more flexible and so users can interact in the form of a conversation, you can see this with Chatbots that respond with the help from user input. Closed AI tends to be faster at generating but follows a ruleset , you can see where the user in customer support chat systems where the user is usually presented with already given options

Physical AI takes form of integration into physical objects/robots , because of the it usually requires a lot of hardware along with the AI software, these AI are designed mainly to preform tasks based on the user input

Internal and cognitive AI is made for understanding and adapting to user input in the form of preferences, thoughts and even emotions and be used in the form of personal assistants

1.0. Hypertext/media :

Answer:

Open hypertext gives the user a good amount of control over navigation ( choosing what links to follow, where to go ) this encourages exploration and is usually more personalised experience. Closed on the other hand is structured and usually has a predetermined path giving users a lot less control then open but helps present information in a specific order .

Physical interactivity usually takes Ron of touch screens and displays, this experience is usually much more personal and engaging as it uses forms of direct navigation/ manipulation

Internal and cognitive takes use of mental engagement with the content by users deciding where to explore and what is relevant and true it helps to create a mental image of the information.

1.2 . Games :

Answer:

Open forms allow you to have multiple options, giving more freedom , this also requires a high amount of interaction that will affect the game, this is usually used by sandbox type games . Closed is the opposite, while being more structured gives you little to no chance of making you own choices in the game , this is often used by puzzles or certain story games .

Physical is the input used to interact with the controllers or a mouse and keyboard in low to medium interaction, you can also have very high interaction in form of virtual reality, with controls taking form of movement and specialised sensors.

Internal and cognitive interactions has a lot of engagement in games as they can be extremely stimulating, even in simple games high cognitive interaction is used to make decisions, and solve puzzles.

1.3 . Time based media :

Answer:

Open form time based media most often takes form of social media or video sharing sites where users are free to scroll and choose what they want to see and engage with with , it is usually highly personalised and very exploratory. Closed form can take the shape of learning materials, for example online lessons where the user progresses through a predetermined lesson .

Physical, internal and cognitive can take the form of tools that help with real world experience such as trackers , alarms and reminders, users can engage by scheduling and organising tasks , think about where to go and manage time

1.4 .software:

Answer:

Software is usually highly open form, encouraging creativity in users , some have higher uses of open form than others such as various drawing programs; closed form software still encourages creativity but is much more rigid and sequential, you can see this in CAD programs.

Physical software is used heavily in drawing and designing and have a wide range of interaction, a controller such as a mouse would have fairly little but drawing tablets ( especially those with pressure sensitivity) offer very interactive experiences

Internal and cognitive softwares can take the form of 3D modelling softwares users are required to engage on a high mental level as many decisions and ideas are required with complex menus , tools and screens to create in a 3D space .

2.0 . The hook

Answer:

A good movie instruction is key to hooking a viewer, showing important and interesting information, phrases or interesting sounds that tie into your theme or message are the key to catch the audience’s attention.

A great way to catch users eye is to have a good design, colours and themes that draw attention, big bold interesting text that make readers want more information.

2.1. Opening sequence:

Answer:

Jaws (1975) has an amazing opening scene that sets expectations for the whole film , it starts off with a solid scene of a kill , keeping the shark hidden adding to the intrigue and horror and compels the audience to keep watching while at the same time introducing the main threat of the film .

On the opposite end of the spectrum is UP (2009) that has beautiful montage as an opening scene that gives viewers an immediate emotional hook and understanding of the main the main character, the opening scene adds emotional value and makes the viewers want to continue watching to see how the story ends .

# data[].attributes.body
2.3. Narrative structure:

Answer:

The conventional narrative structure used is linear storytelling (where a story has a clear beginning, middle and end ) however you can gain a more interesting storyline by using other types such as circular, parallel or even interactive.

Interactive storytelling is mostly used in video games but examples of it have been used in movies such as Netflix’s 2018 mover bandersnatch, where the user is presented with options to choose that move the story forward.

Cause and effect is a key part of video games , as an example of this us The legend of Zelda , as the player takes on the role of the character named LINK .

3.0. Metaphors:

Answers:

1.Clocks Cain movies tend to used as a metaphor of the passage of time or running out of time . The hands of the clock turning quickly tends to imply that time is skipping and comparing the time in one scene compared to the one before, this will let the audience know that a certain amount of time has passed. A montage is also able to tell the passage of time , this is because it is made up of a series of small shots telling a story in a quick amount of time .

2.a visual metaphor that is used for directions is almost always the arrow . An arrow will let the viewer know which direction they need to go . Maps also uses visual metaphors , this is to allow the viewer to be able to understand what the map is saying without needing to understand what the words say .

3. With in software programs there are even more examples of visual metaphors. Bin icons mean to delete something, this is because bins in real life is where you throw something away . Scissors are often used to show how to cut a long process into a shorter one .

3.1. Visual systems:

Answer:

1. - A cog icon tends to be used to identify system settings, it is sometimes rather confusing , it can be a bit difficult to see it as a clog because of the small size of the icon , unless I cover my mouse over the icon so I can see the name for it I might not be able to always remember it

2. - In the film Shaun of the dead , Edgar Wright uses an offscreen space , an arm with a telephone appears from offscreen to hand the phone to Shaun , this is pulled of as a funny joke , because in the scene Shaun is trying to appear serious to his coworker which is broken by a not needed interruption.

4.0. Technologies:

Answer:

1. You can find that artist’s post their portfolios online to show their work to the industry, they do this by uploading their work to web galleries using image sharing .

2. Artists are able to share their art on various social media platforms and are able to gain great reach , they are able to promote themselves and share what type of work they enjoy doing .

3. Artists are able to blog , which allows them to communicate to an audience online. They are allowed to write about anything they are working on , like their jobs , art journey or personal projects.

4. Platforms like Discord allow for instant messaging or video streaming, you can chat in one on one or in servers which is essentially a group chat .

5. Artist can share videos via video file sharing, which can include films and animations

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.title
p5.js Web Editor | courtneymarmar’s sketches

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.title
variable animation by Harpy -p5.js Web Editor

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.