MonoGameでSkiaSharpを使う - 版の履歴

2021年12月17日 (金) 02:30に153.134.161.174による

2021-12-17T02:30:14Z

← 古い版		2021年12月17日 (金) 02:30時点における版
1行目:		1行目:
	~~MonoGameでSkiaSharpを使えれば、MonoGame標準では微妙に抜け落ちてる線を引いたり、丸を描いたり、塗りつぶしたりといった描画処理を簡単に行える。~~		[[MonoGame]]で[[SkiaSharp]]を使えれば、MonoGame標準では微妙に抜け落ちてる線を引いたり、丸を描いたり、塗りつぶしたりといった描画処理を簡単に行える。また、MonoGameが不得意な[[文字列]]の描画を[[True Type Font]]を使って組版ばりの品質で行える。日本語文字列の描画も大丈夫。ほぼ[[OS]]にも依存しない。これ重要。
	~~また、MonoGameが不得意な文字列の描画をTrue~~ Type ~~Fontを使って組版ばりの品質で行える。~~
	~~日本語文字列の描画も大丈夫。これ重要。~~

	== 環境構築 ==		==環境構築==
	基本的にMonoGameプロジェクトにNuGetでSkiaSharpを突っ込むだけで利用できる。		基本的にMonoGameプロジェクトにNuGetでSkiaSharpを突っ込むだけで利用できる。

128行目:		126行目:
	</source>		</source>

	== 関連項目 ==		==関連項目==
	* [[SkiaSharp]]
	* [[SkiaSharpで日本語文字列を描画する]]		*[[SkiaSharp]]
	* [[SkiaSharpでSKImageをファイルに保存する]]		*[[SkiaSharpで日本語文字列を描画する]]
			*[[SkiaSharpでSKImageをファイルに保存する]]

	[[category: MonoGame]]		[[category: MonoGame]]
	[[category: SkiaSharp]]		[[category: SkiaSharp]]

49.98.144.216: /* 環境構築 */

2018-07-10T05:57:35Z

環境構築

← 古い版		2018年7月10日 (火) 05:57時点における版
11行目:		11行目:
	packages.configを書き換える必要がある。この点には注意する必要がある。		packages.configを書き換える必要がある。この点には注意する必要がある。

	~~後はSkiaSharpのSKBitmapをMonoGameのTexture2Dに変換できれば楽勝だ。~~		あとはSkiaSharpのSKBitmapをMonoGameのTexture2Dに変換できれば楽勝だ。
	<source lang="csharp">		<source lang="csharp">
	using System;		using System;

imported>Administrator: /* 関連項目 */

2017-11-16T15:28:51Z

2017年11月16日 (木) 15:19に162.158.255.54による

2017-11-16T15:19:20Z

← 古い版		2017年11月16日 (木) 15:19時点における版
1行目:		1行目:
	MonoGameでSkiaSharpを使えれば、MonoGame標準では微妙に抜け落ちてる線を引いたり、丸を描いたり、塗りつぶしたりといった描画処理を簡単に行える。		MonoGameでSkiaSharpを使えれば、MonoGame標準では微妙に抜け落ちてる線を引いたり、丸を描いたり、塗りつぶしたりといった描画処理を簡単に行える。
	また、MonoGameが不得意な文字列の描画をTrue Type Fontを使って組版ばりの品質で行える。		また、MonoGameが不得意な文字列の描画をTrue Type Fontを使って組版ばりの品質で行える。
	~~日本語文字列の描画も大丈夫。~~		日本語文字列の描画も大丈夫。これ重要。

	== 環境構築 ==		== 環境構築 ==

162.158.255.54: /* 環境構築 */

2017-11-16T15:18:12Z

環境構築

← 古い版		2017年11月16日 (木) 15:18時点における版
29行目:		29行目:
	</source>		</source>

	~~試しに円を描いてみる。~~		試しに虹色グラデーションな円を描いてみる。
	<source lang="csharp">		<source lang="csharp">
	using System;		using System;
