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
GitHub - pmndrs/cannon-es: 💣 A lightweight 3D physics engine written in JavaScript.
This is a maintained fork of cannon.js, originally created by Stefan Hedman @schteppe. It's a type-safe flatbundle (esm and cjs) which allows for tree shaking and usage in modern environments. These minor changes and improvements were also made: These PRs from the original repo were merged: schteppe/cannon.js#433, schteppe/cannon.js#430, schteppe/cannon.js#418, schteppe/cannon.js#360, schteppe/can
X3D: Declarative 3D for the Modern Web
Introduction Modern web technologies enable developers to create clean, yet visually rich, user experiences which are widely supported as standard by all of the major browsers. So, how do you actually go about writing standards-based visualisations for the web…? And what support is there exactly for 3D graphics? Let’s start by reviewing the two main supported approaches in the HTML standard: SVG a
three.js超入門 第0回 3Dコンピュータグラフィックスの基礎 - Qiita
概要 この記事では「three.js超入門」と題して、three.jsの基礎からシェーダーの利用までをやっていきます。 ターゲットは主に「canvas表現を触ったことがないフロントエンドエンジニア」を想定しているので、jsの構文などの説明は省略しています。 three.jsのバージョンは執筆時点で最新のr98を使用します。 three.js超入門 第0回 3Dコンピュータグラフィックスの基礎 three.js超入門 第1回 レンダリングまでの流れ three.js超入門 第2回 アニメーションと時間ベースでの制御 three.js超入門 第3回 マウスやスクロールでのインタラクション three.js超入門 第4回 getBoundingClientRect()を使ったDOM要素との連携 three.js超入門 第5回 シェーダー(GLSL)の基礎 three.js超入門 第6回 Shad
GitHub - google/model-viewer: Easily display interactive 3D models on the web and in AR!
This is the main GitHub repository for the <model-viewer> web component and all of its related projects. Getting started? Check out the <model-viewer> project! The repository is organized into sub-directories containing the various projects. Check out the README.md files for specific projects to get more details: 👩🚀 <model-viewer> • The <model-viewer> web component (probably what you are lookin
Web High Level Shading Language | WebKit
This article is introducing a new graphics shading language for the Web named Web High Level Shading Language (WHLSL, pronounced “whistle”). The language is insprired by HLSL, the dominant shading language for graphics app developers. It extends HLSL for the Web platform to be safe and secure. It’s easy to read and write, and is well-specified using formal techniques. Background Over the past few
Quick Look Gallery - Augmented Reality - Apple Developer
AR Quick Look Built-in apps, such as Safari, Messages, Mail, News, and Notes, use Quick Look to display USDZ files of virtual objects in 3D or AR on iPhone and iPad. You can embed Quick Look views in your apps and websites to let users see incredibly detailed object renderings in a real-world surrounding with support for audio playback. Examples with animations AR Quick Look supports built-in beha
Announcing Babylon.js 3.0
Babylon.js is an open source framework that allows you to create stunning 3D experiences in your browser. Built with simplicity and performance in mind, it is the engine that fuels the Remix3D site or the Xbox Design Lab. Today, I’m thrilled to announce the availability of Babylon.js’s biggest version ever: Babylon.js v3.0. This version is packed with incredible features, but before listing some o
voxel.css
var scene = new voxelcss.Scene(); scene.rotate(-Math.PI / 8, Math.PI / 4, 0); scene.attach(document.body); var world = new voxelcss.World(scene); var editor = new voxelcss.Editor(world); editor.enableAutoSave(); if (editor.isSaved()) { editor.load(); } else { editor.add(new voxelcss.Voxel(0, 0, 0, 100, { mesh: voxelcss.Meshes.grass })); } View in JSFiddle var voxel = new voxelcss.Voxel(0, 0, 0, 10
ゲームグラフィックス特論 A / B − 授業概要
授業の概要・位置づけ 3次元コンピュータグラフィックスの理論と実装方法のうち, 特に3Dゲームなどのインタラクティブなアプリケーションを実現する上で必要になるリアルタイムレンダリングの技術の学習を通して, 現在のCGシステムで用いられている各種の技術や考え方を理解し, それを応用したシステムを実装するための知識とノウハウを習得します. 学部科目の「コンピュータグラフィックス」に続く進歩的な内容であり, 教科書的な内容にとどまらず現実のシステムで応用されている技術の具体的な内容の一端に触れることを目指します. 概要説明，レンダリングパイプライン (講義資料, 講義ノート, 宿題) GPU (Graphics Processing Unit) (講義資料, 講義ノート, 宿題) 変換 (1) - 同時座標による座標変換 (講義資料, 講義ノート, 宿題) 変換 (2) - 四元数による回転と補
BrainBrowser v2.5.2
BrainBrowser is an open source JavaScript library exposing a set of web-based 3D visualization tools primarily targetting neuroimaging [Sherif et al. 2015]. Using open web-standard technologies, such as WebGL and HTML5, it allows for real-time manipulation and analysis of 3D imaging data through any modern web browser. The BrainBrowser Surface Viewer is a WebGL-based 3D viewer capable of displayin
『スマートフォンで動くリアルタイム3Dグラフィック』
はじめまして。 アメーバ事業本部コア室コアディベロップメントグループの新屋です。 コア室では3Dアニメーションライブラリの開発を行っています。 リアルタイム・プリレンダ問わず3Dモーショングラフィックが好きで趣味でも3Dの制作をしています。プリレンダはTAKCOMさん、WOWのdaihei shibataさん、ogaoooooさん、リアルタイムはMasato Tsutsuiさん等の作品が好きです。 リアルタイム3D 昨今のスマートフォンの処理能力の向上に伴い、webブラウザでも一昔前にPCで動作していたようなリッチなコンテンツも高速に処理できるようになりました。 スマホサービスでは必ずと言っていい程CSSやjavascriptでのUI・演出アニメーションが組込まれています。 そうしたアニメーションの表現力を引き上げる方法の一つとしてリアルタイム3Dを紹介します。 リアルタイム3Dを扱う言語
Introducing Gladius 0.2
Today we are proud to release the next version of our open-source Javascript game engine, Gladius 0.2. For this release, we focused on making the API more intuitive and improving modularity. The driving goal for these changes is to make it easy for developers to customize the engine for their projects and to share their own engine plug-ins with the Gladius community. Gladius is an experimental, co
csg.js
csg.js Source code: http://github.com/evanw/csg.js/ Documentation: http://evanw.github.com/csg.js/docs/ Introduction Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean operations like union and intersection to combine 3D solids. This library implements CSG operations on meshes elegantly and concisely using BSP trees, and is meant to serve as an easily understandable implem
dom3d: rendering 3d with CSS3
dom3d: rendering 3d with CSS3 Fork me on github! James Long works for Mozilla and can be reached at jlongster@jlongster.com Here is a 3d object. It is rendered with pure HTML and CSS using 2d transforms. These let you specify a transform property on a DOM element composed of translate, rotate, skew, and scale functions. To achieve the 3d effect, I project the 3d triangles into 2d screen space usin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ffish.asia / floraZia.com (@ffishAsia-and-floraZia)
Spline - 3D Design tool in the browser with real-time collaboration
GitHub - Cloud9c/taro: A lightweight 3D game engine for the web.
GitHub - Keshigom/WebVRM
Tridiv | CSS 3D Editor