X-Git-Url: http://git.mutantstargoat.com?a=blobdiff_plain;f=codecamp.tex;h=dcdf99a1218e35aabab5218f4d4f878f9c401c59;hb=2653b7d32fdce46793647e22f67c6e3ff53ff4ec;hp=4a9cb6e18e228b5099f316e64bc0d9eeaba7e3b9;hpb=cada10a2233744023a73f82e8a81553b4c4bf0db;p=webkit_codecamp diff --git a/codecamp.tex b/codecamp.tex index 4a9cb6e..dcdf99a 100644 --- a/codecamp.tex +++ b/codecamp.tex @@ -129,7 +129,7 @@ \setbeamertemplate{blocks}[default] \setbeamercolor{block title}{fg=amber,bg=black} -\title{\textbf{Sharing texture data between drivers}} +\title{\textbf{Sharing texture data across EGL drivers}} \author[Eleni Maria Stea ]{\small{Eleni Maria Stea }\\\\\includegraphics{data/igalia.eps}} \date{\tiny{WebKit Codecamp}} @@ -166,7 +166,7 @@ \end{comment} %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -\section[Introduction]{Introduction: Using ANGLE in WebGL2} +\section[Introduction]{Introduction: Using ANGLE in WebGL2 (WebKit)} %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% \begin{frame}[fragile,c] @@ -309,17 +309,16 @@ program} \begin{center} \scriptsize{ I've ran my experiments using test programs and ANGLE,\\ - and I had to - \textbf{\color{mediumred-violet}modify the default set up} to - debug/explore ANGLE calls with GDB: + and I had to modify the default set up to step into ANGLE calls with GDB: } \end{center} \vspace{0.1cm} - \setbeamertemplate{blocks}[rounded] - - \begin{block}{\footnotesize{\textbf{Problems when building ANGLE:}}}\scriptsize{\texttt{ + \setbeamertemplate{itemize/enumerate body begin}{\scriptsize} + \begin{block}{\scriptsize{Things that need attention when building ANGLE for + debugging:}}\scriptsize{ + \vspace{0.2cm} \begin{itemize} \itemsep0.1cm \color{coolblack} @@ -330,7 +329,7 @@ program} \item {{\textbf{dwarf5} is not fully implemented on GDB, and so it's impossible to step without errors when it's enabled.}} \item {\textbf{Debugging symbols} aren't enabled by default.} - \end{itemize}}} + \end{itemize}} \vspace{0.2cm} \end{block} @@ -340,8 +339,8 @@ program} \setbeamertemplate{itemize item}[circle] \begin{itemize} \item {\textbf{Blog post} on how to set up - \textbf{\color{mediumred-violet}{ANGLE}} and \textbf{\color{mediumred-violet}{GDB}} for debugging: \url{https://eleni.mutantstargoat.com/hikiko/debug-angle/}} - \item {\textbf{Gist} with the \textbf{\color{mediumred-violet}{GN args}} + {\color{black}{ANGLE}} and {\color{black}{GDB}} for debugging: \url{https://eleni.mutantstargoat.com/hikiko/debug-angle/}} + \item {\textbf{Gist} with the {\color{black}{GN args}} I've used: \url{https://gistof.com/gnargs}} \end{itemize}} \vspace{0.2cm} @@ -733,7 +732,7 @@ program} \setbeamercolor{block body}{bg=white} \setbeamercolor{block title}{bg=white, fg=coolblack} \begin{block}{\scriptsize{There is a Linux kernel framework that can be used for - content sharing between different Linux drivers!}} + content sharing across different Linux drivers!}} \vspace{-0.1cm} \begin{table}[t] @@ -773,8 +772,8 @@ program} \setbeamercolor{block body}{bg=white} \setbeamertemplate{itemize/enumerate body begin}{\tiny} - \begin{block}{How the kernel DMA buffers would help us avoid copying - the WebGL texture data?} + \begin{block}{\scriptsize{How the kernel DMA buffers would help us avoid copying + the WebGL texture data?}} \begin{center} \begin{itemize} @@ -791,19 +790,24 @@ program} \end{itemize} \end{center} \end{block} - \begin{block}{Some EGL extensions make easy this exchange:} + \begin{block}{\scriptsize{EGL and GL extensions that can be used:}} \begin{center} \begin{itemize} \item \href{https://www.khronos.org/registry/EGL/extensions/MESA/EGL\_MESA\_image\_dma\_buf\_export.txt}{EGL\_MESA\_image\_dma\_buf\_export}: - This extension allows creating one or multiple Linux dma\_buf + \\ This extension allows creating one or multiple Linux dma\_buf file descriptors from the EGLImage that corresponds to a texture. \item \href{https://www.khronos.org/registry/EGL/extensions/EXT/EGL\_EXT\_image\_dma\_buf\_import.txt}{EGL\_EXT\_image\_dma\_buf\_import}: - This extension allows creating an EGLImage (that will be used to create a + \\ This extension allows creating an EGLImage (that will be used to create a texture) from one or multiple Linux dma\_buf file descriptors. - \item {}{} - \item {}{} + \item \href{https://www.khronos.org/registry/EGL/extensions/EXT/EGL\_EXT\_image\_dma\_buf\_import\_modifiers.txt}{EGL\_EXT\_image\_dma\_buf\_import\_modifiers}: + \\ This extension builds on EGL\_EXT\_image\_dma\_buf\_import, in order to support + format modifiers used for tiling, compression, and additional non-linear + modes. + \item \href{https://www.khronos.org/registry/OpenGL/extensions/OES/OES\_EGL\_image\_external.txt}{OES\_EGL\_image\_external}: + \\ This extension provides a mechanism for creating EGLImage texture targets + from EGLImages. \end{itemize} \end{center} \end{block} @@ -812,20 +816,108 @@ program} %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% \begin{frame} - \frametitle{Example use} + \frametitle{Example:} + \setbeamercolor{block body}{bg=white}{\scriptsize} + \setbeamertemplate{itemize/enumerate body begin}{\tiny} + + \begin{block}{\scriptsize{I've written an example:}} + \begin{center} + \begin{itemize} + \item First using EGL!\\ + Blog post: \url{https://eleni.mutantstargoat.com/hikiko/egl-dma-1/} \\ + Code: \url{https://gistof.com/dma-egl-version} + \item Then using a native EGL context and a context from ANGLE!\\ + Blog post: \url{https://eleni.mutantstargoat.com/hikiko/angle-dma/}\\ + Code: \url{https://gistof.com/dmaangleeglversion} + \end{itemize} + \end{center} + \end{block} + \vspace{-0.3cm} + \begin{block}{\scriptsize{Snippet from the exporter:}} + \vspace{-0.1cm} + \tiny{ + \begin{table}[t] + \centering + \begin{tabular}{l} + {\color{coolblack}Exporting a dma buffer from a texture + \texttt{texA}:}\\ + \begin{adjustbox}{max width=\textwidth} + \adjustbox{valign=t}{\includegraphics[height=4cm]{data/dma_export_and_struct.png}} + \end{adjustbox}\\ + \end{tabular} + \end{table} + } + \end{block} \end{frame} %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% \begin{frame} - \frametitle{Example program} + \frametitle{Example continued} + \setbeamercolor{block body}{bg=white}{\scriptsize} + \setbeamertemplate{itemize/enumerate body begin}{\tiny} - Code: - Blog post: + \begin{block}{\scriptsize{Snippets from the importer:}} + \vspace{-0.1cm} + \tiny{ + \begin{table}[t] + \centering + \begin{tabular}{l} + {\color{coolblack}Creating an EGLImage from the dma buffer using + the exported fd and the exported modifiers:}\\ + \\ + \begin{adjustbox}{max width=\textwidth} + \adjustbox{valign=t}{\includegraphics[height=3.5cm]{data/dma_import.png}} + \end{adjustbox}\\ +\\ +\\ + {\color{coolblack}Creating a texture using that external + EGLImage:}\\ + \\ + \begin{adjustbox}{max width=\textwidth} + \adjustbox{valign=t}{\includegraphics[height=2cm]{data/dma_targetteture2does.png}} + \end{adjustbox}\\ + \end{tabular} + \end{table} + } + \end{block} \end{frame} %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\begin{frame} + \frametitle{Test program} + + \begin{block}{\scriptsize{An exporter-importer that uses ANGLE and native + EGL}} + \setbeamertemplate{itemize/enumerate body begin}{\scriptsize} + \begin{itemize} + \itemsep0.3cm + \itemsep0.2cm + \item First context is EGL/OpenGL like the one in main graphics + pipeline. + \item Second is ANGLE with EGL/GLESv2 backend like the one in + WebGL2. + \item EGL/OpenGL context creates an empty texture and exports the dma\_buf + fd and all other information about the buffer. + \item ANGLE context creates another empty texture using the same + dma\_buf and the import mechanism. + \item ANGLE context fills the emty ANGLE texture. + \item EGL/OpenGL context displays the previously empty OpenGL/EGL + texture. + \item EGL/OpenGL texture contains what ANGLE texture had. + \item \textbf{We shared the ANGLE data without copying them!} + \end{itemize} + + \end{block} + \vspace{0.2cm} + \scriptsize{ + \begin{center} + \textbf{\color{coolblack}Check the blog posts for more details!} + \end{center} + } +\end{frame} +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% @@ -864,7 +956,6 @@ program} } \end{block} - \vspace{0.3cm} \end{frame} @@ -884,24 +975,7 @@ program} \frametitle{WIP WebKit:} \center{\normalsize{\textbf{\color{coolblack}{Ongoing work on WebKit}}}} - \vspace{0.3cm} - - {\footnotesize{ - \begin{block}{DONE/WIP/TODO} - \begin{itemize} - \item{Use the right CMake options (one can't simply enable - \texttt{USE\_ANGLE\_WEBGL} ☺): - \color{coolblack}{\textbf{FIXED }}} - \item{There were compile errors when ANGLE was used: - \color{coolblack}{\textbf{FIXED/Pending to send the patches}}} - \item{Link errors when ANGLE is used: - \color{coolblack}{\textbf{WIP/Partially FIXED}}} - \item{Copy replacement: \color{coolblack}{\textbf{WIP/TODO}}} - \end{itemize} - \end{block} - }} - - \vspace{0.2cm} + \vspace{0.1cm} \begin{center} \setbeamertemplate{itemize/enumerate body begin}{\scriptsize} \setbeamertemplate{itemize/enumerate subbody begin}[circle]{\tiny} @@ -916,6 +990,22 @@ program} something else (libgbm? copying?)} \end{itemize} \end{center} + \vspace{0.05cm} + {\scriptsize{ + \begin{block}{DONE/WIP/TODO} + \begin{itemize} + \item{Use the right CMake options (one can't simply enable + \texttt{USE\_ANGLE\_WEBGL}!): + \color{coolblack}{\textbf{FIXED }}} + \item{There were compile errors when ANGLE was used: + \color{coolblack}{\textbf{FIXED/Pending to send the patches}}} + \item{Link errors when ANGLE is used: + \color{coolblack}{\textbf{WIP/Partially FIXED}}} + \item{Copy replacement: \color{coolblack}{\textbf{WIP/TODO}}} + \end{itemize} + \end{block} + }} + \end{frame} %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%