function main(POX) { //settings const RAD = Math.PI/180 ; const P2 = Math.PI*2 POX.setting = { name:"life22", scale:1.0, pixRatio:1, highRefreshRate:true, foveationLevel:3, needWGL2:true, cam:{ camMode:"walk", camCX:5, camCZ:5, camCY:1.5, camRX:30, camRY:-45, gPad:true, camAngle:90 } }; // light params const lvec = [ [0,5,1], [0,-1,0] ] const lcol = [ [1,1,1], [0.5,0.5,1] ] const lparam = [ [1,0], [0.5,0] ] //make scenedata let scene let panel POX.init = async () => { scene={ //environment params env:{clear_color:[0.2,0.2,0.4,1.0],cull:true}, //vertex shader uniform data vs_uni:{ col:[1.0,1,1.0,1.0], imode:0 }, //flagment shader uniform data fs_uni:{ pamb:0.2, pdiff:0.8, pspec:0.4, pref:0.0, dspec:60, ambcolor:[0.5,0.5,1], lvec:lvec, lcol:lcol, lparam:lparam, colmode:0, shmode:0, bcolor:[0.,0.1,0.2,1], point:0 }, texture:[ // {src:"sample/tex1024.png"} ], model:[ {name:"base", geo:new WWModel().primitive("plane",{wx:100,wz:100}).objModel(), fs_uni:{bcolor:[0.1,0.1,0.1,1.0],colmode:3} }, {name:"axis",hide:1, geo:{mode:"lines", vtx_at:["position","color"], vtx:[0,0,0, 1,0,0,1, 200,0,0, 1,0,0,1, 0,0,0, 0,1,0,1, 0,200,0, 0,1,0,1, 0,0,0, 0,0,1,1, 0,0,200, 0,0,1,1]}, fs_uni:{colmode:1,shmode:1}}, {name:"sky", geo:new WWModel().primitive("sphere",{div:10,wx:200,wy:200,wz:200,ninv:true}).objModel(), fs_uni:{colmode:0,shmode:1} } ] } //set scene and rendering start POX.setScene(scene).then((d)=>{ // panel = new Cpanel(POX.render,{layer:99}) init() POX.addEvent("frame",async ev=>{ frame(ev) }) }); } let l let buf1 let tbuf let sp = 1 let rr = 0.1 const wx=300,wy=300 function init() { l = new Life(wx,wy,{edge:1}) l.random(rr) buf1 = new Float32Array(wx*wy*6) tbuf = [] cleartbuf(0) let i=0 for(let y=0;y{ let rp = ev.gpad if(rp.hand=="right") { if(rp.dbtn[0]>0) rf = 1 if(rp.dbtn[1]>0) rf = 2 } if(rp.hand=="left") { if(rp.dpad[1]>0) { sp += (rp.axes[1]>0)?-1:1 if(sp>20) sp = 20 if(sp<1) sp = 1 POX.getModelData("pts").vs_uni.etime = 1/sp } } }) } function cleartbuf(t) { for(let i=0;i=this.width || y>=this.height)) return 0 let px = x, py = y if(x<0) px = this.width-1 if(y<0) py = this.height-1 if(x>=this.width) px = 0 if(y>=this.height) py = 0 return this.b1[px+py*this.width] } } //key event handling POX.event= function(kind,ev) { let ret = true if(kind=="gpad") { if(ev.dbtn[5]>0) POX.poxp.exitVR() } if(kind=="vrchange") { if(ev==1) { POX.cam.camRX = 0 } } return ret; } } const vshader = `#version 300 es in vec3 position; in vec3 norm; in vec2 uv ; in vec4 color ; in float zoom ; in float life ; in float ltime ; uniform mat4 mvpMatrix; uniform mat4 invMatrix; uniform mat4 modelMatrix; uniform vec4 col; uniform int imode ; uniform float time ; uniform float etime ; out vec3 tnorm ; out vec4 tcolor ; out vec3 tpos ; out vec2 tuv ; void main() { tuv = vec2(uv.x,1.-uv.y) ; tcolor = color ; vec3 ipos = position ; float ps = 7. ; float lt = time-ltime ; float ltr = clamp(lt/etime,0.,1.) ; if(imode==1 && ltime>0. && life==0. && lt0.) spec= pow(clamp(dot(norm,normalize(lv+normalize(ev))),0.0,1.0),dspec); fcolor = fcolor + (col * diff * pdiff + spcol* spec * pspec)*lcol[i].rgb*lp; } if(pref>0.) { 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)?texture(tex1,tuv):bcolor ; if(point==1) { float len = length(gl_PointCoord-0.5) ; if(len>0.5) discard ; color.a = (len>0.5)?0.: // clamp(1.-pow(len*2.,0.4),0.,1.) ; color.a; } vec3 col = color.rgb ; if(colmode==3) { col = col * (((mod(tuv.x ,checkdiv) < checkdiv/2.) ^^ (mod(tuv.y ,checkdiv) < checkdiv/2.))?1.:0.8) ; } if(colmode==4) { float sun = clamp(dot(normalize(lvec[0]),-normalize(reflect(normalize(tpos), tnorm))),0.,1.) ; col = skycol(tuv) + pow(sun,80.) * lcol[0]*0.6 ; } vec3 norm = normalize(tnorm) ; ocolor = vec4((shmode!=1)?shade(col,norm):col,color.a); } ` onload = function() { POXP.init(()=>{ $("loading").style.display = "none" ; }, {m:main,vs:vshader,fs:fshader}) }

Life #1