37 search resultsShowing 1~20 results

Stocked
felis_silv

@felis_silv

Skiaの実践:ブレンドモード

Skiaは、CSSで使用されるmix-blend-modeに対応する多くのブレンドモードをサポートしています。 ブレンドモードの設定方法 直接描画時に指定する方法 ペイントのBlendModeプ...

1
0
Comment0
felis_silv

@felis_silv

Skiaの実践:テキスト描画を極める

テキストの基本的な描画方法については、「Skiaの基本:テキスト描画の基本」で説明しました。 ここでは、もうすこし実践的なテキスト描画のテクニックについて説明します。 折り返しテキストの描画 長...

0
0
Comment0
felis_silv

@felis_silv

Skia Tips:もつれあう線

よれてもつれあう、装飾的な線をSkiaで描画する方法について説明します。 もつれあう線の実装 これはパスエフェクトのちょっと複雑な組み合わせの応用です。 CreateDiscreteでランダムに...

0
0
Comment0
felis_silv

@felis_silv

Skia Tips:岩でできた文字

岩のテクスチャを用いて、岩でできたような盛り上がった文字を描画する方法を紹介します。 エンボスの実装 盛り上がりを表現するには、DistantLitDiffuseという、遠くにある並行光源による...

0
0
Comment0
felis_silv

@felis_silv

Skia Tips:輪郭のぼやけた画像

輪郭をシャープに切り抜いた画像は、クリッピングを使って簡単に描画できますが、輪郭をぼかすにはどうしたらよいでしょうか?ちょっと試してみましょう。 輪郭のぼやけた画像の実装 これは少し複雑なイメー...

0
0
Comment0
felis_silv

@felis_silv

Skia Tips:水が流れるパイプ

これは、とあるコミュニティサイトで見かけたお題です。 「線にグラデーションをつけて、水が流れるパイプを描きたい。どうすればいい?」 質問者はGDI+を使いたかったようですが、ここでは、SkiaS...

2
1
Comment0
felis_silv

@felis_silv

Skia Tips:摺りガラス

イメージフィルタのぼかしフィルタの応用で、摺りガラス(曇りガラス)効果を実現する方法を紹介します。 摺りガラス Version 1 摺りガラス効果は、背景をぼかしつつ、半透明の白色を重ねることで...

3
2
Comment0
felis_silv

@felis_silv

Skiaの基本:ペイントの基本

ペイントの基本を、実際に試しながら見てみましょう。 とりあえず描いてみる 基本的に、すべての描画メソッドは、ペイントを引数に持ちます。とりあえず、何も設定せずにペイントを作って、円を描いてみまし...

2
1
Comment0
felis_silv

@felis_silv

Skia Tips:流れる点線

範囲選択などのUIでよく見かける、流れる点線の実装方法を紹介します。 流れる点線の実装 SKPathEffect.CreateDash の第2引数に時間経過に応じたオフセット(ピクセル単位)を与...

1
0
Comment0
felis_silv

@felis_silv

Skiaの基本:描画の基本

よく使う基本的な図形の描画を、実際に試しながら見てみましょう。 塗り潰す キャンバス全体を特定の色で塗り潰すには、Clearメソッドを使います。 canvas.Clear( SKColors.B...

0
0
Comment0
felis_silv

@felis_silv

Skiaの実践:折れ線や曲線

ここでは、SkiaSharpを使って折れ線や曲線を描画する方法について詳しく説明します。 折れ線の基本形 折れ線を描画するには、SKPathクラスでパスを作成し、DrawPathメソッドで描画し...

0
0
Comment0
felis_silv

@felis_silv

Skia Tips:縁取りエフェクト

イメージフィルタを応用して、縁取(光彩)りエフェクトを実現する方法を紹介します。 最軽量版 Skiaのドロップシャドウフィルタは、指定したオフセットとぼかしを持つドロップシャドウを描画するための...

0
0
Comment0
felis_silv

@felis_silv

Skiaの基本:キャンバスの基本

キャンバスとは キャンバスは、Skiaで描画を行うための基本的なオブジェクトです。 図形、テキスト、画像などを描画するためのメソッドの他、座標変換やクリッピングなどの補助的な操作も提供しています...

0
0
Comment0
felis_silv

@felis_silv

Skiaの基本:基本の「き」

Skiaを扱ううえで欠かせない要素を説明します。 サーフェス (SKSurface) 二次元画像を保持するメモリそのもの。 喩えるなら、「紙」です。ここに描画結果が格納されます。あくまで、描かれ...

1
1
Comment0
felis_silv

@felis_silv

Skiaの基本:シェーダーの基本

Skiaでは、シェーダーを使用して様々なグラフィックス効果を実現できます。非常に奥の深い強力な機能ですが、ここではその基本について説明します。 シェーダーの種類 Skiaには、以下のようなシェー...

0
0
Comment0
felis_silv

@felis_silv

Skiaの基本:イメージフィルタの基本

Skiaのイメージフィルタは、非常に強力な画像処理を提供します。 強力な代わり、難解なものが多いので、ここでは、よく使う基本的なものを紹介します。 ぼかし 描画する図形や画像をぼかすためのフィル...

1
0
Comment0
felis_silv

@felis_silv

Skiaの実践:いろいろな線

ペイントを使って、様々な線を描画する方法を、実際に試しながら見てみましょう。 実線 まずは、基本的な実線の描画です。 using var paint = new SKPaint { Color ...

1
0
Comment0
felis_silv

@felis_silv

Skiaの基本:テキスト描画の基本

ここでは、テキストを描画する基本的な方法と、Skiaでテキストを扱う際の重要なポイントについて説明します。 テキスト描画の基本 まず最初の基本です。色などを設定したペイント(SKPaint)と、...

1
0
Comment0

37 search resultsShowing 1~20 results

Qiita is a knowledge sharing service for engineers.

  1. You can follow users and tags
  2. You can stock useful information
  3. You can make edit suggestions for articles
Functions that can be used after logging in