Skip to content

Instantly share code, notes, and snippets.

  • HTML Starter Code
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <script src="app.js"></script>
 Random Name

Topics covered in class

DOWNLOAD IMAGE AND SOUND FILES HERE

  • This week we will be looking at
    • loading images
    • displaying parts of the image
    • animating sprites
    • loading and playing sounds
  • Making a small music player
.canvas {
background: red;
}
{
"fruit" :"apple",
"nut": "almond",
"vegetable" : "artichoke",
"transport" : "auto"
}

The code contains of the below parts -

Interceptors

base interceptor Interceptors refer to the class that is called over the execution of the p5 function. It then called the respective entity (through register) and takes the required information that is displayed to the user/

@MathuraMG
MathuraMG / bundle.js
Created April 27, 2018 13:39
with file path changed
This file has been truncated, but you can view the full file.
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
This file has been truncated, but you can view the full file.
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
This file has been truncated, but you can view the full file.
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
This file has been truncated, but you can view the full file.
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Thesis 2018</title>
</head>
<body>
<div id="app" />
<!-- <script src="https://d3js.org/d3.v4.min.js"></script> -->