C语言实现水波纹效果

本文实例为大家分享了C语言实现水波纹效果的具体代码,供大家参考,具体内容如下

#include <graphics.h>
#include <conio.h>
#include <stdio.h>

#define PIC_HEIGHT 600
#define PIC_WIDTH 800

void FrameFun();     // 帧逻辑函数,处理每一帧的逻辑
void RenderFun();     // 帧渲染函数,输出每一帧到显示设备

IMAGE src_img;     // 原位图
IMAGE dest_img(PIC_WIDTH, PIC_HEIGHT);  // 处理后显示的位图
DWORD *img_ptr1;     // 原图片片内存指针
DWORD *img_ptr2;     // 处理后显示的位图内存指针

// 以下两个 buf 为每一个点的波幅,前者为当前波幅,后者为下一个时刻的波幅。
short *buf = new short[PIC_HEIGHT*PIC_WIDTH+PIC_WIDTH];
short *buf2 = new short[PIC_HEIGHT*PIC_WIDTH+PIC_WIDTH];

void main()
{
 // 初始化设备,加载图片
  initgraph(PIC_WIDTH, PIC_HEIGHT);
 SetWindowText(GetHWnd(), "Wave-水波纹效果(点击产生一个水波纹。移动鼠标连续产生水波纹)");
  loadimage(&src_img, "water.jpg"); // 加载图片,大小:800*600
 setbkmode(TRANSPARENT);
 settextcolor(BLACK);
 setfont(25, 0, "Arial");

 // 获得内存指针
 img_ptr1 = GetImageBuffer(&src_img);
 img_ptr2 = GetImageBuffer(&dest_img);

 // 初始化波幅数组
 memset(buf, 0, (PIC_HEIGHT*PIC_WIDTH+PIC_WIDTH) * sizeof(short));
 memset(buf2, 0, (PIC_HEIGHT*PIC_WIDTH+PIC_WIDTH) * sizeof(short));

 // Let's Go!
 BeginBatchDraw(); // 双缓冲,闪屏时需要
 while(true)
 {
 FrameFun();
 RenderFun();
 FlushBatchDraw();
 Sleep(1);
 }
 EndBatchDraw();
}

// 计算出下一个时刻所有点的波幅
void nextFrame()
{
 for(int i = PIC_WIDTH; i < PIC_HEIGHT*(PIC_WIDTH-1); i++)
 {
 // 公式:X0'= (X1+X2+X3+X4) / 2 - X0
 buf2[i] = ((buf[i-PIC_WIDTH] + buf[i+PIC_WIDTH] + buf[i-1] + buf[i+1]) >> 1) - buf2[i];

 // 波能衰减
 buf2[i] -= buf2[i] >> 5;
 }

 short *ptmp = buf;
 buf = buf2;
 buf2 = ptmp;
}

// 处理当前时刻波幅影响之后的位图,保存在 dest_img 中
void RenderRipple()
{
 int i = 0;
 for (int y = 0; y < PIC_HEIGHT; y++)
 {
  for (int x = 0; x < PIC_WIDTH; x++)
  {
  short data = 1024 - buf[i];

  // 偏移
  int a = ((x - PIC_WIDTH / 2) * data / 1024) + PIC_WIDTH / 2;
  int b = ((y - PIC_HEIGHT / 2) * data / 1024) + PIC_HEIGHT / 2;

  // 边界处理
  if (a >= PIC_WIDTH) a = PIC_WIDTH - 1;
  if (a < 0)  a = 0;
  if (b >= PIC_HEIGHT) b = PIC_HEIGHT - 1;
  if (b < 0)  b = 0;

  // 处理偏移
  img_ptr2[i] = img_ptr1[a + (b * PIC_WIDTH)];
  i++;
  }
 }
}

// 鼠标模拟投石头
// 参数说明:
// (x, y): 鼠标坐标
// stonesize: “石头”的大小
// stoneweight: 投“石头”的力度
// Ps: 如果产生错误,一般就是数组越界所致,请酌情调整“石头”的大小和“石头”的力度
void disturb(int x, int y, int stonesize, int stoneweight)
{
 // 突破边界不处理
 if ((x >= PIC_WIDTH - stonesize) ||
 (x < stonesize) ||
 (y >= PIC_HEIGHT - stonesize) ||
 (y < stonesize))
 return;

 for (int posx=x-stonesize; posx<x+stonesize; posx++)
 {
 for (int posy=y-stonesize; posy<y+stonesize; posy++)
 {
  if ((posx-x)*(posx-x) + (posy-y)*(posy-y) < stonesize*stonesize)
  {
  buf[PIC_WIDTH*posy+posx] += stoneweight;
  }
 }
 }
}

// 计算fps
float getFps()
{
#define FPS_COUNT 8
 static i = 0;
 static oldTime = GetTickCount();
 static float fps;

 if (i > FPS_COUNT)
 {
 i = 0;
 int newTime = GetTickCount();
 int elapsedTime = newTime - oldTime;
 fps = FPS_COUNT / (elapsedTime / 1000.0f);
 oldTime = newTime;
 }
 i++;
 return fps;
}

// 渲染
void RenderFun()
{
 RenderRipple();
 putimage(0, 0, &dest_img);

 char s[5];
 sprintf(s, "%.1f", getFps());
 outtextxy(0, 0, s);
}

