こんにちは、くりちゃんです。 Three.jsはwebglを簡単に使えるようにするライブラリですが、それでもメッシュを作ったり、シェーダーを書いたりするためには準備しなければいけないものが多いです。 まずThreejsを読み込んでカメラとレンダラーとシーンを用意してステージを作ったら、ジオメトリーとマテリアルからメッシュを作成してシーンに追加して、リクエストアニメーションフレームでループを回して、やっとメッシュを描画できた！ だけど開発中はOrbitControlsでカメラをぐりぐりできるようにしたいし、dat.guiで数値もぐりぐり動かしたい。シェーダーは別ファイルから読み込めるようして可読性を担保したいし、アニメーションにGSAPは必須な気がする。念のためFPSも計測しときたいのとcssとjsのビルドもしてリントも通したい etc. 普段は会社の開発環境にThree.jsを読み込んで、
Node.js向け画像編集ライブラリのSharp の紹介。 特徴 npmパッケージのみで完結していて外部ライブラリの依存は無い 入力はJPEG、PNG、WebP、TIFF、GIF、SVGに対応 出力はJPEG、PNG、WebP、TIFFに対応 フォーマット変換、拡大・縮小、クロッピングなど各種基本的な機能は網羅 インターフェイスはCallback、Promise、Streamに対応 ドキュメントによるとImageMagickより4〜5倍早いらしい 名前からお察しの通りググラビリティは壊滅的 ライセンスはApache-2.0 （0.22.0現在） 使い方 インストール yarnかnpmでインストールするだけでOK。 ネイティブモジュールも含まれるのでそこだけ注意しましょう。 $ yarn add sharp 以後のサンプルは0.22.0のものです。 基本的な使い方 説明不要なくらいシンプル。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
