TypeScript interfaceの拡張あれこれ
TypeScriptのinterface拡張に関するちょっとしたメモ書きです。 基本 以下のような定義のinterfaceがあったとします。（例えばライブラリなどで宣言されていたり） 型定義.d...
67
31
Comment0
36 search resultsShowing 1~20 results
Stocked
You need to log-in
File System Access APIを使ってローカルファイルの読み書きを試してみる
はじめに File System Access API（旧名：Native File System API）はファイルシステムをWebブラウザ上で再現したAPIで、特筆すべきはユーザー端末のロー...
52
45
Comment0
three.jsで頂点カラーを設定する
three.jsで頂点カラーを設定する 方法を忘れそうなのでメモ書きとして。 前提 threejsバージョン: r139 GPU: NVIDIA GeForce ※three.jsはよく仕様変更...
3
3
Comment0
iOSでのオーディオ再生制限の解除方法いろいろ
はじめに iOS Safari含む近年のWebブラウザではユーザー体験向上やデータ通信量節約などの理由から、ユーザー操作があるまで音を鳴らせないようになっています。 しかしこの制限は一度ユーザー...
114
85
Comment0
pixi.jsでビットマップフォントを使ってみる
※pixi.jsはv5.x系、WebGL Rendererを使っている前提で話してます。 はじめに pixi.jsには標準で好きなフォントでテキストを描画する機能が備わっています。 const ...
3
6
Comment0
webpack-dev-serverでモバイルからアクセス可能なローカル開発サーバーを立ち上げる(in vue-cli)
はじめに vue-cliで生成したアプリ原型を元に開発をしてて、そのアプリの性質上モバイルデバイスでの確認を簡単に行いたい、しかしデフォルトのnpm run devで立ち上がる開発サーバーではモ...
28
18
Comment2
phina.jsでサウンドを読み込むとなぜか動かなくなる！って人向けトラブルシューティング
はじめに タイトルの通り。たまに困っている人を見かけるので…。 トラブルは基本的にはphina.jsがサウンド周りに使っているWeb Audio APIの性質に起因します。 サウンドの鳴らし方そ...
3
1
Comment0
httpとwebsocketの兼用（統合）サーバーを作る
一例です。 前準備 前提・環境 node.js: v10.16.0（async/awaitをサポートしている程度のバージョン） npm: v6.14.2（上のnode.jsとマッチするバージョン...
2
1
Comment0
preact＋typescript+jsx環境 reactとの相違点
preact＋typescript+jsxの環境構築について、日本語での記事が見当たらなかったので書いてみます。 といっても基本的にはreactのものと一緒なので、相違点のみを取り上げます。 な...
4
3
Comment0
pixi.jsで動画を描画する
pixi.jsでは動画も描画する機能があります。その方法をつらつらと書いていきます。 2020-02-20追記：v5版を追加、過去のv4版は後ろの方に移動しました。 v5編 前提 pixi.js...
20
20
Comment0
Unityのinterpolateオプションを図にしてみる
描画補完処理について探ってたところ、unityのRigidbodyInterpolationが勉強になりそうだったので、理解のため調べてました。 RigidbodyInterpolationにつ...
2
2
Comment0
phina.jsのfilter機能を使ってみる
phina.jsには画像（テクスチャ）にフィルタをかける機能があります。 この機能でSTG用に一つの弾画像から色とりどりの弾画像を動的に生成したり、SLGなどでアクティブでないキャラの色を薄暗く...
7
6
Comment0
pixi.jsでへにょりレーザーを作ってみる
へにょりレーザーとは、タイトーSTGや東方project作品でよく見かけるぐにゃーっと曲がる謎レーザーの俗称です。 実行結果 これを一から実装するとなると結構大変ですが、pixi.jsには簡単に...
18
19
Comment0
phina.jsのclipとblendModeで遊んでみた
はじめに まずは以下のゲームをやってみていただきたいです。（音が出ます） https://pentamania.github.io/find-shimauma-chan 注目してほしいのは画面遷...
12
11
Comment0
phina.jsでアプリ更新を任意のタイミングで行う
phina.jsではアプリの更新処理は1/30秒（fps設定により変動）ごとにループ実行されます。しかし、たまに任意のタイミングでこの更新処理を実行したい時があったのでその方法などを備忘録として...
5
1
Comment0
parcel+riot.js v4でstyleタグの挿入が上手くいかなかったときの対処法
環境 parcel: v1.12.3 riot: v4.6.2 riotjs/compiler: v4.4.3 riotjs/parcel-plugin-riot: v4.0.1 Windows...
1
1
Comment0
即席のinput要素が欲しいときはquicksettingsが便利そう
ブラウザ用JSライブラリやアプリの簡単なAPI動作確認などでinput要素が欲しいときがあります。 例えば以下のようなクラスがあったとして、add/subメソッドがちゃんと動いているのかを、実際...
5
4
Comment0
phina.jsで簡単に背景スクロールができるTiledSpriteクラスつくった
アクションゲーム・STG制作の際など背景をスクロールしたいことがままあります。 背景スクロールを表現する方法として、例えば横方向にスクロールしたい時は2枚のスプライトを継ぎ目なく並べてスクロール...
5
2
Comment0
pixi.jsのカスタムフィルターでGLSLを学んでみる
はじめに pixi.js v3用のフィルタークラスがv4で動かない原因を探って色々勉強している内に、カスタムフィルタの作成はGLSLの学習に向いているかも、と思い始めました。 GLSL sand...
61
45
Comment0
Gifsicle+node.jsでgifアニメをまとめて最適化
はじめに 自サイトでは彩りのため、gifアニメを載せている。しかし元々ブログやtwitter紹介用に大きめに録画したものを、特に何の加工もせずCSSで小さく表示していただけだったので、無駄にファ...
3
4
Comment0
36 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles