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