iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >C++之openFrameworks框架介绍
  • 300
分享到

C++之openFrameworks框架介绍

C++openFrameworks框架C++框架C++openFrameworks 2023-05-19 05:05:54 300人浏览 独家记忆
摘要

目录0x00 openFrameworks 介绍0x01 开启 oF 之旅0x02 oF 文件结构0x03 图形基础0x04 使用

0x00 openFrameworks 介绍

openFrameworks(简称 oF)是一个基于c++开源库。

它提供了丰富的功能库和工具,用于快速开发多媒体、交互性和艺术创作相关的应用程序,如艺术装置、互动艺术、音视频作品、实时图形等。oF 的设计目标是让创意编程变得更加简单、直观和灵活,使艺术家、设计师、创意工作者等能够利用编程进行创作和表达。oF提供了丰富的图形、音频、输入输出、计算机视觉等功能库,并支持跨平台开发,适用于windowsMac OSX、linux操作系统。oF的社区活跃,有大量的用户和开发者共享和贡献了各种扩展、插件和示例代码。

oF被设计成通用的“胶水”,包括以下常用库:

  • 图形:OpenGL、GLEW、GLUT 等
  • 音频输入输出和分析:rtAudio、PortAudio、OpenAL 等
  • 图像加载和保存:FreeImage
  • 计算机视觉:OpenCV
  • 3D模型加载:Assimp

此外,oF还支持跨平台。目前支持Windows、Mac OSX、Linux等IDE

  • Visual Studio、Xcode、Eclipse、Code::Blocks

🔗 官网:openFrameworks

0x01 开启 oF 之旅

首先,创建基于 oF 的项目需要一个集成开发环境 (IDE) ,比如 Visual Studio (适用于Windows),Xcode(适用于 Mac OSX),大多数 IDE 都具有类似的用户界面。

Xcode 是苹果公司开发的集成开发环境 (IDE) :

Visual Studio是由微软公司开发的集成开发环境 (IDE) :

在 Visual Studio 中的构建:

项目视图区域:提供一种一致的方式来查看构成项目的各个元素。

提供以下三种视图形式:

  • 类视图(Class view):允许在C++类级别上查看和操作源代码。
  • 资源视图(Resource view):允许查找和编辑应用程序中使用的各种资源,如对话框、图标、菜单等。
  • 文件视图(File view):允许查找并浏览创建应用程序所需的所有文件。

0x02 oF 文件结构

从 openFrameworks (oF) 的官网 (download | openFrameworks) 下载并解压缩提供的框架文件,框架文件夹被称为 oF root 文件夹,oF root 文件夹包含以下多个文件夹:

Apps,Examples,libs ,other,projectGenerator,Addons

运行示例:oF 根目录下的 examples 文件夹包含了许多不同的示例项目,先尝试运行示例项目。

  • 对于使用 Xcode 的用户,可以点击以 .xcodeproj 扩展名结尾的文件来运行项目。
  • 对于使用 Visual Studio (VS) 的用户,可以点击以 .sln 扩展名结尾的文件来运行项目。

0x03 图形基础

画笔:为了创建各种形状的画笔,首先需要定义图形的基本构建块 (BBB)。 2D 图形函数可以分为两种类别。 基本形状 (Basic Shapes): 如线条、矩形、三角形等。 自由形状 (FreefORM Shapes): 如多边形、路径等。

在绘制任何形状之前,需要理解在 oF 中如何确定对象的位置以及如何解释位置。计算机图形学通常使用笛卡尔坐标系,但在 oF 中使用了具有以下两个不同之处的坐标系:

  • 原点 (Origin) 位于左上角
  • y 轴的方向被翻转

 创建一个新项目:

创建完新项目后,打开源文件中的 ofAPP.cpp 的 draw() 函数,试试下面的代码:

ofBackground(0); // 用黑色清空屏幕,0 表示完全白色的灰度颜色。
ofSetColor(255); // 将绘制颜色设置为白色。
 
