鸡儿er - 博客园

[置顶] javascript js WebGL WebGL2 后期处理特效之点击水波纹涟漪例子

摘要：先来看结果图(转.gif掉帧了): 完整源码分享网址: https://share.weiyun.com/Vpkp5KP3 1 首先初始化用到的所有图片: 1 const images = [ 2 "./img/girls.jpg", 3 "./img/ball.png", 4 "./img/wat 阅读全文

posted @ 2024-08-03 00:41 鸡儿er 阅读(302) 评论(0) 推荐(0)

[置顶] test 2D渲染器 WebGL WebGL2

摘要： 1 import { Box, Matrix3, Vector2 } from './Utils.js'; 2 import { Shape, ShapeUtils, SplineCurve } from './TwoUtils.js'; 3 4 const BlendEquationAdd = [ 阅读全文

posted @ 2024-07-30 20:02 鸡儿er 阅读(76) 评论(0) 推荐(0)

[置顶] 可视化调试某个js对象的属性UI插件 class HTUI

摘要：依赖的类: 1 "use strict"; 2 3 var __emptyPoint = null, __emptyPointA = null; 4 5 const ColorRefTable = { 6 "aliceblue": "#f0f8ff", 7 "antiquewhite": "#fae 阅读全文

posted @ 2023-03-05 20:24 鸡儿er 阅读(176) 评论(0) 推荐(0)

[置顶] 记录写了6年代码的心得

摘要：心得: 写代码的人有多舒服, 运行代码的电脑就有多难受! 强类型语言与弱类型语言的区别就能很好的体现现在的js的更新我个人没法理解，完全是奔着更多人去的如果未来的某天go支持前端我会毫不犹豫的弃用js 我很欣赏go的创始人说的一句话: 建议go加一个三元判断语句! go回复：条件控制语句一个就够阅读全文

posted @ 2023-02-27 22:24 鸡儿er 阅读(121) 评论(0) 推荐(0)

[置顶] go A*寻路笔记

摘要： 1 func absInt(x int) int { 2 if x < 0 { 3 return -x 4 } 5 return x 6 } 下面会用到此方法, int类型值取绝对值 1 type sp_item struct { 2 x int 3 y int 4 g int 5 h int 6 阅读全文

posted @ 2023-02-26 16:07 鸡儿er 阅读(104) 评论(0) 推荐(0)

[置顶] 测试 CanvasImageScroll 的参数 option.isPage 画布的滚动条变异成拖拽翻页效果(注意桌面端无效):

摘要： index.html: 1 <!DOCTYPE html> 2 <html lang = "zh-cn"> 3 4 <head> 5 <title>testCanvas</title> 6 <meta charset = "utf-8" /> 7 <meta name="viewport" cont 阅读全文

posted @ 2023-02-17 17:13 鸡儿er 阅读(19) 评论(0) 推荐(0)

[置顶] js画布封装之平铺(排版)

摘要：实现代码: 1 import { UTILS } from "./Utils.js"; 2 import { CanvasImageDraw, CanvasEvent, CanvasImageScroll, CanvasImageCustom } from "./ElementUtils.js"; 阅读全文

posted @ 2023-02-04 20:49 鸡儿er 阅读(104) 评论(0) 推荐(0)

[置顶] js画布封装之测试旋转

摘要：依赖: 1 "use strict"; 2 3 var __emptyPoint = null, __emptyPointA = null, __emptyContext = null; 4 5 const ColorRefTable = { 6 "aliceblue": "#f0f8ff", 7 阅读全文

posted @ 2023-02-03 17:42 鸡儿er 阅读(15) 评论(0) 推荐(0)

[置顶] js 判断当前点到起点是否是顺时针

摘要： 1 /* Point 2 parameter: 3 x = 0, y = 0; 4 5 attribute 6 x, y: Number; 7 8 method: 9 set(x, y): this; 10 angle(origin): Number; 11 copy(point): this; 1 阅读全文

posted @ 2022-10-20 21:15 鸡儿er 阅读(34) 评论(0) 推荐(0)

[置顶] js 以图片上的某个位置来缩放这个图片