Introducing Babylon.js 7.0
Our mission is to build one of the most powerful, beautiful, simple, and open web rendering engines in the world, and we are excited to announce that mission takes another step forward today, with Babylon.js 7.0. Babylon.js 7.0 is a celebration of a year’s worth of new features, optimizations, and performance improvements that unlock new capabilities for web developers everywhere. So let’s dive in
Announcing Babylon.js 6.0
Our mission is to build one of the most powerful, beautiful, simple, and open web rendering engines in the world, and we are excited to announce the next step forward in that journey: the release of Babylon.js 6.0. Babylon.js 6.0 brings a smorgasbord of performance improvements, rendering enhancements, and exciting new features that you will NOT want to miss! Let’s get started by talking about one
Shader Park
A JavaScript library for creating interactive procedural 2D and 3D shaders.
初めてのWebGL 2 第2版
WebGL 2プログラミングの入門書。WebGL APIによりプラグインなしで3Dコンピューターグラフィックスをブラウザに表示できます。本書では、自動車の3Dモデルビューアーを例に、インタラクティブな3DCGを使用するウェブアプリケーションの開発方法について解説します。対象読者は初中級のウェブプログラマー。JavaScriptの基礎知識は必須ですが、3D数学の詳しい知識は不要です。ベクトル演算や行列演算にはライブラリを使用するので、具体的な計算処理を意識することなくWebGL 2プログラミングに集中できます。読者はWebGL 2で本当に必要な部分を本書一冊でマスターできます。 序文 訳者まえがき まえがき 1章 イントロダクション 1.1 システム要件 1.2 WebGLレンダリング 1.2.1 ソフトウェアベースレンダリングとハードウェアベースレンダリング 1.2.2 サーバーベースレン
Release v6.0.0 · pixijs/pixijs
💥 Breaking Changes This version is largely compatible with v5 except for a few subtle differences: Stricter Typings TypeScript types have been completely re-generated and work for all packages. There are likely subtle differences between v5 types where the new types are much more exact. Also, we have removed the use of PIXI global namespace in typings. If you were previously using that you'll nee
生 WebGL と TypeScript で Vercel のロゴを作る
はじめに 完全に釣りタイトルです。Three.js などを使わずに生の WebGL で ▲ を描くというだけの話です。いわゆる WebGL の「Hello World」です。Vercel や Next.js とは一切関係ありません。 WebGL を詳細に解説しているサイトはいくつかあって、内容に関してはどれもすばらしいものです。ただ、何年も前のものなのでソースコードにまだ var が使われているものも多く、また独自関数で処理をまとめていることで、個人的には全体の流れが少しわかりにくくなっている気がします。さらに TypeScript を使っている日本語記事は見当たりませんでしたので、それらを補う形でまとめてみたいと思います。 なお、本記事では全体的な流れに焦点を当てているので、詳細な解説は下記サイトなどをご参考ください。 WebGLの基本 (日本語) wgld.org | WebGL (日
mannequin.js
Mannequin.js Mannequin.js is a library of an articulated mannequin figures. The shape and the movements of the figures are done purely in JavaScript. The library is used in the course Fundamentals of Computer Graphics for Computer Sciences undergraduate students from the Faculty of Mathematics and Informatics at Sofia University. Documentation User guide and API Ръководство на потребителя Demos Po
2019年のWebGLデバッグツール状況 - Qiita
これはThree.js Advent Calendar 2019の14日目の記事です。 3年前に以下の記事を読んでWebGL Inspectorを使い、デバッグ処理でWebGL Inspectorに凄くお世話になりました。 WebGLの開発やデバッグに便利なブラウザ拡張機能をつかってみよう 「Three.jsにBaylon.jsみたいなDebug modeある？」という議論を見つけて気になったので、現状のWebGLデバッグツール状況を調べてみました。 Three.jsフォーラム - Does three.js has some “scene debug mode” or plugin? (like babylon.js DebugLayer) 消失したデバッグツール WebGL Inspector 最終更新日（github）：2017/02/22 去年はまだChromeウェブストアにあった
PixiJS v5 lands
Can you believe it’s been it’s been this long? Nearly 2 years?? I guess that’s what happens because… life! (for me, I blame the fact I added two kids to the world) Still, better late than never right? So without further ado... (drum roll) PixiJS v5 is here! That’s right, today we get to officially announce that v5 has landed in the PixiJS master branch and also on npm. This is a huge step as it me
curtains.js | Home
What is it ? Shaders are the new front-end web development big thing, with the ability to create very powerful 3D interactions and animations. A lot of very good javascript libraries already handle WebGL but with most of them it's kind of a headache to position your meshes relative to the DOM elements of your web page. curtains.js was created with just that issue in mind. It is a small vanilla Web
TensorFlow.js | Machine Learning for JavaScript Developers
Deploy ML on mobile, microcontrollers and other edge devices
Three.js入門サイト - ICS MEDIA
このサイトは、3Dライブラリ「Three.js」の入門サイトです。Three.jsはWebGLとWebGPUの両方に対応していますが、このサイトでは次世代のWebGPU版（three/webgpu）を中心に解説します。 初学者から学べるように基本から解説しつつ、発展的な内容までまとめています。このサイトを通して、ウェブの3Dのインタラクションデザインについて学んでいきましょう。 Three.js概要 Three.jsは、HTML5で3Dコンテンツを制作するためのJavaScriptライブラリです。Mr.doob氏が中心となって開発されており、オープンソースソフトウェアとして個人・商用でも無償で利用できます。 WebGPUやWebGLを素のAPIだけで3D表現しようとすると、立方体1つ表示するだけでも多くのJavaScriptやWGSL / GLSLコードが必要です。Three.jsを使えば
JavaScriptのWebGL 2.0でGPGPU - Qiita
はじめに WebGLはブラウザでGPUを使って3D表示をするためのAPIです。 WebGL 2.0は1.0に比べてGPUによる汎用計算(GPGPU)の機能が強化されています。 WebGLは複雑な手順に従ってAPIを呼ぶ必要があり使いづらいので、簡単にGPGPUのプログラムを作れるライブラリを作ってみました。 以下ではこのライブラリの使い方を説明します。 ライブラリの詳しい説明は以下にあります。 http://lkzf.info/gpgpu.js/doc/ ソースはGitHubに上げています。 https://github.com/teatime77/gpgpu.js/blob/master/js/gpgpu.js ライブラリの本体はgpgpu.jsという1個のファイルです。 このファイルをGitHubからコピーしてきて、HTMLファイルのhead部分に以下の1行を入れてください。 WebG
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - amandaghassaei/gpu-io: A GPU-accelerated computing library for running physics simulations and other GPGPU computations in a web browser.
GitHub - pmndrs/detect-gpu: Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
GitHub - marcello3d/lascaux-sketch: Lascaux Sketch 2 is an open source web-based digital painting tool
GitHub - aeroheim/midori: library for animated image backgrounds
GitHub - heremaps/harp.gl: 3D web map rendering engine written in TypeScript using three.js
GitHub - greggman/twgl.js: A Tiny WebGL helper Library
GitHub - sawa-zen/shree: lite three.js
