\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{César Navarro (CesarANS)}
\pdfinfo{
  /Title (dibujar-3d-en-processing.pdf)
  /Creator (Cheatography)
  /Author (César Navarro (CesarANS))
  /Subject (Dibujar 3D en Processing Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{3B2559}
\definecolor{LightBackground}{HTML}{F8F8F9}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Dibujar 3D en Processing Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{César Navarro (CesarANS)} via \textcolor{DarkBackground}{\uline{cheatography.com/143077/cs/30971/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}César Navarro (CesarANS) \\
  \uline{cheatography.com/cesarans} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 19th March, 2022.\\
   Updated 19th March, 2022.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{3}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{{\emph{Tipos primitivos en 3D}}}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{En processing hay 2 tipos primitivos en 3D} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{box(dim) , box(x,y,z)}}} \tn 
\mymulticolumn{1}{x{5.377cm}}{\hspace*{6 px}\rule{2px}{6px}\hspace*{6 px}Genera una caja con ancho de {\bf{x}}, alto de {\bf{y}} y profundidad {\bf{z}} o un cubo de dimensiones  {\bf{dim}}\{\{nl\}\}} \tn 
% Row Count 5 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{sphere(r)}}} \tn 
\mymulticolumn{1}{x{5.377cm}}{\hspace*{6 px}\rule{2px}{6px}\hspace*{6 px}Crea una esfera con radio {\bf{r}}} \tn 
% Row Count 7 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{{\emph{Crear figuras 3D}}}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Para crear figuras en 3D, es necesario el uso de {\bf{vertex(x,y,z)}} siendo los parámetros las coordenadas de la figura, tal es el caso siguiente:} \tn 
% Row Count 3 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Ejemplo:}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{translate(width/2, height/2, 0); \newline rotateX(PI/2); \newline rotateZ(-PI/6); \newline beginShape(); \newline vertex(-100, -100, -100); \newline vertex(100, -100, -100); \newline vertex(0, 0, 100); \newline vertex(100, -100, -100); \newline vertex(100, 100, -100); \newline vertex(0, 0, 100); \newline vertex(100, 100, -100); \newline vertex(-100, 100, -100); \newline vertex(0, 0, 100); \newline vertex(-100, 100, -100); \newline vertex(-100, -100, -100); \newline vertex(0, 0, 100); \newline endShape();} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{{\emph{Texturas}}}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Para aplicar las texturas a una imagen, podemos usar {\bf{texture(img)}} \{\{nl\}\}Siendo {\bf{img}} la imagen que se aplicará a la figura.\{\{nl\}\}Se debe invocar {\bf{texture(img)}} despues de {\bf{beginShape()}}\{\{nl\}\}Aunque para definir cómo se ajustará la imagen en la figura se usa {\bf{vertex(x,y,z,u,v)}} donde los parametros {\bf{u}} y {\bf{v}} definen las coordenadas a mapear de la imagen en ese vertice.} \tn 
% Row Count 8 (+ 8)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{{\emph{Luces}}}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Para activar las luces por defecto podemos usar {\bf{lights()}}\{\{nl\}\}Aunque también exiten funciones más especificas donde {\bf{v1}} se refiere a {\bf{hue}} o {\bf{rojo}}, {\bf{v2}} se refiere a {\bf{verde}} o {\bf{saturación}} y {\bf{v3}} se refiere a {\bf{azul}} o {\bf{brillo:}} \{\{nl\}\}{\bf{ambientLight(v1,v2,v3{[}x,y,z{]})}}\{\{nl\}\}Inidca la luz del ambiente, así como su origen\{\{nl\}\}{\bf{directionalLight(v1,v2,v3,x,y,z)}}\{\{nl\}\}Indica la luz con origen en {\bf{x,y, z}} qu eimpacta con más fuerza  en nuna superficie plana que en una curva.\{\{nl\}\}{\bf{spotLight(v1,v2,v3,x,y,z,nx,ny,nz,deg,fuerza)}}\{\{nl\}\}Similar a {\bf{directionalLight}} pero incluye la dirección del cono de iluminación {\bf{(nx,ny,nz)}}, así como la rotación de este {\bf{(deg)}} y su fuerza {\bf{(fuerza)}}.} \tn 
% Row Count 15 (+ 15)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{Luces}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{pointLight(v1,v2,v3,x,y,z)}}\{\{nl\}\}Crea spotlight con un cono de 180 grados con origen en {\bf{x,y,z}}} \tn 
% Row Count 2 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Es importante mencionar que estos métodos deben estar en el método {\bf{draw}} pues la escena 3D se reinicia cada frame.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{{\emph{Perspectivas}}}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Para las perspectivas podemos usar la perspectiva normal\{\{nl\}\}{\bf{perspective()}}\{\{nl\}\}{\bf{perspective(fovy,aspect,zNear,zFar)}}\{\{nl\}\}La cual sin argumentos pone la perspectiva predeterminada, y con argumentos puede ajustar el ángulo del campo de visión {\bf{(fovy)}}, la razón de ancho y alto  {\bf{(aspect)}}, la posición en {\bf{z}}  del plano más cercano {\bf{(zNear)}} y el plano más lejano {\bf{(zFar)}}\{\{nl\}\}\{\{nl\}\}O también la perspectiva ortogonal donde un elemento aparece de igual tamaño independientemente de qué tan lejos esté {\bf{ortho()}}.\{\{nl\}\}{\bf{ortho(left,right,bottom,top,{[}near,far{]})}}\{\{nl\}\}Donde sin parámetros se establece la configuración por defecto, o se pueden definir los planos lpimite en las 4 direcciones {\bf{(left, right,bottom, top)}} así como la distancia máxima del origen a la vista{\bf{(near)}} y la distancia mácima de lejanía desde el origen hasta la vista.} \tn 
% Row Count 18 (+ 18)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}