しっぽを追いかけて

ぐるぐるしながら考えています

Unity と猫の話題が中心   掲載内容は個人の私見であり、所属組織の見解ではありません

CSS でテキストの合成効果をつける

CSS

前回はグラデーションの背景を画像を使わず CSS で描画したので、さらに応用 上に表示するテキストに背景との合成効果を指定してみたい 単に白色のテキストをのせても下記のようにオーバーレイ効果をかけるとこんな感じに Overlay

CSS でグラデーション描画

CSS

Global Summit 明けで Web 関連の勉強再開 実装よりの内容から趣向を変えてちょっとデザイン絡みの内容をやってみます 今回は最近よく見るグラデーションの背景を画像を使わず CSS で描画する方法 Gradient

MVP Global Summit 参加中

Global Summit でも初の試みとなるバーチャル開催に参加しています ・・・ただし、例のごとく内容については NDA なので一切話せません! 例年だったらシアトルの街のこととか、ホテル、歓迎パーティ、食べたランチのことなどは話せたのですが、今年はそれも…

MVP Global Summit がオンライン開催になりました

すでにニュースになっていますが今年の MVP Global Summit は現地開催はせず、オンライン上でのバーチャル開催になりました japan.zdnet.com 今年は参加するつもりで登録していたので大変残念 せっかくなのでリアルタイムでオンライン参加するつもりですが、…

一時的にリモートワーク開始されました

新型コロナウィルスによるリスク軽減のため、勤め先の会社でも一時的ですがリモートワークを開始することになりました 私の場合、自宅でも個人でスマホゲーム開発をしているので開発環境はそのまま流用することになりました とはいえ、ある程度公私で環境を…

Vue.js で配列をもとに反復リストアイテムを表示する

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Vue.js のチュートリアル続行 今回は配列を ViewModel にして複数のリストアイテムを動的に表示する方法を試してみます

Vue.js で process.env の設定値を変更してデバックする

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回 Vue.js の開発者ツールを強引に非表示にしてデバッグしてみました 今度はちゃんと正攻法で、コメントアウト部分を戻…

Vue.js でデバッグ時に開発者ツールを非表示にする

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Blazor と Electron と Flutter をいろいろ触ってみた結果、一番しっくりきた Electron + Vue.js (TypeScript) を勉強す…

Flutter の Web アプリサンプルのコードをながめてみる

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です 最新版では動作が異なる可能性がありますのでご注意ください とりあえず Flutter の Hello world レベルの Web アプリサンプルは動かせましたが、もうちょっとちゃんとしたサンプルがあったので動か…

Flutter の Web アプリサンプルを動かしてみる

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です 最新版では動作が異なる可能性がありますのでご注意ください とりあえず Flutter サンプルを Android で動かせましたが、どうやらプレビュー版ながら Web アプリも作れるらしい というわけで試して…

Flutter の開発環境を構築してみる

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Electron + Vue.js のアプリが試せたので、今度は Flutter を試したい まずは下記手順にしたがって環境構築を始めます... flutter.dev

Vue.js のデータバインディング

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回 Vue.js のサンプルアプリを TypeScript に書き換えて実行できたので、このサンプルを触りつつ Vue.js のデータバイ…

Vue.js のサンプルを TypeScript で書き換えて Electron アプリを動かす

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回は Vue.js のサンプルアプリを Electron として実行してみました 今回はこれをただの JavaScript から TypeScript に…

Vue.js のサンプルを Electron アプリとして動かしてみる

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください TypeScript で Electron のアプリは起動できた・・・しかし TypeScript はデータバインディング機構がないので別途フレー…

Electron の TypeScript で Hello world

※ これは 2019/11/29 時点の node.js v13.2.0 Electron v7.1.2 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回は普通に Electron で Hello world してみましたが、今回はかんたんにできるらしい TypeScript への書き換えで Hell…

Electron で Hello world

※ これは 2019/11/29 時点の node.js v13.2.0 Electron v7.1.2 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Electron の開発環境はできたので、今度は自力で Hello world してみます

Electron の開発環境を構築してみる

※ これは 2019/11/29 時点の node.js v13.2.0 Electron v7.1.2 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Blazor のデータバインディングを見た後は、Electron をさわってみます とりあえず開発環境周りを整備してサンプルアプ…

Blazor Web Assembly のデータバインディングをながめてみる

※ これは 2019/11/15 .NET Core 3.1.0 preview3 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください Electron.NET のライブラリを使えばクライアントアプリっぽく ASP.NET Core の Blazor が利用できることはわかりました 今回はあら…

Electron.NET + ASP.NET Core Blazor でクライアントアプリをつくる

※ これは 2019/11/15 .NET Core 3.1.0 preview3 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 静的な HTML として Blazor WebAssembly を実行できましたが、もっとクライアントアプリっぽく動かす方法があるようなのでお試し

Blazor WebAssembly を静的 HTML で動かしたい

※ これは 2019/11/01 .NET Core 3.1.0 preview1 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回はとりあえず Blazor WebAssembly のサンプルアプリを動かしてみましたが、dotnet run のプロセス実行中でない静的 HTML で動…

Blazor WebAssembly をさわってみた

※ これは 2019/11/01 .NET Core 3.1.0 preview1 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください .NET Core 3.0 が正式リリースされたということで、この .NET Core 3.0 の C# を使って、まだ Preview 版ですが Web ブラウザ上で…

Blender 2.8 でフラットな平面上の頂点や辺を削減する

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Blender を使って、下記のようにフラットなのに余計にある頂点や辺を削減してみます フラットな頂点や辺を削減

Blender 2.8 で孤立した面・辺・頂点を削除する

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Blender を使って、下記のように離れ小島になっている面や辺を一気に削除してみます 孤立を削除

Blender 2.8 で複数の穴を一括で埋める

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Blender を使って、下記のようにあいている穴を一気に埋めてみます 穴を埋める

Blender 2.8 でせん断変形する

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 呼び方になじみがないですが、今回は Blender を使って、下記のようにメッシュをゆがませるせん断変形をやってみます せん断

Blender 2.8 でモデルを回転しながらコピーする

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Blender を使って、下記のように平面を角度をつけながら回転コピーさせてみます 回転しながらコピー 前回は回転した軌跡をそのまま形に…

Blender 2.8 で面の回転体をつくる

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Blender を使って、下記のよう平面を回転させて回転体をつくってみます 平面を回転させて回転体

Blender 2.8 で複数面を一括で差し込む

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Blender を使って、下記のように複数の面に対して一括で差し込みをやってみたいと思います 複数面に一括差し込み 規則的な配置なら下記…

Blender 2.8 で面の三角と四角を相互変換する

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください あの Fate 作品を生んだ TYPE-MOON が立ち上げるゲームスタジオでも採用予定の Blender! 今回はその Blender を使って、下記のように四角い面…

Blender 2.8 で平面を切り裂く

※ これは 2019/08/16 Blender 2.80 時点の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Blender で下記のように頂点を中心に切り込みを入れて切り裂いてみます 切り裂く

スポンサードリンク