ブラウザで3D迷路を探索!【Three.jsで動的ウォークスルー】
ブラウザで3D迷路を探索!【Three.jsで動的ウォークスルー】 迷路を作成して3D表示しマウスやタップで操作して迷路内をウォークスルー(Three.js[r145]) ブラウザで3D迷路を探索しよう! Three.jsを使ってリアルな3D迷路を生成しウォークスルー体験ができるインタラクティブなコンテンツです。
迷路を作成して3D表示しマウスやタップで操作して迷路内をウォークスルー(Three.js[r145])
ブラウザで3D迷路を探索しよう! Three.jsを使ってリアルな3D迷路を生成しウォークスルー体験ができるインタラクティブなコンテンツです。 棒倒し法アルゴリズムで迷路を作成し、2Dマップと3D表示を組み合わせて視覚的に楽しめます。 緑の丸がスタート地点、青い丸がゴール。あなたは赤いアイコンとして表示され、迷路を抜け出すことが目標です!
function createMaze() < //棒倒し法アルゴリズムで迷路を作成 for(let x=0;x for(let x=0;x for(let y=0;y for(let x=2;xif(rr==0) if(rr==1) if(rr==2) if(rr==3) if(maze[xx][yy]==0) < maze[xx][yy]=1; break; >> > > >