Interactive Media Design

Here are some pictures,Please upload any photo you might have of your work or your peer's work at the show.

https://drive.google.com/drive/folders/ ... sp=sharing

// simple imagegrid -> click -> play video -> return to grid
// all the videos in this folder are the same
// swap for your video files
// match videofile and image by number

let images = [];
let videos = [];

let play = false;

let rows = 3;
let cols = 4;

let colW;
let rowH;

let selected ...

v2
----
2 types of interaction, overlap and single click
to move doubleclick
var guard;
var bg;
var pin;

function preload() {
// put preload code here
guard = new mainGuy();
guard.loadSprite();
bg = loadImage('assets/bg.png');
pin = new npc();
pin.loadSprite();
//pin.moving = true ...

point and click demo:

oop - click example.zip

var pkmaster;
var moving = false;

function preload() {
// put preload code here
pkmaster = new pksprite();
pkmaster.loadSprite();
}


function setup() {
// put setup code here
createCanvas(400,400);
frameRate(30);
}

function draw() {
// put ...

400 words,
check your spelling here before posting: ->https://app.grammarly.com/
The free tier is just fine.

Post some visuals and a more refined proposal for your Project 1

in-class demo code