diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..0e055135 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +final-project/_repositories/* +final-project/slicedrop-repository/* \ No newline at end of file diff --git a/01/CS460_Assignment_01.pdf b/01/CS460_Assignment_01.pdf new file mode 100644 index 00000000..1bbafb3d Binary files /dev/null and b/01/CS460_Assignment_01.pdf differ diff --git a/01/src/CS460_Assignment_01.tex b/01/src/CS460_Assignment_01.tex new file mode 100644 index 00000000..48678f5a --- /dev/null +++ b/01/src/CS460_Assignment_01.tex @@ -0,0 +1,150 @@ +\documentclass[10pt,oneside,onecolumn,letterpaper]{article} +\usepackage{graphicx} +\usepackage{xcolor} +\usepackage[hidelinks]{hyperref} +\usepackage{booktabs} +\usepackage{adjustbox} + +\usepackage[top=.5in, bottom=1in, left=.5in, right=.7in]{geometry} + +\usepackage{fontspec} +\setmainfont{Arial} + +\begin{document} + +%% +% THIS IS THE HEADER +%% +\noindent\colorbox{black}{ +\begin{minipage}[c]{.99\linewidth} + \vspace{.4cm} + \Large{\color{white}{\textbf{\hspace{.3cm}University of Massachusetts Boston}}} + \begin{flushright} + \vspace{-1.2cm} + \includegraphics[width=3cm]{gfx/cs460.png} + \end{flushright} +\end{minipage} +} + +%% +% CONTENT STARTS HERE +%% + +\vspace{.5cm} % add some space + +\noindent\textbf{CS460 Fall 2019} \\ +\textbf{Name:} Jared Barresi \\ +\textbf{Student ID:} 00974358 \\ +\textbf{Due Date:} 09/09/2019 + +\section*{Assignment 1: Intro} + +\textbf{Describe your favorite WebGL demo.} + +\vspace{.5cm} % add some space + +\noindent My favorite demo is .... (\url{http://madebyevan.com/webgl-water/}). + +\vspace{.5cm} + +\noindent The authors do a great job implementing a realistic looking physics simulation, that also has a simple-to-use interface for user interaction. Fluid physics/simulation has always been something that fascinates and inspires me, so this is an example of great interest.(In Addition, I was originally getting a B.S in Physics at UMB, switched only 2 semesters ago). + +\vspace{.5cm} % add some space + +\noindent\textbf{Images:} + +\newline + +\vspace{.5cm} % add some space + +\noindent\includegraphics[width=\textwidth]{gfx/full-screenshot-madebyevan_webgl_water.png} + +\vspace{.5cm} +\noindent\includegraphics[width=\textwidth]{gfx/screenshot-madebyevan_webgl_water.png} + +\vspace{.5cm} + +\noindent\textbf{Technologies used:} + +\begin{itemize} + \item HTML/CSS/JavaScript +\end{itemize} + +\noindent\textbf{Scripts:} +\begin{itemize} + + \item Three.js + \item OES\_texture\_float\_linear-polyfill.js + \item lightgl.js + \item cubemap.js + \item renderer.js + \item water.js + \item main.js +\end{itemize} + +\vspace{.5cm} + +\break + +\noindent\textbf{Another favorite demo:} + +\noindent Can be found at: +\noindent (\url{https://threejs.org/examples/webgl_effects_anaglyph.html}). + +\vspace{.5cm} + +\noindent I have done a lot of research / expressed interest in different 3D technologies, in relation to both how they work to produce 3D visuals as well as the code behind the functionality of different implementations. This is a cool demo that utilises the three.js library to make a 3D scene. I have used this in a few android apps I was working on, one of which is a series of many different demos put together into one unified test app. + +\vspace{.5cm} + +\noindent\textit{It should be noted that I am refering to 3D with glasses or polarization tecniques (such as at a movie theater), for instance Anaglyph or Side By Side (SBS) 3D views.} + +\vspace{.5cm} + +\noindent A demo of my app can be found here (\url{https://gitlab.com/hltdev8642/AnaglyphWeb}), although it requires the Droidscript framework and app (+ an Android device) to run/test it. + +\vspace{.5cm} + +\noindent\textbf{Technologies used:} +\vspace{.5cm} + + +\noindent\textbf{Scripts:} +\begin{itemize} +\item 3jsrc.js +\item Anaglyphs.js +\item three.min.js +\item AnaglyphWeb.js \textbf{<--[main file for runtime]} +\item three.js +\item AnaglyphDemoA.js +\item Imgur.js +\item AnaglyphEffect.js +\item google.js +\item Adapter.js +\item anaglyph.js +\item AnaglyphWebNative.js +\item Anaglyphs.js +\item DrawingPad.js +\item DualCamera.js +\item GeometryUtils.js +\item anaglyph3d.js +\item FastFourier2D.js +\item FourierCamera.js +\item anaglyph3d.packed.js +\end{itemize} + +\vspace{.5cm} + +\break + +\noindent\textbf{Images:} + +\vspace{.5cm} + +\noindent\includegraphics[width=\textwidth]{gfx/anaglyphweb_merged.png} + +\vspace{.5cm} + +\noindent\textbf{Bonus:} If possible, try to host the project as your own Github repository and make it accessible via Github pages. Please make sure to credit the original authors. Then, link the repository here: \url{https://hltdev8642.github.io/webgl-water/} + +\end{document} diff --git a/01/src/gfx/anaglyphweb_merged.png b/01/src/gfx/anaglyphweb_merged.png new file mode 100644 index 00000000..290997cd Binary files /dev/null and b/01/src/gfx/anaglyphweb_merged.png differ diff --git a/01/src/gfx/cs460.png b/01/src/gfx/cs460.png new file mode 100644 index 00000000..d051336a Binary files /dev/null and b/01/src/gfx/cs460.png differ diff --git a/01/src/gfx/empty_browser.png b/01/src/gfx/empty_browser.png new file mode 100644 index 00000000..2693a2d5 Binary files /dev/null and b/01/src/gfx/empty_browser.png differ diff --git a/01/src/gfx/full-screenshot-madebyevan_webgl_water.png b/01/src/gfx/full-screenshot-madebyevan_webgl_water.png new file mode 100644 index 00000000..5e3a2856 Binary files /dev/null and b/01/src/gfx/full-screenshot-madebyevan_webgl_water.png differ diff --git a/01/src/gfx/screenshot-madebyevan_webgl_water.png b/01/src/gfx/screenshot-madebyevan_webgl_water.png new file mode 100644 index 00000000..ebd57a3b Binary files /dev/null and b/01/src/gfx/screenshot-madebyevan_webgl_water.png differ diff --git a/02/CS460_Assignment_2.pdf b/02/CS460_Assignment_2.pdf new file mode 100644 index 00000000..657c6fbf Binary files /dev/null and b/02/CS460_Assignment_2.pdf differ diff --git a/02/gfx/screenshot.png b/02/gfx/screenshot.png new file mode 100644 index 00000000..53fb2f4d Binary files /dev/null and b/02/gfx/screenshot.png differ diff --git a/02/index.html b/02/index.html new file mode 100644 index 00000000..05e31555 --- /dev/null +++ b/02/index.html @@ -0,0 +1,447 @@ + +
+ + +'+d+"
"; +m(Error(d))}this.aa=new ig;L(this.aa,Ad,this.Dj.bind(this));this.na=b;this.a=c;b=new Le(this.na);"2d"==a&&(b=new Ne(this.na));b.Ca();L(b,wd,this.Nd.bind(this));L(b,Bd,this.If.bind(this));L(b,vd,this.Jf.bind(this));this.T=b;b=new Pe(this.K,this.A);"2d"==a&&(b=new cf(this.K,this.A));b.observe(this.T);this.N=b;L(window,"resize",this.ve,u,this)};w.add=function(a){(a instanceof rg||a instanceof pg||a instanceof ng)&&a.q();this.Ha.push(a);this.ub(a)}; +w.remove=function(a){(!this.na||!this.a)&&m(Error("The renderer was not initialized properly."));if(a!=t){dc(a);var b=this.Ha.length,c;for(c=0;c=d.right))f&=-2;if(132==(f&132)&&(h.y