// 在下面绘制一些图形。
ofDrawRectangle(50, 50, 100, 100); // 左上角坐标为 (50, 50),宽度为 100,高度为 100。
ofDrawCircle(250, 100, 50); // 中心坐标为 (250, 100),半径为 50。
ofDrawEllipse(400, 100, 80, 100); // 中心坐标为 (400, 100),宽度为 80,高度为 100。
ofDrawTriangle(500, 150, 550, 50, 600, 150); // 三个顶点坐标分别为 (500, 150), (550, 50), (600, 150)。
ofDrawLine(700, 50, 700, 150); // 从 (700, 50) 到 (700, 150) 的直线。

🚩 运行结果如下:

下面再试试 ofFill() 和 ofNoFill() 函数:

  • ofFill() 函数用于设置形状的填充颜色,使绘制的形状被填充。
  • ofNoFill() 函数用于设置形状的无填充状态,只绘制轮廓线,不填充颜色。
ofBackground(0);
ofSetColor(255);
ofFill();
ofDrawRectangle(50, 50, 100, 100);
ofDrawCircle(250, 100, 50);
ofDrawEllipse(400, 100, 80, 100);
ofDrawTriangle(500, 150, 550, 50, 600, 150);
ofDrawLine(700, 50, 700, 150);
ofNoFill();
ofDrawRectangle(50, 200, 100, 100);
ofDrawCircle(250, 250, 50);
ofDrawEllipse(400, 250, 80, 100);
ofDrawTriangle(500, 300, 550, 200, 600, 300);
ofDrawLine(700, 200, 700, 300);

🚩 运行结果如下:

使用基本形状来创建一个小项目,具有以下目标。

  • 目标:通过按下鼠标左键并移动,用画笔创建一个随机散布的 "爆炸状" 效果。

// 如果左鼠标按钮被按下...
if (ofGetMousePressed(OF_MOUSE_BUTTON_LEFT)) {  
    ofSetColor(255);
    ofSetRectMode(OF_RECTMODE_CENTER);
    ofDrawRectangle(
        ofGetMouseX(), 
        ofGetMouseY(), 
        50, 
        50
    );  
    // 在鼠标位置绘制一个宽高为50的矩形,居中对齐
}

单矩形画刷:使用鼠标(2) 

// 我们仍然希望在黑色背景上进行绘制,因此在进行画刷操作之前需要先绘制背景
ofSetBackgroundAuto(false); 
ofBackground(0); // 设置背景颜色为黑色

修改 draw() 函数,随机指定出现的矩形的颜色:

if (ofGetMousePressed(OF_MOUSE_BUTTON_LEFT)) { // 如果左鼠标按钮被按下...
  float randomColor = ofRandom(50, 255); // 随机生成颜色值,范围从50到255
  ofSetColor(randomColor); // 设置矩形的颜色为随机生成的颜色值,排除黑色背景上不可见的灰度值(0 - 50)
  ofSetRectMode(OF_RECTMODE_CENTER); 
  ofDrawRectangle(ofGetMouseX(), ofGetMouseY(), 50, 50); // 在鼠标位置绘制一个宽高为50的矩形,居中对齐
}

ofRandom() 用于生成指定范围内的随机数。它接受两个参数,表示生成随机数的范围,可以是整数或浮点数。例如,ofRandom(0, 255) 会生成一个0到255之间的随机整数。

ofSetColor() 接受一个或多个参数,用于指定颜色的RGBA值(红、绿、蓝和透明度)。常见的用法是传入三个整数参数来设置RGB颜色值,例如 ofSetColor(255, 0, 0) 表示设置颜色为红色。

这两个函数通常在绘图时一起使用,例如在绘制图形之前先生成随机颜色,然后使用 ofSetColor() 设置绘制的图形颜色,从而实现随机颜色的效果。

if (ofGetMousePressed(OF_MOUSE_BUTTON_LEFT)) { // If the left mouse button is pressed...
ofSetRectMode(OF_RECTMODE_CENTER);
int numRects = 10;
for (int r=0; r<numRects; r++) {
ofSetColor(ofRandom(50, 255));
float width = ofRandom(5, 20);
float height = ofRandom(5, 20);
float xOffset = ofRandom(-40, 40);
float yOffset = ofRandom(-40, 40);
ofDrawRectangle(ofGetMouseX()+xOffset, ofGetMouseY()+yOffset, width, height);
}
}