76行目:		76行目:
	// 虹色グラデーションシェーダー		// 虹色グラデーションシェーダー
	var shader = SKShader.CreateSweepGradient(		var shader = SKShader.CreateSweepGradient(
	new SKPoint(50, 50),		new SKPoint(w/2, h/2),
	new[] {		new[] {
	new SKColor(0x00,0x00,0xff),		new SKColor(0x00,0x00,0xff),
90行目:		90行目:
	{		{
	Shader = shader,		Shader = shader,
	StrokeWidth = 10,		StrokeWidth = 50,
	IsStroke = true,		IsStroke = true,
	};		};

	// 円を描く		// 円を描く
	canvas.DrawCircle(50, 50, 25, paint);		canvas.DrawCircle(w/2, h/2, w/4, paint);

	// 描画コマンド実行		// 描画コマンド実行

162.158.255.54: ページの作成:「MonoGameでSkiaSharpを使えれば、MonoGame標準では微妙に抜け落ちてる線を引いたり、丸を描いたり、塗りつぶしたりといった描画処...」

2017-11-16T15:14:51Z

ページの作成:「MonoGameでSkiaSharpを使えれば、MonoGame標準では微妙に抜け落ちてる線を引いたり、丸を描いたり、塗りつぶしたりといった描画処...」

新規ページ

MonoGameでSkiaSharpを使えれば、MonoGame標準では微妙に抜け落ちてる線を引いたり、丸を描いたり、塗りつぶしたりといった描画処理を簡単に行える。
また、MonoGameが不得意な文字列の描画をTrue Type Fontを使って組版ばりの品質で行える。
日本語文字列の描画も大丈夫。

== 環境構築 ==
基本的にMonoGameプロジェクトにNuGetでSkiaSharpを突っ込むだけで利用できる。

ただしMonoGameプロジェクトのターゲットフレームワークは初期状態で「Mono / .NET 4.5」となっているが、
このままだとSkiaSharpがWindowsと勘違いしてDLLを開こうとして落ちる。
このためターゲットフレームワークを「Xamarin.* Mobile Framework」に変更するか、
packages.configを書き換える必要がある。この点には注意する必要がある。

後はSkiaSharpのSKBitmapをMonoGameのTexture2Dに変換できれば楽勝だ。
<source lang="csharp">
using System;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;
using SkiaSharp;

public static class MonoGameExtensions
{
public static Texture2D ToTexture2D(this SKBitmap skbitmap, GraphicsDevice graphicsDevice)
{
var texture = new Texture2D(graphicsDevice, skbitmap.Width, skbitmap.Height, mipmap: false, format:SurfaceFormat.Color);
texture.SetData(skbitmap.Bytes);
return texture;
}
}
</source>

試しに円を描いてみる。
<source lang="csharp">
using System;

using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;

using SkiaSharp;

namespace MonoGameSkia
{
public class Game1 : Game
{
GraphicsDeviceManager graphics;
SpriteBatch spriteBatch;
Texture2D texture;

public Game1()
{
graphics = new GraphicsDeviceManager(this);
Content.RootDirectory = "Content";
}

protected override void Initialize()
{
base.Initialize();
}

protected override void LoadContent()
{
// Create a new SpriteBatch, which can be used to draw textures.
spriteBatch = new SpriteBatch(GraphicsDevice);

//TODO: use this.Content to load your game content here

var w = 500;
var h = 500;

using (var bitmap = new SKBitmap(w, h))
using (var canvas = new SKCanvas(bitmap))
{
// 透明色で塗りつぶす
canvas.Clear(SKColors.Transparent);

// 虹色グラデーションシェーダー
var shader = SKShader.CreateSweepGradient(
new SKPoint(50, 50),
new[] {
new SKColor(0x00,0x00,0xff),
new SKColor(0x00,0xdb,0xff),
new SKColor(0x00,0xff,0x49),
new SKColor(0x91,0xff,0x00),
new SKColor(0xff,0x93,0x00),
new SKColor(0xff,0x00,0x47),
new SKColor(0xdd,0x00,0xff),
}, null);

var paint = new SKPaint
{
Shader = shader,
StrokeWidth = 10,
IsStroke = true,
};

// 円を描く
canvas.DrawCircle(50, 50, 25, paint);

// 描画コマンド実行
canvas.Flush();

// SKBitmapをTexture2Dに変換
texture = bitmap.ToTexture2D(graphics.GraphicsDevice);
}
}

protected override void Update(GameTime gameTime)
{
#if !__IOS__ && !__TVOS__
if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape))
Exit();
#endif
base.Update(gameTime);
}

protected override void Draw(GameTime gameTime)
{
graphics.GraphicsDevice.Clear(Color.CornflowerBlue);

spriteBatch.Begin();
spriteBatch.Draw(texture, new Vector2(0, 0), Color.White);
spriteBatch.End();

base.Draw(gameTime);
}
}
}
</source>

== 関連項目 ==
* [[SkiaSharp]]
* [[SkiaSharpでSKImageをファイルに保存する]]

[[category: MonoGame]]
[[category: SkiaSharp]]

← 古い版		2017年11月16日 (木) 15:28時点における版
130行目:		130行目:
	== 関連項目 ==		== 関連項目 ==
	* [[SkiaSharp]]		* [[SkiaSharp]]
			* [[SkiaSharpで日本語文字列を描画する]]
	* [[SkiaSharpでSKImageをファイルに保存する]]		* [[SkiaSharpでSKImageをファイルに保存する]]

	[[category: MonoGame]]		[[category: MonoGame]]
	[[category: SkiaSharp]]		[[category: SkiaSharp]]