これは Surma 著 WebGPU — All of the cores, none of the canvas の翻訳です。英語版は Creative Commons Attribution 4.0 International License で公開されています。 この翻訳は Creative Commons Attribution 4.0 International License の許諾に基づいて公開されます。 WebGPU は低レベルで汎用な GPU アクセスを提供する Web API であり、現在策定が進んでいる。 私はグラフィックスが専門というわけではない。OpenGL でゲームエンジンを作るチュートリアルを読んで WebGL について何となく理解し、Inigo Quilez が ShaderToy で 3D メッシュやモデル無しにシェーダーだけで素晴らしいことをするのを見て
1 2<input type="button" value="消去" onclick="c.clearRect(0, 0, a.clientWidth, a.clientHeight);"> 3<canvas width="1000" height="1000"></canvas> 4 5<script> 6var f=0; 7var a = document.querySelector("canvas"), 8 c = a.getContext("2d"); 9 10c.lineWidth = 10; 11c.strokeStyle = "rgb(0, 0, 255)"; 12a.onmousedown = function (e) { 13 if(f==0){ 14 f=1; 15 c.moveTo(e.pageX, e.pageY); 16 }; 17}; 18 19a.onmous
「じゃあいきなり関係無い話してんじゃねぇよ！」という指摘はごもっともなんですが、実は関係あるんですよね……もうどうしてもここから始めなきゃいけないってくらいに。 ということで若干の妄想入り交じる今回のメニューは、 Canvasの有効化と基本操作Canvasの強みとは何か？導入は簡単。操作はシンプル。だけど役に立つかどうかはあなた次第。そんなCanvasをご案内いたしましょう。 Canvasの有効化と新規作成始めに準備です。Vault直下に適当なフォルダを作っておきます。 ここでは「Canvas」というフォルダ名にしていますが、何でもかまいません。 次に【設定 > Options > Core plugins】で「Canvas」をON。最初からONになっていればそのままでOKです。 これでCanvas機能が有効化されました。ついでに設定まで終わらせてしまいましょう。 上の画面で歯車アイコンを
![[Obsidian] Canvas – それはまるで、理想のあの人のように](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5219ad1050b5a125c479b02ccbe8caf94ab7946/height=288;version=1;width=512/https%3A%2F%2Fpouhon.net%2Fwp-content%2Fuploads%2F2023%2F05%2Fobsidian_logo03-1.png){kind=logo}
ビルド、共有、デプロイ : ビジネスアナリストとデータサイエンティストが、ノーコード機械学習と Amazon SageMaker Canvas を使用して市場投入までの時間を短縮する方法 | Amazon Web Services
Amazon Web Services ブログ ビルド、共有、デプロイ : ビジネスアナリストとデータサイエンティストが、ノーコード機械学習と Amazon SageMaker Canvas を使用して市場投入までの時間を短縮する方法 この記事は、「 Build, Share, Deploy: how business analysts and data scientists achieve faster time-to-market using no-code ML and Amazon SageMaker Canvas 」を翻訳したものです。 機械学習 (ML: Machine Learning) は、需要予測、クレジットスコアリング、価格設定、顧客離反予測、次善の提案 (NBO: Next Best Offer) の特定、出荷遅延の予測、製造品質の向上など、さまざまな分野にわたる中核
GitHub - jagenjo/litegraph.js: A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs
Renders on Canvas2D (zoom in/out and panning, easy to render complex interfaces, can be used inside a WebGLTexture) Easy to use editor (searchbox, keyboard shortcuts, multiple selection, context menu, ...) Optimized to support hundreds of nodes per graph (on editor but also on execution) Customizable theme (colors, shapes, background) Callbacks to personalize every action/drawing/event of nodes Su
Dynabookは10月14日、社員のPC稼働状況を一元的に管理できる利用状況を可視化できる働き方可視化サービス「Job Canvas」の発表を行った。サービス開始は2020年11月1日の予定だ。 業務利用している個々のPC端末にエージェントアプリを導入することで、PCの稼働状況を自動的にクラウドサーバに収集。管理者側はWebブラウザベースでの利用が可能で、メンバーの稼働状況をタイムラインで可視化することができる。 またアプリケーション別での利用率をチェックすることで、働き方の見直しに役立てるといったことも可能だ。エージェント側の対応OSはWindows10 Pro/Home/Enterprise（October 2018 Update以降）。 関連記事 15.6型コンバーチブルノートなど新シリーズ2機種を投入――「dynabook P75／P54」 タブレットとしても利用できる回転機構を
Zdog - SVGやCanvasにドロー
Illustratorなどで描いたキャラクターも、そのままでは単なる絵と変わりません。SVGであれば、JavaScriptを使ってインタラクティブな操作が実現します。そうすれば、画像とは違った楽しみ方が生まれるでしょう。 今回紹介するZdogはJavaScriptでイラストを描き、3Dのように回転もできるライブラリです。 Zdogの使い方 実行例です。奥行きを持った回転をしているのが分かります。 様々なイラストがデモとして用意されています。 実装例です。 let isSpinning = true; let illo = new Zdog.Illustration({ element: '.zdog-canvas', dragRotate: true, // stop spinning when drag starts onDragStart: function() { isSpinnin
画像の設定 表示する画像を取り込みます 「Assets」の右クリックで 「Import New Asset…」 あるいは、画像ファイルをAssetsにドロップします Assetに入った画像を選択して「Inspector」から 「Texture Type」を「Sprite (2D and UI)」に変更 下の「Apply」をクリックします 次に、HierarchyのImageを選択してImageのInspectorを表示させ「Source Image」の欄に画像ファイルをドラッグ＆ドロップ。 Rect Transform の そうするとSceneに画像が表示されます。 画面サイズの設定 ターゲットの画面サイズが決まっているのであればいいのですが、スマホなどは4:3や16:9など様々です。 より柔軟に画面を合わせるために Canvas の Inspector にある 「UI Scale Mod
![[Unity] Canvasに Image 画像を配置しScriptで変更](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7392ea413b45c09827d032dae916fab61c12cf1/height=288;version=1;width=512/https%3A%2F%2Funi.gas.mixh.jp%2Fwp-content%2Fuploads%2F2018%2F07%2Fimage_00.jpg)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebGPU - コアの全てを canvas 抜きで (翻訳) - inzkyk.xyz
JavaScript Canvasについて詳しい方回答お願いいたします
[Obsidian] Canvas – それはまるで、理想のあの人のように
Dynabook、エージェントアプリで社員のPC利用状況を可視化できる管理サービス「Job Canvas」
[Unity] Canvasに Image 画像を配置しScriptで変更