vColor = aColor; applyTransform(position, normal, aModel); @fs

materialColor = vColor; `,'activeCell'); l3d.build(` @common vec3 vColor; @vs 2 vec3 aOffsetPosition; 3 vec3 aColor;

vColor = aColor; position += aOffsetPosition; @fs

materialColor = vColor; `, 'fixedCell'); 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 = 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(10,20)); } } }); gun.registWeapon('wait', (cell, duration) => { return { construct:{ life:duration, type:'discrete' }, init:(b)=>{ cell.active = false; }, remove:(b)=>{ cell.active = true; } } }); const activeCells = []; const fixedCellPositions = []; const fixedCellColors = []; const models = []; const space = GridSpace.build([` ......... ......... ......... ....1.... ...111... ....1.... ......... ......... ......... `,` ......... .12.1.21. .2.212.2. .2211122. .1111111. ...111... .2..1..2. .12.1.21. ......... `,` .1..1..1. 111111111 .1111111. .1111111. 111111111 .1111111. .1111111. 111111111 .1..1..1. `,` ......... .1221221. .2..1..2. .2.111.2. .1111111. .2211122. .2.212.2. .12.1.21. ......... `,` ......... ......... ......... ....1.... ...111... ....1.... ......... ......... ......... `], -4, -4, -2); for(const [key,value] of space.map.entries()){ const coords = key.split(',').map(s=>Number(s)); switch(value){ case ACTIVE_CELL: activeCells.push(new ActiveCell(gun, space, ...coords)); break; case FIXED_CELL: fixedCellPositions.push(Vecta.create(coords)); fixedCellColors.push(coulour3('coral')); } } for(const c of activeCells){ models.push(c.model); } // ここでカウントを決定する const ACTIVE_CELL_COUNT = activeCells.length; const FIXED_CELL_COUNT = fixedCellPositions.length; const cube0 = Geometry3D.roundCuboid({details:[4,4,4,4], size:0.8, radius:0.09, transform:`rotation 1 0 0 ${-Math.PI/2}`}); const vaoCube = cube0.createVAO(gl); const activeCellColors = Array(ACTIVE_CELL_COUNT); for(let i=0; i model ${64*ACTIVE_CELL_COUNT}; oac activeCellColors; @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; `, {activeCellColors}); vaoCube.addVAO('fixedCell',` @buffer op fixedCellPositions; ofc fixedCellColors; @layout 0 p 3; 1 n 3; 2 op 3; 3 ofc 3; 2 1; 3 1; f; `,{fixedCellPositions, fixedCellColors}); draw = () => { l3d.model().setRotation(1,1,0,frameCount*TAU/780); // ただ更新するだけ gun.update(); gun.remove(); for(const c of activeCells){ c.update(); } vaoCube.updateVBO('model', models); cs.update(); // 以下、ただ描画するだけ 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:ACTIVE_CELL_COUNT}).unbind(); l3d.useProgram('fixedCell'); l3d.setMatrices(); l3d.setLights(); vaoCube.bind('fixedCell').drawElements('triangles', {count:FIXED_CELL_COUNT}).unbind(); } } // まず、groundを選定する // 隣接セルをすべて見て、FIXED_CELLであれば方向ベクトルがgroundの候補になる。 // groundが決まったらあとは同じ...ではない。 // direction+groundのマスがFIXEDであればrolling=1,FIXEDでないならrolling=2で次の処理に進む。 // リザーブ空間の種類が異なるのだ。 class ActiveCell{ constructor(gun, space, x,y,z){ 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 = []; // 翻訳済みの結果を入れる this.state = ACTIVE_CELL; this.bufferMatrix = MT4.create(); this.isActive = true; } set model(m){ this.transformMatrix.set(m); } get model(){ return this.transformMatrix; } 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){ 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); 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; continue; }else{ // 3Dの場合はdirection+groundの場合もある this.ground.set(g); this.direction.set(d); break; } } // リザーブ空間が確定なら抜ける if(this.reservedCells.length > 0){ break; } } // リザーブ空間の決定が済んだ後の処理はほぼ同じ。違うのは回転角度の大きさをリザーブ空間の大きさを元に確定させるところくらいです。 // 方向決め失敗 if(this.reservedCells.length === 0){ return; } // ここでフラグをね... 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(10,20) * 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 2