39 search resultsShowing 1~20 results

Stocked
felis_silv

@felis_silv

Skia Tips:ヒートマップ風のグラフ

波形などのグラフを重ねて、バラツキを含んだ全体的な傾向を把握するのに便利な、ヒートマップ風のグラフをSkiaで描画する方法を紹介します。 ヒートマップ風グラフの実装 例として、微妙に異なる10本...

0
0
Comment0
felis_silv

@felis_silv

Skia:基本からTipsまで

そもそもSkiaって? 「Skia」は、Googleが中心となって開発しているオープンソースの2Dグラフィックスライブラリで、ChromeやAndroid、Flutterといった大規模なプロジェ...

1
1
Comment0
felis_silv

@felis_silv

Skia Tips:Arial系フォントの使い方

Skiaで、Arialのような多くのタイプフェイスを持つフォントを使用する場合、少々面倒な手順が必要です。ここでは、Arial Blackフォントを例に、その使い方を説明します。 そもそもなんで...

1
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:流れる点線

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

1
0
Comment0
felis_silv

@felis_silv

Skia Tips:摺りガラス

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

3
2
Comment0
felis_silv

@felis_silv

Skia Tips:水が流れるパイプ

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

3
1
Comment0
felis_silv

@felis_silv

Skia Tips:もつれあう線

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

0
0
Comment0
felis_silv

@felis_silv

Skia Tips:縁取りエフェクト

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

0
0
Comment0
felis_silv

@felis_silv

Skiaの実践:クリッピングの技

クリッピングは、描画領域を制限するための機能です。これにより、特定の領域内でのみ描画を行うことができます。単純な機能ですが、効果的に使用することで、パフォーマンスの向上や、様々な視覚的な効果を実...

0
0
Comment0
felis_silv

@felis_silv

Skiaの実践:動くシェーダー

「Skiaの基本:シェーダーの基本」の章では、Skiaのシェーダーの基本的な使い方について説明しました。ここでは、変化するシェーダーの作成方法について説明します。 シェーダーの動的更新 シェーダ...

0
0
Comment0
felis_silv

@felis_silv

Skiaの実践:折れ線や曲線

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

0
0
Comment0
felis_silv

@felis_silv

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

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

0
0
Comment0
felis_silv

@felis_silv

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

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

1
0
Comment0
felis_silv

@felis_silv

Skiaの実践:いろいろな線

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

1
0
Comment0

39 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