C# Unity | 棒グラフのスクリプト
棒グラフのスクリプトメモです。 コードC# using UnityEngine; using UnityEngine.UI; public class BarGraph : Graphic { public float[] data; fl...
UI
C# 
ClipStudio イラスト配色の参考になるサイト
イラストの配色を決める際に参考になるサイトのメモです。 配色の参考サイト MATERIAL DESIGN - Tools for picking colors Tools for picking colors マテリアルデザインのカラーパレ...
Unity Unity2D | 円を描くスクリプト
Unity２DでUI用の円を描くスクリプトです。 使い方 Circle2D キャンバスを作成します作成したキャンバス内に空のゲームオブジェクトを作成しますコード「Circle2D」コンポーネントを取り付けますインスペクターから値を設定します...
C# Unity | UI用のテンプレートコンポーネント
Imageなどの既存のコンポーネントを使用せずに、Graphicクラスを継承したUI用のスクリプトを自作する記事です。 テンプレートコンポーネント このテンプレートではImage相当の長方形を描画します。 テンプレート UIRenderer...
C# Unity | レスポンシブUIデザイン用サンプルスクリプト
Unityで複数解像度への対応（レスポンシブUIデザイン）をする場合、アンカー・ピボットの配置、Layoutによる配置が一般的ですが、最近のWebページのようにUIの配置・形を変更する場合はスクリーンのサイズを取得し、変化が有れば更新する形...
Component Unity | 画像・テキストに影をつける「Shadow」コンポーネント
UI画像や、テキストに影をつけるコンポーネント「Shadow」のメモです。 使用方法 Shadowコンポーネント 「AddComponent」から「Shadow」をアタッチして使用します。 設定項目 プロパティー型機能Effect Colo...
Windows SVG作成サイト、ソフトのメモ
クリスタやUnity、Webページ作成用に使用できるSVG画像作成サイト、ソフトをさらっと感想などまとめます。 primalDraw シンプルに書き始められました。 primalDraw 保存（書き出し）形式 SVGPNGJPEG Vect...
WordPress HTML要素の内容をJavaScriptから書き換える
HTMLの要素の内容（中身）をJavaScriptから変更するメモです。 作例 HTMLの数字部分をJavaScriptから変更したい。 5 HTML <!DOCTYPE html> <html lang="en" dir="ltr"> <...
WordPress Atom | Material Iconsを使用する
Material IconsをWordPress上で使用するメモです。 HTML GoogleWebフォント経由で使用する Webページ上で使用するには、HTMLに以下の一行を追加します。 <link href=" アイコンを取り付ける <...
ClipStudio クリスタ | SVG入出力機能のメモ
2020/9/30に公開されたSVG入出力機能のメモです。 クリスタがSVG編集ソフトになりました。 SVG入出力機能 (9/30アップデータ公開予定) SVG入出力機能を追加、Adobe Illustratorとベクターをクリップボード経...
WordPress css | 角丸が反映されない場合の対処
border-radiusが子要素に適用されていないため、角丸になりません。 対処方法 以下の一行を追加します。 overflow: hidden; overflow: hiddenによってボックスに収まりきらない部分が非表示になります。 ...
WordPress WordPress | カード風囲み枠の枠部分
HTML、CSSでカード風の囲み枠を作ってみました。 このようなもの カード風のシンプルな囲み枠をHTML、CSSで作る場合以下のようなコードを書きます。 カードのテキスト HTMLコード <center><div class="bb-bo...
ClipStudio Unity | 円を使用して枠付き角丸のUIを作成する
コンテンツ背景用とその影の円を使用してUIを作成します。
ClipStudio 【クリスタ】一つの画像でまるしかくUI【Unity】
Unity等で使える９SliceUI画像の描き方と使い方メモです。
UI 操作用Canvasの設定メモ
Hierarchy（右クリック）>UI>Canvas でScene上にCanvas追加 Inspector上でRenderModeを ScreenSpace-CameraにRenderCameraにMainCameraを選択（ドラッグ＆ドロ...