发光圆形笔刷:使用颜色

了解如何更改颜色:

ofColor myOrange(255, 132, 0); // Defining an opaque orange color - specified using RGB
ofColor myBlue(0, 0, 255, 50); // Defining a transparent blue color - specified using RGBA
// We can access the red, green, blue and alpha channels like this:
ofColor myGreen(0, 0, 255, 255);
cout << "Red channel:" << myGreen.r << endl;
cout << "Green channel:" << myGreen.g << endl;
cout << "Blue channel:" << myGreen.b << endl;
cout << "Alpha channel:" << myGreen.a << endl;
// We can also set the red, green, blue and alpha channels like this:
ofColor myYellow;
myYellow.r = 255; myYellow.b = 0; myYellow.g = 255; myYellow.a = 255;
// We can also make use of some predefined colors provided by openFrameworks:
ofColor myAqua = ofColor::aqua;
ofColor myPurple = ofColor::plum;

🚩 运行结果如下:

Fleeing 三角形笔刷:Vector

ofVec2f mousePos(ofGetMouseX(), ofGetMouseY());
// Define a triangle at the origin (0,0) that points to the right
ofVec2f p1(0, 25.0);
ofVec2f p2(100, 0);
ofVec2f p3(0, -25.0);
// Shift the triangle to the mouse position
p1 += mousePos;
p2 += mousePos;
p3 += mousePos;

Fleeing 三角形笔刷:Vectors 和旋转

0x04 使用 projectGenerator 创建项目

在 of_v0.11.2_vs2017_release\projectGenerator 路径下,双击:

然后定义 Project name 项目名称,路径可以不做修改,如果需要,可以在 Addons 中可以添加插件。最后点击 Generate 按钮,即可生成。

此时点击 Open in IDE 即可,IDE 就会弹出:

以上就是C++之openFrameworks框架介绍的详细内容,更多关于C++ openFrameworks框架的资料请关注编程网其它相关文章!

--结束END--

本文标题: C++之openFrameworks框架介绍

