onload = function() { function main(POX) { //settings const RAD = Math.PI/180 ; const P2 = Math.PI*2 const VMODE_PARTICLE = 10 const tall = 1.6 POX.setting = { name:"fontaine1", pixRatio:1, highRefreshRate:true, foveationLevel:1, primaryPad:"right", cam:{ camMode:"walk", camCX:2.5, camCZ:2.2, camCY:tall, camRX:30, camRY:-50, camd:3 } }; //make initial scenedata POX.init = async () => { const scene={ //environment params env:{clear_color:[0.1,0.1,0.1,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., pdiff:0.8, pspec:0., pref:0.0, dspec:60, ambcolor:[0.1,0.1,0.1], lvec:[[1,1,0]], lcol:[[.8,.8,.8]], lparam:[[1,0]], colmode:0, shmode:0, bcolor:[1,1,1,1] }, // texture:[ // {src:"sample/tex1024.png"} // ], model:[ {name:"floor",hide:true, geo:new WWModel().primitive("plane",{wx:10,wz:10}).objModel(), fs_uni:{bcolor:[0.3,0.3,0.3,1.0],colmode:3} }, {name:"base",hide:1, geo:new WWModel().primitive("box",{wx:0.2,wy:0.1,wz:0.2}).objModel(), fs_uni:{colmode:0,shmode:0} }, {name:"axis",hide:true, 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",hide:true, geo:new WWModel().primitive("sphere",{div:10,wx:200,wy:200,wz:200,ninv:true}).objModel(), fs_uni:{colmode:4,shmode:1} } ] } //set scene and rendering start POX.setScene(scene).then((d)=>{ init() }); } let particle const pbufsize = 200000 const panel = false let fr1,fr2 function init() { //init particle particle = new Particle(pbufsize) fr1 = new FRand() fr2 = new FRand() POX.addEvent("frame",update) POX.addEvent("gpad",ev=> {}) POX.addEvent("vrchange",ev=> {}) } //sceneupdate function for each frame function update(p){ const pox = p.pox const render = p.render const ccam = p.ccam.getCam() const basemtx = new Mat4(). rotate(-ccam.baseRot[1],0,1,0). translate(...ccam.basePos) POX.setModelData("base",{matrix:basemtx}) if(1) { particle.pointset( {spos:[0,0.3,0], pvec:[0,1,0], pcolor:[0.8,0.8,0.9], vspeed:fr1.rand(0.02)*2+0.,vrange:0.2 } ,50,p.rtime) let vs = fr2.rand(0.01)*1.+0.1 particle.pointset( {spos:[0.5,0.15,0.5], pvec:[0,1,0], pcolor:[0.6,0.6,0.8], vspeed:vs,vrange:0.1 } ,20,p.rtime) particle.pointset( {spos:[-0.5,0.15,0.5], pvec:[0,1,0], pcolor:[0.6,0.6,0.8], vspeed:vs,vrange:0.1 } ,20,p.rtime) particle.pointset( {spos:[0.5,0.15,-0.5], pvec:[0,1,0], pcolor:[0.6,0.6,0.8], vspeed:vs,vrange:0.1 } ,20,p.rtime) particle.pointset( {spos:[-0.5,0.15,-0.5], pvec:[0,1,0], pcolor:[0.6,0.6,0.8], vspeed:vs,vrange:0.1 } ,20,p.rtime) } particle.update() } //----------------------------- class FRand { constructor() { this.R = [Math.random(),Math.random(),Math.random(),Math.random()] ; this.RC = 0 ; } rand(rv=1) { let RR = Math.floor(this.RC) this.RC += rv let rr = (RR ^ Math.floor(this.RC)) ; if(rr & 1) this.R[0] = Math.random() ; if(rr & 2) this.R[1] = Math.random() ; if(rr & 4) this.R[2] = Math.random() ; if(rr & 8) this.R[3] = Math.random() ; return (this.R[0]/8+this.R[1]/4+this.R[2]/2+this.R[3])/(1/8+1/4+1/2+1); } } //----------------------------- class Particle { constructor(pbufsize,opt) { this.bufint = 11 const buf = new Float32Array(pbufsize*this.bufint) this.pbufsize = pbufsize this.buf = buf this.name = "pts"+new Date().getTime() let m = {name:this.name, geo:{mode:"points",dynamic:true, vtx_at:["position","pcolor","pvec","pstime"], vtx:buf},hide:false, vs_uni:{vmode:VMODE_PARTICLE}, fs_uni:{point:1,colmode:1,shmode:1}, blend:"alpha" } if(opt?.parent) m.parent = opt.parent if(opt?.matrix) m.bm = opt.matrix POX.addModel(m) this.oc = 0 this.ds = null this.dc = 0 } pointset({spos,pvec,pcolor,vspeed=2,vrange=0.2,matrix=null},count,rtime) { const buf = this.buf if(this.oc+count>=this.pbufsize) this.oc=0 if(this.ds ===null) this.ds = this.oc this.dc += count let bo = this.oc*this.bufint if(matrix!=null) { spos = matrix.multVec4(...spos,1) pvec = matrix.multVec4(...pvec,0) } let pv = new Vector(pvec.slice(0,3)).normalize() let pv1,pv2 if(pv.x>=pv.y && pv.x>=pv.z) { pv1 = new Vector(-pv.y/pv.x,1,0).normalize() pv2 = new Vector(-pv.z,-pv.y*pv.z/pv.x, pv.x+pv.y*pv.y/pv.x).normalize() } if(pv.y>=pv.x && pv.y>=pv.z) { pv1 = new Vector(0,-pv.z/pv.y,1).normalize() pv2 = new Vector(pv.y+pv.z*pv.z/pv.y, -pv.x,-pv.x*pv.z/pv.y).normalize() } if(pv.z>=pv.x && pv.z>=pv.y) { pv1 = new Vector(1,0,-pv.x/pv.z).normalize() pv2 = new Vector(-pv.x*pv.y/pv.z, pv.z+pv.x*pv.x/pv.z,-pv.y).normalize() } for(let i=0;i=0.3 && l<0.4 ) pos.y = gpos.y * (0.4-l)/((0.4-0.3)) ; tcolor.r *= 1.2; } if(pos.y < gpos.y/2. && ax<0.85 && az<0.85) { pos.y = gpos.y / 2. ; if(ax>=0.8 && ax<0.85) pos.y *= (0.85-ax)/(0.05) ; if(az>=0.8 && az<0.85) pos.y *= (0.85-az)/(0.05) ; tcolor.g *= 1.2 ; } if(pos.y<0.) pos.y=0.; } } tnorm = (invMatrix * vec4(tnorm,0.0)).xyz ; tpos = (modelMatrix * vec4(pos,1.0)).xyz ; vec4 vpos = mvpMatrix * vec4(pos, 1.0) ; ps = ps / vpos.w ; if(ps<0.3) tcolor.a = ps/0.3 ; gl_PointSize = ps ; gl_Position = vpos ; } ` const fshader = `precision mediump float; const int lnum = 1 ; uniform int colmode ; //0:basecolor 1:vertex color 2:texture 3:checker 4:sky uniform int shmode ; //0:normal shading 1:no shading uniform vec4 bcolor ; uniform vec3 eyevec ; uniform float pamb ; uniform float pdiff ; uniform float pspec ; uniform float pref ; uniform float dspec ; uniform vec3 ambcolor ; uniform vec3 lvec[1]; uniform vec3 lcol[1]; uniform vec2 lparam[1] ; uniform float time ; uniform sampler2D tex1; varying vec3 tnorm ; varying vec4 tcolor ; varying vec3 tpos ; varying vec2 tuv ; const float PI = radians(180.) ; const vec3 spcol = vec3(1.,1.,1.) ; const float dd = 0.5 ; const float gamma = 1.0 ; vec3 skycol(vec2 uv) { vec3 col ; if(uv.y<0.5) col = mix(vec3(0.4,0.4,1.0),vec3(0.8,0.8,0.8),(uv.y*2.)) ; else col = mix(vec3(0.8,0.8,0.8),vec3(0.4,0.8,0.4),(uv.y-0.5)*2.); return col ; } vec3 shade(vec3 col,vec3 norm) { vec3 ev = eyevec - tpos ; int i ; float diff,spec ; vec3 fcolor = vec3(0.); vec3 rcolor = vec3(0.) ; for(int i=0;i0.) { 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 ; if(colmode==3) { col = col * (((mod(tuv.x ,0.1) < 0.05) ^^ (mod(tuv.y ,0.1) < 0.05))?1.:0.9) ; } 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 ; } vec3 norm = normalize(tnorm) ; gl_FragColor = vec4((shmode!=1)?shade(col,norm):col,color.a); } ` POXP.init(()=>{ $("loading").style.display = "none" ; }, {m:main,vs:vshader,fs:fshader}) }