
0
Web上で型破りなテキスト効果を描画するためのJavaScript API。概要Web上のテキストにエフェクトを適用する場合、デザイナーは伝統的にCSSによって提供されるものに制約されてきました。ほとんどの場合、これは完全に適切です。テキストはテキストですよね?それでも、CSSプロパティまたはgifと画像を組み合わせて、より遊び心のあるものを呼び起こす効果を作成するデザイナーの例は数多く存在します。正確には、代替手段を提供するためにBlotterが存在します。Blotterには構成可能なエフェクトのライブラリが増えていますが、学生や経験豊富なGLSLプログラマーが新しいエフェクトをすばやくブートストラップする方法も提供しています。単一のWebGL Back Buffer BlotterでのAtlasingエフェクトは、単一のWebGLコンテキストですべてのテキストをレンダリングし、アトラスを使用して行う描画呼び出しの数を制限します。複数のテキストが同じ効果を共有する場合、それらは単一のテクスチャにマッピングされ、一緒にレンダリングされます。結果の画像データは、各要素の個々の2Dコンテキストに出力されます。アニメーションループ時間ベースの間隔で実行するのではなく、Blotterの内部アニメーションループはrequestAnimationFrameを使用して、ブラウザーの表示更新レートと一致し、ユーザーが他のブラウザータブに移動したときに一時停止します。ユーザーのデバイスのパフォーマンスを向上させ、バッテリー寿命を維持します。BlotterではないものBlotterに渡すテキストは、使い慣れたスタイルプロパティを使用して個別に構成できます。@ font-face仕様でカスタムフォントフェイスを使用できます。ただし、Blotterは最終的に渡されたテキストをキャンバス要素にレンダリングします。つまり、レンダリングされたテキストは選択できません。Blotterは、タイトル、見出し、グラフィック目的で使用されるテキストなどの要素に最適です。Blotterを長いテキスト本文に使用することはお勧めできません。ほとんどの場合、単語に個別に適用する必要があります。
ウェブサイト:
https://blotter.js.orgカテゴリー
ライセンスのあるすべてのプラットフォームでのBlotter.jsの代替

43

20
GUN
GUNは、完全にJavaScriptで記述され、ピアツーピアアルゴリズムを使用して構築された、オープンソースのリアルタイムグラフデータベースです。

11
Umbrella JS
直感的で文書化されたItは、多くの同様のメソッドを備えたjqueryの影響を強く受けているため、Umbrellaでの開発は安心できます。
- 無料アプリ
- Web
- Self-Hosted

11

8
Webix Pivot Table
Webix Pivotは、Webアプリケーションに埋め込むことができるテーブルレポートを作成するための機能豊富なJavaScriptツールです。

6
Wisdom
完全なフロントエンド監視のために、Webプレゼンス全体でのユーザーエクスペリエンスを理解します。すべてを1つのセッションリプレイ、CRM、および開発ツールのログに記録します。

6
Webix Form Builder
Webix Form Builderツールは、フォーム作成のプロセスを高速化することを目的としています。

3
GoJS
GoJSは、最新のブラウザとプラットフォームにインタラクティブな図を実装するための機能豊富なJavaScriptライブラリです。GoJSでは、カスタマイズ可能なテンプレートとレイアウトを使用して、複雑なノード、リンク、およびグループの図を簡単に作成できます。
- 有料アプリ
- Self-Hosted
- JavaScript

3

3
GraphicsJS
HTML5グラフィックスとアニメーションを簡単に描画するための無料のオープンソースJavaScriptライブラリ。RaphaëlやBonsaiを含む既存のSVG / VMLベースのコンポーネントよりも、すぐに使える機能の点で軽量で強力です。

2

2

2
Jasmine Given
jasmine-given-rspec-givenに似ていますが、ジャスミン用です

1
Zdog
Zdogは、3D JavaScriptエンジンですおよびSVG。Zdogを使用すると、シンプルな3DモデルをWeb上で設計およびレンダリングできます。Zdogは擬似3Dエンジンです。
- 無料アプリ
- Self-Hosted