並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 229件

新着順 人気順

描画の検索結果81 - 120 件 / 229件

  • 政府の統計表がやたら重いと思ったら『約2700個の描画線』があった→職場で同じことがあった方たちは語る「まずオブジェクト全選択する」

    リンク 政府統計の総合窓口 鉄道輸送統計調査 月次 2021年8月 | ファイル | 統計データを探す | 政府統計の総合窓口 鉄道、軌道及び索道の輸送実態を明らかにし、我が国の経済政策及び交通政策等を策定するための基礎資料を作成することを目的として、鉄・軌道旅客輸送実態調査、鉄道貨物輸送実態調査及び鉄・軌道走行キロ調査については、鉄道事業法及び軌道法に基づく許可又は特許を受けた鉄道事業者及び軌道経営者を対象に、索道旅客輸送実態調査については、鉄道事業法に基づき、許可を受けた索道事業者(ただし、貨物を除く。)を対象に、営業キロ、旅客及び貨物数量、旅客人キロ、貨物トンキロ、列車キロ、車両キロ及び収入等に関連する事項について調査してい

      政府の統計表がやたら重いと思ったら『約2700個の描画線』があった→職場で同じことがあった方たちは語る「まずオブジェクト全選択する」
    • RustのWebAssembly で canvas に描画する - Qiita

      { "author": "You <you@example.com>", "name": "rust-webpack-template", "version": "0.1.0", "scripts": { "build": "rimraf dist pkg && webpack", "start": "rimraf dist pkg && webpack-dev-server --open -d", "test": "cargo test && wasm-pack test --headless" }, "devDependencies": { "@wasm-tool/wasm-pack-plugin": "^0.4.2", "copy-webpack-plugin": "^5.0.3", "webpack": "^4.33.0", "webpack-cli": "^3.3.3", "we

        RustのWebAssembly で canvas に描画する - Qiita
      • 「文章・描画・造形・朗読によって表現される虚構」の規制をめぐる議論と、その波紋について

        はしがき 本稿は、2021年3月18日に、ソウル大学日本研究所が主催した国際学術会議「2020年代以降日本オタク文化の争点と展望」の第1部パネル「オタク文化と表現の自由」において、筆者が行った口頭発表を、書籍掲載用にまとめ直した草稿段階のメモである。完成原稿についてはソウル大学から韓国語で出版される予定となっている。 1.はじめに まず初めに、本稿の元となったパネル における筆者の立場について、若干の説明をする必要がある。私は他の登壇者の多くとは異なり、文化研究ないしはその隣接分野の研究者というわけではないからだ。 筆者の立場を一言で説明するとしたら、「情報法政策に関するNGOに所属して、基本的には表現の自由を擁護するという立場から、政府や議会や利害関係者との政策調整にあたる人間」ということになる。最近の活動では、著作権保護のためにインターネットの情報流通をどこまで規制することが許されるの

          「文章・描画・造形・朗読によって表現される虚構」の規制をめぐる議論と、その波紋について
        • 埋め込みTweetをWeb Componentsで描画するようにした

          Zenn が Web Components を使って tweet を表示するようにしていたので、見習ってこのサイトにも取り入れてみた。 Web Components を利用した Zenn マークダウン部分の改善について 🔗 zenn.dev ZennEditor 内のコード 🔗 github.com 比較 何が良いのか? 埋め込みコードの良くないところ <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ほぼだいたい完全に理解した</p>&mdash; miyaoka / STUDIO (@miyaoka) <a href="https://twitter.com/miyaoka/status/1346720500387438593?ref_src=twsrc%5Etfw">January 6, 2021</a></bloc

            埋め込みTweetをWeb Componentsで描画するようにした
          • Docker上のGUIアプリをホスト/リモートで描画する - かみのメモ

            今回は、リモートUbuntuサーバーのDockerコンテナ上で起動しているGUIアプリの画面を、ホスト自身やローカルのMac/Windowsのディスプレイに表示させる方法についてまとめてみます。 筆者は環境構築を楽に済ませるためにDockerを利用することが多いのですが、デフォルトのDockerコンテナではGUIを表示させることができないので、画像の確認やGUIアプリが付属しているOSSの動作確認をするときに不便です。 そこでコンテナ内でX11対応のアプリを起動し、それをローカル側にforwardすることでGUIを表示させてみます。 ※ 2020/06/02 : 申し訳ないことにX11の仕様を誤解していました。解説の中でクライアント/サーバーが逆になっていた部分を修正しました。 【2021/02/07 追記】 今回紹介するX11 Forwardingは、手軽に使える反面、複数のウィンドウが

              Docker上のGUIアプリをホスト/リモートで描画する - かみのメモ
            • 【描画だけ】作りかけのスイッチ迷路・イメージ - Little Strange Software

              どうも!LSSです!! 【実験】CSS、backgroundプロパティで迷路を描くテスト(の準備段階) - Little Strange Software 考えてる迷路案「スイッチ迷路」 - Little Strange Software と書いてきた「スイッチ迷路」、とりあえず「おおむねの描画」が出来たのを途中経過ですが晒してみます。 スイッチ迷路・描画案 まだ描いてないもの 今回の迷路 スイッチ迷路・描画案 まだ描いてないもの スタート地点、ゴール地点、迷路を歩むキャラを描き込まないと、ですね。 そして迷路上を移動する仕組みやゴール判定を加えると完成、となります。 今回の迷路 サンプルですが、一番左上をスタート地点、一番右下をゴールとして、ゴール可能なものを考えて作っています。 だいぶ面倒だったので、完成もこのままの迷路データかもですw 改めてルールを書いておくと、 黒い壁は通行不可

                【描画だけ】作りかけのスイッチ迷路・イメージ - Little Strange Software
              • 『DOOM』がWindowsの「メモ帳」でプレイされる。 60fpsテキスト描画で、ぼんやり浮かび上がるドゥームガイ - AUTOMATON

                Samperson氏が投稿した映像には、テキストで描かれた画面で『DOOM』をプレイする様子が収められている。まず目に入るのは、文字が敷き詰められた「メモ帳」アプリだ。テキストによる画像表現、いわゆるアスキーアートにて描かれた『DOOM』のゲーム画面が確認できる。さらに注目すべきは、その画像が動き、実際にゲームプレイをおこなっている点だろう。アスキーアートの文字列が書き換えられることでゲーム画面が変遷。かなり見づらいものの、「メモ帳」アプリに記述された文字だけで『DOOM』のゲームプレイが描写されていることが分かる。大量の文字列が高速で入れ替わることで、ゲーム画面を表現しているわけだ。 同氏によると、この映像はフェイクではなく、実際にリアルタイムでプレイ可能とのこと。60fpsで動作しており、映像を早送りしているわけではないとも述べている。さらに、使用している「メモ帳」アプリ自体は、何も改

                  『DOOM』がWindowsの「メモ帳」でプレイされる。 60fpsテキスト描画で、ぼんやり浮かび上がるドゥームガイ - AUTOMATON
                • React の state hook で array を更新しても再描画がされない問題

                  JavaScript のフレームワーク React に関する小ネタです。 掲題のとおり「 state hook で array を扱っているときに、 array を更新してもコンポーネントの再描画が起こらない」という問題についてです。 今回動作確認に使った React のバージョンは 16.13.1 です。 現象 state hook で管理している array (配列)を更新しても関連するコンポーネントの再描画が起こらない コードのイメージは次のとおりです。 このサンプルでは記事をブックマークできる機能をページに持たせており、そのブックマーク一覧の管理に state hook を使っています。 // `onChange` が呼ばれても再描画が起こらない例 import { useState } from 'react' const Page = props => { let articl

                    React の state hook で array を更新しても再描画がされない問題
                  • uPlot - 大量のデータを高速に描画するグラフライブラリ MOONGIFT

                    チャートライブラリに求められるニーズはたくさんあります。使えるグラフの種類が多いこと、カスタマイズが容易なこと、リアルタイムデータにも使えることなどなどです。すべてをまかなえるライブラリは多くないので、目的に合わせてライブラリを使い分けるのが良いでしょう。 今回紹介するuPlotはとにかく大量のデータを即座に表示したいというニーズにマッチしています。 uPlotの使い方 デモです。16.6万ものポイントをプロットしています。 最初の表示時のみ、データをオンラインで取得してきますが、二回目以降のアクセスではキャッシュが有効になるようです。データさえ取得されれば、実際の表示は瞬時に行われます。表示はもちろん、その後のスクロールもスムーズです。 uPlotはJavaScript製のオープンソース・ソフトウェア(MIT License)です。 leeoniya/uPlot: An exceptio

                      uPlot - 大量のデータを高速に描画するグラフライブラリ MOONGIFT
                    • 【Unity】C# Job System + Burstで波動方程式を実装し、 ShaderGraphで水を描画する - Qiita

                      はじめに 波を作ってみたので紹介します。 YouTube C# Job Systemで波動方程式を実装し、ShaderGraphで水を描画しています。 GitHub https://github.com/rngtm/Unity-JobSystem-WaveEquation §1 . 波動方程式 2次元の波の運動は以下の数式で表されます。 $u = u(x,y,t)$ は水面の波の変位、$s$は波の伝わる速さを表しています。 §2 . 関数f(x, y)の2階微分の計算 ここで、関数xとyの関数 $f(x,y)$ の2階微分は、ある小さな値 $h$ を使って以下の式で計算することができます。 $$ \frac{\partial^2}{\partial x^2}f(x, y) = \frac{f(x + h, y) + f(x - h,y) - 2 f(x,y)}{h^2} + O(h^2)

                        【Unity】C# Job System + Burstで波動方程式を実装し、 ShaderGraphで水を描画する - Qiita
                      • ノートPCを開閉しまくると描画システムがクラッシュする不具合が発見される

                        Windows 10搭載ノートPCの解像度を4Kに設定している場合、ディスプレイの開閉を繰り返すとデスクトップ描画システムである「Desktop Window Manager(DWM)」がクラッシュするという不具合が発見されました。 Windows 10 Desktop Windows Manager crashes due to DirectX bug https://www.bleepingcomputer.com/news/microsoft/windows-10-desktop-windows-manager-crashes-due-to-directx-bug/ DWMは、Windows Vista以降のWindowsに搭載されている画面の描画を管理するためのプログラムです。WindowsはDWMによって、ウィンドウごとの処理を管理したり複数ウィンドウが重なったときの描画をスムー

                          ノートPCを開閉しまくると描画システムがクラッシュする不具合が発見される
                        • 酒井式描画指導法 批判 | 美術と自然と教育と

                          (この記事の初掲載は2019年5月ですが、再投稿することにしました。理由は、この記事にある保護者の方から貴重なコメントが入ったからです。ぜひ、コメント欄もお読みください。保護者の方が、先生に勇気を持って話されて、その後先生もかわっていく様子がかかれています。コメント欄に日頃頑張っている先生への感謝の気持ちも書かれています。ありがたいことです。) このブログで、アクセスの多いのが、「酒井式描画指導法」に関するものです。その内容は問題点の指摘ですから、おそらく実際の教育現場で悩まれている方や酒井式に疑問をお持ちの保護者の方が、ご覧になっているのではないかと想像しています。酒井式をよいと思っておられる方は、 TOSSのサイトにアクセスするはずですから。

                            酒井式描画指導法 批判 | 美術と自然と教育と
                          • Visual Studio Code+Markdownでチャート/グラフ/図を描画するには? - いっしきまさひこBLOG

                            日ごろ、原稿以外のすべてのテキストをMarkdownフォーマットで書くようになってしまっているのですが、数式はLaTeXコマンドで書いています。数式があると、棒グラフや折れ線グラフも書きたくなるケースは多いと思います。「どうやって書くんだろう?」とググりまくってみて、なかなか解決策がヒットしなかったので、同じように時間を無駄にしないように、ここで情報提供しておきます(※自分が書き方とかを見返すための忘備録でもありますが)。 Markdown Preview Enhanced拡張機能と数式(LaTeX) そもそも、数式のLaTeXコマンドは$<数式のLaTeXコマンド>$ の形で自然に書いていたのですが、これは、 Markdown Preview Enhanced という拡張機能のおかげでした。。例えば、 LaTexコマンドによる数式の例 のように書くと(※一見、難しそうなコマンドに見えます

                            • 【MetPy】大気の鉛直構造を知るためのエマグラムの描画方法【Python】 - LabCode

                              今回は日本時間2015年9月24日9時の館野(つくば)の高層気象観測データを使って,エマグラムを描画してみたいと思います。 データファイルはこちらで用意しました。新規ファイルを作成し,コピペしてお使いください。以下のコードではファイル名を20150924_09JST_47646.txtとして保存したと仮定して進めます。 # 20150924 09JST 47646 1011.7 26 20.5 83 2.2 30 1000 125 19.1 81 3 52 925 791 15.1 71 2 134 900 1023 13.6 64 2 136 850 1497 10.3 64 4 147 800 2003 10.8 9 6 128 700 3108 7.2 35 3 188 600 4358 -0.3 14 8 166 500 5791 -11.0 67 11 247 400 7503

                              • 『ブループロトコル』アニメ表現はリアル系描画より大変。アニメ表現を実現する多数のプロセスとこだわりを解説【CEDEC2021】 | ゲーム・エンタメ最新情報のファミ通.com

                                ゲーム・エンタメ最新情報のファミ通.com 取材・リポート PCゲーム 『ブループロトコル』アニメ表現はリアル系描画より大変。アニメ表現を実現する多数のプロセスとこだわりを解説【CEDEC2021】

                                  『ブループロトコル』アニメ表現はリアル系描画より大変。アニメ表現を実現する多数のプロセスとこだわりを解説【CEDEC2021】 | ゲーム・エンタメ最新情報のファミ通.com
                                • 知ってるようで知らない、Photoshopの描画モードを全て解説![3/4] | 株式会社ニジボックス

                                  こんにちは、デザイナーの諏訪です。描画モード解説の第3回です!今回は「オーバーレイ」〜「ソフトライト」までの7つを紹介していきたいと思います。「オーバーレイ」以降は第1回・第2回で紹介したブレンドモードの応用版のようなモードが多くなります。 第1回はこちら[通常・ディザ合成・乗算・焼き込みカラー・焼き込み(リニア)・カラー比較(暗)] 第2回はこちら[比較(明)・スクリーン・覆い焼きカラー・覆い焼き(リニア)-加算・カラー比較(明)] 第4回はこちら[差の絶対値・除外・減算・除算・色相・彩度・カラー・輝度] 13.オーバーレイ 「オーバーレイ」は、基本色に応じてカラーを乗算またはスクリーンにします。基本色が暗い色だと「乗算」、明るい色だと「スクリーン」が結果色に反映されます。 ▼こちらの2枚を重ねて確かめてみます。基本色の明るさは左から100→75→50→25→0%です。 ▼「乗算」「オー

                                    知ってるようで知らない、Photoshopの描画モードを全て解説![3/4] | 株式会社ニジボックス
                                  • 自作OSSとしてCommon Lisp用の描画ツールKaiを作っています - 日常と進捗

                                    Softbank AI部 Advent Calendar 2019の7日目。 まず始めに、今回一緒にアドベントカレンダーを回していってくれている社員の皆さんと内定者に感謝。 というのも、このSB AI部のアドベントカレンダーの企画を立ち上げたのは自分だからである。 先日より内定してちょこちょこ社員や内定者と交流するイベントに出たりしているのだけれど、縁あってSB AI部(社員の方で構成されている部活)のSlackに招待してもらった。 SB AI部については@kmotohasが書かれた2日目の記事に詳細があるので適宜参照。 ちょうど11月の上旬くらい、ツイッターを見てると色々な会社が社内アドベントカレンダーをやっていて(しかも結構楽しそう)、もしかしてソフトバンクもやっているのかな?と思ってSlackをバーっと確認。 どうも見た感じ特にその手のやりとりは無かったので、randomのチャンネル

                                      自作OSSとしてCommon Lisp用の描画ツールKaiを作っています - 日常と進捗
                                    • Windows10のリモートデスクトップの描画が遅い原因と対処法【高速化】

                                      Windows10には、パソコンを遠隔操作するための「リモートデスクトップ」という機能が搭載されています。リモートデスクトップ接続を行うことで、手元のパソコンから離れた場所にあるパソコンを遠隔操作できます。 しかし、リモートデスクトップ接続をすると描画速度が著しく遅くなることがあります。 本記事では、Windows10のリモートデスクトップの描画が遅い原因と、高速化するための対処法を紹介します。 リモートデスクトップ接続時の描画速度の遅さに悩んでいるという方は、参考にして下さい。

                                      • 「スクリーン上でブラウザのウィンドウを動かしたら描画に影響」「2つのブラウザのウィンドウの一方を動かすと他方に影響」という方向の実装作品の技術メモ - Qiita

                                        「スクリーン上でブラウザのウィンドウを動かしたら描画に影響」「2つのブラウザのウィンドウの一方を動かすと他方に影響」という方向の実装作品の技術メモJavaScriptブラウザmqttp5.js 自分が観測していた中では、以下のポストが発端になっていると思われる話です。 この作品にインスパイアされた作品を作られた方も見かけていて、その作品や技術面のメモを残したく、記事を書きました。 技術的な部分について 「素敵な作品だなー!」と思って、も「し実装するとしたら必要そうなものは何か」と考えたら、「スクリーン内のブラウザのウィンドウの位置を取得する仕組み」と、「異なるページ間で情報をやりとりする仕組みがあれば良さそう」と思いました。 ページ間の通信の仕組み 上記の 2つの技術のうち、「異なるページ間で情報をやりとりする仕組み」については、別端末間で IoT の仕組み(技術的には MQTT)を使って

                                          「スクリーン上でブラウザのウィンドウを動かしたら描画に影響」「2つのブラウザのウィンドウの一方を動かすと他方に影響」という方向の実装作品の技術メモ - Qiita
                                        • Pythonでマンデルブロ集合を美しく描画する(摂動論編) - Qiita

                                          はじめに マンデルブロ集合の描画を普通に実装していると、浮動小数点表現の限界により意外と簡単に拡大率の上限に達する。例えばFloat64でも倍率は1E14あたりが限界になるが、複雑で面白い画像はもっと深い場所にあったりする。 ここで、摂動論(Perturbation Theory)の考え方を導入すると、この限界を大幅に伸ばすことができる。本記事ではその理論や実装方法、さらに高速化の手法として2023年時点で主流であるBLAも紹介する。 本記事は以下の記事の続編。 実験用コード 摂動論 摂動論についてWikipediaの説明から引用する。 考えている問題Aを、厳密に解ける問題Bに小さな変更(摂動)が加えられた問題であるとみなす。 問題Aの近似解は、問題Bの厳密解に、摂動が加わったことによって生じる小さな補正(摂動項)を加えたものであると考える。 ここで求めるべき摂動項は、問題Bの厳密解の組み

                                            Pythonでマンデルブロ集合を美しく描画する(摂動論編) - Qiita
                                          • CSS | 色々な図形を描画するCSSサンプルコード集 | 1 NOTES

                                            CSSを使って色々な図形を描画するサンプルコード集になります。 ここにない図形も色々と紹介しています。 CSS 図形デザイン集 | ONE NOTES 図形の中にテキストなどを含める場合の注意点サンプルではできる限り、要素サイズの維持を考慮していますが、中には要素そのものがサイズを持たないサンプルもあります。 そういったサンプルの図形要素内にテキストなどの要素を含める場合は、レイアウトの崩れなどに注意して下さい。 解決策としては以下の方法などがあります。 before、afterの空きがあれば、図形部分は移動するサイズのある親要素を持たせて図形の配置はposition指定にするpaddingや文字サイズ、文字数を調節して図形の範囲内に収めるposition指定で影響を与えないようにするtext-overflowなどでみ出る部分を非表示にする正円(Perfect Circle)正円(せいえん

                                            • 【気象データ】数値予報モデルが出力したGPVデータの取得・読み込み・描画【GRIB】 - LabCode

                                              Pythonで読み込みと描画を実装 GPVデータの取得とデータの読み込み,プロットをするプログラムをpythonでコーディングしてみます。どちらかのサイトで,データを適当なディレクトリ(ここでは,~/Desktop/LabCode/python/gfs-temperatureとします。)にダウンロードしておきましょう。 実装例を示します。このプログラムをplot-gfs-tempeature.pyとして,データをダウンロードしたディレクトリ(~/Desktop/LabCode/python/gfs-temperature)に移動します。 以下のコードではGFSのデータとして二番目のサイトからダウンロードしてきた gfs_4_20221224_0000_048.grb2 を使用することを想定しています。 import datetime import pygrib import cartopy

                                                【気象データ】数値予報モデルが出力したGPVデータの取得・読み込み・描画【GRIB】 - LabCode
                                              • 【Python】気象衛星ひまわり画像データの取得と描画【Cartopy】 - LabCode

                                                前回の記事では,PythonでGISデータの描画が簡単にできるCartopyのインストールと,Cartopyを使って日本付近の地図を描く方法を紹介しました。今回は,気象衛星ひまわりが撮影した雲画像(赤外線画像)を地図上に描いて,日本上空の雲の様子を見てみましょう。 なお,今回使用する気象衛星ひまわりが撮影した画像データは,千葉大学環境リモートセンシング研究センターが,非営利目的での使用や出版物等の掲載に限り無償で提供しているものです。ご利用にあたっては,注意事項をよく読んで活用するようにしましょう。

                                                  【Python】気象衛星ひまわり画像データの取得と描画【Cartopy】 - LabCode
                                                • OpenGL が世界を描画する仕組み · けんごのお屋敷

                                                  OpenGL 基礎シリーズの第 1 回です。 ビューイングパイプライン OpenGL が世界を描画するっていうタイトルだけでワクワクするなら、あなたはもう OpenGL の、いや、このブログの虜です。というのはおいといて、OpenGL で描画すると一言で言ってもその描画フローの中には大量の計算処理が含まれおり、そのフローをひと通り全て通り超えてこそ初めて画面に何か描画される。いわゆるパイプラインと呼ばれる処理の流れがあり、それはおおまかには以下のようになっている。細かくは他にもやってることはあるし厳密には実際と異なる部分もあるけど、これくらい抑えておけば基本はわかると思う。 ちなみに赤い部分は自分でプログラミングする必要がある。青い部分は設定値さえこちらから与えてやれば後は OpenGL が内部でよろしくやってくれる。 ふー、ただ単に 1 枚の画像を描画するだけでもこれだけのフローがあって

                                                  • Pythonで書いた計算コードから数式の描画/TeX取得を行う方法(handcalcs) - いっしきまさひこBLOG

                                                    機械学習関連をしていると、数式をコードで表現するときがありますが、逆にコードで書いたものを人に説明するためや、自分で後で見直したいとき用に、数式を描画したいときがあります。Jupyter Notebookを使っている場合は、通常、TeX/Latex書式で書くのではないかと思います。 1つぐらいであればTeXコマンド文を手書きした方が速いと思いますが、大量にある場合、「コードから数式を表示できないの?」って思う人も多いかもしれません。そんなことができるライブラリを見つけたので紹介します。 connorferster/handcalcs: Python library for converting Python calculations into rendered latex. 上記の「handcalcs」というPythonライブラリです。注意点としては、Python 3.7以上である必要があ

                                                      Pythonで書いた計算コードから数式の描画/TeX取得を行う方法(handcalcs) - いっしきまさひこBLOG
                                                    • Rustで有名アルゴリズムに挑戦(11) Rustで再帰を使ってシダを描画しよう

                                                      Rustの良さの一つがC/C++に匹敵する実行速度です。昨今のスクリプト言語も十分高速なのですが、画像生成など単純な計算が頻出する場面ではRustを使うと有利です。今回は、シダを描画してPNGで保存するプログラムを作ってみましょう。 Rustでシダを描画しPNG形式で保存したところ 画像データの保存について Rustで画像を描画しようと思った場合、いくつかの方法があります。本連載6回目で紹介したように、Bitmap形式の画像データを生成してファイルに保存することもできますし、本連載7回目で紹介したように、imageクレートを使って画像データをPNG形式で保存することもできます。今回は、imageクレートを利用して、画像を描画してみましょう。 「imageクレート」(https://crates.io/crates/image)は、Rustの画像処理ライブラリです。基本的な画像処理の機能を備

                                                        Rustで有名アルゴリズムに挑戦(11) Rustで再帰を使ってシダを描画しよう
                                                      • 【Unityにおける大量描画のテクニック】ライフゲームタワーを使ったパフォーマンス比較 | QualiArtsエンジニアブログ

                                                        はじめに 株式会社QualiArtsの今井です。テクニカルアーティストとしてIDOLY PRIDEのライブシステムの設計や、描画を担当しています。 今回はUnityで大量描画を行うテクニックとして、どのような手法が利用できるのか、そしてそれぞれの手法のメリット・デメリットを解説します。 今回作るサンプル 今回はサンプルとしてライフゲームを1層ずつ積み上げていくプロジェクト(以下ライフゲームタワー)を作成しました。 ここではライフゲームの仕組みや、ロジックの詳細については省略しますが、簡単に言うと1ステップごとに周囲のマスの状況によってマス目が変化するゲームです。 ライフゲームについて - wikipedia サンプルプロジェクト この記事で使用しているサンプルプロジェクトはこちらに公開しています。 UnityLifeGameTowerSample - Github 概要 このサンプルでは1

                                                          【Unityにおける大量描画のテクニック】ライフゲームタワーを使ったパフォーマンス比較 | QualiArtsエンジニアブログ
                                                        • カニゲー『Crab Champions』の作者がUnreal Engine 5で300万匹のカニを描画。増やしてもパフォーマンスほぼ変わらず、何匹でも表示できるのでカニ描画上限計測を諦める

                                                          5月27日に無料の早期アクセスが始まった「Unreal Engine 5」(UE5)。UE4との互換性があり、すでに多くのゲーム開発者が新エンジンの実力を確かめようとしている。その中に、アイルランドに住むDJで音楽プロデューサーNoisestorm氏もいた。 氏はカニTPS『Crab Champions』を製作中だが、氏が着目したのは「一体どれだけのカニを表示できるか」という点だ。その実験結果として、およそ300万匹というカニが島を埋め尽くす動画を公開した。もはや赤いじゅうたんにしか見えない。 So now that Unreal Engine 5 is out, I wanted to answer the burning question that everyone has been thinking about: how many crabs can you render at on

                                                            カニゲー『Crab Champions』の作者がUnreal Engine 5で300万匹のカニを描画。増やしてもパフォーマンスほぼ変わらず、何匹でも表示できるのでカニ描画上限計測を諦める
                                                          • 同じページにVue2とVue3のコンポーネントを描画する

                                                            import Vue2 from 'vue' import * as Vue3 from 'vue3' window.onload = () => { const App2 = Vue2.extend({ name: 'App2', data() { return {message: 'Vue 2!'} }, template: `<p>Hello {{message}}</p>`, created() { console.log(`created v2`) } }) const app2 = new Vue2({ components: {App2}, template: `<App2 />`, }) app2.$mount('#vue2') const App3 = { data() { return {message: 'Vue 3!'} }, template: `<p>Hello

                                                              同じページにVue2とVue3のコンポーネントを描画する
                                                            • 写真から仮想画家が作品を作り上げる「絵師のえそらごと」が11年ぶりのメジャーバージョンアップ/パフォーマンス向上や描画方法のリニューアル、新たな“絵師”タイプの追加など

                                                                写真から仮想画家が作品を作り上げる「絵師のえそらごと」が11年ぶりのメジャーバージョンアップ/パフォーマンス向上や描画方法のリニューアル、新たな“絵師”タイプの追加など
                                                              • ARKit と LiDAR で 3 次元空間認識して SceneKit でリアルタイム描画 - OPTiM TECH BLOG

                                                                はじめに こんにちは.R&D チームの久保です.LiDAR スキャナ搭載 iPad Pro をいじり始めて 1 年以上が経ちました. ご存知の方も多いと思いますが,iOS/iPadOS 13.4 以降の ARKit/RealityKit では LiDAR スキャナによって 3 次元空間を認識してメッシュとして得ることが可能になりました.LiDAR スキャナ搭載デバイスもつい先日予約開始された最新モデルの iPad Pro を加えると 12.9-inch iPad Pro (第 4 世代及び第 5 世代), 11-inch iPad Pro (第 2 世代及び第 3 世代), iPhone 12 Pro, iPhone 12 Pro Max といった感じでずいぶん増えてきています. 今回の記事では LiDAR スキャナで取得したメッシュの情報を SceneKit で自由にリアルタイム描画する

                                                                  ARKit と LiDAR で 3 次元空間認識して SceneKit でリアルタイム描画 - OPTiM TECH BLOG
                                                                • [自然言語処理/NLP] pyvisライブラリを使って共起ネットワークを簡単に描画してみる(SageMaker使用) | DevelopersIO

                                                                  こんにちは、Mr.Moです。 共起ネットワークを描画するのにpyvisライブラリを使うと簡単にできたので下記にまとめていきます。 共起ネットワークについて 共起とは? > 共起(きょうき,英:Co-occurrence)は、ある単語がある文章(または文)中に出たとき、その文章(文)中に別の限られた単語が頻繁に出現すること。 https://ja.wikipedia.org/wiki/%E5%85%B1%E8%B5%B7 共起ネットワークは共起する単語の関係をネットワーク図で表したものです。 https://en.wikipedia.org/wiki/Co-occurrence_network pyvisライブラリについて ネットワーク図の視覚化に特化したライブラリのようです。 https://pyvis.readthedocs.io チュートリアル がありデータも用意されているのですがそち

                                                                    [自然言語処理/NLP] pyvisライブラリを使って共起ネットワークを簡単に描画してみる(SageMaker使用) | DevelopersIO
                                                                  • ブラシ描画に、いそしむ日々 - 脇道を行く

                                                                    ◎ 先日のカキコでくりすたル・・で人物をやっておいてから 背景をアルパカにもって行く・・と、いうトコロで話がブツンときれてしまったのですが どうも寝覚めも悪いし、その続きでブラシ描画あたりのコトを 今回はいくらかに行ってみたい・・のです ◎ くりすたルさまの補足的に、別のソフトを使う旨は 前回にも述べておりましたのですが、しかし  このくりすたさまは何かやろうとして、サブのメニューを追って行くと どんどん難しくなってきちゃうみたいで 「やめて!! 」になったりで、ホント困ってくるんですよね 矢切の私としましては・・ ◎ ・・で、人物の絵が出来たようなので、背景におもむろに取り掛かる !!  その前にPSDでの保存も忘れずにしてたりです・・ここいらはCGソフトでの共通の合言葉らしき?ですもんね そして気分転換も兼ねての、ブラシ描画主体の今回のソフトは・・ ◎ 青コーナーの125パウンドのコレ

                                                                      ブラシ描画に、いそしむ日々 - 脇道を行く
                                                                    • 『Meta Quest 3正式発表、VRと高精度MR対応・描画性能2倍・薄型化で7万4800円。Quest 2は値下げ | テクノエッジ TechnoEdge』へのコメント

                                                                      テクノロジー Meta Quest 3正式発表、VRと高精度MR対応・描画性能2倍・薄型化で7万4800円。Quest 2は値下げ | テクノエッジ TechnoEdge

                                                                        『Meta Quest 3正式発表、VRと高精度MR対応・描画性能2倍・薄型化で7万4800円。Quest 2は値下げ | テクノエッジ TechnoEdge』へのコメント
                                                                      • ネットワークグラフ描画ライブラリ7個まとめ - Qiita

                                                                        参考ページ D3.js D3.js v4/v5 force simulation 最小構成 – サンプル d3.jsでスゴイっぽい図(force layout)を作ってみたら思ったより簡単だった件 sigma.js How to use Sigmajs to display your graph ? vis.js Network Examples vis.jsを使ってネットワークを書く vis.jsでグラフ描写 VivaGraphJS VivaGraphJS Amazon Visualization Cola.js Cola.js cola.jsによるデータビジュアライゼーション Cytoscape.js Cytoscape.jsを試してみた Cytoscape.js でインタラクティブなグラフ構造描画 - WordNet の可視化例 自律分散監視システムとそれを利用したネットワークグラフ

                                                                          ネットワークグラフ描画ライブラリ7個まとめ - Qiita
                                                                        • セガサターンが発売された日。2D描画に秀でたセガ国内最大のヒットゲーム機で、『バーチャファイター』や『サクラ大戦』などの魅力ある作品を数多く発売【今日は何の日?】 | ゲーム・エンタメ最新情報のファミ通.com

                                                                          セガサターンは、セガ・エンタープライゼス(当時)から発売された据え置き型ゲーム機。セガが発売した6番目の家庭用ゲーム機となるため、太陽系第6惑星の土星にちなんでサターンと名付けられている。当時“次世代ゲーム機”と呼ばれていたハードの中で先陣を切って発売され、半年後には国内100万台出荷を記録するなど、最高の滑り出しを達成。国内販売としてはセガ最大のヒットゲーム機となった。 32ビットCPUを2基搭載し、64ビット級のマシンパワーを実現。よりハイクオリティーな描写の2D表現はもちろん、ポリゴンによる3D表現も可能となった。とくに2Dの描画に関してはアーケード用システム基板同等もしくはそれ以上のスペックを有していて、ゲームファンのあいだでは「2Dのサターン、3Dのプレステ」などと呼ばれることもあった。 本体後方には拡張カートリッジスロットがあり、RAM容量を増強する拡張RAMカートリッジを挿す

                                                                            セガサターンが発売された日。2D描画に秀でたセガ国内最大のヒットゲーム機で、『バーチャファイター』や『サクラ大戦』などの魅力ある作品を数多く発売【今日は何の日?】 | ゲーム・エンタメ最新情報のファミ通.com
                                                                          • SVGとCSSで簡単な描画アニメーションを実現する

                                                                            SVG形式に対応するブラウザが増えたことにより、利用するシーンが増えてきた画像形式です。このSVGとCSSを利用することで、簡単なアニメーションを実現することができます。 SVGファイルとは SVGファイルとは、JPGなどのビットマップデータと違い、ベクターデータであることが特徴です。JPGやPNGなどのビットマップデータは、画像を拡大・縮小すると劣化しますが、SVGデータは劣化することがありません。そのため、ロゴなどの単純な画像に適した形式だと言えます。 SVGファイルの作り方 SVGファイルはイラストレーターで制作することができます。ロゴや自作したデータをSVG形式で保存することで、SVGファイルを制作することができます。 SVGファイルの中身 まずは、下記の画像を確認してください。 上記の画像のようにHTMLにコードを記述することで、画像を表示することができるのがSVGファイルの特徴

                                                                              SVGとCSSで簡単な描画アニメーションを実現する
                                                                            • SDF テクスチャを uRaymarching で描画してみる - 凹みTips

                                                                              はじめに uRaymarching 関連の話題になります、Twitter で SDFr と uRaymarching を試されている方から質問をもらいまして、調査をはじめました。前回の記事はこちら: tips.hecomi.com これまでは物体表面までの距離を距離関数で記述してレイマーチングする手法を紹介してきましたが、この距離は別に関数でなくても問題ありません。ある地点から物体までの距離がどれくらいの場所にあるのかを符号付き(外部なら +、内部なら -)で示せればよいわけで、距離情報を 3 次元的に格納した 3D テクスチャでも実現できます(ちなみに TextMeshPro では 2 次元的に文字までの距離を格納したテクスチャでフォント描画を行っています)。キューブの中に入ったレイのある地点において 3D テクスチャをサンプリングし、その距離分だけ再度レイをすすめる、を繰り返していくこ

                                                                                SDF テクスチャを uRaymarching で描画してみる - 凹みTips
                                                                              • ChartkickとGroupdateを併用してグラフを描画してみる

                                                                                こんにちは。 GMOアドマーケティングのR.S.です。 前回はChartkickというgemを使ってRailsプロジェクトでグラフを描画する方法を紹介しました。 そのブログの最後に紹介した、日時でのグルーピングを簡単にする「Groupdate」というgemを使うと更に便利だったので、今回はGroupdateの実装方法と使い方を紹介しようと思います。 (Chartkickが実装済みでない方は前回分も併せて読んでください。) 動作環境 Rails 5.2.2 chartkick 3.1.0 groupdate 4.1.2 実装方法 公式に沿って実装していくだけなので、とても簡単です。 今回は、使用するDBはMySQL、タイムゾーンは東京に設定します。 Gemのインストール Gemfileに gem 'groupdate' を追加して $ bundle install を実行します。 UTC時刻

                                                                                  ChartkickとGroupdateを併用してグラフを描画してみる
                                                                                • VimのMarkdownPreviewプラグイン「iamcco/markdown-preview」がグラフ、UML、Latexが描画できて色々やばい - ハイパーマッスルエンジニア

                                                                                  「vim markdown」とか「vim plantuml」って調べると2015年とか古い記事が多く見つかる。 なんか直近で良い感じのないかな〜と探していたら素晴らしいプラグインを見つけた。 GitHub - iamcco/markdown-preview.nvim: markdown preview plugin for (neo)vim これ最高。PlantUML書けたらいいかなあと思っていたがそれ以上に色々描画できて、もうNumbersとかスプレッドシートとかいらずにこれ一本でいいんじゃねってなったので紹介したい。 これ一体何? MarkdownのPreview用プラグイン。ただ内部でnodeが動いているので描画にJSが使えてとてもリッチに表示される。 他のPreviewプラグインと圧倒的に違うのは描画の種類が豊富なところ。いわゆる「テーブル」とか「チェックマーク」だけじゃなく、グラ

                                                                                    VimのMarkdownPreviewプラグイン「iamcco/markdown-preview」がグラフ、UML、Latexが描画できて色々やばい - ハイパーマッスルエンジニア