// 逻辑
void FrameFun()
{
 // 鼠标
 if(MouseHit())
 {
 MOUSEMSG msg = GetMouseMsg();
 if(msg.uMsg == WM_MOUSEMOVE)
 {
  disturb(msg.x, msg.y, 3, 256);
 }
 else if(msg.uMsg == WM_LBUTTONDOWN)
 {
  disturb(msg.x, msg.y, 3, 2560);
 }
 FlushMouseMsgBuffer();
 }

 // 计算下一帧的波幅
 nextFrame();
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • C语言实现数字雨效果

    本文实例为大家分享了C语言实现数字雨效果展示的具体代码,供大家参考,具体内容如下 #include <windows.h> #include <windowsx.h> #define ID_TIMER 1 #define STRMAXLEN 25 //一个显示列的最大长度 #define STRMINLEN 8 //一个显示列的最小长度 LRESULT CALLBACK WndProc (HWND, UINT, WPARAM, LPARAM) ; /////////////////

  • C语言实现水波纹效果

    本文实例为大家分享了C语言实现水波纹效果的具体代码,供大家参考,具体内容如下 #include <graphics.h> #include <conio.h> #include <stdio.h> #define PIC_HEIGHT 600 #define PIC_WIDTH 800 void FrameFun(); // 帧逻辑函数,处理每一帧的逻辑 void RenderFun(); // 帧渲染函数,输出每一帧到显示设备 IMAGE src_img; // 原位

  • Android实现水波纹效果

    一.效果 点击开始: 点击停止: 二.在MainActivity中 import android.graphics.Paint; import android.os.Bundle; import android.support.v4.view.animation.LinearOutSlowInInterpolator; import android.support.v7.app.AppCompatActivity; import android.view.View; import android

  • Android实现自定义华丽的水波纹效果

    先来看看效果 实现效果 模拟水波纹的效果:点击屏幕就有圆环出现,半径从小到大,透明度从大到小(0为透明) 实现思路 1.自定义类继承View. 2.定义每个圆环的实体类 Wave,并初始化绘制圆环的画笔的数据. 3.重写onTouchEvent方法,down时,获得坐标点,做为圆环圆心. 4.发送handler信息,对数据进行修改,刷新页面. 5.重写onDraw方法,绘制一个圆环. 1. 自定义类继承View 新建WaterWaveView2类继承View public class Water

  • Android中Item实现点击水波纹效果

    前言 水波纹效果大致上可以分为两类,一类是有界水波纹,而另一类是无界水波纹,较为广泛使用的是有界水波纹. 系统自带的水波纹实现 系统自带的方法非常方便,只需要给相应的空间设置背景,背景内容则为系统自带的 selectableItemBackground ,这样的话,水波纹就会在TextView所在的区域内进行绘制. <TextView android:background="?android:attr/selectableItemBackground" ... /> 先上效

  • Android5.0中多种水波纹效果的实现代码

    水波纹效果已经不是什么稀罕的东西了,用过5.0新控件的小伙伴都知道这个效果,可是如果使用一个TextView或者Button或者其它普通控件的话,你是否知道如何给它设置水波纹效果呢?OK,我们今天就来看看这个水波纹效果的实现.水波纹效果的实现有系统自带属性可以实现,我们也可以自定义实现效果. 1.系统自带水波纹实现方式 有界水波纹 水波纹效果大致上可以分为两种,一种是有界的,一种无界,我们先来看看有界水波纹效果: 效果: 代码: <TextView android:layout_width=&quo

  • Android自定义控件实现水波纹效果

    本文实例为大家分享了Android自定义控件实现水波纹的具体代码,供大家参考,具体内容如下 示例代码: MainActivity.java package com.example.mhy.shuibowen; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; public class MainActivity extends AppCompatActivity { @Override protec

  • Android实现简单水波纹效果

    本文为大家分享了Android实现水波纹效果展示的具体代码,供大家参考,具体内容如下 一.效果 二.实现原理 自定义view,使用Path和贝塞尔曲线绘制,然后不断刷新,并且改变X.Y的值 主要知识点rQuadTo的使用 三.实现 WaveView.java public class WaveView extends View { private Paint mPaint; private final Path mPath; //波长 private int wavelength = 500;

  • js拖动滑块和点击水波纹效果实例代码

    拖动滑块效果: 先看看效果图: <!doctype html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <t

  • Android 通过自定义view实现水波纹效果案例详解

    在实际的开发中,很多时候还会遇到相对比较复杂的需求,比如产品妹纸或UI妹纸在哪看了个让人兴奋的效果,兴致高昂的来找你,看了之后目的很明确,当然就是希望你能给她: 在这样的关键时候,身子板就一定得硬了,可千万别说不行,爷们儿怎么能说不行呢: 好了,为了让大家都能给妹纸们想要的,后面会逐渐分享一些比较比较不错的效果,目的只有一个,通过自定义view实现我们所能实现的动效: 今天主要分享水波纹效果: 标准正余弦水波纹: 非标准圆形液柱水波纹: 虽说都是水波纹,但两者在实现上差异是比较大的,一个通过正余

  • Android实现水波纹效果实例代码

    效果图 attrs.xml 自定义属性 <declare-styleable name="RippleAnimationView"> <attr name="ripple_anim_color" format="color" /> <!-- 水波纹填充类型 --> <attr name="ripple_anim_type" format="enum"> <

随机推荐