Presents an introduction to WebGL development and production concepts to create full 3D applications.

Get a quick introduction to WebGL, the new standard for 3D rendering on the Web and a member of HTML5’s family of technologies. With this hands-on guide, you’ll learn essential WebGL development and production concepts, using the JavaScript 3D engine Three.js. At the end of the book, you’ll put everything together and build a full 3D application with WebGL. You don’t have to be a game development wizard or have 3D graphics experience to get started. If you use HTML, CSS, and JavaScript—and have familiarity with JQuery and Ajax—this book will help you gain a working knowledge of WebGL through clear and simple examples. Understand core 3D graphics concepts and how to implement them in WebGL Create WebGL sample pages as you learn, and build a racing game application in the final chapter Get to know the Three.js open source library in detail Develop working knowledge of graphics rendering, texturing, animation, interaction, and behaviors Seamlessly integrate 3D graphics with other content on the page Learn the tools, file formats, and techniques for developing robust and secure applications in a production environment "WebGL: Up and Running is an ideal introduction to the world of 3D programming on the web. It’s well-written, clear, and fun. I wish it had been around when I started learning!" —Giles Thomas, LearningWebGL.com

Everything you need to know about developing hardware-accelerated 3D graphics with WebGL! As the newest technology for creating 3D graphics on the web, in both games, applications, and on regular websites, WebGL gives web developers the capability to produce eye-popping graphics. This book teaches you how to use WebGL to create stunning cross-platform apps. The book features several detailed examples that show you how to develop 3D graphics with WebGL, including explanations of code snippets that help you understand the why behind the how. You will also develop a stronger understanding of WebGL development from coverage that: •Provides a comprehensive overview of WebGL and shows how it relates to other graphics-related technologies •Addresses important topics such as the WebGL graphics pipeline, 3D transformations, texturing and lighting •Teaches you how to write vertex shaders and fragment shaders for WebGL •Includes a lot of useful guidelines, tips, and tricks for WebGL performance optimizations Professional WebGL Programming is the first book on the market to delve into this fascinating topic and it puts you on your way to mastering the possibilities that exist with WebGL.

Using WebGL®, you can create sophisticated interactive 3D graphics inside web browsers, without plug-ins. WebGL makes it possible to build a new generation of 3D web games, user interfaces, and information visualization solutions that will run on any standard web browser, and on PCs, smartphones, tablets, game consoles, or other devices. WebGL Programming Guide will help you get started quickly with interactive WebGL 3D programming, even if you have no prior knowledge of HTML5, JavaScript, 3D graphics, mathematics, or OpenGL. You’ll learn step-by-step, through realistic examples, building your skills as you move from simple to complex solutions for building visually appealing web pages and 3D applications with WebGL. Media, 3D graphics, and WebGL pioneers Dr. Kouichi Matsuda and Dr. Rodger Lea offer easy-to-understand tutorials on key aspects of WebGL, plus 100 downloadable sample programs, each demonstrating a specific WebGL topic. You’ll move from basic techniques such as rendering, animating, and texturing triangles, all the way to advanced techniques such as fogging, shadowing, shader switching, and displaying 3D models generated by Blender or other authoring tools. This book won’t just teach you WebGL best practices, it will give you a library of code to jumpstart your own projects. Coverage includes: • WebGL’s origin, core concepts, features, advantages, and integration with other web standards • How and basic WebGL functions work together to deliver 3D graphics • Shader development with OpenGL ES Shading Language (GLSL ES) • 3D scene drawing: representing user views, controlling space volume, clipping, object creation, and perspective • Achieving greater realism through lighting and hierarchical objects • Advanced techniques: object manipulation, heads-up displays, alpha blending, shader switching, and more • Valuable reference appendixes covering key issues ranging from coordinate systems to matrices and shader loading to web browser settings This is the newest text in the OpenGL Technical Library, Addison-Wesley’s definitive collection of programming guides an reference manuals for OpenGL and its related technologies. The Library enables programmers to gain a practical understanding of OpenGL and the other Khronos application-programming libraries including OpenGL ES and OpenCL. All of the technologies in the OpenGL Technical Library evolve under the auspices of the Khronos Group, the industry consortium guiding the evolution of modern, open-standards media APIs.

