normal = (1.0-uNormalShift)*normal + uNormalShift*vec3(0.0, 0.0, 1.0); vColor = aColor; applyTransform(position, normal, aModel); @fs #snipet softLight;

materialColor = vColor; color.rgb = softLight(vec3(1.0,0.5,0.0), color.rgb); `,'activeCell'); l3d.build(``, 'plane'); //l0.setViewMode(true); l3d.setLight(l0,0); const gun = new Gun(); gun.registWeapon('roll', (cell, duration, position, axis, angle) => { return { construct:{ life:duration, type:'discrete', group:'roll' }, init:(b)=>{ cell.saveMatrix(); }, update:(b)=>{ const prg = ES.apply('easeInOutQuad', b.progress); cell.loadMatrix(); cell.model.globalHinge(position, [axis, angle*prg]); }, remove:(b)=>{ cell.loadMatrix(); cell.model.globalHinge(position, [axis, angle]); const m = cell.model; for(let i=0; i<16; i++){ m.m[i] = Math.round(m.m[i]); } cell.updatePosition(); cell.free(); gun.fire('wait', cell, RS.randomInt(5,10)); } } }); gun.registWeapon('wait', (cell, duration) => { return { construct:{ life:duration, type:'discrete', group:'wait' }, init:(b)=>{ cell.active = false; }, remove:(b)=>{ cell.active = true; } } }); const activeCells = []; const models = []; const activeCellColors = []; // AIなんか無いんでハンドメイドです。 const spaceLayout = ` ............... ............... .......2222.... ....2222222.... .22222222222... 222222222222... .22222222222... .222666266622.. .222226262222.. ..22666266622.. ..226222226222. ..226662666222. ...22222222222. ...222222222222 ...222222222222 ....222222222.. ....222222..... ....222........ ............... `; const initialize = () => { activeCells.length = 0; models.length = 0; activeCellColors.length = 0; gun.clear(); const space = GridSpace.build(spaceLayout, -7, -9, 0); for(let y=-20;y<21;y++){ for(let x=-20;x<21;x++){ space.set(x,y,-1,1); } } for(const [key,value] of space.map.entries()){ const coords = key.split(',').map(s=>Number(s)); const cellCode = (value & 3); const metaData = (value >> 2); switch(cellCode){ case ACTIVE_CELL: const initialState = (metaData === 1 ? FIXED_CELL : ACTIVE_CELL); const newCell = new ActiveCell(gun, space, initialState, ...coords); activeCells.push(newCell); break; } } for(const c of activeCells){ models.push(c.model); activeCellColors.push(c.color); } } initialize(); const ACTIVE_CELL_COUNT = activeCells.length; gun.registWeapon('init', ()=>{ return { construct:{ life:120, type:'discrete', group:'init' }, update:(b)=>{ const prg = b.progress; l3d.useProgram('activeCell'); l3d.setUniform('uNormalShift', prg*prg*(3-2*prg)); }, remove:(b)=>{ initialize(); l3d.useProgram('activeCell'); l3d.setUniform('uNormalShift', 0); } } }); const cube0 = Geometry3D.cube({details:[1,1,1], transform:`rotation 1 0 0 ${-Math.PI/2}; scale 0.5;`}); const vaoCube = cube0.createVAO(gl); vaoCube.addVAO('activeCell', ` @buffer model ${64*activeCells.length}; oac ${12*activeCells.length}; @layout 0 p 3 float; 1 n 3 float; 2 model 4 float false 64 0; 3 model 4 float false 64 16; 4 model 4 float false 64 32; 5 model 4 float false 64 48; 6 oac 3 float; 2 1; 3 1; 4 1; 5 1; 6 1; f; `); const plane0 = Geometry3D.plane({details:[1,1], transform:`translation 0 0 -0.5; scale 21;`}); const vaoPlane = plane0.createVAO(gl); l3d.useProgram('activeCell'); l3d.setUniform('uNormalShift', 0); draw = () => { // ただ更新するだけ gun.update(); gun.remove(); for(const c of activeCells){ c.update(); } vaoCube.updateVBO('model', models); vaoCube.updateVBO('oac', activeCellColors); // 以下、ただ描画するだけ gl.clearColor(0,0,0,1); gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT); l3d.useProgram('activeCell'); l3d.setMatrices(); l3d.setLights(); vaoCube.bind('activeCell').drawElements('triangles', {count:activeCells.length}).unbind(); l3d.useProgram('plane'); l3d.setMatrices(); l3d.setLights(); vaoPlane.bind().drawElements('triangles').unbind(); if(gun.count('init') === 0){ if(activeCells.every(c => { return (c.state === FIXED_CELL || c.position.magSq() > 90); })){ gun.fire('init'); } } } } // まず、groundを選定する // 隣接セルをすべて見て、FIXED_CELLであれば方向ベクトルがgroundの候補になる。 // groundが決まったらあとは同じ...ではない。 // direction+groundのマスがFIXEDであればrolling=1,FIXEDでないならrolling=2で次の処理に進む。 // リザーブ空間の種類が異なるのだ。 class ActiveCell{ constructor(gun, space, initialState = ACTIVE_CELL, x=0,y=0,z=0){ this.gun = gun; this.space = space; this.position = Vecta.create(x,y,z); this.ground = Vecta.create(0,0,-1); this.direction = Vecta.create(1,0,0); this.transformMatrix = MT4.getTranslation(this.position); this.reservedCells = []; // 翻訳済みの結果を入れる // ここっすね。別にACTIVE_CELLである必要は必ずしもないし、FIXED_CELLであるならそういう風に扱われるんですよね。 this.state = initialState; this.bufferMatrix = MT4.create(); this.materialColor = [1,1,1]; this.isActive = true; } set model(m){ this.transformMatrix.set(m); } get model(){ return this.transformMatrix; } set color(c){ // activeCellColorsに反映させるには、渡した配列そのものにアクセスしないといけない。 const col = coulour3(c); for(let i=0; i<3; i++){ this.materialColor[i] = col[i]; } } get color(){ return this.materialColor; } set state(s){ this.space.set(...this.position.array(), s); } get state(){ return this.space.get(...this.position.array()); } set active(activeState){ this.isActive = activeState; } get active(){ return this.isActive; } saveMatrix(){ this.bufferMatrix.set(this.transformMatrix); } loadMatrix(){ this.transformMatrix.set(this.bufferMatrix); } updatePosition(){ // リザーブ空間の解放前にこれを...やるので、リザーブ空間の大きさで処理を分ける。 // あ、そうだ、5だ。あのね。リザーブ空間増えてるんです。自マスが... if(this.reservedCells.length < 5){ this.position.add(this.direction); }else{ this.position.add(this.direction).add(this.ground); } } reserve(){ this.space.set(this.reservedCells, RESERVED_CELL); } free(){ this.space.remove(this.reservedCells); this.reservedCells.length = 0; this.state = ACTIVE_CELL; } update(){ if(!this.active){ return; } if(this.state === RESERVED_CELL || this.state === FIXED_CELL){ return; } // groundの候補：周囲マスでFIXEDのある方向。 const groundCandidates = getAxes().filter(a => { const c = this.position.add(a, true); if(this.space.get(c.array()) === FIXED_CELL){ return true; } return false; }); const p = this.position; RS.shuffle(groundCandidates); // ground,direction,reservedCellsの組を入れていく。 const moveCandidates = []; for(const g of groundCandidates){ // gに垂直な方向としてdirectionの候補が決まる const directionCandidates = getAxes().filter(a => g.dot(a) === 0); RS.shuffle(directionCandidates); for(const d of directionCandidates){ // まずp+dがBLANCなのが大前提。 const front = p.add(d, true); // 排除する if(this.space.get(front.array()) !== BLANC_CELL){ continue; } // p+d+gがFIXED_CELLかどうかで場合分けする const frontLow = front.add(g, true); // それぞれの場合にリザーブ空間を確定させ、すべてBLANCの場合にOKとみなす。なお自マスは無視。後で入れる。 // 最初に共通のリザーブ空間を用意する。前と上と前方上方 this.reservedCells.push(front.array()); this.reservedCells.push(p.sub(g,true).array()); this.reservedCells.push(p.sub(g,true).add(d).array()); // そして、前方下方が固定セルでないならば、追加する。もっとも最終的にはここはブランクであることが要求される。 // 追加するセルは前方の前方、前方下方、前方下方の前方。 if(this.space.get(frontLow.array()) !== FIXED_CELL){ this.reservedCells.push(front.add(d,true).array()); this.reservedCells.push(frontLow.array()); this.reservedCells.push(frontLow.add(d,true).array()); } // 最終的に3マスないしは6マスとなり、移動が確定したら自マスを追加して4または7となり確定する。 // 邪魔なマスがある場合 if(!this.reservedCells.every(c => this.space.get(c) === BLANC_CELL)){ this.reservedCells.length = 0; }else{ // 3Dの場合はdirection+groundの場合もある const move = {ground:g, direction:d, reservedCells:this.reservedCells.slice()}; move.destination = (this.reservedCells.length < 4 ? this.position.add(d,true) : this.position.add(d,true).add(g)); moveCandidates.push(move); this.reservedCells.length = 0; } } // リザーブ空間が確定なら抜ける //if(this.reservedCells.length > 0){ break; } } // リザーブ空間の決定が済んだ後の処理はほぼ同じ。違うのは回転角度の大きさをリザーブ空間の大きさを元に確定させるところくらいです。 // 方向決め失敗 if(moveCandidates.length === 0){ return; } // とりあえずランダムで出すか。 //const move = RS.random(moveCandidates); // destinationで方向をいじるのは可能でした。 const sun = Vecta.create(0,0,0); moveCandidates.sort((m0,m1)=>{ const d0 = m0.destination.dist(sun); const d1 = m1.destination.dist(sun); return d1-d0; }); const move = moveCandidates[0]; this.direction.set(move.direction); this.ground.set(move.ground); this.reservedCells = move.reservedCells.slice(); // ここでフラグをね... const rotationMagnitude = (this.reservedCells.length < 4 ? 1 : 2); const hingePosition = this.position.addScalar(this.direction, 0.5, true).addScalar(this.ground, 0.5); const axis = this.direction.cross(this.ground, true); const rotationAngle = (Math.PI/2) * rotationMagnitude; // リザーブ処理。ここで自マスを追加し、すべてリザーブとし、侵入不可能にする。 this.reservedCells.push(this.position.array()); this.reserve(); // あとはbulletの仕事 const duration = RS.randomInt(20,40) * rotationMagnitude; this.gun.fire('roll', this, duration, hingePosition, axis, rotationAngle); } } function getAxes(){ return [ Vecta.create(1,0,0),Vecta.create(-1,0,0),Vecta.create(0,1,0),Vecta.create(0,-1,0),Vecta.create(0,0,1),Vecta.create(0,0,-1) ]; }

roll the dice '25'