01 2021 档案
摘要:pixijs shader透明度设置方法 要设置透明度1 那就直接设置就行 如果要设置透明度1以下 那就是 tex*=0.0; tex*=0.6;等 void main(void) { vec2 r = vTextureCoord; vec4 tex = texture2D(uSampler,r);
阅读全文
摘要:pixijs 用canvas的方法 虽然官方有forcanvas属性 但是我不建议用他 因为用了 有些webgl功能就用不了 比如shader 如果真的需要用的话 可以用 以下代码转化下就好了 var xx=app.renderer.extract.canvas(background); 也可以用以
阅读全文
摘要:threejs 解决模型缩小有黑边的解决方案 var material = new THREE.MeshBasicMaterial({ map: texture1, alphaTest: 0.9, side: THREE.DoubleSide, depthWrite: false }); alpha
阅读全文
摘要:threejs 透明模型遮挡后面模型解决方案 var material = new THREE.MeshBasicMaterial({ map: texture1, transparent: true, side: THREE.DoubleSide, depthWrite: false });
阅读全文
摘要:function clearblankimg(imgData){ var img = new Image(); //创建图片对象 img.src = imgData; img.onload = function() { var c = document.createElement('canvas')
阅读全文
摘要:pixijs 画扇形 var circle = new PIXI.Graphics(); var banjing=700; circle.beginFill(0xC30D23); var startangle=(360-90-(45/2))* Math.PI / 180; var endangle=
阅读全文
摘要:threejs translateOnAxis理解 var axis = new THREE.Vector3(1,22,0);//向量axis // mesh.translateOnAxis(axis,300);//沿着axis轴表示方向平移300 注意这个地方要乘以向量的 300是对于1
阅读全文
摘要:threejs 正交视图详解 用正交就是因为能更好的用像素 canvaswidth = 750; canvasheight = 1206; renderer = new THREE.WebGLRenderer({ alpha: true }); renderer.setSize(canvaswidt
阅读全文
摘要:css3 font-spider压缩自定义字体的方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>微信授权</title> <style type="text/css"> .ew { font-family: myFirst
阅读全文
摘要:threejs 透明贴图的方法 function init() { //设置渲染窗口的大小 var canvaswidth=window.innerWidth; var canvasheight=window.innerHeight; renderer = new THREE.WebGLRender
阅读全文
摘要:pixijs CANVAS putImageData 使用方法 https://codepen.io/a6965921/pen/vYXwwGg const app = new PIXI.Application({ width: 300, height: 150, forceCanvas: true,
阅读全文
摘要:html5 canvas抠图的方法 <!DOCTYPE html> <html> <body style="backgournd:#000"> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3
阅读全文
摘要:pixijs shader 设置透明度的方法 precision mediump float; varying vec2 vTextureCoord; varying vec4 vColor; uniform sampler2D uSampler; uniform sampler2D noise;
阅读全文
摘要:pixijs shader 传入多张图片到片段着色器的方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title> {$title} </title> <meta content="width=device-w
阅读全文
摘要:php curl form-data上传file方法 <?php class UploadPart { protected static $url; protected static $delimiter; protected static $instance; public function __
阅读全文
摘要:css3png图片渐变动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>{$title}</title> <meta name="viewport" content="width=device-wid
阅读全文
摘要:js提高首屏加载速度的方法 直接动态加载就行 不要用ansy defer什么的 都是堵塞主线程渲染的
阅读全文