レ☆ト☆ロ☆ラ☆ボ

タイトルテスト中

WebGL

双曲放物面で作られた構造物

var container = document.getElementById( 'WebGL-output' ); var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, container.clientWidth / container.clientHeight, 0.1, 1000); camera.position.set(60, 40, 120); camera.loo…

空間を二等分する無限多面体

無限に広がる一枚の平面は空間を全く同じ形に二等分しますが、空間を二等分する方法にはもっと奇妙なものもあります。 下のプログラム(クリックでスタート)は、その一つを目で見るために作ったものです。 空間を二等分する方法は、全部でどれだけあるので…

var container = document.getElementById( 'WebGL-output' ); var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, container.clientWidth / container.clientHeight, 0.1, 1000); var renderer = new THREE.WebGLRenderer(); va…

WebGL の練習(1)

attribute vec4 a_Position; attribute vec4 a_Color; uniform mat4 u_MvpMatrix; varying vec4 v_Color; void main() { gl_Position = u_MvpMatrix * a_Position; v_Color = a_Color; } precision mediump float; varying vec4 v_Color; void main() { gl_F…