function main(POX) { //settings const RAD = Math.PI/180 ; const P2 = Math.PI*2 POX.setting = { name:"noisebox22", scale:1.0, pixRatio:1, highRefreshRate:true, foveationLevel:3, cam:{ camMode:"walk", camCX:2, camCZ:2, camCY:1.5, camRX:-30, camRY:0, gPad:true, camAngle:90 } }; //make scenedata let scene let panel POX.init = async () => { scene={ //environment params env:{clear_color:[0.,0.,0.,1.0],cull:true}, //vertex shader uniform data vs_uni:{ vmode:0, col:[1.0,1,1.0,1.0] }, //flagment shader uniform data fs_uni:{ pamb:0.3, pdiff:0.8, pspec:0.3, pref:0.0, dspec:60, ambcolor:[0.5,0.5,0.5], lvec:[[10,50,0]], lcol:[[1,1,1]], lparam:[[1.2,150]], colmode:0, shmode:0, bcolor:[1,0,0,1] }, texture:[ // {src:"sample/tex1024.png"} ], model:[ {name:"base",hide:true, geo:new WWModel().primitive("plane",{wx:100,wz:100}).objModel(), fs_uni:{bcolor:[0.5,0.5,0.5,1.0],colmode:3} }, {name:"axis",hide:1, geo:{mode:"lines", vtx_at:["position","icolor"], vtx:[0,0,0, 1,0,0, 200,0,0, 1,0,0, 0,0,0, 0,1,0, 0,200,0, 0,1,0, 0,0,0, 0,0,1, 0,0,200, 0,0,1]}, vs_uni:{vmode:0}, fs_uni:{colmode:1,shmode:1}}, {name:"sky",hide:true, geo:new WWModel().primitive("sphere",{div:10,wx:400,wy:400,wz:400,ninv:true}).objModel(), fs_uni:{colmode:4,shmode:1} }, {name:"body",hide:true, geo:new WWModel().primitive("box",{wx:0.01,wy:0.6,wz:0.01}).objModel(), bm:new Mat4().translate(0,0.,0), vs_nui:{vmode:2}, fs_uni:{colmode:0,shmode:0} } ] } //set scene and rendering start POX.setScene(scene).then((d)=>{ // panel = new Cpanel(POX.render,{layer:99}) start() }); } function vlen(v1,v2) { return (v1.lenvgth==3)? Math.hypot(v1[0]-v2[0],v1[1]-v2[1],v1[2]-v2[2]): Math.hypot(v1[0]-v2[0],v1[1]-v2[1]) } function start() { const w = 80 const scale = 4 const buf = new Float32Array(w*w*4) let bp = 0 ; for(let y=0;yw*w/4) continue ; buf[bp++] = px*scale buf[bp++] = 0 buf[bp++] = py*scale buf[bp++] = 0 } } POX.log(bp/4) let spi = Math.floor(Math.random()*bp/4) // spi = Math.floor(bp/4/2) let spx = buf[spi*4] let spz = buf[spi*4+2] buf[spi*4+3] = 1 const model = {name:"pts", geo:{ mode:"tri",vtx_at:["position", "norm"], vtx:[0,0,0, 0,1,0, 1,0,0, 0,1,0, 1,0,1, 0,1,0, 0,0,1, 0,1,0, 0,0,1, 0,0,1, 0,-1,1, 0,0,1, 1,-1,1, 0,0,1, 1,0,1, 0,0,1, 0,0,0, -1,0,0, 0,-1,0, -1,0,0, 0,-1,1, -1,0,0, 0,0,1, -1,0,0, ], idx:[0,2,1, 0,3,2, 4,5,6, 4,6,7, 8,9,10, 8,10,11] }, inst:{attr:["ipos","imode"], data:buf,count:bp/4 }, hide:false,cull:false, bm:new Mat4().scale(scale,scale,scale).translate(0,0,0), vs_uni:{vmode:1,scale:scale,devide:w,seed:Math.random()}, fs_uni:{colmode:10,shmode:0}} POX.render.addModel(model) //sceneupdate function for each frame let status = 0 POX.addEvent("frame",ev=>{ if(status==1) return const cam = ev.ccam.getCam() let px = (Math.floor(cam.position[0]/scale))*scale let pz = (Math.floor(cam.position[2]/scale))*scale if(spx==px && spz==pz && vlen( [(cam.position[0]-px)/scale, (cam.position[2]-pz)/scale],[0.5,0.5])<0.25){ ev.ccam.moveTo(null,1000,null,{velocity:2}) if(ev.primaryPad.hapticActuators && ev.primaryPad.hapticActuators.length>0) { ev.primaryPad.hapticActuators[0].pulse(1,1000) } status = 1 } if(panel) { let txt =[POX.poxp.param.fps] txt[1] = px txt[2] = pz txt[3] = "" txt[4] = ev.cam.camRY panel.update(ev.render,txt) } POX.getModelData("pts").vs_uni.cpos = [cam.position[0],cam.position[1],cam.position[2]] POX.getModelData("body").bm = new Mat4(). translate(0,0,-0.1). rotate(-ev.cam.camRY,0,1,0).translate(cam.position[0],0.6,cam.position[2]+0.) }) //controller event handling POX.addEvent("gpad",ev=> { console.log(ev) }) //vr event handling POX.addEvent("vrchange",ev=> { console.log(ev) }) } } const vshader = `attribute vec3 position; attribute vec3 norm; attribute vec2 uv ; attribute vec3 ipos ; attribute vec3 icolor; attribute vec2 iz ; attribute float imode ; uniform mat4 mvpMatrix; uniform mat4 invMatrix; uniform mat4 modelMatrix; uniform mat4 vpMatrix; uniform vec4 col; uniform int vmode ; uniform float time ; uniform float scale ; uniform float divide ; uniform float seed ; uniform vec3 cpos ; varying vec3 tnorm ; varying vec4 tcolor ; varying vec3 tpos ; varying vec2 tuv ; const float PI = radians(180.) ; vec2 random2(vec2 st){ st = st+vec2(seed) ; st = mod(vec2( dot(st,vec2(127.1,311.7)), dot(st,vec2(269.5,183.3)) ),PI*2.); return -1.0 + 2.0*fract(sin(st)*43758.5453123); } float interpolation(float f){ return f * f * (3.0 - 2.0 * f); // return f * f * f * (f * (6.0 * f - 15.0) + 10.0); } float mmix(float a,float b,float m) { return a*(1.-m)+b*m ; } float noise2(vec2 st) { vec2 i = floor(st); vec2 f = fract(st); vec2 u = f*f*(3.0-2.0*f); return mix( mix( dot( random2(i + vec2(0.0,0.0) ), f - vec2(0.0,0.0) ), dot( random2(i + vec2(1.0,0.0) ), f - vec2(1.0,0.0) ), u.x), mix( dot( random2(i + vec2(0.0,1.0) ), f - vec2(0.0,1.0) ), dot( random2(i + vec2(1.0,1.0) ), f - vec2(1.0,1.0) ), u.x), u.y); } float pick(vec2 uv) { return (noise2(uv/scale*.1+ vec2(time,-time)*0.002))* scale*10. ; } vec3 sgrad(float t) { float p2 = 2.*PI ; float tt = t * p2 ; return (vec3( cos(tt),cos(tt+p2/3.),cos(tt+2.*p2/3.))+2.)/3. ; } vec4 cpick(vec2 uv) { vec4 ret ; ret = vec4(vec3(.8,.8,.8)+(noise2(uv/scale*1.6))*.4,1.); // vec4 scol = vec4(sgrad((noise2(uv/scale*0.001+vec2(time,-time)*0.01)*1.5+1.)*0.8 ),1.); // ret = vec4( // scol.r+(noise2(uv/scale*1.))*0., // scol.g+(noise2(uv/scale*1.+0.5))*0., // scol.b+(noise2(uv/scale*1.+1.))*0., // 1.) ; return ret ; } void main() { vec4 color = col ; vec3 pos = position ; tcolor = vec4(icolor,1.) ; vec3 rnorm = norm ; tpos = (modelMatrix * vec4(pos,1.0)).xyz; tuv = vec2(uv.x,1.-uv.y) ; if(vmode==1) { tpos = tpos + ipos ; float pp = pick(ipos.xz); float py = pick(ipos.xz+vec2(0.,scale)); float px = pick(ipos.xz-vec2(scale,0.)) ; tpos.y += pp ; if(position.y<0.) tpos.y = (norm.z==1.)?py:px; vec2 ci = floor(cpos.xz/scale)*scale ; vec2 cd = fract(cpos.xz/scale) ; float ch = pick(ci) ; float sd = 0.05 ; if(cd.x(1.-sd)) { float ch2 = pick(ci+vec2(+scale,0.)) ; ch = ch+ mix(0.,(ch2-ch)/2.,(cd.x-(1.-sd))/sd) ; } if(cd.y(1.-sd)) { float ch2 = pick(ci+vec2(0.,+scale)) ; ch = ch+ mix(0.,(ch2-ch)/2.,(cd.y-(1.-sd))/sd) ; } tpos.y -= ch ; vec4 cc = cpick(ipos.xz) ; vec4 cx = cpick(ipos.xz-vec2(scale,0.)) ; vec4 cy = cpick(ipos.xz+vec2(0.,scale)) ; tcolor = (norm.y==1.)?cc: (norm.z==1.)?((pp0.) { vec3 ref = normalize(reflect(tpos - eyevec, tnorm)); vec2 tc = vec2( (sign(ref.x)*acos(ref.z/sqrt(ref.x*ref.x+ref.z*ref.z))/PI+1.0)/2.0, acos(ref.y)/PI ) ; rcolor = skycol(tc) ; } fcolor = fcolor + col * ambcolor * pamb + rcolor * pref ; fcolor = pow(fcolor,vec3(1./gamma)) ; return fcolor ; } void main() { vec4 color = (colmode==1)?tcolor:(colmode==2)?texture2D(tex1,tuv):bcolor ; vec3 col = color.rgb ; vec3 norm = normalize(tnorm) ; if(colmode==3) { col = col * (((mod(tuv.x ,0.1) < 0.05) ^^ (mod(tuv.y ,0.1) < 0.05))?1.:0.8) ; } if(colmode==4) { float sun = clamp(dot(normalize(lvec[0]),-normalize(reflect(tpos - eyevec, tnorm))),0.,1.) ; col = skycol(tuv) + pow(sun,80.) * lcol[0]*0.6 ; } if(colmode>=10) customcol(colmode,col,norm); gl_FragColor = vec4((shmode!=1)?shade(col,norm):col,color.a); } ` onload = function() { POXP.init(()=>{ $("loading").style.display = "none" ; }, {m:main,vs:vshader,fs:fshader}) }