diff --git a/README.md b/README.md index c9bbdb7..df310ce 100644 --- a/README.md +++ b/README.md @@ -1,75 +1,37 @@ +
+ # 个人樱花引导页 -注意： -此源码是基于 [Dimension](https://html5up.net/dimension "Dimension") 的二次修改 -Demo 1：[https://nianbroken.github.io/Personal_Sakura_Guide_Page/](https://nianbroken.github.io/Personal_Sakura_Guide_Page/ "https://nianbroken.github.io/Personal_Sakura_Guide_Page/") +主界面 -Demo 2：[https://www.nianbroken.top/](https://www.nianbroken.top/ "https://www.nianbroken.top/") +
------------- +## 预览 -### 更新日志： +- [https://nianbroken.github.io/Personal_Sakura_Guide_Page/](https://nianbroken.github.io/Personal_Sakura_Guide_Page/) -#### 1.2 - 2022年1月30日 +--- -- 更正错别字“途径”→“途经”（她只是**途经**我留下了星火 而我却任凭它焚烧了我整个荒原） -- 修复页面中头像周围出现两个圆框 -- 新增版权信息的年份支持自动更新 -- 底部新增一条文案 -- 修复其他Bug +## 配置修改 +收款码：`money_receiving_QR_code` → `index.html` +## 许可证 -#### 1.1 - 2021年7月21日 +`Copyright © 2022 NianBroken. All rights reserved.` -- 修复 **Svg 无法显示** 的问题 -- 增加 **Meta Description** 优化SEO -- 增加 **图像的 Alt 属性** 优化SEO -- 增加 **Meta Language 标记** 优化SEO -- 增加 **万能收款码** （需自行修改 `\money_receiving_QR_code\index.html` 相关参数） -- 此版本可通过Bing、Google搜索引擎的质量检查 +本项目采用 [Apache-2.0](https://www.apache.org/licenses/LICENSE-2.0) 许可证。简而言之，你可以自由使用、修改和分享本项目的代码，但前提是在其衍生作品中必须保留原始许可证和版权信息，并且必须以相同的许可证发布所有修改过的代码。 ------------- +## 特别感谢 -### 修改内容： +- [dimension](https://html5up.net/dimension) -1. 将页面内头像改为本地头像 -2. 将原本的背景替换为动态樱花背景（参考自 [fwxiaohan.github.io](https://github.com/fwxiaohan/fwxiaohan.github.io "fwxiaohan.github.io") ） -3. 去除`
  • `标签的锚点链接，改为文本链接 -4. 去除超链接下方的横线 +- [fwxiaohan](fwxiaohan.github.io) -main.css内的 +## 最便宜的 VPN -```css -border-bottom: dotted 1px rgba(255, 255, 255, 0.5); -``` +[https://nianbroken.github.io/Great-Firewall/](https://nianbroken.github.io/Great-Firewall/) -5. 去除页面中间的黑色块块 +## 其他 -main.css内的 - -```css -background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%); -background-image: radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%); -``` - -6. 增加显示访问者IP地址（调用 [https://pv.sohu.com/cityjson?ie=utf-8](https://pv.sohu.com/cityjson?ie=utf-8 "https://pv.sohu.com/cityjson?ie=utf-8") 接口） - ------------- - -### Dimension与个人樱花引导页的对比： - -> #### Dimension -> -> [![Dimension](https://blog.nianbroken.top/usr/uploads/2021/05/2403737638.png "Dimension")](https://html5up.net/dimension "Dimension") - - -> #### 个人樱花引导页 -> -> 静态图 -> [![碎念个人樱花引导页静态图](https://blog.nianbroken.top/usr/uploads/2021/05/1477674244.png "碎念个人樱花引导页静态图")](https://www.nianbroken.top/ "碎念个人樱花引导页静态图") - -> 动态图 -> [![碎念个人樱花引导页动态图](https://blog.nianbroken.top/usr/uploads/2021/05/3974157131.gif "碎念个人樱花引导页动态图")](https://www.nianbroken.top/ "碎念个人樱花引导页动态图") - -由于Gif较大，可能加载不出来或加载比较慢，建议直接点击图片跳转至演示站查看。 +欢迎提交 `Issues` 和 `Pull requests` diff --git a/index.html b/index.html index d069c76..8b08d15 100644 --- a/index.html +++ b/index.html @@ -1,1157 +1,1156 @@ - - 碎念个人引导页 - - - - - - - - - - -
    - - - -
    -

    您的IP：

    -

    -

    你在阳光下盛放 而我在阴郁的天空下自得其乐

    -

    QQ   Mail   给我打钱   Github   Gitee   Coolapk

    -
    -
    - - - - - - - - - - - - - + +

    +

    + +

    +

    你在阳光下盛放 而我在阴郁的天空下自得其乐

    +

    + QQ   Mail   给我打钱   Github   Gitee   Coolapk +

    + + + + + + + + + + + + + + - - - + - - - - - - - - - + + + + + + + + + + + - - \ No newline at end of file + function createShader(vtxsrc, frgsrc, uniformlist, attrlist) { + var vsh = compileShader(gl.VERTEX_SHADER, vtxsrc); + var fsh = compileShader(gl.FRAGMENT_SHADER, frgsrc); + + if (vsh == null || fsh == null) { + return null; + } + + var prog = gl.createProgram(); + gl.attachShader(prog, vsh); + gl.attachShader(prog, fsh); + + gl.deleteShader(vsh); + gl.deleteShader(fsh); + + gl.linkProgram(prog); + if (!gl.getProgramParameter(prog, gl.LINK_STATUS)) { + var errlog = gl.getProgramInfoLog(prog); + console.error(errlog); + return null; + } + + if (uniformlist) { + prog.uniforms = {}; + for (var i = 0; i < uniformlist.length; i++) { + prog.uniforms[uniformlist[i]] = gl.getUniformLocation(prog, uniformlist[i]); + } + } + + if (attrlist) { + prog.attributes = {}; + for (var i = 0; i < attrlist.length; i++) { + var attr = attrlist[i]; + prog.attributes[attr] = gl.getAttribLocation(prog, attr); + } + } + + return prog; + } + + function useShader(prog) { + gl.useProgram(prog); + for (var attr in prog.attributes) { + gl.enableVertexAttribArray(prog.attributes[attr]); + } + } + + function unuseShader(prog) { + for (var attr in prog.attributes) { + gl.disableVertexAttribArray(prog.attributes[attr]); + } + gl.useProgram(null); + } + + ///// + var projection = { + angle: 60, + nearfar: new Float32Array([0.1, 100.0]), + matrix: Matrix44.createIdentity(), + }; + var camera = { + position: Vector3.create(0, 0, 100), + lookat: Vector3.create(0, 0, 0), + up: Vector3.create(0, 1, 0), + dof: Vector3.create(10.0, 4.0, 8.0), + matrix: Matrix44.createIdentity(), + }; + + var pointFlower = {}; + var meshFlower = {}; + var sceneStandBy = false; + + var BlossomParticle = function () { + this.velocity = new Array(3); + this.rotation = new Array(3); + this.position = new Array(3); + this.euler = new Array(3); + this.size = 1.0; + this.alpha = 1.0; + this.zkey = 0.0; + }; + + BlossomParticle.prototype.setVelocity = function (vx, vy, vz) { + this.velocity[0] = vx; + this.velocity[1] = vy; + this.velocity[2] = vz; + }; + + BlossomParticle.prototype.setRotation = function (rx, ry, rz) { + this.rotation[0] = rx; + this.rotation[1] = ry; + this.rotation[2] = rz; + }; + + BlossomParticle.prototype.setPosition = function (nx, ny, nz) { + this.position[0] = nx; + this.position[1] = ny; + this.position[2] = nz; + }; + + BlossomParticle.prototype.setEulerAngles = function (rx, ry, rz) { + this.euler[0] = rx; + this.euler[1] = ry; + this.euler[2] = rz; + }; + + BlossomParticle.prototype.setSize = function (s) { + this.size = s; + }; + + BlossomParticle.prototype.update = function (dt, et) { + this.position[0] += this.velocity[0] * dt; + this.position[1] += this.velocity[1] * dt; + this.position[2] += this.velocity[2] * dt; + + this.euler[0] += this.rotation[0] * dt; + this.euler[1] += this.rotation[1] * dt; + this.euler[2] += this.rotation[2] * dt; + }; + + function createPointFlowers() { + // get point sizes + var prm = gl.getParameter(gl.ALIASED_POINT_SIZE_RANGE); + renderSpec.pointSize = { min: prm[0], max: prm[1] }; + + var vtxsrc = document.getElementById("sakura_point_vsh").textContent; + var frgsrc = document.getElementById("sakura_point_fsh").textContent; + + pointFlower.program = createShader(vtxsrc, frgsrc, ["uProjection", "uModelview", "uResolution", "uOffset", "uDOF", "uFade"], ["aPosition", "aEuler", "aMisc"]); + + useShader(pointFlower.program); + pointFlower.offset = new Float32Array([0.0, 0.0, 0.0]); + pointFlower.fader = Vector3.create(0.0, 10.0, 0.0); + + // paramerters: velocity[3], rotate[3] + pointFlower.numFlowers = 1600; + pointFlower.particles = new Array(pointFlower.numFlowers); + // vertex attributes {position[3], euler_xyz[3], size[1]} + pointFlower.dataArray = new Float32Array(pointFlower.numFlowers * (3 + 3 + 2)); + pointFlower.positionArrayOffset = 0; + pointFlower.eulerArrayOffset = pointFlower.numFlowers * 3; + pointFlower.miscArrayOffset = pointFlower.numFlowers * 6; + + pointFlower.buffer = gl.createBuffer(); + gl.bindBuffer(gl.ARRAY_BUFFER, pointFlower.buffer); + gl.bufferData(gl.ARRAY_BUFFER, pointFlower.dataArray, gl.DYNAMIC_DRAW); + gl.bindBuffer(gl.ARRAY_BUFFER, null); + + unuseShader(pointFlower.program); + + for (var i = 0; i < pointFlower.numFlowers; i++) { + pointFlower.particles[i] = new BlossomParticle(); + } + } + + function initPointFlowers() { + //area + pointFlower.area = Vector3.create(20.0, 20.0, 20.0); + pointFlower.area.x = pointFlower.area.y * renderSpec.aspect; + + pointFlower.fader.x = 10.0; //env fade start + pointFlower.fader.y = pointFlower.area.z; //env fade half + pointFlower.fader.z = 0.1; //near fade start + + //particles + var PI2 = Math.PI * 2.0; + var tmpv3 = Vector3.create(0, 0, 0); + var tmpv = 0; + var symmetryrand = function () { + return Math.random() * 2.0 - 1.0; + }; + for (var i = 0; i < pointFlower.numFlowers; i++) { + var tmpprtcl = pointFlower.particles[i]; + + //velocity + tmpv3.x = symmetryrand() * 0.3 + 0.8; + tmpv3.y = symmetryrand() * 0.2 - 1.0; + tmpv3.z = symmetryrand() * 0.3 + 0.5; + Vector3.normalize(tmpv3); + tmpv = 2.0 + Math.random() * 1.0; + tmpprtcl.setVelocity(tmpv3.x * tmpv, tmpv3.y * tmpv, tmpv3.z * tmpv); + + //rotation + tmpprtcl.setRotation(symmetryrand() * PI2 * 0.5, symmetryrand() * PI2 * 0.5, symmetryrand() * PI2 * 0.5); + + //position + tmpprtcl.setPosition(symmetryrand() * pointFlower.area.x, symmetryrand() * pointFlower.area.y, symmetryrand() * pointFlower.area.z); + + //euler + tmpprtcl.setEulerAngles(Math.random() * Math.PI * 2.0, Math.random() * Math.PI * 2.0, Math.random() * Math.PI * 2.0); + + //size + tmpprtcl.setSize(0.9 + Math.random() * 0.1); + } + } + + function renderPointFlowers() { + //update + var PI2 = Math.PI * 2.0; + var limit = [pointFlower.area.x, pointFlower.area.y, pointFlower.area.z]; + var repeatPos = function (prt, cmp, limit) { + if (Math.abs(prt.position[cmp]) - prt.size * 0.5 > limit) { + //out of area + if (prt.position[cmp] > 0) { + prt.position[cmp] -= limit * 2.0; + } else { + prt.position[cmp] += limit * 2.0; + } + } + }; + var repeatEuler = function (prt, cmp) { + prt.euler[cmp] = prt.euler[cmp] % PI2; + if (prt.euler[cmp] < 0.0) { + prt.euler[cmp] += PI2; + } + }; + + for (var i = 0; i < pointFlower.numFlowers; i++) { + var prtcl = pointFlower.particles[i]; + prtcl.update(timeInfo.delta, timeInfo.elapsed); + repeatPos(prtcl, 0, pointFlower.area.x); + repeatPos(prtcl, 1, pointFlower.area.y); + repeatPos(prtcl, 2, pointFlower.area.z); + repeatEuler(prtcl, 0); + repeatEuler(prtcl, 1); + repeatEuler(prtcl, 2); + + prtcl.alpha = 1.0; //(pointFlower.area.z - prtcl.position[2]) * 0.5; + + prtcl.zkey = camera.matrix[2] * prtcl.position[0] + camera.matrix[6] * prtcl.position[1] + camera.matrix[10] * prtcl.position[2] + camera.matrix[14]; + } + + // sort + pointFlower.particles.sort(function (p0, p1) { + return p0.zkey - p1.zkey; + }); + + // update data + var ipos = pointFlower.positionArrayOffset; + var ieuler = pointFlower.eulerArrayOffset; + var imisc = pointFlower.miscArrayOffset; + for (var i = 0; i < pointFlower.numFlowers; i++) { + var prtcl = pointFlower.particles[i]; + pointFlower.dataArray[ipos] = prtcl.position[0]; + pointFlower.dataArray[ipos + 1] = prtcl.position[1]; + pointFlower.dataArray[ipos + 2] = prtcl.position[2]; + ipos += 3; + pointFlower.dataArray[ieuler] = prtcl.euler[0]; + pointFlower.dataArray[ieuler + 1] = prtcl.euler[1]; + pointFlower.dataArray[ieuler + 2] = prtcl.euler[2]; + ieuler += 3; + pointFlower.dataArray[imisc] = prtcl.size; + pointFlower.dataArray[imisc + 1] = prtcl.alpha; + imisc += 2; + } + + //draw + gl.enable(gl.BLEND); + //gl.disable(gl.DEPTH_TEST); + gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA); + + var prog = pointFlower.program; + useShader(prog); + + gl.uniformMatrix4fv(prog.uniforms.uProjection, false, projection.matrix); + gl.uniformMatrix4fv(prog.uniforms.uModelview, false, camera.matrix); + gl.uniform3fv(prog.uniforms.uResolution, renderSpec.array); + gl.uniform3fv(prog.uniforms.uDOF, Vector3.arrayForm(camera.dof)); + gl.uniform3fv(prog.uniforms.uFade, Vector3.arrayForm(pointFlower.fader)); + + gl.bindBuffer(gl.ARRAY_BUFFER, pointFlower.buffer); + gl.bufferData(gl.ARRAY_BUFFER, pointFlower.dataArray, gl.DYNAMIC_DRAW); + + gl.vertexAttribPointer(prog.attributes.aPosition, 3, gl.FLOAT, false, 0, pointFlower.positionArrayOffset * Float32Array.BYTES_PER_ELEMENT); + gl.vertexAttribPointer(prog.attributes.aEuler, 3, gl.FLOAT, false, 0, pointFlower.eulerArrayOffset * Float32Array.BYTES_PER_ELEMENT); + gl.vertexAttribPointer(prog.attributes.aMisc, 2, gl.FLOAT, false, 0, pointFlower.miscArrayOffset * Float32Array.BYTES_PER_ELEMENT); + + // doubler + for (var i = 1; i < 2; i++) { + var zpos = i * -2.0; + pointFlower.offset[0] = pointFlower.area.x * -1.0; + pointFlower.offset[1] = pointFlower.area.y * -1.0; + pointFlower.offset[2] = pointFlower.area.z * zpos; + gl.uniform3fv(prog.uniforms.uOffset, pointFlower.offset); + gl.drawArrays(gl.POINT, 0, pointFlower.numFlowers); + + pointFlower.offset[0] = pointFlower.area.x * -1.0; + pointFlower.offset[1] = pointFlower.area.y * 1.0; + pointFlower.offset[2] = pointFlower.area.z * zpos; + gl.uniform3fv(prog.uniforms.uOffset, pointFlower.offset); + gl.drawArrays(gl.POINT, 0, pointFlower.numFlowers); + + pointFlower.offset[0] = pointFlower.area.x * 1.0; + pointFlower.offset[1] = pointFlower.area.y * -1.0; + pointFlower.offset[2] = pointFlower.area.z * zpos; + gl.uniform3fv(prog.uniforms.uOffset, pointFlower.offset); + gl.drawArrays(gl.POINT, 0, pointFlower.numFlowers); + + pointFlower.offset[0] = pointFlower.area.x * 1.0; + pointFlower.offset[1] = pointFlower.area.y * 1.0; + pointFlower.offset[2] = pointFlower.area.z * zpos; + gl.uniform3fv(prog.uniforms.uOffset, pointFlower.offset); + gl.drawArrays(gl.POINT, 0, pointFlower.numFlowers); + } + + //main + pointFlower.offset[0] = 0.0; + pointFlower.offset[1] = 0.0; + pointFlower.offset[2] = 0.0; + gl.uniform3fv(prog.uniforms.uOffset, pointFlower.offset); + gl.drawArrays(gl.POINT, 0, pointFlower.numFlowers); + + gl.bindBuffer(gl.ARRAY_BUFFER, null); + unuseShader(prog); + + gl.enable(gl.DEPTH_TEST); + gl.disable(gl.BLEND); + } + + // effects + //common util + function createEffectProgram(vtxsrc, frgsrc, exunifs, exattrs) { + var ret = {}; + var unifs = ["uResolution", "uSrc", "uDelta"]; + if (exunifs) { + unifs = unifs.concat(exunifs); + } + var attrs = ["aPosition"]; + if (exattrs) { + attrs = attrs.concat(exattrs); + } + + ret.program = createShader(vtxsrc, frgsrc, unifs, attrs); + useShader(ret.program); + + ret.dataArray = new Float32Array([-1.0, -1.0, 1.0, -1.0, -1.0, 1.0, 1.0, 1.0]); + ret.buffer = gl.createBuffer(); + gl.bindBuffer(gl.ARRAY_BUFFER, ret.buffer); + gl.bufferData(gl.ARRAY_BUFFER, ret.dataArray, gl.STATIC_DRAW); + + gl.bindBuffer(gl.ARRAY_BUFFER, null); + unuseShader(ret.program); + + return ret; + } + + // basic usage + // useEffect(prog, srctex({'texture':texid, 'dtxArray':(f32)[dtx, dty]})); //basic initialize + // gl.uniform**(...); //additional uniforms + // drawEffect() + // unuseEffect(prog) + // TEXTURE0 makes src + function useEffect(fxobj, srctex) { + var prog = fxobj.program; + useShader(prog); + gl.uniform3fv(prog.uniforms.uResolution, renderSpec.array); + + if (srctex != null) { + gl.uniform2fv(prog.uniforms.uDelta, srctex.dtxArray); + gl.uniform1i(prog.uniforms.uSrc, 0); + + gl.activeTexture(gl.TEXTURE0); + gl.bindTexture(gl.TEXTURE_2D, srctex.texture); + } + } + function drawEffect(fxobj) { + gl.bindBuffer(gl.ARRAY_BUFFER, fxobj.buffer); + gl.vertexAttribPointer(fxobj.program.attributes.aPosition, 2, gl.FLOAT, false, 0, 0); + gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); + } + function unuseEffect(fxobj) { + unuseShader(fxobj.program); + } + + var effectLib = {}; + function createEffectLib() { + var vtxsrc, frgsrc; + //common + var cmnvtxsrc = document.getElementById("fx_common_vsh").textContent; + + //background + frgsrc = document.getElementById("bg_fsh").textContent; + effectLib.sceneBg = createEffectProgram(cmnvtxsrc, frgsrc, ["uTimes"], null); + + // make brightpixels buffer + frgsrc = document.getElementById("fx_brightbuf_fsh").textContent; + effectLib.mkBrightBuf = createEffectProgram(cmnvtxsrc, frgsrc, null, null); + + // direction blur + frgsrc = document.getElementById("fx_dirblur_r4_fsh").textContent; + effectLib.dirBlur = createEffectProgram(cmnvtxsrc, frgsrc, ["uBlurDir"], null); + + //final composite + vtxsrc = document.getElementById("pp_final_vsh").textContent; + frgsrc = document.getElementById("pp_final_fsh").textContent; + effectLib.finalComp = createEffectProgram(vtxsrc, frgsrc, ["uBloom"], null); + } + + // background + function createBackground() { + //console.log("create background"); + } + function initBackground() { + //console.log("init background"); + } + function renderBackground() { + gl.disable(gl.DEPTH_TEST); + + useEffect(effectLib.sceneBg, null); + gl.uniform2f(effectLib.sceneBg.program.uniforms.uTimes, timeInfo.elapsed, timeInfo.delta); + drawEffect(effectLib.sceneBg); + unuseEffect(effectLib.sceneBg); + + gl.enable(gl.DEPTH_TEST); + } + + // post process + var postProcess = {}; + function createPostProcess() { + //console.log("create post process"); + } + function initPostProcess() { + //console.log("init post process"); + } + + function renderPostProcess() { + gl.enable(gl.TEXTURE_2D); + gl.disable(gl.DEPTH_TEST); + var bindRT = function (rt, isclear) { + gl.bindFramebuffer(gl.FRAMEBUFFER, rt.frameBuffer); + gl.viewport(0, 0, rt.width, rt.height); + if (isclear) { + gl.clearColor(0, 0, 0, 0); + gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); + } + }; + + //make bright buff + bindRT(renderSpec.wHalfRT0, true); + useEffect(effectLib.mkBrightBuf, renderSpec.mainRT); + drawEffect(effectLib.mkBrightBuf); + unuseEffect(effectLib.mkBrightBuf); + + // make bloom + for (var i = 0; i < 2; i++) { + var p = 1.5 + 1 * i; + var s = 2.0 + 1 * i; + bindRT(renderSpec.wHalfRT1, true); + useEffect(effectLib.dirBlur, renderSpec.wHalfRT0); + gl.uniform4f(effectLib.dirBlur.program.uniforms.uBlurDir, p, 0.0, s, 0.0); + drawEffect(effectLib.dirBlur); + unuseEffect(effectLib.dirBlur); + + bindRT(renderSpec.wHalfRT0, true); + useEffect(effectLib.dirBlur, renderSpec.wHalfRT1); + gl.uniform4f(effectLib.dirBlur.program.uniforms.uBlurDir, 0.0, p, 0.0, s); + drawEffect(effectLib.dirBlur); + unuseEffect(effectLib.dirBlur); + } + + //display + gl.bindFramebuffer(gl.FRAMEBUFFER, null); + gl.viewport(0, 0, renderSpec.width, renderSpec.height); + gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); + + useEffect(effectLib.finalComp, renderSpec.mainRT); + gl.uniform1i(effectLib.finalComp.program.uniforms.uBloom, 1); + gl.activeTexture(gl.TEXTURE1); + gl.bindTexture(gl.TEXTURE_2D, renderSpec.wHalfRT0.texture); + drawEffect(effectLib.finalComp); + unuseEffect(effectLib.finalComp); + + gl.enable(gl.DEPTH_TEST); + } + + ///// + var SceneEnv = {}; + function createScene() { + createEffectLib(); + createBackground(); + createPointFlowers(); + createPostProcess(); + sceneStandBy = true; + } + + function initScene() { + initBackground(); + initPointFlowers(); + initPostProcess(); + + //camera.position.z = 17.320508; + camera.position.z = pointFlower.area.z + projection.nearfar[0]; + projection.angle = ((Math.atan2(pointFlower.area.y, camera.position.z + pointFlower.area.z) * 180.0) / Math.PI) * 2.0; + Matrix44.loadProjection(projection.matrix, renderSpec.aspect, projection.angle, projection.nearfar[0], projection.nearfar[1]); + } + + function renderScene() { + //draw + Matrix44.loadLookAt(camera.matrix, camera.position, camera.lookat, camera.up); + + gl.enable(gl.DEPTH_TEST); + + //gl.bindFramebuffer(gl.FRAMEBUFFER, null); + gl.bindFramebuffer(gl.FRAMEBUFFER, renderSpec.mainRT.frameBuffer); + gl.viewport(0, 0, renderSpec.mainRT.width, renderSpec.mainRT.height); + gl.clearColor(0.005, 0, 0.05, 0); + gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); + + renderBackground(); + renderPointFlowers(); + renderPostProcess(); + } + + ///// + function onResize(e) { + makeCanvasFullScreen(document.getElementById("sakura")); + setViewports(); + if (sceneStandBy) { + initScene(); + } + } + + function setViewports() { + renderSpec.setSize(gl.canvas.width, gl.canvas.height); + + gl.clearColor(0.2, 0.2, 0.5, 1.0); + gl.viewport(0, 0, renderSpec.width, renderSpec.height); + + var rtfunc = function (rtname, rtw, rth) { + var rt = renderSpec[rtname]; + if (rt) deleteRenderTarget(rt); + renderSpec[rtname] = createRenderTarget(rtw, rth); + }; + rtfunc("mainRT", renderSpec.width, renderSpec.height); + rtfunc("wFullRT0", renderSpec.width, renderSpec.height); + rtfunc("wFullRT1", renderSpec.width, renderSpec.height); + rtfunc("wHalfRT0", renderSpec.halfWidth, renderSpec.halfHeight); + rtfunc("wHalfRT1", renderSpec.halfWidth, renderSpec.halfHeight); + } + + function render() { + renderScene(); + } + + var animating = true; + function toggleAnimation(elm) { + animating ^= true; + if (animating) animate(); + if (elm) { + elm.innerHTML = animating ? "Stop" : "Start"; + } + } + + function stepAnimation() { + if (!animating) animate(); + } + + function animate() { + var curdate = new Date(); + timeInfo.elapsed = (curdate - timeInfo.start) / 1000.0; + timeInfo.delta = (curdate - timeInfo.prev) / 1000.0; + timeInfo.prev = curdate; + + if (animating) requestAnimationFrame(animate); + render(); + } + + function makeCanvasFullScreen(canvas) { + var b = document.body; + var d = document.documentElement; + fullw = Math.max(b.clientWidth, b.scrollWidth, d.scrollWidth, d.clientWidth); + fullh = Math.max(b.clientHeight, b.scrollHeight, d.scrollHeight, d.clientHeight); + canvas.width = fullw; + canvas.height = fullh; + } + + window.addEventListener("load", function (e) { + var canvas = document.getElementById("sakura"); + try { + makeCanvasFullScreen(canvas); + gl = canvas.getContext("experimental-webgl"); + } catch (e) { + alert("WebGL not supported." + e); + console.error(e); + return; + } + + window.addEventListener("resize", onResize); + + setViewports(); + createScene(); + initScene(); + + timeInfo.start = new Date(); + timeInfo.prev = timeInfo.start; + animate(); + }); + + //set window.requestAnimationFrame + (function (w, r) { + w["r" + r] = + w["r" + r] || + w["webkitR" + r] || + w["mozR" + r] || + w["msR" + r] || + w["oR" + r] || + function (c) { + w.setTimeout(c, 1000 / 60); + }; + })(window, "equestAnimationFrame"); + + + diff --git a/money_receiving_QR_code/index.html b/money_receiving_QR_code/index.html index 9a4741f..f26383c 100644 --- a/money_receiving_QR_code/index.html +++ b/money_receiving_QR_code/index.html @@ -1,150 +1,653 @@ - - - - - - - - - - 碎念万能收款码 - 我见云 心念你 - - - - -
    -

    碎念万能收款码

    -
    - -
    -
    -
    - 万能收款码展示区域 -
    -
    - 扫描以上二维码向我付款 -
    -
    - -
    -
    -
    - QQ钱包二维码展示区域 -
    -
    - 长按以上二维码向我付款 -
    -
    - -
    -
    -
    - 微信二维码展示区域 -
    -
    - 长按以上二维码向我付款 -
    -
    - - - \ No newline at end of file + + + + + + + + + + 碎念万能收款码 - 我见云 心念你 + + + + +
    +

    碎念万能收款码

    +
    + +
    +
    +
    + 万能收款码展示区域 +
    +
    扫描以上二维码向我付款
    +
    + +
    +
    +
    + QQ钱包二维码展示区域 +
    +
    长按以上二维码向我付款
    +
    + +
    +
    +
    + 微信二维码展示区域 +
    +
    长按以上二维码向我付款
    +
    + + + diff --git a/nianbroken.txt b/nianbroken.txt new file mode 100644 index 0000000..e0cf6ea --- /dev/null +++ b/nianbroken.txt @@ -0,0 +1,8 @@ +主页：https://nianbroken.top +QQ：2971802058 +微信：NianBroken +Gmail：suinian666@gmail.com +捐赠：https://pay.nianbroken.top/ +Github：https://github.com/nianbroken +欧盟全球网络加速协会：https://eugnaa.eu-gov.eu.org/ +最便宜的VPN：https://eugnaa.eu-gov.eu.org/ \ No newline at end of file