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