OpenFramework中视频或者图片进行中心旋转、平移、放大、缩小、矫正(本例以视频为准,只给出主要代码)

/********** update mesh部分***********/

for(int i=0;i<4;i++)

{

   mesh[i].clear(); //重要,不加的话,移动视频的四个角出现视频的重叠

  mesh[i].addVertex(ofPoint(point[i][0]->x,point[i][0]->y));

   mesh[i].addVertex(ofPoint(point[i][1]->x,point[i][1]->y));

   mesh[i].addVertex(ofPoint(point[i][2]->x,point[i][2]->y));

   mesh[i].addTexCoord(ofPoint(0,0));

   mesh[i].addTexCoord(ofPoint(LRatio,0));

    mesh[i].addTexCoord(ofPoint(0,WRatio));

    mesh[i].addVertex(ofPoint(point[i][1]->x,point[i][1]->y));

    mesh[i].addVertex(ofPoint(point[i][2]->x,point[i][2]->y));

   mesh[i].addVertex(ofPoint(point[i][3]->x,point[i][3]->y));

   mesh[i].addTexCoord(ofPoint(LRatio,0));

   mesh[i].addTexCoord(ofPoint(0,WRatio));

   mesh[i].addTexCoord(ofPoint(LRatio,WRatio));

}

/********** draw()部分***********/

ofBackground(ofColor::black); //背景设成黑色,需要投影播放

ofSetColor(ofColor::white);

fbo.begin();//////////整体渲染的开始

ofPushMatrix();

ofClear(255); //重要,消除移动时留下重影

ofTranslate(ofGetWindowWidth()*0.5,ofGetWindowHeight()*0.5);

ofRotate(holisticRotate); //整体的旋转

ofScale(holisticScale->x,holisticScale->y); //整体的放大缩小

ofTranslate(holisticPos->x,holisticPos->y); //整体的上下左右移动

for (int i=0;i<4;i++) //分别对四个视频进行相关的操作

{

   ofPushMatrix();

ofTranslate(m_video[i].width/2,m_video[i].height/2);

ofRotate(rotatePos[i]);    //360度旋转

    ofScale(scalePos[i]->x,scalePos[i]->y); //上下左右反转

   ofTranslate(m_videoPos[i]->x,m_videoPos[i]->y);

    m_video[i].bind(); //绑定视频

   mesh[i].draw();

   m_video[i].unbind(); //解除绑定

   //mesh[i].drawWireframe(); //画边线,不去除在视频中会出现对角线

  ofPopMatrix();

}

   ofPopMatrix();

   fbo.end();//////////整体渲染的结束

   fbo.getTexture().bind();

   _mesh.draw();

  fbo.getTexture().unbind();

   _mesh.clear(); //重要,消除整体移动时的重影

时间: 2024-09-30 15:35:08

OpenFramework中视频或者图片进行中心旋转、平移、放大、缩小、矫正(本例以视频为准,只给出主要代码)的相关文章

android 图片旋转 移动 放大缩小

图片的变化主要是matrix的变化,对matrix不懂的可以先了解下matrxi. public class FunnyView extends View { /* * 手指按下时可能是移动 也可能是拖动 */ private static final int ZOOM = -1 ; private static final int DRAG = 1; private int mode = 0; // 第一个触控点 private PointF startPointF = new PointF

图片浏览(点击放大缩小支持多张图片浏览)

大神写的,我就参考参考啦! 从主布局开始了 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_pare

IOS视图旋转可放大缩小

- (IBAction)hideBut:(id)sender { if (self.flg) { [UIView animateWithDuration:0.3 animations:^{ self.meunBaseLayer.transform = CGAffineTransformRotate(self.meunBaseLayer.transform , 3.14); // 缩放是按比例缩放 self.meunBaseLayer.transform = CGAffineTransformSc

自定义圆形图片实现多点触控放大缩小和拖动

自定义imageview package com.bwie.view; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.PorterDuffXfermode; import android.graphics.Rect; import androi

XenApp/XenDesktop 7.11中对于视频、图片、文字的优化的说明

在桌面虚拟化这个技术门类中,市面上一共主流有以下几种协议: Citrix的ICA/HDX协议 Teradici公司的PCoIP(VMware Horzion中主要使用的协议之一) 微软公司的RDP RedHat公司的spice 以及近两年我们能接触到的 VMware公司的Blast(VMware在Horizion 6版本以后开始提供的协议,有逐步替代PCoIP的趋势) 华为的HDP 但是无论怎么墙头变换大王旗,Citrix的ICA/HDX协议可以说多年来一直都是行业最为优秀的企业级远程交付协议.

PyQt实现图片中心旋转

# -*- coding: cp936 -*- from PyQt4 import QtCore, QtGui, Qt class RotatePage(QtGui.QFrame): def __init__(self, img, x_pos, y_pos, direction = 1, speed = 30, step = 10): super(RotatePage, self).__init__() self.img = img  #图片 self.x_pos = x_pos  #x坐标 s

笔记-Android中打开各种格式的文件(apk、word、excel、ppt、pdf、音视频、图片等)

打开后缀.apk的文件,即启动安装程序: //apkFilePath 文件路径 public void installAPK(String apkFilePath) { // 创建URI Uri uri = Uri.fromFile(new File(apkFilePath)); Intent intent = new Intent(Intent.ACTION_VIEW); // 设置Uri和类型 intent.setDataAndType(uri, "application/vnd.andro

vue项目中图片预览旋转功能

最近项目中需要在图片预览时,可以旋转图片预览,在网上找了下,发现有一款功能强大的图片组件:viewerjs. git-hup: https://github.com/fengyuanchen/viewerjs 在git上看了下,有很多功能,不过我的项目只需要做个图片旋转功能,引入这个组件感觉大材小用了,于是自己写了个简易版的,因为我们只是查看而已,没什么要求.如果你需要比较精确的图片旋转功能,可以使用这个viewerjs组件 功能描述: 一个图片预览框,三个操作按钮: 上一张,下一张,旋转; 点

View以自身中心旋转的代码解惑

matrix.preTranslate(-centerX, -centerY); matrix.postTranslate(centerX, centerY); 经常在中心旋转的应用中看到这段代码. preTranslate是指在matrix旋转之前平移,postTranslate是指在matrix旋转之后平移 注意他们参数是平移的距离,而不是平移目的地的坐标! 由于旋转是以原点(0,0)为中心的,所以为了把界面的中心移至(0,0)对齐,就要preTranslate(-centerX, -cen