{"page":"\n\n
\n
\n
\n
\n
\n\nVideo\n
\n

\nHands-On WebAssembly for C++ Programmers - Drawing Our Game in WebAssembly\n

\n
\n
\nGet Free Access for 10 Days!\n
\n
\n
\n
\n
\n
×
\n\n\n
\n\nPublisher:\n\nCurated Video\n\n\n
\n
\nIn the last video, we lost all our graphics progress. How do we draw the graphics in C++? • Learn about SDL Graphics • Utilize fonts in your SDL code • Draw all graphics in C++ instead of JavaScript This clip is from the chapter...\nIn the last video, we lost all our graphics progress. How do we draw the graphics in C++?
• Learn about SDL Graphics
• Utilize fonts in your SDL code
• Draw all graphics in C++ instead of JavaScript

This clip is from the chapter \"Working with Computer Hardware in the Web\" of the series \"Hands-On WebAssembly for C++ Programmers\".There are far more complex system interactions that a C++ application must worry about time handling and I/O. What about interacting with graphics and windowing, or user input through a keyboard or mouse? As a matter of fact, WebAssembly has an answer for that as well. In this section, you'll port more of our JavaScript game to C++ to learn about how WebAssembly handles input, as well as graphics.\n
\n
\n\n
\n
\n
\n
\n

Resource Details

\n
\n
\n
\n
Curator Rating
\n
\n
\n
\n
\n
\n
Educator Rating
Not yet Rated
\n
\n
\n
\n
\n
Media Length
\n
6:49
\n
\n
\n
\n
\n
Grade
Higher Ed
\n
\n
\n
\n
\n
Subjects
STEM
3 more...
\n
\n
\n
\n
\n
Media Type
Instructional Videos
\n
\n
\n
\n
\n
Source:
\n
\nPackt - Web Development\n\n
\n
\n
\n
\n
\n
Date
\n
2022
\n
\n
\n
\n
\n\n
Language
English
\n
\n
\n
\n
\n
Audiences
For Teacher Use
2 more...
\n
\n
\n
\n
\n
Usage Permissions
Fine Print: Educational Use
\n
\n
\n
\n
\n
\n

Additional Materials

\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Transcript\n
\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Preview\n
\n
\n
\n

Concepts

\n
\n
javascript, lines, time
\n
\n\n\n
\n
\n
\n
\n

Additional Tags

\n
\n
webassembly, wasm, c++, javascript api, emscripten, web assembly, draw paddles, pong game, draw, text, game, code, graphics, renderer, timing, function, make, frames, longer, move, notice, screen, save, font, figure, video, saving, call, create, rectangle
\n
\n\n\n
\n
\n
\n
\n

Classroom Considerations

\n
Best For: Explaining a topic
Video is ad-free
\n
\n
\n

Educator Ratings

\n
\n
\n
\n
\n
\n\nShow resource details\n
\n
\n\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: Hands-On WebAssembly for C++ Programmers - Drawing Our Game in WebAssembly\" href=\"/subscription/new\">\"Hands-On\n\n
\n
\n
\n\n\n\n"}