Create high-performance, visually stunning 3D applications for the Web, using HTML5 and related technologies such as CSS3 and WebGL—the emerging web graphics standard. With this book, you’ll learn how to use the tools, frameworks, and libraries for building 3D models and animations, mind-blowing visual effects, and advanced user interaction in both desktop and mobile browsers. In two parts—Foundations and Application Development Techniques—author Tony Parisi provides a thorough grounding in theory and practice for designing everything from a simple 3D product viewer to immersive games and interactive training systems. Ideal for developers with Javascript and HTML experience. Explore HTML5 APIs and related technologies for creating 3D web graphics, including WebGL, Canvas, and CSS Work with the popular JavaScript 3D rendering and animation libraries Three.js and Tween.js Delve into the 3D content creation pipeline, and the modeling and animation tools for creating killer 3D content Look into several game engines and frameworks for building 3D applications, including the author’s Vizi framework Create 3D environments with multiple objects and complex interaction, using examples and supporting code Examine the issues involved in building WebGL-based 3D applications for mobile browsers

Annotation Get an introduction to the technologies, tools, and techniques for programming virtual reality on the latest generation of desktop and mobile VR hardware. With this hands-on guide, you'll learn essential development and production concepts, including UI design, stereo rendering, 3D input, and programming VR applications for native desktop, mobile and the web. You don't have to be a game development wizard or have 3D graphics experience to get started. If you have basic programming skills and some familiarity with mobile development, this book will help you gain a working knowledge of virtual reality through clear and simple examples.

This book is a complete course on computer graphics covering topics such as rendering, 3D math, lighting, cameras, and much more. It will be your trust-worthy companion in developing immersive experiences with WebGL, a hardware-accelerated technology in the browser without installing additional software.

Presents practical instrucion and theory for using the features of HTML5 to create a online gaming applications.

Gain an in-depth knowledge in immersive web development to create augmented reality (AR) and virtual reality (VR) applications inside web browsers using WebXR API, WebGL, Three.js, and A-Frame. This project-based book will provide the practice and portfolio content to make the most of what the futures of spatial computing and immersive technology have to offer. Beginning with technical analysis of how web browsers function, the book covers programming languages such as WebGL, JavaScript, and HTML, with an eye on a complete understanding of the WebXR lifecycle. You'll then explore how contemporary web browsers work at the code level and see how to set up a local development server and use it with the Visual Studio Code IDE to create 3D animation in the WebGL programming language. With a familiarity of the web-rendering pipeline in place, you’ll venture on to WebGL abstractions such as the Three.js JavaScript library and Mozilla’s A-Frame XR Framework, which use WebXR to create high-end visual effects. In the final projects of the book, you’ll create an augmented reality web session for an Android phone device, and create a VR scene in A-Frame (built on Three.js) to demo essential components of the WebXR API pertaining to user positioning and interaction. Game engines have become common-place for the creation of mixed reality content. However, developers not interested in learning entirely new workflows may be better suited to work within a medium almost universally open to all—the web; AR and VR Using the WebXR API will show you the way. What You'll Learn Master the creation of virtual reality and augmented reality features for web page Prepare to work as an immersive web developer with a portfolio of projects in sought-after technologies Review the fundamentals of writing shaders in WebGL Experience the unity between client, server, and cloud architecture as it applies to location-based AR Who This Book Is For Aspiring immersive web developers and developers already familiar with the fundamentals of web development who want to further explore topics such as spatial computing, computer vision, spatial anchors, and cloud-computing for multi-user social experiences.

Get a quick introduction to WebGL, the new standard for 3D rendering on the Web and a member of HTML5{u2019}s family of technologies. With this hands-on guide, you{u2019}ll learn essential WebGL development and production concepts, using the JavaScript 3D engine Three.js. At the end of the book, you{u2019}ll put everything together and build a full 3D application with WebGL. You don{u2019}t have to be a game development wizard or have 3D graphics experience to get started. If you use HTML, CSS, and JavaScript{u2014}and have familiarity with JQuery and Ajax{u2014}this book will help you gain a working knowledge of WebGL through clear and simple examples. Understand core 3D graphics concepts and how to implement them in WebGL Create WebGL sample pages as you learn, and build a racing game application in the final chapter Get to know the Three.js open source library in detail Develop working knowledge of graphics rendering, texturing, animation, interaction, and behaviors Seamlessly integrate 3D graphics with other content on the page Learn the tools, file formats, and techniques for developing robust and secure applications in a production environment "WebGL: Up and Running is an ideal introduction to the world of 3D programming on the web. It{u2019}s well-written, clear, and fun. I wish it had been around when I started learning!" {u2014}Giles Thomas, LearningWebGL.com.