本文链接: https://www.lsjlt.com/news/212588.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • C++之openFrameworks框架介绍
    目录0x00 openFrameworks 介绍0x01 开启 oF 之旅0x02 oF 文件结构0x03 图形基础0x04 使用 ...
    99+
    2023-05-19
    C++ openFrameworks框架 C++框架 C++ openFrameworks
  • WPF框架之Prism介绍
    什么是Prism? Prism是一个用于在 WPF、Xamarin Form、Uno 平台和 WinUI 中构建松散耦合、可维护和可测试的 XAML 应用程序框架。 Prism历史 ...
    99+
    2022-11-13
  • Java框架入门之简单介绍SpringBoot框架
    前言 Spring都包含了哪些部分呢? 主要包含Spring Boot、Spring Framework、Spring Data、Spring Cloud、Spring Cloud ...
    99+
    2022-11-12
  • Spring框架之IOC介绍讲解
    目录一、对spring的理解二、spring中ioc的特点2.1控制反转2.2注入依赖方式① set注入方式② 构造注入方式③ 自动装配三、spring与web容器的整合一、对spr...
    99+
    2022-11-13
  • C++ 测试框架GoogleTest入门介绍
    目录引言简单介绍初体验 引言 开发者虽然主要负责工程里的开发任务,但是每个开发完毕的功能都是需要开发者自测通过的,所以经常会听到开发者提起单元测试的话题。那么今天我就带大伙一起来看...
    99+
    2023-05-14
    C++ 测试框架GoogleTest C++ 测试框架入门
  • SpringCloudAlibaba框架介绍
    目录前言1.集成Nacos实现服务的自动注册与发现2. Feign负载均衡注:OpenFeign和Feign的区别:3.使用Sentinel实现了接口的限流4.Feign整合Sent...
    99+
    2023-05-15
    SpringCloud Alibaba框架介绍 SpringCloud Alibaba框架 SpringCloud Alibaba
  • django-1-框架介绍
    <<<python虚拟环境>>> 用django框架做web开发必须要用到python虚拟环境,而且一个虚拟环境只能创建一个django项目,如果创建多个django项目的画将会出现一些莫名奇妙的异常 ...
    99+
    2023-01-30
    框架 django
  • C#多线程之取消架构介绍
    .NET 4.5 中包含取消架构,允许以标准方式取消长时间运行的任务。每个阻塞调用都应支持这种机制。但目前,并不是所有阻塞调用都实现了这个新技术。已经实现了这种机制的技术有任务(ht...
    99+
    2022-11-13
  • 手写PHP API框架(三)之反射介绍
    上一篇《手写PHP API框架之Composer的安装使用(二)》文章中我们介绍了Composer的安装使用,这一文我们来介绍一下有关反射的概念介绍。反射,直观理解就是根据到达地找到出发地和来源。 反射指在PHP运行状态中,扩展分析PHP程...
    99+
    2023-05-14
    php API 反射
  • Struts2之Validator验证框架的详细介绍
    Struts2中提供了数据校验验证数据例如验证邮件、数字等。验证方式有3种:一是通过validate()方法,二是通过Xml,三是使用注解方式。一、初始化首先定义一个User类package com.cyw.test;import java...
    99+
    2023-05-31
    struts 验证 dat
  • SpringBoot框架详细介绍
    目录 1.SpringBoot简介 2. 搭建springboot工程 3. 了解pom.xml以及配置文件 4. springboot的配置文件种类 5. java读取springboot配置文件的内容。 第一种: @Value读取 第二...
    99+
    2023-10-08
    spring boot java spring
  • PythonFlask框架使用介绍
    目录1. 数据库连接池2. wtfroms3. 信号3.1 内置信号3.2 使用信号3.3 自定义信号4. 多app应用5. flask-script5.1 快速使用5.2 自定制命...
    99+
    2022-11-11
  • SpringCache框架应用介绍
    目录介绍常用注解实际测试介绍 Spring Cache是一个框架,实现了基于注解的缓存功能,只需要简单地加一个注解,就能实现缓存功能。 Spring Cache提供了一层抽象,底层可...
    99+
    2022-11-13
  • python web框架的介绍
    随着互联网的兴起,web开发变得愈发的重要。Python作为当前火热的语言, 其中的web开发框架可以说是百花齐放,下面聊一聊这些框架。 一: 基于Python的代表性Web框架 Django Django是一个开放源代码的Web应用...
    99+
    2023-01-30
    框架 python web
  • C#定时任务框架Quartz.NET介绍与用法
    什么是定时任务? 最近恰巧有类似的需求, 需要做一个应用程序服务, 每天定时给服务器上传采集的数据。 在没有任务框架的使用前提下, 如果我们想要实现类似的需求,可以自己写一个计时器,...
    99+
    2022-11-13
  • scrapy框架的简单介绍
    这篇文章主要介绍“scrapy框架的简单介绍”,在日常操作中,相信很多人在scrapy框架的简单介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”scrapy框架的简单介绍”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-06-02
  • Python测试框架pytest介绍
    目录一、Pytest简介二、Pytest安装三、Pytest测试执行四、测试类主函数五、断言方法六、常用命令详解七、接口调用一、Pytest简介 Pytest is a mature...
    99+
    2022-11-13
  • 代码级质量技术之基本框架介绍
    一、背景代码级质量技术:顾名思义为了服务质量更好,涉及到代码层面的相关技术,特别要指出的是,代码级质量技术不单纯指代码召回技术,如静态代码扫描、单元测试等。研究代码级质量技术主要有以下几个方面的原因:1、随着精准测试等概念的兴起,对代码覆盖...
    99+
    2023-06-06
    代码级质量 框架
  • C++轻量级界面开发框架ImGUI介绍小结
    目录ImGUI简介ImGUI的界面实现技术选型如何使用ImGUI  如果从事过C++ Windows客户端开发,大家对MFC、Qt、DuiLib等各种DirectUI应该有了解,本篇...
    99+
    2022-11-12
  • Asp.net core前端框架Blazor介绍
    一、Blazor介绍 Blazor是微软在Asp.net core 3.0中推出的一个前端MVVM模型,它可以利用Razor页面引擎和C#作为脚本语言来构建WEB页面. 在.Net5...
    99+
    2022-11-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作