5. Creating 3D Graphics | OpenFrameworks Essentials

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

OpenFrameworks Essentials

By : Denis Perevalov

5 (7)

OpenFrameworks Essentials

5 (7)

By: Denis Perevalov

Overview of this book

If you are a programmer, visual artist, or designer with experience in creative coding, and want to use openFrameworks to create fun, stunning, and interactive applications, this is the book for you. Basic knowledge of programming languages, such as C++, Java, Python, or JavaScript, will be enough to proceed with the book.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Getting Started with openFrameworks

1. Getting Started with openFrameworks

What is openFrameworks?

Installing openFrameworks

Running your first example

The video synthesizer application

Summary

2. Creating Your First openFrameworks Project

2. Creating Your First openFrameworks Project

Creating and running a new project

Discovering the project's code structure

Setting up the screen

Centering the coordinate system

A simple drawing

Geometric patterns

Summary

3. Adding a GUI and Handling Keyboard Events

3. Adding a GUI and Handling Keyboard Events

Creating a GUI using the ofxGui addon

Implementing a simple GUI panel with sliders

Implementing the autosave feature

Creating groups of controls

Implementing a checkbox, a color selector, and a 2D slider

Handling keyboard events

Implementing the matrix pattern generator

Summary

4. Working with Raster Graphics – Images, Videos, and Shaders

4. Working with Raster Graphics – Images, Videos, and Shaders

Raster images in openFrameworks

Drawing an image file

Playing a video file

Grabbing a live video from a camera

Mixing layers using additive blending

Creating the video effect with a shader

Summary

5. Creating 3D Graphics

5. Creating 3D Graphics

Introduction to 3D graphics with openFrameworks

Drawing a wireframe sphere

Creating a camera

Drawing a solid sphere

Texturing the sphere

Mixing 2D and 3D with the GUI

Deforming a sphere

Summary

6. Animating Parameters

6. Animating Parameters

Using time values for a parameter's automation

Using the level of sound for a parameter's automation

Capturing sound from a sound card's input and measuring its level

Reading data from a text file

Controlling automation

Summary

7. Distributed and Physical Computing with Networking and Arduino

7. Distributed and Physical Computing with Networking and Arduino

Distributed computing with networking

Networking in openFrameworks

Implementing the OSC messages receiver

Creating an OSC sender with openFrameworks

Creating OSC senders with TouchOSC, Python, and Max/MSP

Physical computing with Arduino

Programming an Arduino board

Summary

8. Deploying the Project on iOS, Android, and Raspberry Pi

8. Deploying the Project on iOS, Android, and Raspberry Pi

Running the project on an iOS device

Deploying the project on an iOS device

Running the project on an Android device

Running the project on Raspberry Pi

Summary

9. Further Resources

9. Further Resources

Enhancing the video synthesizer project

Getting more information on openFrameworks

Debugging and speeding up your code

Summary

A. Video Synthesizer Reference

A. Video Synthesizer Reference

The desktop version

iOS and Android versions

Raspberry Pi version

Summary

B. openFrameworks Quick Reference

B. openFrameworks Quick Reference

Application

2D drawing

The GUI

Multimedia and other classes

Mathematical, timer, and conversion functions

Summary

Index

Index

Drawing a solid sphere

Drawing a surface in the wireframe is a good way to check the structure of the triangle mesh forming the surface. In the context of video synthesis, it can be seen as a kind of special effect. But normally we are interested in drawing a 3D object as solid surfaces, which means that all its triangles are drawn as solid polygons.

To draw a solid sphere, just replace the sphere.drawWireframe() command in draw3d() with the following command:

sphere.draw();

On running the project, you will see the sphere as a white circle, as shown in the following screenshot:

This is a solid sphere without shading.

The reason for the sphere to look like a flat figure is that each triangle in the sphere is drawn as a solid white polygon without using information of its orientation for shading.

To obtain a sphere that looks more natural, let's implement the shading of its surface.

The things needed for shading the surface

To draw a shaded surface, the following things are required:

Light source...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

OpenFrameworks Essentials

Search

Your notes and bookmarks