01 2021 档案

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

点击右上角即可分享
微信分享提示