Dora: Start with AI, ship 3D animated sites with zero code.
Dora: Design & Publish 3D animated websites without code No more coding constraints. Welcome to Dora, where your dream of designing spectacular 3D animated websites becomes a reality, all without writing a single line of code. Are you a designer, freelancer, or creative professional tired of the code barriers in web design? Dora breaks down those walls, allowing you to focus on what you do best: d
Reactで画像やテキストにWebGLエフェクトをかけるライブラリ作った - マルシテイア
amagiです。先日React用コンポーネントライブラリのREACT-VFXをリリースしました。 REACT-VFXを使うと、画像や動画、テキストにWebGLでエフェクトをかけることが出来ます。 ⚡𝙍𝙀𝘼𝘾𝙏-𝙑𝙁𝙓 released！⚡ I created React components to add WebGL effects to images, videos and plain texts in your app. It also supports animated GIFs...😎 Visit website for details:https://t.co/mlnmExpUVZ#REACTVFX #WebGL #React #Threejs #GLSL pic.twitter.com/uDUQ8MKNcK— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayos
3分で3Dコンテンツが作れる！ 「cables」で始めるビジュアルプログラミング - ICS MEDIA
今日ではwebサイトでも積極的に3Dおよびインタラクティブな手法が用いられています。これによって画面に入りこむような、より没入感のある体験が可能となりました。商品を3D化して360度から見られるwebサイトなど見たことはないでしょうか。 一方で、インタラクティブな3Dコンテンツを作るには導入の敷居が高く感じられ、尻込みしてしまう方も多いでしょう。その敷居を下げてくれるのが『cablesケーブルス』です。 cablesは開発はundevというベルリン/ケルンが拠点のデザインスタジオが行っており、ブラウザ上で視覚的にプログラミングが行えるツールです。インタラクティブな3Dコンテンツの作成を簡単に行うことができ、デザイナーにもエンジニアにも使いやすいツールとなっています。面倒なセットアップも必要ありません。 ▼ 編集画面の例 本記事ではcablesを極めればどんなコンテンツが作れるかを紹介し、簡
軽量three.jsを作成した話 - Qiita
この記事は、WebGL Advent Calendar 2018 17日目の記事です。 WebGL採用されない問題 気づけばthree.jsもr99までバージョンが上がっており、歴史も長く認知度も非常に高いライブラリとなりました。しかし、実際に多くのサイトで使用されているかと言うとそうでもありません。そもそもWebGLを使用したサイトと出会うことも少ないです。なぜなのでしょうか？ ① WebGLは難しい 皆さんご存知の通りWebGLを扱うには多くの知識が必要です。そもそも3DCGと関わりのないエンジニアにとってはハードルが高すぎます。筆者も元から詳しい方ではなかったので今もまだ勉強中です。。。しかしthree.jsの登場により、WebGLを簡単に扱えるようになりました。しかしWebGLを採用するサイトが爆増したわけではありません。 ② three.jsはファイルサイズが大きすぎる thre
WebGL × 深層学習ライブラリ「jeeliz」でバーチャルYouTuberやAnimojiを再現 | Ledge.ai
すでに3,000人を突破し、大きな盛り上がりをみせている「バーチャルYouTuber」や、iPhone X話題の機能「Animoji（アニ文字）」はご存知ですよね。 自分の動きに合わせてキャラクターを動かせるバーチャルYouTuber、人の表情と連動する「Animoji（アニ文字）」は、深度センサーを搭載したデバイスや3次元モーショントラッキング、表情認識などによって実現されているんですが……。 これらの機能を組み込んだWebアプリケーションが簡単に作れたら、ちょっとワクワクしませんか？ そのハードル、WebGLとディープラーニングが越えようとしています。 「jeeliz」というJavaScriptライブラリを使えば、ブラウザだけで動くウェブアプリケーションとして実装できるかもしれないんです。 デモがあるので、さっそく紹介させてください。 深度センサー不要。ブラウザだけで顔検出、11種類の
次世代仕様のWebGPUとは？ 次期macOSでのOpenGL非推奨化はWebGLに影響をもたらすのか - ICS MEDIA
次世代仕様のWebGPUとは？ 次期macOSでのOpenGL非推奨化は WebGLに影響をもたらすのか ウェブの3Dグラフィックスを扱う新しい仕様として、WebGPUが提案されています。広く普及したWebGLがある中で、WebGPUとはどういった目的で生まれようとしているのでしょうか？ 本記事ではWebGLとWebGPUの違いと、近況を紹介します。 業界を震撼させたAppleのOpenGL非推奨化 今月6月上旬に開催されたWWDC 18で発表されたmacOS 10.14 MojaveとiOS 12のウェブページでは、OpenGL/OpenCLおよびOpenGL ESを非推奨化する旨が記載されています。macOS 10.14とiOS 12でOpenGL等は引き続き動作するものの、Metalへの置き換えを呼びかけています。 ▲What’s New in macOSにはOpenGLとOpenC
「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用
「TensorFlow.js」公開、Webブラウザ上で機械学習の開発、学習、実行が可能に。WebGL経由でGPUも活用 TensorFlow.jsの基となったオリジナルの「TensorFlow」は、Googleが開発しオープンソースとして公開されている機械学習ライブラリです。Windows、Mac、Linuxなどに対応し、Python、C＋＋、Java、Goなどに対応したAPIを備えています。 今回発表されたTensorFlow.jsはそのJavaScript版で、Webブラウザ上で実行可能。TensforFlow.jsのAPIはオリジナルTensorFlowのPython APIのすべてをサポートしているわけではありませんが、似た設計となっており、機械学習のモデルの構築、学習、学習済みモデルの実行が可能なほか、学習済みモデルのインポートも可能。 WebGLを通じてGPUを利用した処理の高
フェイスブック、リッチな3Dモデルの投稿が可能に
フェイスブック、リッチな3Dモデルの投稿が可能に 以前よりニュースフィードに3Dコンテンツを投稿できる機能『3D Posts』を発表していた米フェイスブックは、今までより高品質な3Dコンテンツの投稿を可能にするため、3D業界の標準フォーマットと言われる『glTF 2.0』のサポート開始を発表しました。 『glTF 2.0』のサポートにより、開発者はさまざまなリソースからよりリッチで高品質な3Dコンテンツをフェイスブックアカウントへ簡単に投稿できるようになります。 リアルな3D投稿ができる 『glTF 2.0』はテクスチャやライティング、高品質なレンダリングをサポートし、ラフ感や光沢感、メタリック感やソフト感など詳細まで作り込まれた3D作品を、フェイスブックに投稿すできるようになります。 レゴやジュラシック・ワールドなどすでに3Dコンテンツをニュースフィードに投稿している公式アカウントが現れ
Three.js入門サイト - ICS MEDIA
このサイトは、WebGLのライブラリ「Three.js」の入門サイトです。 初学者から学べるように基本から解説しつつ、発展的な内容までまとめています。このサイトを通して、ウェブの3Dのインタラクションデザインについて学んでいきましょう。 Three.js概要 Three.jsは、HTML5で3Dコンテンツを制作するためのJavaScriptライブラリです。Mr.doob氏が中心となって開発されており、オープンソースソフトウェアとして個人・商用でも無償で利用できます。 WebGLだけで3D表現をするためには、立方体1つ表示するだけでも多くのJavaScriptやGLSLコードを書く必要があり専門知識も必要です。Three.jsを使えばJavaScriptの知識だけで簡単に3Dコンテンツが作成できるため、手軽に扱えるようになります。 もともと2000年代後半のFlashの時代から、ウェブの3D
WebGLの現状と未来を、Grimoire.jsを生んだスーパークリエータに聞いてきた！
WebGLの現状と未来を、Grimoire.jsを生んだスーパークリエータに聞いてきた！ 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、東京理科大学4年の石井翔さんです。 石井さんのセッション「WebGLの今とこれから ~今のWeb開発で使うからこそ知っておきたい周辺技術~」に関するスライド資料は、こちらで公開されています。 スライド資料 （注: 重いのとモバイルから見えないのはご容赦ください by 石井翔さん） 白石: 本日は取材をお受けいた
deeplearn.js
deeplearn.js is an open-source library that brings performant machine learning building blocks to the web, allowing you to train neural networks in a browser or run pre-trained models in inference mode. We provide an API that closely mirrors the TensorFlow eager API. deeplearn.js was originally developed by the Google Brain PAIR team to build powerful interactive machine learning tools for the bro
Matrix Multiplication
An interactive matrix multiplication calculator for educational purposes
必須物理メモリ6GBで32bit環境ではプレイできないブラウザゲームが登場 | スラド IT
ストーリー by hylom 2017年04月19日 14時42分 クロスプラットフォーム対応と手軽さの代償？ 部門より DMM GAMESが提供する「天歌統一ぷろじぇくと」というブラウザゲームでは、動作要件として物理メモリ6GBが必須（推奨は8GB）となっている。そのため、4GBまでのメモリしか扱えない32ビット環境ではプレイできないそうだ（同ゲームの公式Twitter）。 プレスリリースによるとこのゲームはUnityを使って開発されており、レンダリングにはWebGLを採用しているという。そのためメモリ使用条件が厳しいものになっているとのこと。 昨今でも廉価なPCではメモリが4GBしか搭載されていないものも少なくないが、そういったPCではブラウザゲームですら厳しくなっている時代のようだ。
まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」
eeGeo eeGeoは、「グランド・セフト・オート」や「レミングス」などのクリエイティブディレクターであったイアン ヘザーリントン氏が2010年9月に設立した3D地図を提供する会社です。 日本では、NTTドコモがライセンス供与を受け、屋内3Dマップの提供などを行っています。 今のところ、日本では3Dで表示できる地域がないのですが、ゲーム業界のノウハウを用いた地図サービスとして個人的に期待しています。 登録すれば個人ユーザーでもAPIを使用することができるので、紹介がてらサンプルを載せておきます。 Web版サンプル example 公式サイトに登録し、ダッシュボードから「Create new app」ボタンをクリックして「API Token」を取得してください。 スタイルシートとライブラリを読み込みます。 <link href="https://cdnjs.cloudflare.com/a
deck.gl
deck.gl is a WebGL-powered framework for visual exploratory data analysis of large datasets.
CSS3D と WebGL を融合させた立体風の書籍ビューア！ プラグインとして提供もされてます - WebGL 総本山
用途にマッチした 3D 表現の使い分け 今回ご紹介するのは、3D で PDF などの電子データを表示することができるプラグインのデモページです。 このプラグイン、Wordpress や jQuery のプラグインとして提供されているもののようで、そのデモ版として実際に動いている様子を見せるためのページですね。 ウェブにおける 3D の立体表現というと WebGL のイメージが先行しますが、CSS 3D をうまく利用したビューアの仕組みがなかなか見事です。このような仕組みは WebGL だけでは実現が難しいので、実に上手にウェブの技術を使っている一作だと思います。 立体的に見えても、それは DOM WebGL は、Canvas エレメントの領域をスクリーンとして、あくまでも 3D API によるレンダリングを行ってシーンを描画します。 言い換えると、どれほど美しい立体表現であっても、それは既
【フリーゲーム】Unity(WebGL)専用のゲーム投稿サイト「unityroom」がオープン。ブラウザで遊べるゲームも公開中！ – もぐらゲームス
インディゲームだけでなく、コンシューマゲームの製作にも利用されているゲームエンジンである「Unity」。ゲーム製作においては、2D、3D問わず様々なジャンルの製作で使われているエンジンだ。 そんなゲームエンジンであるUnityで作られたゲームを投稿するサイト「unityroom」が先日オープンした。 【拡散希望】Unity(WebGL)専用のゲーム投稿サイト「unityroom」を公開しました。https://t.co/jDOBsDnYtk すでにUnityを使ってる方も、これからゲームを作ってみたい方も、ぜひ気軽にご利用ください。一緒にゲーム作りを楽しみましょう〜。 — naichi (@naichilab) 2016年4月30日 unityroomは、Unityで作られたゲーム専用の投稿サイトだ。WebGL形式のゲームをアップロードして公開することができ、投稿されているゲームはAndr
GPU本来の性能を引き出すWebGL頂点データ作成法 - Qiita
この記事はWebGL Advent Calendar 2015の９日目の記事です。 ご注意 本記事は2015年当時に書いた記事なのですが、GPUがGeForce 8x00シリーズ以降、SIMDからSIMTという並列実行形式に切り替わった頃から状況が大きく変わりました。 以前は本記事でも紹介するインターリーブ形式の頂点データの方が高速だったのですが、現在のGPUでは多くの環境で非インターリーブの方が高速とされています。 AMD GPUにおいても、GCNアーキテクチャ（PS4以降の世代）から（それまでのVLIWから）SIMTに切り替わり、非インターリーブを推奨されているようです。 WebGLは基本的にネイティブ3D APIへのマッピングに過ぎないため、この傾向はおそらくWebGLでも同様と考えられます。 とはいえ、インターリーブ(AoS)や非インターリーブ(SoA)はCGをやる上でいずれ避けて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple、WebGPUという新しい3Dグラフィックス標準を提案
ISF.video