okay fixed weird bug
Chris Nutter
parent
f998c153f0
commit
09327b855f
|
|
@ -0,0 +1 @@
|
|||
\relax
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
This is pdfTeX, Version 3.14159265-2.6-1.40.21 (TeX Live 2020/Arch Linux) (preloaded format=latex 2020.9.8) 8 SEP 2020 16:55
|
||||
entering extended mode
|
||||
restricted \write18 enabled.
|
||||
%&-line parsing enabled.
|
||||
**335-02-p1-4head-Standup-200908.tex 335-02-p1-4head-Standup-200908.pdf
|
||||
(./335-02-p1-4head-Standup-200908.tex
|
||||
LaTeX2e <2020-02-02> patch level 5
|
||||
L3 programming layer <2020-06-03>
|
||||
(/usr/share/texmf-dist/tex/latex/base/article.cls
|
||||
Document Class: article 2019/12/20 v1.4l Standard LaTeX document class
|
||||
(/usr/share/texmf-dist/tex/latex/base/size12.clo
|
||||
File: size12.clo 2019/12/20 v1.4l Standard LaTeX file (size option)
|
||||
)
|
||||
\c@part=\count167
|
||||
\c@section=\count168
|
||||
\c@subsection=\count169
|
||||
\c@subsubsection=\count170
|
||||
\c@paragraph=\count171
|
||||
\c@subparagraph=\count172
|
||||
\c@figure=\count173
|
||||
\c@table=\count174
|
||||
\abovecaptionskip=\skip47
|
||||
\belowcaptionskip=\skip48
|
||||
\bibindent=\dimen134
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/graphics/graphicx.sty
|
||||
Package: graphicx 2019/11/30 v1.2a Enhanced LaTeX Graphics (DPC,SPQR)
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/graphics/keyval.sty
|
||||
Package: keyval 2014/10/28 v1.15 key=value parser (DPC)
|
||||
\KV@toks@=\toks15
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/graphics/graphics.sty
|
||||
Package: graphics 2019/11/30 v1.4a Standard LaTeX Graphics (DPC,SPQR)
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/graphics/trig.sty
|
||||
Package: trig 2016/01/03 v1.10 sin cos tan (DPC)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/graphics-cfg/graphics.cfg
|
||||
File: graphics.cfg 2016/06/04 v1.11 sample graphics configuration
|
||||
)
|
||||
Package graphics Info: Driver file: dvips.def on input line 105.
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/graphics-def/dvips.def
|
||||
File: dvips.def 2017/06/20 v3.1d Graphics/color driver for dvips
|
||||
))
|
||||
\Gin@req@height=\dimen135
|
||||
\Gin@req@width=\dimen136
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/l3backend/l3backend-dvips.def
|
||||
File: l3backend-dvips.def 2020-06-03 L3 backend support: dvips
|
||||
\l__pdf_internal_box=\box45
|
||||
\g__pdf_backend_object_int=\count175
|
||||
\l__pdf_backend_content_box=\box46
|
||||
\l__pdf_backend_model_box=\box47
|
||||
\g__pdf_backend_annotation_int=\count176
|
||||
\g__pdf_backend_link_int=\count177
|
||||
\g__pdf_backend_link_sf_int=\count178
|
||||
)
|
||||
(./335-02-p1-4head-Standup-200908.aux)
|
||||
LaTeX Font Info: Checking defaults for OML/cmm/m/it on input line 13.
|
||||
LaTeX Font Info: ... okay on input line 13.
|
||||
LaTeX Font Info: Checking defaults for OMS/cmsy/m/n on input line 13.
|
||||
LaTeX Font Info: ... okay on input line 13.
|
||||
LaTeX Font Info: Checking defaults for OT1/cmr/m/n on input line 13.
|
||||
LaTeX Font Info: ... okay on input line 13.
|
||||
LaTeX Font Info: Checking defaults for T1/cmr/m/n on input line 13.
|
||||
LaTeX Font Info: ... okay on input line 13.
|
||||
LaTeX Font Info: Checking defaults for TS1/cmr/m/n on input line 13.
|
||||
LaTeX Font Info: ... okay on input line 13.
|
||||
LaTeX Font Info: Checking defaults for OMX/cmex/m/n on input line 13.
|
||||
LaTeX Font Info: ... okay on input line 13.
|
||||
LaTeX Font Info: Checking defaults for U/cmr/m/n on input line 13.
|
||||
LaTeX Font Info: ... okay on input line 13.
|
||||
LaTeX Font Info: External font `cmex10' loaded for size
|
||||
(Font) <14.4> on input line 15.
|
||||
LaTeX Font Info: External font `cmex10' loaded for size
|
||||
(Font) <7> on input line 15.
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 20--29
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 20--29
|
||||
|
||||
[]
|
||||
|
||||
|
||||
! LaTeX Error: Cannot determine size of graphic in ../imgs/workforstandup1-chri
|
||||
s.png (no BoundingBox).
|
||||
|
||||
See the LaTeX manual or LaTeX Companion for explanation.
|
||||
Type H <return> for immediate help.
|
||||
...
|
||||
|
||||
l.33 ...hics[width=7cm]{workforstandup1-chris.png}
|
||||
|
||||
? x
|
||||
|
||||
Here is how much of TeX's memory you used:
|
||||
743 strings out of 480479
|
||||
11546 string characters out of 5905986
|
||||
245706 words of memory out of 5000000
|
||||
16825 multiletter control sequences out of 15000+600000
|
||||
534801 words of font info for 32 fonts, out of 8000000 for 9000
|
||||
1141 hyphenation exceptions out of 8191
|
||||
30i,6n,25p,1712b,263s stack positions out of 5000i,500n,10000p,200000b,80000s
|
||||
No pages of output.
|
||||
Binary file not shown.
|
|
@ -0,0 +1,51 @@
|
|||
\documentclass[12pt,a4paper]{article}
|
||||
|
||||
% --> Declare packages / paths
|
||||
\usepackage{graphicx}
|
||||
|
||||
\graphicspath{ {../imgs/} }
|
||||
|
||||
% --> Basic overlaying information
|
||||
\title{Project \#1 - Standup Report \#1}
|
||||
\author{Chris Nutter | Estrella Mejia | Kenneth Doan}
|
||||
|
||||
% --> Begin document information
|
||||
\begin{document}
|
||||
|
||||
\maketitle
|
||||
%\tableofcontents
|
||||
|
||||
%------------------------%
|
||||
\section{Chris Nutter}
|
||||
1. Currently I'm working on getting the grid organized and properly formatted towards Professor Siska's recommendations.
|
||||
I have created the grid 41x41 and properly spaced out the grid itself. I have also hosted the P5 grid on my website
|
||||
for our groupmates to look over live.
|
||||
\\\\
|
||||
2. Next I plan to fix a bug where mouse cursor mapping is off but that shouldn't be too hard.
|
||||
\\\\
|
||||
3. I'm still familiarizing with JS and P5 so adjusting to that is an annoying hurdle but it's helpful for
|
||||
me to learn this for my own means. Professor Siska's comments on \emph{cs-sketches.js} help me
|
||||
figure out what each thing does.
|
||||
%------------------------%
|
||||
|
||||
%------------------------%
|
||||
\section{Estrella Mejia}
|
||||
1. I'm working on getting the ant to start at the center.
|
||||
\\\\
|
||||
2. I plan to get the ant to move right on red or blue and left on black or green.
|
||||
\\\\
|
||||
3. I am trying to get the color properly
|
||||
%------------------------%
|
||||
|
||||
%------------------------%
|
||||
\section{Kenneth Doan}
|
||||
1. I am trying to find the decimal color values for Black, Red, Yellow, Blue, and Green.
|
||||
I am also trying to figure out how to turn the ant into a triangle in the meantime.
|
||||
\\\\
|
||||
2. Next I'll learn how to make the Ant start moving North at the start of the load.
|
||||
\\\\
|
||||
3. Implementing the triangle shape and the colours are some challenges
|
||||
I am facing because this is the second class I have taken that is using HTML5.
|
||||
%------------------------%
|
||||
|
||||
\end{document}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
// Draw stuff, with P5 // CF p5js.org/reference
|
||||
// Time-stamp: <2020-02-02 14:46:00 Chuck Siska>
|
||||
// ------------------------------------------------------------
|
||||
|
||||
// ===================================================== draw_grid ====
|
||||
// Draw a fancy grid with major & minor lines
|
||||
// & major row/col numbers.
|
||||
function draw_grid( rminor, rmajor, rstroke, rfill )
|
||||
{
|
||||
stroke( rstroke );
|
||||
fill( rfill );;
|
||||
let sz = g_canvas.cell_size;
|
||||
let width = g_canvas.wid*sz;
|
||||
let height = g_canvas.hgt*sz
|
||||
for ( var ix = 0; ix < width; ix += rminor )
|
||||
{
|
||||
let big_linep = (ix % rmajor == 0);
|
||||
let line_wgt = 1;
|
||||
if (big_linep) line_wgt = 2;
|
||||
strokeWeight( line_wgt );
|
||||
line( ix, 0, ix, height );
|
||||
strokeWeight( 1 );
|
||||
if ( ix % rmajor == 0 ) { text( ix, ix, 10 ); }
|
||||
}
|
||||
for ( var iy = 0; iy < height; iy += rminor )
|
||||
{
|
||||
let big_linep = (iy % rmajor == 0);
|
||||
let line_wgt = 1;
|
||||
if (big_linep) line_wgt = 2;
|
||||
strokeWeight( line_wgt );
|
||||
line( 0, iy, width, iy );
|
||||
strokeWeight( 1 );
|
||||
if ( iy % rmajor == 0 ) { text( iy, 0, iy + 10 ); }
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
body {
|
||||
text-align: center;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
canvas {
|
||||
background-color: black;
|
||||
}
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
// cs-sketch.js; P5 key animation fcns. // CF p5js.org/reference
|
||||
// Time-stamp: <2020-02-02 15:58:23 Chuck Siska>
|
||||
|
||||
// Make global g_canvas JS 'object': a key-value 'dictionary'.
|
||||
var g_canvas = { cell_size:25, wid:41, hgt:41 }; // JS Global var, w canvas size info.
|
||||
//var g_canvas = { cell_size:10, wid:64, hgt:48 }; // JS Global var, w canvas size info.
|
||||
var g_frame_cnt = 0; // Setup a P5 display-frame counter, to do anim
|
||||
var g_frame_mod = 24; // Update ever 'mod' frames.
|
||||
var g_stop = 0; // Go by default.
|
||||
|
||||
function setup() // P5 Setup Fcn
|
||||
{
|
||||
let sz = g_canvas.cell_size;
|
||||
let width = sz * g_canvas.wid; // Our 'canvas' uses cells of given size, not 1x1 pixels.
|
||||
let height = sz * g_canvas.hgt;
|
||||
createCanvas( width, height ); // Make a P5 canvas.
|
||||
draw_grid( 25, 41, 'white', 'yellow' );
|
||||
}
|
||||
|
||||
var g_bot = { dir:3, x:20, y:20, color:100 }; // Dir is 0..7 clock, w 0 up.
|
||||
var g_box = { t:1, hgt:47, l:1, wid:63 }; // Box in which bot can move.
|
||||
|
||||
function move_bot( )
|
||||
{
|
||||
let dir = (round (8 * random( ))) // Change direction at random; brownian motion.
|
||||
let dx = 0;
|
||||
let dy = 0;
|
||||
switch (dir) { // Convert dir to x,y deltas: dir = clock w 0=Up,2=Rt,4=Dn,6=Left.
|
||||
case 0 : { dy = -1; break; }
|
||||
case 1 : { dx = 1; dy = -1; break; }
|
||||
case 2 : { dx = 1; break; }
|
||||
case 3 : { dx = 1; dy = 1; break; }
|
||||
case 4 : { dy = 1; break; }
|
||||
case 5 : { dx = -1; dy = 1; break; }
|
||||
case 6 : { dx = -1; break; }
|
||||
case 7 : { dx = -1; dy = -1; break; }
|
||||
}
|
||||
let x = (dx + g_bot.x + g_box.wid) % g_box.wid; // Move-x. Ensure positive b4 mod.
|
||||
let y = (dy + g_bot.y + g_box.hgt) % g_box.hgt; // Ditto y.
|
||||
let color = 100 + (1 + g_bot.color) % 156; // Incr color in nice range.
|
||||
g_bot.x = x; // Update bot x.
|
||||
g_bot.y = y;
|
||||
g_bot.dir = dir;
|
||||
g_bot.color = color;
|
||||
//console.log( "bot x,y,dir,clr = " + x + "," + y + "," + dir + "," + color );
|
||||
}
|
||||
|
||||
function draw_bot( ) // Convert bot pox to grid pos & draw bot.
|
||||
{
|
||||
let sz = g_canvas.cell_size;
|
||||
let sz2 = sz / 2;
|
||||
let x = 1+ g_bot.x*sz; // Set x one pixel inside the sz-by-sz cell.
|
||||
let y = 1+ g_bot.y*sz;
|
||||
let big = sz -2; // Stay inside cell walls.
|
||||
// Fill 'color': its a keystring, or a hexstring like "#5F", etc. See P5 docs.
|
||||
fill( "#" + g_bot.color ); // Concat string, auto-convert the number to string.
|
||||
//console.log( "x,y,big = " + x + "," + y + "," + big );
|
||||
let acolors = get( x + sz2, y + sz2 ); // Get cell interior pixel color [RGBA] array.
|
||||
let pix = acolors[ 0 ] + acolors[ 1 ] + acolors[ 2 ];
|
||||
//console.log( "acolors,pix = " + acolors + ", " + pix );
|
||||
|
||||
// (*) Here is how to detect what's at the pixel location. See P5 docs for fancier...
|
||||
if (0 != pix) { fill( 0 ); stroke( 0 ); } // Turn off color of prior bot-visited cell.
|
||||
else { stroke( 'white' ); } // Else Bot visiting this cell, so color it.
|
||||
|
||||
// Paint the cell.
|
||||
rect( x, y, big, big );
|
||||
}
|
||||
|
||||
function draw_update() // Update our display.
|
||||
{
|
||||
//console.log( "g_frame_cnt = " + g_frame_cnt );
|
||||
move_bot( );
|
||||
draw_bot( );
|
||||
}
|
||||
|
||||
function draw() // P5 Frame Re-draw Fcn, Called for Every Frame.
|
||||
{
|
||||
++g_frame_cnt;
|
||||
if (0 == g_frame_cnt % g_frame_mod)
|
||||
{
|
||||
if (!g_stop) draw_update();
|
||||
}
|
||||
}
|
||||
|
||||
function keyPressed( )
|
||||
{
|
||||
g_stop = ! g_stop;
|
||||
}
|
||||
|
||||
function mousePressed( )
|
||||
{
|
||||
let x = mouseX;
|
||||
let y = mouseY;
|
||||
//console.log( "mouse x,y = " + x + "," + y );
|
||||
let sz = g_canvas.cell_size;
|
||||
let gridx = round( (x-0.5) / sz );
|
||||
let gridy = round( (y-0.5) / sz );
|
||||
//console.log( "grid x,y = " + gridx + "," + gridy );
|
||||
//console.log( "box wid,hgt = " + g_box.wid + "," + g_box.hgt );
|
||||
g_bot.x = gridx + g_box.wid; // Ensure its positive.
|
||||
//console.log( "bot x = " + g_bot.x );
|
||||
g_bot.x %= g_box.wid; // Wrap to fit box.
|
||||
g_bot.y = gridy + g_box.hgt;
|
||||
//console.log( "bot y = " + g_bot.y );
|
||||
g_bot.y %= g_box.hgt;
|
||||
//console.log( "bot x,y = " + g_bot.x + "," + g_bot.y );
|
||||
draw_bot( );
|
||||
}
|
||||
|
|
@ -0,0 +1,147 @@
|
|||
// cs-sketch.js; P5 key animation fcns. // CF p5js.org/reference
|
||||
// Time-stamp: <2020-02-02 15:58:23 Chuck Siska>
|
||||
|
||||
// Make global g_canvas JS 'object': a key-value 'dictionary'.
|
||||
|
||||
/*
|
||||
|
||||
Documentation marks are as followed.
|
||||
|
||||
1. Chris Nutter
|
||||
2. Estrella Mejia
|
||||
3. Kenneth Doan
|
||||
|
||||
Group Name: 4head
|
||||
|
||||
*/
|
||||
|
||||
//==============================//
|
||||
// 1. I increased the size of cell_size for easily legibility on high-dpi displays
|
||||
// 09/06/2020 01:20:02 PM
|
||||
//
|
||||
// !! BUG FOUND !! - Mouse input is skewed. Needs fixing.
|
||||
//==============================//
|
||||
|
||||
var g_canvas = { cell_size:20, wid:41, hgt:41 }; // JS Global var, w canvas size info.
|
||||
|
||||
//==============================//
|
||||
// 1. cell_size of 20 is a good size for 1440p displays, might be oversized for 1080p
|
||||
// 09/07/2020 - 05:30:52 PM
|
||||
//==============================//
|
||||
|
||||
var g_frame_cnt = 0; // Setup a P5 display-frame counter, to do anim
|
||||
var g_frame_mod = 24; // Update ever 'mod' frames.
|
||||
var g_stop = 0; // Go by default.
|
||||
|
||||
function setup() // P5 Setup Fcn
|
||||
{
|
||||
let sz = g_canvas.cell_size;
|
||||
let width = sz * g_canvas.wid; // Our 'canvas' uses cells of given size, not 1x1 pixels.
|
||||
let height = sz * g_canvas.hgt;
|
||||
|
||||
createCanvas( width, height ); // Make a P5 canvas.
|
||||
|
||||
//==============================//
|
||||
// 1. Modifying the first and second variable allows for the grid to be matched to proper canvas size.
|
||||
// 09/08/2020 - 07:15:16 PM
|
||||
//==============================//
|
||||
|
||||
draw_grid( 20, 41, 'white', 'yellow' );
|
||||
|
||||
}
|
||||
|
||||
var g_bot = { dir:3, x:20, y:20, color:100 }; // Dir is 0..7 clock, w 0 up.
|
||||
var g_box = { t:1, hgt:47, l:1, wid:63 }; // Box in which bot can move.
|
||||
|
||||
//==============================//
|
||||
// 1. Kenneth's code will be below here and will be really good I bet.
|
||||
// 09/08/2020 - 07:38:44 PM
|
||||
//==============================//
|
||||
|
||||
function move_bot( )
|
||||
{
|
||||
let dir = (round (8 * random( ))) // Change direction at random; brownian motion.
|
||||
let dx = 0;
|
||||
let dy = 0;
|
||||
switch (dir) { // Convert dir to x,y deltas: dir = clock w 0=Up,2=Rt,4=Dn,6=Left.
|
||||
case 0 : { dy = -1; break; }
|
||||
case 1 : { dx = 1; dy = -1; break; }
|
||||
case 2 : { dx = 1; break; }
|
||||
case 3 : { dx = 1; dy = 1; break; }
|
||||
case 4 : { dy = 1; break; }
|
||||
case 5 : { dx = -1; dy = 1; break; }
|
||||
case 6 : { dx = -1; break; }
|
||||
case 7 : { dx = -1; dy = -1; break; }
|
||||
}
|
||||
let x = (dx + g_bot.x + g_box.wid) % g_box.wid; // Move-x. Ensure positive b4 mod.
|
||||
let y = (dy + g_bot.y + g_box.hgt) % g_box.hgt; // Ditto y.
|
||||
let color = 100 + (1 + g_bot.color) % 156; // Incr color in nice range.
|
||||
g_bot.x = x; // Update bot x.
|
||||
g_bot.y = y;
|
||||
g_bot.dir = dir;
|
||||
g_bot.color = color;
|
||||
//console.log( "bot x,y,dir,clr = " + x + "," + y + "," + dir + "," + color );
|
||||
}
|
||||
|
||||
function draw_bot( ) // Convert bot pox to grid pos & draw bot.
|
||||
{
|
||||
let sz = g_canvas.cell_size;
|
||||
let sz2 = sz / 2;
|
||||
let x = 1+ g_bot.x*sz; // Set x one pixel inside the sz-by-sz cell.
|
||||
let y = 1+ g_bot.y*sz;
|
||||
let big = sz -2; // Stay inside cell walls.
|
||||
// Fill 'color': its a keystring, or a hexstring like "#5F", etc. See P5 docs.
|
||||
fill( "#" + g_bot.color ); // Concat string, auto-convert the number to string.
|
||||
//console.log( "x,y,big = " + x + "," + y + "," + big );
|
||||
let acolors = get( x + sz2, y + sz2 ); // Get cell interior pixel color [RGBA] array.
|
||||
let pix = acolors[ 0 ] + acolors[ 1 ] + acolors[ 2 ];
|
||||
//console.log( "acolors,pix = " + acolors + ", " + pix );
|
||||
|
||||
// (*) Here is how to detect what's at the pixel location. See P5 docs for fancier...
|
||||
if (0 != pix) { fill( 0 ); stroke( 0 ); } // Turn off color of prior bot-visited cell.
|
||||
else { stroke( 'white' ); } // Else Bot visiting this cell, so color it.
|
||||
|
||||
// Paint the cell.
|
||||
rect( x, y, big, big );
|
||||
}
|
||||
|
||||
function draw_update() // Update our display.
|
||||
{
|
||||
//console.log( "g_frame_cnt = " + g_frame_cnt );
|
||||
move_bot( );
|
||||
draw_bot( );
|
||||
}
|
||||
|
||||
function draw() // P5 Frame Re-draw Fcn, Called for Every Frame.
|
||||
{
|
||||
++g_frame_cnt;
|
||||
if (0 == g_frame_cnt % g_frame_mod)
|
||||
{
|
||||
if (!g_stop) draw_update();
|
||||
}
|
||||
}
|
||||
|
||||
function keyPressed( )
|
||||
{
|
||||
g_stop = ! g_stop;
|
||||
}
|
||||
|
||||
function mousePressed( )
|
||||
{
|
||||
let x = mouseX;
|
||||
let y = mouseY;
|
||||
//console.log( "mouse x,y = " + x + "," + y );
|
||||
let sz = g_canvas.cell_size;
|
||||
let gridx = round( (x-0.5) / sz );
|
||||
let gridy = round( (y-0.5) / sz );
|
||||
//console.log( "grid x,y = " + gridx + "," + gridy );
|
||||
//console.log( "box wid,hgt = " + g_box.wid + "," + g_box.hgt );
|
||||
g_bot.x = gridx + g_box.wid; // Ensure its positive.
|
||||
//console.log( "bot x = " + g_bot.x );
|
||||
g_bot.x %= g_box.wid; // Wrap to fit box.
|
||||
g_bot.y = gridy + g_box.hgt;
|
||||
//console.log( "bot y = " + g_bot.y );
|
||||
g_bot.y %= g_box.hgt;
|
||||
//console.log( "bot x,y = " + g_bot.x + "," + g_bot.y );
|
||||
draw_bot( );
|
||||
}
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html> <!-- this is a JS comment --> <!-- -->
|
||||
<html lang=""> <!-- HTML page begs/ends w 'html' tag -->
|
||||
<head> <!-- HTML page has 'head'section and 'body' section -->
|
||||
<meta foo="Time-stamp: <2020-02-02 17:14:59 Chuck Siska>">
|
||||
<!-- a JS comment.-->
|
||||
<!--
|
||||
Some code, mod'd, from "Introducing JavaScript Game Development" by Stuart.
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>P5-JS-HTML</title> <!-- Browser or tab title -->
|
||||
<link rel="stylesheet" href="assets/styles.css"> <!-- Tiny CSS style file -->
|
||||
<style> body {padding: 0; margin: 0;} </style> <!-- Bit of in-line CSS -->
|
||||
<script src="p5.js"></script> <!-- Load P5.JS, one file -->
|
||||
<!-- For more P5.JS, CF https://github.com/processing/p5.js/wiki -->
|
||||
<script src="cs-sketch.js"></script> <!-- Load my setup+draw P5-req'd fcns -->
|
||||
</head>
|
||||
<body> <!-- HTML page body, where raw text gets displayed on the page -->
|
||||
<h1>Playing the HTML canvas w P5</h1> <!-- Text in a high priority heading -->
|
||||
<!--
|
||||
<canvas id="cs-canvas" width="400" height="400"></canvas>
|
||||
-->
|
||||
<p> <!-- A paragraph 'break', to start a new paragraph -->
|
||||
Now is the time for all good squid to come to the aid of their waters.
|
||||
</body> <!-- HTML display page ends here -->
|
||||
<script src="assets/draw-stuff.js"></script> <!-- Load some JS fcns in a file -->
|
||||
<!-- <script src="../assets/tools.js"></script> Load more JS fcns -->
|
||||
<script> <!-- And run some JS code if needed; but better in sketch.js. -->
|
||||
|
||||
</script>
|
||||
</html>
|
||||
<!-- F12 on keyboard opens Console+Inspector+Debugger window on most Browsers. -->
|
||||
<!-- F12 Debugger window > Watch+Breakpoint pane > 2-vertical-bars icon stops anim. -->
|
||||
<!-- In JS, outputting alert/message popup, also pauses anim (with your msg). -->
|
||||
<!-- In JS, outputting pgm state info to console can help w debugging. -->
|
||||
<!-- Add a P5 keyPressed( ) fcn to toggle a Stop global var if you like. -->
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
|
|
@ -0,0 +1,80 @@
|
|||
Readme for js-p5-example
|
||||
Time-stamp: <2020-09-02 14:11:19 Chuck Siska>
|
||||
------------------------------------------------------------
|
||||
|
||||
Intro
|
||||
|
||||
This example draws a grid and runs an invisible bot from cell to cell
|
||||
on the grid changing its colors. You can stop/restart the bot with
|
||||
any keypress. You can move the bot to any cell with a mouse-click.
|
||||
|
||||
This is an example project using HTML, Javascript (JS), and P5.js
|
||||
which is a JS-adapted version of the Processing Language. CF HTML and
|
||||
JS on the web (eg, Wikipedia). More on P5 is at
|
||||
p5js.org/reference.and at github.com/processing/p5.js/wiki.
|
||||
|
||||
P5 provides sutomated animation (via a user-built "draw" function),
|
||||
and GUI manipulation functions that are simpler than JS.
|
||||
|
||||
Zip Contents
|
||||
|
||||
File readme.txt. This file.
|
||||
|
||||
File pix-js-p5-example-1.JPG. A snapshot of the example webpage.
|
||||
|
||||
File pix-js-p5-example2-F12-Console.JPG A webpage + F12 Console.
|
||||
Shows entering some global var names to see their current values.
|
||||
|
||||
File index-js-p5-example.html. Drag and drop this into a browser to
|
||||
run the example.
|
||||
Click to set new loc for drunk-bot (via mousePressed).
|
||||
Hit (almost) any key to toggle bot on or off (via keyPressed).
|
||||
|
||||
File p5.js. This is the P5 package. It is loaded inside the html.
|
||||
|
||||
File cs-sketch.js; This contains several P5 user-defined linkage functions
|
||||
(setup, draw, keyPressed, and mousePressed), as well as example
|
||||
support functions. P5's setup() is run once before page display.
|
||||
P5's draw() is run once per display frame, so you can do animation.
|
||||
|
||||
File assets/styles.css. This is an extra-small example of controlling
|
||||
webpage styling. // Loaded inside the html.
|
||||
|
||||
File assets/draw-stuff.js. This is an example to show loading a JS
|
||||
script file from a folder other than the index HTML file's
|
||||
folder location. It also includes the utility draw_grid function
|
||||
written in P5+JS. // Loaded inside the html.
|
||||
|
||||
Installation & Running
|
||||
|
||||
1. Extract the .zip file into a folder.
|
||||
|
||||
2. Drag the index HTML file, index-js-p5-example.html, into a browser
|
||||
window. The example P5 program should start immediately. You
|
||||
should see a 640x480 grid (white lines on black background) with
|
||||
row/column headers and some of the grid cells colored. See the
|
||||
picture pix-js-p5-example-1.JPG.
|
||||
|
||||
Known Bugs
|
||||
|
||||
o- Bot cell drawing over-writes a pixels-worth of the cell's grid lines.
|
||||
|
||||
Warnings
|
||||
|
||||
o- Clicking outside the grid wraps the mouse x.y back into the grid --
|
||||
maybe at a weird-looking spot. Enjoy.
|
||||
|
||||
o- Testing was light. Didn't try all key or mouse combos.
|
||||
|
||||
Testing
|
||||
|
||||
o- Following installation instruction, above, watched it run, and
|
||||
tryed a few keypresses and mouse clicks. Looks okay to ship.
|
||||
|
||||
Credits
|
||||
|
||||
Some code was borrowed and modified from Stuart's book.
|
||||
Introducing JavaScript Game Development: Build a 2D Game from the
|
||||
Ground Up, by Graeme Stuart, 2018, 209 pages.
|
||||
|
||||
And, of course, thanks to the HTML and P5.js developers.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 524 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 298 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 260 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 238 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 629 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 259 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 213 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 200 KiB |
|
|
@ -1,474 +0,0 @@
|
|||
This is pdfTeX, Version 3.14159265-2.6-1.40.21 (TeX Live 2020/Arch Linux) (preloaded format=pdflatex 2020.9.8) 10 SEP 2020 21:35
|
||||
entering extended mode
|
||||
restricted \write18 enabled.
|
||||
%&-line parsing enabled.
|
||||
**lecture-09102020.tex
|
||||
(./lecture-09102020.tex
|
||||
LaTeX2e <2020-02-02> patch level 5
|
||||
L3 programming layer <2020-06-03>
|
||||
(/usr/share/texmf-dist/tex/latex/base/article.cls
|
||||
Document Class: article 2019/12/20 v1.4l Standard LaTeX document class
|
||||
(/usr/share/texmf-dist/tex/latex/base/size12.clo
|
||||
File: size12.clo 2019/12/20 v1.4l Standard LaTeX file (size option)
|
||||
)
|
||||
\c@part=\count167
|
||||
\c@section=\count168
|
||||
\c@subsection=\count169
|
||||
\c@subsubsection=\count170
|
||||
\c@paragraph=\count171
|
||||
\c@subparagraph=\count172
|
||||
\c@figure=\count173
|
||||
\c@table=\count174
|
||||
\abovecaptionskip=\skip47
|
||||
\belowcaptionskip=\skip48
|
||||
\bibindent=\dimen134
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/graphics/graphicx.sty
|
||||
Package: graphicx 2019/11/30 v1.2a Enhanced LaTeX Graphics (DPC,SPQR)
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/graphics/keyval.sty
|
||||
Package: keyval 2014/10/28 v1.15 key=value parser (DPC)
|
||||
\KV@toks@=\toks15
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/graphics/graphics.sty
|
||||
Package: graphics 2019/11/30 v1.4a Standard LaTeX Graphics (DPC,SPQR)
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/graphics/trig.sty
|
||||
Package: trig 2016/01/03 v1.10 sin cos tan (DPC)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/graphics-cfg/graphics.cfg
|
||||
File: graphics.cfg 2016/06/04 v1.11 sample graphics configuration
|
||||
)
|
||||
Package graphics Info: Driver file: pdftex.def on input line 105.
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/graphics-def/pdftex.def
|
||||
File: pdftex.def 2018/01/08 v1.0l Graphics/color driver for pdftex
|
||||
))
|
||||
\Gin@req@height=\dimen135
|
||||
\Gin@req@width=\dimen136
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/abstract/abstract.sty
|
||||
Package: abstract 2009/06/08 v1.2a configurable abstracts
|
||||
\abstitleskip=\skip49
|
||||
\absleftindent=\skip50
|
||||
\absrightindent=\skip51
|
||||
\absparindent=\skip52
|
||||
\absparsep=\skip53
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/hyperref/hyperref.sty
|
||||
Package: hyperref 2020-05-15 v7.00e Hypertext links for LaTeX
|
||||
|
||||
(/usr/share/texmf-dist/tex/generic/ltxcmds/ltxcmds.sty
|
||||
Package: ltxcmds 2019/12/15 v1.24 LaTeX kernel commands for general use (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/generic/iftex/iftex.sty
|
||||
Package: iftex 2020/03/06 v1.0d TeX engine tests
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/pdftexcmds/pdftexcmds.sty
|
||||
Package: pdftexcmds 2020-06-04 v0.32 Utility functions of pdfTeX for LuaTeX (HO
|
||||
)
|
||||
|
||||
(/usr/share/texmf-dist/tex/generic/infwarerr/infwarerr.sty
|
||||
Package: infwarerr 2019/12/03 v1.5 Providing info/warning/error messages (HO)
|
||||
)
|
||||
Package pdftexcmds Info: \pdf@primitive is available.
|
||||
Package pdftexcmds Info: \pdf@ifprimitive is available.
|
||||
Package pdftexcmds Info: \pdfdraftmode found.
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/generic/kvsetkeys/kvsetkeys.sty
|
||||
Package: kvsetkeys 2019/12/15 v1.18 Key value parser (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/generic/kvdefinekeys/kvdefinekeys.sty
|
||||
Package: kvdefinekeys 2019-12-19 v1.6 Define keys (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/generic/pdfescape/pdfescape.sty
|
||||
Package: pdfescape 2019/12/09 v1.15 Implements pdfTeX's escape features (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/hycolor/hycolor.sty
|
||||
Package: hycolor 2020-01-27 v1.10 Color options for hyperref/bookmark (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/letltxmacro/letltxmacro.sty
|
||||
Package: letltxmacro 2019/12/03 v1.6 Let assignment for LaTeX macros (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/auxhook/auxhook.sty
|
||||
Package: auxhook 2019-12-17 v1.6 Hooks for auxiliary files (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/kvoptions/kvoptions.sty
|
||||
Package: kvoptions 2019/11/29 v3.13 Key value format for package options (HO)
|
||||
)
|
||||
\@linkdim=\dimen137
|
||||
\Hy@linkcounter=\count175
|
||||
\Hy@pagecounter=\count176
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/hyperref/pd1enc.def
|
||||
File: pd1enc.def 2020-05-15 v7.00e Hyperref: PDFDocEncoding definition (HO)
|
||||
Now handling font encoding PD1 ...
|
||||
... no UTF-8 mapping file for font encoding PD1
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/generic/intcalc/intcalc.sty
|
||||
Package: intcalc 2019/12/15 v1.3 Expandable calculations with integers (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/generic/etexcmds/etexcmds.sty
|
||||
Package: etexcmds 2019/12/15 v1.7 Avoid name clashes with e-TeX commands (HO)
|
||||
)
|
||||
\Hy@SavedSpaceFactor=\count177
|
||||
Package hyperref Info: Hyper figures OFF on input line 4464.
|
||||
Package hyperref Info: Link nesting OFF on input line 4469.
|
||||
Package hyperref Info: Hyper index ON on input line 4472.
|
||||
Package hyperref Info: Plain pages OFF on input line 4479.
|
||||
Package hyperref Info: Backreferencing OFF on input line 4484.
|
||||
Package hyperref Info: Implicit mode ON; LaTeX internals redefined.
|
||||
Package hyperref Info: Bookmarks ON on input line 4717.
|
||||
\c@Hy@tempcnt=\count178
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/url/url.sty
|
||||
\Urlmuskip=\muskip16
|
||||
Package: url 2013/09/16 ver 3.4 Verb mode for urls, etc.
|
||||
)
|
||||
LaTeX Info: Redefining \url on input line 5076.
|
||||
\XeTeXLinkMargin=\dimen138
|
||||
|
||||
(/usr/share/texmf-dist/tex/generic/bitset/bitset.sty
|
||||
Package: bitset 2019/12/09 v1.3 Handle bit-vector datatype (HO)
|
||||
|
||||
(/usr/share/texmf-dist/tex/generic/bigintcalc/bigintcalc.sty
|
||||
Package: bigintcalc 2019/12/15 v1.5 Expandable calculations on big integers (HO
|
||||
)
|
||||
))
|
||||
\Fld@menulength=\count179
|
||||
\Field@Width=\dimen139
|
||||
\Fld@charsize=\dimen140
|
||||
Package hyperref Info: Hyper figures OFF on input line 6347.
|
||||
Package hyperref Info: Link nesting OFF on input line 6352.
|
||||
Package hyperref Info: Hyper index ON on input line 6355.
|
||||
Package hyperref Info: backreferencing OFF on input line 6362.
|
||||
Package hyperref Info: Link coloring OFF on input line 6367.
|
||||
Package hyperref Info: Link coloring with OCG OFF on input line 6372.
|
||||
Package hyperref Info: PDF/A mode OFF on input line 6377.
|
||||
LaTeX Info: Redefining \ref on input line 6417.
|
||||
LaTeX Info: Redefining \pageref on input line 6421.
|
||||
|
||||
(/usr/share/texmf-dist/tex/generic/atbegshi/atbegshi.sty
|
||||
Package: atbegshi 2019/12/05 v1.19 At begin shipout hook (HO)
|
||||
)
|
||||
\Hy@abspage=\count180
|
||||
\c@Item=\count181
|
||||
\c@Hfootnote=\count182
|
||||
)
|
||||
Package hyperref Info: Driver (autodetected): hpdftex.
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/hyperref/hpdftex.def
|
||||
File: hpdftex.def 2020-05-15 v7.00e Hyperref driver for pdfTeX
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/atveryend/atveryend.sty
|
||||
Package: atveryend 2019-12-11 v1.11 Hooks at the very end of document (HO)
|
||||
Package atveryend Info: \enddocument detected (standard20110627).
|
||||
)
|
||||
\Fld@listcount=\count183
|
||||
\c@bookmark@seq@number=\count184
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/rerunfilecheck/rerunfilecheck.sty
|
||||
Package: rerunfilecheck 2019/12/05 v1.9 Rerun checks for auxiliary files (HO)
|
||||
|
||||
(/usr/share/texmf-dist/tex/generic/uniquecounter/uniquecounter.sty
|
||||
Package: uniquecounter 2019/12/15 v1.4 Provide unlimited unique counter (HO)
|
||||
)
|
||||
Package uniquecounter Info: New unique counter `rerunfilecheck' on input line 2
|
||||
86.
|
||||
)
|
||||
\Hy@SectionHShift=\skip54
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/latex/l3backend/l3backend-pdfmode.def
|
||||
File: l3backend-pdfmode.def 2020-06-03 L3 backend support: PDF mode
|
||||
\l__kernel_color_stack_int=\count185
|
||||
\l__pdf_internal_box=\box45
|
||||
)
|
||||
(./lecture-09102020.aux)
|
||||
LaTeX Font Info: Checking defaults for OML/cmm/m/it on input line 17.
|
||||
LaTeX Font Info: ... okay on input line 17.
|
||||
LaTeX Font Info: Checking defaults for OMS/cmsy/m/n on input line 17.
|
||||
LaTeX Font Info: ... okay on input line 17.
|
||||
LaTeX Font Info: Checking defaults for OT1/cmr/m/n on input line 17.
|
||||
LaTeX Font Info: ... okay on input line 17.
|
||||
LaTeX Font Info: Checking defaults for T1/cmr/m/n on input line 17.
|
||||
LaTeX Font Info: ... okay on input line 17.
|
||||
LaTeX Font Info: Checking defaults for TS1/cmr/m/n on input line 17.
|
||||
LaTeX Font Info: ... okay on input line 17.
|
||||
LaTeX Font Info: Checking defaults for OMX/cmex/m/n on input line 17.
|
||||
LaTeX Font Info: ... okay on input line 17.
|
||||
LaTeX Font Info: Checking defaults for U/cmr/m/n on input line 17.
|
||||
LaTeX Font Info: ... okay on input line 17.
|
||||
LaTeX Font Info: Checking defaults for PD1/pdf/m/n on input line 17.
|
||||
LaTeX Font Info: ... okay on input line 17.
|
||||
|
||||
(/usr/share/texmf-dist/tex/context/base/mkii/supp-pdf.mkii
|
||||
[Loading MPS to PDF converter (version 2006.09.02).]
|
||||
\scratchcounter=\count186
|
||||
\scratchdimen=\dimen141
|
||||
\scratchbox=\box46
|
||||
\nofMPsegments=\count187
|
||||
\nofMParguments=\count188
|
||||
\everyMPshowfont=\toks16
|
||||
\MPscratchCnt=\count189
|
||||
\MPscratchDim=\dimen142
|
||||
\MPnumerator=\count190
|
||||
\makeMPintoPDFobject=\count191
|
||||
\everyMPtoPDFconversion=\toks17
|
||||
) (/usr/share/texmf-dist/tex/latex/epstopdf-pkg/epstopdf-base.sty
|
||||
Package: epstopdf-base 2020-01-24 v2.11 Base part for package epstopdf
|
||||
Package epstopdf-base Info: Redefining graphics rule for `.eps' on input line 4
|
||||
85.
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/latexconfig/epstopdf-sys.cfg
|
||||
File: epstopdf-sys.cfg 2010/07/13 v1.3 Configuration of (r)epstopdf for TeX Liv
|
||||
e
|
||||
))
|
||||
! Missing number, treated as zero.
|
||||
<to be read again>
|
||||
\relax
|
||||
l.17 \begin{document}
|
||||
|
||||
? r
|
||||
OK, entering \nonstopmode...
|
||||
! Illegal unit of measure (pt inserted).
|
||||
<to be read again>
|
||||
\relax
|
||||
l.17 \begin{document}
|
||||
|
||||
Dimensions can be in units of em, ex, in, pt, pc,
|
||||
cm, mm, dd, cc, nd, nc, bp, or sp; but yours is a new one!
|
||||
I'll assume that you meant to say pt, for printer's points.
|
||||
To recover gracefully from this error, it's best to
|
||||
delete the erroneous units; e.g., type `2' to delete
|
||||
two letters. (See Chapter 27 of The TeXbook.)
|
||||
|
||||
\AtBeginShipoutBox=\box47
|
||||
Package hyperref Info: Link coloring OFF on input line 17.
|
||||
(/usr/share/texmf-dist/tex/latex/hyperref/nameref.sty
|
||||
Package: nameref 2019/09/16 v2.46 Cross-referencing by name of section
|
||||
|
||||
(/usr/share/texmf-dist/tex/latex/refcount/refcount.sty
|
||||
Package: refcount 2019/12/15 v3.6 Data extraction from label references (HO)
|
||||
)
|
||||
(/usr/share/texmf-dist/tex/generic/gettitlestring/gettitlestring.sty
|
||||
Package: gettitlestring 2019/12/15 v1.6 Cleanup title references (HO)
|
||||
)
|
||||
\c@section@level=\count192
|
||||
)
|
||||
LaTeX Info: Redefining \ref on input line 17.
|
||||
LaTeX Info: Redefining \pageref on input line 17.
|
||||
LaTeX Info: Redefining \nameref on input line 17.
|
||||
|
||||
(./lecture-09102020.out) (./lecture-09102020.out)
|
||||
\@outlinefile=\write3
|
||||
LaTeX Font Info: External font `cmex10' loaded for size
|
||||
(Font) <14.4> on input line 20.
|
||||
LaTeX Font Info: External font `cmex10' loaded for size
|
||||
(Font) <7> on input line 20.
|
||||
LaTeX Font Info: External font `cmex10' loaded for size
|
||||
(Font) <5> on input line 20.
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 22--45
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 22--45
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 22--45
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 22--45
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 22--45
|
||||
|
||||
[]
|
||||
|
||||
[1
|
||||
|
||||
{/var/lib/texmf/fonts/map/pdftex/updmap/pdftex.map}] (./lecture-09102020.toc)
|
||||
\tf@toc=\write4
|
||||
[2
|
||||
|
||||
]
|
||||
! Illegal unit of measure (pt inserted).
|
||||
<to be read again>
|
||||
}
|
||||
l.57 [1]
|
||||
An FSM is defined by a list of its states, its initial state, a...
|
||||
Dimensions can be in units of em, ex, in, pt, pc,
|
||||
cm, mm, dd, cc, nd, nc, bp, or sp; but yours is a new one!
|
||||
I'll assume that you meant to say pt, for printer's points.
|
||||
To recover gracefully from this error, it's best to
|
||||
delete the erroneous units; e.g., type `2' to delete
|
||||
two letters. (See Chapter 27 of The TeXbook.)
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 52--61
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 52--61
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 52--61
|
||||
|
||||
[]
|
||||
|
||||
<./images/fsm.png, id=37, 1444.64719pt x 839.38594pt>
|
||||
File: ./images/fsm.png Graphic file (type png)
|
||||
<use ./images/fsm.png>
|
||||
Package pdftex.def Info: ./images/fsm.png used on input line 61.
|
||||
(pdftex.def) Requested size: 369.88582pt x 214.91792pt.
|
||||
<./images/example-fsm-problem.png, id=39, 1014.03844pt x 555.57562pt>
|
||||
File: ./images/example-fsm-problem.png Graphic file (type png)
|
||||
<use ./images/example-fsm-problem.png>
|
||||
Package pdftex.def Info: ./images/example-fsm-problem.png used on input line 6
|
||||
4.
|
||||
(pdftex.def) Requested size: 398.33858pt x 218.24193pt.
|
||||
<./images/implementation-of-dfsm.png, id=40, 977.90344pt x 530.73282pt>
|
||||
File: ./images/implementation-of-dfsm.png Graphic file (type png)
|
||||
<use ./images/implementation-of-dfsm.png>
|
||||
Package pdftex.def Info: ./images/implementation-of-dfsm.png used on input lin
|
||||
e 66.
|
||||
(pdftex.def) Requested size: 398.33858pt x 216.19275pt.
|
||||
<./images/implementation-dfsm-w-code.png, id=41, 1093.83656pt x 625.58719pt>
|
||||
File: ./images/implementation-dfsm-w-code.png Graphic file (type png)
|
||||
<use ./images/implementation-dfsm-w-code.png>
|
||||
Package pdftex.def Info: ./images/implementation-dfsm-w-code.png used on input
|
||||
line 68.
|
||||
(pdftex.def) Requested size: 398.33858pt x 227.81718pt.
|
||||
|
||||
Overfull \hbox (15.13857pt too wide) in paragraph at lines 64--69
|
||||
[]
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 64--69
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Overfull \hbox (15.13857pt too wide) in paragraph at lines 64--69
|
||||
[]
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 64--69
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Overfull \hbox (15.13857pt too wide) in paragraph at lines 64--69
|
||||
[]
|
||||
[]
|
||||
|
||||
[3
|
||||
|
||||
<./images/fsm.png>] [4 <./images/example-fsm-problem.png> <./images/implementa
|
||||
tion-of-dfsm.png>]
|
||||
Overfull \hbox (32.18576pt too wide) in paragraph at lines 72--72
|
||||
[]\OT1/cmr/bx/n/17.28 Chapter 2.3 - Non-Deterministic FSM (NFSM)
|
||||
[]
|
||||
|
||||
<./images/nfsm.png, id=53, 936.49875pt x 434.37282pt>
|
||||
File: ./images/nfsm.png Graphic file (type png)
|
||||
<use ./images/nfsm.png>
|
||||
Package pdftex.def Info: ./images/nfsm.png used on input line 73.
|
||||
(pdftex.def) Requested size: 398.33858pt x 184.76175pt.
|
||||
<./images/ex1-nfsm.png, id=54, 1078.0275pt x 612.78937pt>
|
||||
File: ./images/ex1-nfsm.png Graphic file (type png)
|
||||
<use ./images/ex1-nfsm.png>
|
||||
Package pdftex.def Info: ./images/ex1-nfsm.png used on input line 75.
|
||||
(pdftex.def) Requested size: 398.33858pt x 226.4293pt.
|
||||
<./images/nfsm-epsilon.png, id=55, 691.08188pt x 519.44063pt>
|
||||
File: ./images/nfsm-epsilon.png Graphic file (type png)
|
||||
<use ./images/nfsm-epsilon.png>
|
||||
Package pdftex.def Info: ./images/nfsm-epsilon.png used on input line 77.
|
||||
(pdftex.def) Requested size: 398.33858pt x 299.40523pt.
|
||||
<./images/ex2-nfsm.png, id=56, 831.85782pt x 547.2947pt>
|
||||
File: ./images/ex2-nfsm.png Graphic file (type png)
|
||||
<use ./images/ex2-nfsm.png>
|
||||
Package pdftex.def Info: ./images/ex2-nfsm.png used on input line 79.
|
||||
(pdftex.def) Requested size: 398.33858pt x 262.07213pt.
|
||||
|
||||
Overfull \hbox (15.13857pt too wide) in paragraph at lines 73--80
|
||||
[]
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 73--80
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Overfull \hbox (15.13857pt too wide) in paragraph at lines 73--80
|
||||
[]
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 73--80
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Overfull \hbox (15.13857pt too wide) in paragraph at lines 73--80
|
||||
[]
|
||||
[]
|
||||
|
||||
|
||||
Underfull \hbox (badness 10000) in paragraph at lines 73--80
|
||||
|
||||
[]
|
||||
|
||||
|
||||
Overfull \hbox (15.13857pt too wide) in paragraph at lines 73--80
|
||||
[]
|
||||
[]
|
||||
|
||||
[5 <./images/implementation-dfsm-w-code.png> <./images/nfsm.png>] [6 <./images/
|
||||
ex1-nfsm.png> <./images/nfsm-epsilon.png>] [7 <./images/ex2-nfsm.png>]
|
||||
Package atveryend Info: Empty hook `BeforeClearDocument' on input line 83.
|
||||
Package atveryend Info: Empty hook `AfterLastShipout' on input line 83.
|
||||
|
||||
(./lecture-09102020.aux)
|
||||
Package atveryend Info: Executing hook `AtVeryEndDocument' on input line 83.
|
||||
Package atveryend Info: Executing hook `AtEndAfterFileList' on input line 83.
|
||||
Package rerunfilecheck Info: File `lecture-09102020.out' has not changed.
|
||||
(rerunfilecheck) Checksum: 8669FA14B25189E277C8629BE7640E41;189.
|
||||
Package atveryend Info: Empty hook `AtVeryVeryEnd' on input line 83.
|
||||
)
|
||||
Here is how much of TeX's memory you used:
|
||||
5284 strings out of 480478
|
||||
81535 string characters out of 5905960
|
||||
341280 words of memory out of 5000000
|
||||
21217 multiletter control sequences out of 15000+600000
|
||||
536389 words of font info for 37 fonts, out of 8000000 for 9000
|
||||
1141 hyphenation exceptions out of 8191
|
||||
34i,11n,29p,214b,358s stack positions out of 5000i,500n,10000p,200000b,80000s
|
||||
{/usr/share/texmf-dist/fonts/enc/dvips/cm-super/cm-super-ts1.enc}</usr/share/
|
||||
texmf-dist/fonts/type1/public/amsfonts/cm/cmbx10.pfb></usr/share/texmf-dist/fon
|
||||
ts/type1/public/amsfonts/cm/cmbx12.pfb></usr/share/texmf-dist/fonts/type1/publi
|
||||
c/amsfonts/cm/cmr10.pfb></usr/share/texmf-dist/fonts/type1/public/amsfonts/cm/c
|
||||
mr12.pfb></usr/share/texmf-dist/fonts/type1/public/amsfonts/cm/cmr17.pfb></usr/
|
||||
share/texmf-dist/fonts/type1/public/amsfonts/cm/cmti10.pfb></usr/share/texmf-di
|
||||
st/fonts/type1/public/cm-super/sfrm0700.pfb></usr/share/texmf-dist/fonts/type1/
|
||||
public/cm-super/sfrm1000.pfb>
|
||||
Output written on lecture-09102020.pdf (7 pages, 2090206 bytes).
|
||||
PDF statistics:
|
||||
108 PDF objects out of 1000 (max. 8388607)
|
||||
74 compressed objects within 1 object stream
|
||||
12 named destinations out of 1000 (max. 500000)
|
||||
65 words of extra memory for PDF output out of 10000 (max. 10000000)
|
||||
|
||||
Binary file not shown.
|
|
@ -1,83 +0,0 @@
|
|||
\documentclass[12pt,a4paper]{article}
|
||||
|
||||
\usepackage{graphicx}
|
||||
\usepackage{abstract}
|
||||
\usepackage{hyperref}
|
||||
|
||||
\graphicspath{ {./images/} }
|
||||
\renewcommand{\abstractname}{Timestamps}
|
||||
\renewcommand{\absleftindent}{}
|
||||
\renewcommand{\absparindent}{}
|
||||
|
||||
\title{CPSC 362 Lecture}
|
||||
\author{Chris Nutter\thanks{Dedicated to @QuesoGrande}}
|
||||
|
||||
% --> Kachow
|
||||
|
||||
\begin{document}
|
||||
|
||||
\maketitle
|
||||
|
||||
\begin{abstract}
|
||||
{07:38:48 PM}\\
|
||||
Okay so he's talking mainly about the project and how far along people are.
|
||||
People tend to not be incredibly far only a handful of people have created an FSM.
|
||||
He said he is considering adjusting the project depending on our
|
||||
position and understanding of the project.
|
||||
\\\\
|
||||
07:48:16 PM\\
|
||||
Now he is going back to talking about how to implement a DFSM into code.
|
||||
He's sorta doing psuedo-code mentioned below. \emph{Figure 4}
|
||||
\\\\
|
||||
08:06:36 PM\\
|
||||
Taking a break then going to go over non-deterministic FSM (and NFAs).
|
||||
\\\\
|
||||
08:13:54 PM\\
|
||||
You can get 90\% on the project if you document a FSM and diagram it without code. FYI.
|
||||
Basically 90\% for desired output, 100\% for intended FSM.
|
||||
\\\\
|
||||
08:48:38 PM\\
|
||||
Basically he's been making corrolations between video game idles and NFSM. He also mentioned
|
||||
that this will be useful for regexp next week.
|
||||
\\\\
|
||||
09:11:51 PM\\
|
||||
Next time, we are converting NFSM to DFSM. So make sure to understand FSM. lol
|
||||
\end{abstract}
|
||||
|
||||
\clearpage
|
||||
\tableofcontents
|
||||
\clearpage
|
||||
|
||||
\section{FSM Recap}
|
||||
A finite-state machine (FSM) or finite-state automaton (FSA, plural: automata),
|
||||
finite automaton, or simply a state machine, is a mathematical model of computation.
|
||||
It is an abstract machine that can be in exactly one of a finite number of states at
|
||||
any given time. The FSM can change from one state to another in response to some inputs;
|
||||
the change from one state to another is called a transition.\\\\
|
||||
[1] An FSM is defined by a list of its states, its initial state, and the inputs that trigger each transition.
|
||||
Finite-state machines are of two types—deterministic finite-state machines and non-deterministic finite-state machines.\\\\
|
||||
A deterministic finite-state machine can be constructed equivalent to any non-deterministic one.
|
||||
\\\\
|
||||
\begin{center}\fbox{\includegraphics[width=13cm]{fsm.png}}\end{center}
|
||||
|
||||
\section{Chapter 2.2 - Deterministic FSM}
|
||||
\fbox{\includegraphics[width=14cm]{example-fsm-problem.png}}
|
||||
\\\\
|
||||
\fbox{\includegraphics[width=14cm]{implementation-of-dfsm.png}}
|
||||
\\\\
|
||||
\fbox{\includegraphics[width=14cm]{implementation-dfsm-w-code.png}}
|
||||
|
||||
\begin{center}\line(1,0){250}\end{center}
|
||||
|
||||
\section{Chapter 2.3 - Non-Deterministic FSM (NFSM)}
|
||||
\fbox{\includegraphics[width=14cm]{nfsm.png}}
|
||||
\\\\
|
||||
\fbox{\includegraphics[width=14cm]{ex1-nfsm.png}}
|
||||
\\\\
|
||||
\fbox{\includegraphics[width=14cm]{nfsm-epsilon.png}}
|
||||
\\\\
|
||||
\fbox{\includegraphics[width=14cm]{ex2-nfsm.png}}
|
||||
|
||||
\clearpage
|
||||
|
||||
\end{document}
|
||||
Loading…
Reference in New Issue