The rights of each work belong to each creator, and prohibit reproduction without permission. The rights of each work belong to each creator, and prohibit reproduction without permission. An official partner ofand
はじめまして、もしよろしければリクエストさせていただきます。 キャラ:ナリタトップロード(ウマ娘 プリティーダービー) 体型:「胸」は甘糖様のskeb:works/9(ナリタブライアン)より可能であれば大きめに 衣装:資料①~②の水着。水着のトップ(胸部布)をskeb:works/9の様に一部ぷっくり膨らませてほしい。また、可能であれば下乳をはみ出していただきたい。 アングル:ローアングル(資料③~④)。体の描写は頭部からふとももまで(資料のポーズは気になさらないでください)。 ポーズ:右手に箸を持たせ、餃子を一つ掴ませる。餃子は画面の前に掲げる(※胸を隠さないように)。左手に餃子の乗ったお皿(又は⑤~⑥の様な透明プラ容器・餃子を5~6つほど入れる)を持たせる。アングル的にお皿の餃子は見えなくてもOKです。足は立ちで、股の間から尻肉が見えるように。 背景:可能であれば夏空(青空と太陽と入道
これらのイベントを使用してドラッグ&ドロップを実装していきます。まずは最低限の機能を備えたサンプルを見てみます。 実装の最小構成 赤いボックスを下のエリアにドラッグ&ドロップしてみてください。ドラッグしている要素がエリアに入ると、テキストがonDragOverとなり、ドロップされるとonDropになるのが確認できます。 ソースコード*は次のようになっています。 *注:JavaScriptのソースコード ソースコードの見通しをよくするためにjQueryを使用しています。 ... <div class="box" draggable="true"></div> <div id="dropzone" class="dropzone"></div> ... ... $('#box').on('dragstart', onDragStart); $('#dropzone').on('dragover
概要 ブラウザ上で動画をリアルタイムに画像処理する。 Rustによって作成したWebAssemblyと、JavaScriptとの処理速度の比較を行う。 結果は、Firefox(JS) > Chrome(Rust) > Chrome(JS) > Firefox(Rust) [速い順] となった。 画素数1920x1080でのフレームレートは、最速のFirefox(JS)で約10~12fpsとなる。 この記事で示す処理以外のものが入ったときのフレームレートである。ただここでの処理が他のに比べて大きくボトルネックにはなっている。 WebAssemblyとは WebAssembly1とは、ブラウザ上で動くバイナリコードである。JavaScriptに比べて処理速度が速いという特徴がある。 JavaScriptからWebAssemblyの関数が呼び出されたり、WebAssemblyからJavaScri
WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話JavaScriptRustOpenCVTypeScriptWebAssembly WebAssembly(WASM) は JavaScript より計算処理が速いという話題がしばしば聞かれます。 では、単純な数値計算ではないけれど、JavaScript を利用した通常のフロントエンド開発だと時間がかかる処理を移植するとどうなるのでしょうか1。本記事ではその一例として、巨大画像(4K~)を指定したピクセル数までリサイズする処理を書いてみました。 リポジトリ: https://github.com/yokra9/wasm-image-resizer JavaScript + Canvas API でリサイズしてみる まず、比較のため JavaScript でリサイズ処理を
この記事はRust Advent Calendar 2020 21日目の記事です。 お仕事のメインはRuby/TypeScriptを使っていますが、新しいことを学びたいなーと思って、Rustを勉強し始めてみました。 今回はWebAssemblyを使って、ブラウザからバイナリファイルをパースする処理を書いてみます。 RustをWebAssemblyに変換する この手の記事は沢山あるので、ざっくりやり方だけ書いておきます。 wasm-bindgenとwasm-packをインストールして、 # Cargo.toml [package] name = "app" version = "0.0.1" edition = "2018" [lib] crate-type = ["cdylib"] [dependencies]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く