手把手地教: 带你一步步走进ebiten的游戏库中(一、图像组合)

前言

ebiten是一款基于go语言实现的游戏库, 这是一款比较成熟的2D游戏库, 也是我迄今为止见到的唯一一款, 由go语言编写, 且评分较高的一款游戏库.

感兴趣的小伙伴可以看看它的官网.

ebiten开源仓库里的example示例高达80多个, 简直不敢相信这些居然、几乎由一个人开发并维护.

接下来, 我将从新手的视角, 一步步为大家讲解ebiten中的代码示例.

图像组合

功能介绍

blend示例中, 我们可以看到两张图片的十二种不同模式的组合

源图:

目标图:

两个图像组合共有12种模式,分别如下:

  • BlendCopy(源图像覆盖目标图像)
  • BlendSourceAtop(目标图像的像素会被源图像的像素替换)
  • BlendSourceOver(源图像叠加在目标图像上)
  • BlendSourceIn(源图像像素保留在目标图像不透明的区域中,目标图像的透明区域会被源图像的像素裁剪掉)
  • BlendSourceOut(源图像像素保留在目标图像透明的区域中,目标图像的不透明区域会被源图像的像素裁剪掉)
  • BlendDestination(目标图像保持不变,源图像对目标图像没有任何影响)
  • BlendDestinationAtop
  • BlendDestinationOver
  • BlendDestinationIn(目标图像的像素保留在与源图像不透明区域重叠的部分内,目标图像其他像素区域会被裁剪掉)
  • BlendDestinationOut
  • BlendXor(只有源图像和目标图像不重叠的部分会被保留,重叠的部分会被去除)
  • BlendLighter(源图像和目标图像像素值的叠加)

这意味着目标图像和源图像的颜色值会相加,从而产生更亮的效果。对于每个颜色通道,计算结果会被限制在 255 以内,以避免溢出

  • BlendClear

以上这12种模式皆是Porter-Duff 合成模式,blend示例代码中,绘制混合模式的代码如下所示:

scss 复制代码
func (g *Game) drawBlendMode(screen *ebiten.Image, x, y float64, mode ebiten.Blend) {
	// Copy the destination image to offscreen so as not to modify it.
	g.offscreen.Clear()
    // 使用ebiten.image中的DrawImage方法
	g.offscreen.DrawImage(g.dest, nil)

	// Select and apply blending mode.
	op := &ebiten.DrawImageOptions{}
	op.Blend = mode
	g.offscreen.DrawImage(g.source, op)

	// Draw the result on the passed coordinates.
    // 把offscreen理解成临时图像,先绘制目标图像,再绘制带blend模式的源图像,最后将offscreen图像绘制在画布上
	op = &ebiten.DrawImageOptions{}
	op.GeoM.Translate(x, y)
	screen.DrawImage(g.offscreen, op)
}

绘制图像组合时,需取源图像、目标图像边界x、y的最大值

scss 复制代码
g.tileSize = maxSide(g.source, g.dest)
g.offscreen = ebiten.NewImage(g.tileSize, g.tileSize)

// maxSide returns the largest side of a or b images.
func maxSide(a, b *ebiten.Image) int {
	return max(
		max(a.Bounds().Dx(), b.Bounds().Dx()),
		max(a.Bounds().Dy(), b.Bounds().Dy()),
	)
}

应用场景

  • 透明效果:

使用不同的混合模式可以实现不同类型的透明效果,如 ebiten.CompositeModeSourceOver 用于正常的透明混合,ebiten.CompositeModeClear 用于清除目标区域,等等。

  • 光照和特效:

混合模式可用于模拟光照和特效,例如使用加法混合(ebiten.CompositeModeLighter)来叠加光源的亮度,或者使用自定义的混合模式来实现特殊的光照效果。

  • 粒子系统:

在粒子系统中,可以使用混合模式来实现不同的粒子效果,如火焰、烟雾、魔法等。加法混合和屏幕混合常用于这些效果

  • 色彩调整:

使用混合模式可以对图像进行色彩调整,如亮度、对比度和饱和度的调整。通过修改混合模式,可以实现不同的色彩效果

相关推荐
向前看-3 小时前
验证码机制
前端·后端
超爱吃士力架4 小时前
邀请逻辑
java·linux·后端
AskHarries6 小时前
Spring Cloud OpenFeign快速入门demo
spring boot·后端
isolusion7 小时前
Springboot的创建方式
java·spring boot·后端
zjw_rp8 小时前
Spring-AOP
java·后端·spring·spring-aop
我是前端小学生8 小时前
Go语言中的方法和函数
go
TodoCoder8 小时前
【编程思想】CopyOnWrite是如何解决高并发场景中的读写瓶颈?
java·后端·面试
凌虚9 小时前
Kubernetes APF(API 优先级和公平调度)简介
后端·程序员·kubernetes
机器之心9 小时前
图学习新突破:一个统一框架连接空域和频域
人工智能·后端
.生产的驴10 小时前
SpringBoot 对接第三方登录 手机号登录 手机号验证 微信小程序登录 结合Redis SaToken
java·spring boot·redis·后端·缓存·微信小程序·maven