SmallWorld3D
The White Box of 3D Programming About SmallWorld3D is an educational realtime 3DCG library. Entire system including polygon rasterizer is written in short javascript. Download Please download zip or pull from Github Getting Started Step 1: Create framebuffer and rasterizer. framebuffer = new smallworld3d.ImageBuffer(300, 300, true); rasterizer = new smallworld3d.Rasterizer(framebuffer); rasterizer
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（２／３）～
本稿では新しいWEBページ用の言語であるHTML5＋WebGLを利用して、 ウェブブラウザ上で、物理シミュレーションの計算と描画をリアルタイムに実行する「物理シミュレータ」の作成までの手順を記述します。 本稿では、物理シミュレータの例として、任意の初期条件に対する２重振り子の時間発展を４次のルンゲクッタ法を計算する「２重振子シミュレータ」を構築します。また、本稿では WebGL を簡単に利用することができるWebGLライブラリとして著名な Three.js を用いています。 物理や工学とは無関係に、初めて Three.js を利用する人がチュートリアルとしても利用できることも意図しております。 パート１では、主に Three.js の使い方について触れました。 パート２では、拘束力のある運動の代表例である単振子を取り上げ、物理演算結果のリアルタイム描画＋物理量の時間発展の様子をグラフ化しま
Amazing 3D Animation with three.js
The hottest topic for client-side developers seems to be animation. Whether it be from CSS transformations, keyframe animations, or animations managed with JavaScript APIs, it seems like each day we come across another demo that shows us how can we've come outside of Flash. The latest shocker comes from the three.js project. The creators of three.js explains the project best: The aim of the projec
A3 | aerotwist.com
Aerotwist.com is the website of Paul Lewis, a British web developer now to be found in Stockholm, Sweden. Hello.A Simple 3D Engine Having used Three.js a lot, and at the suggestion of Bartek Drozdz, I decided to sit down and create a simple 3D engine in JavaScript and WebGL. I have a lot of experience building sites and applications, but I've never built an engine before, nor created anything spec
forked from: 変体 - jsdo.it - Share JavaScript, HTML5 and CSS
forked from: 変体 Vertex3D(lib) Triangle3D(lib) Matrix3D(lib) Light(lib) FlatShader(lib) ExtraDisplayObject3D(lib) // forked from daijimachine's "変体" http://jsdo.it/daijimachine/1_hentai /** * 変体 * * HTML5 Canvasの挙動テスト。 * 即席3Dライブラリを作って、 * Canvasの処理速度、描画速度等々、 * もろもろの挙動を体感してみた。 * * 今回やってみて、Canvasの描画精度が、 * わりと低いという印象を持った。 * * @author Masayuki Daijima (ARCHETYP Inc.) * http://www.daijima.jp/blog/ * http
GitHub - mrdoob/three.js: JavaScript 3D Library.
import * as THREE from 'three'; const width = window.innerWidth, height = window.innerHeight; // init const camera = new THREE.PerspectiveCamera( 70, width / height, 0.01, 10 ); camera.position.z = 1; const scene = new THREE.Scene(); const geometry = new THREE.BoxGeometry( 0.2, 0.2, 0.2 ); const material = new THREE.MeshNormalMaterial(); const mesh = new THREE.Mesh( geometry, material ); scene.add
Canvasによる3Dテクスチャマッピングとパフォーマンスチューニング（仮題） - 最速チュパカブラ研究会
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書こうとして、結局まだ書ききれてませんけど。 タイトル案 Javascript と Canvas によるフルスクラッチ3Dプログラミング Javascript と Canvas 3Dプログラミング入門 ドキッ JSだらけの あと、今日（11日）は私の誕生日でもあります。25になりました。そろそろ鏡を見るのが怖くなってきますね。 以下、書きかけ Introduction Adobe MAX 2009 で Spark Project は、拡張現実（AR）のデモを展示し、来場者の注目を集めていた。Shibuya.JS のメンバーもこのデモに感激し、是非
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで高度な3D表現ができると話題の「Sprite3D.js」で作った凄いデモ
blog.alumican.net » Blog Archive » そろそろWebGLを・・・
Canvas3D & Flickr
Loading...
drawlogic - creative engineering + interactive action!