簡単アニメーション！Pixi.jsを触ってみる！ 〜（1）テキストを動かしてみる〜 突然ですが、 Pixi.js を触ってみることにしました。 （前フリ無しw） Pixi.jsとは? Pixi.jsは、Goodboy Digital社が配布している2D描画用のjavascriptライブラリです。 下記サイトで配布されています。 MITライセンスに基づくオープンソースソフトウエアとして開発が進められています。 このライブラリを使って作ったアニメーションは、WebGLを自動的に使ってくれるようです。 （非対応のデバイスではCanvasを使う）。 難しそうなWebGLを覚えなくて使えるのはうれしいです。 pixi.jsのexampleページでデモが紹介されていますので、いくつか見てみましょう。(スクリーンショット画像クリックで本家pixijs.comサイトのexampleページに飛びます) Ex
旅行におすすめ！バッグに収まる小型三脚比較 『Velbon CUBE vs Manfrotto PIXI vs JOBY ゴリラポッド マイクロ 800』 | かめらとブログ。
それぞれの仕様はこんな感じです。 積載重量は『Velbon CUBE』は400gと心もとない感じです。一眼レフをむりやり使っている方もちらほら見えますが軽量のミラーレスと考えておいたほうが無難です 全高は『Velbon CUBE』のみ脚が伸ばせるので圧倒的な940 mm。170の身長の私でお腹くらいです。重さを考えると『JOBY ゴリラポッド マイクロ 800』がいいですね！『Manfrotto PIXI』とくらべても積載重量は変わらないので、動画を撮らなければ『JOBY ゴリラポッド マイクロ 800』の方が邪魔にならず使いやすいと思います。
Pixi.jsでCanvasをカンタンに触ってみよう！ 〜パーティクル編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ٩( ᐛ )و 以前、こちらの記事でご紹介したPixi.js。 今回はパーティクルを使用して、ちょいと「雪が降ってる風」の演出を実装する方法をご紹介します( ˇωˇ)☝ 導入方法 npmはこちらからインストールしてお使いください。 npm install pixi.js 実装方法 それでは実装方法ご紹介します( ˘ω˘)☞三☞ｼｭｯｼｭｯ 土台の設定 はじめに表示するCanvasを用意します。 Canvasはサイズと背景色も設定できます( ˇωˇ)☝ let app = new PIXI.Application(800,600,{backgroundColor : 0x1099bb}); document.body.appendChild(app.view); 複製させる画像の数を決めておきます( ˇωˇ)☝ //表示をする画像の数 let totalSprite
私も以前から愛用しているManfrottoのミニ三脚「PIXI（ピクシー）」に、上位モデルに当たるニューモデル「PIXI EVO」が加わりました。製品名の「EVO」は「EVOLUTION（進化）」の略だそうです。 Manfrotto：カメラ三脚＆写真アクセサリー 個人的にも気になる製品だったので予約購入してみました。以前のPIXIにはなかった機能がいくつも盛り込まれ、非常に魅力的なミニ三脚に仕上がっているようです。価格は初代PIXIの倍近い価格設定となっていますが、それだけの価格差に見合う製品へと進化を遂げているか？ 早速チェックしていきましょう。 Manfrotto ミニ三脚 PIXIシリーズ PIXI EVO ボール雲台 レッド MTPIXIEVO-RD マンフロット(Manfrotto)Amazon 初代PIXIよりひと回り大きいサイズ PIXI EVOの格納時の全高は20cm。18
VueとPixi.JSでアクションゲーム『ネコメザシアタック』を開発して3年目なのでソースと解説 - Qiita
2/22に個人開発のブラウザゲーム『ネコメザシアタック21』をリリースしました。 特に理由はないのですが、3年前からこの時期には毎年同じテーマでゲームを作ってます。 ぶっちゃけ全然流行らないし、当然収益なんて1円もないのだけど、3年続けると見えてくることもあるので今年も記事書きます。せめて供養がわりにLGTM頂けると幸甚の極みです 作ったものの変遷 まあそんなわけで、まずはこの3年間での進歩をみて欲しい 1年目：その場でジャンプするだけの超シンプルゲーム プレイURL: https://mezashiattack.firebaseapp.com ソースコード: https://github.com/yuneco/mezashi 解説記事: VueとSVGを使ってシューティングゲーム『ネコ🐱メザシ🐟アタック🌟』を作ったのでソースと解説 その場でジャンプして弾（メザシ）を発射するだけの簡
中国TCL Communication傘下のスマートフォンメーカーALCATEL ONETOUCHは１月２日（現地時間）、Android／Firefox OS／Windows Phone互換のスマートフォン「PIXI 3」を発表した。１月６日からラスベガスで開催の「2015 International CES」で披露する。 サイズは3.5インチ、４インチ、4.5インチ、5インチの4種類で、3.5インチは３Gにのみ対応で、他はLTEにも対応する。 同社はAndroid、Firefox OS、Windows Phoneをそれぞれ異なるシリーズで提供している。従来のPIXIシリーズはAndroid搭載だった。 デュアルSIMでOSを切り替えて使えるのかどうかなど、スペックの詳細はまだ不明。同社は発表文で「ユーザーは複雑なシステムを求めていない。仕事でもスマートフォンでも慣れている環境を好む」と説
Pixi.jsを初めて触って簡単にアニメーションを作成してみた話（その1） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。CTOのづやです。 最近のサイトはぐいんぐいんと動いてたりしますよね。私も負けずにぐいんぐいん動かしたいなと思っていたのですが、素で書くにはなかなか難易度が高そうです。 そんなとき、弊社のエンジニア・ハカセがPixi.jsというライブラリを教えてくれました。Canvasライブラリの中では最速とのこと。 そこで今回は、そのPixi.jsを初めて触って簡単にアニメーションを作成してみた話を紹介したいと思います。 Pixi.js http://www.pixijs.com/ Pixi.jsの基本 まずは公式サイトのダウンロードボタンを押し、遷移先のGitHubよりコードを落としてきます。 GitHub https://github.com/GoodBoyDigital/pixi.js ダウンロードした中のexamplesフォルダの中には、サンプルがたくさんあります。 1つ目のサンプル
●●WebGL(PIXI.js + glsl)と物理演算(matter.js)で可愛い絵本風タピオカ作ったので解説●● - Qiita
こんにちは。WebGLのお勉強1週間目くらいの絵描き系エンジニア「ゆき」です。最近Qiita界隈でもタピオカが流行っているらしいので、今日は勉強中の技術をフルに活用してタピオカを作ってみました。 ここで試せます（スマホ未対応）： https://tapioca-pixi.firebaseapp.com この記事の内容と想定読者 この記事ではJavaScriptの描画エンジンの定番の一つであるPIXI.jsと、物理演算ライブラリのmatter.jsを使って、タピオカを可愛くふわふわさせる表現のアプローチとポイントを解説します。 物理エンジンと描画エンジンの連携方法 シェーダーによるオリジナルの表現 物理演算で表現したいものを作るためのチップスいくつか シェーダー(glsl)周りは結構独特なので別途もうちょっとちゃんとした解説記事を書く予定です。この記事はどちらかというと駆け足のネタ記事になっ
GitHub - kittykatattack/learningPixi: A step-by-step introduction to making games and interactive media with the Pixi.js rendering engine.
Pixi is an extremely fast 2D sprite rendering engine. What does that mean? It means that it helps you to display, animate and manage interactive graphics so that it's easy for you to make games and applications using JavaScript and other HTML5 technologies. It has a sensible, uncluttered API and includes many useful features, like supporting texture atlases and providing a streamlined system for a
こんにちは。HTMLやCSSに触るよりも前にちょっとFlashで遊んでいたフロントエンドエンジニアの上祖師谷です。 さっそくですが、そう、Flash、Flashなんですよ……。 Flash Player の提供が2020年に終了してしまうそうですね。ああ、なんてこと……。 参考: Adobe、「Flash Player」の更新と提供を2020年末で終了 – 窓の杜 Flashの黄昏につきましては、セキュリティやパフォーマンスその他、多くの観点から語られていますので今ここで深く掘り下げは致しませんが、過去のFlash資産が失われてしまうのが純粋に惜しいと思っています。 また、作る側としてもFlashは結構とっつきやすく、アニメーションがわからなくてもプログラミングが初心者でも、なんとなく動くところまでもっていける。そういう簡単さがあんなにも裾野を広げたのかなあと。 ありがとうFlash、青春
身近な文房具やモバイル用のコードから、ヨガマットまで。きちんと束ねて、取り外しも簡単。新しい「モノを束ねるための」道具。 モノやケーブル類を束ねておくための、道具。すでに市場にはたくさんの種類のものが出来ています。例えばベルクロで出来たものや、ナイロン製のもの。しかしそれらの製品には利点を持ちながらも、同時に欠点も備えていました。 例えばナイロン製の結束ベルト。価格も手頃で、しっかり固定できますが、一度しか使うことができません。またベルクロ製のものは繰り返しの使用は可能ですが、固定する力が弱いという面があります。 しっかり固定ができて、取り外しも瞬時にできる。そして束ねた後から調節も可能。さらに束ねたモノを吊り下げて保存・管理することもできる。 これまでに無かった、モノを束ねるための小さな道具。ゴムバンドとTPU素材のロック機構を備えた BlueLoungeデザインの新しい道具、それがこの
中国の電子機器メーカーTCL傘下のブランドALCATEL ONETOUCHが、Android・Firefox OS・Windows Phoneという3つのモバイルOSの中から好きなものを選択できるスマートフォン「Pixi 3」を発表しました。 Alcatel's new Pixi smartphone can run Windows, Android, or Firefox OS | The Verge http://www.theverge.com/2015/1/2/7479907/alcatels-pixi-smartphone-runs-windows-android-or-firefox-os ALCATEL ONETOUCH - Products - Smart phones http://www.alcatelonetouch.com/global-en/products/sm
Freeware Palm WebOS apps and games downloads for Pre and Pixi.
Palm Web OS freeware apps and games! More than 9,400 free Palm Pre / Pixi software, medical applications, bluetooth and GPS tools for HP webOS powered Palm Pre and Palm Pixi, together with Palm OS powered Tungsten, LifeDrive, Centro and Treo smartphones. Wireless, Twitter, Facebook, Social and battery Palm free appps together with ebooks, business, database and phone applications absolutely free f
マンフロット(Manfrotto)のミニ三脚「PIXI EVO」をミラーレス一眼用として購入してみました - macholog.com
2016 - 08 - 07 マンフロット(Manfrotto)のミニ三脚「PIXI EVO」をミラーレス一眼用として購入してみました LIFE LIFE-カメラ 絶賛愛用中のオリンパスミラーレス一眼 「OM-D E-M5 Mark II」 の撮影ツールとして、持ち運びに便利なミニ三脚を購入しました。 「マンフロット ミニ三脚 PIXI EVO」 Manfrotto ミニ三脚 PIXIシリーズ PIXI EVO ボール雲台 ブラック MTPIXIEVO-BK posted with カエレバ マンフロット 2015-10-29 Amazon 楽天市場 マンフロットの三脚はデザイン性が高い ーイタリアデザイン マンフロットの三脚は赤いブロンドロゴが入っているため、他のメーカーのように黒で統一された一般的な三脚に比べ、とてもオシャレな三脚に見えます。 個人的にもデザインは所有欲を満たすために
pixi.jsはWebGL/Canvasに対応した2Dゲームレンダリングエンジンです。 Webブラウザで遊べるゲームはインストールせずに始められる分、敷居はとても低いと言えます。しかしゲームの質を落とせる訳ではありません。特にアクションゲームにおけるレスポンスは大事です。そこで使ってみたいのがpixi.jsです。 pixi.jsを使ったゲーム、RUNpixieRUN。Jetpack系ゲームです。 タップまたはクリックしていると上に浮かび上がります。 メーターがたまると高速化。 障害物に当たったりマグマ（？）に落ちるとゲームオーバー。 iPhoneでも十分遊べるレベルです。 こちらはウサギが飛び回るデモ。 多数のバブルが動き回るデモ。数多くのモデルを描画できます。 こちらは回転するモデル。 pixi.jsはWebGL/Canvasを使ってレンダリングを行います。選択は自動的に行われるようにな
どうもですよ、はやちですよ٩( ᐛ )و 今回は、Canvasの操作を高速に描画できるPixi.jsを触ってみました。 導入から実装まで、ご紹介したいと思います( ˇωˇ)☝ 導入方法 npmはこちらからインストールしてお使いください！ npm install pixi.js 実装方法 image画像を操作する 画像を使用してCanvasに描画とアニメーションさせる方法をご紹介します( ˘ω˘)☝ はじめに表示するCanvasを用意します。 Canvasはサイズと背景色も設定できます( ˇωˇ)☝ let app = new PIXI.Application(800, 600, {backgroundColor : 0xDAE8F4}); document.body.appendChild(app.view); いつも使っている画像を用意します( ˇωˇ)☝ let hayachi = P
弱点がなくなったミニ三脚「Manfrotto PIXI EVO」を購入！旧型と比較しながらレビュー : め〜んずスタジオ
2015年10月30日 弱点がなくなったミニ三脚「Manfrotto PIXI EVO」を購入！旧型と比較しながらレビュー カテゴリ:レビュー写真・動画 待ちに待ったManfrottoのミニ三脚「Manfrotto PIXI EVO」が発売となり、届きました〜！ 一昔前まではカメラの三脚っていらねぇ〜よと思っていた人間なんですが、いつの間にか、三脚を使わないと風景や夜景の撮影ができない身体になっていた僕。 とりあえず小さいのでも持っておけばいいやと、数年前にたまたま買ったのがManfrottoのミニ三脚Manfrotto PIXIだったんですね。そしたらこいつが意外と良くて、微調整が必要なときやブレが怖いシーンなど、特に旅先で夜景を撮ったり街のイルミネーションを撮ったりと、たくさんの撮影機会で大活躍しています。 関連：美しい小樽運河の夜景やレトロな街並みをCanon PowerShot G
皆さん初めまして！ 2013年度新卒ディベロッパーのスエ@sueと申します。 私は現在、スマートフォン向けブラウザゲーム「ペコロッジ」を開発しています。ペコロッジで主に使用しているスマートフォン向けJavascriptライブラリ tofu.jsをテーマにお話したいと思います。 tofu.jsってなんか聞いたことあるな？って感じたあなた。はい、そうです。以前、同じく2013年度新卒デベロッパーのチャーリー@charlie10151015がtofu.jsの特徴について説明してくれました。（「 スマートフォン向けJavascript tofu.js 」参照）今回はこのtofu.jsを用いたスマートフォンのデバイス対応について焦点をあてて説明していきたいと思います！ デバイスのレンダリング性能の差異ブラウザのレンダリング性能の特徴はスマートフォンの機種やバージョンによって様々です。例えばあるAnd
TCLコミュニケーション、約1万円の低価格なSIMフリースマホ「Alcatel PIXI 4」を3月中旬に発売！まずはイオンモバイルで販売され、量販店やWebストアなどでも予定 2017年02月17日20:55 posted by memn0ck カテゴリMVNO・SIMフリーニュース・解説・コラム list SIMフリースマホ「Alcatel PIXI 4」が日本で発売！ TCLコミュニケーションは16日、フランス発とする「Alcatel」ブランドのAndroid 6.0（開発コード名：Marshmallow）を採用した約5.0インチFWVGA（480×854ドット）液晶や1.0GHzクアッドコアCPU、1GB内蔵メモリー（RAM）などを搭載したSIMフリーのAndroidスマートフォン（スマホ）「PIXI 4」を2017年3月中旬に発売すると発表しています。 価格はオープンながら販売拠
箱の中身はミニ三脚 箱を開けてみるとほしいものリストに入れていたManfrottoのミニ三脚 PIXI EVOが入っているじゃないですか。 納品書にはメッセージが・・・・ Message: LEDはアマゾン詐欺価格なのでGEARBESTで買ってくださいｗ あざっした！ 〜←アナル毛 この素敵な贈り物を送ってくれたのは、先日はてなブログを中退したBACKFLOWのLiab（@Liab_jp）さんからでした。 少し前にWordPressに関することで、少しばかりお助けをしたお返しで送ってくださったようです！ありがとうございます！ メッセージにある「LED」とはこの記事のことですので興味のある方は是非チェックしてみてください。 【外付けフラッシュライト】『GODOX LED64』は、かなり使えるアイテムかもしれない ブツ撮り用に１つ欲しいのでGEAR BESTデビューしようかしら。
はじめに pixi.js v3用のフィルタークラスがv4で動かない原因を探って色々勉強している内に、カスタムフィルタの作成はGLSLの学習に向いているかも、と思い始めました。 GLSL sandboxなどでは自前の画像は使えませんが（多分）、pixi.jsのfilterなら用意したテクスチャはもちろん、Graphicsクラスで描いた図形などにもシェーダを適用できます。 グリッチエフェクトの例。なぜかホラー風味... 以下、やり方などを紹介しますが、pixi.jsのバージョンはv4系以上が対象となります。 最近正式リリースされたv5でもほとんど通用しますが、若干の違いはあります（後述）。 バージョン詳細 pixi.js v4.8.7 pixi.js v5.0.2 準備 ES5流にpixi v4のフィルタークラスのテンプレートを書くと以下のような感じになると思います。 ES5流 PIXI.fi
簡単アニメーション！Pixi.jsを触ってみる！ 〜（3）複数のオブジェクトを動かしてみる〜 前回から間が空いてしまいましたが、Pixi.jsの続きです。 pixi.jsの公式サイトへ Pixi.jsはJavascriptで簡単にアニメーションが作れるライブラリです。 前回は画像の動かし方と代表的なプロパティを触ってみました。 今回は、複数のオブジェクトを組み合わせた表現に挑戦してみたいと思います。 簡単な方法でうごかす 1つの画像をたくさん動かす まずは簡単なところから。 ということで、1つの画像ファイルから沢山のスプライトを作成してアニメーションさせてみます。 実は、これ前回既にやっています。雪のサンプル 画像ファイルから複数のスプライトを作っている部分のコードです。 // 画像からスプライトオブジェクトを作る var texture = PIXI.Texture.fromImage(
デジタル一眼レフを毎日持ち歩いています、むねさだ(@mu_ne3)です。 先日、誕生日だったこともありこんな記事を書いたところありがたいことに大量のAmazonの箱が届きまして…。 今日は結婚記念日かつ35歳の誕生日なので、Amazonの欲しい物リストを公開してみる事にしたぞ！ | むねさだブログ その中の1つ、ミニ三脚を最近持ち運んでいるんですが、これが便利で…。 かなり活躍してくれていますのでご紹介したいと思います。 Manfrottoのミニ三脚 ということで今回ご紹介するのはこちらの、Manfrottoのミニ三脚「PIXI」であります。 Manfrotto ミニ三脚 PIXI ブラック MTPIXI-B もともとこちらの記事で紹介されていて気になってたんですよね。 進化したマンフロットのミニ三脚「PIXI」のサイズがデジタル一眼レフにちょうど良く、さらに超安定:[mi]みたいもん！
マンフロットのミニ三脚「PIXI EVO」購入。一本は持っておきたい万能アイテム。 - コメモ。
マンフロットのミニ三脚の「PIXI EVO」を購入しました。 前モデルのPIXIを持っていたのですが、花火を撮るのにレンズをほぼ真上に向ける必要があり、なおかつ軽量コンパクトなものということで、これしかありませんでした。 買う前は若干大きくなったサイズが懸念点だったのですが、実際に使ってみると特に気にならないレベル。たたむと長さは20cm程度なので、旅行などにも問題なく持っていけると思います。 前モデルとの違いを紹介しておきます。写真はiPhoneで撮ったものなのでホワイトバランスにばらつきがあるのはご了承を。 まず脚ですが、通常は開くとこのくらいの高さになります。 しかし今回からはスイッチを切り替えることで、さらにペタンと寝かせることが可能になっており、 撮影の幅が広がります。 また、脚は少しだけ伸びるようになり、安定性が増しました。これなら、大きめのミラーレスくらいなら支えられそうです
Palm、新スマートフォン「Pixi」を発表
米Palmは9月9日、マルチタッチスクリーンとQWERTYキーボード搭載のスマートフォン「Palm Pixi」を発表した。年末商戦期に米キャリアSprintから発売される。価格は今後発表の予定。 OSはPalm独自のwebOSを搭載し、2.63インチディスプレイ、8Gバイトのストレージ、200万画素カメラ、GPS機能を搭載。各種Googleサービス、Facebook、Exchange ActiveSyncに加え、Yahoo!のサービスやプロ向けSNSのLinkedInも統合されている。アプリストアPalm Beta App Catalogにも対応する。 EVDO Rev. Aネットワークに接続可能で、Bluetooth機能も搭載する。サイズは55×111×10.85ミリ、重さは99.5グラム。アーティストがデザインした背面カバー「Palm Pixi Artist Series」で外観をカス
Pixi.js の開発元が提供する実験作！ テクスチャの投影を利用したミニパズルゲーム Spaceman - WebGL 総本山
Goodboy Digital の Lab ページ掲載作品 今回ご紹介するのは、Pixi.js を管理している Goodboy Digital の研究室のページ、つまり Lab ページの作品です。 Pixi.js は WebGL を気軽に利用する手段として非常に優れたライブラリで、いまでは世界中で利用されています。そんな Goodboy Digital のラボサイトだけあって、このサイトには非常に多彩な、優れた作品がたくさん掲載されています。 今回紹介する Spaceman もそんななかのひとつです。 見る方向によって変化するイラスト 今回のサイトは Lab 内の作品ということもあって、それほど規模の大きなものではないのですが、それでもしっかりと作ってあって気軽に楽しむことができるようになっています。 またここで利用されているアイデアも、比較的真似しやすく、WebGL で何か制作されている
デスクトップ用のミニ三脚は以前に購入したことがあるのですが、プラスチック製でなんとも頼りない。 もっと、ちゃんとしたミニ三脚が欲しい～ 、、で、探したのが行きついたのがマンフロットミニ三脚PIXIでした。 ということで、」今回はマンフロットミニ三脚PIXIを買ってみた！をご紹介しま～す。 Manfrotto ミニ三脚 PIXI ブラック MTPIXI-B posted with カエレバ マンフロット 2013-07-11 Amazon 楽天市場 マンフロットミニ三脚PIXIのここがポイント スタイリッシュなイタリアンデザイン 優れたビデオを撮影するための快適なハンドグリップ 軽量で持ち運びやすい クイックセットアップのための使いやすいプッシュボタンのロック機構 コンパクトシステムカメラ用の直感的なミニ三脚 マンフロットミニ三脚PIXIを買ってみた！ 透明なプラスチックのパッケージです。
オシャレなデザインと使い勝手そしてお手頃価格ということで使われている方も多いManfrottoのテーブル三脚、PIXIの進化版、その名の通り「PIXI EVO」が発売されました。 PIXI EVO 製品情報ページ 進化したポイント 開脚角度は55°と80°の2段階の設定が可能になり、最低10.5cmまで伸高を下げることが出来る 脚長は、伸縮タイプとなり5段階の調整が可能になり、全伸高20cmまで伸ばすことが出来る 横ティルトが-90度可能になり縦位置撮影も出来る 耐荷重が2.5kgになり、ミラーレスや小型の一眼レフカメラでの利用も可能に
three.jsやpixi.js等のライブラリを一切使わずにwebGL実行環境をJavaScriptスクラッチする(したい)
青い長方形が表示されているだけですが、テクスチャ画像に表示を切り替えたり頂点の数を変えたり(四角を三角にしたり)する場所にコメントを入れてコネコネできるようにしています(リサイズ対応済み...のはず) 埋め込みcodepenの下に連ねている引用元の素晴らしい入門サイトから、バラバラとコードを繋ぎ合わせているため、コードの整合性や効率に言及できていません。「動いた〜〜やった〜〜」程度の実験場です。「ちょっとこのfragmentShaderの挙動試したいな〜」という時にすぐ動かせる場所がほしくて書いています。 webGL入門サイト webglfundamentals wgld.org ICSメディア オススメwebGL学習教材(動画) codemafiaさん shin-codeさん
Pixi.jsを初めて触って簡単にアニメーションを作成してみた話（その3） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。CTOのづやによる、Pixi.jsのお話のその3です。 今回は、Pixi.jsがカテゴリ化されるところまで頑張りたいと思います。 Pixi.jsを初めて触って簡単にアニメーションを作成してみた話（その1） Pixi.jsを初めて触って簡単にアニメーションを作成してみた話（その2） 今回は複数画像を一挙に扱えるスプライトシート機能を使ってみました。 スプライトシート用の素材を作成します 名前の通りCSSスプライトのようなものなのですが、画像とJSONの組み合わせで利用します。 こんな画像と {"frames": { "1.png": { "frame": {"x":2,"y":2,"w":100,"h":69}, "rotated": false, "trimmed": false, "spriteSourceSize": {"x":0,"y":0,"w":100,"h":69}
2D WebGL renderer Pixi.js v4【連載第一回】 - manmanrai’s diary
背景 いまどき大人気の2D WebGLを作れるjsライブラリーです。日本語のチュートリアルも少ないなので（2017年4月の現時点）、英語のチュートリアル（文末にリンク貼っておきます。）を読み、単語の意味調べながら、やりながらちょっとずつ勉強の記録書きます。 このチュートリアル55chatperありますが、頑張りたいと思います。 ※ 注意：全てチュートリアル通り書かないので、いっぱいオリジナルを挟みます。予めご了承くださいませ。 Start with pixi.js まず、pixi.jsを手に入れましょう。 でもこれは練習ですし、すぐ始めたいなので、CDNで読み込みタイプを選びます。 htmlを作ります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Start with pixi.js</titl
ElectronがTypeScriptを正式にサポート (2017/06/01) しておったから更新じゃ。V.2.2以上でも良いぞ。 自作のWindowsアプリをMacでも動かしたくてのう。RAD StudioやらQtやらまあ試してみたんじゃ。C++出来るもんでな。じゃが・・・情報が少なすぎての、諦めるしかなかった。Qt Quickなんちゅうのはなかなか良い感じなんじゃが。iOSやらAndroidのアプリも作れるそうじゃ。ええ製品作っとるのにもったいないのう。 Electronというもんは以前から気になっとったんじゃが、グラフィックをそれなりに動かすと重そうじゃろ。まあイメージでな。じゃから触っとらんかった。しかし最近はすごいのう。いまさらながらPixi.jsというのを知ったもんで、examplesをいろいろ見ておったらこんなじじぃでもヤれそうな気がしてきてな。久しぶりにElectronす
GitHub - Izzimach/react-pixi: Create/control a Pixi.js canvas using React
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
2015年9月29日に自社サイトのリニューアルしました。 株式会社アクアリング リニューアルにあたって、アクアリングの「アクア（水）」を表現できるような、 波のような動きをつけようということで、 PIXI.jsのロープ（rope）を使って実装してみました。 （rope使わなくても全然いけるのですが・・・） 基本的には「pixi.jsを勉強する[3] -Textured Mesh-」と同じ作りなので、 rope.pointの使い方は上の記事を見てもらえればと思います。 早速全文です。 var pixi = { 'stage' : '', 'renderer' : '', 'width' : document.documentElement.clientWidth, 'height' : document.documentElement.clientHeight }; var wave = {
![サイトリニューアルで作った波っぽい動き -PIXI.js- - [ALL]| アクアリングBLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc402617cc4e3010c697f6bd4a7a74fb22f58e2b/height=288;version=1;width=512/http%3A%2F%2Fwww.aquaring.co.jp%2Fcommon%2Fimages%2Fogp.jpg)
http://plixi.com/p/49123909 ※相変わらず全部写真が展開される編集でごめんなさい。 「mixiフォン」が登場か、Googleの「Nexus One」をベースにしたAndroidスマートフォン http://gigazine.net/index.php?/news/comments/20101008_mixi_phone/ 続きを読む
Adobe FlashをHTML 5で代替するPixi.jsがWebGLを新たにサポート、クロスプラットフォームとインタラクティブアプリに対応
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
ずっと欲しかったManfrotto(マンフロット)のミニ三脚PIXI EVOをようやく購入しました。 前モデルのPIXIを持っていたし、安いのでいつでも買えるという安心感からついつい先延ばしにしていました。 しかしPIXIよりも、さらに進化(EVOrution)したManfrotto(マンフロット) PIXI EVO。ここ最近やっぱり必要だなぁという事が増えてきたので購入しました。 卓上での物撮りはもちろん、屋外での撮影でも気軽に使えるミニ三脚のPIXI EVO。やはり買って正解でした。今回は前モデルのPIXIと比較しながら紹介してみます。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
簡単アニメーション！Pixi.jsを触ってみる！（1）テキストを動かしてみる - Qiita
縦位置も使えるようになったマンフロットのミニ三脚「PIXI EVO」を買ってみました - I AM A DOG
Alcatel、Android／Firefox OS／Windows Phone互換の「PIXI 3」発表
Pixi.jsで雪を降らせてWebGLの速さを感じる | NIJIBOX BLOG
"Pixi" Multi-purpose Ties | AssistOn
Android・Firefox OS・Windows Phoneから好みのOSを選択可能なスマホ「Pixi 3」
スマホ/デスクトップに対応した高速な2Dゲームレンダリングエンジン·pixi.js MOONGIFT
Pixi.jsでCanvasをカンタンに触ってみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
『スマートフォンにおける描画の最適化(tofu.js + pixi.js)』
[本日の一品]耐荷重2.5kgで一眼レフにも対応したミニ三脚「PIXI EVO」
![[本日の一品]耐荷重2.5kgで一眼レフにも対応したミニ三脚「PIXI EVO」](https://cdn-ak-scissors.b.st-hatena.com/image/square/351321f5082a8b7a03b343ce0607ef6e4101b363/height=288;version=1;width=512/http%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F731%2F539%2Fimportant_image.jpg)
マンフロット、縦位置撮影に対応した「PIXI EVOミニ三脚」 開脚角度が選択可能に より低い位置にセッティングできる
TCLコミュニケーション、約1万円の低価格なSIMフリースマホ「Alcatel PIXI 4」を3月中旬に発売！まずはイオンモバイルで販売され、量販店やWebストアなどでも予定 : S-MAX
Manfrotto ミニ三脚 PIXI EVO ボール雲台レビュー - ほしいものリストで届きました！
pixi.jsのカスタムフィルターでGLSLを学んでみる - Qiita
簡単アニメーション！Pixi.jsを触ってみる！（3）複数のオブジェクトを動かしてみる - Qiita
デジタル一眼にもコンデジにも！Manfrottoのミニ三脚「PIXI」がメチャ良かったぞ！ - むねさだブログ
マンフロットミニ三脚PIXIを買ってみた！【Manfrotto】 - 8090rock
マンフロット「PIXI EVO」ミニ三脚が大進化！これは欲しい！ | Dmaniax.com
1万円のスマホ「Alcatel PIXI 4」、3月中旬発売
デスクトップはElectronでええじゃろ。Pixi.jsで2D Graphicsやるぞい - Qiita
サイトリニューアルで作った波っぽい動き -PIXI.js- - [ALL]| アクアリングBLOG
謎の携帯デバイス「mixiフォン」の写真がPixiに掲載され、ツイートされまくる
Manfrotto(マンフロット)のミニ三脚PIXI EVOを購入